:root {
    --color-1:rgba(30,30,30,1);
    --color-2:rgba(60,60,60,1);
    --color-3:rgba(100,100,100,1);
    --color-4:rgba(255,255,255,1);
    --color-5:rgba(255,158,27,1);
    
    --menu-width:250px;
}

a {
    color:inherit !important;
    text-decoration: none;
}
body {
    font-family: "Montserrat";
}

h1 {
    font-weight:700;
    line-height: 1.5;
}

.cp_landing h1 {
    font-weight: 800;
    font-size: 4em;
    margin-bottom:0px;
    line-height: 1.5em;
    color:var(--color-5);
}

h2 {
    margin-left:5px;
    text-transform: uppercase;
    font-size: 1.1em;
    display: inline-block;
    vertical-align:middle;
    opacity: 0.5;
}

h3 {
    font-weight:600;
}

.cp_landing h3 {
    font-weight: 500;
    font-size: 2em;
    line-height: 1.5em;
    margin-bottom:1.5em;
}

h4 {
    font-weight:700;
    font-size:1.2em;
}
.cp_building_display {
    display: none;
    background-color:rgba(0,0,0,0.1);
    border:rgba(0,0,0,0.5) 1px solid;
    color:white;
}

.cp_back_1 {
    background-color:var(--color-1) !important;
    color:var(--color-4) !important;
}
.cp_back_2 {
    background-color:var(--color-2) !important;
    color:var(--color-4) !important;
}
.cp_back_3 {
    background-color:var(--color-3) !important;
    color:var(--color-4) !important;
}
.cp_back_4 {
    background-color:var(--color-4) !important;
    color:var(--color-1) !important;
}

.cp_back_6 {
    background-image:linear-gradient(to top right, rgba(230,230,230,1), rgba(245,245,245,1));
    color:var(--color-1) !important;
}
.cp_back_5 {
    background-color:var(--color-5) !important;
    color:var(--color-4) !important;
}

.animated-start {
    position: fixed;
    opacity: 1;
    background-color:var(--color-1);
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
    z-index:99;
    animation:linear;
    animation-name: start1;
    animation-duration: 3.06s;
    animation-fill-mode:both;
    animation-iteration-count: 1;
    overflow: hidden;
}



.animated-logo {
    max-width:70vw;
    margin-bottom:25px;
    animation:linear;
    animation-duration: 3s;
    animation-name: start2; 
}

.animated-text {
    font-size:25px;
    text-align: center;
    color:white;
    animation:linear;
    animation-duration: 3s;
    animation-name: start3;
    font-weight:600;
}

.cp_section {
    position: relative;
    padding:25px;
    padding-top:50px;
    padding-bottom:50px;
    text-align:left;
    overflow:hidden;
}

.cp_fheight_section {
    height:100vh;
}

#cp_menu {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    width:var(--menu-width);
    text-align: center;
    color:white;
}

.cp_menu_item {
    margin:25px;
    margin-top:45px;
    margin-bottom:45px;
}

.cp_menu_logo_box {
    margin:50px;
}

.cp_menu_logo {
    height:50px;
}

.cp_background_image {
    background: url('/assets/media/food_image_1.JPG');
    background-size:cover;
    background-position: center center;
}

.cp_headline {
    position:absolute;
    right:75px;
    bottom:150px;
    font-size:50px;
    font-weight:700;
    text-align:right;
}

.cp_fcontainer_mask {
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
}

.cp_menu_gradient {
    background: linear-gradient(to right, var(--color-1), rgba(30,30,30,0) 80%);
}

.cp_headline_gradient {
    background: linear-gradient(340deg, rgba(30,30,30,0.3), rgba(30,30,30,0));
}

.cp_healine_cta {
    font-size:20px;
    border-radius:50px;
    background-color:rgba(0,0,0,0);
    border:none;
    padding:5px;
    padding-left:15px;
    padding-right:15px;
    box-shadow:rgba(0,0,0,0.5) 0px 0px 20px -4px;
}

.cp_cta_1 {
    border:var(--color-4) 2px solid !important;
    color:var(--color-4);
    box-shadow: rgba(0,0,0,0.5) 0px 0px 20px -4px, inset rgba(0,0,0,0.5) 0px 0px 20px -4px;
}

.cp_cta_2 {
    border:var(--color-5) 2px solid !important;
    background-color:var(--color-5);
    color:var(--color-4);
}

.cp_text_light {
    color:var(--color-5) !important;
}

