@font-face {
    font-family: 'ITCFranklinGothicStd';
    src: local('ITCFranklinGothicStd'), url(./font/FranklinGothic/ITCFranklinGothicStd-Med.otf) format('opentype');
}

@font-face {
    font-family: 'ITCFranklinGothicStd';
    src: local('ITCFranklinGothicStd'), url(./font/FranklinGothic/ITCFranklinGothicStd-BOOK.otf) format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'ITCFranklinGothicStd';
    src: local('ITCFranklinGothicStd'), url(./font/FranklinGothic/ITCFranklinGothicStd-Demi.otf) format('opentype');
    font-weight: 600;
}

body {
    font-family: ITCFranklinGothicStd !important;
}

.logo {
    width: 200px;
}

.blue-btn {
    border-radius: 10px;
    padding: 5px;
    background-color: #246BF6;
    color: white;
    border: none;
    min-width: 25%;
}

.newsletter-button {
    border-radius: 10px;
    padding: 10px 5px;
    background-color: #246BF6;
    color: white;
    border: none;
    width: 100%;
}

.white-btn {
    border-radius: 10px;
    padding: 5px;
    background-color: #246BF6;
    color: white;
    border-color: transparent;
}

/* .white-btn:hover{
    background-color: #246BF6;
    text-decoration: none;
    color: white;
} */

.custom-container {
    max-width: 85% !important;
}

@media (min-width: 768px) {
    .custom-container-home-page {
        max-width: 85% !important;
    }

    .newsletter-button {
        max-width: 200px;
    }
}

.wrapper-event {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: stretch;
}

.wrapper-event .card-body {
    display: flex;
    flex-direction: column;
    text-align: left;
}


.prenota-link {
    margin-top: auto;
    text-align: center;
}

.prenota-link-disabled {
    margin-top: auto;
    text-align: center;
    cursor: not-allowed;
    background-color: #E5E5E5;
    color: black;
}

.prenota-link-disabled:hover {
    background-color: #E5E5E5;
    color: black;
}

.stripe {
    background: repeating-linear-gradient(135deg,
            #daeaff,
            #daeaff 1px,
            #eef6ff 1px,
            #eef6ff 7px);
}

.main-padding {
    padding: 2% 5% !important;
}

/* GENERIC PAGE CSS */
#root>div {
    /* SALTO + / DESKTOP / DASHBOARD NULL */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 1248px;
    background: #FFFFFF;
	margin: auto;
}

.big-wrapper {
    max-width: 1248px;
    margin: 0 auto;
}

.header-main-container {
    display: flex;
    align-items: center;
    padding: 0px;
    max-width: 1248px;
    margin: 20px 0px 60px 0px;
}

.header-main-container>div {
    width: 100%;
}

.logo-parent {
    margin-left: 0 !important;
}

.navigation-container {
    margin: 0 !important;
}

/* .row {
	margin: 0 !important;
} */

.page-body {
    display: flex;
    flex-direction: row;
	justify-content: space-between;
    align-items: flex-start;
    padding: 0px;

    position: static;
    width: 1248px;
    top: 146px;


    /* Inside auto layout */

    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 32px 0px;
}

.warning-container {
	margin-top: -70px;
	margin-bottom: 20px;
	width: 100%;
	display: flex;
	align-items: center;
}
.warning-container > img {
	filter : invert(12%) sepia(88%) saturate(6878%) hue-rotate(0deg) brightness(101%) contrast(105%);
	height: 48px;

}
.warning-container > p {
	font-weight : 500; 
	font-size : 24px;
	line-height : 48px;
	margin-bottom: 0 !important;
	text-align: center;
	width: 100%;
}

@media (max-width: 570px) {
	.warning-container {
		margin-top: 0;
		margin-bottom: 15px;
		width: 100%;
	}
	.warning-container > img {
		margin-right: 10px;
	}
	.warning-container > p {
		line-height : 32px;
	}
	
}


@media (max-width: 570px) {

    #root>div {
        /* SALTO + / DESKTOP / DASHBOARD NULL */
        /* Auto layout */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
        position: relative;
        width: 100% !important;
        background: #FFFFFF;
        padding: 0 16px;
    }

    .page-body {
        margin-top: 1.5vh !important;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;

        position: static;
        width: 100%;
        top: initial;


        /* Inside auto layout */

        flex: none;
        order: 2;
        flex-grow: 0;
    }

    .logo {
        width: 160px;
    }

    .header-main-container {
        padding: 0 !important;
        padding-bottom: 2vh !important;
        border-bottom: 2px solid lightgray;
        margin-bottom: 1vh !important;
    }

    .sidebar-main-container {
        display: none !important;
    }

    .separating-line {
        display: none;
    }

    .main-page-body {
        /* Dahboard */

        /* Auto layout */

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        position: static;
        width: 100% !important;
        min-height: initial !important;
        left: initial !important;
        margin: 0 !important;
    }
}

