#tabs h4,
h2 {
    font-style: italic;
}
@font-face {
    font-family: icomoon;
    src: url(/NEW2019/assets/css/search/fonts/icomoon/icomoon.eot);
    src: url(/NEW2019/assets/css/search/fonts/icomoon/icomoon.eot?#iefix) format("embedded-opentype"), url(/NEW2019/assets/css/search/fonts/icomoon/icomoon.woff) format("woff"),
        url(/NEW2019/assets/css/search/fonts/icomoon/icomoon.ttf) format("truetype"), url(/NEW2019/assets/css/search/fonts/icomoon/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Proxima-Regular;
    src: url(/NEW2019/assets/fonts/ProximaNova-Regular.eot);
    src: url(/NEW2019/assets/fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(/NEW2019/assets/fonts/ProximaNova-Regular.woff2) format("woff2"), url(/NEW2019/assets/fonts/ProximaNova-Regular.woff) format("woff"),
        url(/NEW2019/assets/fonts/ProximaNova-Regular.ttf) format("truetype"), url(/NEW2019/assets/fonts/ProximaNova-Regular.svg#ProximaNova-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: Proxima-Thin;
    src: url(/NEW2019/assets/fonts/ProximaNovaT-Thin.eot);
    src: url(/NEW2019/assets/fonts/ProximaNovaT-Thin.eot?#iefix) format("embedded-opentype"), url(/NEW2019/assets/fonts/ProximaNovaT-Thin.woff2) format("woff2"), url(/NEW2019/assets/fonts/ProximaNovaT-Thin.woff) format("woff"),
        url(/NEW2019/assets/fonts/ProximaNovaT-Thin.ttf) format("truetype"), url(/NEW2019/assets/fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin) format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: Proxima-Black;
    src: url(/NEW2019/assets/fonts/ProximaNova-Black.eot);
    src: url(/NEW2019/assets/fonts/ProximaNova-Black.eot?#iefix) format("embedded-opentype"), url(/NEW2019/assets/fonts/ProximaNova-Black.woff2) format("woff2"), url(/NEW2019/assets/fonts/ProximaNova-Black.woff) format("woff"),
        url(/NEW2019/assets/fonts/ProximaNova-Black.ttf) format("truetype"), url(/NEW2019/assets/fonts/ProximaNova-Black.svg#ProximaNova-Black) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: auto;
}
@font-face {
    font-family: Proxima-Bold;
    src: url(/new2019/assets/fonts/ProximaNova-Bold.eot);
    src: url(/new2019/assets/fonts/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"), url(/new2019/assets/fonts/ProximaNova-Bold.woff2) format("woff2"), url(/new2019/assets/fonts/ProximaNova-Bold.woff) format("woff"),
        url(/new2019/assets/fonts/ProximaNova-Bold.ttf) format("truetype"), url(/new2019/assets/fonts/ProximaNova-Bold.svg#ProximaNova-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: auto;
}
.col-lg-20,
.col-md-20,
.col-sm-20,
.col-xs-20 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-20 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-20 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-20 {
        width: 20%;
        float: left;
        padding-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-20 {
        width: 20%;
        float: left;
    }
}
body,
html {
    min-height: 100%;
    font-family: Proxima-Regular;
}
h1 {
    color: #68be4d;
    font-family: Proxima-Bold;
    font-size: 50px;
    margin-top: 20px;
}
h2,
h4 {
    font-family: Proxima-Thin;
}
h4 {
    font-size: 40px;
    line-height: 42px;
    color: #000;
}
a.link-style,
p {
    font-family: Proxima-Regular;
}
p {
    letter-spacing: 0;
    font-size: 18px;
    color: #828282;
}
.FooterCredits a:hover,
.box-contatti a,
.box-servizi-slider:hover a h3,
.gf .gdpr a,
.lingue-cms ul .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .show > .nav-link,
.page-link,
a,
a.link-style {
    color: #68be4d;
}
.fullscreen hr,
hr {
    height: 3px;
    background: #68be4d;
    width: 20px;
    margin-left: 0;
}
.box-servizi-slider a:hover,
.title-news-hp a:hover,
a:hover {
    text-decoration: none;
}
a.link-style {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    padding: 5px 5px 5px 0;
    background-image: linear-gradient(to left, transparent, transparent 50%, #68be4d 50%, #68be4d);
    background-position: 100% 0;
    background-size: 201%;
    transition: 0.3s ease-in;
}
.megamenu-det h3,
.megamenu-det h4 {
    text-transform: uppercase !important;
}
.box-servizi-slider h3,
.lingue-cms .dropdown-menu li,
.lingue-cms ul .nav-link,
b,
strong {
    font-weight: 700;
    font-style: normal;
}
a.link-style:hover {
    color: #fff;
    background-position: 0 0;
}
b,
strong {
    font-family: Proxima-Bold;
}
.navbar {
    padding: 0;
    border-bottom: 1px solid #fff;
}
.navbar-light .navbar-toggler {
    color: #fff;
    border: 0;
    border-left: 1px solid #000;
    border-radius: 0;
    height: 95px;
    width: 95px;
}
.navbar.shrink .navbar-toggler {
    height: 70px;
    width: 70px;
    line-height: 0;
    padding: 0;
}
.main-menu:hover > .dropdown-menu {
    display: block;
}
#capttpl,
#comment,
.LineeOrariHP a img.img-hover,
.LineeOrariHP a:hover img.img-no-hover,
.app-download-hp,
.box-news-hp:hover .cta-news img,
.box-servizi-slider img.hover,
.box-servizi-slider:hover img.normal,
.boxServCont .img-hover,
.boxServCont:hover .img-no-hover,
.fullscreen.videoNo .video,
.navbar-brand .display-device,
.navbar-brand-icon,
.navbar-toggler-close,
.navbar.shrink .navbar-brand,
.overlay,
.ruota-fumetto.fumetto-2::before,
.search-mobile,
.title-menu-icon,
a.link-fumetto:before {
    display: none;
}
.megamenu-li {
    position: static;
}
.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 24px;
    font-family: Proxima-Bold;
    font-weight: 700;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
}
.dropdown-toggle::after {
    font-size: 12px;
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.dropdown-menu {
    border-radius: 0;
    background: #fff;
    min-width: 14rem;
    padding: 0;
    top: 87px;
}
.navbar.shrink .dropdown-menu {
    top: 68px;
}
.dropdown-menu .nav-item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.navbar.menu-linee,
.navbar.shrink,
.servizio-page .navbar {
    border-bottom: 1px solid #666869;
}
.box-fermate ul li:last-child,
.dropdown-menu .nav-item:last-child,
.fullscreen .panel-body .modifiche-servizio:last-child {
    border-bottom: 0;
}
.dropdown-menu .nav-link {
    color: #000 !important;
    font-size: 14px !important;
    padding: 0 14px !important;
    font-family: Proxima-Regular !important;
}
.dropdown-menu .nav-link:hover {
    color: #68be4d !important;
}
.dropdown-menu .nav-link .fas {
    font-size: 10px;
    float: right;
    margin-top: 7px;
}
.navbar-light .navbar-nav .megamenu-link {
    border-left: 1px solid #fff;
    padding: 26px;
}
.navbar-light .megamenu-link .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-nav .megamenu-link:hover,
.openBtn:hover,
.overlay button:hover {
    background: #fff;
    color: #000;
}
.navbar-light .megamenu-link .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-nav .megamenu-link:hover .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.banner-app .box-app:hover .box-text h3,
.banner-app .box-app:hover .box-text h4,
.banner-app .box-app:hover .box-text h5,
.banner-grazie h2,
.banner-grazie h3,
.banner-grazie h4,
.card-body a.link-style:hover,
.navbar-light .navbar-nav .megamenu-link:focus,
.title-gallery a {
    color: #fff;
}
.navbar-light .navbar-nav .active > .megamenu-link,
.navbar-light .navbar-nav .megamenu-link.active,
.navbar-light .navbar-nav .megamenu-link.show,
.navbar-light .navbar-nav .show > .megamenu-link {
    color: #000;
    background: #fff;
}
.navbar-light .navbar-nav .active > .megamenu-link .navbar-toggler-icon,
.navbar-light .navbar-nav .megamenu-link.active .navbar-toggler-icon,
.navbar-light .navbar-nav .megamenu-link.show .navbar-toggler-icon,
.navbar-light .navbar-nav .show > .megamenu-link .navbar-toggler-icon,
.navbar.shrink .navbar-nav .show > .megamenu-link .navbar-toggler-icon {
    background-image: url(/NEW2019/assets/image/icon/close-icon-megamenu.png);
    background-position: center center;
    background-size: 30px 30px;
}
.navbar-expand-lg .navbar-nav .megamenu {
    padding: 28px 10px;
    font-size: 15px;
}
.lingue-cms .dropdown-menu .nav-item,
.openBtn {
    font-size: 20px;
}
.navbar-expand-lg .navbar-nav .megamenu h5 {
    border-bottom: 1px solid #e5e5e5;
    font-size: 24px;
    font-family: Proxima-Thin;
    margin-bottom: 2px;
    padding-bottom: 25px;
}
.navbar-expand-lg .navbar-nav .megamenu .dropdown-item {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}
.navbar-expand-lg .navbar-nav .megamenu .dropdown-item:hover {
    background: 0 0;
    color: #68be4d;
}
.navbar-expand-lg .navbar-nav .megamenu .dropdown-item .fas {
    font-size: 12px;
    float: right;
    margin-top: 6px;
    margin-right: 10px;
}
.megamenu-det {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 30px;
    padding-top: 20px;
}
.banner-app .box-app .box-icon img,
.banner-grazie .img-width img,
.bg-box-LineeOrariHP img,
.box-news-hp img,
.cta-gallery img,
.img-width img,
.megamenu-det img,
.navbar-brand img,
.navbar-brand-icon img {
    width: 100%;
}
.megamenu-det h3 {
    font-size: 20px !important;
    font-family: Proxima-Black !important;
    margin-top: 3px;
    color: #333;
}
.megamenu-det h4 {
    font-size: 18px !important;
    font-family: Proxima-regular !important;
    line-height: 10px;
    margin-bottom: 0;
    color: #333;
}
.banner-app .box-app .box-text h5,
.megamenu-det h5 {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase !important;
}
.megamenu-det h5 {
    font-size: 12px !important;
    font-family: Proxima-Bold !important;
    color: #333;
}
.box-contatti strong,
.boxServCont a,
.breadcrumbs,
.card-body a,
.cta-slider a,
.gf label,
.title-gallery,
a.btn-download,
span.colorVerde {
    text-transform: uppercase;
}
.pos-menu {
    position: absolute;
    z-index: 9999;
    width: 100%;
}
.megamenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.megamenu .dropdown-item {
    white-space: inherit;
    font-size: 16px;
}
.menu-linee,
.servizio-page .pos-menu {
    position: relative;
    z-index: 9999;
    width: 100%;
}
.menu-linee .navbar-nav .nav-link,
.servizio-page .navbar-nav .nav-link {
    color: #666869;
}
.navbar-light.menu-linee .navbar-nav .megamenu-link,
.servizio-page .navbar-light .navbar-nav .megamenu-link {
    border-left: 1px solid #666869;
}
.menu-linee .openBtn,
.servizio-page .openBtn {
    border-left: 1px solid #666869;
    color: #666869;
}
.menu-linee .navbar-nav .megamenu-link .navbar-toggler-icon,
.navbar.shrink .navbar-nav .megamenu-link .navbar-toggler-icon,
.servizio-page .navbar-nav .megamenu-link .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.BoxIcoLineaUrbNew2018 {
    width: 100%;
    height: 60px;
    margin-bottom: 12px;
    background: url(/img/BoxIcoLineaNewww-2.png) no-repeat;
}
.BoxIcoLineaUrbNew2020 {
    width: 100%;
    height: 60px;
    margin-bottom: 12px;
    background: url(/img/BoxIcoLineaNew-2020-3.png) no-repeat;
}
.BoxIcoLineaUrbNew2023 {
    width: 100%;
    height: 60px;
    margin-bottom: 12px;
    background: url(/img/BoxIcoLineaNew-2023.png) no-repeat;
}
.BoxIcoLineaPRNew,
.BoxIcoLineaPRNew2020 {
    height: 30px;
    margin-bottom: 12px;
    width: 100%;
}
.BoxIcoLineaPRNew {
    background: url(/img/BoxIcoLineaPRNew3.png) no-repeat;
}
.BoxIcoLineaPRNew2020 {
    background: url(/img/BoxIcoLineaPRNew4.png) no-repeat;
}
.lingue-cms ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.lingue-cms ul li {
    margin-bottom: 0;
}
.lingue-cms ul .nav-link {
    color: #fff;
    font-size: 24px;
    font-family: Proxima-Bold;
    padding: 26px 0;
    border-left: 1px solid #fff;
    width: 90px;
    text-align: center;
}
.overlay button,
.overlay input[type="text"] {
    height: 80px;
    padding: 15px;
    background: 0 0;
    border: 1px solid #fff;
    float: left;
}
.lingue-cms .dropdown-menu {
    width: 100%;
    min-width: 100%;
}
.lingue-cms .dropdown-menu li {
    font-size: 24px;
    font-family: Proxima-Bold;
    text-align: center;
}
.menu-linee .lingue-cms ul .nav-link,
.privacy-head .lingue-cms ul .nav-link {
    color: #666869;
    border-left: 1px solid #666869;
}
.navbar.shrink .lingue-cms ul .nav-link {
    font-size: 20px;
    color: #666869;
    border-left: 1px solid #666869;
    width: 75px;
    padding: 18px 0;
    height: 72px;
}
.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
0% {
    transform: translateY(1rem);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
}
0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
}
.openBtn {
    background: 0 0;
    border: none;
    padding: 34px;
    line-height: 0;
    cursor: pointer;
    border-left: 1px solid #fff;
    color: #fff;
}
.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
}
.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin: auto;
}
.overlay .closebtn {
    position: absolute;
    top: 3px;
    right: 28px;
    font-size: 60px;
    cursor: pointer;
    color: #fff;
}
.overlay .closebtn:hover {
    color: #ccc;
}
.overlay input[type="text"] {
    font-size: 18px;
    width: 90%;
}
.overlay input[type="text"]:hover {
    background: #f1f1f1;
}
.overlay button {
    width: 80px;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
}
.navbar-brand,
.navbar-brand-icon {
    width: 210px;
    height: auto;
    padding: 15px 20px;
    background: #fff;
}
.navbar.shrink {
    position: fixed !important;
    background: #fff;
    top: 0;
}
.navbar.shrink .navbar-brand-icon {
    display: block;
    padding: 10px;
}
.navbar.shrink .navbar-nav .nav-link {
    color: #666869;
    font-size: 20px;
    padding-top: 15px;
}
.navbar.shrink .navbar-nav .megamenu-link {
    border-left: 1px solid #666869;
    padding: 20px;
}
.navbar.shrink .openBtn {
    color: #666869;
    border-left: 1px solid #666869;
    padding: 25px;
}
.fullscreen {
    height: 100vh;
    background-color: #ccc;
    background: center center no-repeat rgba(11, 78, 153, 0.25);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.fullscreen .container-fluid {
    display: contents;
}
.fullscreen.videoNo {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(/new2019/assets/image/presentazione-tpl.jpg);
}
.fullscreen.videoSi {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.fullscreen.videoSi .video::after {
    display: block;
    position: absolute;
    top: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 100%);
    height: 100%;
    width: 100%;
    content: "";
}
.fullscreen.videoSi .video {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.fullscreen.videoSi .video iframe {
    position: absolute;
    top: -130px;
    left: -50%;
    width: 200%;
    height: 114%;
}
.fullscreen h1 {
    color: #68be4d;
    font-family: Proxima-Bold;
    font-size: 64px;
    margin-top: 0;
}
.fullscreen h2 {
    font-family: Proxima-Black;
    color: #fff;
    letter-spacing: -1px;
    font-size: 2rem;
}
.fullscreen h3 {
    color: #fff;
    font-family: Proxima-Thin;
    font-size: 45px;
}
.fullscreen p {
    color: #fff;
    font-size: 18px;
    font-family: Proxima-Regular;
}
.cta-slider a,
.fullscreen .panel-body .modifiche-servizio .fas,
a.btn-candidati .fas {
    font-size: 14px;
}
.center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 200px;
    z-index: 1;
}
.cta-slider {
    margin: 30px 0 10px;
}
.cta-slider a {
    color: #fff;
    font-family: Proxima-Bold;
    letter-spacing: 1px;
}
.breadcrumbs a:hover,
.cta-slider a:hover,
.form-ricerca-ffs .small a:hover {
    text-decoration: none;
    color: #68be4d;
}
.fullscreen .panel-position {
    position: absolute;
    bottom: 0;
    right: 0;
}
.fullscreen .panel-group {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
}
.fullscreen .panel-heading {
    background: #fff;
    padding: 10px 10px 5px;
    position: relative;
}
.fullscreen .panel-heading h4 {
    line-height: 22px;
}
.fullscreen .panel-heading h4 a {
    font-family: Proxima-Bold;
    color: #000;
    font-size: 16px;
    line-height: 22px;
}
.footer-menu ul li a:hover,
.fullscreen .panel-heading h4 a:hover {
    color: #68be4d;
    text-decoration: none;
}
.fullscreen .panel-heading h4 a .fas {
    position: absolute;
    right: 15px;
    top: 18px;
    color: #68be4d;
}
.fullscreen .panel-body {
    padding: 0;
    border: 1px solid #fff;
    min-height: 300px;
    height: 300px;
    overflow: auto;
}
.fullscreen .panel-body .modifiche-servizio {
    border-bottom: 1px solid #fff;
    padding: 20px;
}
.fullscreen .panel-body .modifiche-servizio a {
    color: #fff;
    font-family: Proxima-Thin;
    font-size: 20px;
}
.fullscreen .panel-body .modifiche-servizio a:hover {
    text-decoration: none;
    color: #68be4d;
    font-family: Proxima-Regular;
}
.box-servizi-slider {
    margin-top: 50px;
    text-align: center;
}
.box-servizi-slider h3 {
    font-size: 25px;
    font-family: Proxima-Bold;
}
#tabs h4,
.LineeOrariHP a,
.bottonCont [type="button"],
.timeline .event:before {
    font-family: Proxima-Thin;
}
.LineeOrariHP a img.img-no-hover,
.LineeOrariHP a:hover img.img-hover,
.box-servizi-slider:hover img.hover,
.boxServCont:hover .img-hover {
    display: inline-block;
}
.box-news-hp {
    position: relative;
    border-right: 1px solid #fff;
    height: 100%;
}
.title-news-hp {
    position: absolute;
    z-index: 9;
    top: 20%;
    padding: 0 50px;
}
.title-news-hp h4 {
    background: #68be4d;
    color: #fff;
    display: initial;
    padding: 5px;
    line-height: 60px;
}
.title-news-hp p {
    color: #fff;
    background: #68be4d;
    padding: 5px;
    display: inline-block;
    margin-top: 1px;
}
.cta-news {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    color: #fff;
    background: #68be4d;
    z-index: 1;
    -webkit-transition: width 0.5s, height 0.5s;
    transition: width 0.5s, height 0.5s;
}
.box-news-hp:hover .cta-news {
    width: 100%;
    height: 100%;
}
.box-news-overlay-hp {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.LineeOrariHP,
.ricerca-ffs {
    border-left: 1px solid #fff;
    padding: 20% 50px;
    position: relative;
}
.LineeOrariHP h4,
.LineeOrariHP p {
    color: #fff;
    position: relative;
    z-index: 9;
}
.LineeOrariHP a {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    display: block;
    margin-top: 35px;
}
.LineeOrariHP span.positionRelativeBox,
.boxServCont span.positionRelativeBox {
    position: relative;
    z-index: 9;
    background-image: linear-gradient(to left, transparent, transparent 50%, #fff 50%, #fff);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: 0.3s ease-in;
    padding: 5px;
}
.LineeOrariHP a:hover span,
.boxServCont:hover span {
    color: #68be4d;
    background-position: 0 0;
}
.LineeOrariHP a .BGColorLinee,
.LineeOrariHP a .BGColorOrari {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0b4e99;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity 0.2s linear;
    z-index: 1;
}
.LineeOrariHP a:hover .BGColorLinee,
.LineeOrariHP a:hover .BGColorOrari {
    visibility: visible;
    opacity: 1;
}
.LineeOrariHP a img {
    width: 30px;
    height: auto;
    margin-top: -8px;
}
.bg-box-LineeOrariHP {
    position: absolute;
    bottom: -15%;
    right: 40px;
    width: 80px;
}
.form-ricerca-ffs input {
    width: 100%;
    padding: 5px !important;
}
.form-ricerca-ffs input.radio {
    width: auto;
    left: 25px;
}
.form-ricerca-ffs .row {
    margin-right: 0;
    margin-left: 0;
}
.form-ricerca-ffs .btn-ffs {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
}
.form-ricerca-ffs input[type="submit"] {
    background: #68be4d;
    border: 0;
    color: #fff;
    font-family: Proxima-Thin;
    padding: 10px 30px !important;
    cursor: pointer;
    letter-spacing: 1px;
    width: auto;
}
.form-ricerca-ffs input[type="submit"]:hover {
    background: #0b4e99;
}
.form-ricerca-ffs .small {
    margin-top: 10px;
    display: inline-block;
}
.form-ricerca-ffs .small a {
    color: #000;
}
.form-ricerca-ffs hr {
    width: 100%;
    margin-left: 0;
}
.banner-app {
    border-top: 2px solid #e5e5e5;
    background: #00529b;
    padding: 30px 0;
}
.banner-app .box-app {
    border: 2px solid #68be4d;
    background: 100% 0/200% 100% #fff;
    margin-left: 25%;
    margin-right: 25%;
    padding: 0;
    background-image: linear-gradient(to left, transparent, transparent 50%, #fff 50%, #fff);
    transition: 0.3s ease-in;
}
.banner-app .box-app .box-icon,
.banner-grazie {
    background: #68be4d;
}
.banner-app .box-app .box-text {
    padding: 25px 0 0 30px;
}
.banner-app .box-app .box-text h5 {
    font-size: 12px !important;
    font-family: Proxima-Bold !important;
    color: #68be4d;
    letter-spacing: 1px;
}
.banner-app .box-app .box-text h4 {
    font-size: 16px !important;
    font-family: Proxima-regular !important;
    text-transform: uppercase !important;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 4px;
    color: #68be4d;
    letter-spacing: 1px;
}
.banner-app .box-app .box-text h3 {
    font-size: 18px !important;
    font-family: Proxima-Black !important;
    text-transform: uppercase !important;
    margin-top: 4px;
    color: #68be4d;
    letter-spacing: 2px;
}
.banner-app .box-app:hover {
    background: #68be4d;
    cursor: pointer;
}
footer {
    background: #f5f5f5;
    display: inline-block;
    width: 100%;
}
.FooterCredits {
    border-top: 1px solid #e5e5e5;
    font-size: 12px;
    margin-top: 30px;
}
.FooterCredits a {
    color: #000;
    text-decoration: underline;
}
.footer-menu {
    padding-top: 35px;
    padding-bottom: 0;
}
.footer-menu h4 {
    font-family: Proxima-Bold;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}
.box-single-gall,
.boxServCont img,
span.colorVerde {
    margin-bottom: 20px;
}
.footer-menu ul {
    padding: 0;
    list-style: none;
}
.footer-menu ul li {
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.footer-menu ul li a {
    color: #000;
    display: block;
    font-size: 15px;
}
.footer-menu ul li .fas {
    font-size: 10px;
    margin-top: 9px;
    float: right;
}
.head-img {
    height: 400px;
    overflow: hidden;
}
.head-img::after {
    display: block;
    position: absolute;
    top: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
    height: 300px;
    width: 100%;
    content: "";
}
.head-img img {
    width: 100%;
    height: auto;
}
.breadcrumbs {
    font-size: 14px;
}
.breadcrumbs a {
    color: #333;
}
.card {
    background: 0 0;
    border: 0;
    border-radius: 0;
}
#tabs .nav-tabs,
.card-body,
.card-header {
    border-bottom: 1px solid #68be4d;
}
.card-header {
    padding: 0;
    border-radius: 0;
    background: 0 0;
}
.card-header .btn-link {
    padding: 0 0 5px;
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 20px;
    background: url(/NEW2019/assets/image/icon/arrow-up.png) center right no-repeat;
}
.boxServCont:hover,
a.btn-candidati:hover,
a.btn-download:hover {
    background: #00529b;
}
.card-header .btn-link:hover {
    text-decoration: none;
    cursor: pointer;
    color: #68be4d;
}
.card-header .btn-link.collapsed {
    background: url(/NEW2019/assets/image/icon/arrow-down.png) center right no-repeat;
}
.card-header .btn-link.tariffe {
    background: url(/NEW2019/assets/image/icon/arrow-right.png) center right no-repeat;
}
.card-body {
    padding: 1.25rem 0;
}
.card-body p {
    font-size: 16px;
}
.card-body a {
    color: #68be4d;
}
.card-body a:hover {
    color: #e67e22;
}
.card-body img {
    margin-top: -3px;
    margin-left: 10px;
}
.boxServCont {
    background: #68be4d;
    text-align: center;
    border: 1px solid #fff;
    padding: 70px 50px;
    margin-top: 40px;
}
.boxServCont:hover {
    cursor: pointer;
}
.boxServCont h3 {
    color: #fff;
    font-size: 24px;
}
.boxServCont hr {
    width: 100%;
    background: 0 0;
    border-top: 1px solid #fff;
}
.gallery-cont .cta-news-text,
.title-gallery,
a.btn-download {
    background: #68be4d;
    color: #fff;
}
.boxServCont a {
    color: #fff;
}
.boxServCont a img {
    width: 30px;
    margin-top: -5px;
    margin-bottom: 0;
}
.text-cont li {
    padding: 5px 0;
    color: #828282;
}
a.btn-download {
    padding: 20px 30px;
    display: inline-block;
    margin-top: 20px;
}
.Menu2 {
    border-top: 1px solid #d8d8d8;
    padding-top: 30px;
}
.timeline {
    border-left: 4px solid #68be4d;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0 auto;
    letter-spacing: 0.5px;
    position: relative;
    padding: 50px;
    list-style: none;
    text-align: left;
    font-weight: 100;
    max-width: 60%;
}
.timeline .event {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
}
.timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.timeline .event:after,
.timeline .event:before {
    position: absolute;
    display: block;
    top: 0;
}
.timeline .event:before {
    left: -217.5px;
    color: #68be4d;
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-style: normal;
    font-size: 30px;
}
.timeline .event:after {
    box-shadow: 0 0 0 4px #68be4d;
    left: -57.85px;
    background: #fff;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 5px;
}
.gallery-cont {
    margin-bottom: 30px;
    position: relative;
    height: 258px;
    overflow: hidden;
}
.gallery-cont h4 {
    font-size: 24px;
    line-height: 28px;
}
.gallery-cont .title-news-hp {
    padding: 0 30px 0 0;
    top: 6px;
}
.gallery-cont .cta-news {
    width: 35px;
    height: 35px;
}
.gallery-cont .cta-news-text {
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    height: 35px;
    right: 35px;
    padding: 7px 15px;
    letter-spacing: 1px;
    font-size: 14px;
}
.cta-gallery {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 40px;
    height: 40px;
    background: #68be4d;
}
.title-gallery {
    padding-bottom: 8px;
    padding-top: 8px;
}
.img-thumbnail {
    border-radius: 0;
    padding: 0;
    border: 0;
}
img.img-cont-gall {
    max-height: 100vh;
    width: auto;
    margin-top: 10%;
}
.modal-open .modal {
    z-index: 9999999999;
    background: rgba(0, 0, 0, 0.85);
}
.modal-header {
    border-bottom: 0;
    position: absolute;
    right: -125px;
    z-index: 99999999;
}
h4.modal-title {
    font-size: 20px;
    line-height: 25px;
    margin-top: 25px;
    margin-right: 30px;
}
.modal-content {
    background: 0 0;
    border: 0;
}
.modal-content .btn-secondary {
    background: 0 0;
    border: 0;
    position: absolute;
    top: 50%;
}
.modal-content .btn-secondary.float-left {
    left: 0;
}
.modal-content .btn-secondary.float-right {
    right: 0;
}
.modal-footer {
    border-top: 0;
}
#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #68be4d;
    background-color: transparent;
    border-color: transparent transparent #68be4d;
    border-bottom: 4px solid #68be4d !important;
    font-size: 20px;
    font-weight: 700;
}
#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    color: #666869;
    font-size: 20px;
}
span.colorVerde {
    letter-spacing: 2px;
    font-family: Proxima-Bold;
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
}
#tabs h4 {
    margin-top: 20px;
}
.box-contatti a:hover,
.gf .gdpr a:hover,
span.page-link {
    color: #00529b;
}
.gf fieldset legend {
    background: #68be4d;
    padding: 10px !important;
    color: #fff !important;
}
.bottonCont [type="button"] {
    background: #68be4d;
    color: #fff;
    border: 0;
    letter-spacing: 1px;
    padding: 7px 30px;
}
.bottonCont [type="button"]:hover {
    cursor: pointer;
    background: #00529b;
}
.gf label {
    margin-top: 0;
    letter-spacing: 1px;
    font-size: 12px;
    color: #333;
    display: block;
    margin-bottom: 4px;
}
.box-contatti strong,
.data-post {
    font-family: Proxima-Thin;
    letter-spacing: 2px;
}
.gf .gdpr {
    font-size: 11px;
}
.box-contatti h4,
ul.ruota-premi li b {
    font-size: 28px;
    line-height: 28px;
}
.box-contatti strong {
    color: #68be4d;
}
.box-contatti hr,
.box-linee hr {
    background: #d8d8d8;
    height: 1px;
    width: 90%;
    border-top: 0;
}
a.btn-candidati {
    margin: 10px 0;
    color: #fff;
    background: #68be4d;
    letter-spacing: 1px;
    font-family: Proxima-Regular;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    padding: 0.375rem 30px;
}
.box-sicurezza h5,
span.sub-title-linee {
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}
.box-sicurezza {
    border: 1px solid #d8d8d8;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -1px;
    position: relative;
}
.box-sicurezza h5 {
    line-height: 14px;
    color: #68be4d;
    margin-top: 10%;
    margin-bottom: 0;
}
.gallery-sicurezza {
    text-align: center;
    margin-top: 40px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 40px;
}
.box-fermate,
.box-linee {
    padding-top: 15px;
    padding-bottom: 15px;
}
.gallery-sicurezza .modal-body img.img-responsive {
    max-height: 100vh;
    width: auto;
    float: none;
    margin: 0 auto;
}
.box-linee {
    border: 1px solid #d8d8d8;
    margin-left: -1px;
}
span.sub-title-linee {
    color: #333;
    margin: 10px 0;
}
.box-fermate {
    position: absolute;
    z-index: 9;
    background: #fff;
    top: 10px;
    left: 25px;
}
.ruota-fumetto,
ul.ruota-premi li {
    position: relative;
    font-family: Proxima-Bold;
}
.box-fermate ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-fermate ul li {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #e5e5e5;
}
.fermate iframe,
.fermate-canvas {
    width: 100%;
    height: 1200px;
}
.data-post {
    text-transform: uppercase;
    color: #68be4d;
}
.data-post .far {
    padding-right: 10px;
}
.modal-open .modal-grazie {
    padding-right: 0 !important;
    background: rgba(0, 0, 0, 0.75);
}
.modal-open .modal-grazie .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    margin: -15px -15px -15px auto;
    font-size: 40px;
}
.modal-open .modal-grazie .modal-dialog {
    max-width: 600px;
    background: #65b32e;
    border-radius: 5px;
}
.ruota-fumetto.fumetto-2::after,
.ruota-fumetto::before {
    content: "";
    width: 18px;
    height: 14px;
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
}
.modal-open .modal-grazie .modal-dialog .modal-header {
    position: initial;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 10px 15px 0;
}
.modal-open .modal-grazie .modal-dialog .modal-body {
    padding: 50px 15px 15px;
    text-align: left;
}
.modal-open .modal-grazie .modal-dialog img {
    position: relative;
    left: 0;
}
.modal-open .modal-grazie .modal-dialog h4 {
    color: #fff;
    font-size: 18px;
}
.modal-open .modal-grazie .modal-dialog h3 {
    color: #fff;
    font-family: Proxima-Regular;
    font-size: 20px;
    margin-bottom: 0;
}
.modal-open .modal-grazie .modal-dialog h2 {
    font-family: Proxima-Bold;
    font-size: 54px;
    color: #fff;
    font-style: normal;
}
.banner-grazie .btn-primary,
.modal-open .modal-grazie .modal-dialog .btn-primary {
    color: #65b32e;
    background-color: #fff;
    border-color: #65b32e;
    margin-top: 20px;
    margin-bottom: 25px;
}
.banner-grazie .btn-primary:hover,
.modal-open .modal-grazie .modal-dialog .btn-primary:hover {
    color: #fff;
    background-color: #65b32e;
    border-color: #fff;
}
.modal-open .modal-grazie .modal-dialog .modal-footer {
    border-top: 0;
    text-align: left !important;
    align-items: normal;
    justify-content: left;
    padding: 0;
    display: block;
}
.banner-grazie h3 {
    font-family: Proxima-Regular;
    font-size: 22px;
    margin-bottom: 0;
}
.banner-grazie h2 {
    font-family: Proxima-Bold;
    font-size: 50px;
    font-style: normal;
}
.banner-grazie h4 {
    font-family: Proxima-Thin;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.ruota-fumetto {
    background: #65b32e;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 22px;
}
.ruota-fumetto::before {
    left: -9px;
    background-image: url(/NEW2019/assets/image/icon/fumetto-ruota-before.png);
}
.ruota-fumetto.fumetto-2 {
    margin-left: 200px;
}
.ruota-fumetto.fumetto-2::after {
    right: -9px;
    background-image: url(/NEW2019/assets/image/icon/fumetto-ruota-after.png);
}
.col-1-fumetto {
    padding-top: 10px;
}
ul.ruota-premi {
    padding: 0;
    margin: 0;
}
ul.ruota-premi li {
    list-style: none;
    letter-spacing: 0;
    font-size: 18px;
    color: #00529b;
    border-bottom: 1px solid #d8d8d8;
    padding: 5px 10px 5px 0;
    display: inline-block;
    width: 100%;
}
ul.ruota-premi li img {
    float: left;
    width: 140px;
}
ul.ruota-premi li span.icon {
    border: 1px solid #828282;
    border-radius: 100%;
    padding: 8px 9px;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
}
ul.ruota-premi li span.icon img {
    position: initial;
    width: 25px;
    height: 22px;
    float: none;
}
.form-ruota input {
    width: 100%;
    border: 1px solid #68be4d;
}
.form-ruota .bottonCont [type="button"] {
    background: orange;
    width: auto;
}
a.link-fumetto {
    margin-left: 200px;
    background: orange;
}
a.link-fumetto:hover {
    background: #65b32e;
    color: #fff;
}
.box-ruota {
    border: 1px solid #00529b;
    padding-bottom: 40px !important;
}
.margin-input {
    margin-top: 15px;
}
/*LANDING FAIRTIQ*/
.head-langing {
	background: #e52324;
	text-align: center;
}
.head-langing img.logo-fairtiq {
	width: 200px;
}
.head-langing h1 {
	color: #fff;
}
.head-langing a.btn {
	color: #e52324;
	background: #fff;
	border: 1px solid #fff;
	margin-top: 30px;
}
.head-langing a.btn:hover {
	color: #fff;
	background: #e52324;
}
.accordion .sidebar-landing .btn {
	background-color: #e52324;
	color: #fff;
    border: 1px solid #e52324;
    width: 100%;
    margin-bottom: 10px;
}
.accordion .sidebar-landing .btn.collapsed {
	background-color: #fff;
	color: #e52324;
	border: 1px solid #e52324;
}
.accordion .sidebar-landing .btn:hover {
	background-color: #e52324;
	color: #fff;
	cursor: pointer;
}
.accordion .sidebar-landing .btn:focus,
.accordion .sidebar-landing .btn:active {
	box-shadow: none;
	background-color: #e52324;
	color: #fff;
	cursor: pointer;
}
.fairtiq .body-landing p {
	font-size: 18px;
}
.fairtiq .body-landing ul {
	font-size: 18px;
	color: #828282;
	letter-spacing: 0;
}
.fairtiq .body-landing .btn {
	background-color: #e52324;
    border: 1px solid #e52324;
    color: #fff;
}
.fairtiq .body-landing .btn:hover {
    color: #e52324;
	background-color: #fff;
}
.fairtiq .body-landing button.btn-link {
	outline: 0;
	border: 0;
	padding: 10px 0;
}
.fairtiq .card-body {
	border-bottom: 0;
}
.uso-parent,
.uso-parent p {
	text-align: center;
}
.uso-child {
	display: none;
}
.uso-parent:hover {
	cursor: pointer
}
.uso-parent:hover .uso-child {
	display: block;
}
.uso-parent-icon {
	color: grey;
	background: #fff;
	border: 1px solid #e52324;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	margin: 0 auto 10px auto;
	padding-top: 15px;
  	transition: transform .5s ease-in-out;
}
.uso-parent:hover .uso-parent-icon {
	transform: scale(0.6) rotate(180deg);
	color: #fff;
	background: #e52324;
}
.btn-mobile {
	display: none;
}
.body-landing .card-header .btn-link {
	background: url(/NEW2019/assets/image/arrow-up-red.png) center right no-repeat;
}
.body-landing .card-header .btn-link.collapsed {
    background: url(/NEW2019/assets/image/icon/arrow-down.png) center right no-repeat;
}
.body-landing .card-header .btn-link:hover {
	color: #e52324;
}
.body-landing .card-header {
	border-bottom: 1px solid #e52324;
}
@media (max-width: 767px) {
	.sidebar-landing {
		display: none;
	}
	.btn-mobile {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
}
/*FINE LANDING*/
@media (max-width: 1699px) and (min-width: 1400px) {
    .center {
        padding: 0 80px;
    }
    .fullscreen h1 {
        font-size: 50px;
    }
    .fullscreen h3 {
        font-size: 36px;
    }
    .fullscreen p {
        font-size: 15px;
    }
    .fullscreen .cta-slider {
        margin: 20px 0 10px;
    }
    .box-servizi-slider {
        margin-top: 30px;
    }
    .box-servizi-slider h3 {
        font-size: 28px;
    }
    .banner-app .box-app .box-text {
        padding: 22px 0 0 22px;
    }
    .fullscreen .panel-body {
        min-height: 230px;
        height: 230px;
    }
    .fullscreen.videoSi .video iframe {
        height: 126%;
        width: 205%;
        left: -52%;
    }
    .head-img {
        height: 350px;
    }
}
@media (max-width: 1399px) and (min-width: 1201px) {
    .center {
        padding: 0 20px;
    }
    .fullscreen h1 {
        font-size: 40px;
    }
    .fullscreen h2 {
        font-size: 24px;
    }
    .fullscreen h3 {
        font-size: 22px;
    }
    .fullscreen p,
    .megamenu .dropdown-item {
        font-size: 14px;
    }
    .fullscreen .cta-slider {
        margin: 15px 0 10px;
    }
    .fullscreen .box-servizi-slider {
        margin-top: 20px;
    }
    .fullscreen .box-servizi-slider img {
        width: 40px;
    }
    .fullscreen .panel-body {
        min-height: 200px;
        height: 200px;
    }
    .banner-app .box-app .box-text {
        padding: 15px 0 0 14px;
    }
    .fullscreen.videoSi .video iframe {
        height: 121%;
    }
    .head-img {
        height: 300px;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 20px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.videoSi .video {
        display: none;
    }
    .fullscreen.videoSi {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/new2019/assets/image/presentazione-tpl.jpg);
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 20px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.videoSi .video {
        display: none;
    }
    .fullscreen.videoSi {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/new2019/assets/image/presentazione-tpl.jpg);
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .fullscreen.videoSi .video {
        display: none;
    }
    .fullscreen.videoSi {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/new2019/assets/image/presentazione-tpl.jpg);
    }
}
@media (max-width: 1200px) and (min-width: 992px) {
    .banner-grazie h3,
    h4 {
        font-size: 32px;
    }
    .navbar-brand {
        width: 180px;
        padding: 15px;
    }
    .lingue-cms ul .nav-link {
        width: 78px;
    }
    .navbar-light .navbar-nav .nav-link {
        padding-left: 15px;
        padding-right: 15px;
    }
    .lingue-cms .dropdown-menu li,
    .lingue-cms ul .nav-link,
    .navbar-light .navbar-nav .nav-link,
    .navbar.shrink .lingue-cms ul .nav-link,
    .navbar.shrink .navbar-nav .nav-link {
        font-size: 16px;
    }
    .lingue-cms .dropdown-menu {
        top: 78px;
    }
    .dropdown-menu .nav-link {
        font-size: 15px !important;
    }
    .navbar-light .navbar-nav .megamenu-link {
        padding: 25px;
    }
    .navbar-expand-lg .navbar-nav .megamenu h5 {
        font-size: 20px;
    }
    .navbar-expand-lg .navbar-nav .megamenu .dropdown-item {
        padding: 6px 0;
        white-space: inherit;
    }
    .openBtn {
        padding: 26px;
    }
    .center {
        padding: 0 20px;
    }
    .fullscreen h1 {
        font-size: 40px;
    }
    .fullscreen h2 {
        font-size: 24px;
    }
    .fullscreen h3 {
        font-size: 22px;
    }
    .fullscreen p {
        font-size: 14px;
    }
    .fullscreen .cta-slider {
        margin: 15px 0 10px;
    }
    .fullscreen .box-servizi-slider img {
        width: 40px;
    }
    .fullscreen .panel-body {
        min-height: 200px;
        height: 200px;
    }
    .fullscreen.videoSi {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/new2019/assets/image/presentazione-tpl.jpg);
    }
    .fullscreen.videoSi .video {
        display: none;
    }
    .title-news-hp {
        top: 20px;
        padding: 0 30px;
    }
    .title-news-hp h4 {
        line-height: 50px;
    }
    .LineeOrariHP,
    .ricerca-ffs {
        padding: 20px 30px;
    }
    .form-ricerca-ffs input[type="submit"] {
        font-size: 13px;
    }
    .form-ricerca-ffs input {
        border: 1px solid #ced4da;
    }
    .bg-box-LineeOrariHP img {
        opacity: 0.2;
    }
    .banner-app .box-app {
        margin-left: 0;
        margin-right: 0;
    }
    .banner-grazie .pl-5 {
        padding-left: 15px !important;
    }
    .banner-grazie h2 {
        font-size: 48px;
    }
    .banner-grazie h4 {
        font-size: 18px;
    }
    ul.ruota-premi li img {
        position: initial;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .app-download-hp {
        display: block;
        text-align: center;
        position: absolute;
        right: 150px;
    }
    .app-download-hp span {
        color: #68be4d;
        font-size: 10px;
    }
    h1 {
        font-size: 34px;
    }
    .navbar {
        background: #fff;
        border-bottom: 1px solid #000;
        position: initial !important;
    }
    .navbar.shrink {
        position: fixed !important;
    }
    .fullscreen.videoSi .video,
    .navbar-brand .display-desktop,
    .navbar.shrink .navbar-brand,
    .openBtn,
    .title-news-hp p {
        display: none;
    }
    .navbar.shrink .navbar-brand-icon {
        display: block;
        padding: 10px;
    }
    .navbar-light .navbar-toggler {
        color: #fff;
        border: 0;
        border-left: 1px solid #000;
        border-radius: 0;
        height: 95px;
        width: 95px;
    }
    .lingue-cms ul .nav-link,
    .navbar-light .navbar-nav {
        border-top: 1px solid #fff;
    }
    .navbar.shrink .navbar-toggler {
        height: 70px;
        width: 70px;
        line-height: 0;
        padding: 0;
    }
    .navbar-toggler-close {
        display: block;
        position: absolute;
        top: -1px;
        right: 0;
        z-index: 10;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        color: #fff;
        background: 0 0;
        font-size: 30px;
        width: 75px;
        height: 75px;
        padding: 0;
    }
    .navbar-collapse,
    .navbar-light .navbar-nav .show > .megamenu-link {
        background: #68be4d;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        z-index: 999999;
        padding-top: 73px;
        width: 100%;
        height: 100%;
        overflow: scroll;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
    }
    .navbar-light .navbar-nav .megamenu-link {
        border-left: 0 !important;
        border-bottom: 0;
    }
    .fullscreen .panel-body .modifiche-servizio,
    .search-mobile {
        border-bottom: 1px solid #e5e5e5;
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #fff;
        background: #68be4d;
    }
    .dropdown-toggle::after {
        position: initial;
        margin-left: 10px;
    }
    .navbar-nav .dropdown-menu,
    .search-mobile input {
        border: 0;
    }
    .megamenu-li.show {
        position: relative;
    }
    .navbar-expand-lg .navbar-nav .megamenu {
        position: absolute;
        z-index: 999;
        padding: 0 10px 40px;
        height: 100vh;
        overflow: auto;
    }
    .navbar.shrink .navbar-nav .nav-link {
        color: #fff;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 24px;
    }
    .navbar.shrink .navbar-nav .megamenu-link {
        border-left: 0;
    }
    .navbar-light .navbar-nav .megamenu-link:hover .navbar-toggler-icon,
    .navbar.shrink .navbar-nav .megamenu-link .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .box-servizi-slider,
    .navbar-expand-lg .navbar-nav .megamenu h5 {
        margin-top: 30px;
    }
    .dropdown-menu .nav-link {
        font-size: 22px !important;
        font-family: Proxima-Thin !important;
    }
    .title-menu-icon {
        display: inherit;
        float: left;
        font-family: Proxima-Thin;
        font-size: 20px;
        text-transform: uppercase;
        padding-top: 5px;
        padding-left: 30px;
    }
    .search-mobile {
        display: block;
        border-top: 1px solid #e5e5e5;
        background: #fff;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .search-mobile input {
        width: 82%;
        padding: 0 10px;
    }
    .box-sicurezza .img-width img,
    .megamenu .col-lg-20,
    .megamenu .col-md-20,
    .megamenu .col-sm-20,
    .megamenu .col-xs-20 {
        width: 100%;
    }
    .search-mobile button {
        border: 0;
        border-left: 1px solid #e5e5e5;
        background: #fff;
        padding: 18px 22px;
    }
    .lingue-cms ul .nav-link {
        border-left: 0;
        text-align: center;
        padding: 15px 28px !important;
        width: 100% !important;
    }
    .lingue-cms ul .nav-link:hover {
        color: #fff;
    }
    .lingue-cms .dropdown-menu {
        top: 65px;
    }
    .center {
        padding: 0 15px;
        position: relative;
        top: 35px;
        transform: none;
    }
    .fullscreen {
        height: 900px;
    }
    .fullscreen.videoSi {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/new2019/assets/image/presentazione-tpl.jpg);
    }
    .fullscreen h1 {
        font-size: 35px;
    }
    .fullscreen h2 {
        font-size: 26px;
    }
    .fullscreen h3 {
        font-size: 24px;
        height: 50px;
    }
    .fullscreen p,
    .ruota-fumetto,
    ul.ruota-premi li {
        font-size: 14px;
    }
    .fullscreen .panel-body {
        background: #68be4d;
        min-height: 220px;
        height: 220px;
    }
    .fullscreen .panel-body .modifiche-servizio a:hover {
        color: #000;
    }
    .col-lg-20,
    .col-md-20,
    .col-sm-20,
    .col-xs-20 {
        width: 50%;
        float: left;
    }
    .box-news-hp {
        position: relative;
        border-right: 0;
        border-bottom: 1px solid #fff;
        height: 450px;
    }
    .box-fermate,
    ul.ruota-premi li img {
        position: initial;
    }
    .title-news-hp {
        top: 35px;
        padding: 0 40px;
    }
    .box-fermate,
    .form-ricerca-ffs .form-group .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .ricerca-ffs h4 {
        margin-bottom: 20px;
    }
    .title-news-hp h4 {
        line-height: 52px;
        display: block;
        padding: 10px;
    }
    .form-ricerca-ffs input,
    .form-ricerca-ffs input.col-md-12 {
        margin-top: 10px;
        padding: 5px;
        border: 1px solid #ced4da;
    }
    .head-img {
        height: auto;
    }
    .head-img::after {
        height: 0;
    }
    .boxServCont {
        margin-top: 0;
    }
    .banner-app .box-app {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .banner-app .box-app .box-text {
        padding: 10px 0 0 10px;
    }
    .banner-app .box-app .box-text h4 {
        font-size: 13px !important;
        line-height: 13px;
    }
    .banner-app .box-app .box-text h3 {
        margin-top: 2px;
    }
    .box-fermate {
        padding-top: 0;
    }
    .fermate iframe,
    .fermate-canvas {
        height: 550px;
    }
    .FooterCredits .text-right {
        text-align: center !important;
    }
    .img-width {
        text-align: center;
    }
    .img-width img {
        width: auto;
        margin-bottom: 40px;
    }
    .the_wheel,
    .the_wheel canvas {
        width: 100% !important;
    }
    .navbar-brand .display-device {
        display: block;
    }
    .banner-grazie .pl-5 {
        padding-left: 15px !important;
    }
    .banner-grazie h3 {
        font-size: 32px;
    }
    .banner-grazie h2 {
        font-size: 48px;
    }
    .banner-grazie h4 {
        font-size: 18px;
    }
    .col-1-fumetto {
        padding-top: 0;
        margin-bottom: 40px;
    }
    ul.ruota-premi li span.icon {
        padding: 10px 9px;
    }
    .gf .bottonCont [type="button"] {
        font-size: 14px;
        width: 100%;
        padding: 7px 15px;
    }
    .ruota-fumetto.fumetto-2 {
        margin-left: 90px;
    }
    .the_wheel {
        background-position: center 1px !important;
        background-size: 68%;
        height: 380px;
        position: relative;
    }
    .margin-input-mobile {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
		.timeline .event:before {
	    left: -127.5px;
	    font-size: 20px;
	}		
    .lingue-cms ul .nav-link,
    .navbar.shrink .lingue-cms ul .nav-link {
        padding: 15px 28px;
        width: 100%;
    }
    .app-download-hp,
    .img-width {
        text-align: center;
    }
    .app-download-hp {
        display: block;
        position: absolute;
        right: 110px;
    }
    .app-download-hp span {
        color: #68be4d;
        font-size: 10px;
    }
    h1 {
        font-size: 34px;
    }
    .navbar-brand,
    .navbar-brand-icon {
        width: 170px;
    }
    .navbar {
        background: #fff;
        border-bottom: 1px solid #000;
        position: initial !important;
    }
    .navbar.shrink {
        position: fixed !important;
    }
    .fullscreen.videoSi .video,
    .navbar-brand .display-desktop,
    .navbar.shrink .navbar-brand,
    .openBtn,
    .title-news-hp p {
        display: none;
    }
    .navbar.shrink .navbar-brand-icon {
        display: block;
        padding: 10px;
    }
    .navbar-light .navbar-toggler {
        color: #fff;
        border: 0;
        border-left: 1px solid #000;
        border-radius: 0;
        height: 95px;
        width: 95px;
    }
    .lingue-cms ul .nav-link,
    .navbar-light .navbar-nav {
        border-top: 1px solid #fff;
    }
    .navbar.shrink .navbar-toggler {
        height: 70px;
        width: 70px;
        line-height: 0;
        padding: 0;
    }
    .navbar-toggler-close {
        display: block;
        position: absolute;
        top: -1px;
        right: 0;
        z-index: 10;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        color: #fff;
        background: 0 0;
        font-size: 30px;
        width: 75px;
        height: 75px;
        padding: 0;
    }
    .navbar-collapse,
    .navbar-light .navbar-nav .show > .megamenu-link {
        background: #68be4d;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        z-index: 999999;
        padding-top: 73px;
        width: 100%;
        height: 100%;
        overflow: scroll;
    }
    .box-news-hp,
    .center,
    .megamenu-li.show {
        position: relative;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
    }
    .navbar-light .navbar-nav .megamenu-link {
        border-left: 0 !important;
        border-bottom: 0;
    }
    .fullscreen .panel-body .modifiche-servizio,
    .search-mobile {
        border-bottom: 1px solid #e5e5e5;
    }
    .lingue-cms ul .nav-link:hover,
    .navbar-light .navbar-nav .dropdown-toggle:focus::after,
    .navbar-light .navbar-nav .dropdown-toggle:hover::after,
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #fff;
    }
    .dropdown-toggle::after {
        margin-left: 10px;
        left: auto;
        right: 22px;
        bottom: 35px;
    }
    .navbar-light .navbar-nav .megamenu-link:hover {
        background: 0 0;
    }
    .navbar-nav .dropdown-menu,
    .search-mobile input {
        border: 0;
    }
    .navbar-expand-lg .navbar-nav .megamenu {
        position: absolute;
        z-index: 999;
        padding: 0 0 40px;
        height: 100vh;
        overflow: auto;
        top: 100%;
    }
    .navbar-expand-lg .navbar-nav .megamenu .col-md-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .navbar.shrink .navbar-nav .nav-link {
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 24px;
    }
    .navbar.shrink .navbar-nav .megamenu-link {
        border-left: 0;
    }
    .navbar-light .megamenu-link .navbar-toggler-icon {
        position: absolute;
        right: 15px;
    }
    .box-servizi-slider,
    .navbar-expand-lg .navbar-nav .megamenu h5 {
        margin-top: 30px;
    }
    .dropdown-menu .nav-link {
        font-size: 22px !important;
        font-family: Proxima-Thin !important;
    }
    .title-menu-icon {
        display: inherit;
        float: left;
        font-family: Proxima-Thin;
        font-size: 20px;
        text-transform: uppercase;
        padding-top: 5px;
        padding-left: 0;
        margin-left: -7px;
    }
    .search-mobile {
        display: block;
        border-top: 1px solid #e5e5e5;
        background: #fff;
        bottom: 0;
        width: 100%;
    }
    .search-mobile input {
        width: 82%;
        padding: 0 10px;
    }
    .box-sicurezza .img-width img,
    .img-width-mobile img,
    .megamenu .col-lg-20,
    .megamenu .col-md-20,
    .megamenu .col-sm-20,
    .megamenu .col-xs-20,
    .thankyou img {
        width: 100%;
    }
    .lingue-cms ul .nav-link {
        border-left: 0 !important;
        color: #fff !important;
        margin-top: 20px;
        text-align: left;
    }
    .lingue-cms .dropdown-menu {
        top: 65px;
    }
    .lingue-cms .dropdown-menu li {
        text-align: left;
        padding-left: 20px;
    }
    .search-mobile button {
        border: 0;
        border-left: 1px solid #e5e5e5;
        background: #fff;
        padding: 5px;
    }
    .center {
        padding: 0 15px;
        top: 35px;
        transform: none;
    }
    .fullscreen {
        height: 900px;
    }
    .fullscreen.videoSi {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(/new2019/assets/image/presentazione-tpl.jpg);
    }
    .fullscreen h1 {
        font-size: 35px;
    }
    .fullscreen h2 {
        font-size: 26px;
    }
    .fullscreen h3 {
        font-size: 24px;
        height: 50px;
    }
    .fullscreen p,
    .modal-open .modal-grazie .modal-dialog h4,
    .ruota-fumetto,
    ul.ruota-premi li {
        font-size: 14px;
    }
    .fullscreen .panel-body {
        background: #68be4d;
        min-height: 220px;
        height: 220px;
    }
    .fullscreen .panel-body .modifiche-servizio a:hover {
        color: #000;
    }
    .col-lg-20,
    .col-md-20,
    .col-sm-20,
    .col-xs-20 {
        width: 50%;
        float: left;
    }
    .gallery-sicurezza .col-lg-20,
    .gallery-sicurezza .col-md-20,
    .gallery-sicurezza .col-sm-20,
    .gallery-sicurezza .col-xs-20 {
        width: 100%;
        float: left;
    }
    .box-news-hp {
        border-right: 0;
        border-bottom: 1px solid #fff;
        height: 450px;
    }
    .box-fermate,
    ul.ruota-premi li img {
        position: initial;
    }
    .head-img,
    .modal-open .modal-grazie .modal-dialog .modal-body,
    .page-int .box-news-hp {
        height: auto;
    }
    .modal-header {
        right: 20px;
    }
    .modal-body {
        height: 100vh;
        display: inline-block;
        padding: 0;
        width: 100%;
    }
    .modal-content .btn-secondary {
        top: auto;
        right: -20px;
        bottom: 15px;
    }
    .modal-content .btn-secondary.float-left {
        left: -20px;
    }
    img.img-cont-gall {
        max-height: initial;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0;
    }
    .title-news-hp {
        top: 35px;
        padding: 0 40px;
    }
    .box-fermate,
    .form-ricerca-ffs .form-group .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .ricerca-ffs h4 {
        margin-bottom: 20px;
    }
    .title-news-hp h4 {
        line-height: 52px;
        display: block;
        padding: 10px;
    }
    .form-ricerca-ffs input {
        margin-top: 10px;
        padding: 5px;
        border: 1px solid #ced4da;
        letter-spacing: 0;
    }
    .form-ricerca-ffs input[type="submit"] {
        letter-spacing: 0;
        width: 100%;
        padding: 10px 0 !important;
    }
    .form-ricerca-ffs input.col-md-12 {
        margin-top: 10px;
        padding: 5px;
        border: 1px solid #ced4da;
    }
    .head-img::after {
        height: 0;
    }
    .boxServCont {
        margin-top: 0;
    }
    .banner-app .box-app {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .banner-app .box-app .box-text {
        padding: 10px 0 0 10px;
    }
    .banner-app .box-app .box-text h4 {
        font-size: 13px !important;
        line-height: 13px;
    }
    .banner-app .box-app .box-text h3 {
        margin-top: 2px;
    }
    .box-fermate {
        padding-top: 0;
    }
    .fermate iframe,
    .fermate-canvas {
        height: 550px;
    }
    .FooterCredits .text-right {
        text-align: center !important;
    }
    .img-width img {
        width: auto;
        margin-bottom: 40px;
    }
    .the_wheel,
    .the_wheel canvas {
        width: 100% !important;
    }
    .bg-box-LineeOrariHP {
        position: absolute;
        bottom: -29%;
        right: -35px;
    }
    .card-header .btn-link {
        white-space: initial;
    }
    .navbar-brand .display-device {
        display: block;
    }
    .modal-open .modal-grazie .modal-dialog h3 {
        font-size: 20px;
    }
    .modal-open .modal-grazie .modal-dialog h2 {
        font-size: 32px;
    }
    .modal-open .modal-grazie .modal-dialog .btn-primary {
        font-size: 15px;
    }
    .banner-grazie .pl-5 {
        padding-left: 15px !important;
    }
    .banner-grazie h3,
    .banner-grazie h4 {
        font-size: 18px;
    }
    .banner-grazie h2 {
        font-size: 36px;
    }
    .gallery-sicurezza .modal-body img.img-responsive {
        width: 100%;
        height: auto;
    }
    .landing-video iframe {
        height: 280px !important;
    }
    .col-1-fumetto {
        padding-top: 0;
        margin-bottom: 40px;
    }
    ul.ruota-premi li span.icon {
        padding: 10px 9px;
    }
    .gf .bottonCont [type="button"] {
        font-size: 14px;
        width: 100%;
        padding: 7px 15px;
    }
    .ruota-fumetto.fumetto-2 {
        margin-left: 90px;
    }
    .the_wheel {
        background-position: center 1px !important;
        background-size: 68%;
        height: 380px;
        position: relative;
    }
    .margin-input-mobile {
        margin-top: 15px;
    }
    h4.modal-title {
        margin-right: 0;
    }
}
.box-single-gall {
    position: relative;
}
.dx-bottom,
.dx-top,
.sx-bottom,
.sx-top,
.tpl-trofeo {
    position: absolute;
}
.tpl-trofeo {
    bottom: -5px;
    right: -10px;
}
.sport-gallery img.img-thumbnail {
    width: 100%;
    border: 2px solid #68be4d;
    transition: none;
}
.dx-top {
    top: -5px;
    right: 10px;
}
.sx-top {
    top: -5px;
    left: 10px;
}
.sx-bottom {
    bottom: -5px;
    left: 10px;
}
.dx-bottom {
    bottom: -5px;
    right: 10px;
}
