@import url("https://fonts.googleapis.com/css?family=Lato");


@font-face {
    font-family: 'BahijTheSansArabic';
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/Bahij_TheSansArabic-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Circle-bold';
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/Circle-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Circle';
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/Circle-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham Rounded';
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Bold.eot');
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Bold.woff2') format('woff2'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Bold.woff') format('woff'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Bold.ttf') format('truetype'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Co Headline Bold';
    src: url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Bold.eot');
    src: url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Bold.eot?#iefix') format('embedded-opentype'), url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Bold.woff2') format('woff2'), url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Bold.woff') format('woff'), url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Bold.ttf') format('truetype'), url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Bold.svg#CoHeadline-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Co Headline';
    src: url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Regular.eot');
    src: url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Regular.eot?#iefix') format('embedded-opentype'), url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Regular.woff2') format('woff2'), url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Regular.woff') format('woff'), url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Regular.ttf') format('truetype'), url('/Themes/NopRoot/Content/Romansiya/fonts/CoHeadline-Regular.svg#CoHeadline-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Rounded Book';
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Book.eot');
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Book.woff2') format('woff2'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Book.woff') format('woff'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Book.ttf') format('truetype'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Medium.eot');
    src: url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Medium.woff2') format('woff2'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Medium.woff') format('woff'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Medium.ttf') format('truetype'), url('/Themes/NopRoot/Content/RomansiyaEn/fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

/****************************************
COLOR REF
****************************************/
/*
Pink: #db0a5b   rgba(219, 10, 91, 0.3);
Orange: #e57200  rgba(229, 114, 0, 0.3);
Brown: #643335  rgba(100, 51, 53, 0.3);
*/

/****************************************
GLOBAL CSS
****************************************/
body {

    color: #643335;
    font-size: 17px;
    font-weight: normal;
    line-height: 26px;
    font-family: 'Circle', sans-serif !important;
    background: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/bg1.jpg);
    background-repeat: repeat;
}

::-webkit-selection {
    color: #fff !important;
    background: #db0a5b;
}

::-moz-selection {
    color: #fff !important;
    background: #db0a5b;
}

::-o-selection {
    color: #fff !important;
    background: #db0a5b;
}

::-ms-selection {
    color: #fff !important;
    background: #db0a5b;
}

::selection {
    color: #fff !important;
    background: #db0a5b;
}

p {
    margin-bottom: 20px;
}

a {
    color: #e57200;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    transition: color 0.25s;
    text-decoration: none;
    outline: 0;
}

    a.active, a:hover, a:focus {
        color: #78d0ec;
    }

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

/*------ HEADINGS CSS ------*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Gotham Rounded';
    letter-spacing: -1px;
}

h1 {
    font-size: 38px;
    font-weight: bold;
    color: #db0a5b;
    margin-bottom: 20px;
    line-height: 38px;
}

h2 {
    font-size: 31px;
    color: #643335;
    margin-bottom: 18px;
}

h3 {
    font-size: 29px;
    color: #e57200;
    margin-bottom: 17px;
}

h4 {
    font-size: 29px;
    color: #db0a5b;
    margin-bottom: 17px;
}

h5 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
}

h6 {
}

.main-header {
    background-color: #643335;
    padding: 30px 0;
    background-image: url('../images/header-bg.jpg');
    direction: rtl !important;
    position: relative;
}

.header-logo-container {
    float: right !important;
}

.online-header {
    background-color: #643335;
    padding: 30px 0;
    position: fixed;
    width: 100%;
    height: 112px;
    z-index: 1000;
    top: 0px;
}

.onlineheadercontainer {
    position: relative;
}

.logo a img {
    max-height: 118px;
}

.content-big {
    font-size: 17px;
    line-height: 26px;
}


.menu-item, .dish-title {
    font-weight: normal;
    cursor: pointer; /* Ajoute une indication visuelle pour les éléments cliquables */
}
    .dish-title.active {
        color: #561a1a;
        font-weight: bold !important;
    }
    /* Quand un élément est actif */
    .menu-item.active {
        font-weight: bold;
        color: #d97929 !important;
    }
.inner-content-bg:before {
    color: #e57200;
    content: " ";
    padding: 0px 30px 0px 20px;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/colon.png) no-repeat left top;
}

.inner-cont {
    min-height: 900px;
}

    .inner-cont h1 {
        margin-bottom: 0px;
    }
    .inner-cont .csr {
        background: #f5f5f5;
        padding-top: 2rem;
    }

    .inner-cont .custom-card {
        position: relative;
        overflow: hidden;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        transition: box-shadow 0.3s;
        cursor: pointer;
        margin-bottom: 30px;
        min-height: 500px;
    }

    .inner-cont .card-image-title {
        transition: opacity 0.3s;
        text-align: center;
        padding: 20px 10px 10px 10px;
    }

        .inner-cont .card-image-title img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto 10px auto;
        }

    .inner-cont .card-title {
        font-size: 20px;
        font-weight: bold;
        color: #db0a5b;
        margin-bottom: 10px;
    }

    .inner-cont .card-description {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #643335;
        color: #ffffff;
        opacity: 0;
        padding: 30px 20px;
        display: flex;
        flex-direction: column; /* Ajouté pour empiler verticalement */
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: opacity 0.3s;
        z-index: 2;
        font-size: 18px;
    }

    .inner-cont .year {
        font-weight: bold;
        color: #e57200;
        padding-top: 1rem;
        font-size: 16px;
    }

    .inner-cont .custom-card:hover .card-image-title {
        opacity: 0;
    }

    .inner-cont .custom-card:hover .card-description {
        opacity: 1;
    }


.why-choose-us {
    position: relative;
    padding: 40px 30px 20px 30px; /*flex: 1; */
    margin-top: 40px;
}
.verify-otp-groupe {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 2rem;
}

.custom-form {
    display: flex;
    gap: 10px
}

.mt-0 {
    margin-top: 0 !important;
}

    .why-choose-us::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/why-choose-us-shadow-before.png") repeat-x scroll 0 0 / 100% 100%;
        content: "";
        display: block;
        height: 34px;
        position: absolute;
        right: 0;
        top: 0px;
        width: 100%;
        z-index: 9;
    }

    .why-choose-us::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/why-choose-us-shadow-after.png") repeat-x scroll 0 0 / 100% 100%;
        content: "";
        display: block;
        height: 34px;
        position: absolute;
        right: 0;
        bottom: 0px;
        width: 100%;
        z-index: 9;
    }

.navbar-nav {
    float: none;
}

/*------ SUBMENU CSS ------*/
.submenu {
    background: #e57200;
    padding: 30px;
    position: relative;
    margin: 15px 0px 40px 0px;
}

    .submenu::before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-before.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        top: -6px;
        width: 100%;
        z-index: 9;
    }

    .submenu::after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-after.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        bottom: -8px;
        width: 100%;
        z-index: 9;
    }

    .submenu a {
        background: url("/Themes/NopRoot/Content/RomansiyaEn/images/sidemenu-bottom-border.png") repeat-x left bottom;
        padding: 10px;
        width: 100%;
        display: block;
        color: #fff;
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 3px;
    }

        .submenu a:hover, .submenu a.active {
            background: url("/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png") repeat left bottom;
            text-decoration: none;
            line-height: 22px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            font-size: 17px;
            line-height: 26px;
        }

.main-cont-left {
    float: left;
}

.main-cont-right {
    float: right;
}

/*------ SEARCH CSS ------*/
.search {
    padding: 5px 0;
    height: 30px;
    position: relative;
    right: 0px;
    top: 4px;
    float: right;
    line-height: 22px;
}

    .search input {
        position: absolute;
        width: 0px;
        top: -5px;
        float: Left;
        margin-left: -20px;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 30px;
        line-height: 18px;
        padding: 5px 9px;
        font-family: 'Lato', Arial, sans-serif;
        font-size: 14px;
        color: #643335;
        background: #fefbf5;
        border-radius: 15px;
    }

        .search:hover input, .search input:focus {
            width: 322px;
            margin-left: 0px;
            margin-left: -357px;
        }

.btn:hover, .btn:focus {
    background-position: 0 -30px;
    opacity: 1;
}

.search-responsive {
    display: none;
}

/*------ OUR BRANCHES CSS ------*/
p.login-button {
    margin-bottom: 60px;
    clear: both;
}

p.forgotpassword {
    margin: 25px 0px 0px 0px;
}

    p.forgotpassword a {
        background: none;
        display: inline;
        padding: 0px;
        font-size: 17px;
    }

        p.forgotpassword a:hover {
            background: none;
            padding-top: 25px;
            color: #643335;
        }

ul.our-branches {
    display: block;
}

    ul.our-branches li {
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/line-seperator.png) repeat-x left bottom;
        padding-bottom: 15px;
        margin-bottom: 30px;
        float: left;
    }

.ourbranches h1 {
    font-size: 29px;
    margin-bottom: 15px;
}

.ourbranches p {
    margin-bottom: 17px;
}

    .ourbranches p img {
        padding-right: 10px;
    }

    .ourbranches p.sub {
        font-size: 17px;
        font-family: "Lato";
        line-height: 20px;
        margin-bottom: 21px;
    }

        .ourbranches p.sub:nth-of-type(1)::before {
            font-size: 16px;
            background: url(/Themes/NopRoot/Content/RomansiyaEn/images/ourbranches-home.png) no-repeat left top;
            padding: 0px 0px 0px 25px;
            content: "";
        }

    .ourbranches p:nth-of-type(3) {
        float: left;
        margin-right: 15px;
    }

.ourbranches a {
    color: #db0a5b;
}

    .ourbranches a:hover {
        color: #c71555;
        text-decoration: none;
    }

/*------ OUR MENU CSS ------*/
.menu-filter .col-lg-3 {
    padding-left: 0px;
}

.menu-filter .col-sm-12 {
    padding: 0px;
}

.menu-filter .col-lg-2 .btn-link {
    text-align: center;
    width: 100%;
    padding: 10px 0px
}

.menu-filter input[type="text"] {
    background: #fbf3eb none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    border-radius: 0px;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
}

.menu-filter .txtbox {
    position: relative;
    float: left;
    width: 100%;
    margin-right: 30px;
}

    .menu-filter .txtbox::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 500% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        top: -2px;
        width: 100%;
        z-index: 9;
    }

    .menu-filter .txtbox::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 500% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        bottom: -2px;
        width: 100%;
        z-index: 9;
    }

.menu-filter .styled-select select {
    font-family: "Lato";
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    border-radius: 0px;
    box-shadow: none;
    color: #643335;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
    position: relative;
}

.menu-filter .styled-select {
    background: #fbf3eb url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select.jpg") no-repeat scroll right center;
    border: medium none;
    height: 48px;
    overflow: hidden;
    width: 100%;
    float: right;
}

    .menu-filter .styled-select::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 500% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 17px;
        top: -2px;
        width: 91%;
        z-index: 9;
    }

    .menu-filter .styled-select::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 500% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 17px;
        bottom: -2px;
        width: 91%;
        z-index: 9;
    }

/*------ MENU POPUP CSS ------*/
.modal-heading {
    float: left;
}

.modal-price {
    float: right;
}

.radio-button-block {
    float: left;
}

.modal-button-block {
    float: left;
}

.modal-content {
    padding: 40px;
    background: #fff7ee;
    position: relative;
    z-index: 9;
}

    .modal-content p.cont {
        display: block;
    }

.close-block {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.1);
    width: 40px;
    height: 40px;
    border-radius: 30px;
    transition: .2s ease;
}

.modal-content .heading {
    margin-bottom: 10px;
    background-color: transparent;
    margin-top: 0;
}

    .modal-content .heading a:nth-of-type(1) {
        color: #b49495;
    }

    .modal-content .heading h2 {
        font-family: "Lato";
        text-align: right;
        font-size: 28px;
    }

        .modal-content .heading h2 span {
            color: #e47100;
        }

.modal-content h1 {
    margin-bottom: 10px;
    text-align: left;
}

.modal-content p.size {
    float: left;
    font-family: "Lato" !important;
    font-size: 16px !important;
    margin-bottom: 5px !important;
    line-height: 35px !important;
}

    .modal-content p.size span {
        font-size: 16px !important;
        color: #e47100;
    }

.modal-content p {
    font-size: 17px !important;
    font-family: 'Lato' !important;
    line-height: 26px !important;
}

.modal-dialog {
    width: 1140px;
    margin: 15% auto auto;
}

.alromansiah-close {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/menu-close.png) no-repeat center center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: none;
}

p.sublink a:after {
    content: "/";
    padding: 0px 10px;
    color: #e8dbd6;
}

p.sublink a:last-child:after {
    content: "";
}

p.sublink a {
    color: #db0a5b;
    float: left;
    font-size: 16px;
}

    p.sublink a:hover {
        color: #7e373a;
    }

.separator {
    width: 100%;
    padding: 1px 0px;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/line-seperator.png) repeat-x;
    margin: 45px 0px 30px 0px;
}

.modal-content .txtbox {
    width: 30% !important;
    float: left;
}

.modal-content input[type="text"] {
    background: #fbf3eb none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 47px;
    line-height: 47px;
    padding: 0 10px;
    width: 100%;
    border-radius: 0px;
}

.modal-content .txtbox {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px 10px;
}

    .modal-content .txtbox::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-before.png") repeat-x;
        background-size: 450% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        left: 0px;
        top: -2px;
        width: 100%;
        z-index: 9;
    }

    .modal-content .txtbox::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-after.png") repeat-x;
        background-size: 450% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        left: 0px;
        bottom: -2px;
        width: 100%;
        z-index: 9;
    }

.modal-content .btn-link {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 20px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    line-height: 30px;
}

    .modal-content .btn-link:hover,
    .modal-content .btn-link:focus,
    .modal-content .btn-link:active {
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png);
        background-repeat: repeat;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
    }

.modal-content .btn-link-dark {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png);
    background-repeat: repeat;
    font-family: "Gotham Rounded";
    font-size: 20px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    float: right;
    line-height: 30px;
}

    .modal-content .btn-link-dark:hover,
    .modal-content .btn-link-dark:focus,
    .modal-content .btn-link-dark:active {
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png);
        background-repeat: repeat;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
    }

.modal-content .spinner {
    width: 160px;
}

.modal-content .input-group-btn-vertical .spinner input {
    text-align: right;
    float: left;
}

.modal-content .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    padding: 0px;
}

    .modal-content .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 0px;
        margin-top: 0px;
        position: relative;
        border-radius: 0;
        background: none;
        border: none;
        box-shadow: none;
    }

        .modal-content .input-group-btn-vertical > .btn:first-child {
            border-radius: 6px;
            background: #e8dbd6;
            color: #643335;
            font-size: 26px;
            line-height: 20px;
            float: left;
            width: 35px;
            height: 35px;
            text-shadow: none;
        }

        .modal-content .input-group-btn-vertical > .btn:last-child {
            border-radius: 6px;
            background: #e8dbd6;
            color: #643335;
            font-size: 26px;
            line-height: 20px;
            float: left;
            width: 35px;
            height: 35px;
            text-shadow: none;
        }

    .modal-content .input-group-btn-vertical i {
        position: absolute;
        top: 0;
        left: 4px;
    }

.modal-content .input-group {
    float: left;
    margin-right: 20px;
}

.search .btn {
    position: absolute;
    right: 0px;
    top: -5px;
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon_search.png') #643335 no-repeat left top;
    background-position: 0 0;
    width: 24px;
    height: 30px;
    background-size: 24px 55px;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

/*------ ACCORDIAN MENU CSS ------*/
#section1 {
    background-color: #FFF;
    padding: 15px 20px;
    margin-bottom: 20px;
}

#section2 {
    background-color: #212121;
    padding: 15px 20px;
}

/********************/
/* Panel dark color */
/********************/
.panel-dark {
    background: #424242;
    border: 0;
    border-radius: 0 !important;
    box-shadow: 0px 0px 0px transparent;
    color: #FFF;
    margin-top: 0;
}

.panel-title .fa {
    float: right;
}

.fa-caret-right {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/accrodian-right.png) no-repeat left top;
    width: 21px;
    height: 24px;
}

    .fa-caret-right::before {
        display: none;
    }

.fa-caret-down {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/accrodian-down.png) no-repeat left top;
    width: 24px;
    height: 21px;
}

    .fa-caret-down::before {
        display: none;
    }

.panel-dark .panel-heading {
    padding: 0;
}

.panel-dark .panel-dark {
    background: #616161;
}

.panel-dark .panel-body {
    border-color: rgba(255, 255, 255, 0.10) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0px -1px 0px #212121;
}

.panel-dark .panel-title > a {
    color: #FFF;
    display: block;
    padding: 10px 15px;
    text-decoration: none !important;
}

    .panel-dark .panel-title > a:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    .panel-dark .panel-title > a:focus {
        outline: none;
    }

ul.ourmenu-block {
    float: left;
    width: 100%;
    padding: 5px 5px 5px 0px;
    margin-top: 15px;
}

    ul.ourmenu-block li {
        float: left;
        margin-bottom: 35px;
        width: 100%;
    }

        ul.ourmenu-block li a {
            display: block;
            -webkit-transition: color 0.25s;
            -moz-transition: color 0.25s;
            transition: color 0.25s;
        }

            ul.ourmenu-block li a:focus {
                text-decoration: none;
            }

            ul.ourmenu-block li a:hover {
                text-decoration: none !important;
            }

                ul.ourmenu-block li a:hover h3 {
                    color: #d56b22;
                }

                ul.ourmenu-block li a:hover p {
                    color: #db0a5b !important;
                }

                ul.ourmenu-block li a:hover .cart {
                    background: #643335;
                }

                ul.ourmenu-block li a:hover p.pricemenu {
                    color: #643335 !important;
                }

        ul.ourmenu-block li:last-child {
            margin-bottom: 0px;
        }

        ul.ourmenu-block li .img-thumb {
            float: left;
            padding-right: 15px;
            max-width: 90px;
        }

        ul.ourmenu-block li h3 {
            font-size: 24px;
            margin: 0px 45px 5px 0px;
            float: left;
        }

.dotted {
    border-bottom: 1px dashed #efdac7;
    margin: 0px 300px 20px 350px;
    padding-top: 18px;
}

ul.ourmenu-block li p {
    color: #643335 !important;
    font-size: 15px;
    font-family: 'Lato';
}

p.pricemenu {
    color: #643335;
    float: right;
    font-size: 24px !important;
}

    p.pricemenu span {
        color: #db0a5b;
    }

ul.ourmenu-block li .cart {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: #e11857;
    float: right;
    margin-left: 20px;
}

    ul.ourmenu-block li .cart .fa {
        color: #e8dbd6;
        float: left;
        padding: 5px 0px 0px 4px;
    }

.ourmenu-popupimg {
    float: none !important;
    width: 100% !important;
    height: 100% !important;
    padding-right: 0px !important;
}

/********************/
/* Panel light color */
/********************/
.panel-light {
    background: #fbf3eb;
    border-right: 2px solid #e9dbc7;
    border-left: 2px solid #e9dbc7;
    border-bottom: 2px solid #e9dbc7;
    box-shadow: 0px 0px 0px transparent;
    color: #000;
    margin: 0px 0px 25px 0px !important;
    position: relative;
}

    .panel-light::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0;
        top: -2px;
        width: 100%;
        z-index: 9;
    }

    .panel-light .panel-heading {
        padding: 0;
    }

    .panel-light .panel-light {
        background: #E0E0E0;
    }

    .panel-light .panel-body {
        border-color: rgba(255, 255, 255, 0.10) !important;
        border-top: 1px solid #e3ddd7 !important;
    }

    .panel-light .panel-title > a {
        color: #db095b;
        display: block;
        padding: 20px;
        text-decoration: none !important;
        font-size: 29px;
        z-index: 10;
        background: #f9eee4;
    }

        .panel-light .panel-title > a:focus {
            background: #f9eee4 !important;
        }
/**.panel-light .panel-title > a:hover {  background: rgba(239, 233, 225, 0.9);}
.panel-light .panel-title > a:focus { outline: none;  background: rgba(239, 233, 225, 0.9);}**/

/*CSS3 extras*/
a.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}

/*------ INNER BANNER CSS ------*/
.inner-banner {
    background-position: center top;
    background-size: cover !important;
    display: block;
    float: left;
    height: 300px;
    margin-top: -1px;
    overflow: hidden;
    width: 100%;
    background: rgba(151,103,104,1.00);
    margin-bottom: 60px;
}

/*------ BREADCRUMB CSS ----*/
.breadcrumb {
    background: none;
    padding: 0px;
}

.inner-heading {
    width: 100%;
    margin: 0px 0px 30px 0px;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/line-seperator.png) repeat-x left bottom;
    padding-bottom: 2px;
}

    .inner-heading .col-lg-6:nth-of-type(1) {
        padding-left: 0px;
    }

    .inner-heading .col-lg-6:nth-of-type(2) {
        padding-right: 0px;
    }

.breadcrumb > li + li::before {
    color: #e57200;
    content: " ";
    padding: 0 20px;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/breadcrumb-arrow.png) no-repeat 10px 1px;
}

.breadcrumb > li a:hover, a:focus {
    color: #db0a5b;
    text-decoration: none;
}


/*------ OUR BRANCHES CSS ------*/
.our-branches-img {
    float: left;
}

.ourbranches-main {
    position: relative;
}

    .ourbranches-main:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-before.png');
        background-size: 100% 150%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        right: 0;
        position: absolute;
        top: -3px;
        width: 100%;
        z-index: 9;
    }

    .ourbranches-main:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-before.png');
        background-size: 100% 150%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        right: 0;
        position: absolute;
        bottom: -4px;
        width: 100%;
        z-index: 9;
    }

.ourbranches-filter input[type="text"] {
    background: #fbf3eb none repeat scroll 0 0;
    border: 0px;
    border-radius: 6px;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
}

.ourbranches-filter input[type="password"] {
    background: #fbf3eb none repeat scroll 0 0;
    border: 0px;
    border-radius: 6px;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
}

.ourbranches-filter .txtbox {
    position: relative;
    float: left;
    width: 100%;
    margin-right: 30px;
}

    .ourbranches-filter .txtbox::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/white-bg-before.png") repeat-x;
        background-size: 150% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 5px;
        top: -2px;
        width: 94%;
        z-index: 9;
    }

    .ourbranches-filter .txtbox::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/white-bg-after.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 5px;
        bottom: -3px;
        width: 94%;
        z-index: 9;
    }

.ourbranches-filter .password {
    position: relative;
    float: left;
    width: 100%;
    margin: 25px 0px;
}

    .ourbranches-filter .password::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/white-bg-before.png") repeat-x;
        background-size: 150% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 5px;
        top: -2px;
        width: 94%;
        z-index: 9;
    }

    .ourbranches-filter .password::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/white-bg-after.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 5px;
        bottom: -3px;
        width: 94%;
        z-index: 9;
    }

.ourbranches-filter .styled-select select {
    font-family: "Lato";
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 0px;
    box-shadow: none;
    color: #643335;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
    position: relative;
}

.ourbranches-filter .styled-select {
    background: #fbf3eb url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select.jpg") no-repeat scroll right center;
    border: medium none;
    height: 48px;
    overflow: hidden;
    width: 100%;
    float: right;
    border-radius: 6px;
    margin: 25px 0px;
}

    .ourbranches-filter .styled-select::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/white-bg-before.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 40px;
        top: 144px;
        width: 74%;
        z-index: 9;
    }

    .ourbranches-filter .styled-select::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/white-bg-after.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 40px;
        bottom: 104px;
        width: 74%;
        z-index: 9;
    }

.ourbranches-filter .btn-link-dark {
    display: inline-block;
    padding: 10px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 20px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
    line-height: 30px;
}

    .ourbranches-filter .btn-link-dark:hover,
    .ourbranches-filter .btn-link-dark:focus,
    .ourbranches-filter .btn-link-dark:active {
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
        background-repeat: repeat;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
        line-height: 30px;
        font-size: 20px;
    }

/*------ JOIN US CSS ------*/
.joinus .btn-link {
    color: #fff;
    margin-top: 10px;
}

    .joinus .btn-link:hover {
        color: #fff;
    }

.join-position {
    float: left;
    margin: 0px 25px 0px 0px;
}

/*------ APPLY NOW CSS ------*/

.applynow-filter input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
}

.applynow-filter input[type="password"] {
    background: #fff none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
}

.applynow-filter .txtbox {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

    .applynow-filter .txtbox::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 650% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        top: -3px;
        width: 99.4%;
        z-index: 9;
    }

    .applynow-filter .txtbox::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 650% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        bottom: -3px;
        width: 99.6%;
        z-index: 9;
    }

