/**
* Project: < ProjectName >;
* Date: < dd MM YYYY >;
* Author: < Firstname Lastname >;
* Company: TouchMedia360;
**/
/*====================================================
#   GENERAL STYLES                                   #
====================================================*/
* {
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

button:focus {
    outline: 0;
}

.temp_delete {
    color: white;
    font-size: 20px;
}

html,
body {
    border: 0 none;
    height: 100%;
    margin: 0;
    padding: 0;
    /* overflow-x: hidden; */
}

body {
    background: none;
    color: white;
    font-family: open_sansregular, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}

@font-face {
    font-family: 'AlFresco-Bold';
    src: url('../fonts/AlFresco-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo-Bold';
    src: url('../fonts/Heebo-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo-Medium';
    src: url('../fonts/Heebo-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo-Regular';
    src: url('../fonts/Heebo-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo-Light';
    src: url('../fonts/Heebo-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mongoose-Light';
    src: url('../fonts/Mongoose-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Mongoose-Regular';
    src: url('../fonts/Mongoose-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

html[xmlns] .clearfix {
    display: block;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    color: #307674;
}

a:hover {
    text-decoration: underline;
}

.transparent {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
}

button {
    position: relative;
    cursor: pointer;
}

input,
select,
textarea {
    background-color: #fefefe;
    border: 1px solid #ededed;
    border-radius: 5px;
    color: #2d2d2d;
    font-size: 12px;
    font-family: open_sansregular, Arial, Helvetica, Tahoma, Sans-Serif;
    padding: 8px 10px;
}

input:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 6px -4px #006f66;
}

textarea {
    max-width: 100%;
    min-height: 120px;
}

::-webkit-input-placeholder {
    color: #959595;
    font-weight: normal;
    font-family: open_sansregular, Arial;
    opacity: 1;
}

:-moz-placeholder {
    color: #959595;
    font-weight: normal;
    font-family: open_sansregular, Arial;
    opacity: 1;
}

::-moz-placeholder {
    color: #959595;
    font-weight: normal;
    font-family: open_sansregular, Arial;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #959595;
    font-weight: normal;
    font-family: open_sansregular, Arial;
    opacity: 1;
}

/*====================================================
#   CMS DEFAULTS                                     #
====================================================*/
.error {
    width: 100%;
}

.red,
.green {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 36px;
    background-repeat: no-repeat;
    background-position: 10px center;
    overflow: hidden;
}

.green {
    border: 1px solid #90B96B;
    color: #345F0E;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAehJREFUeNpi/P//PwMlgImBQsACIhhnCAFZjEAGkANy0B8gwQ00m5kRogpEMYHl5YF4LZBXw/D3/47/Ea/xuOD7PwaGX1AMMvDvfwGGf/8nprkkGQPZLUAVHqR4gY3hH0Ofoby+6ZcvXxjinWL0Gf4wtMC9QAAwAjXXK0jIO8gLyUl9/Pzx98Fjh24AXdOA7gIPoP/PwJwGdvoPoNP/MGQIcwkGq4mrKHz5+uXf0UtH7wBdMRGodgvCgP9ATX/+tyT5JxqCaDAfIu7DwcSWJckjqfzgwQOGU5dP3f3w4cNSoJq5DL//I0Xjn38tMX4xes+ePWOK8IowAPGBmnNZ/jPVS4vLqH7985Xl5YcXDz99+rAJGIDtQAxxIcKA/zVLViy8xM7J9uvU7VPMDnaOOkAb4sVkxTV+sPxgf/fhzdOP797vZ/gLjD4Ghn8oAQRKiYx9/AxADaAwaDF2NtN6+vMZpwCnAMP7b+8Zfrz49vrj3fdHGJgZkhhYmT4wsELTC8iHWe+RAvE/ww6g02vO7jhxjfkv49fXjK8Zvn/5+uHTzXcXgSGeC1TxAWdKRDHk81+Gp5vutnCZ8Mt8v/DpDtCBeUBrnuJNyigAmEQZ3v9h+LbzTQsw+ZYwCLJcBydjXIlkwHMjQIABAIHQ3hY9qLekAAAAAElFTkSuQmCC') no-repeat scroll 10px center #C2EE9B;
}

.red {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNrEU71OwlAUPrVqrDFBHsARX6AJri4kJSEyEBMHggkLK8EEFsauvoPo4iN04gkgLiYOOBHUxDSUCBO0XL9z7a1t1YnBJl967/l+enIOaEII2uTZog2fbXW41zTSiSwcbaAbEDl+TJTmLsLO4x1YIOzzTscMvoRWmjtrNn9yPAPGHdFg3W6Lx1JJLFstwXfACjF4r9clN6lWJad8UUAPwhsQXqMh+vm8eK3VBN8ZT+WyrA0LBVljrfJpags9zMBnAi2eVirm82hEmUyGFosFvUwmZBgGzcfjoYYZYCbOZehLBKzwDsKQo1zOnLqu5HRdpw/XlWYM09lBTQVEW3gDdsMChLSazWhfkUEgw9nCm1n+9TuAwILAPs5mTcP36QA1Ba4xJ5LbSa4RX7FPIFSmB88bMtSduVVqjVEAE8WYuQ8jvthl9GMhxe+QZMAcwlsI93DmN9/RrsP4jVO+aAtX2IKH1tZIR2o3C+NhKJoBae46vcZ/+zd+CjAAN5vaL1x3kMMAAAAASUVORK5CYII=') no-repeat scroll 10px center #FABBBB;
    border: 1px solid #C88383;
    border-radius: 3px 3px 3px 3px;
    color: #882626;
}

.ajax-loading:before {
    background: url("../images/ajax-loading.gif") no-repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    height: 11px;
    left: 10px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 16px;
}

/*====================================================
#   MAIN BLOCKS                                      #
====================================================*/
#page {
    display: block;
    min-height: 100%;
    position: relative;
    width: 100%;
    background-image: url(../images/background.jpg);
    overflow: hidden;
    /* background-size: contain; */
    /* background-repeat: repeat; */
    /* background-size: 100% 100%; */
}

#wrapper {
    display: block;
    width: 100%;
}

.container {
    display: block;
    margin: 0 auto;
    padding: 21px 15px;
    position: relative;
    width: 1366px;
}

a {
    text-decoration: none !important;
}

/*====================================================
#   HEADER                                           #
====================================================*/
header#header {
    background-color: #828282;
    display: block;
    position: relative;
    width: 100%;
    /* z-index: 20; */
    z-index: 21;
}
header#header.fixedHeader{
    z-index: 22;
}

.header-top {
    width: 100%;
    /* height: 44px; */
    height: 65px;
    background-color: black;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.shadow {
    -webkit-box-shadow: -1px -9px 51px 26px rgba(0, 0, 0, 0.81);
    -moz-box-shadow: -1px -9px 51px 26px rgba(0, 0, 0, 0.81);
    box-shadow: -1px -9px 51px 26px rgba(0, 0, 0, 0.81);
}

.header-top-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 48%;
}

.header-top-despre {
    /* font-size: 15px; */
    font-size: 17px;
    color: #999999;
    font-family: 'Heebo-Regular';
}

.header-linie {
    margin-left: 10px;
    margin-right: 10px;
    color: #999999;
    font-family: 'Heebo-Regular';
    font-size: 19px;
}

.header-social-link {
    width: 22px;
    height: 22px;
}

.header-social {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 60px;
    justify-content: space-between;
    margin-left: 20px;
}

.header-top-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    /* width: 48%; */
    width: 65%;
}

.sageata-galbena {
    width: 9px;
    height: 16px;
    margin-left: 10px;
    margin-right: 10px;
}

.sidenav {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 40;
    background-color: black;
    transition: 0.5s;
}

.sidenav-container {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.full-height {
    height: 100%;
}

.full-width-2 {
    width: 100%;
}

.sidenav-inside {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sidenav-element {
    text-transform: uppercase;
    color: white;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Mongoose-Regular';
    font-size: 35px;
}

#login-btn {
    margin-bottom: 20px;
    width: 70%;
}

#register-btn {
    margin-bottom: 80px;
    width: 70%;
}

.informatii-mobil {
    display: none;
}

.sidenav-social {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 70px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.comenzi-telefonice-text {
    font-family: 'Heebo-Regular';
    font-size: 19px;
    text-align: center;
    color: #999999;
    display: block;
}

.sidenav-social>.header-social-link {
    width: 27px;
    height: 27px;
}

.close-sidenav {
    width: 22px;
    height: 22px;
}

.header-top-right-element {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.menu-sidenav,
.mobile-cart {
    width: 30px;
    height: 30px;
}

.contul-meu-buton {
    cursor: pointer;
    margin-left: 20px;
}

.header-menu-mobile {
    display: none;
}

.header-top-right-text {
    color: #999999;
    font-family: 'Heebo-Regular';
    /* font-size: 15px; */
    font-size: 17px;
}

.profil-image {
    width: 32px;
    height: 32px;
    margin-left: 20px;
}

.header-menu {
    width: 100%;
    background-color: #9c9c9c;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.menu-item {
    white-space: nowrap;
    font-family: 'Mongoose-Regular';
    font-size: 33px;
    color: black;
    text-transform: uppercase;
}

.img-logo {
    height: 100%;
    object-fit: contain;
    width: 100%;
    display: none;
}

.logo {
    background-image: url('../../images/logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    transition: 0.5s;
    width: 180.16px;
    display: flex;
}

.menu-item:hover {
    color: #FFD100;
}

.menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* margin-left: 10% */
}

.linie {
    border-left: 2px solid black;
    height: 25px;
    margin-top: -2px;
    margin-left: 20px;
    margin-right: 20px;
}

.cos-imagine-img {
    width: 38px;
    height: 32px;
}

.numar-produse {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #E3E3E3;
    font-family: "Heebo-Bold";
    font-size: 21px;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 20px;

}

.pret {
    font-family: 'Mongoose-Regular';
    font-size: 33px;
    color: black;
    white-space: nowrap;
}

.cos-imagine {
    margin-top: 15px;
    position: relative;
    margin-right: 20px;
}

.apeleaza {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: #FFD100 !important;
}

.comanda-title-fail {
    margin-bottom: 20px !important;
    width: 73% !important;
}

.inapoi-fail {
    margin-top: 40px !important;
    width: 300px !important;
}

.cos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 150px;
    margin-right: 50px;
    cursor: pointer;
}

.menu-item-selecter {
    color: #FFD100;
}

/*====================================================
#   FOOTER                                           #
====================================================*/
footer#footer {
    background-color: #aaa;
    display: block;
    height: 130px;
    width: 100%;
    background-color: black;
}

.footer-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 1366px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100%;
}

.footer-logo {
    width: 83px;
    height: 83px;
    margin-right: 20px;
}

.footer-links-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 44%;
    margin: 0 5px;
}

.footer-link {
    font-family: 'Heebo-Regular';
    font-size: 15px;
    color: #999999;
}

.footer-linie {
    border-left: 1px solid #999999;
    height: 82px;
    margin-right: 40px;
}

.footer-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 28%;
}