.cp_text_insta {
    background-image:linear-gradient(to right, rgba(255,213,84,1) -20%, rgba(255,89,63,1), rgba(202,56,165,1));
    padding-left:0.2em;
    padding-right:0.2em;
    padding-bottom:0.1em;
    padding-top:0.1em;
    border-radius:3px;
}

.cp_main_notification {
    position:relative;
    background-color: rgba(255,255,255,0.85);
    color:black;
    padding:15px;
    padding-left:18px;
    padding-right:18px;
    border-radius:20px;
    margin-top:100px;
    margin-bottom:100px;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.2, 1.30, 0.95, 1);
  animation-duration: 0.5s;
  animation-name: notification;
    animation-delay: 3.85s;
}

.cp_main_notification_time {
    position: absolute;
    right:22px;
    top:22px;
    opacity: 0.5;
}

.cp_offer_box {
    position: relative;
    display:inline-block;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 50px -20px;
    padding:30px;
    padding-top:14em;
    border-radius:20px;
    min-width:300px;
    max-width:350px;
    margin:50px;
    margin-top:10px;
    background-color:rgba(255,255,255,1);
    text-align:left;
}

.cp_step_container {
    position: relative;
    background-color: rgba(230,230,230,1);
    border-radius:20px;
    padding:30px;
    margin-top:20px !important;
    margin-bottom:20px !important;
    box-shadow:rgba(0,0,0,0.3) 0px 0px 20px -10px;
    transition: all 1s ease;
}

.cp_step_container:hover {
    background-color:rgba(220,220,220,1);
    transform:  scale(1.05);
}

.cp_step_icon {
    position: absolute;
    background-color: var(--color-5);
    color:white;
    font-size:1.35em;
    font-weight:800;
    width:40px;
    height:40px;
    border-radius: 20px;
    top:-20px;
    left:-20px;
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
    
}

.cp_contact_box {
    border-radius:25px;
    padding:45px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 20px -7px;
    background-color:white;
    text-align:center;
    max-width: 450px;
    margin-top:25px;
    margin-bottom:25px;
    color:black;
     line-height:1 !important;
}

.cp_contact_field {
    background-color:rgba(255,255,255,0);
    border:none;
    border-bottom: solid 1px rgba(0,0,0,0.2);
    width:100%;
    margin-bottom:15px;
    outline:none;
    line-height: 1.5;
}
.cp_contact_field:hover {
    background-color: rgba(0,0,0,0.025);
}

.cp_button {
    border-radius:3px;
    border: none;
    padding:8px;
    padding-left:23px;
    padding-right:23px;
    font-weight:600;
    width:auto;
    max-width:300px;
    transition:all 0.5s ease;
}

.cp_button:hover {
    transform:scale(1.05);
    box-shadow: rgba(0,0,0,1) 0px 0px 20px -10px;
}

.cp_btn_black {
    background-color:black;
    color:white;
}

.cp_btn_white {
    background-color:white;
    color:var(--color-5);
}

.cp_offer_year {
    top:30px;
    font-size:2.8em;
    background-color:var(--color-5);
    color:white;
    z-index: 1;
}

.cp_offer_month {
    top:3.2em;
    right:30px;
    font-size:2.2em;
    background-color:white;
    color:var(--color-5);
    border: 2px solid var(--color-5);
    z-index: 0;
}

.cp_offer_cond {
    text-align: center;
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    font-size:12px;
    padding-bottom:6px;
}

.cp_offer_item {
    text-align: center;
    border-radius:8px;
    position: absolute;
    width:50%;
    font-weight:600;
    padding:6px;
    padding-bottom:20px !important;
}

.cp_price_ht {
    position:absolute;
    vertical-align: top;
    font-size:0.5em;
}

.cp_price_month {
    font-size:0.7em;
    font-weight: 400;
}

.cp_price {
    margin-left:3px;
    display: inline-block;
    font-size:0.45em;
    line-height: 1;
    text-align:left;
}

ul {
    list-style: outside none;
}

.cp_offer_subtitle {
    font-size:0.85em;
    font-weight: 400;
}

.cp_gallery_item {
    display: inline-block;
    width:300px;
    height:300px;
    margin:10px;
    border-radius:15px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 15px;
    filter:saturate(1.2);
    overflow: hidden;
}

.cp_gallery {
    position: relative;
}

.cp_gallery_line {
    position: absolute;
    width:5000px;
    animation-fill-mode: both;
    animation-timing-function: linear;
  animation-duration: 75s;
    animation-iteration-count: infinite;
}

.cp_gallery_line_ct {
    height:calc(300px + 20px);
}