.applynow-filter .styled-select select {
    font-family: "Lato";
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    box-shadow: none;
    color: #643335;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
    position: relative;
}

.applynow-filter .styled-select {
    background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
    border: medium none;
    height: 48px;
    overflow: hidden;
    width: 100%;
    float: right;
}

    .applynow-filter .styled-select::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 400% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 15px;
        top: -3px;
        width: 93.5%;
        z-index: 9;
    }

    .applynow-filter .styled-select::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 400% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 15px;
        bottom: -3px;
        width: 93.5%;
        z-index: 9;
    }

.applynow-filter .styled-select-gender select {
    font-family: "Lato";
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    box-shadow: none;
    color: #643335;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
    position: relative;
}

.applynow-filter .styled-select-gender {
    background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
    border: medium none;
    height: 48px;
    overflow: hidden;
    width: 100%;
    float: right;
}

    .applynow-filter .styled-select-gender::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 650% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 15px;
        top: -3px;
        width: 82%;
        z-index: 9;
    }

    .applynow-filter .styled-select-gender::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 650% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 15px;
        bottom: -3px;
        width: 82%;
        z-index: 9;
    }

.applynow-filter .styled-select-nationality select {
    font-family: "Lato";
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    box-shadow: none;
    color: #643335;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
    position: relative;
}

.applynow-filter .styled-select-nationality {
    background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
    border: medium none;
    height: 48px;
    overflow: hidden;
    width: 100%;
    float: right;
}

    .applynow-filter .styled-select-nationality::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 650% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 15px;
        top: -3px;
        width: 87%;
        z-index: 9;
    }

    .applynow-filter .styled-select-nationality::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 650% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 15px;
        bottom: -3px;
        width: 87%;
        z-index: 9;
    }

.applynow-filter textarea {
    width: 100%;
    border: 0px;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 30px;
}

.applynow-filter .txtbox-area {
    position: relative;
    float: left;
    width: 100%;
    margin-right: 30px;
}

    .applynow-filter .txtbox-area::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        top: -4px;
        width: 100%;
        z-index: 9;
    }

    .applynow-filter .txtbox-area::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        bottom: 30px;
        width: 100%;
        z-index: 9;
    }

.applynow-filter .upload-box {
    background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
    border: medium none;
    height: 48px;
    overflow: hidden;
    width: 43%;
    float: left;
}

    .applynow-filter .upload-box input[type="text"] {
        border-right: 0px;
    }

    .applynow-filter .upload-box::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 230% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        left: 0px;
        top: -2px;
        width: 43.5%;
        z-index: 9;
    }

    .applynow-filter .upload-box::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 230% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        left: 0px;
        bottom: 1px;
        width: 43.5%;
        z-index: 9;
    }

#drop {
    float: right;
}

    #drop a {
        line-height: 30px;
    }

p.caption-txt {
    margin-top: 15px;
    font-size: 16px;
    line-height: 25px;
}

.span-form {
    font-family: 'Lato';
}

.fileuploader {
    margin-bottom: 20px;
}

.btn-link-dark {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 20px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    float: right;
}

    .btn-link-dark:hover,
    .btn-link-dark:focus,
    .btn-link-dark:active {
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png);
        background-repeat: repeat;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
    }


/*------ CATERING CSS ------*/
ul.catering-block {
    display: block;
}

    ul.catering-block li {
        margin-bottom: 30px;
    }

        ul.catering-block li:last-child {
            margin-bottom: 0px;
        }

.catering {
    position: relative;
    margin-bottom: 30px;
}

    .catering:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-before.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        top: -2px;
        width: 100%;
        z-index: 9;
    }

    .catering:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-before.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        bottom: -5px;
        width: 100%;
        z-index: 9;
    }

.catering-cont h1 {
    margin-bottom: 20px;
}

.catering-cont a {
    font-family: "Gotham Rounded";
}

.catering-cont h2 {
    font-size: 27px;
    line-height: 20px;
    margin-bottom: 10px;
}

.catering-cont a:hover {
    color: #db0a5b;
    text-decoration: none;
}

.catering-cont a img {
    padding-right: 15px;
}

/*------ CONTACT US CSS ------*/
p.contact-home {
    margin-top: 16px;
}

.contactus a {
    color: #db0a5b;
}

    .contactus a:hover {
        color: #643335;
        text-decoration: none;
    }

.contactus p {
    margin-bottom: 42px;
}

    .contactus p:last-child {
        margin-bottom: 32px;
    }

fieldset {
    border-right: 2px solid #f0ddca;
    border-left: 2px solid #f0ddca;
    border-top: 0px;
    border-bottom: 0px;
    border-top: 2px solid #f0ddca;
    padding: 30px;
    position: relative;
    margin-bottom: 30px;
}

    fieldset legend {
        font-family: 'Gotham Rounded', Arial, sans-serif;
        font-size: 20px;
        color: #643336;
        margin-left: 0px;
        width: auto;
        padding: 15px;
        background: #e7dcd8;
        z-index: 12;
        border-left: 2px solid #e9d3c1;
        border-right: 2px solid #e9d3c1;
        position: relative
    }

        fieldset legend:before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
            background-size: 790% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: -2px;
            top: -2px;
            width: 102%;
            z-index: 9;
        }

        fieldset legend:after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
            background-size: 790% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: -2px;
            bottom: -2px;
            width: 102%;
            z-index: 9;
        }

    /*- fieldset::before{  background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-before.png") repeat-x ; background-size: 100% 100%;	background-repeat:repeat-x;  content: "";     display: block;   height: 5px; position: absolute;  right: -2px;  top: -23px;   width: 100.4%;   z-index: 9; }-*/
    fieldset::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-after.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: -1px;
        bottom: -3px;
        width: 100.4%;
        z-index: 9;
    }

.contact-filter input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
}

.contact-filter .txtbox {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

    .contact-filter .txtbox::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 450% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        top: -4px;
        width: 100%;
        z-index: 9;
    }

    .contact-filter .txtbox::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 450% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        bottom: -3px;
        width: 100%;
        z-index: 9;
    }

.contact-filter .styled-select select {
    font-family: "Lato";
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    border-bottom: 0px;
    border-top: 0px;
    box-shadow: none;
    color: #643335;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
    position: relative;
}

.contact-filter .styled-select {
    background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
    border: medium none;
    height: 48px;
    overflow: hidden;
    width: 100%;
    float: right;
}

    .contact-filter .styled-select::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 450% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 17px;
        top: -3px;
        width: 90.5%;
        z-index: 9;
    }

    .contact-filter .styled-select::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 450% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 17px;
        bottom: -3px;
        width: 90.5%;
        z-index: 9;
    }

.contact-filter textarea {
    width: 100%;
    border: 0px;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    padding: 10px;
    font-size: 16px;
}

.contact-filter .txtbox-area {
    position: relative;
    float: left;
    width: 100%;
    margin-right: 30px;
}

    .contact-filter .txtbox-area::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 300% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        top: -3px;
        width: 100%;
        z-index: 9;
    }

    .contact-filter .txtbox-area::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
        background-size: 300% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 9;
    }

.contactus-button .btn-link-dark {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 20px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    float: right;
    margin-right: 20px;
}

    .contactus-button .btn-link-dark:hover,
    .contactus-button .btn-link-dark:focus,
    .contactus-button .btn-link-dark:active {
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png);
        background-repeat: repeat;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
    }

.contactus-button .btn-link {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 20px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .contactus-button .btn-link:hover,
    .contactus-button .btn-link:focus,
    .contactus-button .btn-link:active {
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png);
        background-repeat: repeat;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
    }

.contactus-button {
    margin-top: 30px;
}

    .contactus-button a {
        float: right;
    }

p.contact-privacy {
    text-align: right;
    margin-top: 20px;
    color: #dcc7b5;
}

    p.contact-privacy a {
        color: #db0a5b;
        font-size: 17px;
    }

        p.contact-privacy a:hover, a:focus {
            color: #643335;
            text-decoration: none;
        }

/*------ PUBLICATION CSS ------*/
.publication a {
    font-family: "Gotham Rounded";
    font-size: 24px;
}

.publication-icon {
    margin-top: 5px;
}

.publication p {
    padding-top: 7px;
}

/*------ NEWS & MEDIA CSS ------*/
.news-block-img {
    position: relative;
}

.new-a {
    display: block;
}

.new-b {
    display: none;
}

.news-block-img:before {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bottom-curve_pattern2.png');
    background-size: 100% 100%;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 4px;
    right: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 9;
}

.newsroom a {
    display: block;
}

    .newsroom a:hover, a:focus {
        text-decoration: none;
    }

    .newsroom a p.content-big, p.date {
        color: #643335;
    }

    .newsroom a:hover .news-block-img {
        display: none;
    }

    .newsroom a:hover .news-block {
        padding: 56px 0px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    .newsroom a:hover h1 {
        color: #e47100;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    .newsroom a:hover p.content-big {
        color: #fff;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    .newsroom a:hover p.date {
        color: #fff;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/news-hover-arrow.png) center bottom no-repeat;
        padding-bottom: 60px;
    }

    .newsroom a:hover .news-block::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/news-cont-hover-before.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        top: -4px;
        width: 100%;
        z-index: 9;
    }

    .newsroom a:hover .news-block::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/news-cont-hover-after.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        bottom: -4px;
        width: 100%;
        z-index: 9;
    }

.news-block {
    background: #fff;
    border-left: 2px solid #f0ddca;
    border-right: 2px solid #f0ddca;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

    .news-block h1 {
        padding: 20px 20px 10px 20px;
        font-size: 25px;
    }

    .news-block p {
        padding: 0px 20px;
    }

        .news-block p.date img {
            padding: 0px 10px 0px 0px;
        }

        .news-block p.date {
            font-size: 15px;
            font-family: "Gotham Rounded";
            line-height: 12px;
        }

            .news-block p.date span {
                color: #e57200;
            }

    .news-block::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/news-cont-before.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        top: -4px;
        width: 100%;
        z-index: 9;
    }

    .news-block::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-after.png") repeat-x;
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 0px;
        bottom: -4px;
        width: 100%;
        z-index: 9;
    }

a.news-back {
    color: #db0a5b;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/news-back.png) no-repeat left 2px;
    padding-left: 30px;
    font-size: 21px;
    font-family: "Gotham Rounded";
}

    a.news-back:hover, a.news-back:focus {
        color: #e47100;
        text-decoration: none;
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/news-back-hover.png) no-repeat left 2px;
    }


/* CSR Activities */
.csr a {
    display: block;
}

    .csr a p.csr-txt {
        display: none;
    }

    .csr a:hover, a:focus {
        text-decoration: none;
    }

        .csr a:hover .news-block-img {
            display: none;
        }

        .csr a:hover .news-block {
            padding: 10px;
            background: #643335;
        }

.csr .col-lg-6:nth-of-type(2) a:hover .news-block {
    padding: 11px;
}

.csr a:hover h1 {
    color: #e47100;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    transition: color 0.25s;
}

.csr a:hover p.csr-txt {
    display: block;
    color: #fff;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    transition: color 0.25s;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/news-hover-arrow.png) center bottom no-repeat;
    padding-bottom: 40px;
}

.csr a:hover .news-block::before {
    background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/news-cont-hover-before.png") repeat-x;
    background-size: 100% 100%;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 0px;
    top: -4px;
    width: 100%;
    z-index: 9;
}

.csr a:hover .news-block::after {
    background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/news-cont-hover-after.png") repeat-x;
    background-size: 100% 100%;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 0px;
    bottom: -4px;
    width: 100%;
    z-index: 9;
}

@media only screen and (max-width : 1500px) {
    .main-header::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #613033a1;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    .modal-content .btn-link {
        line-height: 30px;
    }

    .modal-content .btn-link-dark {
        float: right;
        width: 70%;
    }


    /* CSR Activities */
    .csr a:hover .news-block-img {
        display: none;
    }

    .csr a:hover .news-block {
        padding: 50px 20px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    .csr .col-md-6:nth-of-type(2) a:hover .news-block {
        padding: 38px;
    }

    .csr a:hover h1 {
        color: #e47100;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/news-hover-arrow.png) center bottom no-repeat;
        padding-bottom: 40px;
        font-size: 21px;
    }

    .csr a:hover p.csr-txt {
        display: none;
    }

    .csr a:hover .news-block {
        min-height: 275px;
    }

    /* News Media */
    .newsroom a:hover .news-block {
        padding: 162px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    .new-a {
        display: none;
    }

    .new-b {
        display: block;
    }

    .menu-filter .styled-select::before {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-before.png") repeat-x;
        background-size: 200% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 17px;
        top: -2px;
        width: 89%;
        z-index: 9;
    }

    .menu-filter .styled-select::after {
        background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-after.png") repeat-x;
        background-size: 200% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        position: absolute;
        right: 17px;
        bottom: -2px;
        width: 89%;
        z-index: 9;
    }

    .modal-dialog {
        width: 1000px;
        margin: 15% auto auto;
    }

    /* Our Branches */
    ul.our-branches li .col-sm-12:nth-of-type(2) p.content-big {
        font-size: 17px;
    }

    /* Contact Us */
    .contact-filter .styled-select select {
        font-family: "Lato";
        -moz-appearance: none;
        background: transparent none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        cursor: pointer;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
        position: relative;
    }

    .contact-filter .styled-select {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        margin-bottom: 30px;
    }

        .contact-filter .styled-select::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 16px;
            top: 226px;
            width: 95%;
            z-index: 9;
        }

        .contact-filter .styled-select::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            bottom: -283px;
            width: 95%;
            z-index: 9;
        }

    .contactus-button .btn-link, .btn-link-dark {
        text-align: center;
        float: none;
        width: 100%;
        line-height: 34px;
    }

    .contactus-button .btn-link-dark {
        margin: 30px 0px 0px 0px;
    }

    p.contact-privacy {
        text-align: center;
        margin-bottom: 40px;
    }

    /*------ APPLY NOW CSS ------*/
    .applynow-filter input[type="text"] {
        background: #fff none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
    }

    .applynow-filter .txtbox {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

        .applynow-filter .txtbox::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 1px;
            top: -4px;
            width: 99.4%;
            z-index: 9;
        }

        .applynow-filter .txtbox::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 1px;
            bottom: -4px;
            width: 99.4%;
            z-index: 9;
        }

    .applynow-filter .styled-select select {
        font-family: "Lato";
        -moz-appearance: none;
        background: transparent none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        cursor: pointer;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
        position: relative;
    }

    .applynow-filter .styled-select {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: right;
        margin-bottom: 30px;
    }

        .applynow-filter .styled-select::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            top: 306px;
            width: 94%;
            z-index: 9;
        }

        .applynow-filter .styled-select::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            bottom: -360px;
            width: 94%;
            z-index: 9;
        }

    .applynow-filter .styled-select-gender select {
        font-family: "Lato";
        -moz-appearance: none;
        background: transparent none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        cursor: pointer;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
        position: relative;
    }

    .applynow-filter .styled-select-gender {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: right;
    }

        .applynow-filter .styled-select-gender::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            top: -3px;
            width: 88%;
            z-index: 9;
        }

        .applynow-filter .styled-select-gender::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            bottom: -3px;
            width: 88%;
            z-index: 9;
        }

    .applynow-filter .styled-select-nationality select {
        font-family: "Lato";
        -moz-appearance: none;
        background: transparent none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        cursor: pointer;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
        position: relative;
    }

    .applynow-filter .styled-select-nationality {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: right;
        margin: 0px 0px 30px 0px;
    }

        .applynow-filter .styled-select-nationality::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            top: 230px;
            width: 94%;
            z-index: 9;
        }

        .applynow-filter .styled-select-nationality::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            bottom: -284px;
            width: 94%;
            z-index: 9;
        }

    .applynow-filter textarea {
        width: 100%;
        border: 0px;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        padding: 10px;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .applynow-filter .txtbox-area {
        position: relative;
        float: left;
        width: 100%;
        margin-right: 30px;
    }

        .applynow-filter .txtbox-area::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 1px;
            top: -4px;
            width: 99.7%;
            z-index: 9;
        }

        .applynow-filter .txtbox-area::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 1px;
            bottom: 27px;
            width: 99.7%;
            z-index: 9;
        }

    .applynow-filter .upload-box {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

        .applynow-filter .upload-box input[type="text"] {
            border-right: 2px solid #f0ddca;
        }

        .applynow-filter .upload-box::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            left: 0px;
            top: 285px;
            width: 100%;
            z-index: 9;
        }

        .applynow-filter .upload-box::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            left: 0px;
            bottom: 158px;
            width: 100%;
            z-index: 9;
        }

    #drop {
        width: 100%;
    }

        #drop a {
            width: 100%;
            text-align: center;
            margin-bottom: 30px;
        }

            #drop a:nth-of-type(2) {
                margin-bottom: 0px;
            }

    .mob-second {
        display: none;
    }
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .bottom-footer .main-footer-container {
        justify-content: center !important;
    }

    .applynow-filter input[type="password"] {
        border: 2px solid #f0ddca;
    }

    .contact-address {
        margin-top: 30px;
    }

    .main-cont-right, .main-cont-left {
        float: none;
    }

    .navbar-default .navbar-nav > li > a .caret {
        display: none;
    }
    /*	.navbar-nav > li > .dropdown-menu a { text-align:center; font-size:14px; padding:6px 0px; color:#e0e0e0;}
		.navbar-nav > li > .dropdown-menu{ padding:0px;}*/

    p.login-button {
        margin-bottom: 20px;
    }

    p.forgotpassword {
        margin-top: 0px;
    }

    .ourbranches-filter .btn-link-dark {
        line-height: 30px;
    }

    ul.catering-block li:last-child {
        margin-bottom: 40px;
    }
    /* CSR Activities */
    .csr a:hover .news-block-img {
        display: none;
    }

    .csr a:hover .news-block {
        padding: 105px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    .csr .col-md-6:nth-of-type(2) a:hover .news-block {
        padding: 105px;
    }

    .csr a:hover h1 {
        color: #e47100;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
        background: none;
        padding-bottom: 0px;
        font-size: 21px;
    }

    .csr a:hover p.csr-txt {
        display: block;
        line-height: 30px;
    }

    .csr a:hover .news-block {
        min-height: 275px;
    }

    /* News Media */
    .newsroom a:hover .news-block {
        padding: 110px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    /*------ PUBLICATION CSS ------*/
    .publication {
        text-align: center;
    }

    .publication-icon {
        width: 40px;
        height: 29px;
        margin-bottom: 15px !important;
    }

    /* Our Branches */
    ul.our-branches li .col-sm-12:nth-of-type(1) img {
        margin-bottom: 30px;
    }

    ul.our-branches li .col-sm-12:nth-of-type(2) h1 {
        font-size: 24px;
    }

    ul.our-branches li .col-sm-12:nth-of-type(2) p.content-big {
        font-size: 16px;
    }

    ul.our-branches li .col-sm-12:nth-of-type(2) p:nth-of-type(3) {
        float: none;
    }

    h1 {
        font-size: 32px;
    }

    .logo a img {
        max-height: 80px;
    }

    .logo {
        text-align: center;
    }

    /* Our Menu */
    .panel-light .panel-title > a {
        padding: 12px;
        font-size: 17px;
    }

    ul.ourmenu-block {
        padding-right: 0px;
    }

        ul.ourmenu-block li {
            background: url(/Themes/NopRoot/Content/RomansiyaEn/images/line-seperator.png) left bottom repeat-x;
            position: relative;
            padding-bottom: 45px;
            text-align: center;
        }

            ul.ourmenu-block li:last-child {
                background: none;
            }

            ul.ourmenu-block li .img-thumb {
                float: none;
                padding-bottom: 20px;
                margin-left: 30px;
            }

            ul.ourmenu-block li a h3 {
                margin: 0px;
                padding-bottom: 10px;
                width: 100%;
                font-size: 20px;
            }

            ul.ourmenu-block li p.cart {
                position: absolute;
                right: 48%;
                bottom: 0px;
                text-align: center;
                margin-left: 0px;
            }

            ul.ourmenu-block li p.pricemenu {
                float: none;
                font-size: 17px !important;
                margin-bottom: 10px;
            }

            ul.ourmenu-block li .dotted {
                display: none;
            }

    /*------ SEARCH RESPONSIVE CSS ------*/
    .search-responsive {
        padding: 5px 0;
        height: 30px;
        position: relative;
        right: 30px;
        top: 15px;
        float: right;
        line-height: 22px;
        display: block;
    }

        .search-responsive input {
            position: absolute;
            width: 0px;
            top: -7px;
            float: Left;
            height: 30px;
            line-height: 18px;
            padding: 5px 9px;
            border-radius: 15px;
            font-family: 'Lato', Arial, sans-serif;
            font-size: 14px;
            color: #643335;
            background: #fefbf5;
            width: 230px;
            margin-left: -263px;
        }

        .search-responsive .btn {
            position: absolute;
            right: 0px;
            top: -5px;
            background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon_search.png') #db0a5b no-repeat left top;
            background-position: 0 0;
            width: 24px;
            height: 30px;
            background-size: 24px 55px;
            -webkit-transition: opacity 0.5s;
            -moz-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
        }

            .search-responsive .btn:hover, .btn:focus {
                background-position: 0 -30px;
                opacity: 1;
            }

    .responsive-search {
        display: none;
    }


    /* Menu Popup */
    .modal-dialog {
        width: 94%;
        margin: 25% auto auto auto;
    }

    .modal-content {
        padding: 20px;
    }

        .modal-content .col-md-4:nth-of-type(2) {
            width: 100%;
        }

        .modal-content p.sublink {
            display: none;
        }

        .modal-content .heading h2 {
            float: right;
            text-align: right;
            font-size: 22px;
        }

    .radio {
        margin: auto;
        float: none;
    }

    .modal-content p.size {
        float: none;
        text-align: center;
    }

    .modal-content .btn-link {
        float: none;
        font-size: 17px;
        font-family: 'Lato', Arial, sans-serif;
        width: 100%;
    }

    .modal-content .btn-link-dark {
        margin: 20px auto 0px auto;
        float: none;
        font-size: 17px;
        font-family: 'Lato', Arial, sans-serif;
        width: 100%;
    }

    .modal-dialog .separator {
        margin: 20px auto;
    }

    .modal-content .txtbox {
        position: relative;
        float: none;
        width: 100% !important;
        margin: 0px;
    }

        .modal-content .txtbox::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-before.png") repeat-x;
            background-size: 700% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            left: 1px;
            top: -2px;
            width: 99.7%;
            z-index: 9;
        }

        .modal-content .txtbox::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-after.png") repeat-x;
            background-size: 700% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            left: 1px;
            bottom: -52px;
            width: 99.7%;
            z-index: 9;
        }

    .modal-content .spinner {
        width: 100%;
    }

    .modal-content .input-group-btn-vertical .spinner input {
        text-align: center;
        float: none;
    }

    .modal-content .input-group-btn-vertical {
        position: relative;
        white-space: nowrap;
        width: 100%;
        vertical-align: middle;
        display: table-cell;
        padding: 0px;
    }

        .modal-content .input-group-btn-vertical > .btn {
            display: block;
            float: none;
            width: 100%;
            max-width: 100%;
            padding: 0px;
            margin-top: 6px;
            position: relative;
            border-radius: 0;
            background: none;
            border: none;
            box-shadow: none;
        }

            .modal-content .input-group-btn-vertical > .btn:first-child {
                border-radius: 6px;
                background: #e8dbd6;
                color: #643335;
                font-size: 26px;
                line-height: 20px;
                float: none;
                width: 100%;
                height: 35px;
                text-shadow: none;
                margin-bottom: 20px;
            }

            .modal-content .input-group-btn-vertical > .btn:last-child {
                border-radius: 6px;
                background: #e8dbd6;
                color: #643335;
                font-size: 26px;
                line-height: 20px;
                float: none;
                width: 100%;
                height: 35px;
                text-shadow: none;
                margin-top: 99px;
            }

        .modal-content .input-group-btn-vertical i {
            position: absolute;
            top: 0;
            left: 4px;
        }

    .modal-content .input-group {
        float: none;
        margin: 0px auto 30px auto;
    }

    /*------ APPLY NOW CSS ------*/
    .applynow-filter input[type="password"] {
        border-left: 2px solid #f0ddca;
        border-radius: 6px;
        border-right: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .applynow-filter input[type="text"] {
        background: #fff none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
    }

    .applynow-filter .txtbox {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

        .applynow-filter .txtbox::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 1px;
            top: -4px;
            width: 99.4%;
            z-index: 9;
        }

        .applynow-filter .txtbox::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 1px;
            bottom: -4px;
            width: 99.4%;
            z-index: 9;
        }

    .applynow-filter .styled-select select {
        font-family: "Lato";
        -moz-appearance: none;
        background: transparent none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        cursor: pointer;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
        position: relative;
    }

    .applynow-filter .styled-select {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: right;
        margin-bottom: 30px;
    }

        .applynow-filter .styled-select::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            top: 380px;
            width: 95%;
            z-index: 9;
        }

        .applynow-filter .styled-select::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            bottom: -435px;
            width: 95%;
            z-index: 9;
        }

    .applynow-filter .styled-select-gender select {
        font-family: "Lato";
        -moz-appearance: none;
        background: transparent none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        cursor: pointer;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
        position: relative;
    }

    .applynow-filter .styled-select-gender {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: right;
        margin-bottom: 30px;
    }

        .applynow-filter .styled-select-gender::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            top: -3px;
            width: 95%;
            z-index: 9;
        }

        .applynow-filter .styled-select-gender::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            bottom: -51px;
            width: 95%;
            z-index: 9;
        }

    .applynow-filter .styled-select-nationality select {
        font-family: "Lato";
        -moz-appearance: none;
        background: transparent none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        cursor: pointer;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
        position: relative;
    }

    .applynow-filter .styled-select-nationality {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: right;
        margin: 0px 0px 30px 0px;
    }

        .applynow-filter .styled-select-nationality::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            top: 304px;
            width: 95%;
            z-index: 9;
        }

        .applynow-filter .styled-select-nationality::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 17px;
            bottom: -360px;
            width: 95%;
            z-index: 9;
        }

    .applynow-filter textarea {
        width: 100%;
        border: 0px;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        padding: 10px;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .applynow-filter .txtbox-area {
        position: relative;
        float: left;
        width: 100%;
        margin-right: 30px;
    }

        .applynow-filter .txtbox-area::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 1px;
            top: -4px;
            width: 99.7%;
            z-index: 9;
        }

        .applynow-filter .txtbox-area::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            right: 1px;
            bottom: 27px;
            width: 99.7%;
            z-index: 9;
        }

    .applynow-filter .upload-box {
        background: #fff url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select-white.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

        .applynow-filter .upload-box input[type="text"] {
            border-right: 2px solid #f0ddca;
        }

        .applynow-filter .upload-box::before {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-before.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            left: 0px;
            top: 285px;
            width: 100%;
            z-index: 9;
        }

        .applynow-filter .upload-box::after {
            background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/txtbox-after.png") repeat-x;
            background-size: 100% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            position: absolute;
            left: 0px;
            bottom: 158px;
            width: 100%;
            z-index: 9;
        }

    p.caption-txt {
        text-align: center;
    }
}

