/* Pizza X */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

/* General */
body { line-height: 1; color: #fff; font-size: 20px; background-color: #231f20; height: 100%; z-index: 0; }
p { font-size: 80%; }
.top-caption { font-size: 100%; }
.section-title h1, .section-title h2, .home-page .grid-rows .grid-row-text h2 { font-size: 300%; display: inline-block; position: relative; font-family: 'atlas-black-aaa' !important; }
.grid-rows .grid-row { background-color: #231f20; color: #fff; }
#whatAppButton { bottom: 30px; left: 30px; }
#SiteContainer { position: relative; }
#SiteContainer::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/warehouse/temp/pizza-x/D-Bg.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -2; }
#SiteFooter { background: transparent; }
#FormResultPage #headline { text-align: center; font-family: 'atlas-black-aaa'; font-size: 250%; margin-bottom: 50px; }
#FormResultPage #text1 { margin-bottom: 60px; }
#FormResultPage #text1 a.FormResultPageButton:hover { color: #fff; }

#galleryview #headline { text-align: right; font-size: 200%; }
#headline h1 { font-family: atlas-black-aaa; }

@media (max-width:767px) {
    .section-title h1, .section-title h2, .home-page .grid-rows .grid-row-text h2 { font-size: 170%; }
    p { font-size: 70% !important; }
    #mobile-player-controls { left: unset; right: 3%; bottom: 7%; display: flex; align-items: center; }
}
/* Header */
#header, #header.bg, .home-page #header:not(.bg) { background: #231f20; border-radius: 10px; border: solid 2px #fff; top: 10px; max-width: 98%; left: 50%; transform: translateX(-50%); position: fixed; }
#header #header-left img, #header.bg #header-left img { max-width: unset; }
#header #header-center-kdm { font-size: 100%; }
#header #header-center-kdm a { height: 43px; width: 150px; border-radius: 6px; border: 2px solid #ec008c; background-color: #ec008c; font-size: 80%; color: #fff; transition: 0.4s all; display: flex !important; margin: 0; align-items: center; font-family: 'atlas-black-aaa'; justify-content: center; }
#header #header-center-kdm a:hover { background: transparent; color: #Fff; border: 2px solid #ec008c; }

#header #header-center-kdm a::before { display: none; }
#nav-toggle span, #nav-toggle-mobile span, #nav-toggle span:before, #nav-toggle-mobile span:before,
#nav-toggle span:after, #nav-toggle-mobile span:after { display: inline-block !important; width: 24px; height: 3px; transition: all .5s; background: #fff; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -8px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; width: 17px; }
#header .submenu { top: 74px; background: #231f20; box-shadow: none; border-radius: 10px; border: solid 2px #fff; padding: 10px 0; width: 200px; right: -32px; }
#nav-toggle.active span:before, #nav-toggle.active span:after, #nav-toggle-mobile.active span:before, #nav-toggle-mobile.active span:after { width: 24px; }
#header.menu-open .menu-nav #nav-toggle { transform: none; }
#header .submenu > li:first-child { margin-top: 0; }
#header .submenu > li { font-size: 100%; padding: 10px 20px; min-height: unset; }
#header .submenu > li a, #header .submenu li > a:focus { color: #fff; min-height: unset; transition: 0.3s all; font-size: 80%; padding: 0; font-family: 'atlas-regular-aaa' !important; }
#header .submenu > li a::before { display: none; }
#header .submenu > li.active { background: transparent; }
#header .submenu > li.active > a, #header .submenu .menu-sub > li.active > a { color: #0db14b; font-family: 'atlas-regular-aaa' !important; }
#header .submenu .menu-sub > li.active > a { color: #0db14b; }
#header .submenu > li:focus > a, #header .submenu > li:hover > a, #header .submenu .menu-sub li a:hover, #header .submenu .menu-sub li a:focus { background: transparent; color: #0db14b; }
#header .submenu .menu-sub li a { padding: 0; font-size: 75%; }
#header .submenu .menu-sub { padding: 5px 10px 0; margin-top: 0; }
.has-sub i.opensub { font-size: 100%; }
#header .submenu .menu-sub li { padding: 5px 0; }
#header .submenu .menu-sub li:last-child { padding-bottom: 0; }
#header .submenu li.has-sub { padding: 10px 20px; }
#header .social-links a { position: relative; margin-left: 20px; }
#header .social-links a svg { opacity: 0; }
#header .social-links a.social_icon_instagram::after { position: absolute; width: 24px; height: 24px; content: ""; background-image: url(/warehouse/temp/pizza-x/inst.svg); background-repeat: no-repeat; transition: 0.3s all; }
#header .social-links a.social_icon_instagram:hover::after { background-image: url(/warehouse/temp/pizza-x/inst-hover.svg); }
#header .social-links a.facebook_icon_instagram::after { position: absolute; width: 24px; height: 24px; content: ""; background-image: url(/warehouse/temp/pizza-x/Fb.svg); background-repeat: no-repeat; transition: 0.3s all; }
#header .social-links a.facebook_icon_instagram:hover::after { background-image: url(/warehouse/temp/pizza-x/Fb-hover.svg); }

@media (max-width:767px) {
    #header:not(.menu-open):not(.subopen) .submenu { top: 84px; transform: none; right: 10px; height: auto; max-height: 0; padding: 0 !important; margin: 0; border-radius: 10px; border: solid 2px #fff; opacity: 0; }
    #header .submenu li.social-mobile { position: relative; bottom: unset; }
    #header, #header.bg, .home-page #header:not(.bg) { max-width: 95%; margin: 0px 10px; padding: 10px 15px !important; left: unset; transform: none; }
    #header #header-center-kdm a { height: 36px; width: 112px; font-size: 70% !important; }
    #header #header-left img, #header.bg #header-left img { max-width: 80px; }
    #header .menu-nav { padding: 0; }
    #header .submenu { padding-top: 20px !important; top: 84px; padding: 20px 0; width: 200px !important; height: unset !important; max-height: unset; }
    #header.subopen .submenu { right: 10px; opacity: 1; }
}

/* Home Gallery */
#home-gallery .flex-control-paging li { margin: 0 5px; }
#home-gallery .flex-control-paging li a { background: gray; width: 10px; height: 10px; }
#home-gallery .flex-control-paging li a.flex-active { background: #fff; }
#home-gallery .flex-control-paging li a::after {; display: none; }
#home-gallery .scroll-down { display: none; }
#home-gallery:not(.video-slider) button.controlSlider { display: none; }
/*#home-gallery .slider-bg.stellar-bg { -webkit-background-size: contain; }*/

/* Our Story Section */
.home-page section.grid-row-section { max-width: 1200px; padding-top: 180px; }
.home-page .grid-row-section .grid-row { display: flex; flex-direction: row-reverse; align-items: unset; justify-content: space-between; background: transparent; }
.home-page .grid-row-section .grid-row .grid-row-cell.flexslider-box { width: 58%; }
.home-page .grid-row-section .grid-row .grid-row-cell.flexslider-box li.slider-item { padding-bottom: 0; }
.home-page .grid-row-section .grid-row .grid-row-cell .grid-row-image-container { position: relative; }
.home-page .grid-row-section .grid-row .grid-row-cell-text { width: 40%; border-radius: 15px; border: solid 2px #fff; padding: 30px 50px 50px; margin-left: 16px; height: unset; }
.home-page .grid-rows .grid-row-text h2 { width: 80%; margin-bottom: 20px; }
.home-page .grid-rows .grid-row-text p { line-height: 1.63; }
.home-page .grid-rows .grid-row-text .grid-row-button { margin-top: 20px; font-size: 80%; border: none; color: #fff; padding: 0; position: relative; letter-spacing: 1.28px; font-family: 'atlas-black-aaa'; }
.home-page .grid-rows .grid-row-text .grid-row-button:hover, .home-page .grid-rows .grid-row-text .grid-row-button:focus { background: transparent; color: #fff; border: none; }
.home-page .grid-rows .grid-row-text .grid-row-button::after { content: ""; position: absolute; bottom: -5px; right: 0; width: 0px; height: 3px; background: #ec008c; opacity: 0; transition: 0.45s all; }
.home-page .grid-rows .grid-row-text .grid-row-button:hover::after { width: 100%; opacity: 1; }

@media (max-width: 1024px) and (min-width:767px) {
    .home-page .grid-row-section .grid-row { justify-content: center; padding: 0 15px; flex-direction: column-reverse; }
    .home-page .grid-row-section .grid-row .grid-row-cell.flexslider-box { width: 100%; }
    .home-page .grid-row-section .grid-row .grid-row-cell-text { width: 100%; padding: 0px 40px 40px; margin-bottom: 10px; }
    .home-page .grid-row-section .grid-row .grid-row-cell img { width: 100%; }
    .home-page section.grid-row-section { padding-top: 100px; }
    .home-page .grid-row-section .grid-row .grid-row-cell-text .grid-row-text { max-width: unset; }
}

@media (max-width:767px) {
    .home-page .grid-row-section .grid-row { flex-direction: column; padding: 0 20px; }
    .home-page .grid-row-section .grid-row .grid-row-cell { width: 100% !important; }
    .home-page section.grid-row-section { padding-top: 60px; }
    .home-page .grid-row-section .grid-row .grid-row-cell-text { padding: 10px 18px 15px; margin: 0 0 10px 0; }
    .home-page .grid-rows .grid-row-text h2 { width: 50%; margin-bottom: 15px; }
    .home-page .grid-rows .grid-row-text .grid-row-button { margin-top: 30px; }
}

/* Classified Image Section */
.classified-img-sec { height: unset; padding: 180px 0 100px; margin-bottom: 0; }
.classified-img-sec .image-section-data { height: unset; }
.classified-img-sec img { margin-top: unset !important; }

@media (max-width: 1024px) and (min-width:767px) {
    .classified-img-sec { padding: 100px 0 20px; }
}

@media (max-width:767px) {
    section.classified-img-sec { padding: 80px 0 60px; max-width: 100%; }
}

/* Menu Section */
.menu-sec .section-title h2::after, .menu-sec .section-title h2::before { background-image: url(/warehouse/temp/pizza-x/green-cross.svg); background-repeat: no-repeat; content: ""; position: absolute; left: -50px; top: 50%; height: 33px; width: 30px; transform: translateY(-50%); }
.menu-sec .section-title h2::before { left: unset; right: -50px; }
.menu-sec .section-title h3 { font-size: 110%; font-family: 'Alfa Slab One', cursive; letter-spacing: 0.88px; }
.menu-sec .section-title h3 span { color: #ec008c; }
.menu-sec .grid-boxes { display: flex; flex-direction: column; }
.menu-sec .grid-boxes .flexWrapper { display: flex; justify-content: center; flex-direction: row-reverse; height: 410px; margin-bottom: 20px; }
.menu-sec .grid-boxes .flexWrapper:last-child { flex-direction: row; }
.menu-sec .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; margin-bottom: 0; height: 100%; }
.menu-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
.menu-sec .grid-boxes .grid-box .grid-box-image img { height: 100%; object-fit: cover; }
.menu-sec .grid-boxes .flexWrapper .grid-box { max-width: unset; padding-right: 0; padding-left: 0; margin-right: 8px; margin-left: 8px; height: 100%; max-height: 407px; border: solid 1px #707070; }
.menu-sec .grid-boxes .flexWrapper .grid-box:nth-child(2) { width: 40%; }
.menu-sec .grid-boxes .flexWrapper .grid-box:nth-child(1) { width: 60%; }
.menu-sec .grid-boxes .flexWrapper .grid-box .grid-box-subtitle { position: absolute; bottom: 30px; border-radius: 7px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.6); border: solid 2px #fff; background-color: #231f20; color: #fff; right: 30px; padding: 0 25px; display: flex; height: 55px; align-items: center; font-size: 150%; transition: 0.4s all; font-family: 'atlas-black-aaa'; }
.menu-sec .grid-boxes .flexWrapper .grid-box .grid-box-subtitle:hover { background: #0db14b; }
.menu-sec .grid-boxes .flexWrapper .grid-box .grid-box-subtitle:hover a { color: #fff; }

@media (max-width:767px) {
    .sections .menu-sec { max-width: 100%; padding: 0px 12px; }
    .sections .menu-sec .section-title { margin-bottom: 30px; }
    .menu-sec .section-title h3 { font-size: 65%; }
    .menu-sec .grid-boxes .flexWrapper { height: 240px; margin-bottom: 10px; }
    .menu-sec .grid-boxes .flexWrapper .grid-box { width: 50% !important; margin-right: 5px; margin-left: 5px; margin-bottom: 0px; }
    .menu-sec .grid-boxes .grid-box .grid-box-image img { width: 100%; max-width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .menu-sec .grid-boxes .flexWrapper .grid-box .grid-box-subtitle { font-size: 90%; height: 36px; right: unset; left: 50%; transform: translateX(-50%); bottom: 20px; padding: 0 32px; }
    .menu-sec .section-title h2::before { right: -35px; }
    .menu-sec .section-title h2::after, .menu-sec .section-title h2::before { transform: translateY(-50%) scale(0.7); left: -35px; }
}

/* Book Image Section */
.book-img-sec { max-width: 1170px; margin: 0 auto; height: unset; padding-top: 0; }
.book-img-sec .image-section-data { height: 100%; }
.book-img-sec img { margin-top: unset !important; }

@media (max-width:767px) {
    section.book-img-sec { max-width: 95%; margin: 35px auto 0; }
}

/* Our Products Section */
.sections .our-products { max-width: 1170px; padding: 130px 0 0; width: 90%; }
.sections .grid-content-section.our-products .grid-box-image { padding-bottom: 0; }
.sections .grid-content-section.our-products .grid-box-image-container { position: relative; }
.sections .our-products .grid-boxes .box-image-animation:hover img { transform: scale(1); }
.sections .grid-content-section.our-products .grid-box-title a { color: #fff; }
.sections .grid-content-section.our-products .grid-box-title { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; height: 43px; border-radius: 5px; box-shadow: 0 3px 15px 0 rgb(0 0 0 / 60%); border: solid 2px #fff; background-color: #231f20; color: #fff; padding: 10px 20px; cursor: pointer; transition: 0.4s all; }
.sections .grid-content-section.our-products .content-section-Btn { margin-top: 60px; }
.sections .grid-content-section.our-products .content-section-Btn a { border: none; color: #fff; font-size: 80%; position: relative; padding: 0; font-family: 'atlas-black-aaa'; }
.sections .grid-content-section.our-products .content-section-Btn:hover a { background: transparent; }
.sections .grid-content-section.our-products .content-section-Btn a::after { content: ""; position: absolute; bottom: -5px; right: 0; width: 0px; height: 3px; background: #ec008c; transition: 0.45s all; opacity: 0; }
.sections .grid-content-section.our-products .content-section-Btn a:hover::after { width: 100%; opacity: 1 }
.sections .grid-content-section.our-products .grid-box-title h3 { font-size: 80%; margin: 0; }
.sections .grid-content-section.our-products .grid-box-title:hover { background: #0db14b; }
.our-products .grid-boxes { position: relative; padding-top: 15px; width: 100%; margin: 0 auto; }
.our-products .grid-boxes::before { content: ""; position: absolute; background-image: url(/warehouse/temp/pizza-x/corner.svg); background-repeat: no-repeat; height: 33px; width: 30px; right: -25px; top: -10px; transform: rotate(90deg); }
.our-products .grid-boxes::after { content: ""; position: absolute; background-image: url(/warehouse/temp/pizza-x/corner.svg); background-repeat: no-repeat; height: 33px; width: 30px; top: -10px; left: -24px; }
.our-products .beforeAfter::before { content: ""; position: absolute; background-image: url(/warehouse/temp/pizza-x/corner.svg); background-repeat: no-repeat; height: 33px; width: 30px; bottom: 0px; right: -50px; transform: rotate(180deg); }
.our-products .beforeAfter::after { content: ""; position: absolute; background-image: url(/warehouse/temp/pizza-x/corner.svg); background-repeat: no-repeat; height: 33px; width: 30px; bottom: 0px; left: -50px; transform: rotate(270deg); }
.our-products .grid-boxes .grid-box { margin: 0; padding-left: 8px; padding-right: 8px; }

@media (max-width: 1024px) and (min-width:767px) {
    .sections .our-products { padding: 60px 0px 0; width: 80%; }
    .our-products .grid-boxes .grid-box { width: 50%; }
    .our-products .grid-boxes .grid-box:not(:last-child) { margin-bottom: 15px; }
}

@media (max-width:767px) {
    .sections .our-products { padding: 50px 0px 0; width: 100%; }
    .sections .our-products .section-title { margin-bottom: 25px; }
    .sections .grid-content-section.our-products .content-section-Btn { margin-top: 40px; }
    .sections .grid-content-section.our-products .grid-box-title h3 { font-size: 70%; }
    .our-products .beforeAfter { display: block; border-radius: unset; overflow-x: scroll; padding: 0 15px; max-width: unset; width: auto; white-space: nowrap; }
    .our-products .grid-boxes .grid-box { margin: 0; padding-left: 8px; padding-right: 8px; width: 85%; display: inline-block; max-width: 100%; scroll-snap-align: center; }
    .our-products .beforeAfter::before { transform: rotate(180deg) scale(0.6); bottom: -10px; right: -20px; display: none; }
    .our-products .beforeAfter::after { transform: rotate(270deg) scale(0.6); bottom: -10px; left: -20px; display: none; }
    .our-products .grid-boxes::after { transform: scale(0.6); left: -20px; display: none; }
    .our-products .grid-boxes::before { transform: rotate(90deg) scale(0.6); right: -20px; display: none; }
    .sections .grid-content-section.our-products .content-section-Btn a::after { opacity: 1; width: 100%; }
}

/* Gallery Section */
.home-page .grid-gallery-section { padding: 110px 0; max-width: 1400px; }
.home-page .grid-gallery-section h2::after, .home-page .grid-gallery-section h2::before { background-image: url(/warehouse/temp/pizza-x/green-cross.svg); background-repeat: no-repeat; content: ""; position: absolute; left: -50px; top: 50%; height: 33px; width: 30px; transform: translateY(-50%); }
.home-page .grid-gallery-section h2::before { left: unset; right: -50px; }
.home-page .grid-gallery-section .section-title h3 { font-size: 80%; margin-bottom: 50px; }
.gallery-cubes .gridshortWrapper { display: grid; grid-template-columns: 25% 25% 50%; grid-template-rows: 210px 210px; padding: 0; }
.gallery-cubes .gridshort-view-item { width: unset; padding: 7px; position: relative; margin: 0; }
.gallery-cubes .gridshortWrapper:nth-child(even) { direction: ltr; }
.gallery-cubes > div:nth-child(1), .gridshortWrapper .gridshort-view-item:nth-child(1) { grid-column: 3/4; grid-row: 1/3; }
.gallery-cubes > div:nth-child(2), .gridshortWrapper .gridshort-view-item:nth-child(2) { grid-column: 2/3; grid-row: 1/2; }
.gallery-cubes > div:nth-child(3), .gridshortWrapper .gridshort-view-item:nth-child(3) { grid-column: 1/2; grid-row: 1/2; }
.gallery-cubes > div:nth-child(4), .gridshortWrapper .gridshort-view-item:nth-child(4) { grid-column: 2/3; grid-row: 2/3; }
.gallery-cubes > div:nth-child(5), .gridshortWrapper .gridshort-view-item:nth-child(5) { grid-column: 1/2; grid-row: 2/3; }
.gallery-cubes .gridshort-view-item .boxes-images-outer-image { padding-bottom: 0; border: 1px solid #707070; height: 100%; }
.home-page .grid-gallery-section .content-section-Btn a { width: 150px; border-radius: 6px; display: inline-flex; border: 2px solid #ec008c; background-color: #ec008c; font-size: 80%; height: 43px; color: #fff; padding: 0; align-items: center; font-family: 'atlas-black-aaa'; justify-content: center; }
.home-page .grid-gallery-section .content-section-Btn a:hover { background: transparent; border: 2px solid #ec008c; }

@media (max-width:1024px) {
    .home-page .grid-gallery-section { padding: 10px 0 50px; }
    .gallery-cubes .gridshortWrapper, .gallery-cubes > div:nth-child(1) { grid-template-columns: unset; grid-template-rows: unset; grid-column: unset; grid-row: unset; flex-wrap: wrap; }
    .gallery-cubes .gridshort-view-item { width: 50%; height: 200px; padding: 5px; }
    .gallery-cubes .gridshort-view-item:first-child { width: 100%; height: 400px; display: block; }
}

@media (max-width:767px) {
    .home-page .grid-gallery-section { padding: 120px 0 90px; }
    .home-page .grid-gallery-section .section-title { margin-bottom: 15px; }
    .home-page .grid-gallery-section h2::after, .home-page .grid-gallery-section h2::before { transform: translateY(-50%) scale(0.7); left: -35px; }
    .home-page .grid-gallery-section h2::before { right: -35px; }
    .home-page .grid-gallery-section .section-title h3 { display: none; }
    .home-page .grid-gallery-section .content-section-Btn a { height: 36px; width: 112px; font-size: 70% !important; }
    .gallery-cubes .gridshortWrapper, .gallery-cubes > div:nth-child(1) { grid-template-columns: unset; grid-template-rows: unset; grid-column: unset; grid-row: unset; flex-wrap: wrap; }
    .gallery-cubes .gridshort-view-item { width: 50%; height: 100px; padding: 5px; }
    .gallery-cubes .gridshort-view-item:first-child { width: 100%; height: 210px; display: block; }
}

/* About Page */
#GridTop { height: 500px; margin-top: 0; }
#GridTop h1 { font-size: 325%; font-family: inherit; }
#GridTop .top-caption { font-family: 'Alfa Slab One', cursive; top: 60%; }
.about #GridPage { padding-top: 110px; }
.about .MainContent { max-width: 930px; text-align: right; margin: 0px auto 160px; }
.about .MainContent #subheadline h2 { font-size: 200%; margin-bottom: 35px; font-family: 'atlas-black-aaa'; }
.about .MainContent #text1 img { margin: 35px 0; }

@media (max-width:767px) {
    .about .MainContent { margin: 0px auto 80px; }
    .about .MainContent #subheadline h2 { margin-bottom: 25px; font-size: 160%; }
    .about .MainContent #text1 img { margin: 10px 0; }
}

/* Gallery Page */
.gallery #GridPage { padding-top: 100px; }
.gallery #galleryview { margin-bottom: 130px; }
.gallery .top-caption { font-size: 300%; }
.gallery #headline { font-size: 200%; display: inline-block; position: relative; font-family: 'atlas-black-aaa'; }
.gallery #headline::after, .gallery #headline::before { background-image: url(/warehouse/temp/pizza-x/green-cross.svg); background-repeat: no-repeat; content: ""; position: absolute; left: -35px; top: 50%; height: 33px; width: 30px; transform: translateY(-50%) scale(0.7); }
.gallery #headline::before { left: unset; right: -35px; }
.gallery #subheadline h2 { font-size: 80%; margin-bottom: 50px; }

@media (max-width: 767px) {
    .gallery #galleryview { margin-bottom: 70px; }
}
/* Careers Page */
#SiteGrid.layout-bottom #GridPromo { padding: 0; margin-bottom: 130px; }
.careers #subheadline h2 { font-size: 200%; margin-bottom: 60px; position: relative; display: inline-block; font-family: 'atlas-black-aaa'; }
.careers #subheadline h2::after, .careers #subheadline h2::before { background-image: url(/warehouse/temp/pizza-x/green-cross.svg); background-repeat: no-repeat; content: ""; position: absolute; left: -35px; top: 50%; height: 33px; width: 30px; transform: translateY(-50%) scale(0.7); }
.careers #subheadline h2::before { left: unset; right: -35px; }
.form-container-wide #DynamicFormObject { max-width: unset; background-color: #2a2727; border: solid 1px #707070; padding: 30px 90px 40px; position: relative; max-width: 100% !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 150%; color: #fff; font-family: 'atlas-pro-aaa-400'; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { margin-bottom: 0; font-family: 'atlas-black-aaa'; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%; padding: 0 8px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField input, .form-container-wide #DynamicFormObject .dynamicFormObjectField select,
.form-container-wide #DynamicFormObject .dynamicFormObjectField textarea { border-radius: 5px; background-color: #3b3738; color: #fff; font-size: 80% !important; border: none; height: 50px; margin-bottom: 16px; padding-right: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField input::placeholder,
.form-container-wide #DynamicFormObject .dynamicFormObjectField select::placeholder,
.form-container-wide #DynamicFormObject .dynamicFormObjectField textarea::placeholder { color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField input:focus, .form-container-wide #DynamicFormObject .dynamicFormObjectField select:focus,
.form-container-wide #DynamicFormObject .dynamicFormObjectField textarea:focus { border: 2px solid #fff !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper::after { content: ""; background-image: url(/warehouse/temp/pizza-x/dropdown.svg); width: 13px; height: 7px; top: 50%; left: 20px; background-repeat: no-repeat; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper { position: relative; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input[type=submit] { height: 43px; width: 150px; border-radius: 6px; border: 2px solid #ec008c; background-color: #ec008c; font-size: 80%; color: #fff; transition: 0.4s all; font-family: 'atlas-black-aaa'; margin-top: 15px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input[type=submit]:hover { background: transparent; color: #Fff; border: 2px solid #ec008c; }
.must:before { color: #fff; right: 15px; }
label.error, span.error { top: 17px; left: 25px; font-size: 80%; }
#SiteGrid.layout-bottom #GridPromo::before { content: ""; position: absolute; background-image: url(/warehouse/temp/pizza-x/corner.svg); background-repeat: no-repeat; height: 33px; width: 30px; right: 0; top: -1px; z-index: 2; transform: rotate(90deg); }
#SiteGrid.layout-bottom #GridPromo::after { content: ""; position: absolute; background-image: url(/warehouse/temp/pizza-x/corner.svg); background-repeat: no-repeat; height: 33px; width: 30px; top: 0; left: 0; z-index: 2; }
.form-container-wide .beforeAfter { position: relative; }
.form-container-wide .beforeAfter::before { content: ""; position: absolute; background-image: url(/warehouse/temp/pizza-x/corner.svg); background-repeat: no-repeat; height: 33px; width: 30px; bottom: -2px; left: 0px; z-index: 2; transform: rotate(270deg); }
.form-container-wide .beforeAfter::after { content: ""; position: absolute; background-image: url(/warehouse/temp/pizza-x/corner.svg); background-repeat: no-repeat; height: 33px; width: 30px; right: 0; bottom: -1px; transform: rotate(180deg); left: unset; }

@media (max-width:1024px) {
    .form-container-wide #DynamicFormObject { padding: 30px 60px 40px; }
}

@media (max-width:767px) {
    #SiteGrid.layout-bottom #GridPromo { margin-bottom: 80px; }
    .careers #subheadline h2 { font-size: 120%; margin-bottom: 40px; }
    .form-container-wide #DynamicFormObject { padding: 30px 20px 40px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100% !important; }
}

/* Contact Page */
.contact .MainContent { max-width: 650px; margin: 0 auto 70px; }
.contact #text1 { display: flex; text-align: center; flex-wrap: wrap; justify-content: space-between; }
.contact #text1 > div { width: 45%; }
.contact #text1 h3 { margin-bottom: 15px; font-size: 100%; display: inline-block; position: relative; font-family: 'atlas-black-aaa'; }
.contact #text1 h3::after, .contact #text1 h3::before { background-image: url(/warehouse/temp/pizza-x/green-cross.svg); background-repeat: no-repeat; content: ""; position: absolute; left: -30px; top: 50%; height: 33px; width: 30px; transform: translateY(-50%) scale(0.45); }
.contact #text1 h3::before { left: unset; right: -30px; }
.contact #text1 p { font-size: 70%; line-height: 1.71; letter-spacing: 0.28px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }

@media (max-width:1024px) {
    .contact #text1 { justify-content: space-around; }
}

@media (max-width:767px) {
    .contact #text1 { display: flex; flex-direction: column; }
    .contact #text1 > div { width: 100%; }
    .contact .MainContent { margin: 0 auto 30px; }
    .contact #text1 div:first-child { margin-bottom: 20px; }
}

/* Our Products Page */
.products #GridPage .max-width { max-width: 1180px; }
.products #ContentGridShortModule { margin-bottom: 140px; }

.products #ContentGridShortModule .flex-row > div { max-width: 400px; height: 240px; padding-right: 8px; padding-left: 8px; margin-bottom: 85px; }
.products #ContentGridShortModule .grid-short-box { height: 100%; position: relative; margin-bottom: 0; }
.products #ContentGridShortModule .grid-short-box-image { padding-bottom: 0; height: 100%; z-index: -1; }
.products #ContentGridShortModule .grid-short-box-image a { position: relative; }
.products #ContentGridShortModule .grid-short-box-image img { position: relative; top: unset; left: unset; transform: none; width: 100%; }
.products .grid-short-box-label { font-size: 100%; border-radius: 5px; box-shadow: 0 3px 15px 0 rgb(0 0 0 / 60%); border: solid 2px #fff; background-color: #231f20; padding: 10px 20px; transition: 0.4s all; cursor: pointer; width: fit-content; margin: -25px auto 0; }
.products .grid-short-box-label:hover { background: #0db14b; }
.products .grid-short-box-label a { font-size: 80%; }
.products .grid-short-box-label:hover a { color: #fff; }
.products .grid-short-box-link { display: none; }
.products .grid-short-box-subtitle { font-size: 75%; margin-top: 10px; }
.products #ContentGridShortModule #text1 { text-align: center; }
.products #ContentGridShortModule #text1 p { display: inline; margin: 0; font-family: 'atlas-black-aaa'; }
.products #ContentGridShortModule #text1 a { position: relative; color: #fff; }
.products #ContentGridShortModule #text1 a::after { content: ""; position: absolute; bottom: -5px; right: 0; width: 0px; height: 3px; background: #ec008c; transition: 0.45s all; opacity: 0; }
.products #ContentGridShortModule #text1 a:hover::after { width: 100%; opacity: 1; }

@media (max-width: 767px) {
    .products #ContentGridShortModule { margin-bottom: 70px; }
    .products #ContentGridShortModule .flex-row > div { width: 100%; height: unset; margin-bottom: 55px; }
}

/* Menu Page */
.categories-strip ul li { background: #231f20; color: #fff; border-radius: 7px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.6); border: solid 2px #fff; transition: 0.4s all; min-width: 135px; }
.categories-strip ul li:hover, .categories-strip ul li:not(.active) a:hover, .categories-strip ul li:not(.active) a:focus,
.categories-strip ul li.active { background: #0db14b; }
.categories-strip ul li a { font-size: 110%; padding: 13px 0px; font-family: 'atlas-black-aaa'; }
.inner-menu #GridPage .max-width { max-width: unset; }
.inner-menu #MenuModule #subheadline h2 { font-size: 70%; padding-bottom: 40px; margin: 0; padding-top: 25px; border-top: 1px solid #707070; position: relative; background: #39363755 0% 0% no-repeat; }
.inner-menu #MenuModule #text1 { text-align: center; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid #707070; background: #39363755 0% 0% no-repeat; }
.inner-menu #MenuModule #text1 p { font-size: 70%; margin: 0; }
.inner-menu #MenuModule #subheadline h2::after { content: ""; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: #fff; height: 2px; width: 70px; }
.menuModuleContent { overflow: visible; margin-top: 20px; }
.menuModuleTextItem0, .menuModuleTextItem1 { margin-bottom: 50px; }
.menuModuleTextItem0.notTable, .menuModuleTextItem1.notTable { width: 100%; }
.menuModuleTextItemTitle { font-size: 80%; font-family: 'atlas-black-aaa'; color: #fff; margin-bottom: 15px; position: relative; margin-right: 15px; }
.menuModuleTextItemTitle::after { background-image: url(/warehouse/temp/pizza-x/green-cross.svg); background-repeat: no-repeat; content: ""; position: absolute; right: -25px; top: 50%; height: 33px; width: 30px; transform: translateY(-50%) scale(0.4); z-index: 50; }
.menuModuleTextItemDescription { color: #fff; font-size: 70%; line-height: 1.57; }
.menuModuleTextItemPrice { color: #fff; font-family: 'atlas-black-aaa'; font-size: 80%; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #fff; }
#MenuModule::after { display: none; }
.menuModuleTextItemSubject:first-child { border-radius: 15px; border: solid 2px #fff; padding: 25px 35px; display: flex; flex-direction: row; align-items: flex-start; text-align: right; max-width: 720px; margin: 0 auto 50px; justify-content: center; }
.menuModuleTextItemSubject:first-child .menuModuleTextItemSubjectTitle { display: inline-block; font-size: 80%; font-family: 'atlas-black-aaa'; margin-bottom: 0; margin-left: 10px; }
.menuModuleTextItemSubject:first-child .menuModuleTextItemSubjectDescription { font-size: 70%; line-height: 1.45; }
#MenuModule .menuModuleNav a { font-size: 90%; font-family: 'atlas-black-aaa'; color: #fff; margin: 0 20px; }
#MenuModule .menuModuleNav a::before { content: ""; position: absolute; bottom: -5px; right: 0; width: 0px; height: 3px; background: #ec008c; opacity: 0; transition: 0.45s all; }
#MenuModule .menuModuleNav a.selected { color: #fff; }
#MenuModule .menuModuleNav a.selected::before, #MenuModule .menuModuleNav a:hover::before { opacity: 1; width: 100%; }

@media (max-width: 767px) {
    .inner-menu .categories-strip .mobile-strip { padding: 5px 0; }
    .inner-menu .categories-strip .mobile-strip span { font-family: 'atlas-black-aaa'; font-size: 100%; }
    .inner-menu .categories-strip .menu-tags-list { border-bottom: 2px solid #fff; padding: 0; width: 95%; margin: 0 auto; }
    .inner-menu .categories-strip .mobile-strip:after { top: 20px; font-size: 120%; }
    .inner-menu .categories-strip .mobile-strip ul li { border: none; box-shadow: none; font-size: 100%; }
    .inner-menu .categories-strip .mobile-strip ul li a { font-size: 80%; font-family: 'atlas-regular-aaa'; font-weight: 800; }
    .inner-menu .categories-strip .mobile-strip ul li a:hover { background: transparent; color: #0db14b; }
    .inner-menu #GridPage .max-width { width: 100%; }
    .inner-menu .menuModuleContent { width: 95%; }
    .inner-menu #MenuModule #text1 { padding: 0 25px 25px; }
    #MenuModule .menuModuleNav { padding-bottom: 10px; }
    #MenuModule .menuModuleNav a { margin: 0 12px; }
    .menuModuleTextItem0, .menuModuleTextItem1 { margin-bottom: 20px; }
    .menuModuleTextItemSubject:first-child { flex-direction: column; padding: 15px 15px 25px; }
    .menuModuleTextItemSubject:first-child .menuModuleTextItemSubjectTitle { margin: 0px 0 10px; }
}

/* Footer */
#SiteFooter .footer-text-divided { background-color: #231f20; border-radius: 18px; border: solid 2px #fff; max-width: 98%; margin: 0 auto; margin-bottom: 25px; padding: 69px 35px; font-size: 80%; z-index: 2; }
#SiteFooter .footer-text-right p a { margin-left: 10px; position: relative; }
.footer-text-divided > div.footer-text-right ul a:hover { color: #0db14b; }
.footer-text-divided > div.footer-text-right ul a { transition: 0.4s all; }
#SiteFooter .footer-text-right p a:hover img { opacity: 0; }
#SiteFooter .footer-text-right p img { transition: 0.4s all; }
#SiteFooter .footer-text-right p a::after { width: 24px; height: 24px; content: ""; position: absolute; left: 50%; top: -3px; transform: translateX(-50%); background-image: url(/warehouse/temp/pizza-x/inst-hover.svg); background-repeat: no-repeat; opacity: 0; background-position: center; transition: 0.4s all; }
#SiteFooter .footer-text-right a:hover::after { opacity: 1; }
#SiteFooter .footer-text-right p a:last-child::after { background-image: url(/warehouse/temp/pizza-x/Fb-hover.svg); }

@media (max-width:1024px) {
    .footer-text-divided > div.footer-text-right ul { margin-left: 40px; }
}

@media (max-width:767px) {
    #SiteFooter .footer-text-divided { max-width: 95%; margin-bottom: 9px; padding: 20px 20px 30px; display: flex; flex-direction: column-reverse; font-size: 70%; }
    #SiteFooter .footer-text-divided .footer-text-right { margin-bottom: 0; display: flex; justify-content: flex-start; padding: 0; }
    #SiteFooter .footer-text-divided > div.footer-text-right ul:first-child { margin-left: 50px; }
    #SiteFooter .footer-text-divided .footer-text-right ul li:not(:last-child) { margin-bottom: 20px; }
    #SiteFooter .footer-text-divided .footer-text-right ul li:last-child { margin-bottom: 0; }
    #SiteFooter .footer-text-divided .footer-text-right p:last-child { flex-grow: 1; display: flex; justify-content: space-evenly; flex-direction: column; align-items: flex-end; }
    #SiteFooter .footer-text-divided .footer-text-right p:last-child a { margin-left: 0; }
    #SiteFooter .footer-text-divided .footer-text-left { margin-bottom: 40px; }
    #SiteFooter .footer-text-divided .footer-text-left img { max-width: 80%; }
    #SiteFooter .footer-text-divided .footer-text-left p { text-align: center; }
}

/*blog*/
.blogPage #GridTop.blog { height: 500px; }
.blogPage #GridHeader { display: none; }
.blog-posts { column-count: 3; column-gap: 30px; }
/*.blogPage #GridContent { width: 1100px; margin: auto; }*/
.blog-grid #GridPage .max-width { max-width: 1100px; }
.blog-post-title { font-family: 'atlas-black-aaa'; font-size: 110%; padding-bottom: 20px; }
.blog-post { display: flex; flex-wrap: wrap; padding-bottom: 40px; }
.blog-post-content { /* box-shadow: 3px 3px 15px 0px #0000004a; */ padding: 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: 350px; max-height: 350px; overflow: hidden; }
.blog-post-text { font-size: 80%; line-height: 1.3; flex-grow: 1; border-color: #fff; overflow: hidden; padding-bottom: 30px; }
.blog-post-icons { margin-top: 0; margin-bottom: 0; padding-bottom: 20px; }
.blog-post-date { font-size: 70%; }
.blog-related-post-title { font-family: 'atlas-black-aaa'; font-size: 110%; line-height: 1; text-align: right; padding-top: 15px; padding-bottom: 15px; flex-grow: 1; border: 2px solid #fff; }
.blogPage.contentInnerPage #BlogView #text1 { clear: both; }
#BlogModule { overflow: visible; }
.blogPage .col-sm-4 { padding-bottom: 100px; padding-right: 8px; padding-left: 8px; }
.blogPage .blog-related-posts { margin-top: 0; }
.blog-post-icons span:before { content: ''; position: absolute; height: 20px; width: 25px; top: -2px; right: -2px; background-size: contain; background-repeat: no-repeat; }
.blog-post-date { position: relative; }
.blog-related-post-title a:hover { color: #000; text-decoration: underline; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #ec008c; border-color: #ec008c; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #fff; color: #231f20; }
.pagination > li > a, .pagination > li > span { background: transparent; border-color: transparent; color: #fff; transition: .2s all ease-in; }
.blogPage.contentInnerPage .blog-grid #GridPage .max-width { max-width: 100%; }
.blogPage.contentInnerPage #headline { font-size: 200%; margin-bottom: 35px; font-family: 'atlas-black-aaa'; }
#BlogView h2 { margin-top: 0; margin-bottom: 15px; font-size: 136%; }
#BlogView .share-strip { margin-bottom: 40px; margin-top: 0; }
.contentInnerPage .blog-post-icons { padding-bottom: 60px; }
#BlogView #text1 h2 { margin-bottom: 25px; }
#BlogView .share-strip { margin-bottom: 40px; margin-top: 0; }
.blogPage.contentInnerPage #BlogView .blog-related-posts .share-strip { margin: 40px auto; max-width: 1100px; float: none; }
.blog-related-post-title a:hover { color: #399633; }
.blog-related-post { background-color: #231f20; display: flex; flex-wrap: wrap; min-height: 270px; }
.blog-related-post .blog-related-post-image { border: 1px solid #70706f; }
#BlogView .blog-related-posts h2 { font-family: 'atlas-black-aaa'; font-size: 200%; margin-top: 0; }
.blogPage.contentInnerPage .blog-related-posts.row { max-width: 1285px; float: none; margin: auto; }
.blogPage.contentInnerPage .blog-view { max-width: 1100px; margin: auto; }


@media(max-width:767px) {
    .blog-posts { column-count: 1; }
    .blog-grid #GridPage .max-width { max-width: 95%; }
    .blogPage #GridContent { width: 100%; }
    .blog-post-content { min-height: unset; max-height: unset; }

    #BlogView .share-strip:after, #BlogView .share-strip:before { width: 24%; }
    .blog-related-posts .col-sm-4.col-xs-6 { width: 100%; padding-bottom: 60px; }
    #BlogView .blog-related-posts h2 { margin-bottom: 30px; }
    .blogPage.contentInnerPage #BlogView #text1 p:last-child { margin-bottom: 0; }

    .blogPage.contentInnerPage .blog-grid #GridPage .max-width { width: 90%; }
    #BlogView h2 { font-size: 110%; }
    .blogPage.contentInnerPage #headline { font-size: 170%; }
}

/* UnZoom */ #home-gallery .TopVideo { height: 100% !important; }

@media (min-width: 768px) {
    #home-gallery, #home-gallery .TopVideo { height: calc(var(--vh)) !important; }
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
    body.macOs .section-animation-item, .home__dynamicText.grid-text-section .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
    body.macOs #home-gallery .TopVideo iframe { height: 180%; width: 150%; background: transparent; }
}

@media (max-width: 1024px) {
    #home-gallery .TopVideo video { height: 140% !important; top: unset; background: transparent; }
}

@media (max-width: 767px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { /* height: calc(var(--vh)) !important; */ min-height: unset !important; }
    #GridPage, .about #GridPage, .gallery #GridPage { padding-top: 50px; }
    #GridTop { height: 320px; }
    #GridTop h1, .gallery .top-caption { font-size: 200%; }
}

body.box-pic .grid-content-section .grid-box.col-md-4 .grid-box-image { padding-bottom: 75%; border-radius: 18px; border: 2px solid #fff; }

@media (max-width: 767px) {
    body.box-pic .grid-content-section .grid-box.col-md-4 .grid-box-image { padding-bottom: 74%; border-radius: 15px; }
}