/*Gotham Narrow*/

@font-face {
    font-family: "GothamPro";
    src: url("/css/fonts/GothamPro.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "GothamPro";
    src: url("/css/fonts/GothamPro-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "GothamPro";
    src: url("/css/fonts/GothamPro-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "GothamPro";
    src: url("/css/fonts/GothamPro-Black.ttf") format("truetype");
    font-weight: 900;
}

@font-face {
    font-family: "GothamPro";
    src: url("/css/fonts/GothamPro-BlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 900;
}

@font-face {
    font-family: "GothamPro";
    src: url("/css/fonts/GothamPro-Light.ttf") format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: "GothamPro";
    src: url("/css/fonts/GothamPro-LightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: "GothamPro";
    src: url("/css/fonts/GothamPro-Italic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
}

/*Gotham Narrow*/

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-Thin.otf") format("opentype");
    font-weight: 100;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-ThinItalic.otf") format("opentype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-XLight.otf") format("opentype");
    font-weight: 200;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-XLightItalic.otf") format("opentype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-Light.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-LightItalic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-Book.otf") format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-BookItalic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-Medium.otf") format("opentype");
    font-weight: 500;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-MediumItalic.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-Bold.otf") format("opentype");
    font-weight: 600;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-BoldItalic.otf") format("opentype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-Black.otf") format("opentype");
    font-weight: 700;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-BlackItalic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-Ultra.otf") format("opentype");
    font-weight: 800;
}

@font-face {
    font-family: "GothamNarrow";
    src: url("/css/fonts/GothamNarrow-UltraItalic.otf") format("opentype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "TumbTumb";
    src: url("/css/fonts/TumbTumb.otf") format("opentype");
}


body {
    font-family: "TumbTumb" !important;
    color: #212529;
    font-size: 15px !important;
    background-color: #FFFFFF !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "TumbTumb" !important;
}

h1 {
    font-family: "TumbTumb" !important;
    font-weight: 700;
    font-size: 40px !important;
}

h2 {
    font-family: "TumbTumb" !important;
    font-weight: 700;
    font-size: 20px !important;
}

h3 {
    font-family: "TumbTumb" !important;
    font-weight: 400;
    font-size: 20px !important;
}


.u-icon-v2 {
    width: 2.92857rem !important;
    height: 2.92857rem !important;
    font-size: 2.57143rem !important;
}


.rosso {
    color: #C82D2A;
}

.border-rosso {
    border: 1px solid #C82D2A;
}

.bg-rosso {
    background-color: #C82D2A;
}


.grigio {
    color: #808080;
}

.bg-grigio {
    background-color: #808080;
}


.grigio-blu {
    color: #8EA5CB;
}

.bg-grigio-blu {
    background-color: #8EA5CB;
}


.grigio-chiaro-1 {
    color: #E5E5E5;
}

.bg-grigio-chiaro-1 {
    background-color: #E5E5E5;
}


.grigio-chiaro-2 {
    color: #B2B2B2;
}

.bg-grigio-chiaro-2 {
    background-color: #B2B2B2;
}


.grigio-scuro-1 {
    color: #333333;
}

.bg-grigio-scuro-1 {
    background-color: #333333;
}


.grigio-scuro-2 {
    color: #606060;
}

.bg-grigio-scuro-2 {
    background-color: #606060;
}

.btn-laverdi-rosso {
    color: white;
    border-radius: 3px !important;
    font-size: 20px;
    font-weight: 500;
    background-color: #C82D2A;
    padding: 5px 30px;
}

.btn-laverdi-rosso2 {
    color: white;
    border-radius: 3px !important;
    font-size: 16px;
    font-weight: 500;
    background-color: #C82D2A;
    padding: 5px 30px;
}

.btn-laverdi-rosso2:hover,
.btn-laverdi-rosso2:focus {
    color: white;
}

.btn-laverdi-rosso:hover {
    color: white;
    border-radius: 3px !important;
    font-weight: 500;
    background-color: #b82623;
}

section {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.section-padded {
    padding-left: 120px !important;
    padding-right: 120px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.m-p-g__controls-close {
    top: 9vh !important;
    left: 3vw;
    z-index: 5;
}

.social-icon:hover {
    /*background-color: #C82D2A;*/
}

.freccia-dx {
    background: url(/img/public/big_arrow_dx_g.png);
    width: 20px;
    height: 20px;
    margin-left: 30px;
}

.freccia-dx:hover {
    background: url(/img/public/big_arrow_dx_b.png);
    background-repeat: no-repeat;
}

.freccia-dx-o {
    background: url(/img/public/svg/big_arrow_dx_b.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 30px;
}

.freccia-dx-o:hover {
    background: url(/img/public/svg/big_arrow_dx_g.svg);
    background-repeat: no-repeat;
}

.freccia-down {
    background: url(/img/public/big_arrow_down_g.png);
    width: 20px;
    height: 20px;
    margin-left: 30px;
}

.freccia-down:hover {
    background: url(/img/public/big_arrow_down_b.png);
    background-repeat: no-repeat;
}

.freccia-up {
    background: url(/img/public/svg/big_arrow_up_w.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.freccia-up:hover {
    background: url(/img/public/svg/big_arrow_up_g.svg);
    background-repeat: no-repeat;
}


.condividi {
    background: url(/img/public/svg/condividi_g.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.condividi:hover {
    background: url(/img/public/svg/condividi_b.svg);
    background-repeat: no-repeat;
}

.eventi-vedi-tutti-square {
    background-image: url('/img/public/1000_default_concertii.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #C82D2A !important;
    background-color: #C82D2A !important;
}

@media (max-width: 575.98px), /* Extra small devices (portrait phones, less than 576px) */
(min-width: 576px) and (max-width: 767.98px) /* Small devices (landscape phones, 576px and up) */ {

    .section-padded {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

}

.customfooter .links a {
    border-right: 1px solid #fff !important;
    color: #fff !important;
}

.customfooter .links a:last-of-type {
    border: 0;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 1000px) {

    .customfooter .links {
        padding: 0 !important;
    }

    .customfooter .links a {
        padding-right: 0 !important;
        padding-left: 0 !important;
        border-right: 0;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}