.click-now {
    border-radius: 0px 0px 5px 61px;
    top: 100% !important;
    left: 5rem !important;
    padding: 1rem !important;
    width: 80%;
    text-align: center;

}
.romansia-menu {
    border-radius: 0 0 12px;
    top: 100% !important;
    left: -52px !important;
    padding: 1rem 0rem !important;
    width: 218%;
}

@media only screen and (max-width : 887px) {
    .ourmenu-popupimg {
        float: none !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0px !important;
    }

    ul.ourmenu-block li .ourmenu-img-modal img {
        margin-left: 60px !important;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .bottom-footer .main-footer-container {
        text-align: center;
    }

    .modal-heading, .modal-price, .radio-button-block, .modal-button-block {
        float: none;
    }

    /* News Media */
    .newsroom a:hover .news-block {
        padding: 60px 40px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    .content-big {
        font-size: 17px;
        line-height: 26px;
    }
    /* Submenu */
    .submenu a {
        background: url("/Themes/NopRoot/Content/RomansiyaEn/images/sidemenu-bottom-border.png") repeat-x left bottom;
        padding: 10px;
        width: 100%;
        display: block;
        color: #fff;
        line-height: 15px;
        margin-bottom: 3px;
        font-size: 15px;
    }

        .submenu a:hover, .submenu a.active {
            background: url("/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png") repeat left bottom;
            text-decoration: none;
            line-height: 15px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

    /* Inner Banner */
    .inner-banner {
        margin-bottom: 30px;
        height: 200px;
    }

    /* About Us Why Choose Us */
    .why-choose-us {
        margin-bottom: 40px;
    }

    /* News */
    .news-block h1 {
        padding: 20px 20px 10px 20px;
        font-size: 22px;
        line-height: 26px;
    }

    .news-block p {
        padding: 0px 20px;
    }

    /* Menu Filter */
    .menu-filter .col-lg-9 .col-lg-2 {
        padding-right: 15px;
    }

    .menu-filter .txtbox input[type="text"] {
        border-top: 2px solid #f0ddca;
        border-bottom: 2px solid #f0ddca;
    }

    .menu-filter .txtbox::before {
        display: none;
    }

    .menu-filter .txtbox::after {
        display: none;
    }

    .menu-filter .styled-select {
        margin: 20px 0px;
    }

        .menu-filter .styled-select select {
            border-top: 2px solid #f0ddca;
            border-bottom: 2px solid #f0ddca;
        }

        .menu-filter .styled-select::before {
            display: none;
        }

        .menu-filter .styled-select::after {
            display: none;
        }

    /* Menu Popup */
    .modal-content p.cont {
        display: none;
    }

    /* Contact Us */
    .contact-bottom {
        text-align: center;
    }

    fieldset {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

        fieldset legend {
            border: 2px solid #f0ddca;
            border-radius: 6px;
        }

            fieldset legend::before {
                display: none;
            }

            fieldset legend::after {
                display: none;
            }

        fieldset::after {
            display: none;
        }

    .contact-filter input[type="text"] {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .contact-filter .txtbox::before {
        display: none;
    }

    .contact-filter .txtbox::after {
        display: none;
    }

    .contact-filter .styled-select select {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .contact-filter .styled-select::before {
        display: none;
    }

    .contact-filter .styled-select::after {
        display: none;
    }

    .contact-filter textarea {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .contact-filter .txtbox-area::before {
        display: none;
    }

    .contact-filter .txtbox-area::after {
        display: none;
    }

    /*------ APPLY NOW CSS ------*/
    .applynow-filter input[type="text"] {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .applynow-filter .txtbox::before {
        display: none;
    }

    .applynow-filter .txtbox::after {
        display: none;
    }

    .applynow-filter .styled-select select {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .applynow-filter .styled-select::before {
        display: none;
    }

    .applynow-filter .styled-select::after {
        display: none;
    }

    .applynow-filter .styled-select-gender select {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .applynow-filter .styled-select-gender::before {
        display: none;
    }

    .applynow-filter .styled-select-gender::after {
        display: none;
    }

    .applynow-filter .styled-select-nationality select {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .applynow-filter .styled-select-nationality::before {
        display: none;
    }

    .applynow-filter .styled-select-nationality::after {
        display: none;
    }

    .applynow-filter textarea {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .applynow-filter .txtbox-area::before {
        display: none;
    }

    .applynow-filter .txtbox-area::after {
        display: none;
    }

    .applynow-filter .upload-box input[type="text"] {
        border-right: 2px solid #f0ddca;
    }

    .applynow-filter .upload-box::before {
        display: none;
    }

    .applynow-filter .upload-box::after {
        display: none;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {

    .search-responsive input {
        width: auto;
        margin-left: -210px;
    }

    fieldset legend {
        background: none;
        border: none;
        padding: 0px;
        margin-bottom: 30px;
    }

    fieldset {
        padding: 0px;
        border: 0px;
    }

        fieldset input[type="text"] {
            line-height: 18px;
        }

    .g-recaptcha {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    /* CSR Activities */
    .csr a:hover .news-block-img {
        display: none;
    }

    .csr a:hover .news-block {
        padding: 30px 25px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    .csr .col-md-6:nth-of-type(2) a:hover .news-block {
        padding: 30px 25px;
    }

    .csr a:hover h1 {
        color: #e47100;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
        background: none;
        padding-bottom: 0px;
        font-size: 19px;
    }

    .csr a:hover p.csr-txt {
        display: block;
        line-height: 30px;
    }

    .csr a:hover .news-block {
        min-height: 275px;
    }

    /* News Media */
    .newsroom a:hover .news-block {
        padding: 50px 40px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 24px;
        color: #643335;
        margin-bottom: 12px;
    }

    h3 {
        font-size: 24px;
        color: #e57200;
        margin-bottom: 12px;
    }

    h4 {
        font-size: 24px;
        color: #db0a5b;
        margin-bottom: 12px;
    }

    h5 {
        font-size: 24px;
        color: #fff;
        margin-bottom: 12px;
    }

    ul.ourmenu-block li p.cart {
        right: 45%;
    }

    /*------ CATERING CSS ------*/
    .catering-cont h1 {
        margin-bottom: 10px;
    }

    .catering-cont h2 {
        margin-bottom: 0px;
    }

    .catering img {
        border: 2px solid #f0ddca;
        border-radius: 6px;
    }

    .catering {
        position: relative;
        margin-bottom: 30px;
    }

        .catering:before {
            display: none;
        }

        .catering:after {
            display: none;
        }

    /*------ RESPONSIVE SEARCH CSS ------*/
    .responsive-search {
        display: none;
        width: 100%;
        float: left;
    }

    .input-group .form-control {
        width: 100%;
        -webkit-border-top-left-radius: 16px;
        -webkit-border-bottom-left-radius: 16px;
        -moz-border-radius-topleft: 16px;
        -moz-border-radius-bottomleft: 16px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
    }

    .responsive-search .input-group {
        padding: 0px 15px;
    }

    .navbar-form {
        margin: 8px 0px;
        padding: 10px 0px;
    }

    .search input {
        font-family: 'Lato', Arial, sans-serif;
        font-size: 15px;
        color: #6a747b;
        width: 100%;
    }

        .search input:focus {
            box-shadow: 0 0 5px rgba(228, 113, 0, 1);
            padding: 3px 0px 3px 3px;
            margin: 5px 1px 3px 0px;
            border: 1px solid rgba(228, 113, 0, 1);
        }

    .btn {
        height: 34px;
        width: 40px;
        position: absolute;
        right: 0;
        top: 0px;
        background: #e57200;
        color: #fff;
        border: none;
        -webkit-border-top-right-radius: 16px;
        -webkit-border-bottom-right-radius: 16px;
        -moz-border-radius-topright: 16px;
        -moz-border-radius-bottomright: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }

        .btn:hover {
            background: #643335;
            color: #fff;
        }



    .ourbranches-filter input[type="text"] {
        background: #fbf3eb none repeat scroll 0 0;
        border: 0px;
        border-radius: 6px;
        box-shadow: none;
        color: #643335;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
    }

    .ourbranches-filter input[type="password"] {
        background: #fbf3eb none repeat scroll 0 0;
        border: 0px;
        border-radius: 6px;
        box-shadow: none;
        color: #643335;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
    }

    .ourbranches-filter .txtbox {
        position: relative;
        float: left;
        width: 100%;
        margin-right: 30px;
    }

        .ourbranches-filter .txtbox::before {
            display: none;
        }

        .ourbranches-filter .txtbox::after {
            display: none;
        }

    .ourbranches-filter .password {
        position: relative;
        float: left;
        width: 100%;
        margin: 25px 0px;
    }

        .ourbranches-filter .password::before {
            display: none;
        }

        .ourbranches-filter .password::after {
            display: none;
        }

    .ourbranches-filter .styled-select select {
        font-family: "Lato";
        -moz-appearance: none;
        background: transparent none repeat scroll 0 0;
        border: 0px;
        box-shadow: none;
        color: #643335;
        cursor: pointer;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        width: 100%;
        position: relative;
    }

    .ourbranches-filter .styled-select {
        background: #fbf3eb url("/Themes/NopRoot/Content/RomansiyaEn/images/down_arrow_select.jpg") no-repeat scroll right center;
        border: medium none;
        height: 48px;
        overflow: hidden;
        width: 100%;
        float: right;
        border-radius: 6px;
        margin: 25px 0px;
    }

        .ourbranches-filter .styled-select::before {
            display: none;
        }

        .ourbranches-filter .styled-select::after {
            display: none;
        }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {

    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .csr a h1 {
        font-size: 17px;
    }

    .csr a:hover p.csr-txt {
        display: none;
    }

    .csr a:hover .news-block {
        min-height: 195px;
    }
    /* News Media */
    .newsroom a:hover .news-block {
        padding: 30px 20px;
        background: #643335;
        -webkit-transition: color 0.25s;
        -moz-transition: color 0.25s;
        transition: color 0.25s;
    }
}

/* *********************  Helper Classes  ********************* */

.br0 {
    border-radius: 0 !important;
}

.br1 {
    border-radius: 1px !important;
}

.br2 {
    border-radius: 2px !important;
}

.br4 {
    border-radius: 4px !important;
}

.br6 {
    border-radius: 6px !important;
}

.br8 {
    border-radius: 8px !important;
}

.op8 {
    opacity: 0.8 !important;
}

.op7 {
    opacity: 0.7 !important;
}

.op6 {
    opacity: 0.6 !important;
}

.op5 {
    opacity: 0.5 !important;
}

.op4 {
    opacity: 0.4 !important;
}

.op2 {
    opacity: 0.2 !important;
}

.uppercase {
    text-transform: uppercase;
}

.montserrat {
    font-family: "Montserrat", 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.word-wrap {
    word-wrap: break-word;
}

.fs-small {
    font-size: 80% !important;
}

.fs-large {
    font-size: 120% !important;
}

.fs-15 {
    font-size: 15px !important;
}

.line-height-1-5 {
    line-height: 1.5 !important;
}

.relative {
    position: relative;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.unstyled {
    list-style: none;
    padding: 0 0 10px 20px;
}

.pull-center {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both;
    text-align: center;
}

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

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.m0 {
    margin: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.p0 {
    padding: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}


.py5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.py10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.py15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

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


.no-border {
    border: none !important;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}


/* Colors */
.color-inherit {
    color: inherit !important;
}
/*.color-main { color: rgb(148,55,70) !important; }*/
.color-white {
    color: #fff !important;
}

.color-offwhite {
    color: #ffebd7 !important;
    font-size: 17px;
    line-height: 27px;
}
/*.color-alpha { color: rgba(250, 250, 250, 0.9); }
.color-darker {  color: #303234 !important; }
.color-dark { color: #505355 !important; }
.color-default { color: #667 !important; }
.color-gray { color: #999a9b !important; }
.color-on-dark { color: #d2d4d9 !important; }
.color-on-img { color: #e2e3e4 !important }
.bg-main { background-color: rgb(252,200,19) !important; }
.bg-dark { background-color: #444648 !important; }
.bg-darker {  background-color: #303234 !important; }
.bg-dark-gray { background-color: #778888 !important; }
.bg-light-gray { background-color: #aaabac !important; }*/

/* Check media width for javascript*/
.check-media {
    display: none;
    width: 0;
}

@media only screen and (max-width: 991px) {
    .check-media {
        width: 991px;
    }
}

/* Helper classes for mobile */
@media only screen and (max-width: 767px) {

    .xs-p0 {
        padding: 0 !important;
    }

    .xs-pb0 {
        padding-bottom: 0 !important;
    }

    .xs-pt0 {
        padding-top: 0 !important;
    }

    .xs-m0 {
        margin: 0 !important;
    }

    .xs-mt0 {
        margin-top: 0 !important;
    }

    .xs-mb0 {
        margin-bottom: 0 !important;
    }

    .xs-mb10 {
        margin-bottom: 10px !important;
    }

    .xs-mb20 {
        margin-bottom: 20px !important;
    }

    .xs-mb30 {
        margin-bottom: 30px !important;
    }

    .xs-text-center {
        text-align: center !important;
    }

    .xs-pull-left {
        float: left !important;
    }

    .xs-block {
        display: block;
    }

    .xs-pull-center {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        clear: both;
        text-align: center;
        float: none !important;
    }
}


/* Helper classes for tablets */
@media only screen and (max-width: 991px) {
    .sm-p0 {
        padding: 0 !important;
    }

    .sm-pt0 {
        padding-top: 0 !important;
    }

    .sm-pb0 {
        padding-bottom: 0 !important;
    }

    .sm-m0 {
        margin: 0 !important;
    }

    .sm-mt0 {
        margin-top: 0 !important;
    }

    .sm-mb0 {
        margin-bottom: 0 !important;
    }

    .sm-mb10 {
        margin-bottom: 10px !important;
    }

    .sm-mt10 {
        margin-top: 10px !important;
    }

    .sm-mt50 {
        margin-top: 50px !important;
    }

    .sm-mb50 {
        margin-bottom: 50px !important;
    }

    .sm-block {
        display: block !important;
    }

    .sm-pull-left {
        float: left !important;
    }
}


/* Fixes */
.fix1 {
    margin-top: 3px;
}

/* *********************  End - Helper Classes  ********************* */


.nav-bg {
    background-color: #db0a5b;
    position: relative;
}

    .nav-bg:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/top-curve_pink.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        top: -4px;
        width: 100%;
        z-index: 99;
    }

    .nav-bg:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bottom-curve_pink.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        bottom: -4px;
        width: 100%;
        z-index: 99;
    }

/*.navbar-default .navbar-toggle .icon-bar {
    background-image: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon_menu.png') no-repeat top left; background-position: 0 -60px; width: 44px; height: 30px; 
    background-repeat: no-repeat;
}*/

.navbar {
    margin-bottom: 0;
}

    .navbar .caret {
        margin-left: 10px;
    }

.navbar-default {
    background-color: #db0a5b !important;
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .navbar-default .navbar-brand {
        color: #ffffff;
        margin: 10px 10px !important;
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon_home.png') no-repeat top left;
        background-position: 0 1px;
        width: 31px;
        height: 28px;
        background-size: 31px 57px;
        opacity: 0.8;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #ffcb97;
            background-position: 0 -28px;
            opacity: 1;
            -webkit-transition: opacity 0.5s;
            -moz-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
        }

    .navbar-default .navbar-text {
        color: #ffffff;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        font-family: 'Gotham Rounded';
        font-weight: 500;
        font-size: 17px;
        padding: 15px 18px;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #ffcb97;
        }

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}

.navbar-default .navbar-nav > li > a.active {
    color: #ffcb97;
}

.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #db0a5b;
    left: 10px !important;
    min-width: 180px !important;
}

    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        color: #ffffff;
        font-family: 'Gotham Rounded Book';
        font-size: 14px;
        padding: 8px 12px;
        white-space: normal;
    }

        .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
            color: #ffcb97;
            background-color: none !important;
        }

    .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
        background-color: #000000;
    }

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffcb97;
    background-color: none !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: none !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffcb97;
    background: none !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffcb97;
    background: none !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    box-shadow: none;
}

.navbar-default .navbar-toggle {
    border: none;
}

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #000000;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e6548d;
}

.navbar-default .navbar-link {
    color: #ffffff;
}

    .navbar-default .navbar-link:hover {
        color: #ffcb97;
    }

.top-nav-container {
    float: right;
    margin-top: 10px;
}

.top-nav li {
    float: left;
    margin-left: 15px;
}

    .top-nav li a {
        color: #fff;
        font-size: 13px;
        text-decoration: none;
    }

        .top-nav li a:hover {
            color: #e57200;
        }

        .top-nav li a.active {
            color: #ffcb97;
        }

    .top-nav li.last {
        margin-right: -30px;
        margin-left: 35px;
    }

.top-nav2-container {
    margin-top: 20px;
    padding-top: 20px;
}

.top-nav2 li {
    float: left;
    color: #ffcb97;
    font-family: 'Gotham Rounded';
    font-weight: 500;
    font-size: 30px;
}

    .top-nav2 li.contact {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon-phone.png') no-repeat top left;
        height: 42px;
        background-size: 40px 42px;
        padding-left: 55px;
        padding-top: 10px;
        margin-right: 30px;
    }

    .top-nav2 li.order {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon-cart.png') no-repeat top left;
        height: 42px;
        background-size: 52px 42px;
        padding-left: 67px;
        padding-top: 10px;
    }

        .top-nav2 li.order a, .top-nav2 li.contact a {
            text-decoration: none;
            color: #ffcb97;
        }

            .top-nav2 li.order a:hover, .top-nav2 li.contact a:hover {
                text-decoration: none;
                color: #fff;
            }

.arabic-link {
    position: relative;
    float: right;
    margin-top: 0px;
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon_arabic.png') no-repeat top left;
    background-position: 0 0;
    width: 16px;
    height: 25px;
    background-size: 16px 50px;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

    .arabic-link:hover, .arabic-link:focus {
        background-position: 0 -25px;
        opacity: 1;
    }

.search-link {
    position: relative;
    float: right;
    margin-top: 0px;
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon_search.png') no-repeat top left;
    background-position: 0 0;
    width: 24px;
    height: 25px;
    background-size: 24px 50px;
    opacity: 0.8;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

    .search-link:hover, .search-link:focus {
        background-position: 0 -25px;
        opacity: 1;
    }



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    .navbar-default .navbar-brand {
        margin: 10px 20px !important;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 15px 13px;
        font-size: 17px;
        text-align: start
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .navbar-nav .dropdown-menu > li > a {
        text-align: center;
    }

    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        font-size: 14px;
        padding: 8px;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-default .navbar-brand
    .navbar-default .navbar-nav > li > a {
        padding: 10px 10px;
        text-align: center;
    }

    .navbar-toggle {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png') repeat;
        float: left;
        margin-left: 15px;
    }

    .arabic-link {
        margin-top: 12px;
        margin-right: 30px;
    }

    .search-link {
        margin-top: 12px;
        margin-right: 30px;
    }

    /*.twitter-link { background: url('/Themes/NopRoot/Content/RomansiyaEn/images/footer_twitter.png') no-repeat top left; background-position: 0 0; width: 27px; height: 28px; background-size:27px 56px; }
.twitter-link:hover, .twitter-link:focus { background-position: 0 -28px; }*/

    .top-nav2-container {
        float: none;
        margin-top: 20px;
        padding-top: 20px;
        border-top: solid 1px #7b5153;
        text-align: center;
    }

    .top-nav2 li {
        float: left;
        color: #ffcb97;
        font-family: 'Gotham Rounded';
        font-weight: 500;
        font-size: 24px;
    }

        .top-nav2 li.contact {
            float: left;
            background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon-phone.png') no-repeat top left;
            height: 42px;
            background-size: 40px 42px;
            padding-left: 55px;
            padding-top: 10px;
            margin-right: 0px;
        }

        .top-nav2 li.order {
            float: right;
            background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon-cart.png') no-repeat top left;
            height: 42px;
            background-size: 52px 42px;
            padding-left: 67px;
            padding-top: 10px;
        }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffcb97;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffcb97;
        background-color: #000000;
    }


    /*.top-nav2-container { float:none; margin-top:20px; padding-top:20px; border-top: solid 1px #7b5153; text-align:center;  }
		.top-nav2 li { float:left; color:#ffcb97; font-family: 'Gotham Rounded'; font-weight:500; font-size:24px; letter-spacing:-1px; }
		.top-nav2 li.contact { float:left; background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon-phone.png') no-repeat top left; height: 42px; background-size:40px 42px; padding-left:55px; padding-top:10px; margin-right:30px;  }
		.top-nav2 li.order { float:right; background: url('/Themes/NopRoot/Content/RomansiyaEn/images/icon-cart.png') no-repeat top left; height: 42px; background-size:52px 42px; padding-left:67px; padding-top:10px; }*/
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
    .top-nav2 li {
        font-size: 16px;
    }

        .top-nav2 li.contact {
            height: 32px;
            background-size: 26px 28px;
            padding-left: 32px;
            padding-top: 5px;
            margin-right: 30px;
        }

        .top-nav2 li.order {
            height: 32px;
            background-size: 34px 28px;
            padding-left: 40px;
            padding-top: 5px;
        }
}

section {
    padding: 60px 0;
}

    section.quality {
        padding-bottom: 0;
    }

    section.twoblocks {
        padding-bottom: 0;
    }

    section.apps {
        padding: 15px 0px 50px 0px;
    }

    section.multimedia {
        padding-bottom: 0px;
    }

.menubg {
    position: relative;
    background: #e57200;
    background-attachment: fixed;
    background-position: -60px center;
}

    .menubg:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/top-curve_orange.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        top: -4px;
        width: 100%;
        z-index: 99;
    }

    .menubg:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bottom-curve_orange.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        bottom: -4px;
        width: 100%;
        z-index: 99;
    }

.btn-link {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Lato';
    font-size: 20px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active {
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png);
        background-repeat: repeat;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-out;
    }

.qualitytxt {
    margin-top: 60px;
}

.qualityimg_container {
    margin-top: 40px;
    font-size: 16px;
    line-height: 19px;
}

.qualityimg {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/chicken-mandi-new.png') no-repeat;
    background-size: contain;
    width: 100%;
    height: 315px;
    position: relative;
}

    .qualityimg .msg1 {
        position: absolute;
        right: 100px;
        top: -40px;
        width: 225px;
    }

        .qualityimg .msg1 img {
            float: left;
            margin-right: 15px;
        }

    .qualityimg .msg2 {
        position: absolute;
        left: 150px;
        bottom: -15px;
        width: 500px;
    }

        .qualityimg .msg2 img {
            float: left;
            margin-bottom: 10px;
            margin-left: 75px;
        }

        .qualityimg .msg2 span {
            float: left;
            clear: left;
        }

    .qualityimg .seal {
        position: absolute;
        left: -30px;
        top: 100px;
    }

/*.twoblocks { 
	display: flex;
}*/
.social-responsibility {
    float: left;
}

.socialres {
    position: relative;
    background: #e8dbd6;
    padding: 38px 35px 38px 35px; /*flex: 1; */
    /*padding-bottom: 500em;
  margin-bottom: -500em;*/
}

    .socialres h1.home-page {
        margin-top: 20px;
    }

.socialres-inner {
    margin-bottom: 40px;
    padding: 30px 0px 10px 0px;
}

.inner-content-bg:before {
    color: #e57200;
    content: " ";
    padding: 10px 30px 30px 20px;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/colon.png) no-repeat left 0px;
}

.socialres:before {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/dark-bg.png');
    background-size: 200% 100%;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 8px;
    right: 0;
    position: absolute;
    top: -7px;
    width: 100%;
    z-index: 9;
}

.socialres:after {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/dark-bg-after.png');
    background-size: 200% 100%;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 8px;
    right: 0;
    position: absolute;
    bottom: -7px;
    width: 100%;
    z-index: 9;
}

.locationmap {
    position: relative;
}

    .locationmap:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-before.png');
        background-size: 120% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        right: 0;
        position: absolute;
        top: -4px;
        width: 100%;
        z-index: 9;
    }

    .locationmap:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-before.png');
        background-size: 120% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 5px;
        left: 0px;
        position: absolute;
        bottom: -4px;
        width: 100%;
        z-index: 9;
    }

    .locationmap .nav-link1 {
        padding: 8px 20px 10px 20px;
        width: 100%;
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/caption_bg.png') repeat;
        margin-top: -6px;
    }

.multimedia h1 {
    position: relative;
    padding-bottom: 15px;
}

    .multimedia h1:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/line-seperator.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 1px;
        right: 0;
        position: absolute;
        bottom: -1px;
        width: 100%;
        z-index: 9;
    }

.socialfeed-container {
    text-align: center;
    display: inline-block;
}

.socialfeed {
    float: left;
}

    .socialfeed li {
        float: left;
        margin-left: 20px;
    }

.storybg {
    position: relative;
    background: #e8dbd6 url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-image2.png') no-repeat;
    background-attachment: fixed;
    background-position: bottom right -130px;
}

    .storybg:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/top-curve_grey.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        top: -4px;
        width: 100%;
        z-index: 9;
    }

    .storybg:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bottom-curve_grey.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        bottom: -4px;
        width: 100%;
        z-index: 9;
    }

.nav-link1 {
    margin-bottom: 0;
}

    .nav-link1 a {
        font-family: 'Gotham Rounded';
        font-size: 18px;
        color: #ffebd7;
        text-decoration: none;
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/nav_arrow1.png') no-repeat top right;
        height: 18px;
        background-size: 24px 18px;
        padding-right: 36px;
    }

        .nav-link1 a:hover {
            color: #fff;
        }

.nav-link2 {
    margin-bottom: 15px;
}

    .nav-link2 a {
        font-family: 'Gotham Rounded';
        font-size: 18px;
        color: #e47100;
        text-decoration: none;
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/nav_arrow2.png') no-repeat top right;
        height: 18px;
        background-size: 24px 18px;
        padding-right: 36px;
    }

        .nav-link2 a:hover {
            color: #db0a5b;
        }

.apps h1 {
    position: relative;
    padding-bottom: 15px;
}

    .apps h1:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/line-seperator.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 1px;
        right: 0;
        position: absolute;
        bottom: -1px;
        width: 100%;
        z-index: 9;
    }

.iphoneapp {
    padding-top: 10px;
    font-size: 17px;
}

.androidapp {
    padding-top: 10px;
    font-size: 17px;
}

    .iphoneapp a, .androidapp a {
        font-family: 'Gotham Rounded';
        color: #e57200;
        text-decoration: none;
    }

        .iphoneapp a:hover, .androidapp a:hover {
            color: #db0a5b;
        }

.apps i {
    color: #e57200;
    font-size: 60px;
    float: left;
    margin-top: -10px;
    margin-right: 15px;
}

footer {
    position: relative;
    /*background: url('/Themes/NopRoot/Content/RomansiyaEn/images/footer-bg.png') repeat-x;*/
    padding: 0px;
    font-size: 16px;
}

.main-footer-container {
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    padding: 15px;
}

.footer-pattern {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/footer-right-pattern.png) right 20px no-repeat;
    padding: 85px 0px 60px 0px;
}

.copyright {
    position: relative;
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/footer-logo.png') no-repeat 0 0;
    background-size: 66px 50px;
    padding-left: 80px;
}

    .copyright img {
        margin-bottom: 5px;
    }

.nxtline {
    display: block;
}

.social-footer {
    text-align: right;
    margin-top: 15px;
    display: inline-block;
}

    .social-footer ul {
        float: right;
    }

        .social-footer ul li {
            float: left;
            margin-left: 20px;
        }

.twitter-link {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/footer_twitter.png') no-repeat top left;
    background-position: 0 0;
    width: 27px;
    height: 28px;
    background-size: 27px 56px;
}

    .twitter-link:hover, .twitter-link:focus {
        background-position: 0 -28px;
    }

.facebook-link {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/footer_facebook.png') no-repeat top left;
    background-position: 0 0;
    width: 17px;
    height: 28px;
    background-size: 17px 56px;
}

    .facebook-link:hover, .facebook-link:focus {
        background-position: 0 -28px;
    }

.instagram-link {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/footer_instagram.png') no-repeat top left;
    background-position: 0 0;
    width: 25px;
    height: 28px;
    background-size: 25px 56px;
}

    .instagram-link:hover, .instagram-link:focus {
        background-position: 0 -28px;
    }

.youtube-link {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/footer_youtube.png') no-repeat top left;
    background-position: 0 0;
    width: 29px;
    height: 28px;
    background-size: 29px 56px;
}

    .youtube-link:hover, .youtube-link:focus {
        background-position: 0 -28px;
    }


.snapchat-link {
    background: url('/Themes/NopRoot/Content/RomansiyaEn/images/footer_Snapchat.png') no-repeat top left;
    background-position: 0 0;
    width: 29px;
    height: 28px;
    background-size: 29px 56px;
}

    .snapchat-link:hover, .snapchat-link:focus {
        background-position: 0 -28px;
    }

@media only screen and (max-width : 1850px) {
    .footer-pattern {
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/footer-right-pattern02.png) right 23px no-repeat;
        padding: 85px 0px 60px 0px;
    }
}

@media only screen and (max-width : 1263px) {
    .footer-pattern {
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/footer-right-pattern03.png) right 23px no-repeat;
        padding: 85px 0px 60px 0px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    .menubg {
        background-image: none;
    }

    .qualityimg .msg2 {
        bottom: 20px;
    }

    .storybg {
        background-position: bottom right -220px;
    }

    footer {
        padding: 85px 0px 0px 0px;
    }

    .footer-pattern {
        background: none;
        padding: 0px;
    }

    .locationmap iframe {
        height: 347px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .qualitytxt {
        margin-top: 0px;
    }

    .qualityimg_container {
        margin-top: 60px;
    }

    .qualityimg .msg2 {
        bottom: -25px;
    }

    .qualityimg .seal {
        left: -30px;
        top: 10px;
    }

    .locationmap {
        margin-top: 40px;
        float: left;
        width: 100%;
    }

    .storybg {
        background-image: none;
    }

    .footer-pattern {
        background: none;
        padding: 0px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    section {
        padding: 40px 0;
    }

    .buffet {
        margin-top: 40px;
    }

    .qualityimg img {
        width: 75px;
        height: auto;
    }

    .qualityimg .msg1 {
        right: 20px;
        top: -40px;
        width: 225px;
    }

    .qualityimg .msg2 {
        left: 100px;
        bottom: -10px;
    }

    .qualityimg .seal {
        left: 50px;
        top: 0;
    }

    .iphoneapp {
        margin-bottom: 20px;
    }

    footer {
        padding: 40px 0 0px 0;
    }

    .social-footer {
        text-align: left;
        margin-bottom: 20px;
    }
}

/* Custom - for quality banner only */
@media only screen and (max-width : 649px) {
    .qualityimg {
        height: 200px;
    }

        .qualityimg .msg2 {
            left: 130px;
            bottom: 10px;
        }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
    .socialres {
        padding: 5px 30px 10px 30px;
    }

        .socialres h1.home-page {
            margin-bottom: 10px;
        }

    h1.color-white {
        margin-bottom: 5px;
    }

    .nxtline {
        display: inline-block;
    }

    .qualityimg_container .qualityimg {
        background-position: bottom center;
    }
    /*.qualityimg img { width:50px; height:auto; }
		.qualityimg .msg1 { right:-30px; top:-30px; width:225px; }
		.qualityimg .msg2 { left:60px; bottom:100px; }
		.qualityimg .seal { left:0px; top:0; }*/
    .socialfeed {
        margin-top: 10px;
    }

    footer {
        background-size: cover;
    }
}


/*-------------------------------------------------------------------------------------*/
/***** START - #AlRomansiah Gallery Section *****/
/*-------------------------------------------------------------------------------------*/
.grid {
    position: relative;
    clear: both;
    list-style: none;
    text-align: center;
}

    /* Common style */
    .grid figure {
        position: relative;
        overflow: hidden;
        width: 100% !important;
        height: auto;
        background: #e8dbd6;
        cursor: pointer;
    }

        .grid figure:before {
            background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-before.png');
            background-size: 150% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            right: 0;
            position: absolute;
            top: -1px;
            width: 100%;
            z-index: 9;
        }

        .grid figure:after {
            background: url('/Themes/NopRoot/Content/RomansiyaEn/images/bg-before.png');
            background-size: 180% 100%;
            background-repeat: repeat-x;
            content: "";
            display: block;
            height: 5px;
            left: 0px;
            position: absolute;
            bottom: -3px;
            width: 100%;
            z-index: 9;
        }

        .grid figure img {
            position: relative;
            display: block;
            width: 100%;
            opacity: 1;
        }

        .grid figure figcaption {
            padding: 2em;
            color: #fff;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none;
            }

            .grid figure figcaption,
            .grid figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                /* Anchor will cover the whole item by default */
                /* For some effects it will show as a button */
                .grid figure figcaption > a {
                    z-index: 100;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .grid figure h2 {
            font-weight: 300;
        }

            .grid figure h2 span {
                font-weight: 800;
                font-size: 14px !important;
            }

h2 span.year {
    color: #e57200 !important;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    font-size: 14px;
    color: #fff;
}

.grid span.video-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/icon-video.png) no-repeat center center;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

.grid:hover span.video-icon {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/icon-video.png) no-repeat center center;
    opacity: 1;
}

.grid span.photo-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/icon-photo.png) no-repeat center center;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

.grid:hover span.photo-icon {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/icon-photo.png) no-repeat center center;
    opacity: 1;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
    background: #064b6c;
}

    figure.effect-apollo img {
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1);
    }

    figure.effect-apollo p {
        position: absolute;
        left: 0;
        bottom: 0;
        margin: 10px 10px 0 0;
        padding: 6px 10px 12px 10px;
        width: 100%;
        line-height: 18px;
        text-align: left;
        opacity: 0;
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/caption_bg.png) repeat;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
        z-index: 2;
    }

    figure.effect-apollo h2 {
        text-align: left;
    }

    figure.effect-apollo:hover img {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    figure.effect-apollo:hover figcaption::before {
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    }

    figure.effect-apollo:hover p {
        opacity: 1;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

@media only screen and (max-width:479px) {
    .grid figure p {
        font-size: 12px;
    }

    figure.effect-apollo p {
        line-height: 16px;
    }
}
/*-------------------------------------------------------------------------------------*/
/***** END - #AlRomansiah Gallery Section *****/
/*-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*/
/***** START - #Revolution Slider Section *****/
/*-------------------------------------------------------------------------------------*/
/* Revolution Slider */
.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.tp-banner {
    width: 100%;
    position: relative;
}

@media only screen and (max-width:991px) {
    .fullcoveredvideo .tp-video-play-button {
        display: block !important;
        z-index: 9;
    }
}

.video-iframe-shadow {
    box-shadow: 5px 5px 40px rgba(0,0,0,0.7) !important;
}

/* Slider Titles */
.title-slider {
    color: #fff;
    text-shadow: 0px -1px 10px rgba(0, 0, 0, 0.5);
}

    .title-slider.large {
        font-size: 48px;
    }

        .title-slider.large span {
            font-size: 76px;
            color: #fff;
            /*color:#db0a5b;
	-webkit-text-fill-color: #db0a5b; 
   -webkit-text-stroke-width: 3px;
   -webkit-text-stroke-color: white;*/
        }

    .title-slider.medium {
        font-size: 24px;
        line-height: 32px;
    }

    .title-slider.small {
        font-size: 14px;
        line-height: 26px;
    }

        /* Dark titles */
        .title-slider.large.dark,
        .title-slider.medium.dark,
        .title-slider.small.dark {
            color: #643335;
            border-color: #643335;
        }

@media only screen and (max-width:767px) {
    .slider-below-floating-topbar-header {
        /*margin-bottom: 190px;*/
    }

        .slider-below-floating-topbar-header:before,
        .slider-below-floating-topbar-header:after {
            display: table;
            content: " ";
        }

        .slider-below-floating-topbar-header:after {
            clear: both;
        }
}


/* Slider Buttons */
.btn-slider {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Lato';
    font-size: 20px;
    margin: 50px !important;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-slider:hover,
    .btn-slider:focus,
    .btn-slider:active {
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png);
        color: #fff;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .tp-caption .btn-slider.main,
    .btn-slider.main {
        color: rgb(255,255,255);
        border-color: rgb(252,200,19);
    }

        .btn-slider.main:hover,
        .btn-slider.main:focus,
        .btn-slider.main:active {
            background-color: rgb(148,55,70);
            color: #fff;
        }

    .btn-slider.reversed {
        background-color: rgb(252,200,19);
        border-color: rgb(252,200,19);
    }

        .btn-slider.reversed:hover,
        .btn-slider.reversed:focus,
        .btn-slider.reversed:active {
            background-color: transparent;
            border-color: #fff;
            color: #fff;
        }

.tp-caption .btn-slider,
.tp-caption .btn-slider:hover,
.tp-caption .btn-slider:focus,
.tp-caption .btn-slider:active {
    color: #fff;
}

.btn-slider.square {
    border-radius: 2px;
}

/* Video Control */
.video-control {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff !important;
    background-color: rgba(10,10,11,0.3);
    border-radius: 50%;
    padding: 4px;
    text-align: center;
}

    .video-control .icon {
        font-size: 30px;
    }
/*-------------------------------------------------------------------------------------*/
/***** END - #Revolution Slider Section *****/
/*-------------------------------------------------------------------------------------*/







/*Override CSS For NopCommerce*/


.dropdown-toggle.arabic-link {
    width: 30px;
}


    .dropdown-toggle.arabic-link .fa {
        left: -34px;
        position: relative;
    }

article.food-menu .inner-banner {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/inner-baner/our-menu.jpg);
}


.nav-bg li .has-submenu i {
    display: none !important;
}

.nav-bg li .has-submenu + .dropdown-menu {
    display: none !important;
}


.main-header .dropdown-menu {
    top: 25px !important;
}

#topcartlink {
}

    #topcartlink ul.dropdown-menu:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-before.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        top: -6px;
        width: 100%;
        z-index: 9;
    }

    #topcartlink ul.dropdown-menu:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-after.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        bottom: -8px;
        width: 100%;
        z-index: 9;
    }

    #topcartlink ul.dropdown-menu {
        background: #e57200;
        padding: 10px;
        border-radius: 0 !important;
        text-align: left !important;
    }