.cp_btn_orange {
    background-color: var(--color-5);
    color:white;
}

.cp_landing_image {
    background-image:url('/assets/media/landing_image.jpg');
    background-size: cover;
    background-position: center center;
}

.cp_mockup_back {
    background-color:var(--color-5);
    height:90%;
    width:200px;
    border-radius:200px;
    transform: rotateZ(-20deg);
}

.cp_mockup {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
}

.cp_mockup_front {
    height:500px;
    transform: rotateZ(10deg);
    margin-bottom:-28px;
    margin-left:-68px;
}

.cp_mockup_emoji {
    height:400px;
    margin-left:300px;
transform: rotateZ(10deg);
}

.cp_contact_photo_dorian {
    position: relative;
    display: inline-block;
    width:130px;
    height:130px;
    border:5px solid white;
    border-radius:100px;
    background-image:url('/assets/media/dorian_img.jpg');
    background-position: top 0% right 28%;
    background-size:cover;
    margin-bottom:25px;
}

.cp_contact_photo_benjamin {
    position: relative;
    display: inline-block;
    width:130px;
    height:130px;
    border:5px solid white;
    border-radius:100px;
    background-image:url('/assets/media/benjamin_img.png');
    background-position: top 0% center;
    background-size:cover;
    margin-bottom:25px;
}

.cp_org {
    align-items: center;
    justify-content: center;
    grid-template-columns:auto;
    display:grid;
    text-align: center;
}

.cp_step_icons {
    position: absolute;
}

.cp_step_layout {
    padding-left:20px !important;
    padding-right:20px !important;
}

.cp_gallery_margin {
    margin-top:50px;
    margin-bottom:50px;
}

.cp_menu_right_part {
    text-align: right;
    justify-content: right;
}

.cp_menu_cta_text {
    margin-top:2px;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
    line-height: 16px;
    font-weight: 500;
}

.cp_menu_cta_btn {
    display: inline-block;
    vertical-align: middle;
}

.cp_menu_section {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    z-index: 89;
    padding:20px;
}

.cp_menu_middle_part {
    text-align:center;
}

.cp_menu_social {
    display: block;
    font-size:25px;
}

.cp_menu_social_item {
    margin:10px;
}

.cp_main_notification_icon {
    display:inline-block;
    font-size:1.5em;
}

.cp_full_back {
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
}

.cp_landing_back_mobile {
    display: none;
    background-image:url('/assets/media/landing_image.jpg');
    background-position: center center;  
    background-size: cover;
}

.cp_gradient_mask {
    background-image: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,1));
}

#section_1 {
}

.cp_fheight_row {
    height:100%;
}

.cp_landing_content {
    margin-top:90px;
    
    margin-bottom:0px;
}

.cp_mobile {
    display: none;
}

.cp_gradient_mask_2 {
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.3));
    z-index: 10;
}

.cp_popup_mask {
    position: fixed;
    z-index: 90;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    background-color:rgba(0,0,0,0.5);
}

.cp_popup_content {
    position: relative;
    min-width:800px;
    background-color:white;
    text-align:left;
    max-width:1000px;
    max-height:80vh;
    min-height:60vh;
    margin:50px;
    padding:25px;
    border-radius:5px;
}

.cp_popup_close {
    cursor:pointer;
    color:black;
    position: absolute;
    right:20px;
    top:18px;
    font-size:20px;
}

.cp_popup_content_text {
    position: absolute;
    top:60px;
    left:0px;
    right:0px;
    bottom:0px;
    padding:25px;
    overflow-y: scroll;
}

.cp_text_click {
    cursor: pointer;
}
.cp_text_click:hover {
    color:white;
}

.cp_footer_logo {
    opacity: 0.5;
    width:100px;
}

.cp_footer_logo:hover {
    opacity: 1;
}

.cp_pointer_ref {
    position: absolute;
    top:-90px;
}

.cp_popup_content_offers {
    position: relative;
    background-color:var(--color-1);
    color:white;
    text-align:left;
    max-height:80vh;
    min-height:60vh;
    margin:50px;
    padding:25px;
    border-radius:25px;
    overflow: hidden;
}

.cp_scrl_body {
    position: fixed;
    z-index:100;
    background-color:red;
    top:0px;
    left:0px;
}

#cp_logo_light {
    position: absolute;
}

#cp_logo_dark {
    position: absolute;
}

.cp_menu_left_part {
    height:50px;
}

.cp_footer_right {
    text-align: right;
}