.footer-social {
    width: 27px;
    height: 27px;
    margin-right: 20px;
}

.full-width {
    /* width: 100%; */
    height: 100%;
}

.full-width-img-comanda {
    height: 100%;
    width: 100%;
}

.footer-copy {
    font-size: 15px;
    font-family: 'Heebo-Regular';
    color: #999999;
    text-align: left;
    width: 260px;
}

.footer-copy>a {
    font-size: 15px;
    font-family: 'Heebo-Regular';
    color: #999999;
    text-align: left;
}

.dot {
    font-family: 'Heebo-Regular';
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
    margin-right: 10px;
}

/**## START HACK: Keep footer at the bottom **/
footer#footer {
    bottom: 0;
    left: 0;
    position: absolute;
}

main#content {
    margin-bottom: 200px;
    /* #footer's height */
}

/**## END HACK: Keep footer at the bottom **/


/*====================================================
#   CONTENT                                          #
====================================================*/
main#content {
    display: block;
    position: relative;
    width: 100%;
    /* z-index: 8; */
    z-index: 20;
}

.banner {
    width: 100%;
    height: 70vh;
    position: relative;
    margin-bottom: 40px;
}

.banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.banner-text-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reduced-height {
    margin-left: 10px;
    height: 50%;
}

.banner-title {
    color: white;
    font-family: 'Mongoose-Regular';
    text-align: center;
    font-size: 80px;
    text-transform: uppercase;
}

.banner-subtitle {
    color: white;
    font-family: 'Mongoose-Regular';
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
}

.produse {
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    column-gap: 15px;
    margin-bottom: 40px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
}

.produs {
    width: 24%;
    background-color: #232323;
    padding: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
}

.produs-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.produs-imagine {
    width: 100%;
    height: 230px;
    margin-bottom: 10px;
}

.produs-title {
    text-align: center;
    font-family: 'Heebo-Bold';
    font-size: 18px;
    color: white;
}

.produs-descriere {
    font-family: 'Heebo-Regular';
    font-size: 13px;
    color: white;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;

}

.full-width-plata {
    width: 100%;
    height: 100%;
}

.tags {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /* margin-bottom: 20px; */
}

.tag {
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background-color: #000000;
}

.tag-text {
    font-family: 'Heebo-Medium';
    font-size: 14px;
    text-align: center;
}