#flyout-cart {
    width: 280px !important;
    font-size: 12px !important;
    max-height: 300px;
    overflow-y: auto;
    padding: 0 15px;
}

    #flyout-cart a {
        color: #fff !important;
    }

    #flyout-cart .count {
        color: #fff;
        text-align: left;
    }


.arabic-link + ul.dropdown-menu {
    background: #e57200;
    padding: 0px;
    left: -20px;
    border-radius: 0 !important;
    text-align: right !important;
}

    .arabic-link + ul.dropdown-menu a {
        color: #fff;
        width: 100%;
        display: block;
    }


    .arabic-link + ul.dropdown-menu:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-before.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        top: -6px;
        width: 100%;
        z-index: 9;
    }

    .arabic-link + ul.dropdown-menu:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-after.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        bottom: -8px;
        width: 100%;
        z-index: 9;
    }

#topcartlink .btn-default {
    padding: 10px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 12px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
    line-height: 30px;
    border: 0 none !important;
}

.search-result.alert {
    background-color: #E76825 !important;
    border: 0 none;
    background-image: none;
    position: relative;
    border-radius: 0;
    font-size: 13px;
    color: #fff;
}


    .search-result.alert:before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-before.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        top: -6px;
        width: 100%;
        z-index: 9;
    }

    .search-result.alert:after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-after.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        bottom: -8px;
        width: 100%;
        z-index: 9;
    }

.search-result span {
    color: #fff;
    font-size: 15px;
    text-decoration: underline;
}

#accordion .collapse {
    padding-left: 0 !important;
}



.cart-heading {
    margin-top: 30px;
}

    .cart-heading .banner a {
        color: #e76825 !important;
        transition: .3s ease !important;
    }

        .cart-heading .banner a:hover {
            color: #643335 !important;
            transition: .3s ease !important;
        }

.cart-container {
    background-color: none !important;
    box-shadow: 0 0 0 none !important;
}


    .cart-container .form-panel {
        background: none !important;
        box-shadow: 0 0 0 0 transparent !important;
        border: 2px solid #e9dbc7;
    }


        .cart-container .form-panel .panel-heading {
            background: none;
            background-color: #f9eee4 !important;
            padding: 20px;
        }


            .cart-container .form-panel .panel-heading h3 {
                color: #db0a5b;
                line-height: 1;
                padding-bottom: 6px;
                font-size: 20px;
            }


        .cart-container .form-panel .panel-body {
            background-color: #fbf3eb;
        }




    .cart-container .order-summary-content th {
        background-color: #E8DBD6;
    }

.order-summary-content .table {
    direction: ltr;
}

.cart-container .order-summary-content th, td {
    text-align: left;
    font-size: 14px;
    font-family: 'Gotham Rounded';
}


.cart-container .common-buttons .btn {
    padding: 4px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 12px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
    line-height: 30px;
    border: 0 none !important;
}


.cart-container .cart-footer .offer {
    position: relative;
    border: none;
    margin: 15px 0px 40px 0px;
    overflow: visible;
    font-size: 14px;
    font-family: 'Co Headline';
}

    .cart-container .cart-footer .offer:before {
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        top: -6px;
        width: 100%;
        z-index: 9;
    }

    .cart-container .cart-footer .offer:after {
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        bottom: -8px;
        width: 100%;
        z-index: 9;
    }


    .cart-container .cart-footer .offer .inputs {
        margin-top: 10px;
    }

    .cart-container .cart-footer .offer .btn {
        display: inline-block;
        padding: 8px 40px;
        border-radius: 5px;
        color: #fff;
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png);
        background-repeat: repeat;
        font-family: 'Gotham Rounded';
        font-size: 14px;
        text-decoration: none;
        margin: 1px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        border: 0px none;
    }


    .cart-container .cart-footer .offer .inputs select,
    .cart-container .cart-footer .offer .inputs input {
        margin-top: 6px;
    }


/*.product-details {
    background-color: #555;
}*/

.product-details.product-details-page {
    background: #fbf3eb;
    border: 2px solid #e9dbc7 !important;
    box-shadow: 0px 0px 0px transparent !important;
    color: #000;
    margin: 0px 0px 25px 0px !important;
    position: relative;
    font-size: 14px;
    font-family: 'Gotham Rounded';
}

.product-details .panel-heading {
    color: #db095b;
    display: block;
    padding: 20px;
    text-decoration: none !important;
    font-size: 16px;
    z-index: 10;
    background: #f9eee4;
}

    .product-details .panel-heading h3 {
        color: #db0a5b;
        font-family: 'Gotham Rounded';
        font-size: 20px;
    }

.product-details label {
    text-align: left;
}

.product-details .add-to-cart-button {
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 15px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
    line-height: 30px;
    border: 0 none !important;
    width: 100%;
    font-weight: 100;
    height: 37px;
}

.product-details .email-a-friend,
.product-details .compare-products {
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: right !important;
}


    .product-details .email-a-friend .btn,
    .product-details .compare-products .btn {
        display: inline-block;
        padding: 8px 20px;
        border-radius: 5px;
        color: #fff;
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png);
        background-repeat: repeat;
        font-family: 'Gotham Rounded';
        font-size: 14px;
        text-decoration: none;
        margin: 1px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        border: 0px none;
        font-weight: 100 !important;
    }


.addthis_toolbox a {
    float: right !important;
}

.product-details .nav-tabs > li {
    float: left;
    margin: 0;
}

    .product-details .nav-tabs > li a {
        background-color: #e57200 !important;
        color: #fff !important;
        border: 0 none !important;
        border-radius: 0 !important;
        margin: 0;
    }

.product-details .nav-tabs {
    border: 0px none;
}

.product-details .full-description {
    background-color: #E9DBC7;
    border: 0px none;
}

.product-details .gallery .picture {
    height: 380px;
    border: 2px solid #E9DBC7;
    padding: 2px;
}

    .product-details .gallery .picture img {
        width: 100%;
        height: 100%;
    }

.product-details .gallery {
    margin-top: 0;
}



.checkout-levels > div .active_position a {
    color: #DB0A5B !important;
}

.cart-footer .col-md-8 {
    display: none !important;
}

.cart-container .current-location .form-control:focus {
    box-shadow: 0 0 8px rgb(231, 104, 37);
    border-color: #E76825;
}

.cart-container .current-location .form-control {
    margin-bottom: 10px;
}

.cart-container .btn {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 14px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 0px none;
    font-weight: 100 !important;
}


.cart-container .near-title {
    font-size: 15px;
    font-weight: 100;
}

.checkout-content {
}


    .checkout-content .panel {
        background: #fbf3eb;
        border: 2px solid #e9dbc7;
        box-shadow: 0px 0px 0px transparent;
        color: #000;
        margin: 0px 0px 15px 0px !important;
        position: relative;
    }

        .checkout-content .panel .panel-heading {
            color: #db095b;
            display: block;
            padding: 20px;
            text-decoration: none !important;
            font-size: 20px;
            z-index: 10;
            background: #f9eee4;
        }


            .checkout-content .panel .panel-heading .op-number {
                padding-left: 12px;
                padding-top: 4px;
                color: #E76825;
                font-size: 20px;
            }

            .checkout-content .panel .panel-heading .fa {
                font-size: 20px;
            }

        .checkout-content .panel .panel-body {
            color: #db0a5b;
            font-size: 15px;
            font-family: 'Gotham Rounded';
        }

            .checkout-content .panel .panel-body select {
                margin-top: 10px;
                border: 1px solid #ccc;
            }

            .checkout-content .panel .panel-body .btn {
                display: inline-block;
                padding: 8px 20px;
                border-radius: 5px;
                color: #fff;
                background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
                background-repeat: repeat;
                font-family: 'Gotham Rounded';
                font-size: 14px;
                text-decoration: none;
                margin: 1px;
                -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
                border: 0px none;
                font-weight: 100 !important;
            }
/*#db0a5b*/




.cart-container.order-details {
    margin-top: 40px !important;
    font-size: 15px !important;
    font-family: 'Gotham Rounded' !important;
}


    .cart-container.order-details table {
        margin-top: 20px;
        margin-bottom: 20px;
    }