.sidebar-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 30px;
}

.sidebar-sub-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-top: -10px;
}

.sidebar-p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.sidebar-newsletter-text {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.sidebar-main-container {
    /* Auto layout */
    padding: 0px 32px 0px 0px;

    position: static !important;
    width: 300px !important;
    height: 310px;
    left: 0px;
    top: 0px;


    /* Inside auto layout */
    margin: 0px;
    margin-top: -60px;
}

.separating-line {
    /* Linea divisoria */

    position: static;
    left: 24.68%;
    right: -7.45%;
    top: calc(50% - 0px/2 - 516.5px);

    border-left: 1px solid #165BE2;

    /* Inside auto layout */

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.main-page-body {
    /* Dahboard */

    /* Auto layout */

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    position: static;
    width: 932px;
    min-height: 1033px;
    left: 316px;
    top: 0px;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin-left: 8px;
}

.footer-main-container {
    position: static;
    width: 100%;
    left: 0px;
    top: 1211px;
    background: #FFFFFF;
    flex: none;
    order: 3;
    flex-grow: 0;
    align-self: flex-start;
}

.footer-main-container>footer {
    width: 100%;
    padding: 0;
}

h1 {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 40px !important;
    line-height: 40px !important;
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    color: #16181E;
}

h2 {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 38px !important;
    letter-spacing: -0.4px;
    color: #16181E;
}

h3 {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 32px !important;
    letter-spacing: -0.1px;
    color: #16181E;
}

h4 {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    display: flex;
    align-items: center;

    color: #000000;
}

h5 {
    font-size: 16px !important;
    line-height: 24px !important;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;
    color: #000000;
}

p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #16181E;
}

.p-16 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #16181E;
}

.p-14 {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #000000;
}

.bottom-positioned {
    position: absolute;
    bottom: 0;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231488f3' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231488f3' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.form-feedback select, .form-feedback input,
.form-feedback select:disabled, .form-feedback input:disabled {
    background-color: #7ea4ee !important;
}

.carousel-control-next,
.carousel-control-prev {
    width: 3% !important;
}

.yt-video {
    width: 100%;
    height: 750px;
}

.select-container {
    position: relative;
}

.select-container select {
    -moz-appearance: none;
    -webkit-appearnce: none;
    appearance: none;
}

.select-container svg {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin-top: 2px;
    /* z-index: -1; */
}

.media-page-section-carousel .carousel-control-next,
.media-page-section-carousel .carousel-control-prev {
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.title-subtitle-continer {
    min-height: 124px;
}

/*............. text styling .................*/
@media (max-width: 570px) {
    /* .logo {
        height: 40px;
    } */

    .header-main-container {
        padding: 0 40px;
    }
}

@media(max-width: 768px) {
    .wrapper-event {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 968px) {
    .h0 {
        font-style: normal;
        font-weight: 800 !important;
        font-size: 23px !important;
        line-height: 32px !important;
    }
}

@media (min-width: 968px) {
    .h0 {
        font-style: normal;
        font-weight: 600 !important;
        font-size: 52px !important;
        line-height: 60px !important;
        letter-spacing: -1px;
        color: #16181E;
    }
}

@media (min-width: 1366px) {
    .video-container {
        position: relative;
        overflow: hidden;
        margin: 0 17%;
    }
	.yt-video-container {
        /* position: relative;
        overflow: hidden;
        margin: 0 17%; */
		height: 100%;
		width: 100%;
    }
}

@media (min-width: 1367px) {
    .video-container {
        position: relative;
        overflow: hidden;
        margin: 0 17%;
    }
	.yt-video-container {
        /* position: relative;
        overflow: hidden;
        margin: 0 17%; */
		height: 100%;
		width: 100%;
    }
}

@media (max-width: 500px) {
    .h-align {
        text-align: center !important;
    }
}


/*
.carousel-indicators li {
    background-color:#1488f3 !important;
    transition: opacity .6s ease !important;
} */
@media (max-width: 768px) {
    .bookingpage-img {
        height: 300px;
        width: 400px;
    }

    .bookingpage-button {
        width: 300px;
    }

    .yt-video {
        width: 100%;
        height: 300px;
    }

    .yt-title {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 500px) {
    .newsletter-heading {
        font-size: 34px !important;
    }
}
/* 
.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn;
} */

.styled-accrediti-link {
    background-color: #007bff !important;
    height: 50px;
    width: 320px;
    display: block;
    color: white !important;
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
    margin-top: 6px;
    text-decoration: none;
    font-size: 15px;
}

@media screen and (max-width: 500px) {
    .styled-accrediti-link {
		margin: 16px auto 0 !important;
    }
}