.produs-butoane {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.produs-buton-marime {
    width: 100%;
    margin-bottom: 10px;
    background-color: #999999;
    height: 54px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
}

.produs-marime-container {
    display: flex;
    flex-direction: column;
    width: 30%;
    /* border-right: 1px solid black; */
    border-right: 1px solid white;
    height: 100%;
    justify-content: center;
    padding-left: 10px;
    padding-top: 5px;
}

.produs-marime {
    font-family: 'Heebo-Bold';
    font-size: 20px;
    color: black;
    line-height: 1;
}

.produs-cm {
    font-family: 'Heebo-Regular';
    font-size: 14px;
    color: black;
}

.produs-pret-text {
    font-family: 'Heebo-Bold';
    font-size: 20px;
    color: white;
}

.produs-pret {
    width: 53%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 17px;
}

.produs-pret-img {
    height: 100%;
}

.adauga-produs>.produs-buton-custom-img {
    width: 62px;
}

.ingrediente-container-title>.pizza-pret-container>.pizza-pret {
    color: #FFD100 !important;
}

.ingrediente-container-title>.pizza-pret-container>.lei {
    color: #FFD100 !important;
}

.produs-buton-marime:hover {
    background-color: #C3C3C3;
    transition: 0.3s;
}

.produs-banner-buton:hover {
    background-color: #C3C3C3;
    transition: 0.3s;
}

.produs-banner-buton .despre-buton {
    width: 425px !important;
}

.produs-buton-custom:hover {
    background-color: #C3C3C3;
    transition: 0.3s;
}

.despre-buton:hover {
    background-color: #C3C3C3;
    transition: 0.3s;
}

.despre-buton-cos:hover {
    background-color: #C3C3C3;
    transition: 0.3s;
}

.contact-buton:hover {
    background-color: #C3C3C3;
    transition: 0.3s;
}

.produs-buton-custom {
    width: 100%;
    background-color: #999999;
    height: 54px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    align-items: center;
}

.retrimite-comanda {
    width: 100% !important;
    margin-top: 20px;
}

.despre-buton {
    width: 100%;
    background-color: #999999;
    height: 54px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    align-items: center;
    margin: 0 auto;
}

.despre-buton-cos {
    width: 425px;
    background-color: #999999;
    height: 54px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    align-items: center;
    margin: 0 auto;
}

.contact-buton {
    margin: 0 auto;
    width: 100%;
    background-color: #999999;
    height: 54px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    align-items: center;
}

.produs-buton-custom-text {
    padding-right: 10px;
    font-family: 'Heebo-Medium';
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
    margin-left: 15px;
    white-space: nowrap;
    text-transform: uppercase;
}

.produs-buton-custom-img {
    width: 60px;
    height: 100%;
}

.produs-banner {
    width: 99.4%;
    background-color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 40px;
    height: 100px;
}

.lupa {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    display: block;
}

.produs-banner-text {
    font-family: 'Mongoose-Regular';
    font-size: 60px;
    color: white;
    width: 80%;
    text-transform: uppercase;
}

.produs-banner-buton {
    width: 200px;
    background-color: #999999;
    height: 54px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
    align-items: center;
}

.oferta {
    padding: 0px;
}

.restaurante {
    width: 99.4%;
    height: 576px;
    padding: 40px;
    background-color: black;
}

.restaurante-title {
    font-family: 'AlFresco-Bold';
    font-size: 60px;
    color: white;
    text-align: center;
    line-height: 0.6;
}

.restaurante-linie {
    width: 100%;
    border-bottom: 2px solid #FFD100;
}

.restaurante-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.restaurant {
    width: 48%;
}

.restaurant-title {
    text-align: center;
    font-family: 'Heebo-Bold';
    font-size: 24px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.restaurant-image {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
}

.restaurant-image>img {
    width: 100%;
}

.restaurant-image>img:hover {
    transform: scale(1.2);
    transition: 0.5s;
}

.restaurant-image>img {
    transition: 0.5s;
}

.despre-right>img:hover {
    transform: scale(1.2);
    transition: 0.5s;
}

.despre-right>img {
    transition: 0.5s;
}

.object-cover {
    object-fit: cover;
}

.restaurant-descriere {
    font-family: 'Heebo-Regular';
    font-size: 18px;
    color: white;
    text-align: center;
}

.page-container {
    background-color: #232323;
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 40px;
}

.breadcrumb-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.breadcrumb-element {
    font-family: 'Heebo-Light';
    font-size: 16px;
    color: white;
}

.breadcrumb-line {
    font-family: 'Heebo-Light';
    font-size: 16px;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
}

.page-title {
    margin-bottom: 40px;
    text-align: center;
    font-family: 'Heebo-Bold';
    font-size: 30px;
    text-transform: uppercase;
    color: white;
}

.text {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: white;
}

.scroll-up {
    display: none;
    background-color: transparent;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    cursor: pointer;
    opacity: 0.9;
    width: 68px;
    height: 68px;
}

.despre {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.despre-left,
.despre-right {
    width: 48%;
}

.despre-right {
    height: 355px;
    overflow: hidden;
    position: relative;
}

.despre-left {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: white;
}

.reverse-row {
    flex-direction: row-reverse;
}

.despre-contact-text {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: white;
    text-align: center;
    margin-bottom: 20px;
}

.despre-contact {
    margin: 0 auto;
    width: 60%;
    margin-top: 80px;
    margin-bottom: 80px;
}

.map-container {
    width: 100%;
    height: 358px;
}

.restaurant-poze {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.restaurant-poza {
    width: 24%;
    height: 220px;
}

.contact-button {
    margin: initial !important;
}

.despre-right>.swiper-container>.swiper-pagination {
    bottom: 10px !important;
    left: -260px;
}

.despre-right>.swiper-container>.swiper-pagination>.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.despre-right>.swiper-container>.swiper-pagination>.swiper-pagination-bullet-active {
    background: white;
}

.titlu-left {
    text-align: left;
    font-size: 24px;
}

.contact-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}

.contact-left {
    width: 48%;
}

.contact-right {
    width: 40%;
}

.contact-descriere-left {
    text-align: left !important;
}

.contact-descriere {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
    margin-bottom: 20px;
}

.date-bottom>.despre-buton {
    margin: initial;
}

.date-bottom>.despre-buton {
    width: 48%;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    outline: none;
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: white;
    background-color: #707070;
    border: 1px solid #707070;
    margin-bottom: 10px;
    border-radius: 8px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

textarea {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: white;
    width: 100%;
    height: 100px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #707070;
    background-color: #707070;
    outline: none;
    margin-bottom: 10px;
}

.show-mobile {
    display: none !important;
}

.hide-desktop {
    display: none;
}

/* .show-desktop {
    display: block;
} */

.termeni {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
}

.termeni-text {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: #919191;
    margin-left: 10px;
}

/* Checkbox */
.checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.checkbox>span {
    color: #34495E;
    padding: 0.5rem 0.25rem;
}

.fuck-bar {
    display: none;
}

.header-menu-mobile-container {
    display: none;
}

#myModalCategories {
    display: none;
}

#myModal {
    display: none;
}

.checkbox>input {
    position: relative;
    height: 25px;
    width: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #34495E;
    /* border-radius: 4px; */
    outline: none;
    transition-duration: 0.3s;
    background-color: #707070;
    cursor: pointer;
    border-radius: 50%;
}

.checkbox>input:after {
    content: unset;
    position: absolute;
    color: rgb(0, 0, 0);
    top: -4px;
    bottom: 0;
    left: 6px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 20px;
}

.checkbox>input:checked {
    border: 1px solid #FFD100;
    background-color: #FFD100;

}

.checkbox>input:checked:after {
    content: 'x';
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.no-minus>input:checked:after {
    content: '';
}

.dimensiune-check-container>.checkbox>input:checked {
    border: 1px solid #FFD100;
    background-color: #FFD100;
}

.cos-sos>.checkbox>input:checked {
    border: 1px solid #FFD100;
    background-color: #FFD100;
}

.metoda>.checkbox>input:checked {
    border: 1px solid #FFD100;
    background-color: #FFD100;
}

.checkbox>input:active {
    border: 1px solid #34495E;
}

/*  *************** */

.contact-titlu {
    font-family: 'Heebo-Regular';
    font-size: 24px;
    color: white;
    margin-bottom: 20px;
}

.text>p {
    color: white !important;
}

.contact-descriere {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: white;
    margin-bottom: 20px;
}

.error-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.error-left,
.error-right {
    width: 48%;
}

.error-title {
    font-family: 'Heebo-Bold';
    color: #FFD101;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 40px;
}

.error-text {
    font-family: 'Heebo-Regular';
    color: white;
    font-size: 20px;
    margin-bottom: 20px;
    ;
}

.intoarce-te {
    width: 300px;
}

.comanda-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.comanda-left,
.comanda-right {
    width: 48%;
}

.comanda-title {
    font-family: 'Heebo-Bold';
    text-transform: uppercase;
    color: white;
    font-size: 40px;
    margin-bottom: 20px;
    width: 60%;
    margin-bottom: 40px;
}

.timp-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.timp-imagine {
    width: 118px;
    height: 84px;
    margin-bottom: 20px;
}

.timp-descriere {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
}

.timp-element {
    width: 48%;
}

.puncte {
    margin-top: 20px;
}

.puncte>.produs-buton-custom-text {
    font-size: 16px;
}

.comanda-right {
    background-color: #232323;
    border-radius: 25px;
    overflow: hidden;
}

.comanda-titlu {
    font-family: 'Heebo-Bold';
    font-size: 30px;
    color: black;
    margin-bottom: 10px;
}

.comanda-top {
    background-color: #E3E3E3;
    height: auto;
    padding: 20px;
}

.comenzi {
    height: 100%;
}

.column {
    flex-direction: column !important;
}

.comanda {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbbcbe;
    padding-right: 10px;
}

.detalii-comanda>.pret {
    color: #979595;
}

.comanda-final-pret {
    font-size: 25px !important;
}

.comanda>.pret {
    color: #979595;
}

.comanda-imagine {
    width: 100px;
    height: 65px;
    margin-right: 10px;
}

.comanda-produs {
    font-family: 'Heebo-Bold';
    font-size: 20px;
    color: black;
}

.cantitate {
    font-family: 'Heebo-Regular';
    font-size: 25px;
    color: #979595;
}

.pret {
    font-family: 'Heebo-Regular';
    font-size: 25px;
    color: white;
}

.buton-inapoi-mobile {
    display: none;
}

.comanda-produs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.comanda-bottom {
    background-color: black;
    padding: 20px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.comanda-descriere {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.comanda-descriere-text {
    font-family: 'Heebo-Light';
    font-size: 20px;
    color: white;
}

.cos-modificat {
    width: 233px;
    justify-content: flex-start;
}

.total {
    margin-top: 20px;
    margin-bottom: 0px;
}

.total>.comanda-descriere-text {
    font-family: 'Heebo-Medium';
    color: #FFD100;
}

.cont-menu {
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 40px;
}

.cont-item {
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: 'Heebo-Regular';
    font-size: 20px;
    /* width: 24%; */
    text-align: center;
    cursor: pointer;
}

.cont-linie {
    width: 100%;
    border-bottom: 2px solid #FFD100;
    height: 2px;
}

.cont-container {
    margin-top: 40px;
}

.cont-descriere {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
    margin-bottom: 20px;
}

.date-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.date-element {
    width: 48%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.modifica-parola {
    background-color: #707070;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 19px;
    color: white;
    font-family: 'Heebo-Medium';
    text-transform: uppercase;
    padding-left: 20px;
    transition: 0.3s;
    margin-top: 10px;
}

.modifica-parola:hover {
    transition: 0.3s;
    background-color: #999999;
}

.parola-noua {
    width: 100% !important;
}

.lock-image {
    width: 18px;
    height: 24px;
    position: absolute;
    right: 30px;
}

.date-text {
    font-size: 20px;
}

.date-bottom {
    display: flex;
    flex-direction: column;
}

.log-out {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.log-out-text {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: #FFD101;
}

.log-out-image {
    margin-right: 10px;
    width: 39px;
    height: 39px;
}

.log-out {
    margin-top: 80px;
    background-color: transparent;
    width: 100px;
    margin-left: 1%
}

.delete-account {
    background-color: transparent;
    width: 100%;
    height: 50px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #FFD101;
    font-family: 'Heebo-Regular';
    padding-left: 20px;
    transition: 0.3s;
    margin-top: 80px;
    font-size: 20px;
}

.puncte-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
    display: none;
}

.puncte {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.puncte-left {
    width: 48%;
}

.puncte-imagine-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
}

.puncte-imagine {
    width: 110px;
    height: 154px;
    margin-right: 40px;
}

.puncte-text {
    font-family: 'Heebo-Regular';
    font-size: 25px;
    color: #FFD100;
    width: 60%;
}

.puncte-right-title {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
    margin-bottom: 40px;
}

.puncte-descriere {
    font-family: 'Heebo-Regular';
    font-size: 18px;
    color: #919191;
}

.puncte-right {
    width: 48%;
}

.cont-select-container {
    margin: 0 auto;
    display: none;
}

.cont-buton {
    width: 300px !important;
    margin-bottom: 43% !important
}

.buttons-logout-delete {
    display: flex;
    flex-direction: row;
}

.mobile-hidden {
    display: block !important;
}

.desktop-hidden {
    display: none !important;
}

.cont-select {
    text-align: center;
}

.adrese-container {
    margin-top: 40px;
    display: none;
}

.adresa {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
    margin-bottom: 20px;
}

.adresa-text {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
    margin-left: 10px;
}

.adresa-text-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 75%;
}

.editeaza-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.editeaza-text {
    font-family: 'Heebo-Regular';
    font-size: 17px;
    color: #FFD100;
    margin-right: 10px;
}

.editeaza-imagine {
    width: 20px;
    height: 20px;
}

.sterge {
    width: 41px;
    height: 41px;
    cursor: pointer;
}

.adresa-buton {
    margin: initial;
    margin-top: 80px;
    width: 300px;
}

.despre-contact-buton {
    width: 300px;
}

.adauga-adresa {
    width: 100%;
    background-color: black;
    padding: 40px;
    display: none;
}

.adresa-title {
    text-transform: uppercase;
    font-family: 'Heebo-Regular';
    font-size: 20px;
    margin-bottom: 40px;
    color: white;
}

.adresa-element {
    width: 100%;
}

.adresa-date {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.adresa-date-element {
    width: 48%;
    position: relative;
}

select {
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: 0.3s;
    transition: 0.5s;
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: #FFFFFF;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #989898;
    padding-left: 10;
    border-radius: 10px;
    background-color: #707070;
    padding: 12px 20px;
    margin: 8px 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.sageata-select {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 25px;
    right: 20px;
}

.istoric-comenzi {
    margin-top: 40px;
    display: none;
}

.istoric-container {
    margin-top: 40px;
}

.istoric-element {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #393939;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.istoric-detaliu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.istoric-detaliu-imagine {
    margin-left: 10px;
    width: 33px;
    height: 18px;
}

.istoric-detaliu-text {
    font-family: 'Heebo-Light';
    color: white;
    font-size: 17px;
    transition: 0.3s;
}

.istoric-data,
.istoric-status,
.istoric-total,
.comanda-id {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: #919191;
    width: 270px;
}

.istoric-cap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #999999;
}

.istoric-cap-element {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
    width: 270px;
}

.pizza-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*     align-items: center; */
}

.pizza-left,
.pizza-right {
    width: 48%;
}

.produs-chunk {
    display: flex;
    flex-direction: column;
    position: relative;
}

.pizza-left {
    /*     height: 700px; */
}

.pizza-title-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pizza-title {
    font-family: 'Heebo-Bold';
    font-size: 30px;
    text-transform: uppercase;
    color: white;
}

.pizza-title-container {
    /* margin-bottom: 40px; */
    margin-bottom: 30px;
}

.pizza-pret-container {
    display: flex;
    flex-direction: row;
    justify-items: flex-start;
}

.pizza-pret {
    font-family: 'Heebo-Bold';
    color: #FFD100;
    font-size: 31px;
}

.lei {
    font-family: 'Heebo-Regular';
    color: #FFD100;
    font-size: 19px;
    padding-top: 12px;
    margin-left: 10px;
}

.header-produse-container {
    background-color: black;
    display: none;
}

.ingrediente-title {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
}

.ingrediente-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* margin-bottom: 20px; */
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.header-produse-item {
    white-space: nowrap;
    font-family: 'Mongoose-Regular';
    font-size: 36px;
    color: white;
    text-transform: uppercase;
}

.header-produse>.swiper-container>.swiper-wrapper>.swiper-slide {
    margin-bottom: 20px;
    text-align: center;
}

.ingredient {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: flex-start;
    margin-right: 20px;
    margin-bottom: 20px;
}

.containing-arrows {
    display: flex;
    align-items: center;
    column-gap: 10px;
    position: relative;
}

.swiper-button-prev-unique {
    position: relative;
}

.swiper-button-next-unique {
    position: relative;
}

.ingredient-text {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    text-align: center;
}

.ingredient-text>span {
    margin-left: 5px;
}

.ingredient-descriere {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: #707070;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.dimensiune-container {
    display: flex;
    flex-direction: row;
    justify-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.dimensiune-img {
    height: 35px;
}

.dimensiune-check-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
}

.dimensiune-item {
    color: white;
    filter: brightness(10000);
    margin-top: 5px;
    border-radius: 15px;
    border: 1px solid white;
    padding: 15px;
    /* width: 130px;
    height: 130px; */
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    /* margin-right: 35px; */
    margin-right: 28px;
    cursor: pointer;
    text-align: center;
}

.no-wrap {
    white-space: nowrap;
}

/* .dimensiune-img-big {
    width: 65px;
    height: 65px;
    margin-top: 5px;
} */
.dimensiune-img-big {
    width: 40px;
    height: 40px;
    margin-top: -5px;
}

.ingrediente-container-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 20px; */
    margin-bottom: 10px;
}

.ingrediente-container-title>.pizza-pret-container>.pizza-pret {
    color: white;
    font-size: 22px;
}

.ingrediente-container-title>.pizza-pret-container>.lei {
    color: white;
    font-size: 13px;
    padding-top: 10px;
}

.sosuri-lista-tag {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-bottom: 20px;
}

.sos-tag-wrapper {
    padding: 5px 10px;
}

.sos-tag {
    display: flex;
    font-size: 15px;
    align-items: center;
}

.sos-tag-image {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.sos-tag-image img {
    height: 100%;
}

.tip-sos {
    display: flex;
    flex-direction: row;
    justify-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    margin-bottom: 20px;
}

.no-border {
    border-bottom: 0px !important;
}

.cos-titlu {
    font-family: 'Heebo-Bold';
    font-size: 40px;
    color: white;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
    text-transform: uppercase;
}

.cos-produse {
    /* margin-top: 40px; */
    margin-bottom: 40px;
}

.cos-produs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    /* padding-bottom: 20px; */
    /* margin-bottom: 40px; */
    border-bottom: 1px solid #999999;
    align-items: center;

}

.cos-produs-imagine {
    width: 40%;
    padding-bottom: 27.5%;
    /* height: 180px; */
    margin-right: 20px;
    position: relative;
}

.cos-produs-imagine img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cos-produs-nume {
    font-family: 'Heebo-Bold';
    font-size: 25px;
    color: white;
    display: flex;
}

.pizza-right>.adauga-produs {
    margin: initial;
    margin-top: 40px;
}

.cos-produs-specificatii {
    color: #919191;
    font-family: 'Heebo-Regular';
    font-size: 12px;
    /* margin-bottom: 20px; */
}

.cos-desktop-hidden {
    display: none;
}

.cantitate-desktop-hidden {
    display: none !important;
}

.delete-button-absolute {
    display: none;
}

.cos-sterge {
    display: block;
}

.delete-button-absolute {
    display: none;
}

.adauga-titlu {
    color: white;
    font-family: 'Heebo-Regular';
    font-size: 20px;
    margin: 20px 0;
}

.cos-produs-descriere {
    width: 100%;
}

.cos-sosuri {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.cos-sos {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
    margin-bottom: 10px;
}

.cos-sos-text {
    font-family: 'Heebo-Regular';
    color: #FFFFFF;
    font-size: 16px;
}

.cos-adauga {
    width: 284px;
}

.delete-button {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.delete-button img {
    width: 100%;
    height: 100%;
    filter: contrast(0) invert(1);
}

.produs-buton-group {
    margin-top: 30px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

.cantitate-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
    justify-content: flex-end;
    width: 30%;
}

.produs-pret-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    min-width: 130px;
    width: 50%;
}

.pret-produs-wrap {
    display: flex;
    flex-wrap: nowrap;
}

.produs-pret-mare {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 5px;
    color: white;
    font-size: 31px;
    font-family: 'Heebo-Bold';
    margin-right: 5px;
}

.produs-pret-lei {
    font-family: 'Heebo-Regular';
    font-size: 19px;
    color: white;
    padding-top: 10px;
}

.adauga-cantitate {
    width: 210px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background-color: #707070;
    margin-right: 40px;
}

.adauga-buton,
.cantitate {
    text-align: center;
    font-size: 20px;
    color: #979595;
    font-family: 'Heebo-Regular';
    width: 33%;
}

.produs-buton-group>.produs-banner-buton>.produs-buton-custom-img {
    width: 45px;
}

.cursor-pointer {
    cursor: pointer;
}

.cos-produs-informatii {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 60%;
    align-items: center;
}

.banner-pizza {
    width: 100%;
    height: 150px;
    background-color: black;
}

.banner-pizza-inside {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 75%;
    height: 100%;
}

.banner-pizza-inside-text {
    font-family: 'Heebo-Regular';
    font-size: 25px;
    color: white;
}

.banner-pizza-inside-text-mare {
    font-family: 'Heebo-Bold';
    font-size: 50px;
    color: white;
}

.banner-poza-pizza {
    width: 103px;
    height: 80px;
}

.finalizare-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.foloseste-puncte {
    width: 50%;
    padding: 40px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding-top: 10px !important;
}

.foloseste-title {
    font-family: 'Heebo-Regular';
    font-size: 25px;
    color: white;
    margin-bottom: 20px;
}

.voucher-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.voucher-text {
    margin-bottom: 20px;
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: #707070;
}

.voucher-input {
    width: 65% !important;
    height: 45px !important;
}

.voucher-button {
    height: 45px !important;
    width: 34% !important;
}

.foloseste-text {
    width: 100%;
    margin-bottom: 20px;
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: #707070;
}

.carduri {
    background-color: white;
    width: 376px;
}

.transport {
    /* border-bottom: 1px solid #999999; */
    padding: 40px;
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-top: 10px !important;
}

.transport-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.transport-text {
    font-family: 'Heebo-Light';
    font-size: 20px;
    color: white;
}

.total-produs {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.total-text {
    font-family: 'Heebo-Bold';
    font-size: 25px;
    color: #FFD100;
}

.total-produse-pret-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    ;
}

.total-produse-pret {
    font-family: 'Heebo-Bold';
    font-size: 25px;
    color: #FFD100;
}

.total-produse-lei {
    font-family: 'Heebo-Regular';
    font-size: 24px;
    color: #FFD100;
    margin-left: 5px;
}

.foloseste-puncte,
.transport {
    /* min-height: 308px; */
}

.metoda-plata {
    width: 50%;
    padding: 40px;
    /* border-right: 1px solid #999999; */
    /* border-bottom: 1px solid #999999; */
}

.metoda-plata-title {
    font-family: 'Heebo-Regular';
    font-size: 25px;
    color: white;
    margin-bottom: 20px;
}

.metoda {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.livrare {
    width: 50%;
    padding: 40px;
    /* border-bottom: 1px solid #999999; */
    margin-top: -17.8%;
    /* border-left: 1px solid #999999; */
}

#myModal2 {
    display: none;
}

.metoda-padding {
    margin-left: 40px;
    display: none;
}

.livrare-form {
    display: none;
}

.trimite-comanda {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.buton-inapoi {
    width: 425px;
}

.object-contain {
    object-fit: contain;
}

.produs-buton-group .produs-banner-buton {
    font-size: unset;
    width: unset;
    height: 40px;
}

.produs-buton-group .produs-buton-custom-text {
    font-size: 15px;
}

.ingrediente-text {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
    margin-bottom: 20px;
}

.topping-button-div button {
    height: 40px;
}

.adauga-produs {
    margin-top: 40px;
    width: 296px;
}

.recomandari {
    margin-top: 40px;
}

.recomandari-title {
    font-family: 'Mongoose-Light';
    font-size: 61px;
    color: black;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.recomandari-title-produs {
    text-align: center;
    margin-bottom: 20px;
}

.dimensiune-check-container-modificat {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pizza-right>.ingrediente-title {
    /* margin-bottom: 20px; */
    margin-bottom: 10px;
}

.dimensiune-check-container-modificat>.dimensiune-img {
    margin-left: 10px;
    margin-right: 10px;
}

.dimensiune-container-modificat {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.dimensiune-item-modificat {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 20px;
}

.topping-container {
    padding: 5px 0;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.topping-image {
    height: 41px;
    margin-bottom: 5px;
}

.icon-detaliu {
    height: 100%;
    width: unset;
}

.topping-item {
    position: relative;
    z-index: 100;
    /* width: 130px;
    height: 130px; */
    width: 100px;
    height: 100px;
    padding: 5px;
    border-radius: 15px;
    border: 1px solid white;
    display: grid;
    place-items: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* .dimensiune-img-small {
    margin-bottom: 15px;
} */

.topping-item {
    cursor: pointer;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 26px !important;
    color: #E3E3E3;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: -30px !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: -30px !important;
}


.overlay-test {
    display: none;
    position: fixed;
    padding: 80px;
    background-color: #64626282;
    z-index: 40;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.overlay {
    /* display: flex; */
    display: none;
    position: fixed;
    padding: 80px;
    background-color: #64626282;
    z-index: 40;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.galben {
    color: #FFD100;
}

.overlay-program {
    display: flex;
    position: fixed;
    /*padding: 80px;*/
    background-color: #64626282;
    z-index: 40;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.super-oferta-img>img {
    width: 100%;
}

.lista-toppings-cos {
    overflow: auto;
    margin: 20px;
    width: 100%;
    color: white;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    text-align: center;
}

.lista-toppings-cos-paste {
    overflow: auto;
    width: 100%;
    color: white;
    display: flex;
    text-align: center;

    font-size: 16px;
}

#confirma-actiunea {
    top: 0;
    left: 0;
}

.topping-cos {
    cursor: pointer;
    display: grid;
    place-items: center;
    border: 1px solid white;
    border-radius: 15px;
    padding: 10px 15px;
    margin: 10px;
    filter: brightness(10000) grayscale(1);
}

.topping-cos-paste {
    cursor: pointer;
    display: grid;
    place-items: center;
    border: 1px solid white;
    border-radius: 15px;
    padding: 10px 15px;
    margin-right: 15px;
    width: 120px;
}

.topping-image img,
.dimensiune-container img {
    filter: brightness(100) grayscale(100%);
}

.overlay-cos {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    padding: 80px;
    background-color: #64626282;
    z-index: 40;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.magazin-inchis {
    background-color: black;
    padding: 20px;
    width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.confirma-actiunea {
    background-color: black;
    padding: 20px;
    width: 500px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.confirma-actiunea-adrese {
    background-color: black;
    padding: 20px;
    width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.alege-cantitatea {
    background-color: black;
    padding: 20px;
    width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    row-gap: 30px;
    position: relative;
}

.alege-cantitatea .adauga-cantitate {
    margin-right: unset;
}

.super-oferta>.despre-buton {
    margin-toP: 40PX;
}

.super-oferta-img {
    width: 100%;
    height: 251px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.super-oferta {
    background-color: black;
    padding: 20px;
    width: 500px;
    /* display:flex; */
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.magazin-inchis-image {
    width: 214px;
    height: 258px;
    margin-bottom: 20px;
}

.magazin-inchis-title {
    font-family: 'Heebo-Bold';
    font-size: 30px;
    color: white;
    text-align: center;
    margin-bottom: 20px;
}

.magazin-inchis-text {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: white;
    width: 80%;
    text-align: center;

}

.text-register {
    font-family: 'Heebo-Regular';
    font-size: 17px;
    color: white;
    width: 80%;
    text-align: center;
    margin-bottom: 7%;
}

.close-btn {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 2;
}

.cont-nou {
    background-color: black;
    padding: 40px;
    width: 476px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.login {
    background-color: black;
    padding: 40px;
    width: 476px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.topping-overlay {
    display: none;
    font-size: 15px;
    border-radius: 10px;
    background-color: black;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    padding: 30px;
    height: 100%;
    width: 80%;
    position: relative;
    z-index: 1000;
}

.sos-overlay {
    margin-bottom: 100px;
    max-height: 100%;
    display: none;
    font-size: 15px;
    border-radius: 10px;
    background-color: black;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    padding: 30px;
    width: 45%;
    position: relative;
    z-index: 1000;
    overflow: auto;
}

.dressing-overlay {
    margin-bottom: 100px;
    max-height: 100%;
    display: none;
    font-size: 15px;
    border-radius: 10px;
    background-color: black;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    padding: 30px;
    width: 45%;
    position: relative;
    z-index: 1000;
    overflow: auto;
}

.sos-group-cos .adauga-cantitate {
    width: 90% !important;
    margin: 0 !important;
}

.sos-overlay .topping-cos {
    height: 90%;
    width: 90%;
}

.sos-group-cos {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.recuperare {
    background-color: black;
    padding: 40px;
    width: 476px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.recuperare>.cont-nou-form>.despre-buton {
    margin-top: 20px;
}

.cont-nou-form {
    margin-top: 20px;
    width: 100%;
}

.cont-nou-form>.termeni>.termeni-text {
    font-size: 15px;
    margin-left: 0px;
}

.cont-nou-form>.termeni {
    margin-top: 20px;
}

.facebook-button {
    width: 100%;
    height: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00538A;
    font-family: 'Heebo-Medium';
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 40px;
    margin-top: 20px;
    border-radius: 10px;
    transition: 0.3s;
}

.facebook-button:hover {
    background-color: #006db5;
    transition: 0.3s;
}

.ai-cont {
    text-align: center;
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: #FFD101;
    cursor: pointer;
}

.uitat-parola {
    text-align: center;
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: #FFD101;
    cursor: pointer;
    margin-top: 7% !important
}

.confirma-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.confirma-btn {
    border-radius: 10px;
    cursor: pointer;
    width: 48%;
    height: 50px;
    background-color: #999999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Heebo-Medium';
    color: white;
    text-align: center;
    transition: 0.5s;
}

.confirma-btn:hover {
    background-color: #C4C1C1;
    transition: 0.5s;
}

.istoric-container .overlay {
    top: 0;
    left: 0;
}

.overlays-butoane {
    font-size: 30px;
}

.detaliu-cos {
    display: block;
    width: 600px;
    background-color: black;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.detaliu-cos-top {
    height: 500px;
    padding: 20px;
    background-color: #E3E3E3;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
}

.detaliu-cos-title {
    margin-top: 30px;
    font-family: 'Heebo-Bold';
    font-size: 25px;
    color: black;
    /* text-align: center; */
}

.detaliu-cos-data {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: black;
    /* text-align: center; */
    margin-bottom: 30px;
}

.detaliu-cos-comanda-container {
    margin-top: 20px;
    height: 400px;
}

.detaliu-cos-produs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}

.detaliu-cos-produs-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 60%;
}

.topping-cos-checked {
    color: #FFD100;
    border: 1px solid #FFD100;
    filter: brightness(1) grayscale(0);
}

.detaliu-cos-imagine {
    display: flex;
    justify-content: center;
    width: 140px;
    height: 75px;
    margin-right: 10px;
}

.detaliu-cos-descriere-titlu {
    font-family: 'Heebo-Bold';
    font-size: 20px;
    color: black;
}

.detaliu-cos-descriere-informatii {
    font-family: 'Heebo-Regular';
    font-size: 13px;
    color: black;

}

.detaliu-cos-produs-right-modified {
    display: flex !important;
}

.detaliu-cos-descriere {
    width: 70%;
}

.detalii-comanda {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 150px;
}

.detaliu-cos-produs-right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 25%;
}

.detaliu-cos-cantitate,
.detaliu-cos-pret {
    font-family: 'Heebo-Regular';
    font-size: 20px;
    color: black
}

.detaliu-cos-bottom {
    background-color: #232323;
}

.puncte-acumulate {
    font-family: 'Heebo-Bold';
    font-size: 20px;
    text-align: center;
    width: 100%;
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}

.detaliu-cos-informatii {
    padding: 40px;
}

.detaliu-cos-informatii-element-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.detaliu-cos-informatii-element {
    font-family: 'Heebo-Light';
    font-size: 20px;
    color: white;
}

.detaliu-cos-total {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.detaliu-cos-total-element {
    font-family: 'Heebo-Medium';
    font-size: 20px;
    color: white;
}

#fields {
    margin-bottom: 15px;
}

.ingredient-display-flex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

.oferta>.full-width {
    object-fit: initial;
}

.editeaza-container-tot {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 20%;
    margin-right: 20px;
}

.comanda-id-text {
    display: none;
}

.adauga-adresa-inputs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.adauga-adresa-inputs>.date-element {
    width: 45%;
}

.trimite-comanda>.trimite-buton {
    margin: initial;
}

.livrare-adresa>.despre-buton {
    margin: initial;
    margin-bottom: 20px;
    width: 300px;
    cursor: pointer;

}

.timp-imagine>img {
    object-fit: contain;
}

.swiper-scrollbar-drag {
    background: #FFD100 !important;
}

.puncte-modificat>.produs-buton-custom-img {
    width: 25%;
}

.cos-produse-nou {
    width: 50%;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr;
}

.select2-container--default .select2-selection--single {
    width: 100% !important;
    padding: 12px 20px !important;
    margin: 8px 0 !important;
    box-sizing: border-box !important;
    outline: none;
    font-family: 'Heebo-Regular' !important;
    font-size: 16px !important;
    color: white !important;
    background-color: #707070 !important;
    border: 1px solid #707070 !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
    height: 49px !important;
}

.select2-selection__arrow {
    display: none;
}

.select2-selection__rendered {
    color: white !important;
}

.adauga-adresa-buton-custom {
    width: 542px !important;
}

.select2-container {
    width: 100% !important;
}

.cos-adauga>.produs-buton-custom-img {
    width: 45px;
}

.select2-dropdown {
    background-color: #707070 !important;
}

.select2-results__option {
    font-family: 'Heebo-Regular';
    font-size: 16px;
    color: white;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #FFFFFF;
    background-color: #707070;
}

.container_oferta_bauturi {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
    margin: 0 -10px;
}

.select_oferta_bauturi {
    width: 50%;
    padding: 0 10px;
}

.container_oferta_bauturi select {
    background-image: url("/images/down_arrow.svg");
    background-repeat: no-repeat;
    background-position: 98% 55%;
}

/* modificari 2025 */

.close-btn-new{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.close-btn-new img{
    height: 30px;
    transition: 300ms;
}

.close-btn-new:hover img{
    transform: translateX(-5px);
}

input[type="password"]#login-password::-ms-reveal,
input[type="password"]#login-password::-ms-clear,
input[type="password"]#register-password::-ms-reveal,
input[type="password"]#register-password::-ms-clear {
  display: none;
}
.takeawayshow{
    display: none;
}


@media only screen and (max-width: 1024px) {
    .select_oferta_bauturi {
        width: 100% !important;
        margin: 0;
    }

    .select_oferta_bauturi2 {
        width: 100% !important;
        margin: 0;
    }

    .container_oferta_bauturi {
        padding-bottom: 25px;
    }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    .produs-buton-custom-img>img {

        color: #0000FF;
        background-color: #CCCCCC;

    }
}

/* chestiuta asta trebuie folosita, dar nu stiu cum se genereaza butoanele de adauga topping */
@media not all and (min-resolution:.001dpcm) {

    .safari10 {
        color: #0000FF;
        background-color: #CCCCCC;
    }

}

.restaurant-title-detail {
    text-align: left;
    font-family: 'Heebo-Bold';
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.imagine-restaurant-link {
    display: block;
    height: 100%;
}

.imagine-restaurant-link>img {
    width: 100%;
}

.despre-right>.swiper-container {
    height: 100%;
}

.activ-ceva {
    position: relative;

}

.activ-ceva::after {
    content: '';
    height: 5px;
    border-radius: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #FFD100;
}

.checkbox-no-line>input:checked:after {
    content: '' !important;
}

.topping-cos-imagine>img {
    width: 44px;
    height: 44px;
}

.salveaza-adresa {
    margin-top: 10px !important;
    width: 45% !important;
}

.swiper-button-next-home {
    position: absolute !important;
    right: 0 !important;
    top: 23px !important;
}

.swiper-button-prev-home {
    position: absolute !important;
    left: 0 !important;
    top: 23px !important;
}

.swiper-button-next-home:after {
    font-size: 15px !important;
}

.swiper-button-prev-home:after {
    font-size: 15px !important;
}

#popup-pizza {
    display: none;
    width: 1024px;
    background-color: transparent;
}

::placeholder {
    color: #ccc;
}

#form-desktop {
    margin-right: 100%
}

.show-sos-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.anpc-mobile {
    display: none;
}

.hide-sos-mobile {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.row-mobile-text {
    display: none;
}

.show-on-mobile {
    display: none;
}

.hide-on-mobile {
    display: block;
}

.location-div-mobile {
    display: none;
}

.cont-links {
    display: none;
}

/* .hide-desktop {
    display: none;
} */

.cos-produs[id="2594"] .delete-button,
.cos-produs[id="2594"] .adauga-cantitate{
    visibility: hidden;
    opacity: 0;
}
.cos-produs[id="2594"] .produs-pret-container{
    margin-left: auto;
}
.restaurante-container .restaurant:first-of-type{
    display: none;
}
#myModal{
    position: fixed !important;
    top: 0px !important;
    bottom: 0px !important;
    height: 100vh !important;
    padding-top: 0px !important;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}
.pizza-left img{
    max-height: 500px;
    object-fit: contain;
}
.sosuri-lista-tag{
    display: none;
}
.produs-banner-buton.align-center{
    justify-content: center;
}
#search-suggestions .produs-buton-marime, #search-suggestions .produs-buton-custom{
    height: 45px;
}
#search-suggestions .produs-pret-text {
    font-size: 18px;
}
#search-suggestions .produs-marime {
    font-size: 18px;
}
#search-suggestions .produs-cm {
    font-size: 12px;
}
#search-suggestions .produs-buton-custom-text {
    font-size: 15px;
}
.fixedHeader #search-suggestions{
    top: 59px !important;
}
#search-button img{
    width: 33px;
    height: 33px;
}
main#content{
    margin-bottom: 100px;
}
footer#footer{
    height: auto;
    position: unset;
    padding-top: 40px;
    padding-bottom: 60px;
}
.footer-links-container {
    flex-wrap: unset;
    width: 60%;
    justify-content: space-around;
    align-items: flex-start;
}
.column1, .column2{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.footer-link{
    font-size: 17px !important;
}
.footer-container{
    align-items: flex-start;
}
.footer-links img{
    filter: brightness(0) saturate(100%) invert(74%) sepia(95%) saturate(1067%) hue-rotate(359deg) brightness(103%) contrast(100%);
    -webkit-filter: brightness(0) saturate(100%) invert(74%) sepia(95%) saturate(1067%) hue-rotate(359deg) brightness(103%) contrast(100%);
}
.footer-copy a{
    color: #ffd101;
}
#search-suggestions .produse{
    flex-wrap: wrap;
}
#search-suggestions .produs {
    width: calc(25% - 25px);
}