.modal-content.product-details {
    border: 2px solid #e9dbc7;
    padding: 0px;
}

    .modal-content.product-details .panel-heading {
        height: 60px;
        border: 0px solid #e9dbc7;
    }

    .modal-content.product-details .panel-body {
        font-family: 'Gotham Rounded';
        font-size: 14px;
        background-color: #FBF3EB;
    }

        .modal-content.product-details .panel-body .attributes {
            margin-top: 10px;
            margin-bottom: 20px;
        }

            .modal-content.product-details .panel-body .attributes .text-prompt {
                font-weight: bold;
            }

        .modal-content.product-details .panel-body input[type="text"] {
            border: 2px solid #D9CCBA;
        }

.product-details .gallery {
    margin-bottom: 20px;
}

.product-details .picture image {
    height: 360px !important;
}

.product-details ul.ourmenu-block li:last-child {
    margin-bottom: 10px;
    margin-top: 6px;
}

.register-page {
    margin-top: 20px;
    font-size: 14px;
    font-family: 'Gotham Rounded' !important;
}

    .register-page .fieldset legend {
        color: #E76825;
        margin-top: 20px;
        font-size: 17px;
        margin-bottom: 10px;
    }

    .register-page .fieldset .form-group > div {
        float: left;
        text-align: left;
        font-family: 'Gotham Rounded';
    }

    .register-page .fieldset .form-group > label {
        float: left;
        text-align: left;
        font-family: 'Gotham Rounded';
        padding-top: 10px;
    }

    .register-page .form-panel {
        border: 2px solid #f0ddca;
        padding: 30px;
        position: relative;
        margin-bottom: 30px;
        box-shadow: 0 0 0 transparent !important;
        border-radius: 0px !important;
        margin-top: 60px;
        background-color: transparent;
    }

        .register-page .form-panel .panel-heading {
            font-family: 'Gotham Rounded', Arial, sans-serif;
            font-size: 20px;
            color: #643336;
            margin-left: 0px;
            width: 210px;
            padding: 15px;
            background: #e7dcd8;
            z-index: 12;
            border-left: 2px solid #e9d3c1;
            border-right: 2px solid #e9d3c1;
            position: relative;
            text-align: center;
            margin-top: -60px;
        }

            .register-page .form-panel .panel-heading::before {
                background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
                background-size: 790% 100%;
                background-repeat: repeat-x;
                content: "";
                display: block;
                height: 5px;
                position: absolute;
                right: -2px;
                top: -2px;
                width: 102%;
                z-index: 9;
            }

            .register-page .form-panel .panel-heading::after {
                background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
                background-size: 790% 100%;
                background-repeat: repeat-x;
                content: "";
                display: block;
                height: 5px;
                position: absolute;
                right: -2px;
                bottom: -2px;
                width: 102%;
                z-index: 9;
            }


        .register-page .form-panel .form-control {
            background: #fff none repeat scroll 0 0;
            border: 2px solid #f0ddca;
            border-radius: 0 !important;
            box-shadow: none;
            color: #643335;
            font-size: 15px;
            height: 48px;
            line-height: 48px;
            padding: 0 10px;
            width: 100%;
        }

            .register-page .form-panel .form-control::before {
                background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
                background-size: 650% 100%;
                background-repeat: repeat-x;
                content: "";
                display: block;
                height: 5px;
                position: absolute;
                right: 0px;
                top: -3px;
                width: 99.4%;
                z-index: 9;
            }

            .register-page .form-panel .form-control::after {
                background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/menu-before.png") repeat-x;
                background-size: 650% 100%;
                background-repeat: repeat-x;
                content: "";
                display: block;
                height: 5px;
                position: absolute;
                right: 0px;
                top: -3px;
                width: 99.4%;
                z-index: 9;
            }


        .register-page .form-panel .btn {
            display: inline-block;
            padding: 8px 40px 14px 40px;
            border-radius: 5px;
            color: #fff;
            background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
            background-repeat: repeat;
            font-family: 'Gotham Rounded';
            font-size: 20px;
            text-decoration: none;
            margin: 1px;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }


            .register-page .form-panel .btn:hover,
            .register-page .form-panel .btn:focus,
            .register-page .form-panel .btn:active {
                background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_bg.png);
                background-repeat: repeat;
                color: #fff;
                text-decoration: none;
                -webkit-transition: all 0.3s ease-out;
            }


    .register-page select {
        background: #fff none repeat scroll 0 0;
        border: 2px solid #f0ddca;
        border-radius: 0 !important;
        box-shadow: none;
        color: #643335;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
    }



.ourbranches p {
    width: 90% !important;
}



.login-partial {
    margin-top: 58px;
}


    .login-partial .panel-default {
        background: #fbf3eb;
        border: 2px solid #e9dbc7;
        box-shadow: 0px 0px 0px transparent;
        color: #000;
        margin: 0px 0px 25px 0px !important;
        position: relative;
        font-family: 'Gotham Rounded' !important;
    }

        .login-partial .panel-default .panel-heading {
            color: #db095b;
            display: block;
            padding: 14px 20px;
            text-decoration: none !important;
            font-size: 20px;
            z-index: 10;
            background: #f9eee4;
        }



            .login-partial .panel-default .panel-heading h3 {
                font-size: 17px;
                padding: 0;
                margin: 0;
            }


        .login-partial .panel-default .form-control {
            background: #fff none repeat scroll 0 0;
            border: 2px solid #f0ddca;
            border-radius: 0 !important;
            box-shadow: none;
            color: #643335;
            font-size: 13px;
            height: 32px;
            line-height: 32px;
            padding: 0 10px;
            width: 100%;
        }

        .login-partial .panel-default label {
            font-size: 12px;
            color: #643335;
        }

    .login-partial .form-group > div {
        width: 100% !important;
    }

    .login-partial div.panel-body {
        border: none;
        padding: 2px 10px;
    }

    .login-partial .forgot-password {
        display: block;
        font-size: 12px;
        padding-top: 8px !important;
        color: #643335 !important;
    }

        .login-partial .forgot-password a {
            color: #643335 !important;
        }

    .login-partial .btn {
        display: inline-block;
        padding: 8px 40px 12px 40px;
        border-radius: 5px;
        color: #fff;
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
        background-repeat: repeat;
        font-family: 'Gotham Rounded';
        font-size: 13px;
        text-decoration: none;
        margin: 1px;
        -webkit-transition: all 0.3s ease-out;
        font-weight: 100 !important;
        transition: all 0.3s ease-out;
    }

div div.modal-dialog {
    width: 1140px !important;
    max-width: 1140px !important;
    margin: 7% auto auto;
}




.image-content {
    float: left;
    border: 2px solid #ccc;
}


    .image-content .gallery .picture {
        width: auto;
        height: auto;
        border: 0 none;
    }

    .image-content .gallery {
        margin: auto !important;
    }


.product-details .cont p {
    display: inline-block;
    width: 100%;
    font-family: 'Gotham Rounded' !important;
    font-size: 13px !important;
    margin-bottom: 0;
    overflow: hidden;
    max-height: 100px;
}

.product-details .separator {
    margin-top: 12px;
    margin-bottom: 12px;
}

.product-details .cont .image-content {
    display: inline-block;
    width: 18%;
}


h2 .product-price {
    font-family: 'Gotham Rounded' !important;
    font-weight: 100;
    font-size: 20px;
    margin-top: -10px;
}


.product-details .overview {
    font-size: 17px !important;
    font-family: 'Gotham Rounded' !important;
}

.radio-button-block {
    font-family: 'Gotham Rounded' !important;
    font-size: 13px;
    width: 100%;
}

    .radio-button-block .text-prompt {
        font-size: 15px;
        font-weight: bold;
        color: #643335;
        /* display: none;*/
    }

    .radio-button-block .option-list {
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .radio-button-block .option-list li {
            display: inline-block !important;
            max-width: 300px !important;
            width: auto !important;
            float: left !important;
            clear: none !important;
            direction: rtl;
            vertical-align: top;
            /*background-position: right 5px !important;*/
            padding-left: 30px;
            min-height: 24px;
            background-repeat: no-repeat !important;
            margin: 0 !important;
            background-position-x: left !important;
        }



            .radio-button-block .option-list li label {
                padding-top: 0px;
                color: #643335 !important;
                font-family: 'Gotham Rounded' !important;
                font-size: 15px !important;
                padding-left: 10px;
                padding-right: 20px;
            }

.product-details .product-vendor {
    font-size: 17px !important;
    margin-top: 10px;
    color: #DB0A5B;
}

    .product-details .product-vendor span.value {
        font-weight: 100;
        font-size: 14px;
        display: inline-block !important;
        padding-right: 10px;
    }


.modal-content .add-to-cart {
    margin-top: 20px;
    font-weight: 100;
}

.modal-content .add-to-cart-button {
    /* padding: 20px 40px;*/
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 15px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
    line-height: 0;
    border: 0 none !important;
    font-weight: 100;
    max-width: 200px;
}


.modal-content .add-to-cart label {
    color: #DB0A5B;
    padding-bottom: 10px;
}

.modal-content .add-to-cart .form-group > div {
    float: left;
}

.modal-content .heading h2 {
    font-family: 'Gotham Rounded';
    width: 260px;
    float: right;
}

    .modal-content .heading h2 > * {
        display: inline !important;
        width: auto;
    }


h2 .product-price {
    font-family: 'Gotham Rounded' !important;
    font-weight: 100;
    font-size: 20px;
    margin-top: -10px;
    width: 160px !important;
    float: left;
    padding-top: 10px;
    color: #643335 !important;
}


    h2 .product-price span {
        font-size: 28px;
    }


.modal-content {
    padding-bottom: 20px;
}


.product-details.branch {
    margin-top: 30px;
}



    .product-details.branch .panel-body {
        background-color: #FBF3EB;
        font-family: 'Gotham Rounded';
        font-size: 14px !important;
        text-align: justify !important;
    }


        .product-details.branch .panel-body p {
            text-align: justify !important;
            line-height: 2.4;
        }

        .product-details.branch .panel-body strong {
            font-weight: bold;
            font-size: 15px;
            color: #E76825;
        }


.about .inner-banner,
.contact .inner-banner {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/inner-baner/about-us-new.jpg);
}

.publications .inner-banner {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/inner-baner/publications.jpg);
}


.order-summary-content .remove-from-cart {
    position: relative;
}



    .order-summary-content .remove-from-cart input {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 99999;
        opacity: .000001;
        cursor: pointer;
    }

        .order-summary-content .remove-from-cart input + label {
            position: absolute;
            display: block;
            width: 20px;
            height: 20px;
            top: 10px;
            padding: 0;
            margin: 0;
            right: 10px;
            z-index: 999;
        }


            .order-summary-content .remove-from-cart input + label:after {
                font-family: FontAwesome;
                content: "\f00d";
                color: #E76825;
                font-size: 24px;
                position: absolute;
                cursor: pointer;
            }

div.modal-content .heading h2 span {
    color: #643335;
}

div.modal-content .heading h2 .product-price span {
    color: #E76825 !important;
}


.tp-simpleresponsive .tp-caption {
    display: block;
    max-width: 280px !important;
    white-space: normal;
}


    .tp-simpleresponsive .tp-caption a {
        position: relative;
        top: 50px;
    }



.product-details div.panel-body {
    background-color: #FBF3EB;
}



.product-details .product-vendor {
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px dashed #efdac7;
    margin-bottom: 10px;
}


.product-details .option-list {
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}



.product-details .text-prompt {
    color: #DB0A5B;
}




.product-details .prices {
    float: right;
    color: #E76825;
    font-family: 'Gotham Rounded';
    margin: 0;
    font-size: 23px;
}

.product-details .option-list .radio {
    width: 48%;
    display: inline-block;
    background-position-x: left !important;
    padding-left: 30px;
    font-size: 15px;
}

.product-details .panel.panel-default.form-panel > .panel-heading > h3 {
    display: inline !important;
}

.product-details .attributes {
    padding-bottom: 0px;
    border-bottom: 1px dashed #efdac7;
    margin-bottom: 10px;
    margin-top: 20px;
}


.product-details .add-to-cart label {
    color: #DB0A5B;
    margin-bottom: 15px;
}

.product-details .add-to-cart .form-group > .col-md-3 {
    width: 100%;
    width: 50%;
    float: left;
}


.product-details .input-group-btn-vertical > .btn:first-child {
    border-radius: 6px;
    background: #e8dbd6;
    color: #643335;
    font-size: 26px;
    line-height: 20px;
    border: 0 none;
    float: left;
    width: 35px;
    height: 35px;
    text-shadow: none;
}

@media (max-width: 780px) {
    .product-details .input-group-btn-vertical > .btn:first-child {
        width: 35px;
        height: 35px;
    }
}

.product-details .input-group-btn-vertical > .txtbox {
    position: relative;
    float: left;
    width: 30%;
    margin: 0px 10px;
}


    .product-details .input-group-btn-vertical > .txtbox input[type="text"] {
        background: #fbf3eb none repeat scroll 0 0;
        border-left: 2px solid #f0ddca;
        border-right: 2px solid #f0ddca;
        border-bottom: 0px;
        border-top: 0px;
        box-shadow: none;
        color: #643335;
        font-size: 15px;
        height: 35px;
        line-height: 47px;
        padding: 0 10px;
        width: 100%;
        border-radius: 0px;
    }

@media (max-width: 780px) {
    .product-details .input-group-btn-vertical > .txtbox input[type="text"] {
        height: 35px;
    }
}


.product-details .input-group-btn-vertical > .txtbox::before {
    background: rgba(0, 0, 0, 0) url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-before.png") repeat-x;
    background-size: 450% 100%;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    left: 0px;
    top: -2px;
    width: 100%;
    z-index: 9;
}

.product-details .input-group-btn-vertical > .txtbox::after {
    background: transparent url("/Themes/NopRoot/Content/RomansiyaEn/images/accordian-after.png") repeat-x scroll 0% 0% / 450% 100%;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    left: 0px;
    bottom: -2px;
    width: 100%;
    z-index: 9;
}




.product-details .input-group-btn-vertical > .btn:last-child {
    border-radius: 6px;
    background: #e8dbd6;
    border: 0 none;
    color: #643335;
    font-size: 26px;
    line-height: 20px;
    float: left;
    width: 35px;
    height: 35px;
    text-shadow: none;
}

@media (max-width: 780px) {
    .product-details .input-group-btn-vertical > .btn:last-child {
        width: 35px;
        height: 35px;
    }
}


.product-details .add-to-cart-panel {
    padding-bottom: 0px;
    border-bottom: 1px dashed #efdac7;
    margin-bottom: 10px;
}


.product-essential .gallery .picture img {
    max-height: 372px;
}


.product-details .control-label {
    font-family: 'Gotham Rounded';
    font-size: 14px;
    padding: 14px;
    line-height: 2;
    text-align: justify;
}

.product-details .nav-tabs > li {
    font-family: 'Gotham Rounded';
    font-size: 15px;
}

.product-collateral .pull-right {
    float: left !important;
    direction: ltr;
}

.product-collateral .mid-content-title {
    background-color: transparent;
}


.product-details + .product-collateral {
    margin-top: 30px;
}

.product-collateral .title {
    color: #E76825;
    font-family: 'Gotham Rounded';
    font-size: 23px;
}

    .product-collateral .title .title-carousel-control {
        font-size: 30px;
        color: #DB0A5B;
        margin-top: -6px;
    }

.product-details + .product-collateral .box-products .offer {
    border: 0px none;
    background: #e57200;
    padding: 10px;
    position: relative;
    color: #fff;
    overflow: visible;
}

    .product-details + .product-collateral .box-products .offer::before {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-before.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        top: -6px;
        width: 100%;
        z-index: 9;
    }

    .product-details + .product-collateral .box-products .offer::after {
        background: url('/Themes/NopRoot/Content/RomansiyaEn/images/orange-bg-after.png');
        background-size: 100% 100%;
        background-repeat: repeat-x;
        content: "";
        display: block;
        height: 8px;
        right: 0;
        position: absolute;
        bottom: -8px;
        width: 100%;
        z-index: 9;
    }

    .product-details + .product-collateral .box-products .offer .picture.thumbnail {
        background-color: transparent;
        margin: 0 !important;
        margin-bottom: 10px;
        border: 0 none;
        border-radius: 4px !important;
        overflow: hidden;
        padding: 0px;
    }



    .product-details + .product-collateral .box-products .offer .middle-content {
        text-align: right;
        padding-top: 0px;
    }

        .product-details + .product-collateral .box-products .offer .middle-content .product-title a {
            color: #fff;
            font-size: 17px;
            text-decoration: none;
            font-weight: 100 !important;
            padding-bottom: 17px;
        }


    .product-details + .product-collateral .box-products .offer .product-rating-box {
        text-align: left;
        direction: ltr;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .product-details + .product-collateral .box-products .offer .description {
        font-size: 14px;
        line-height: 1.4;
        text-align: justify;
        font-family: 'Gotham Rounded';
    }


.product-details + .product-collateral .product-grid .white-box {
    height: 200px;
}


.product-details + .product-collateral .product-grid .ash-box {
    background-color: transparent !important;
}

.product-details + .product-collateral .price {
    font-family: 'Gotham Rounded';
    font-size: 17px;
    color: #fff;
}


.product-details + .product-collateral .buttons .btn {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    border: 0 none !important;
    color: #fff;
    background-color: transparent !important;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 14px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
    line-height: 30px;
}



.side-nav-category {
    margin-top: 70px;
}



.panel.panel-default.side-nav-category > div.panel-heading {
    color: rgb(219, 9, 91);
    display: block;
    padding: 10px;
    text-decoration: none !important;
    font-size: 17px;
    z-index: 10;
    font-family: 'Gotham Rounded';
    background: #F9EEE4;
}


.panel.panel-default.side-nav > .panel-body {
    background-color: #FBF3EB;
}

    .panel.panel-default.side-nav > .panel-body .panel {
        background-color: transparent !important;
        background-image: none;
        border: 0 none !important;
        border-radius: 0 !important;
        box-shadow: 0 0 0 transparent;
    }

    .panel.panel-default.side-nav > .panel-body .panel-heading {
        background-color: transparent !important;
        box-shadow: 0 0 0 transparent;
        background-image: none;
        border: 0 none !important;
        border-radius: 0 !important;
    }



        .panel.panel-default.side-nav > .panel-body .panel-heading a {
            font-family: 'Gotham Rounded';
            font-size: 15px;
            color: #643335 !important;
        }



.panel.panel-default.side-nav .panel-group {
    margin-bottom: 0;
}

.product-details .option-list .radio {
    overflow: hidden;
    margin-bottom: 10px;
}



div.silde-show-offer {
    min-height: 350px;
}


.product-details .product-vendor {
    display: none;
}

.info-panel .section.order-item {
    font-family: 'Gotham Rounded';
    border-bottom: 1px dashed #efdac7;
    font-size: 15px !important;
    padding-top: 20px;
}


.info-panel div.order-item .btn {
    float: left;
}


.info-panel .address-list .left {
    padding-right: 0;
}


    .info-panel .address-list .left .btn {
        margin-top: 0px;
        font-size: 13px;
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/submenu-hover-bg.png);
        padding: 4px 30px;
    }

.info-panel .reward-points-overview, .reward-points-history {
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Gotham Rounded';
}

figure.effect-goliath .img-container {
    max-height: 230px;
    overflow: hidden;
}


    figure.effect-goliath .img-container img {
        width: 100%;
    }


.news-block-img {
    max-height: 232px !important;
    overflow: hidden;
}

    .news-block-img img {
        width: 100%;
    }



.footer-pattern .col-sm-6 {
    float: right !important;
}

.multimedia.gallery .socialfeed-container .socialfeed {
    float: right;
    padding-top: 10px;
}

.login-partial {
    float: right !important;
}

.password-recovery-page {
    margin-top: 30px;
}



    .password-recovery-page input[type="text"] {
        background: #fff none repeat scroll 0 0;
        border: 2px solid #f0ddca;
        box-shadow: none;
        color: #643335;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        border-radius: 0 !important;
        padding: 0 10px;
        width: 100%;
    }

    .password-recovery-page .required {
        font-size: 20px;
        padding-top: 14px;
        display: block;
    }


    .password-recovery-page .btn {
        display: inline-block;
        padding: 8px 30px;
        border-radius: 5px;
        color: #fff;
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
        background-repeat: repeat;
        font-family: 'Gotham Rounded';
        margin-top: 20px;
        font-size: 15px;
        text-decoration: none;
        margin: 1px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }


.logo-link {
    display: block;
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/logo_AlRomansiah.png) top center no-repeat;
    background-size: 100%;
    width: 170px;
    height: 122px;
}


    .logo-link .hashtag {
        content: "";
        position: absolute;
        left: 220px;
        width: 252px;
        font-size: 40px;
        background-image: url("/Themes/NopRoot/Content/RomansiyaEn/images/foodyoulove.png");
        height: 42px;
        bottom: -4px;
    }



.contact-filter .row > .col-lg-6:nth-child(3) {
    /*display: none;*/
}


@media only screen and (max-width : 991px) {



    .login-partial {
        float: none !important;
    }

    .image-content {
        float: none;
        max-width: 150px;
        margin: auto;
    }

    ul.ourmenu-block li {
        padding-bottom: 50px;
    }

    div div.modal-dialog {
        width: 90% !important;
    }

    .register-page .fieldset .form-group > label {
        width: 100% !important;
    }

    .product-details .overview {
        overflow: hidden;
    }

    .product-details .add-to-cart .form-group > .col-md-3 {
        width: 100% !important;
    }

    .product-details .input-group-btn-vertical > .btn:first-child {
        width: 35px !important;
    }


    .product-details .input-group-btn-vertical > .btn:last-child {
        width: 35px !important;
        margin-top: 5px;
    }

    .product-details .input-group-btn-vertical > .txtbox {
        width: 30% !important;
        margin-top: 6px;
    }

    .product-details .gallery .picture {
        height: 150px;
        width: 150px;
        margin: auto;
    }

    .checkout-levels > div {
        width: 50%;
        text-align: center;
        font-size: 16px;
        display: inline-block;
        max-width: 50% !important;
    }

    .topcartlink ul.dropdown-menu {
        top: 70px !important;
    }

    .topcartlink {
        padding-top: 40px;
    }

        .topcartlink a {
            color: #fff !important;
        }


    ul.ourmenu-block li .cart {
        width: 40px;
        text-align: center;
        height: 40px;
    }

        ul.ourmenu-block li .cart i {
            font-size: 28px;
        }

    .product-details .gallery .picture {
        height: 150px;
        width: 150px;
        margin: auto;
    }

        .product-details .gallery .picture img {
            max-height: 144px;
        }



    .product-details .nav-tabs > li {
        padding-bottom: 0;
        width: 94%;
        margin: auto;
        float: none;
    }

    .product-details .full-description {
        width: 94%;
        margin: auto;
        float: none;
    }

    .modal-open .modal {
        width: 80%;
        margin: auto;
    }


    .checkout-levels > div .banner h4 {
        font-size: 18px;
    }

    .btn {
        border-radius: 4px !important;
        width: auto !important;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        float: none;
        position: relative;
    }

    .cart-container .form-panel .panel-heading h3 {
        font-size: 17px;
    }

    .panel-body .table {
        font-size: 14px;
    }

    .panel-body table tr td {
        font-size: 12px;
    }


    ul.ourmenu-block li.radio {
        height: 24px;
        width: 24px;
        clear: right;
        float: right;
        margin: 5px 0px 0px 15px;
        padding: 0 0 0 0;
        background: url(/Themes/NopRoot/Content/RomansiyaEn/images/RadioButton.png);
        background-repeat: no-repeat;
        cursor: default;
        cursor: pointer;
    }
}


.panel-body table tr td {
    padding-left: 0 !important;
    padding-right: 14px !important;
}


.panel.panel-default.side-nav {
    margin-top: 30px;
}



    .panel.panel-default.side-nav div.panel-heading {
        color: rgb(220, 9, 90);
        display: block;
        padding: 10px;
        text-decoration: none !important;
        font-size: 17px;
        z-index: 10;
        font-family: 'Gotham Rounded';
        background: #F9EEE4;
    }


    .panel.panel-default.side-nav .panel-body a {
        font-family: 'Gotham Rounded';
        font-size: 15px;
        color: #643335 !important;
    }