.cp_gallery_pos_1 {
    left:-5vw;
  animation-name: gallery;
}

.cp_gallery_pos_2 {
    right:-5vw;
    animation-name: gallery2;
    text-align:right;
}

.cp_offer_box_popup {
    position: relative;
    display:inline-block;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 50px -20px;
    padding:30px;
    padding-top:14em;
    border-radius:20px;
    min-width:300px;
    max-width:350px;
    background-color:rgba(255,255,255,1);
    text-align:left;
}



.cp_offer_title {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    text-align: center;
    padding-top:30px;
}

h6 {
    font-size: 23px;
    font-weight:700;
}

.cp_offer_year_all {
    top:80px;
    font-size:2.8em;
    background-color:var(--color-5);
    color:white;
    z-index: 1;
}

.cp_offer_month_all {
    top:4.6em;
    right:30px;
    font-size:2.2em;
    background-color:white;
    color:var(--color-5);
    border: 2px solid var(--color-5);
    z-index: 0;
}

.cp_offer_box_popup_all {
    color:black;
    margin-left:10px;
    margin-right:10px;
    margin-top:35px;
    margin-bottom:25px;
    position: relative;
    display:inline-block;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 50px -20px;
    padding:30px;
    padding-top:18em;
    padding-bottom:100px;
    border-radius:20px;
    min-width:300px;
    max-width:320px;
    background-color:rgba(255,255,255,1);
    text-align:left;
    overflow: hidden;
    vertical-align: top;
}

.cp_offer_signature {
    background-color:var(--color-5);
    color:white;
}

.cp_offer_bonus {
    padding-top:15px;
    padding-bottom:15px;
    padding-left:35px;
    padding-right:35px;
    position: absolute;
    bottom:-5px;
    left:-5px;
    right:-5px;
    background-color:var(--color-5);
    line-height: 14px;
    color:white;
}

.cp_offer_bonus_cond {
    font-size: 11px;
}

.cp_offers_total {
    position: absolute;
    top:40px;
    left:0px;
    width: 1600px;
    padding-left:calc((1450px - 1380px)/2);
}

.cp_nav_left {
    position:absolute;
    z-index: 110;
    font-size: 45px; 
    background-color:rgba(0,0,0,0.4);
    border-radius:0px 100px 100px 0px;
}

.cp_nav_right {
    position: absolute;
    right:0px;
    z-index: 110;
    
    border-radius:100px 0px 0px 100px;
    font-size: 45px; 
    background-color:rgba(0,0,0,0.4);
}

.cp_offer_view {
    position: relative;
    left:0px;
    width:1450px;
    height:600px;
}

.cp_popup_offers_content {
    position: absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.cp_offers-title {
    font-weight:600;
    font-size:1.8em;
    line-height:1.5;
}

.cp_nav_1 {
    display: none;
}

.cp_nav_2 {
    
    display: none;
}

.cp_nav_3 {
    
    display: none;
}

.cp_nav_mask_left {
    display: none;
    position: absolute;
    z-index: 109;
    left:0px;
    width:100px;
    top:0px;
    bottom:0px;
    background-image:linear-gradient(to left, rgba(30,30,30,0), rgba(30,30,30,1));
}

.cp_nav_mask_right {
    display: none;
    position: absolute;
    z-index: 109;
    right:0px;
    width:100px;
    top:0px;
    bottom:0px;
    background-image:linear-gradient(to right, rgba(30,30,30,0), rgba(30,30,30,1));
}

.cp_nav_mask_top {
    position: absolute;
    z-index: 109;
    left:0px;
    height:50px;
    top:0px;
    right:0px;
    background-image:linear-gradient(to top, rgba(30,30,30,0), rgba(30,30,30,1));
}

.cp_nav_mask_bottom {
    
    position: absolute;
    z-index: 109;
    left:0px;
    height:50px;
    bottom:0px;
    right:0px;
    background-image:linear-gradient(to bottom, rgba(30,30,30,0), rgba(30,30,30,0.5));
}

.cp_mobile_white_title {
}

.cp_landing_back {
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-image: url('/assets/media/back_new.jpg');
    background-position: center center;
    background-size:cover;
    filter:blur(20px);
    z-index: 10;
    opacity: 0.6;
}

.cp_landing_mockup {
    position: absolute;
    bottom:-250px;
    left:0px;
    margin-left:-15px;
    width:450px;
}

.cp_landing_text {
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    padding-bottom:5em;
}

.cp_landing_emojis {
    z-index: 31;
    position: absolute;
    right:0px;
    bottom:0px;
}