@import url("https://use.typekit.net/kcc0ues.css");

:root {
--blue: #2B3990;
--yellow: #FDC581;
--grey: #474757;
}

html, body{scroll-behavior: smooth;}

@font-face {
    font-family: 'PP Editorial Sans';
    src: url('../fonts/PPEditorialSans-Medium.eot');
    src: url('../fonts/PPEditorialSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPEditorialSans-Medium.woff2') format('woff2'),
        url('../fonts/PPEditorialSans-Medium.woff') format('woff'),
        url('../fonts/PPEditorialSans-Medium.ttf') format('truetype'),
        url('../fonts/PPEditorialSans-Medium.svg#PPEditorialSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Editorial Sans Ullight It';
    src: url('../fonts/PPEditorialSans-UltralightItalic.eot');
    src: url('../fonts/PPEditorialSans-UltralightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPEditorialSans-UltralightItalic.woff2') format('woff2'),
        url('../fonts/PPEditorialSans-UltralightItalic.woff') format('woff'),
        url('../fonts/PPEditorialSans-UltralightItalic.ttf') format('truetype'),
        url('../fonts/PPEditorialSans-UltralightItalic.svg#PPEditorialSans-UltralightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Editorial Sans';
    src: url('../fonts/PPEditorialSans-Ultrabold.eot');
    src: url('../fonts/PPEditorialSans-Ultrabold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPEditorialSans-Ultrabold.woff2') format('woff2'),
        url('../fonts/PPEditorialSans-Ultrabold.woff') format('woff'),
        url('../fonts/PPEditorialSans-Ultrabold.ttf') format('truetype'),
        url('../fonts/PPEditorialSans-Ultrabold.svg#PPEditorialSans-Ultrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Editorial Sans Ulbold';
    src: url('../fonts/PPEditorialSans-UltraboldItalic.eot');
    src: url('../fonts/PPEditorialSans-UltraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPEditorialSans-UltraboldItalic.woff2') format('woff2'),
        url('../fonts/PPEditorialSans-UltraboldItalic.woff') format('woff'),
        url('../fonts/PPEditorialSans-UltraboldItalic.ttf') format('truetype'),
        url('../fonts/PPEditorialSans-UltraboldItalic.svg#PPEditorialSans-UltraboldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Circular Std';
    src: url('../fonts/CircularStd-Medium.eot');
    src: url('../fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Medium.woff2') format('woff2'),
        url('../fonts/CircularStd-Medium.woff') format('woff'),
        url('../fonts/CircularStd-Medium.ttf') format('truetype'),
        url('../fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Editorial Sans';
    src: url('../fonts/PPEditorialSans-Ultralight.eot');
    src: url('../fonts/PPEditorialSans-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PPEditorialSans-Ultralight.woff2') format('woff2'),
        url('../fonts/PPEditorialSans-Ultralight.woff') format('woff'),
        url('../fonts/PPEditorialSans-Ultralight.ttf') format('truetype'),
        url('../fonts/PPEditorialSans-Ultralight.svg#PPEditorialSans-Ultralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}






.du{font-family: "dulcinea", sans-serif;}
.pp{font-family: 'PP Editorial Sans';}
.cir{font-family: 'Circular Std';}
.romie{font-family: 'Romie';}

.custom_container{width:100%; max-width:1560px; margin:0 auto; padding:0 20px;} 
.small_container{width:100%; max-width:1370px; margin:0 auto; padding:0 20px;} 

.slip .menu{transform:none !important;}

.ticket{background: url(../images/ticket.svg) center center no-repeat; background-size: cover; aspect-ratio: 238 / 138 !important; display:flex; flex-direction:column; align-items:centerl; justify-content:center; position:absolute; width: 100%; z-index: -1;}

.ticket-stack{position:relative; }

.ticket:nth-child(1)  { transform: rotate(-16deg); }
.ticket:nth-child(2)  { transform: rotate(15deg); }
.ticket:nth-child(3)  { transform: rotate(-16deg); }
.ticket:nth-child(4)  { transform: rotate(12deg); }
.ticket:nth-child(5)  { transform: rotate(-9deg); }
.ticket:nth-child(6)  { transform: rotate(13deg); }
.ticket:nth-child(7)  { transform: rotate(-18deg); }
.ticket:nth-child(8)  { transform: rotate(13deg); }
.ticket:nth-child(9)  { transform: rotate(-16deg); }
.ticket:nth-child(10) { transform: rotate(21deg); }
.ticket:nth-child(11) { transform: rotate(-17deg); }
.ticket:nth-child(12) { transform: rotate(16deg); }
.ticket:nth-child(13) { transform: rotate(-3deg); }
.ticket:last-child {transform: none !important; position:static !important;}


.common_link{display: flex !important; align-items: flex-end; gap:25px; color: #DBA058; font-family: 'PP Editorial Sans'; font-weight: 400; font-size: 18px; line-height: 19px !important; white-space: nowrap;}
.common_link svg{transition: all ease 0.2s; position: relative;}
.common_link:hover svg{transform: translateX(8px);}


.common_link_small{display: flex; align-items: flex-end; gap:15px; color: #DBA058; font-family: 'PP Editorial Sans'; font-weight: 400; font-size: 16px; line-height: 18px; white-space: nowrap;}
.common_link_small svg{transition: all ease 0.2s; position: relative;}
.common_link_small:hover svg{transform: translateX(8px);}
.ticket_single .price{margin-top:20px;}


@media all and (max-width:767px)
{
.ticket_single .common_link_small svg {display:none;}
}