.info-panel {
    margin-top: 30px;
}

    .info-panel .panel-heading {
        color: #db095b;
        display: block;
        padding: 20px;
        text-decoration: none !important;
        font-size: 16px;
        z-index: 10;
        background: #f9eee4;
    }


        .info-panel .panel-heading h3 {
            font-size: 22px;
            color: #db095b;
            padding: 0;
        }

    .info-panel .panel-body {
        background-color: #fbf3eb;
        padding-top: 0;
    }

        .info-panel .panel-body legend {
            font-family: 'Gotham Rounded';
            font-size: 18px;
            margin-top: 10px;
            margin-bottom: 10px;
            padding-bottom: 20px;
            color: #643335;
            margin-top: 20px;
            border-bottom: 1px dashed #efdac7;
        }

        .info-panel .panel-body label {
            width: 100%;
            font-family: 'Gotham Rounded';
            font-size: 15px;
            color: #643335 !important;
            margin-top: 10px;
        }

        .info-panel .panel-body .col-md-9 {
            float: right;
            padding-top: 10px;
        }

            .info-panel .panel-body .col-md-9 .form-control {
                background: #FAFAFA none repeat scroll 0 0;
                border: 2px solid #f0ddca;
                box-shadow: none;
                color: #643335;
                font-size: 15px;
                height: 47px;
                line-height: 47px;
                padding: 0 10px;
                width: 100%;
                border-radius: 0px;
            }

.mini-shopping-cart .items .col-md-4 {
    float: right !important;
}


.mini-shopping-cart .items .product {
    width: 100% !important;
}

    .mini-shopping-cart .items .product a {
        font-size: 13px !important;
    }


.info-panel .panel-body .required {
    padding-top: 25px;
    display: block;
    font-size: 20px;
}


.info-panel .panel-body .btn {
    padding: 8px 40px;
    border-radius: 5px;
    color: #fff;
    background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
    background-repeat: repeat;
    font-family: 'Gotham Rounded';
    font-size: 15px;
    text-decoration: none;
    margin: 1px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
    margin-top: 30px;
    line-height: 30px;
    border: 0 none !important;
    font-weight: 100;
}

.info-panel .add-address .col-lg-3 {
    float: right;
    width: 100%;
    position: relative;
}

    .info-panel .add-address .col-lg-3 .required {
        position: absolute;
        left: 22%;
    }


.one-page-checkout-page .buttons .pull-left {
    float: right !important;
    text-align: right;
}

.one-page-checkout-page .buttons .pull-right {
    float: left !important;
    text-align: left;
}

.order-summary-content table {
    text-align: left !important;
}


    .order-summary-content table td {
        padding-left: 10px !important;
    }

    .order-summary-content table .product {
        text-align: left;
        padding-left: 10px !important;
        padding-right: 10px;
    }


.top-nav2 li.contact a {
    display: block;
    /*width: 190px;*/
    position: relative;
}


    .top-nav2 li.contact a::after {
        /*content: "9200 00144";*/
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
    }


.checkout-content .panel .panel-body select {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f0ddca;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    border-radius: 0 !important;
    padding: 0 10px;
}

.noproot-opc-payment-info input[type="text"] {
    background: #fff none repeat scroll 0 0 !important;
    border: 2px solid #f0ddca !important;
    box-shadow: none;
    color: #643335;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    border-radius: 0 !important;
    padding: 0 10px;
}


.col-md-9 .breadcrumb {
    margin-top: 40px;
}

.product-essential > .col-md-6 {
    float: right !important;
}

.registration-result-page {
    margin-top: 30px;
}

    .registration-result-page .btn {
        padding: 8px 40px;
        border-radius: 5px;
        color: #fff;
        background-image: url(/Themes/NopRoot/Content/RomansiyaEn/images/navbar_bg.png);
        background-repeat: repeat;
        font-family: 'Gotham Rounded';
        font-size: 15px;
        text-decoration: none;
        margin: 1px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        text-align: center;
        margin-top: 30px;
        line-height: 30px;
        border: 0 none !important;
        font-weight: 100;
    }










@media only screen and (max-width : 568px) {

    .logo-link {
        height: 200px;
    }

        .logo-link .hashtag {
            left: 0;
        }
}











.shipping-new-address-form {
    margin-top: 20px;
}


    .shipping-new-address-form .form-control {
        background: #fff none repeat scroll 0px 0px;
        border: 2px solid #f0ddca;
        box-shadow: none;
        color: #643335;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        border-radius: 0px !important;
        padding: 0px 10px;
    }

    .shipping-new-address-form textarea.form-control {
        height: 100px;
    }

    .shipping-new-address-form .form-group .text-right {
        text-align: left !important;
    }


.cart-container.order-details .btn.pull-left {
    float: right !important;
}


article .inner-banner {
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    height: 15vw !important;
}

.points .left-heading {
    float: right
}

    .points .left-heading h5 {
        color: #e32f74;
    }

.points .tabs {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

    .points .tabs a {
        display: inline-block;
        background-color: #e32f74;
        padding: 3px 10px;
        border-radius: 25px;
        font-size: 10px;
        color: white;
        font-weight: bold;
    }

        .points .tabs a:hover {
            background-color: #92610a;
            cursor: pointer;
            text-decoration: none;
        }

.points .point-intro {
    margin-top: 50px;
    font-size: 1.3em;
    line-height: 30px
}

.points .point-img {
    margin-top: 50px;
}


.onlinemenu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .onlinemenu-header .onlinemenu-icon img {
        width: 120px;
    }

    .onlinemenu-header .onlinemenu-lan .language-selector .arabic-link {
        margin: 0px !important;
    }

.hero-description {
    max-width: 1002px;
    color: rgb(86, 26, 26);
    text-align: start;
    padding: 2px 3px;
    font: 18px Circle, sans-serif;
    line-height: normal;
    line-height: 26px;
}

.hero-info {
    margin-bottom: 3rem
}

.quality-cta-icon {
    aspect-ratio: 1.25;
    object-fit: contain;
    object-position: center;
    width: 30px;
    align-self: stretch;
    margin: auto 0;
    /* margin-top: 3rem;*/
}

.quality-cta-text {
    font-size: 15px;
    font-weight: 600;
    color: #cd2f5c;
    border-bottom: 2px dashed #ecbc94;
}





.carousel {
    z-index: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
}



.carousel-arrows {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 40px 100px;
    justify-content: space-between;
    flex-wrap: wrap;
}



.arrow-icon {
    aspect-ratio: 0.4;
    object-fit: contain;
    object-position: center;
    width: 20px;
    align-self: stretch;
    margin: auto 0;
}

.decoration-image {
    aspect-ratio: 0.51;
    object-fit: contain;
    object-position: center;
    width: 88px;
    position: absolute;
    z-index: 0;
    left: 37px;
    bottom: -33px;
    height: 174px;
}

.dot {
    border-radius: 39px;
    display: flex;
    width: 16px;
    height: 16px;
    margin-top: -16px;
}

.dot-primary {
    background-color: #561a1a;
}

.dot-secondary {
    background-color: #cd2f5c;
}

.dot-offset {
    margin-left: 28px;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.full-width-img {
    width: 100%; /* Ensures the images take full width of the parent container */
    height: auto; /* Maintains aspect ratio */
}

/* Customizing the previous and next buttons */
.carousel-control {
    top: 50%;
    transform: translateY(-50%);
    width: auto; /* Adjust the width to make it smaller */
}

    .carousel-control .arrow-icon {
        width: 30px; /* Adjust the size of the arrow images */
        height: 30px; /* Adjust height to match width for square icons */
    }

/* Add custom styling for smaller arrow icons */
.small-icon {
    width: 20px;
    height: 20px;
}

.left-image_pattern {
    float: right;
    margin-right: -63px;
    width: 90px;
    height: auto; /* الحفاظ على نسبة العرض إلى الارتفاع */
}

.right-arrow {
    position: absolute;
    float: right;
    right: -8rem;
}

.left-arrow {
    position: absolute;
    float: left;
    left: -8rem;
}



.loading-image {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: #666;
    background-image: url('../../images/ajax_loader_large.gif');
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.qualitytxt {
    margin-top: 60px;
    float: right !important;
}




.header-container {
    /*margin: 0px 5%;*/
    z-index: 1;
    position: relative;
}

.social-icon-list li {
    display: inline;
    list-style-type: none;
    padding-right: 15px;
    float: right
}

.social-icon-list a {
    text-decoration: none;
}

.social-icon-list .lang-link {
    padding-right: 30px;
    text-align: left;
    font: normal normal normal 17px/35px Co Headline;
    letter-spacing: 0px;
    color: #E57200;
    opacity: 1;
    text-decoration: none;
}

    .social-icon-list .lang-link i {
        color: #FFFFFF;
        font-size: 23px;
    }

.bottom-footer {
    min-height: 62px;
    background: #DB0A5B 0% 0% no-repeat padding-box;
    font: normal normal normal 15px/26px Co Headline;
}

    .bottom-footer ul {
        /*display: inline-block;
        padding: 15px 470px 10px 270px;*/
    }

        .bottom-footer ul li {
            display: inline-block;
            list-style-type: none;
            padding: 0px 20px;
            border-left-color: #E57200;
            border-left-style: solid;
            border-left-width: 1px;
        }

            .bottom-footer ul li a {
                letter-spacing: 0px;
                color: #FFFFFF;
                text-decoration: none;
            }

            .bottom-footer ul li:first-of-type {
                border: none !important;
            }

.rom-rights {
    display: inline-block;
}

    .rom-rights label {
        text-align: center;
        font: normal normal normal 15px/26px Co Headline;
        letter-spacing: 0px;
        color: #FFFFFF;
        direction: rtl;
        text-align: right;
    }

.logo-small {
    width: 40px;
    margin-right: 15px;
}

.apps-list {
    display: inline-block;
    margin-top: 80px;
}

    .apps-list li {
        display: inline;
        list-style-type: none;
        padding: 0px 20px;
    }

        .apps-list li a {
            letter-spacing: 0px;
            color: #FFFFFF;
            text-decoration: none;
        }

/*** IMG MAP ***/
#img-map-wrapper {
    width: 100%;
    max-width: 1370px; /*actual width of image*/
    position: relative;
}

    #img-map-wrapper img {
        max-width: 100%;
    }

    #img-map-wrapper #register {
        height: 8%;
        width: 5%;
        position: absolute;
        right: 85.5%;
        top: 64.5%;
    }

    #img-map-wrapper #memberShip {
        height: 8%;
        width: 5%;
        position: absolute;
        right: 66%;
        top: 32.5%;
    }

    #img-map-wrapper #earnPoints {
        height: 8%;
        width: 5%;
        position: absolute;
        left: 47.75%;
        top: 58.5%;
    }

    #img-map-wrapper #replacePoints {
        height: 8%;
        width: 5%;
        position: absolute;
        left: 66%;
        top: 30%
    }

    #img-map-wrapper #rewards {
        height: 8%;
        width: 5%;
        position: absolute;
        left: 83.5%;
        top: 51.5%;
    }

.nav-bg:after, .nav-bg:before {
    display: none;
}

.navbar-default .navbar-nav > li > svg {
    top: 0;
    position: relative;
    color: #fff;
}

.navbar-nav li svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 3px;
}

.our-story-svg {
    position: relative;
    left: 3px;
}

.navbar-nav > li:hover svg, .navbar-nav > li:hover .hospitable path {
    stroke: #ffcb97 !important;
}

    .navbar-nav > li:hover svg.awafi {
        fill: #ffcb97 !important;
    }

.navbar-default .navbar-nav > li > a {
    padding-inline-end: 5px;
}

.navbar-default {
    border: 1px solid #fff;
    border-width: 1px 0;
}

.fa-group:before, .fa-users:before {
    color: #420f12;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
}

.navbar-nav > li > a:hover .fa-group:before, .navbar-nav > li > a:hover .fa-users:before {
    color: #420f12;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffcb97;
}

.navbar-nav > li > a:hover #new-website path {
    fill: #ffcb97;
}

/* Modify the website colors to match the new website colors */
.menubg .nav-link1 a {
    background: url(/Themes/NopRoot/Content/RomansiyaEn/images/nav_arrow2.png) no-repeat top right;
    background-size: 20px !important;
}

.nav.navbar-nav > li {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.navbar-default .navbar-nav > li > a {
    font-size: 14px;
}

.full-width-img {
    border-radius: 80px;
}
/*Home page*/

.header-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.top-bar {
    background-color: #F2E6D6;
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 34px 80px;
}

.logo {
    aspect-ratio: 5.99;
    object-fit: contain;
    object-position: center;
    width: 468px;
    max-width: 100%;
}

.nav-container {
    align-self: center;
    display: flex;
    width: 1488px;
    max-width: 100%;
    flex-direction: column;
}

.main-nav {
    border-radius: 0 0 77px 86px;
    border-color: #F2E6D6;
    border-bottom-width: 1px;
    display: flex;
    min-height: 55px;
    width: 100%;
    overflow: hidden;
    justify-content: space-between;
    flex-wrap: wrap;
}

.settings-bar {
    background-color: #561A1A;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-start;
    align-content: center;
    border-radius: 0 0 77px 0;
    padding: 0 31px 0 60px;
    height: 55.2px;
}

    .settings-bar a {
        padding: 2px !important;
        margin: 0 !important;
        display: inline !important;
    }

.settings-icons {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    margin: auto 0;
}

.settings-icon {
    aspect-ratio: 1.1;
    object-fit: contain;
    object-position: center;
    width: 23px;
    align-self: stretch;
    margin: auto 0;
    filter: brightness(0) invert(1);
}

.profile-icon {
    aspect-ratio: 1.03;
    object-fit: contain;
    object-position: center;
    width: 32px;
    align-self: stretch;
    margin: auto 0;
}

.nav-pages {
    display: flex;
    min-width: 240px;
    align-items: center;
    color: #561A1A;
    text-align: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1;
    flex-basis: 0%;
    margin: auto 0;
    padding: 0 56px !important;
    width: 100%;
}

.nav-link {
    color: #561A1A;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'Gotham Rounded' !important;
}

.nav-link-active {
    color: #CD2F5C;
}

.dropdown-menu > li > a {
    font-size: 16px;
}

.cta-button {
    background-color: #CD2F5C;
    display: flex;
    min-width: 240px;
    align-items: center;
    gap: 24px;
    color: #FFF;
    text-align: center;
    justify-content: flex-end;
    height: 100%;
    padding: 0 48px;
    font-size: 16px;
    border-radius: 0 0 0 77px;
}

    .cta-button a {
        color: #FFF;
        padding: 0px 10px !important;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
.rom-button {
    background-color: #CD2F5C;
    display: flex;
    align-items: center;
    gap: 24px;
    color: #FFF;
    text-align: center;
    justify-content: flex-end;
    height: 100%;
    padding: 0 48px;
    font-size: 16px;
}
.otp-panel {
    margin-top: 25px;
    height: 500px;
}
.nav > li > a:hover, .dropdown-menu > li > a:hover {
    background-color: #F2E6D600 !important;
    color: #CD2F5C !important;
}

li.cta-button a:hover, li.cta-button a:focus {
    background-color: #F2E6D600 !important;
    color: #d97929 !important;
}


.cta-icon {
    aspect-ratio: 1.25;
    object-fit: contain;
    object-position: center;
    width: 69px;
    align-self: stretch;
    margin: auto 0;
}

.navbar-separator {
    width: 1px;
    height: 25px;
    background: #561A1A;
}

.navbar-toggle {
    background-color: #F2E6D6 !important;
}

    .navbar-toggle .icon-bar {
        background-color: black;
    }



.image-pattern {
    left: 10%;
    position: absolute;
}

.arrow-aligment {
    position: absolute !important;
    top: 50%;
}

.carousel-indicators {
    bottom: 20px; /* تعديل المسافة من أسفل السلايدر */
}

    .carousel-indicators li {
        background: #561A1A !important;
        border: #561A1A !important;
    }

    .carousel-indicators .active {
        background: #CD2F5C !important;
        border: #CD2F5C !important;
    }

.success-journey {
    background-color: #561a1a;
    display: flex;
    flex-direction: column;
    padding: 0 0 128px 80px;
}

.heading-container {
    border-radius: 0px 0 40px 0px;
    background-color: #f2e6d6;
    display: flex;
    width: 600px;
    max-width: 100%;
    flex-direction: column;
    align-items: flex-end;
    padding: 16px 49px 0;
    justify-content: left;
    margin-left: 0; /* إزالة الهوامش من اليسار */
    padding-left: 0; /* إزالة أي مساحة padding من اليسار */
    box-sizing: border-box;
    margin-left: -78px;
    position: absolute;
    top: -100px;
}

.heading-content {
    display: flex;
    flex-direction: column;
    align-items: first baseline;
    margin-left: 98px;
}

.logo-wrapper {
    width: 197px;
    max-width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0rem;
    margin-top: -24px;
}

.logo-image {
    aspect-ratio: 2.46;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.journey-title {
    align-self: flex-start;
    border-bottom: 4px solid #cd2f5c;
    margin-top: -15px;
    padding-bottom: 17px;
    color: #f4911d;
    font-family: 'Gotham Rounded' !important;
    text-align: left;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 34px;
}

.design-1 {
    position: relative;
    top: 15.4rem;
    right: 0rem;
    z-index: 1;
}

.design-2 {
    position: relative;
    top: -21.5rem;
    left: -19rem;
}

.design-3 {
    position: relative;
    top: -30rem;
    left: 2rem;
}

.main-content {
    display: flex;
    flex-direction: row; /* Ensure items are in a row */
    align-items: center; /* Vertical alignment in the center */
    /*justify-content: space-between;*/ /* Adjust spacing between image and text */
    gap: 40px; /* Adjust gap between the image and text */
    margin-top: 100px;
    width: 100%;
    
    flex-wrap: nowrap; /* Ensure no wrapping */
    position: relative;
}

@media (max-width: 768px) {
    .main-image {
        width: 100%; /* Full width on smaller devices */
        max-width: 100%; /* No width limit on mobile */
    }
}

.main-image {
    object-fit: contain;
    width: 50%;
    max-width: 598px;
    align-self: flex-start;
    margin-top: 60px;
    height: auto;
    margin-right: 0rem; /* Ensure aspect ratio is maintained */
}

.info-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    width: 50%; /* Adjust the width to 50% */
}

.number-container {
    position: relative;
    display: flex;
    flex-direction: column; /* Align sub-heading and stats-container vertically */
    align-items: center; /* Center the content under the number */
    gap: 10px; /* Adjust gap between the number and other elements */
    font-size: 377px;
    color: #cd2f5c;
    white-space: nowrap;
    text-align: right;
    justify-content: center;
    z-index: 0;
    justify-content: center;
}

.number {
    font-size: 319px;
    position: relative;
    top: -12px;
    z-index: 0;
    font-family: "Co Headline" !important;
    margin: 0
}

.decoration-left, .decoration-right {
    position: absolute;
    width: 50px;
    height: auto;
}

.info-container {
    align-self: stretch;
    display: flex;
    min-width: 240px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: auto 0;
}


.sub-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-top: -230px;
    margin-left: 0rem;
}

.sub-heading-title {
    padding-bottom: 5px;
    color: #fff;
    text-align: left;
    text-align: left;
    margin-left: 0px;
    font-family: 'Gotham Rounded' !important;
    font-size: 25px;
}

.sub-heading-description {
    display: flex;
    margin-top: 0px;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    text-align: center;
    text-align: right;
    justify-content: flex-end;
    margin-left: 24px;
}

.country-saudi {
    color: #f4911d;
    font-family: 'Gotham Rounded' !important;
    border-top: 3px dashed #ffffff8f;
    margin: 0;
    padding-top: 1rem;
}

.country-bahrain {
    color: #fff;
    margin-top: 0px;
    font-family: 'Gotham Rounded' !important;
}

.stats-container {
    display: flex;
    margin-top: 18px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
}

.stat-item {
    text-align: center; /* Center the text inside each stat */
    width: 143px;
    margin-top: -550px;
}

.stat-icon {
    aspect-ratio: 1.93;
    object-fit: contain;
    object-position: center;
    width: 62px;
    align-self: center;
    margin-top: 460px;
}

.stat-text {
    display: flex;
    margin-top: 16px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.stat-number {
    color: #cd2f5c;
    font-size: 29px;
    margin-top: -900px;
    margin-top: -9px;
    font-family: "Co Headline" !important;
    margin-bottom: -6px;
    font-weight: 700;
}

.stat-label {
    color: #fff;
    font-size: 19px;
    margin-top: 24px;
    margin: 0px;
    font-family: 'Gotham Rounded' !important;
}

.divider {
    align-self: stretch;
    width: 0;
    height: 49px;
    margin: auto 0;
    margin-top: auto;
    border: 2px dashed #fff;
    margin-top: 16px;
}


/*menu-section */

.menu-section {
    background-color: #f2e6d6;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    direction: rtl !important ;
}

    .menu-section .dish-image {
        background-color: rgba(217, 121, 41, 1);
        border-radius: 0 0 0 20px;
        transform: scaleX(-1);
    }

    .menu-section .dish-title {
        position: absolute;
        top:79px;
        left: 16%;
        font-size: 18px;
        font-weight: 600;
        font-family: Circle-bold !important;
    }



    .menu-section .menu-heading {
        position: relative;
        display: flex;
        width: 60%;
        max-width: 100%;
        flex-direction: column;
        color: #fff;
        white-space: nowrap;
        text-align: left;
        justify-content: flex-start;
        font-weight: 400;
        font-size: 28px;
        z-index: 30;
    }



    .menu-section .menu-title {
        border-radius: 0 20px 0 0;
        background-color: #561a1a;
        width: 100%;
        overflow: hidden;
        padding: 14px 80px 8px;
        margin: 0;
        text-align: start;
        font-size: 27px;
        font-family: 'Gotham Rounded' !important;
    }




    .menu-section .menu-banner {
        aspect-ratio: 13.51;
        object-fit: contain;
        object-position: center;
        width: 100%;
        border-radius: 0 0 0 20px;
        background-color: #d97929;
    }



    .menu-section .menu-content {
        z-index: 10;
        width: 100%;
        max-width: 1308px;
        margin: -76px 120px 0 0;
    }



    .menu-section .menu-layout {
        display: flex;
    }



    .menu-section .slider-column {
        display: flex;
        flex-direction: column;
        line-height: normal;
        width: 70%;
        margin-left: 0;
    }


    .menu-section .slider-container {
        display: flex;
        align-items: center;
        gap: 40px 48px;
        justify-content: flex-start;
    }



    .menu-section .slider-dots {
        transform: rotate(1.570796370506285rad);
        align-self: stretch;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
        position: absolute;
        bottom: 49%;
        /* left: 21%; */
        right: -8%;
        width: 112px;
    }

        .menu-section .slider-dots li {
            border-radius: 39px;
            align-self: stretch;
            display: flex;
            width: 16px;
            height: 16px;
            background-color: #cd2f5c;
            margin-top: 5px;
            border: none;
        }

        .menu-section .slider-dots .active {
            background-color: #561a1a;
            width: 16px;
            height: 16px;
            margin-top: 5px;
            border: none;
        }

    .menu-section .menu-sidebar {
        display: flex;
        flex-direction: column;
        line-height: normal;
        width: 22%;
        /* margin-left: 62px; */
        /* margin-right: 62px; */
    }


    .menu-section .sidebar-content {
        display: flex;
        margin-top: 76px;
        flex-grow: 1;
        flex-direction: column;
        font-weight: 400;
        text-align: center;
    }



    .menu-section .menu-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0;
        margin: 6px 0px;
    }

    .menu-section .menu-item {
        align-self: stretch;
        background-color: #f2e6d6;
        width: 100%;
        gap: 10px;
        overflow: hidden;
        font-size: 17px;
        color: #561a1a;
        padding: 10px 0px;
        text-align: center;
        font-weight: bold;
        font-family: 'Gotham Rounded' !important;
        font-size: 14px;
    }

    .menu-section .cta-button {
        /* border-radius: 0 0 20px 0; */
        border-radius: 0 0 0 20px;
        background-color: #cd2f5c;
        display: flex;
        width: 100%;
        overflow: hidden;
        font-size: 24px;
        color: #fff;
        padding: 2px 12px 2px 49px;
        height: auto;
    }


    .menu-section .cta-text {
        margin: auto 0;
        font-size: 20px;
        font-weight: bold;
        font-family: 'Gotham Rounded' !important;
    }

    .menu-section .cta-icon {
        aspect-ratio: 1.04;
        object-fit: contain;
        object-position: center;
        width: 50px;
        margin-left: -3rem;
    }

    .menu-section .sidebar-image {
        aspect-ratio: 0.51;
        object-fit: contain;
        object-position: center;
        width: 100px;
        align-self: flex-end;
        margin-top: 224px;
        margin-bottom: 7rem;
        margin-left: 1rem;
    }



    .menu-section .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .menu-section .rounded-bottom-image {
        aspect-ratio: 1.5;
        object-fit: contain;
        object-position: center;
        width: 100%;
        border-radius: 0 0 99px 99px;
        margin-top: 17px;
    }

.separator-section {
    text-align: center;
    margin: 18px 0px;
}

.romantic-company-section {
    display: flex;
    flex-direction: column;
}

    .romantic-company-section .content-wrapper {
        align-self: center;
        display: flex;
        width: 100%;
        max-width: 1488px;
        flex-direction: column;
    }

    .romantic-company-section .header-content {
        align-self: center;
        display: flex;
        width: 100%;
        max-width: 1054px;
        flex-direction: column;
        color: #561a1a;
        text-align: center;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
    }

    .romantic-company-section .company-logo {
        aspect-ratio: 1.18;
        object-fit: contain;
        width: 242px;
        align-self: center;
        max-width: 100%;
    }

    .romantic-company-section .company-description {
        margin-top: 32px;
        align-content:;
        text-align: justify;
        font-size: 18px;
        font-family: 'Gotham Rounded' !important;
        font-weight: inherit !important;
    }

    .romantic-company-section .image-gallery {
        display: flex;
        margin-top: 56px;
        width: 100%;
        align-items: center;
        gap: 55px;
        flex-wrap: wrap;
    }

    .romantic-company-section .gallery-image-left {
        aspect-ratio: 0.51;
        object-fit: contain;
        width: 100px;
        align-self: stretch;
        margin: auto 0;
        margin-left: 8rem;
    }

    .romantic-company-section
    .gallery-image-right {
        aspect-ratio: 0.51;
        object-fit: contain;
        width: 100px;
        align-self: stretch;
        margin: auto 0;
        margin-right: 8rem;
    }

    .romantic-company-section .gallery-image-center {
        aspect-ratio: 2.2;
        object-fit: contain;
        width: 726px;
        align-self: stretch;
        min-width: 240px;
        flex-grow: 1;
        margin: auto 0;
    }

    .romantic-company-section .cta-bar {
        background-color: #d97929;
        display: flex;
        width: 100%;
        overflow: hidden;
        align-items: center;
        color: #fff;
        text-align: right;
        justify-content: center;
        padding: 16px 32px;
        font: 400 20px Circle, sans-serif;
    }

    .romantic-company-section .cta-wrapper {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: flex-end;
    }

    .romantic-company-section .cta-text {
        align-self: stretch;
        border-bottom: 3px dashed #fff;
        padding-bottom: 4px;
        color: #fff;
        font-family: 'Co Headline Bold';
        font-weight: 400 !important;
        font-size: 18px;
    }

    .romantic-company-section .cta-icon {
        aspect-ratio: 0.73;
        object-fit: contain;
        width: 19px;
    }





.awafi-section {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
}

    .awafi-section .awafi-square {
        position: absolute;
        width: 96%;
        height: 48%;
        border: 2px dashed #CD2F5C;
        margin: 0 auto;
        top: 19%;
        right: 2%;
    }



    .awafi-section .awafi-background {
        position: relative;
        border-radius: 0 0 0 282px;
        background-color: #F2E6D6;
        display: flex;
        width: 95%;
        flex-direction: column;
        align-items: center;
        padding: 0 80px 10px;
    }

        .awafi-section .awafi-background::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 282px; /* Match the curve size */
            height: 282px;
            border-bottom-left-radius: 282px;
            border-bottom: 5px solid #CD2F5C; /* Color of the border in the curved area */
            border-left: 5px solid #CD2F5C;
            background-color: transparent;
        }

    .awafi-section .awafi-content {
        display: flex;
        width: 100%;
        max-width: 1192px;
        flex-direction: column;
        position: relative;
    }

    .awafi-section .awafi-body {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .awafi-section .awafi-logo {
        border-radius: 0 0 0 91px;
        background-color: #FFF;
        display: flex;
        width: 384px;
        max-width: 100%;
        flex-direction: column;
        justify-content: start;
        padding: 56px 64px 80px;
        z-index: 2;
    }

    .awafi-section .awafi-logo-image {
        aspect-ratio: 1.78;
        object-fit: contain;
        object-position: center;
        width: 100%;
    }

    .awafi-section .awafi-title {
        border-radius: 58px 0 0 0;
        background-color: #561A1A;
        align-self: stretch;
        display: flex;
        margin-top: 91px;
        width: 100%;
        padding-top: 16px;
        align-items: center;
        overflow: hidden;
        color: #FFF;
        justify-content: center;
        font: 400 25px Tahoma, sans-serif;
        text-align: center;
        z-index: 2;
        font-family: 'Gotham Rounded' !important;
    }

    .awafi-section .awafi-title-text {
        align-self: stretch;
        border-color: #DE0E5A;
        border-bottom-width: 6px;
        min-width: 240px;
        padding-bottom: 16px;
        margin: auto 0;
        border-bottom: 6px solid #cd2f5c;
    }

    .awafi-section .awafi-features {
        display: flex;
        margin-top: 109px;
        align-items: start;
        gap: 40px;
        font-family: Tahoma, sans-serif;
        font-weight: 400;
        justify-content: center;
        flex-wrap: wrap;
    }

    .awafi-section .feature-item {
        background-color: #F2E6D6;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        padding: 0 10px;
        z-index: 2;
    }

    .awafi-section .feature-icon {
        aspect-ratio: 1;
        object-fit: contain;
        object-position: center;
        width: 98px;
    }

    .awafi-section .feature-content {
        display: flex;
        margin-top: 0px;
        max-width: 100%;
        width: 170px;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }

    .awafi-section .feature-title {
        color: #561A1A;
        font-size: 17px;
        font-family: 'Gotham Rounded' !important;
        padding: 0 15px;
        text-align: center;
        margin-top: 4px;
    }

    .awafi-section .feature-description {
        color: #561a1a;
        font-size: 13px;
        text-align: center;
        margin-top: 5px;
        padding: 0 3px;
        border-bottom: 1px dashed;
        font-family: 'Gotham Rounded' !important;
    }

    .awafi-section .awafi-cta {
        align-self: center;
        display: flex;
        margin-top: 52px;
        align-items: start;
        gap: 8px;
        color: #561A1A;
        text-align: right;
        justify-content: end;
        font: 400 20px Tahoma, sans-serif;
    }

    .awafi-section .cta-text {
        align-self: stretch;
        border-color: #D97929;
        padding-bottom: 4px;
        font-family: 'Co Headline Bold';
        carousel-indicators slider-dots font-weight: 400 !important;
        font-size: 14px;
        border-bottom: 3px dashed #D97929;
        color: #561a1a;
    }

    .awafi-section .cta-icon {
        aspect-ratio: 0.73;
        object-fit: contain;
        object-position: center;
        width: 19px;
    }


    .awafi-section .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

/*media center*/

.media-center {
    background-color: #561a1a;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: flex-end;
    justify-content: center;
}


    .media-center .media-center-header {
        border-radius: 0 0 40px 0;
        background-color: #cd2f5c;
        position: relative;
        display: flex;
        width: 90%;
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        left: -27rem;
        padding: 16px 49px 0;
        padding-left: 115px;
    }

    .media-center .main-text-frame {
        width: 100%;
        position: absolute;
        top: 32px;
    }

    .media-center .carousel-items {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        transition: transform 0.5s ease;
    }

    .media-center .announcement-content {
        position: absolute;
        z-index: 1;
        display: none;
        min-width: 240px;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 281px;
        text-align: center;
    }

    .media-center .content-active {
        display: flex;
    }

    .media-center .announcement-text {
        display: flex;
        width: 270px;
        max-width: 100%;
        flex-direction: column;
        justify-content: start;
        color: #fff;
    }

    .media-center .announcement-title {
        font-size: 20px;
        align-self: center;
        color: #fff;
    }

.media-center-cta-text {
    border-bottom: 3px dotted #fff;
    padding-bottom: 4px;
}

.media-center-cta-button {
    display: flex;
    margin-top: 32px;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    text-align: right;
    justify-content: end;
    text-decoration: none;
    color: #fff;
    background: transparent;
}

.media-center .announcement-description {
    font-size: 17px;
    position: relative;
    margin: 1px 1px;
    padding: 23px 40px;
    border-radius: 5px;
    color: white;
    border-top: 2px solid #f2a53a;
    border-left: 2px solid #f2a53a;
    border-bottom: 2px solid #f2a53a;
    border-right: 2px solid #f2a53a;
}
.media-center .ligne-number {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: calc(3.7em * 2);
    line-height: 27px;
}

.media-center .cta-button {
    display: flex;
    margin-top: 32px;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    text-align: right;
    justify-content: end;
    text-decoration: none;
    color: #fff;
}


.media-center .cta-text {
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
}


.media-center .cta-icon {
    aspect-ratio: 0.73;
    object-fit: contain;
    object-position: center;
    width: 19px;
}



.media-center .logo-container {
    position: absolute;
    z-index: 0;
    display: flex;
    width: 826px;
    max-width: 100%;
    gap: 40px 100px;
    overflow: hidden;
    flex-wrap: wrap;
    left: 35%;
    bottom: 0;
    height: 98px;
}

.media-center .logo-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.media-center .logo {
    aspect-ratio: 0.74;
    object-fit: contain;
    object-position: center;
    width: 79px;
    position: relative;
    left: 41rem;
}

.media-center .logo-secondary {
    aspect-ratio: 1.83;
    object-fit: contain;
    object-position: center;
    width: 77px;
    align-self: flex-end;
    position: absolute;
    left: 68%;
    bottom: 0;
}

.media-center .logo-tertiary {
    aspect-ratio: 1.63;
    object-fit: contain;
    object-position: center;
    width: 122px;
    align-self: flex-start;
    margin-top: 23px;
    max-width: 100%;
    position: relative;
    left: 10rem;
}

.media-center .header-title {
    align-self: stretch;
    border-bottom: 6px solid #d97929;
    padding-bottom: 22px;
    color: #fff;
    font: 400 29px Tahoma, sans-serif;
    font-family: Tahoma, sans-serif;
    text-align: center;
    margin: 0px 26rem;
    margin-left: 26rem;
    margin-left: 47rem;
    font-family: 'Gotham Rounded' !important;
    text-transform: uppercase;
}

.app-download-section {
    display: flex;
    align-items: flex-end;
    gap: 40px 64px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 75px 0px 25px 0px;
}

    .app-download-section .app-store-links {
        display: flex;
        min-width: 240px;
        min-height: 134px;
        align-items: center;
        gap: 22px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .app-download-section .app-store-logo {
        aspect-ratio: 3.39;
        object-fit: contain;
        object-position: center;
        width: 155px;
        align-self: stretch;
        margin: auto 0;
    }

    .app-download-section .app-store-logo-alt {
        aspect-ratio: 3.3;
        object-fit: contain;
        object-position: center;
        width: 155px;
        align-self: stretch;
        margin: auto 0;
    }


    .app-download-section .mobile-device-image {
        aspect-ratio: 0.63;
        object-fit: contain;
        object-position: center;
        width: 131px;
    }


    .app-download-section .app-info {
        min-width: 240px;
        flex-direction: column;
        width: 435px;
        padding: 23px 0;
        color: rgba(217, 121, 41, 1);
        text-align: right;
        font-family: 'Gotham Rounded' !important;
        font-size: 27px;
        font-weight: bold;
    }

    .app-download-section .app-logo-wrapper {
        display: inline-block;
        width: 148px;
        max-width: 100%;
        margin-bottom: -3rem;
    }

    .app-download-section .app-logo {
        object-fit: contain;
        object-position: center;
        width: 100%;
    }

     





.media-center .corner-icon {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 40px;
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    transform: rotateY(175deg);
}

.media-center .carousel {
    align-self: stretch;
    position: relative;
    display: flex;
    margin-top: 56px;
    width: 100%;
    align-items: center;
    gap: 24px;
    justify-content: center;
    min-height: 540px;
}


.media-center .carousel-item {
    border-radius: 269px;
    align-self: stretch;
    z-index: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: flex-start;
    width: 232px;
    margin: auto 0;
    border: 5px solid #fff;
}

.media-center .carousel-image {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 100%;
    align-self: stretch;
    margin: auto 0;
}

.media-center .carousel-item-large {
    border-radius: 327px;
    align-self: stretch;
    z-index: 0;
    display: flex;
    min-width: 240px;
    align-items: center;
    overflow: hidden;
    justify-content: flex-start;
    width: 275px;
    margin: auto 0;
    border: 5px solid #fff;
}

.media-center .carousel-item-main {
    border: 5px solid #fff;
    border-radius: 587px;
    width:45%
}
.media-center .carousel-item-main > img {
    filter: brightness(50%);
}

.media-center .carousel-image-large {
    aspect-ratio: 0.98;
    object-fit: contain;
    object-position: center;
    width: 100%;
    align-self: stretch;
    min-width: 240px;
    margin: auto 0;
}

.media-center .carousel-image-main {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    max-width: 530px;
    border-radius: 587px;
    align-self: stretch;
    z-index: 0;
    min-width: 240px;
    margin: auto 0;
}




.media-center .carousel-arrows {
    align-self: flex-start;
    position: absolute;
    z-index: 0;
    display: flex;
    min-width: 240px;
    align-items: center;
    gap: 40px 100px;
    justify-content: space-between;
    flex-wrap: wrap;
    left: 50%;
    bottom: 0;
    top: 234px;
    transform: translate(-50%, 0);
    width: 1450px;
    cursor:pointer;
}

.media-center .arrow-icon {
    font-size: 4em;
    opacity: 50%;
    color: white;
}

.media-center .footer-image {
    aspect-ratio: 58.82;
    object-fit: contain;
    object-position: center;
    width: 100%;
    margin-top: 56px;
}



.media-center .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/*footer*/

.footer-section {
    border-radius: 0 80px 0 0;
    background-color: #561a1a;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 33px 29px;
    flex-direction: row-reverse;
    margin-top: 1rem;
    justify-content: space-around;
}



    .footer-section .logo-copyrights {
        align-self: stretch;
        display: flex;
        min-width: 240px;
        align-items: center;
        gap: 8px;
        color: #fff;
        text-align: right;
        justify-content: start;
        flex-wrap: wrap;
        margin: auto 0;
        font: 500 18px Tahoma, sans-serif;
    }

.bord {
    border-top: 5px solid #d97929;
    margin-right: -55px;
    padding: 0px 20px;
}


.footer-section .company-logo {
    aspect-ratio: 1.27;
    object-fit: contain;
    object-position: center;
    width: 57px;
    align-self: stretch;
    margin: auto 0;
}

.restaurant-name {
    font-size: 30px !important;
    color: #410F12;
    line-height: 55px;
    font-family: 'Gotham Rounded' !important;
}

.footer-section .company-info {
    align-self: stretch;
    margin: auto 0;
    font-family: 'Gotham Rounded' !important;
}


.footer-section .highlight {
    color: #d97929;
}

.footer-section .social-media {
    align-self: stretch;
    display: flex;
    min-width: 240px;
    align-items: center;
    gap: 16px;
    justify-content: start;
    margin: auto 0;
}

.footer-section .social-icons {
    align-self: stretch;
    display: flex;
    align-items: start;
    gap: 8px;
    justify-content: start;
    margin: auto 0;
}

.footer-section .social-icon {
    object-fit: contain;
    object-position: center;
}

.footer-section .social-handle {
    color: #fff;
    text-align: right;
    align-self: stretch;
    margin: auto 0;
    font: 400 16px Tahoma, sans-serif;
    font-family: 'Gotham Rounded' !important;
}

.footer-section .contact-number {
    color: #fff;
    text-align: right;
    align-self: stretch;
    margin: auto 0;
    font: 400 16px Tahoma, sans-serif;
    font-family: 'Gotham Rounded' !important;
}

.footer-section .footer-links {
    align-self: stretch;
    min-width: 240px;
    gap: 10px;
    color: #fff;
    text-align: right;
    margin: auto 0;
    font-size: 18px;
    font-weight: 500;
    margin-right: 2rem;
    font-family: 'Gotham Rounded' !important;
}

.footer-section .footer-link {
    color: white;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

    .footer-section .footer-link:hover {
        color: #d97929;
    }

.quality .image-pattern {
    height: auto;
    position: relative;
    bottom: 187px;
    left: -11rem;
}



@media (max-width : 1500px) {
    .nav.navbar-nav.nav-pages {
        padding: 0px !important;
    }

    .menu-section .slider-column {
        margin-right: 13rem;
    }

    .menu-section .slider-dots {
        right: -14%;
        width: 76px;
        gap: 2px;
    }

    .menu-section .menu-heading {
        width: 56%;
    }
    .menu-section .dish-title {
        top: 65px;
        
    }
    .menu-section .sidebar-image {
        margin-top: 101px;
        margin-bottom: 6rem;
        margin-left: 6rem;
        width: 88px;
    }

    .main-content .heading-container {
        margin-left: -80px;
    }

    .main-content .main-image {
        margin-right: 6rem;
    }

    .romantic-company-section .company-description {
        padding: 0 9rem;
    }

    .romantic-company-section .gallery-image-left {
        margin-left: 5rem;
        width: 88px;
    }

    .romantic-company-section .gallery-image-right {
        width: 88px;
        margin-right: 5rem;
    }

    .romantic-company-section .gallery-image-center {
        aspect-ratio: 2.2;
        object-fit: contain;
        width: 694px;
        align-self: stretch;
        min-width: 240px;
        flex-grow: 1;
        margin: auto 0;
        width: 68%;
    }

    .media-center .header-title {
        margin-left: 36rem;
        margin-right: 12rem;
    }

    .media-center .logo-tertiary {
        left: 6rem;
        width: 114px;
        margin-top: 28px;
    }

    .media-center .logo {
        left: 36rem;
        top: 13px;
        width: 64px;
    }

    .media-center .logo-secondary {
        left: 63%;
        width: 64px;
    }

    .quality .image-pattern {
        bottom: 124px;
        left: -11rem;
    }

        .quality .image-pattern .left-image_pattern {
            width: 65px;
        }

    .romantic-company-section .image-gallery {
        gap: 0px
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .nav > li > a {
        margin-right: 10px
    }

    .nav-pages {
        flex-wrap: nowrap;
    }

    .nav.navbar-nav > li {
        margin-right: 0px;
    }

    .cta-button {
        min-width: 204px;
    }

        .cta-button a {
            padding: 0px 7px !important;
            font-size: 18px;
        }

    .cta-icon {
        width: 57px;
    }

    .main-content .main-image {
        width: 100%;
        margin: 00;
        padding: 45px;
        margin-top: 10rem;
        margin-bottom: -10rem;
    }

    .main-content .info-container {
        width: 100%;
    }

        .main-content .info-container .number-container .sub-heading {
            margin-top: -280px;
            margin-left: 10rem;
        }

    .stat-item {
        margin-top: -493px;
    }

    .divider {
        margin-top: 43px;
    }

    .romantic-company-section .image-gallery {
        flex-wrap: nowrap;
    }

    .menu-section .dish-title {
        top: 26px !important;
        left: 15% !important;
        font-size: 12px;
    }

    .carousel {
        margin-top: 28px;
    }



    .media-center .header-title {
        padding-bottom: 9px;
        margin-left: 26rem;
        margin-right: 0;
    }

    .media-center .logo-tertiary {
        left: 0rem;
        width: 95px;
        margin-top: 40px;
    }

    .media-center .logo-secondary {
        left: 59%;
        width: 56px;
    }

    .media-center .logo {
        left: 23rem;
        top: 27px;
        width: 64px;
    }
}

@media (max-width: 991px) {

    .footer-section {
        border:0;
        border-radius:0;
    }
        .hero-title .restaurant-name {
        font-size: 20px !important;
        margin-bottom: 0rem;
    }

    .hero-title img {
        width: 24%;
    }

    .top-bar {
        max-width: 100%;
        padding: 0 20px;
    }

    .main-nav {
        max-width: 100%;
    }

    .settings-bar {
        padding-left: 20px;
        border-radius: 0;
    }

    .nav-pages {
        max-width: 100%;
        padding: 0 20px;
    }

    .cta-button {
        padding: 0 20px;
        border-radius: 0;
    }

    .navbar-separator {
        display: none;
    }

    .hero-text .hero-description {
        max-width: 37%;
        font-size: 16px;
    }

    .carousel {
        max-width: 100%;
    }

    .left-arrow {
        display: none
    }

    .right-arrow {
        display: none;
    }

    .carousel-arrows {
        max-width: 100%;
    }

    .success-journey {
        padding: 0 0 100px 20px;
    }

    .heading-container {
        padding: 0 20px;
        margin-right: 34rem;
        top: -40px;
    }

    .main-content {
        max-width: 100%;
        margin-top: 40px;
        flex-direction: column-reverse;
    }

    .main-image {
        max-width: 100%;
    }

    .info-container {
        max-width: 100%;
    }

    .number-container {
        max-width: 100%;
        font-size: 40px;
        white-space: initial;
    }

    .number {
        max-width: 100%;
        font-size: 32rem;
    }

    .sub-heading {
        margin-top: 40px;
    }

    .sub-heading-title {
        white-space: initial;
    }

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

    .stat-number {
        font-size: 40px;
        margin-top: -900px;
        margin: 0;
    }


    /* Section our menu*/

    .menu-section .menu-title {
        max-width: 100%;
        white-space: initial;
        padding: 0 20px;
    }

    .menu-section .dish-title {
        top: 32px;
        left: 16%;
        font-size: 14px;
    }

    .menu-section .menu-section {
        padding-left: 20px;
    }

    .menu-section .menu-heading {
        white-space: initial;
    }

    .menu-section .menu-banner {
        max-width: 100%;
    }

    .menu-section .menu-content {
        max-width: 100%;
        margin-right: 10px;
    }

    .menu-section .menu-layout {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .menu-section .slider-column {
        width: 100%;
    }

    .menu-section .slider-container {
        max-width: 100%;
    }

    .menu-section .menu-sidebar {
        width: 100%;
    }

    .menu-section .sidebar-content {
        margin-top: 22px;
    }

        .menu-section .sidebar-content .menu-list {
            margin-bottom: 2rem;
        }

    .menu-section .menu-item {
        padding: 0 20px;
    }

    .menu-section .cta-button {
        padding-left: 20px;
        align-content: center;
        text-align: center;
        justify-content: center;
    }

    .menu-section .sidebar-image {
        position: relative;
        left: 82%;
        margin-top: -25rem;
        margin-bottom: 18rem;
        width: 6%;
    }


    .company-description {
        max-width: 100%;
    }

    .image-gallery {
        max-width: 100%;
        margin-top: 40px;
    }

    .gallery-image-center {
        max-width: 100%;
    }

    .cta-bar {
        max-width: 100%;
        padding: 16px 20px;
    }

    .awafi-section .awafi-square {
        height: 100%;
        border: 2px dashed #CD2F5C;
        margin: 0 auto;
        top: 0px;
        right: 0px;
    }

    .awafi-section .awafi-background {
        border-radius: 0 0 0 150px;
        padding: 0 20px;
    }

        .awafi-section .awafi-background::before {
            content: "";
            position: absolute;
            width: 150px; /* Match the curve size */
            height: 150px;
            border-bottom-left-radius: 150px;
        }

    .awafi-section .awafi-content,
    .awafi-section .awafi-body {
        max-width: 100%;
    }

    .awafi-section .awafi-logo {
        padding: 0 20px;
    }

    .awafi-section .awafi-title {
        max-width: 100%;
        margin-top: 40px;
    }

    .awafi-section .awafi-features {
        max-width: 100%;
        margin-top: 40px;
    }

    .awafi-section .awafi-cta {
        margin-top: 40px;
    }



    .media-center .media-center-header {
        padding-left: 20px;
    }

    .app-download-section .app-store-links {
        max-width: 100%;
    }

    .app-download-section .app-logo-wrapper {
        margin-left: 10px;
    }

    .media-center .carousel {
        max-width: 100%;
        margin-top: 40px;
    }

    .media-center .carousel-image-main {
        max-width: 100%;
    }

    .media-center .carousel-arrows {
        max-width: 100%;
    }

    .media-center .footer-image {
        max-width: 100%;
        margin-top: 40px;
    }

    .footer-section .footer-section {
        padding: 0 20px;
    }

    .footer-section .logo-copyrights {
        max-width: 100%;
    }

    .footer-section .company-info {
        max-width: 100%;
    }
}

@media(max-width: 700px) {
    .media-center .header-title {
        padding-bottom: 9px;
        margin: 0 !important;
    }

    .media-center .logo-container {
        left: 86px;
    }

    .media-center .media-center-header {
        left: 0rem;
        width: 100%;
        border-radius: 0 0 0 0;
    }
}


@media(max-width: 768px) and (min-width: 576px) {
    .main-content .main-image {
        width: 100%;
        margin: 00;
        padding: 10px;
        margin-top: 10rem;
    }

    .main-content .info-container {
        width: 100%;
    }

        .main-content .info-container .number-container .sub-heading {
            margin-top: -280px;
            margin-left: 10rem;
        }

    .stat-item {
        margin-top: -493px;
    }

    .divider {
        margin-top: 43px;
    }

    .romantic-company-section .image-gallery {
        flex-wrap: nowrap;
    }

    .menu-section .dish-title {
        top: 24px !important;
        left: 15% !important;
        font-size: 11px !important;
    }

    .hero-text .hero-description {
        max-width: 421px;
        font-size: 16px;
    }

    .menu-section .menu-heading {
        width: 55%;
    }


    .carousel {
        margin-top: 3rem;
    }

    .main-content .heading-container .heading-content .journey-title {
        font-size: 23px;
    }

    .media-center .header-title {
        padding-bottom: 9px;
        margin-left: 0;
        margin-right: 0;
    }

    .media-center .logo-tertiary {
        left: 29rem;
        width: 95px;
        margin-top: 40px;
    }

    .media-center .logo-secondary {
        left: 59%;
        width: 56px;
    }

    .media-center .logo {
        left: 23rem;
        top: 27px;
        width: 64px;
    }
}
@media(max-width: 768px) and (min-width: 150px) {
    .media-center .logo-wrapper{
        display:none;
    }
    .media-center .logo-tertiary{
        display:none;
    }
    .media-center .corner-icon{
        display:none;
    }

    .media-center .media-center-header {
        border-radius: 0;
        width: 100%;
        left: 0rem;
    }
    .qualitytxt {
        margin-top: 0rem;
    }

    .nav.navbar-nav.nav-pages {
        flex-direction: column;
        align-items: initial;
        padding: 0px !important;
    }

    .nav.navbar-nav > li {
        justify-content: flex-start;
    }
}
@media(max-width: 576px) {
    .number {
        max-width: 100%;
        font-size: 25rem;
    }
    .design-1 {
      
        top: 12.5rem;
        right: 0rem;
        z-index: 1;
    }
    .design-2 {
        
        top: -17.5rem;
        left: -15rem;
        width: 9%;
    }
    .design-3 {
      
        top: -26rem;
        left: 1rem;
    }
    .media-center .logo-tertiary{
        display:none;
    }
    .success-journey {
        padding: 0 0 100px 0px;
    }
    .quality .image-pattern {
        display: none;
    }
    .wow.fadeInUp.footer-section {
        flex-direction: column;
    }
    .success-journey {
        padding: 0px 0 92px 0px;
    }
    .footer-section .footer-links {
        text-align: center;
        margin: 1rem 0;
    }
    .footer-section .social-handle{
        text-align:center;
    }
    .footer-section .social-media {
        flex-direction: column;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .footer-section .social-icons {
        justify-content: space-between;
        margin: 1rem 0;
    }

    .footer-section .contact-number {
        margin-bottom: 1rem;
        text-align:center
    }

    .footer-section .logo-copyrights {
        justify-content: center;
        text-align: center;
    }

    .menu-section .sidebar-image {
        display: none;
    }

    .footer-section {
        border-radius: 0px
    }

    .media-center .logo-container {
        left: 0;
    }

    .app-download-section .app-info {
        text-align: center;
        padding: 23px 11px;
    }

    .app-download-section .app-store-links {
        justify-content: center;
    }

    .separator-section {
        text-align: center;
        margin: 30px 0px;
    }

    .menu-section .menu-heading .menu-title {
        text-align: center;
    }


    .main-content .heading-container {
        width: 100%;
        margin-right: 0;
        margin-left: 0px;
        align-items: center;
        text-align: center;
        border-radius: 0;
    }

        .main-content .heading-container .heading-content {
            margin-left: 0;
        }

    .main-content .main-image {
        width: 100%;
        margin: 00;
        padding: 10px;
        margin-top: 10rem;
    }

    .main-content .info-container {
        width: 100%;
    }

        .main-content .info-container .number-container .sub-heading {
            margin-top: -200px;
            margin-left: 0rem;
        }

    .stat-item {
        margin-top: -493px;
    }

    .divider {
        margin-top: 43px;
    }

    .romantic-company-section .image-gallery {
        flex-wrap: nowrap;
    }

    .menu-section .dish-title {
        top: 30px !important;
        left: 17% !important;
        font-size: 13px !important;
    }

    .hero-text .hero-description {
        max-width: 421px !important;
        font-size: 16px;
    }

    .menu-section .menu-heading {
        width: 100%;
    }


    .carousel {
        margin-top: 3rem;
    }

    .main-content .heading-container .heading-content .journey-title {
        font-size: 23px;
    }
}

@media(max-width:436px) {
    .menu-section .rounded-bottom-image {
        border-radius: 0px 0 33px 33px;
    }
    .app-download-section .app-store-links {
        justify-content: center;
    }

    .main-content .info-container .number-container .sub-heading {
        margin-top: -160px;
        margin-left: 0rem;
    }

    .number-container .design-3 {
        position: relative;
        top: -20.4rem;
        left: 1rem;
        width: 11%;
    }

    .number-container .design-2 {
        position: relative;
        top: -14rem;
        left: -114px;
        width: 9%;
    }

    .number-container .number {
        max-width: 100%;
        font-size: 19rem;
    }

    .design-1 {
        position: relative;
        top: 9rem;
        width: 15%;
        right: 0rem;
        z-index: 1;
    }

    .number-container .stats-container {
        margin-left: 0;
    }
    .quality .image-pattern{
        display:none;
    }
    .media-center .logo-tertiary, .media-center .logo-wrapper, .media-center .corner-icon {
        display: none;
    }
    .awafi-section .awafi-logo-image {
        aspect-ratio: 2.78;
    }

    .menu-section .slider-column {
        width: 90%;
        margin-right: 20px;
    }
    .menu-section .dish-title {
        top: 24px !important;
        left: 14% !important;
        font-size: 13px !important;
    }
    .menu-section .slider-dots {
        display: none;
    }

    .romantic-company-section .company-description {
        padding: 0px 3rem;
    }

    .romantic-company-section .gallery-image-right {
        width: 50px;
        margin-right: 0;
    }

    .romantic-company-section .gallery-image-left {
        margin-left: 0;
        width: 50px;
    }
}


@media(max-width: 315px) {
    .menu-section .dish-title {
        top: 19px !important;
        left: 10% !important;
        font-size: 13px !important;
    }

    .design-1 {
        position: relative;
        top: 10.4rem;
        right: -8rem;
        z-index: 1;
        width: 28%;
    }

    .main-content .info-container {
        width: 67%;
    }

    .number-container .number {
        max-width: 95%;
        font-size: 22rem;
    }

    .number-container .design-2 {
        position: relative;
        top: -15.2rem;
        left: 6rem;
        width: 13%;
    }

    .number-container .design-3 {
        position: relative;
        top: -21.1rem;
        left: 20.5rem;
        width: 14%;
    }

    .main-content .info-container .number-container .sub-heading {
        margin-top: -173px;
        margin-left: 3rem;
    }

    .stat-text {
        width: 88%;
    }

    .stat-number {
        font-size: 25px;
    }

    .stat-label {
        font-size: 14px;
    }

    .divider {
        margin-top: 32px;
        border: 1px dashed #fff;
    }

    .stat-item {
        width: 126px;
    }

    .media-center .logo-tertiary {
        display: none
    }


    .media-center .corner-icon {
        display: none;
    }

    .menu-section .sidebar-image {
        display: none;
    }

    .romantic-company-section .gallery-image-left {
        display: none;
    }

    .romantic-company-section .gallery-image-right {
        display: none;
    }
}



.mediaCenter .who-we-are-container {
    margin: 23px auto 1px;
    width: 100%;
    max-width: 1440px;
}

.mediaCenter .media-carousel-arrows {
    display: flex;
    position: absolute;
    top: 35%;
    width: 168%;
    align-items: center;
    gap: 40px 100px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0% 0 0%;
}

.mediaCenter .row .col-sm-4 .image {
    width: 100%;
    margin-top: 4rem;
    margin-bottom: 4rem;
}




.mediaCenter .tab-content-container {
    padding: 0;
    border-top: 4px solid #db095b;
    background-color: #fbead9;
    z-index: 1;
    position: relative;
}

    .mediaCenter .tab-content-container .tab-content {
        padding: 1rem;
        padding-bottom: 5rem;
        text-align: center;
    }

.mediaCenter .mt-5 {
    margin-top: 5rem;
}

.mediaCenter .mt-3 {
    margin-top: 3rem;
}

.mediaCenter .d-flex {
    display: flex;
}

.mediaCenter .justify-content {
    justify-content: center;
}

.mediaCenter .align-item {
    align-items: center;
}

.mediaCenter .awafi-logo {
    width: 80%;
}


.mediaCenter .carousel-awafi {
    align-content: center;
    align-items: center;
    width: 37%;
    margin: auto 12rem;
    margin-top: -11rem;
   
}

.mediaCenter .carousel-indicators {
    top: 59%;
    margin-left: -30%;
    z-index: -1;
}

.mediaCenter .mx-0 {
    margin-right: 0px;
    margin-left: 0px;
}

.mediaCenter .carousel-indicators li {
    background-color: rgb(86, 26, 26) !important;
    border: 1px solid #561a1a !important;
}

.mediaCenter .carousel-awafi .carousel-inner {
    background-image: url('/Themes/NopRoot/Content/Romansiya/images/topics/mediacenter-slider1.svg');
    /* Remplacez avec votre URL d'image */
    background-size: cover;
    background-position: center;
    height: 655px;
    z-index: -1;
    width: 100%;
    display: flex;
    justify-content: center;
}

.mediaCenter .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #cd2f5c !important;
    border: 1px solid #cd2f5c !important;
}


.mediaCenter .carousel-awafi .item {
    text-align: center;
    /* Pour centrer le texte */

    padding: 140px 0;
    padding-bottom: 0px;
    /* Ajustez le padding pour bien espacer le contenu */
}

.mediaCenter .awafi-titre {
    text-align: center;
    font-size: 70px;
    /* padding: 0 0rem; */
    padding-right: 14rem;
    padding-left: 14rem;
    font-weight: 800;
    color: #cd2f5c;
}


.mediaCenter .titre-about-awafi {
    background: #d97929;
    color: #ffffff;
    padding: 15px 50px;
    border-radius: 32px 36px 0 0;
    border-bottom: 9px solid #ce315e;
    font-weight: bold;
}



.mediaCenter .justify-content-start {
    justify-content: flex-start;
}

.mediaCenter .ml-8 {
    margin-left: 5%;
}

.mediaCenter .mr-8 {
    margin-right: 8rem;
}


.mediaCenter .who-we-are-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.mediaCenter .carousel-arrows {
    display: flex;
    position: absolute;
    top: 40%;
    width: 112%;
    max-width: 1488px;
    align-items: center;
    gap: 40px 100px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px -5% 0 0%;
}
.mediaCenter .mediacenterpatren {
    position: absolute;
    right: 87rem;
    top: 33rem;
    z-index: 1;
    width: 7%;
    transform: rotateY(3.142rad);
}
.mediaCenter .mediacenter-image-back {
    width: 40% !important;
}
.mt-4 {
    margin-top: 4rem;
}


.mediacenter-container {
    position:relative;
    z-index:1;
    margin-top: -24rem;
}
.media-center-header-content {
    border-radius: 50px 0 0 0;
    background-color: #cd2f5c;
    position: relative;
    display: flex;
    width: 83%;
    /* max-width: 1429px; */
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 0 0 277px;
    margin-left: 324px;
    padding-right: 59rem;
}

.media-header-title {
    align-self: stretch;
    border-bottom: 6px solid #d97929;
    padding-bottom: 28px;
    color: #fff;
    font: 600 35px Circle;
    text-align: center;
    margin-bottom: 0rem;
    margin-top: 2rem;
}
.mediacenter-content {
    width: 80%;
    margin-top: 5rem;
}

.mediacenter-description {
    margin-top: 1rem;
    text-align: justify;
    font-size: 17px;
}

.media-center-all {
    margin-top: 3rem;
    background-color: #561a1a;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: center;
}


    .media-center-all .media-center-header {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        display: flex;
    }

        .media-center-all .media-center-header .heade:hover, .head:focus {
            color: #fff !important;
            text-decoration: none !important;
        }

    .media-center-all .header-title {
        align-self: center;
        border-bottom: 6px solid #cd2f5c;
        padding-bottom: 32px;
        color: #fff;
        font: 400 25px Tahoma, sans-serif;
        display: flex;
        align-content: center;
        align-items: center;
        text-align: center;
        border-radius: 0 0 40px 40px;
        background-color: #d97929;
        padding: 0 43px 23px 43px;
        margin-top: 0rem;
        cursor: pointer;
    }

    .media-center-all .carousel-items {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        transition: transform 0.5s ease;
    }

    .media-center-all .announcement-content {
        position: absolute;
        z-index: 1;
        display: none;
        min-width: 240px;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 281px;
        text-align: center;
    }

    .media-center-all .content-active {
        display: flex;
    }


@media (max-width: 991px) {
    .media-center-all .media-center-header {
        padding-left: 20px;
    }
}

.media-center-all .carousel {
    align-self: stretch;
    position: relative;
    display: flex;
    margin-top: 56px;
    width: 100%;
    align-items: center;
    gap: 24px;
    justify-content: center;
    min-height: 540px;
}

@media (max-width: 991px) {
    .media-center-all .carousel {
        max-width: 100%;
        margin-top: 40px;
    }
}

.media-center-all .carousel-item {
    border-radius: 269px;
    align-self: stretch;
    z-index: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: flex-start;
    width: 232px;
    margin: auto 0;
    border: 5px solid #fff;
}

.media-center-all .carousel-image {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 100%;
    align-self: stretch;
    margin: auto 0;
}

.media-center-all .carousel-item-large {
    border-radius: 327px;
    align-self: stretch;
    z-index: 0;
    display: flex;
    min-width: 240px;
    align-items: center;
    overflow: hidden;
    justify-content: flex-start;
    width: 275px;
    margin: auto 0;
    border: 5px solid #fff;
}

.media-center-all .carousel-item-main {
    border: 5px solid #fff;
    border-radius: 587px;
    width:55%
}

.media-center-all .carousel-image-large {
    aspect-ratio: 0.98;
    object-fit: contain;
    object-position: center;
    width: 100%;
    align-self: stretch;
    min-width: 240px;
    margin: auto 0;
}

.media-center-all .carousel-image-main {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    max-width: 530px;
    border-radius: 587px;
    align-self: stretch;
    z-index: 0;
    min-width: 240px;
    margin: auto 0;
}



.media-center-all .carousel-arrows {
    align-self: flex-start;
    position: absolute;
    z-index: 0;
    display: flex;
    min-width: 240px;
    align-items: center;
    gap: 40px 100px;
    justify-content: space-between;
    flex-wrap: wrap;
    left: 50%;
    bottom: 0;
    top: 3%;
    transform: translate(-50%, 0);
    width: 1400px;
    cursor: pointer;
}



.media-center-all .arrow-icon {
    font-size: 4em;
    opacity: 50%;
    color: white;
}

.media-center-all .footer-image {
    aspect-ratio: 58.82;
    object-fit: contain;
    object-position: center;
    width: 100%;
    margin-top: 56px;
}
.media-center-all .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.media-center-all .announcement-text {
    display: flex;
    width: 304px;
    max-width: 100%;
    flex-direction: column;
    justify-content: start;
    color: #fff;
}

.media-center-all .announcement-title {
    font-size: 20px;
    align-self: center;
    color: #fff;
}

.media-center-all .announcement-description {
    font-size: 17px;
    position: relative;
    margin: 1px 10px;
    padding: 23px 40px;
    border-radius: 5px;
    color: white;
    border-top: 2px solid #f2a53a;
    border-left: 2px solid #f2a53a;
    border-bottom: 2px solid #f2a53a;
    border-right: 2px solid #f2a53a;
}

.media-center-all .main-text-frame {
    width: 100%;
    position: absolute;
    top: 32px;
}

.media-center-all .cta-icon {
    aspect-ratio: 0.73;
    object-fit: contain;
    object-position: center;
    width: 19px;
}
.media-center-all .carousel-item-main > img {
    filter: brightness(50%);
}
@media(max-width:991px) {

    .mediaCenter .image {
        width: 100%;
    }

    .media-center-all .carousel-image-main {
        max-width: 100%;
    }

    .media-center-all .footer-image {
        max-width: 100%;
        margin-top: 40px;
    }

    .media-center-all .carousel-arrows {
        max-width: 90%;
        top: 0%;
    }

    .mediaCenter .mediacenter-container .media-center-header-content {
        width: 100%;
        justify-content: center;
        padding: 8px 0 0 0px;
        padding-right: 0px;
        margin-left: 0;
        padding-right: 0;
        align-items: flex-start;
    }
    .mediaCenter .media-carousel-arrows {
        top: 40%;
        width: 80%;
    }

    .mediaCenter .who-we-are-container {
        max-width: 100%;
        margin-top: 42px;
        margin-bottom: 7rem;
    }

    .mediaCenter .who-we-are-content {
        flex-direction: column;
        align-items: stretch;
    }
    .mediaCenter .mediacenter-container {
        margin-top: -24rem;
    }

    .mediaCenter .carousel-awafi {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: auto 0px;
        margin-top: -3rem;
    }

        .mediaCenter .carousel-awafi .carousel-inner {
            background-size: contain;
            background-position: center;
            height: 603px;
            width: 100%;
            background-repeat: no-repeat;
        }

    .mediaCenter .mediacenterpatren {
        position: absolute;
        right: 42rem;
        top: 629px;
        z-index: 2;
        width: 13%;
        transform: rotateY(3.142rad);
    }

    .mediaCenter .carousel-indicators {
        top: 52%;
        margin-left: -28%;
        z-index: -1;
    }
    Z
    .mediaCenter .carousel-awafi .item {
        padding: 120px 0;
    }

    .mediaCenter .awafi-titre {
        font-size: 55px;
        padding-right: 33rem;
        padding-left: 33rem;
    }
   


    .mediaCenter .mediacenter-container .mediacenter-content {
        width: 100%;
     
    }

    .mediaCenter .mediacenter-container .mediacenter-image {
        width: 104%;
    }
   .mediaCenter .mediacenter-image-back {
        width: 100% !important;
    }

}



@media (max-width:768px) {
    .video-roman {
       
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    iframe.adjust-video {
        width: 100%;
        height: 480px;
    }
    .mediaCenter .who-we-are-container {
        max-width: 100%;
        margin-top: 20px;
    }

    .mediaCenter .container-fuild {
        margin-top: -4rem;
        padding-left: 15px;
        padding-right: 15px;
    }

        .mediaCenter .container-fuild .mediacenterpatren {
            right: 33rem;
            top: 575px;
            width: 12%;
            
        }

    .mediaCenter .carousel-awafi {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: auto 0px;
        margin-top: auto;
        margin-top: -2rem;
    }

        .mediaCenter .carousel-awafi .carousel-inner {
            height: 538px;
            width: 80%;
        }

    .mediaCenter .media-carousel-arrows {
        top: 32%;
        width: 96%;
    }

    .mediaCenter .mediacenter-container {
        margin-top: -23rem;
    }

        .mediaCenter .mediacenter-container .mediacenter-content {
            flex-direction: column;
        }

        .mediaCenter .mediacenter-container .mediacenter-image {
            transform: rotate(90deg);
            width: auto;
            margin: -10rem auto;
        }

        .mediaCenter .mediacenter-container .media-center-header-content {
            border-radius: 0;
        }
 
    }


@media(max-width:665px) {
    .mediaCenter .awafi-titre {
        font-size: 40px;
        padding-right: 9rem;
        padding-left: 9rem;
    }

    .mediaCenter .container-fuild .mediacenterpatren {
        top: 559px;
        width: 15%;
        right: 27rem;
    }
    .mediaCenter .carousel-awafi .item {
        padding: 185px 0;
    }
}

@media(max-width:576px) {
    iframe.adjust-video {
        width: 100%;
        height: 285px;
    }
    .video-roman {
        margin-top: 11rem;
        margin-bottom: 11rem;
    }

    iframe.adjust-video {
        width: 100%;
        height: 480px;
    }
    .mediaCenter .who-we-are-container{
        margin-bottom:0rem;
    }
    .mediaCenter .carousel-arrow {
        width: 50%
    }
    .mediaCenter .container-fuild .mediacenterpatren {
        top: 410px;
        width: 15%;
        right: 22rem;
    }

 
        .mediaCenter .mt-4 {
            margin-top: 0px;
        }

        .mediaCenter .carousel-awafi {
            width: 100%;
            margin-top: 0rem;
        }

        .mediaCenter .container-fuild {
            margin-top: -13rem;
            padding-left: 15px;
            padding-right: 15px;
        }

        .mediaCenter .carousel-awafi .item {
            padding: 220px 0;
        }

        .mediaCenter .awafi-titre {
            font-size: 33px;
            padding-right: 2rem;
            padding-left: 2rem;
        }

    .mediaCenter .mediacenter-container {
        margin-top: -28rem !important;
    }

    .mediaCenter .carousel-indicators {
        top: 50%;
        margin-left: -28%;
        z-index: -1;
    }

    .mediaCenter .media-carousel-arrows {
        top: 28%;
        width: 96%;
    }

    .mediaCenter .carousel-awafi .carousel-inner {
        height: 494px;
        width: 80%;
    }

    .mediaCenter .carousel-awafi {
        width: 90% !important;
    }
}
@media(max-width:430px) {
    .mediaCenter .carousel-awafi {
        width: 85%;
        margin-top: -10rem;
    }

    .mediaCenter .container-fuild .mediacenterpatren {
        top: 305px;
        width: 15%;
        right: 17rem;
    }

    .mediaCenter .carousel-indicators {
        top: 50%;
    }

    .mediaCenter .carousel-awafi .carousel-inner {
        height: 552px !important;
        width: 100% !important;
    }

    .mediaCenter .media-carousel-arrows {
        top: 42% !important;
        width: 117% !important;
    }

    .mediaCenter .carousel-awafi .item {
        padding: 200px 0;
    }
    .mediaCenter .container-fuild {
        margin-top: -6rem;
        
    }
    .mediaCenter .mediacenter-container {
        margin-top: -23rem !important;
    }
    .media-center-all .carousel-arrows {
        max-width: 88%;
        
        margin: 0px 0% 0 -2%;
    }
    .media-center-all .carousel-item-main {
       
        width: 43%;
    }
}

@media(max-width:363px) {
    .mediaCenter .container-fuild .mediacenterpatren {
        top: 303px;
        width: 15%;
        right: 15rem;
    }

    .media-center-all .carousel-arrows {
        max-width: 95%;
        margin: 0px 0% 0 -3%;
    }
    .media-center-all .carousel-item-main {
     
        width: 31%;
    }

    .mediaCenter .media-carousel-arrows {
        display:none
    }

    .mediaCenter .awafi-titre {
        font-size: 30px;
        padding-right: 0px;
        padding-left: 0;
    }

    .mediaCenter .carousel-awafi {
        width: 100%;
    }
    .mediaCenter .container-fuild .mediacenterpatren {
        top: 305px;
        width: 15%;
        right: 17rem;
    }

}

@media(max-width:811px) {
    .mediaCenter .mediacenterpatren {
        right: 0rem;
        top: 621px;
        width: 78%;
    }

    .mediaCenter .carousel-awafi .carousel-inner {
        height: 617px;
        width: 80%;
    }

    .mediaCenter .media-carousel-arrows {
        top: 40%;
        width: 100%;
    }
    .mediaCenter .carousel-awafi {
        width: 80%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
    iframe.adjust-video {
        width: 70%;
        height: 500px;
    }
    .mediaCenter .carousel-awafi { 
        width: 50%;
    }
    .mediaCenter .mediacenterpatren {
        position: absolute;
        right: 64rem;
        top: 33rem;
        z-index: 1;
        width: 9%;
        transform: rotateY(3.142rad);
    }
    .mediaCenter .carousel-awafi .item {
        text-align: center;
        padding: 200px 0;
       
    }
    .mediaCenter .media-carousel-arrows{
        width:140%;
    }
    .media-center-header-content {
     
        width: 90%;
    
        margin-left: 135px;
        padding-right: 24rem;
    }
}
.video-roman {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2.4rem;
}

iframe.adjust-video {
    width: 50%;
    height: 570px;
}