/* Minification failed. Returning unminified contents.
(18,80): run-time error CSS1019: Unexpected token, found '}'
(19,31): run-time error CSS1019: Unexpected token, found '{'
(19,110): run-time error CSS1019: Unexpected token, found '}'
(20,31): run-time error CSS1019: Unexpected token, found '{'
(20,129): run-time error CSS1019: Unexpected token, found '}'
(21,31): run-time error CSS1019: Unexpected token, found '{'
(21,92): run-time error CSS1019: Unexpected token, found '}'
(22,31): run-time error CSS1019: Unexpected token, found '{'
(22,84): run-time error CSS1019: Unexpected token, found '}'
(23,31): run-time error CSS1019: Unexpected token, found '{'
(23,67): run-time error CSS1019: Unexpected token, found '}'
(2517,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '500'
(3363,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
 */
/*Online Ordering Web

    By Scienter.
    Do not modify this style sheet without asking Sachith Nuwan Kalehe Watta.
    21/06/2018
*/

/*
    1. Common Styles
    2. Desktop Navigation Bar
    3. Footer Section Style Desktop Sheets
    4. Home Page Promotion Area
    5. Side navigation menu (Mobile Navigation) 
    6. Model Popup
    7. Home page styles
    

/*@media (min-width:320px){ /* smartphones, iPhone, portrait 480x320 phones */ }
/*@media (min-width:481px)*/  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
/*@media (min-width:641px)*/  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
/*@media (min-width:961px)*/  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
/*@media (min-width:1025px)*/ { /* big landscape tablets, laptops, and desktops */ }
/*@media (min-width:1281px)*/ { /* hi-res laptops and desktops */ }



/* --- 1. Common Styles ---------------------------------------------*/

.body-content {
    overflow-x: hidden;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1030;
    background: url('/images/logo.png') 50% 50% no-repeat rgba(255,255,255,0.8);
    background-size:180px;
    display:none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus {
    /*border-bottom: #c92e31 2px solid;*/
    outline: none;
    /*box-shadow: 0 1px 1px #c92e31 inset, 0 0 8px #4c6f00;*/
    /*outline: solid 1px #c92e31;*/
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}


.tooltip.top .tooltip-inner {
    background-color: #c92e31;
}

.tooltip.top .tooltip-inner {
    background-color: #c92e31;
}

section {
    padding-top: 60px;
    padding-bottom: 60px;
}


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

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

.btn-links{
    text-decoration:underline;
    color:#4c6f00;
    cursor:pointer;
}

.btn-links:hover {
    color:#c92e31;
}

section h2{
    font-size:36px;
    font-weight:600;
    letter-spacing:2px;
}

.width-150px-ondesktop-100perc-mobile{
    width:150px !important;
    text-align:right !important;
}

.width-250px-ondesktop-100perc-mobile {
    width: 250px !important;
    text-align: right !important;
}

@media screen and (max-width:500px) {



    .width-150px-ondesktop-100perc-mobile {
        width: 100% !important;
        text-align: center !important;
    }

    .width-250px-ondesktop-100perc-mobile {
        width: 250px !important;
        text-align: center !important;
    }
}

.btn-success {
    background-color: #fba903;
    color: rgba(0, 0, 0, 0.8);
    border-color: #e49900;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

    .btn-success:hover {
        color: rgba(0, 0, 0, 1);
        background-color: #e49900;
        border-color: #e49900;
    }
a, a:hover, a:active {
    text-decoration: none;
    text-decoration:none !important;
}

a:hover {    
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;    
}

.no-border-radius {
    border-radius: 0px;
}

.border-radius-3px {
    border-radius: 3px !important;
}

body {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    /*background-image: url('/images/pizza-bg.png');*/
}

body, input, button, select, p, label, a, table {
    /*font-family: 'Roboto Condensed', sans-serif;*/
    font-family: 'sharpsans-semibold', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #4d4d4d;
}

h1, h2, h3, h4, h5, .panel-title, .qty-value, .addToBasket, .font-family1 {
    /*font-family: 'sharpsans-bold';*/
    font-family: 'sharpsans-semibold' !important;
    color: #4d4d4d;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 0.8px;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: bold;
}

.font-family-main {
    font-family: 'sharpsans-semibold' !important;
    font-weight: bold;
    letter-spacing: 1.5px;
}

h1{
    font-size:30px;
    letter-spacing:1px;
}

h5 {
    font-family: 'sharpsans-semibold', sans-serif !important;
    padding-bottom: 2px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: normal;
}

.form-container h5 {
    padding-top: 5px;
}

.body-content {
    min-height: 550px;
    /*padding: 0px 10px 0px 10px;*/
    background-color:rgba(242, 242, 242, 0.7);
}

a{
    color:#4d4d4d;
}
a:hover {
    color: rgba(1, 118, 118, 1);
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    /* border: 1px solid #e3e3e3; */
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border-radius: 5px;
}

.vertical-align-top{
    vertical-align:top !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

.font-bold-0 {
    font-weight: normal !important;
}

.font-bold-300 {
    font-weight: 300 !important;
}

.font-bold-600 {
    font-weight: 600 !important;
}

.font-bold-bold {
    font-weight: bold !important;
}

.font-size-12px {
    font-size: 13px !important;
}

.font-size-14px {
    font-size: 16px !important;
}

.font-size-16px {
    font-size: 16px !important;
}

.font-size-18px {
    font-size: 18px !important;
}

.font-size-20px {
    font-size: 20px !important;
}

.font-size-24px {
    font-size: 24px !important;
}

.font-size-26px {
    font-size: 26px !important;
}

.font-size-30px {
    font-size: 30px !important;
}

.no-margin-top {
    margin-top: 0px !important;
}

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

.no-padding-right {
    padding-right: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

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

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

.margin-bottom-15px {
    margin-bottom: 15px !important;
}

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

.margin-bottom-25px {
    margin-bottom: 25px !important;
}

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

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

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

.margin-left-right-0px{
    margin-left:0px;
    margin-right:0px;
}


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

.margin-top-5px {
    margin-top: 5px !important;
}

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

.margin-top-15px {
    margin-top: 15px !important;
}

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

.margin-top-25px {
    margin-top: 25px !important;
}

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

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


.padding-right-5px {
    padding-right: 5px;
}


.padding-right-10px{
    padding-right:10px;
}

.padding-left-10px {
    padding-left: 10px;
}

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

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

.padding-top-10px {
    padding-top: 10px !important;
}

.padding-top-15px {
    padding-top: 15px !important;
}

.padding-top-20px {
    padding-top: 20px !important;
}

.padding-top-25px {
    padding-top: 25px !important;
}

.padding-top-30px {
    padding-top: 30px !important;
}

.padding-top-35px {
    padding-top: 35px !important;
}

.padding-top-50px {
    padding-top: 50px !important;
}


.padding-top-60px {
    padding-top: 60px !important;
}

.padding-top-70px {
    padding-top: 70px !important;
}

.padding-top-80px {
    padding-top: 80px !important;
}

.padding-top-100px {
    padding-top: 100px !important;
}





.padding-top-85px-desktop-30-in-mobile {
    padding-top: 85px;
}

@media screen and (max-width:961px){
    .padding-top-85px-desktop-25-in-mobile {
        padding-top: 25px;
    }

    .body-content{
        margin-top:140px;
    }
}

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

.padding-bottom-5px {
    padding-bottom: 5px !important;

}
.padding-bottom-10px {
    padding-bottom: 10px !important;
}

.padding-bottom-15px {
    padding-bottom: 15px !important;
}

.padding-bottom-20px {
    padding-bottom: 20px !important;
}

.padding-bottom-25px {
    padding-bottom: 25px !important;
}

.padding-bottom-35px {
    padding-bottom: 35px !important;
}

.padding-bottom-30px {
    padding-bottom: 30px !important;
}

.padding-bottom-50px {
    padding-bottom: 50px !important;
}

.padding-bottom-60px {
    padding-bottom: 60px !important;
}

.padding-bottom-70px {
    padding-bottom:70px !important;
}

.padding-bottom-80px {
    padding-bottom: 80px !important;
}

.padding-bottom-100px {
    padding-bottom: 100px !important;
}

.font-color-while{
    color:#fff !important;
}

.font-color-black{
    color: #4d4d4d !important;
}

.border-all{
    border:#e5e5e5 2px solid;
}

.border-right-no-mobile {
    border-right: #e5e5e5 2px solid;
}

.border-left-no-mobile {
    border-left: #e5e5e5 2px solid;
}

.padding-left-right-15-no-mobile {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-left-right-0desktop-15on-mobile{
    padding-left:0px;
    padding-right:0px;
}

.width-100perc{
    width:100% !important;
}

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

.page-title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase !important;
    padding-bottom: 15px;
    padding-top: 15px;
}
@media screen and (max-width:500px) {
    .border-right-no-mobile {
        border-right:0px;
    }

    .border-left-no-mobile {
        border-left: 0px;
    }

    .padding-left-right-15-no-mobile {
        padding-left:0px;
        padding-right:0px;
    }

    .padding-left-right-0desktop-15on-mobile {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* --- End of Common Styles ---------------------------------------------*/

/* --- 2.Desktop Navigation Bar ------------------------------------------*/

.logo {
    width: 150px;
    margin-top: 2px;
}

.scienter-menu-header {
    padding-top: 10px;
    padding-bottom: 8px;
    display: block;
    max-height: 66px;
    position: fixed;
    z-index: 2;
    height: 60px;
    overflow: hidden;
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: translate();
    -ms-transition: all 200ms ease-in;
    -ms-transform: translate();
    -moz-transition: all 200ms ease-in;
    -moz-transform: sctranslateale();
    transition: all 200ms ease-in;
    transform: scale(1);
    /*border-bottom: 4px solid #a41e1e;*/
    border-bottom: 1px solid #e5e5e5;
}

.slider-container {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    margin-top:66px;
}

.scienter-menu-header .main-nav {
    padding-bottom: 0px;
}

.scienter-menu-header .main-nav li {
    display: inline-block;
    padding: 8px 15px 0px 15px;
}

    .scienter-menu-header .main-nav a {
        font-family: 'sharpsans-bold';
        font-size: 18px;
        color: #4d4d4d;
        letter-spacing: 2px;
        font-weight: 600;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
    }

.scienter-menu-header .main-nav a:hover {
    color: rgba(200, 15, 46, 1);
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.scienter-menu-header .main-nav-right ul {
    padding-left: 0px;
    margin-bottom: 0px;
    float: right;
    z-index:100;
}

.scienter-menu-header .main-nav-right li {
    display: inline-block;
}

.scienter-menu-header .round-icon-btn {
    border: 1px #5c5c5c solid;
    font-size: 16px;
    color: #4d4d4d;
    border-radius: 100px;
    display: inline-block;
    min-width: 45px;
    height: 35px;
    margin-left: 10px;
    margin-top: 5px;
    float: right;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    font-weight: 600;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    opacity: 0.8;
    cursor: pointer;
}

.scienter-menu-header .round-icon-btn:hover {
    /*border-color: #a41e1e;*/
    color: rgba(200, 15, 46, 1);
    background-color: #f5f5f5;
    opacity: 1;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.scienter-menu-header .round-icon-btn label {
    font-weight: normal;
    margin-top: -3px;
}
/*--- End Of Desktop Navigation Bar -----------------------------------------------*/

/*--- 3.Footer Section Style Desktop Sheets --------------------------------------*/
footer {
    background-color: #222;
    /*padding:50px;*/
    padding-top: 50px;
    padding-bottom: 50px;
}

footer .app-img {
   width: 120px;
}

footer .app-img:hover {
    opacity: 0.7;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

footer h3 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
}

footer a, footer p {
    color: #fff;
    display: block;
    line-height: 25px;
    font-size: 14px;
    letter-spacing:0.8px;
    text-transform:capitalize;
}

footer a:hover {
    color: #e5e5e5;
    display: block;
}
/*--- End of Footer Section Style Desktop Sheets ---------------------------------*/


/*--- Side navigation menu (Mobile Navigation) ------------------------------------------------*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2000;   
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.3s;
    padding-top: 60px;
    text-align: center;
}

.sidenav-left {
    top: 60px;
    left: 0 !important;
}

.sidenav-right {
    top: 60px;
    right: 0 !important;
}

.sidenav a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 18px;
    color: #4d4d4d;
    display: block;
    transition: 0.2s;
    font-weight:600;
    font-family: 'sharpsans-bold';
    letter-spacing:1px;
}

.sidenav ul {
    list-style:none;
    padding-left:0px;
}

.sidenav a:hover {
        color: #c92e31;
 }

.sidenav .closebtn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 36px; 
    color:#e5e5e5;
}


.mobile-nav-btns .icon-menu,
.mobile-nav-btns .icon-basket-loaded,
.mobile-nav-btns .icon-user,
.mobile-nav-btns .icon-user-following {
    font-size: 25px;
    text-align: center;
}

.mobile-nav-btns{
    padding-top:10px;
}

.main-nav-right .cart-items {
    font-size: 12px;
    width: 20px;
    height: 20px;
    padding-top:2px;
    margin-left:-2px;
}

.main-nav-right .cart-nav
{
    width:55px;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
}

.cart-items {
    font-size: 14px;
    color: #fff;
    margin-left: 0px;
    margin-top: -8px;
    padding-top: 3px;
    background-color: #979797;
    border-radius: 50px;
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
}

.mobile-nav-btns .col-xs-2{
    text-align:center;
}


@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

/*--- End of Side navigation menu (Mobile Navigation)------------------------------------------*/



/*--- 6. Model Popups ------------------------------------------------------------------------*/

.model {
    z-index: 6000;
    overflow: hidden !important;
    overflow-y: hidden !important;
}
body.modal-open {
    margin-right: 0px;
}
.disposition-details h4{
    text-align:center;
}
    /*--- End of Model Popups --------------------------------------------------------------------*/
    /*--- Home Page*/
    .slider-images {
        width: 100% !important;
    }


/* Order Start Red Stript */
.btn-red-round {
    font-family: 'sharpsans-bold';
    width: 100%;
    color: #fff;
    display:block;
}

.scienter-home-order-stript {
    padding: 15px 15px 0;
    background-color: #a41e1e;
}

.scienter-home-order-stript h1 {
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    vertical-align: middle;
    margin-top: 8px;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 15px
}

@media screen and (max-width:961px) {
    .scienter-home-order-stript h1 {
        text-align: center
    }
    .fix-on-top .btn-red-round {
        margin-bottom: 10px
    }
}

.btn-red-round {
    /*font-size: 16px;*/
    /*border-radius: 5px;*/
    /*padding: 10px;*/
    /*border: 2px solid #fff;*/

    background-color: #a41e1e;
    /*font-weight: 600;*/
    text-align: center;
    margin: 0 0 15px;
    cursor: pointer;
    /*box-shadow: none;*/
    /*outline: 0;
    letter-spacing: 1px;
    display: block;
    font-family: 'sharpsans-bold';
    padding-bottom: 8px;*/
}

.btn-red-round:active,
.btn-red-round:hover {
    background-color: #c92e31;
    border-color: #e5e5e5;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    color:#e0e0e0 !important;
}

.fix-on-top {
    z-index: 6;
    overflow: hidden;
    position: fixed;
    top: 66px;
    background-color: #a41e1e;
    width: 100%;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: translate();
    -ms-transition: all 200ms ease-in;
    -ms-transform: translate();
    -moz-transition: all 200ms ease-in;
    -moz-transform: sctranslateale();
    transition: all 200ms ease-in;
    transform: scale(1);
    padding: 6px 10px 0px 10px;
}

.fix-on-top h1 {
    font-size: 20px
}

.fix-on-top .btn-red-round {
   padding: 5px;
   margin-bottom: 5px;
   font-size: 14px;
}

@media screen and (max-width:961px) {
   .scienter-home-order-stript {
       padding: 10px
   }
   .scienter-home-order-stript h1 {
       font-size: 18px;
       margin-top: 15px;
       float: right;
   }
   .fix-on-top h1 {
       font-size: 18px;
       margin-top: 10px;
       margin-bottom: 0px;
       text-align: right;
   }
   .scienter-home-order-stript, .fix-on-top {
       padding-bottom: 5px;
       padding-right: 15px;
   }
   .scienter-home-order-stript .btn-red-round, 
   .fix-on-top .btn-red-round {
       margin-bottom: 5px;       
       float: left;
       padding-top:5px;
       padding-bottom:5px;
   }
}

.fix-on-top-menupage {
    z-index: 6;
    overflow: hidden;
    position: fixed;
    top: 66px;
    background-color: rgba(200, 15, 46, 1);
    width: 100%;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: translate();
    -ms-transition: all 200ms ease-in;
    -ms-transform: translate();
    -moz-transition: all 200ms ease-in;
    -moz-transform: sctranslateale();
    transition: all 200ms ease-in;
    transform: scale(1);
    /*padding: 10px 10px 5px 10px;*/
    padding: 2px 10px 3px 10px;
}

.fix-on-top-menupage h1 {
        font-size: 18px;
}

.fix-on-top-menupage .btn-red-round {
    padding: 5px;
    margin-bottom: 5px;
    font-size: 14px;
}

/* End of order start red stript*/

/*Promo Btn Area*/

.promo-container h2{
    font-size:22px;
}

.promo-container .promo-single {
    /*padding:10px;*/
    margin-bottom : 20px;
}

    .promo-container .promo-single img {
        margin-bottom: 10px;
        /*height:240px;*/
        max-width: 100%;
        /*Azure test*/
        border-radius: 5px;
        box-shadow: 3px 4px 5px -1px rgba(163,163,163,1);
    }

.promo-container .btn-green-round 
{
    font-size:20px;
}

@media screen and (max-width:961px) {
    /*.promo-container .promo-single img {
        height: 120px;
    }*/

    .promo-container .btn-green-round {
        font-size: 16px;
    }
}

.promo-single a{
    font-family: 'sharpsans-bold';
    width: 100%;
    color: #fff;
    border-radius:0px;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
  
}

.promo-single img{
    width:100%;
}
.promo-item img {
    margin-bottom: 10px;
}
/*End of promo btn area*/


/*--- End of Delievry pickup now later tab -------------------------------------------------*/


/*Menu / Promo Display Page*/

.itemDetailContainer {
    padding-left: 25px;
    padding-right: 25px; 
}

.item-area {
    width: 75%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.basket-area {
    width: 24.7%;
    position: fixed;
    display: inline-block;
    vertical-align: top;
    /*background-image: url('/images/pizza-bg2.png');*/
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    
}

.basket-area-header {
    width: 24%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.basket-area .basket {
    position: fixed;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.2s;
    background-color: #fff;
}

.basket-area .basket h3 {
    padding-bottom:10px;
    border-bottom:2px solid #e5e5e5;
    margin-bottom:10px;
}

.pizza-page .basket-area {
    /*opacity: 0.5;*/
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

.pizza-page .basket-area:hover {
    opacity: 1;

} 


.itemContainer {
    padding: 8px !important;
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block !important;
}

.promo-items-container .itemContainer {
    width: 49.5%;   
}

/*.itemBorder:hover {
    -webkit-box-shadow: 4px 5px 6px -1px rgba(163,163,163,1);
    -moz-box-shadow: 4px 5px 6px -1px rgba(163,163,163,1);
    box-shadow: 4px 5px 6px -1px rgba(163,163,163,1);
}*/



.promo-items-container .itemImageContainer img {
    width: 100%;
    height: 220px !important;
}

.itemImageContainer img {
    width: 160px;
    max-width:100%;
    text-align: center;
    margin: 0 auto;
}

.menu-item-name {
    padding-top: 10px !important;
    margin-bottom: 5px;
    font-size: 14px;
    /*padding: 0px 10px 0px 10px;*/
    font-family: 'sharpsans-semibold', sans-serif !important;
    letter-spacing: 0.6px;
    line-height:20px;

}

 #items {       
        display: block;
        overflow-y: scroll;
        overflow-x: hidden;
    }


@media (min-width: 992px) {
    .itemDetailContainer {
        min-height: 150px;
    }
    .menu-item-name{
        height : 60px;
    }

   
}

.promo-items-container .menu-item-name {
    padding-top: 0px !important;
    font-size: 15px;
}

.menu-item-desc {
    margin-bottom: 0px;
    text-align: left;
    overflow: hidden;
    font-size: 12.4px;
    overflow: hidden;
    height: 115px;
    color: #8e8e8e;
    font-family: 'sharpsans-semibold', sans-serif;
}

.promo-item .menu-item-desc{
    /*height:50px;*/
}

.add-to-basket {
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 2px;
    font-family: 'sharpsans-bold';
    margin-bottom: 15px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px
}

.add-to-basket:hover, .add-to-basket:active {
        background-color: #4c6f00;
    }

.promo-item .item-button-container {
    margin-right: 0px;
    margin-left:0px;
}

.btn-customize-mobile { 
    margin-top: 2px;
    font-size: 10px;
    width: 100%;
    font-size: 13px;
    padding:5px;
    border-radius:3px;
    margin-bottom:10px;
}

.btn-customize-link {
    color: #c92e31;
    text-decoration: underline;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: 'sharpsans-semibold';
    letter-spacing: 1px;
    font-size:14px;
}

.btn-add-quick {
    font-family: 'sharpsans-semibold';
    width: 100%;
    border-radius: 20px;
    padding: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #a41e1e;
}

.menu-price-container-parent 
{
    padding:0px;
    display:block;
}
.menu-price-container {
   
}

.menu-price-container-parent {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.menu-price-container-parent-not .menu-price-container-parent {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.submenus-3 .menu-price-container {
    padding-left: 5px;
    padding-right: 5px;
}

.submenus-1 .menu-price-container {
    padding-left: 0px;
    padding-right: 0px;
}

.menu-price-container .label-danger {
    background-color: #a41e1e;
    border-radius: 1px;
    padding: 5px;
    font-size: 10px;
    text-transform: capitalize;
    text-align: center;
    margin: 0 auto;
    display: block;
    min-height: 20px;
    font-weight: 500;
}

    .menu-price-container .price {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 2px 1px 2px 1px;
        font-family: 'sharpsans-bold';
        letter-spacing: 1px;
        margin: 0 auto;
        display: block;
        min-height: 24px;
    }

.classification-container {
    margin: 0px 0px 20px 0px;
}

.classification-header {
    display: block;
    position: relative;
    clear: both;
    /*border-bottom: 3px solid #e5e5e5;*/
    margin-bottom: 8px;
    /*padding: 10px 10px 8px 10px;*/
    /*background-color: #f5f5f5;*/
    /*border-left: #a41e1e 5px solid;*/

}

.classification-header h2 {
    font-size: 18px;   
    text-transform:uppercase;
}

.desktop .submenu-container {
    clear: both;
    width: 100%;
    /*text-align: center;*/
    margin: 0 auto;
    top: 60px;
    padding: 6px;
    padding-left: 0px;
    padding-bottom: 5px;    
    margin-bottom: 20px;
}

    .desktop .submenu-container ul {
        margin-left: 0px;
        padding-left: 0px;
        width: 100%;
        margin-top:7px;
    }

    .desktop .submenu-container .sub-menu-categories-ul {
        list-style: none;
        margin-bottom: 5px;
    }

        .desktop .submenu-container .sub-menu-categories-ul li {
            display: inline-block;
            margin-bottom: 25px;
        }

            .desktop .submenu-container .sub-menu-categories-ul li a {
                color: #4d4d4d;
                font-weight: bold;
                padding: 5px 15px 5px 15px;
                font-size: 14px;
                -webkit-transition-duration: 0.2s;
                transition-duration: 0.2s;
                letter-spacing: 0.5px;
                border: 2px solid #a41e1e;
                background-color: #fff;
                border-radius: 50px;
                margin-right:10px;
            
            }


                @media screen and (max-width:1025px) {
                    .desktop .submenu-container {
                        width: 100%;
                    }
                }

                .desktop .submenu-container .sub-menu-categories-ul li a:hover {
    /*background-color:rgba(200, 15, 46, 1);
color:#fff;*/
    /*border-bottom: 4px solid #e0e0e0;*/
    /*background-image: url('../images/nav-bg-active.png');
    color:#fff*/;
}

.desktop .submenu-container .sub-menu-categories-ul li .active {
    /*border-bottom: 3px solid #c92e31;*/
    /*border: 3px solid #a41e1e;*/
    color: #fff;
    background-color: #a41e1e;
}

.mobile .table-responsive {
    border: 0px;
}


.mobile .submenu-container {
    clear: both;
    width: 100%;
    position: fixed;
    z-index: 6;
    /*background-color: #fff;*/
    text-align: center;
    margin: 0 auto;
    bottom: -2px;
    width: 100%;
}

.main-menu .mobile .submenu-container { /*main categories, pizza, pasta other*/
    clear: both;
    width: 100%;
    position: fixed;
    z-index: 5;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    top: 60px;
    height: 100px;
    width: 100%;
    margin-top: 10px;
}


    .main-menu .mobile .submenu-container tr .active a {
        /*border-bottom: 3px solid #a41e1e;*/
        /*border-top: none;*/
        background-color: #a41e1e !important;
        color: #fff;
    }

.mobile .submenu-container ul {
    margin-left: 0px;
    padding-left: 0px;
    width: 100%;
}

.mobile .submenu-container td {
    padding: 8px 5px 8px 5px;
    /*border: 1px solid #e5e5e5;*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #fff;
    min-width: 60px;
    padding-left:0px;
}

.main-menu .mobile .submenu-container td {
    padding: 8px;   
}

.mobile .submenu-container tr .active {
    /*border-top: 3px solid #a41e1e;*/
    background-color: #fff;
}

/*.main-menu .mobile .submenu-container tr .active {
    border-top: 0px solid #a41e1e;
    border-bottom: 3px solid #a41e1e;
}*/


.mobile .submenu-container .sub-menu-categories-ul td a {
    /*color: #fff;*/
        font-weight: bold;
        font-size: 13px;        
        -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
        text-transform: uppercase;
    /*font-family: 'Roboto Condensed', sans-serif;*/
    border-top: 0px;
        white-space: pre;
    color: #4d4d4d;
    font-weight: bold;
    padding: 5px 15px 5px 15px;
    font-size: 14px;
    /*-webkit-transition-duration: 0.2s;*/
    transition-duration: 0.2s;
    letter-spacing: 0.5px;
    border: 2px solid #a41e1e;
    background-color: #fff;
    border-radius: 50px;
    /*margin-right: 10px;*/
}

/*.submenu-container .sub-menu-categories-ul li a{

}*/


/*@media screen and (max-width:1025px) {
    .mobile .submenu-container {
        width: 100%;
    }
}*/


.mobile .submenu-container .sub-menu-categories-ul li a:hover {
    /*background-color:rgba(200, 15, 46, 1);
color:#fff;*/
    border-bottom: 4px solid #e0e0e0;
}

.mobile .submenu-container .sub-menu-categories-ul li .active {
    /*border-bottom: 3px solid #c92e31;*/
    border: 3px solid #a41e1e;
    color: #fff;
    background-color: #a41e1e;
}

.data-main-nav-ul li {
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;   
}

.data-main-nav-ul li a:hover {
    border-bottom: 4px solid #e0e0e0;
}

.data-main-nav-ul .active a {
    border-bottom: 3px solid #c92e31;
    font-family: 'sharpsans-bold';
    /*color:#a41e1e;
    font-weight:bold;*/
}

@media only screen and (max-width:600px){
   

    .data-main-nav-ul .active {
        border:0px;
    }
    .data-main-nav-ul .active a{
        color: #c92e31 !important;
        border-bottom:0px;
    }

    .data-main-nav-ul li:hover {
        border-bottom: 0px !important;
    }

}

.login-register-btn {
    letter-spacing: 0px !important;
    margin-top: 20px !important;
    float: right;
    width: 140px !important;
    font-weight: bold;
    color: #ffffff;
    font-family: 'sharpsans-semibold', sans-serif !important;
    font-size: 14px !important;
    padding:10px !important;
    text-align:center;
}


/* Mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 499px) {
    .promo-items-container .itemContainer {
        width: 100%;
    }
    .menu-modifier-multi img{
        height:48px !important;
    }
    .menu-modifier-multi h4 {
        height: 12px !important;
    }

    .itemContainer {
        padding: 8px !important;
        width: 100%;
    }
    .item-area {
        width: 100%;
    }   
    .basket-area {
        display: none !important;
    }

    .itemImageContainer {
        padding-right: 0px;
    }

    .promo-item .itemImageContainer img {
        height: 110px !important;
    }

    .itemImageContainer img {
        height: 125px;
        width: 100px;
        max-width: 100%;
        border-radius: 5px 0px 0px 5px;
        margin-left: 10px;
    }

    .menu-price-container-parent .row {
        margin-right: -10px !important;
    }

    .menu-item-name {      
        /*margin-top: 3px;*/
        text-align: left;
        /*height: 40px;*/
        overflow: hidden;
        font-size: 13px;
    }

    .menu-price-container-parent{
        padding-bottom:0px;
    }

    .promo-item .menu-item-name {
        margin-top: 0px;
        text-align: left;
        overflow: hidden;
        font-size: 14px;
        padding-left: 0px;
        height: 20px;
        margin-bottom: 0px;
    }
      

    .itemDetailContainer {       
        padding-top: 5px;
    }

    .classification-header{
        margin-bottom:-10px;
    }

    .promo-items-container .itemDetailContainer {
        padding-top: 10px;
    }

    .items .itemDetailContainer {
        padding-top: 5px;
    }

    .promo-item .add-to-basket {
        font-size: 12px;
        padding: 5px;
        margin-bottom: 0px;
    }

    .promo-item .item-button-container {
        margin-right: -15px;
    }

    .promo-item .item-button-container .add-to-basket {
        margin-left: -15px;
    }

    .btn-add-quick{
        width:100%;
        border-radius:0px;
        padding:5px;
        font-size:12px;
    }

    .menu-price-container {
        padding-left: 3px;
        padding-right:0px;
        padding-bottom:0px;
        padding-top:5px;
    }

        .menu-price-container .label-danger {
            background-color: #a41e1e;
            border-radius: 0px;
            padding: 5px 3px 5px 3px;
            min-height: 20px;
        }

        .menu-price-container .price {
            font-size: 14px;
            font-weight: bold;
            text-align: left;
            padding: 2px;
            font-family: 'sharpsans-bold';
            letter-spacing: 1px;
            margin: 0 auto;
            display: block;
            min-height: 24px;
            margin-bottom:10px;
        }

    .menu-price-container-parent{
        padding-top:0px;
    }

    .data-meal-deals .promo-single {
        padding-left: 0px;
        padding-right: 0px;
    }

    .promo-container .promo-single img {
        margin-bottom: 0px;
    }

    .view-all-deals-btn-container {
        padding-left:25px;
        padding-right:25px;
    }

    #myTabContent h4 {
        font-size: 14px !important;
    }

    .login-register-btn {
        font-size: 12px !important;
        width: 125px !important;
      
    }

    .view-all-deals-btn-container {
        /*padding-left: 10px !important;
        padding-right: 10px !important;*/     
    }
}

/*IPHONE 5S*/
@media screen and (max-width:321px){

    .menu-modifier-multi img {
        height: 18px !important;
    }
    .menu-modifier-multi h4 {
        height: 12px !important;
    }

    .promo-item .itemImageContainer img {
        height: 100px !important;
    }

    .itemDetailContainer {
        padding-left: 5px;
        padding-right: 15px;
    }

    .itemImageContainer img {
        height: 100px !important;
        height: 113px !important;
        max-width: 100%;
    }

    .menu-item-name {
        /*margin-top: 15px;*/
        text-align: left;
        height: 36px;
        overflow: hidden;
        font-size: 13px;
    }
}

/* Tab */
@media screen and (min-device-width: 500px) and (max-width:961px) {
    .item-area {
        width: 100%;
    }

    .menu-modifier-multi img {
        height: 18px !important;
    }

    .menu-modifier-multi h4 {
        height: 12px !important;
    }

    .basket-area {
        display: none;
    }

    .itemContainer {
        padding: 8px !important;
        width: 49.5%;
    }

    .promo-items-container .itemContainer {
        width: 49.5%;
    }

     .itemImageContainer {
         padding-right:0px;
     }

    .promo-item .itemImageContainer img {
        height: 110px !important;
    }

    .itemImageContainer img {
        height: 110px !important;
        border-radius: 5px 0px 0px 5px;
        max-width: 100%;
    }

    .itemDetailContainer{
        padding-top:10px;
        padding-left:10px;
    }
    .menu-price-container-parent span{
        float:left !important;
    }

    .menu-item-name {
        padding-top: 0px !important;
        /*margin-top: 15px;*/
        text-align: left;
        /*height: 40px;*/
        overflow: hidden;
        /*font-size: 18px;*/
    }
    .promo-item .menu-item-name {
        margin-top: 15px;
        text-align: left;
        height: 15px;
        overflow: hidden;
        font-size: 14px;
        padding-left: 0px
    }

    .promo-item .add-to-basket {
        font-size: 12px;
        padding: 5px;
        margin-bottom: 0px;
    }

    .promo-item .item-button-container {
        margin-right: -15px;
    }

    .promo-item .item-button-container .add-to-basket {
        margin-left: -15px;
    }

    .btn-add-quick {
        width: 100%;
        border-radius: 0px;
        padding: 5px;
        font-size: 12px;
    }

    .menu-price-container {
        padding-left: 3px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .menu-price-container .label-danger {
        background-color: rgba(200, 15, 46, 1);
        border-radius: 0px;
        padding: 5px 3px 5px 3px;
        min-height:20px;
        width:100%;
    }

        .menu-price-container .price {
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            padding: 2px;
            font-family: 'sharpsans-bold';
            letter-spacing: 1px;
            margin: 0 auto;
            display: block;
            min-height: 24px;
        }
    .menu-price-container-parent {
        padding-top: 0px;
    }

   
}



/* Tab */
@media screen and (min-device-width: 961px) and (max-width:1200px) {

    .itemImageContainer img {
        margin-bottom: 10px;
    }

    .item-area {
        width: 100%;
    }

    .basket-area {
        display: none;
    }

    .itemContainer {
        padding: 8px !important;
        width: 25%;
    }

    .promo-items-container .itemContainer {
        width: 33%;
    }

    .itemImageContainer {
        padding-right: 15px;
    }

    .promo-item .itemImageContainer img {
        height: 150px !important;
    }

    .itemImageContainer img {
        height: 180px !important;       
    }

    .menu-item-name {        
        text-align: left;
        height: 26px;
        overflow: hidden;
        font-size: 13px;
    }

    .promo-item .menu-item-name {
        margin-top: 15px;
        text-align: center;
        height: 20px;
        overflow: hidden;
        font-size: 16px;
    }

    .btn-add-quick {
        width: 100%;
        border-radius: 0px;
        padding: 3px;
        font-size: 12px;
    }

    .menu-price-container {
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 3px;
    }

        .menu-price-container .label-danger {
            background-color: #a41e1e;
            border-radius: 0px;
            padding: 5px 3px 5px 3px;
            min-height: 20px;
        }

        .menu-price-container .price {
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            padding: 2px;
            font-family: 'sharpsans-bold';
            letter-spacing: 1px;
            margin: 0 auto;
            display: block;
            min-height: 24px;
        }

    
}


.ribbon {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon span {
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #8F0808;
    background: linear-gradient(#F70505 0%, #8F0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #8F0808;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #8F0808;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
}


/*End of Menu / Promo Display Page*/


/*Disposition Details*/

.disposition-details .delivery-or-pickup a, .pickup-address-model .pickup-address a {
    font-size: 22px;
    color: #4d4d4d;
    font-family: 'sharpsans-bold';
    padding: 8px 30px 8px 30px;
    /*text-transform: uppercase;*/
    font-weight: 600;
    letter-spacing: 2px;
}

@media screen and (max-width: 500px) {
    .disposition-details .delivery-or-pickup a{
        font-size: 16px;
        padding: 8px 10px 8px 10px;
    }

    .pickup-address-model .pickup-address a {
        font-size: 14px;
        padding: 8px;
    }

    .disposition-details .icon-close, .pickup-address-model .icon-close, .delivery-address-model .icon-close {
        top: 80px;
        right: 15px;
    }

}



.disposition-details .delivery-or-pickup li.active a, .pickup-address-model .pickup-address li.active a {
    border-top: 2px solid #a41e1e;
}

.disposition-details .nav-tabs > li, .pickup-address-model .nav-tabs > li {
    float: none;
    display: inline-block;
    zoom: 1;
}

.disposition-details .nav-tabs, .pickup-address-model .nav-tabs {
    text-align: center;
}

.disposition-details .tab-content, .pickup-address-model .tab-content{
    padding-top:20px;
}

.disposition-details .tab-content h3{
    font-size:20px;
}

.disposition-details table {
    width:300px;
    margin:0 auto;
}

.disposition-details table td, .pickup-address-model table td {
    text-align: left;
    padding-bottom: 10px;
    font-size: 14px;
    color: #4d4d4d;
    vertical-align: top;
}

.disposition-details .btn-red-round {
    background-color: #a41e1e;
    padding: 10px 20px 8px 20px;
    /*border-radius: 5px;*/
    border: 0px #e0e0e0 solid;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    outline: none;
    /*font-family: 'sharpsans-bold';*/
}

 .disposition-details .btn-red-round:hover {
     background-color:#c92e31;
 }


.disposition-details .btn-red-round h4{
    color:#fff;
}

.disposition-details .when-you-need, .delivery-address-model {
    font-size: 22px;
    color: #4d4d4d;
}

    .disposition-details .when-you-need select, .pickup-address-model select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: 0 0;
        border: none;
        height: 100%;
        padding: 7px;
        width: 100%;
        border: 1px #e0e0e0 solid;
        width: 300px;
        background: url(/images/angle-arrow-down.png) 96% / 5% no-repeat #fff;
    }

.btn-green-round {
    background-color: #c92e31;
    transition-duration: 0.2s;
}

.scienter-home-order-stript .btn-red-round {
    border: 2px solid #f5f5f5;
    font-size: 18px;
    padding: 8px 20px 6px 20px;
    font-weight: bold;
}

.fix-on-top .btn-red-round {
    font-size: 14px;
    padding: 6px 20px 4px 20px;
}

.fix-on-top h1{
    margin-bottom: 12px;
}

.btn-orange-round {
    /*background-color: #ffc731;*/
}

.btn-green-round, .btn-orange-round, .btn-red-round {
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    border: 0px #e5e5e5 solid;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    outline: none;
    font-family: 'sharpsans-semibold';
    cursor: pointer !important;
    letter-spacing: 1px;
    font-size: 16px;
    /* font-weight: bold; */
}

    .btn-green-round:hover{
        background-color: #A01A11 !important;
        color:#000000 !important;
        border-color:#ee8a00 !important;
    }

    .btn-orange-round:hover {
        /*background-color: #fcb905 !important;
        color: #e0e0e0;*/
        font-weight: bold;
    }

    .btn-green-round h4, .btn-orange-round h4 {
        color: #fff;
    }


.btn-blue-round {
    background-color: #0077dc;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    border: 2px #e5e5e5 solid;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    outline: none;
    font-family: 'sharpsans-bold';
    font-weight: 500;
}

.btn-blue-round:hover {
    background-color: #00553e;
}

.btn-blue-round h4 {
    color: #fff;
}



.btn-maroon-round {
    background-color: #a41e1e;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    border: 2px #e5e5e5 solid;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    outline: none;
    font-family: 'sharpsans-bold';
    font-weight: 500;
}

    .btn-maroon-round:hover {
        background-color: #c92e31;
    }

    .btn-maroon-round h4 {
        color: #fff;
    }


.transparent-color{
    color:#fff !important;
}

.secondry-color {
    color: rgb(117, 117, 117) !important;
}

.thired-color {
    color: #c92e31 !important;
}

.font-color{
    color:#4d4d4d !important;
}

.delivery-address-model .outlet-table{
    padding-bottom:0px !important;
    font-size:14px;
    vertical-align:top;
    text-align:left;
}

.pickup-address-model .outlet-table{
      margin-top:10px;
}

.outlet-table .outlet-container {
    padding-bottom:10px;
    border-bottom: 1px solid #e5e5e5;
    color:#4d4d4d;
    text-align:left;
}

.pickup-address-model .select-this-outlet{
    /*background-color:#c92e31;
    padding:3px 10px 3px 10px;
    color:#fff;
    border:1px solid #e5e5e5;*/
}

.pickup-address-model .select-this-outlet{
    float:right;
}

.icon-close, .icon-target, .icon-cursor, .icon-clock, .icon-cup {
    padding-right: 10px;
}

.separator-or {
    background-color: #e5e5e5;
    height: 40px;
    width:40px;
    padding: 9px 15px 9px 15px;
    position: relative;
    font-family: 'sharpsans-bold';
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 0 auto !important;
}

.separator-or-line{
    margin-top:-15px;
    margin-bottom:40px;
    height:3px;
    background-color:#e5e5e5;
}


.delivery-address-model .existing-addresses {
    padding-bottom: 0px !important;
    font-size: 14px;
    vertical-align: top;
    text-align: left;
}

.delivery-address-model .existing-addresses {
    margin-top: 10px;
}

.existing-addresses .existing-addresses-container {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    color: #4d4d4d;
    text-align: left;
}

.delivery-address-model .existing-addresses .select-this-address {
    background-color: #c92e31;
    padding: 3px 10px 3px 10px;
    color: #fff;
    border: 1px solid #e5e5e5;   
}

/*End of disposition details*/


/*Form Styles*/

.form-container {
    background-color: #fff;
    padding: 30px;
    box-shadow: 1px 1px 2px #e5e5e5;
    border-radius: 20px;
}

@media screen and (max-width:600px){

    /*.form-container {
        padding: 15px 10px 15px 10px !important;
    }*/
    .container {
        padding: 5px;
    }

}

input[type="text"], input[type="password"], textarea, input[type="tel"], input[type="email"], input[type="number"] {
    padding: 10px 15px;
    border: 1px #e5e5e5 solid;
    margin-top: 2px;
    border-radius: 3px;
    letter-spacing:0.8px;
    /*border-bottom: #e5e5e5 2px solid;*/
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    height: 100%;
    padding: 10px 15px 10px 15px;
    width: 100%;
    border: 1px #e5e5e5 solid;
    background: url(/images/angle-arrow-down.png) 95% /10px no-repeat #fff;
    margin-top: 1px;
    font-size: 14px;
    border-radius: 5px;
    /*border-bottom: 2px #e5e5e5 solid;*/
}


/*End of Form Styles*/

/*Item Detail View*/

.promo-heading-container {
    /*border: 3px solid rgba(200, 15, 46, 1);*/
    /*background-color: #fff;*/
    padding: 0px;
    margin-bottom: 15px;
}

.promo-heading-container img{
    border-radius:10px;
}

.panel-group .panel {
    border: 0px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.panel-body {
    /*padding: 8px 1px 8px 1px;*/
    border-top:2px solid #c92e31 !important;
}

.panel-heading {
    border-radius: 5px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #e5e5e5;
    border-bottom: solid #e5e5e5 1px !important;
}

.panel-title a {
    font-family: 'sharpsans-bold';
    font-size: 20px;
    letter-spacing: 1px;
    color: #a41e1e;
}

.option {
    padding: 5px 10px 5px 10px;
    color: rgba(200, 15, 46, 1);
    cursor: pointer;
}

.options .active {
    background-color: rgba(200, 15, 46, 1) !important;
}

.options .inactive {
    background-color: #b7b7b7;
}

#halfnhalf-pizza-panel{
    display:none;
}


.menu-modifier, .menu-modifier-multi {
    border: 1px solid #ccc;
    padding: 6px;
    cursor: pointer;
    margin-bottom: 15px;
    min-height: 62px;
    /*background-color: #a41e1e;*/
    margin-top: 5px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    border-radius: 5px;
}

    .menu-modifier-multi img {
        max-height: 48px !important;
    }

.item-details img {
    border-radius: 5px;
}
.menu-modifier-multi h4 {
    height: 30px;
    letter-spacing: normal;
}

.menu-modifier h4, .menu-modifier-multi h4 {
    text-transform: capitalize !important;
    font-size: 12px !important;
    letter-spacing: 0.5px;
    margin-top: 0px !important;
}

.menu-item-display .panel-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
}

.menu-modifier:hover {
    border: 1px solid #c92e31;
}

.menu-modifier .icon-check, .menu-modifier-multi .icon-check {
    color: #c92e31;
    position: absolute;
    z-index: 1;
    bottom: 25px;
    right: 25px;500
    font-weight: bold;
    display: none;
}

.menu-modifier-selected .icon-check {
   display:inline;
}


.menu-modifier-selected {
    border: 1px solid #c92e31;
}

@media screen and (max-width:961px){
    .menu-modifier , .menu-modifier-multi{
        text-align:center;
    }
    .form-container{
        padding:20px 20px 20px 20px;
    }
}

/* ---------------------------------- */
.pizza-page .item-details{
    padding-left:8px;
}

.pizza-page .data-menu-item-image {
    background-size: cover;
}

.pizza-page .menu-image-overlay {
    background-color: rgba(255,255,255,0.6);
    padding: 20px;
    margin: 20px 0px 20px 0px;
}

.pizza-page .desktop-title {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid #4d4d4d;
    font-size:28px;
    letter-spacing:1px;
}

.pizza-page #selected-item {
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}

.pizza-page .main-menu-image-mobile{
    height:120px;
}

.pizza-mayo-base-btn, .pizza-half-n-half-btn {
    padding-top:10px;
}

@media screen and (max-width:961px){
    .pizza-page .item-details {
       padding:0px;
    }
    #data-item-detail-scorel-top {
        padding: 10px;
        margin-top:-10px;
    }

    .pizza-mayo-base-btn, .pizza-half-n-half-btn {
        padding-top: 0px;
    }

    .switch {
        float: right;
    }
}

.pizza-page .btn-green-round{
    padding:6px;
    font-size:18px;
    letter-spacing:1px;
    word-spacing:2px;
    border:0px;
}
.pizza-page .qty-buttons {
    border-radius: 0px;
    height: 38px;
    width: 100%;
    border-radius: 5px;
}

.pizza-page .qty-value {
    border-radius: 0px;
    height: 38px;
    border-radius: 5px;
}


.basket-area #data-basket-items 
{
    padding:5px;
}
.basket-area .single-item {
    padding: 5px;
    padding-top: 10px;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.87);
    margin-bottom: 10px;
    border-bottom: 2px #e5e5e5 solid;   
}

.panel-collapse {
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.panel-collapse .colapse, .in {
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.basket-area .single-item h5 {
    font-size: 13px;
}

.basket-area .single-item h5 span{  
    font-size:10px;    
    padding-top:2px;
}

.basket-area .single-item td {
        vertical-align: top;
        text-align:left;
        font-size:11px;
}

.cart-item-qty-min {
    color: #b9b9b9;
    cursor: pointer;
    font-size: 16px;
}

.cart-item-qty-add {
    color: #04854e;
    cursor: pointer;
    font-size: 16px;
}

.cart-item-qty{
    font-size:13px;
    font-weight:bold;
}

.basket-area .btn-sm
{
    padding-top:0px;
}
.btn-data-remove{
    background-color:rgba(200, 15, 46, 1) !important;
}


.option p {
    font-size:12px;
    color:#979797;
    font-weight:500;
    margin-top:5px;
    margin-bottom:-5px;
}

.option .data-selected-items {
    color:#c92e31;
    font-size:14px;
    margin-top:0px;
    font-weight:600;
}
/*--- Mayo Switch --------------------------------*/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 21px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 5px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #c92e31;
}

input:focus + .slider {
    box-shadow: 0 0 1px #e0e0e0;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
/*--- End of Mayo Switch --------------------------------*/


/*End of Item Details View*/


/*Checkout Page*/

.checkout-page .table > tbody > tr > td, .checkout-page .table > tfoot > tr > td {
    vertical-align: middle;
}

.sub-total {
    text-align: right;
    font-weight:bold;
}

.checkout-page .checkout-summary {
    /*background-image: url('/images/pizza-bg2.png');*/
}

.checkout-page h2{
    font-size:26px !important;
    /*margin-top:15px;*/
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:#e5e5e5 1px solid;
}

.checkout-page thead{
    background-color:#e5e5e5;   
}

    .checkout-page thead th {
        padding:8px !important;
    }

.checkout-page tbody td:first-child, .checkout-page tbody td:last-child {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.checkout-page .price {
    text-align: right;
}

.checkout-page .footer-btns .btn-green-round, .checkout-page .footer-btns .btn-orange-round{
    min-width: 320px !important;
} 

.checkout-page .btn-green-round, .checkout-page .btn-orange-round {
    display: block;    
}

.checkout-page .btn-green-round:hover, .checkout-page .btn-orange-round:hover {
    color:#fff !important;
}

.checkout-page .btn-view-promo 
{
    width:200px;
    float:left;
}


@media screen and (max-width: 600px) {
      

    .checkout-page tbody td:first-child, .checkout-page tbody td:last-child {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .checkout-page .price{
        text-align:left;
    }
       
    
    .sub-total {
        text-align: center;
    }
    .qty-actions, .btn-actions {
        margin-top: -18px;
        margin-left: -25px;
    }
    .checkout-page .text-white p {
        color: #4d4d4d;
    }

    .checkout-page table#cart tbody td .form-control {
        width: 20%;
        display: inline !important;
    }

    .checkout-page .actions {     
        padding-bottom:20px !important;
    }

   
    .checkout-page table#cart thead {
        display: none;
    }

    .checkout-page table#cart tbody td {
        display: block;
        padding: .6rem;
    }

    table#cart tbody tr td:first-child {
        background: #e5e5e5;
        color: #4d4d4d;
    }

    .checkout-page table#cart tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 8rem;
    }

   
    .checkout-page table#cart tfoot td {
        display: block;
    }

    .checkout-page  table#cart tfoot td .btn {
        display: block;
    }

    .no-responsive {        
        display:table !important;
    }
    .no-responsive tr{
        display:table-row !important;
    }
     .no-responsive td{
        display:table-cell !important;
        min-width:20px !important;
        padding:0px !important;
        vertical-align:middle !important;
        text-align:left !important;
    }

}

.option table td {
    font-size: 24px;
    font-family: 'sharpsans-bold';
}

#cart td{
    vertical-align:top;
    padding-top:10px;
}
/*End of checkout page*/


/*Order Start Page*/

.login-buttons {
    /*width: 24.5%;*/
    /*display: inline-block;*/  
    /*margin:0px;
    padding:0px;*/
}
.fb-btn {
    width: 100%;
    text-shadow: 0 1px 0 #000;
    border-color: #4c69ba;
    background-color: #3b5999 !important;
    color: #fff !important;
    text-align: center;
}

.login-buttons a {
    padding: 15px;
    /* padding-bottom: 3px; */
    margin-top: 25px;
    /* margin-bottom: 10px; */
    text-align: center;
    font-size: 18px;
    font-family: 'sharpsans-bold';
    display: block;
    border-radius: 29px;
    cursor: pointer;
    word-break: break-word;
    letter-spacing: 1px;
    /* text-shadow: 0 1px 0 #000; */
}

    .login-buttons a:hover {
       box-shadow:#e5e5e5 2px 2px 3px;
       opacity:0.9;
       color:#e5e5e5 !important;
    }

@media screen and (max-width:600px){
    .login-buttons {
        width: 100%;  
    }
}

@media screen and (max-width:1024px) {
    /*.login-buttons a {
        padding: 20px;
    }*/

    .promo-item .menu-item-desc {
        height: 75px;
    }
}

/*End of order start page*/


.text-center-desktop 
{
    text-align:center;
}

.mobile-footer {
    /*position: fixed;
    bottom: 0px;
    width: 100%;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
        */
}

@media screen and (max-width:500px) {
    .text-center-desktop{
        text-align:left;
    }

    .no-padding-left-right-on-mobile-500
    {
        padding-left:0px;
        padding-right:0px;
    }


    .disposition-details table {
        width: 100%;
    }
    .disposition-details .when-you-need select, .pickup-address-model select{
        width:100%;
    }

    .padding-top-85px-desktop-30-in-mobile{
        padding-top:10px;
    }

    .new-line-on-mobile{
        display:block;
        margin-top:5px;
    }

    .scienter-home-order-stript .btn-red-round {
        border: 1px solid #f5f5f5;
        font-size: 16px;
        padding: 6px 20px 4px 20px;
        font-weight:bold;
    }
}

.text-sentence-case
{
    text-transform:uppercase;
}

.border-botttom-2px-solid-gray{
    border-bottom:1px #e5e5e5 solid;
}

.button-style-none
{
    background-color: #fff;
    border: none;
    outline: 0 none;
    margin-top: 0px;
}

.welcome-member {
    font-size: 12px;
    font-family: 'sharpsans-semibold', sans-serif;
    letter-spacing: 0px;
    font-weight: normal;
}

.disposition{

}

.change-order-type-btn{
    display:block;
    width:100%;
    padding:8px;
    margin-bottom:10px;
    background-color:#e0e0e0;
    text-align:center;
    border-radius:3px;
}

.change-order-type-btn:hover {  
    font-weight:bold;
}

.disposition .now-later-buttons {
    background-color: #e0e0e0;
    color: #4d4d4d;
    border: none;   
    width: 100%;
    text-align: left;
    font-family: 'sharpsans-bold';
    /*font-weight:bold;*/
    letter-spacing:1.5px;
    outline:none;
    border-radius:3px;
}

.disposition-btns-padding {
    padding: 10px 4px 8px 10px;
    font-size: 16px;
    display:block;
    text-align:center;
}
.disposition .now-later-buttons label{
    font-weight:normal;
}



/* Check box styles */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'sharpsans-bold';
}

.other-pages-checkboxes .checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    font-family: 'sharpsans-semibold', sans-serif;
}


/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 23px;
    background-color: #eee;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
}

.other-pages-checkboxes .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #a41e1e;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);   
}
.other-pages-checkboxes .checkbox-container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #c92e31;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*End of check boxes styles*/

/*Radio Button Styles*/

.radio-btn-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'sharpsans-semibold', sans-serif;
    letter-spacing: 0px;
}

    /* Hide the browser's default radio button */
    .radio-btn-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.radio-btn-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50% !important;
    background-color: #eee;
    border-radius: 2px;
    border: 1px solid #e5e5e5 !important;
}

/* On mouse-over, add a grey background color */
.radio-btn-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
    .radio-btn-container input:checked ~ .checkmark {
        background-color: #c92e31;
    }

/* Create the indicator (the dot/circle - hidden when not checked) */
    .radio-btn-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

/* Show the indicator (dot/circle) when checked */
input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-btn-container .checkmark:after {
    top: 5px !important;
    left: 5px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: white;
}
/*End of radio button styles*/

.padding-8ondesktop-0on-mobile{
   
}

@media screen and (max-width:1024px) {

    .padding-8ondesktop-0on-mobile {
        padding: 0px;
    }

    section {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .form-container h5 {
        font-size: 12px;
    }

    .page-title {
        font-size: 18px;
    }
}


@media screen and (max-width:961px) {

    .padding-15px-on-mibie {
        padding-right: 15px !important;
    }
    .promo-item .menu-item-name {
        margin-top: 12px;
    }

    .promo-item .itemImageContainer img {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .menu-item-desc {
        display: none !important;
    }
    .promo-item img {
        margin-bottom: 0px;
    }
    .padding-8ondesktop-0on-mobile {
        padding: 0px;
    }
    section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .padding-top-mobile-15px {
        padding-top: 15px;
    }

    .padding-bottom-on-mobile-20px {
        padding-bottom: 20px;
    }
}


@media screen and (max-width:600px) {

    .login-register-btn {
        font-size: 11px !important;
        padding: 8px 5px 8px 5px !important;
        width: 108px !important;
        color: #fff !important;
        margin-right: 8px;
    }

    .padding-8ondesktop-0on-mobile {
        padding: 0px;
    }
    section {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .classification-header {
        margin-top: 20px !important;
        padding:5px;
    }

    .classification-header h2{       
        font-size: 20px !important;
    }

    /*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
        padding-left:10px;
        padding-right:10px;
    }*/
}



.blink {
    animation: blinker 1s linear infinite;
}


@keyframes blinker {
    50% {
        opacity: 0;
    }
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0.5; /* Firefox */
}

hr{
    margin-top:10px;
    margin-bottom:10px;
}

    hr.style-one {
        border: 0px;
        height: 1px !important;
        background: #5e5e5e !important;
        /*background-image: linear-gradient(to right, #ccc, #333, #ccc) !important;*/
        margin-top: -30px;
        margin-bottom: 30px;        
    }

    hr.style-three {
        border: 0;
        border-bottom: 1px solid rgb(144, 144, 144);      
        margin-top: -10px;
        margin-bottom: 20px;
    }


    hr.style-four {
        border: 0;
        border-bottom: 1px solid #e5e5e5;   
    }

.modal-backdrop{
    z-index:3;
}

.delivery-or-pickup-tabs {
    margin-top: -100px;
    
    z-index: 10;
    position: relative;
    -webkit-box-shadow: -1px 10px 33px -9px rgba(87,87,87,1);
    -moz-box-shadow: -1px 10px 33px -9px rgba(87,87,87,1);
    box-shadow: -1px 10px 33px -9px rgba(87,87,87,1);
    padding-left:0px;
    padding-right:0px;
}

.vegi-icon {
   
    /*z-index:1;*/
    margin-top: -50px;
    margin-left: 10px;
    border-radius: 3px !important;
    /*position:absolute;*/
}


/*iPhone 6, 7, & 8 in landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .itemContainer{
        width:49.73% !important;
    }
    .classification-container{
        margin-top:25px;
    }   
}
/*end of iPhone 6, 7, & 8 in landscape*/

/*iPhone 6, 7, & 8 Plus in landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    .itemContainer {
        width: 49.73% !important;
    }
    .classification-container {
        margin-top: 25px;
    }

    
}
/*end of iPhone 6, 7, & 8 Plus in landscape*/

/*iPhone X in landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { /* STYLES GO HERE */
    .itemContainer {
        width: 49.73% !important;
    }
    .classification-container {
        margin-top: 25px;
    }    
}
/*end of iPhone X in landscape*/

@media only screen and (min-device-width : 300px) and (max-device-width : 800px) {
    .scienter-popup-banner {
        max-width: 95%;
        margin: 0 auto;
    }
}


/*mobile landscape - ading with js at promo.js*/

.menu-item-name-mobile-lanscape {
    margin-top: 0px;
    text-align: left;
    height: 20px;
    overflow: hidden;
    padding-top: 0px !important;
    /* font-size: 18px; */
}

.price-mobile-lanscape {
    font-size: 12px;
}

.itemDetailContainer-mobile-lanscape {
    padding-top: 7px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right:17px;
}
    /*end of mobile landscape*/

/*Inline styles replace*/

.home-page-01 {
    /*background-image: url('/home-bg-banner.jpg');*/
    height: 250px;
    background-size: cover;
    background-position-x: center;
    margin-top: -30px;
}
.home-page-02 {
    display: block;
    z-index: 4;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -100px;
}

.home-page-03 {
    box-shadow: -1px 10px 20px -9px rgba(87,87,87,1);
}

.home-page-04 {
    width: 100%;
    background-color: #e5e5e5;
    padding: 12px !important;
    color: #333;
    font-weight: bolder;
    font-size: 14px;
    border: 1px #ccc solid;
}

.home-page-05 {
    margin-top: 15px;
}

.home-page-06 {
    background-color: #ffffff;
    padding: 10px;   
    letter-spacing: 0px;
    margin: 0 auto;
    z-index: 3;
    position: relative;
    font-family: 'sharpsans-bold' !important;
    letter-spacing:1px;
    font-size:30px;
}

.home-page-07 {
    z-index: 0;
    position: relative
}
.home-page-08 {
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 16px !important;
    letter-spacing: 1px;
    font-family: 'sharpsans-semibold', sans-serif !important;
}
.home-page-09 {
    text-align: center;    
}

.menu-page-01 {
    background-image: url(/images/pizza-bg.png);
    width: 200px;
    position: relative;
    z-index: 1;
    text-align: center;
    margin: 0 auto;
}
.menu-page-02 {
    position: relative;
    z-index: 0;
}

.menu-page-03 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.menu-page-04 {
    margin-bottom: 10px;
}

.menu-page-05 {
    margin-bottom: -10px;
}

.menu-page-06 {
    padding-top: 5px;
    padding-bottom: 2px;
}

.menu-page-07 {
    margin-top: 3px;
    font-size: 15px;
}

.menu-page-08 {
    margin-bottom: 10px;
    padding-left: 0px;
}

.menu-page-09 {
    margin-bottom: 15px;
    padding-left: 0px;
}

.menu-page-10 {
    padding-left: 0px;
    padding-right: 25px;
}

.order-page-01 {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 13px;
}

.order-page-02 {
    width: 10px;
}
.order-page-03 {
    min-height: 100px;
}

.order-page-04 {
    background-color: #808080;
}

.order-page-05 {
    color: #c92e31;
}

.order-page-06 {
    display: block;
}

.order-page-07 {
    border-width: 1px;
}

.order-page-08 {
    float: right;
}

.order-page-09 {
    cursor: pointer;
    text-decoration: underline !important;
}

.order-page-10 {
    height: 90px;
}

.order-page-11 {
    height: 35px;
    width: 40px;
}

.order-page-12 {
    vertical-align: top;
}

.order-page-13 {
    margin-bottom: 5px;
}

.order-page-14 {
    margin-top: 8px;
}

.order-page-15 {
    margin-top: 28px;
}

.order-page-16 {
    background-color: #07725f;
    color: #fff;
}

.order-page-17 {
    background-color: #173b85;
    color: #fff;
}

.order-page-18 {
    background-color: rgba(200, 15, 46, 1);  
    color:#fff;
}

.order-page-19 {
    background-color: #a41e1e;
    color: #fff !important;
}



.shared-01 {
    margin-bottom: 10px;
    display: inline-block;
    padding: 5px;
}

.shared-02 {
    padding-top: 12px;
}

.shared-03 {
    color: #808080;
    cursor: pointer;
    text-decoration: none !important;
    background-color: #f2f2f2;
    border: 2px solid #ccc;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: bold;
    font-family: 'sharpsans-semibold';
    margin-top: -10px;
    margin-right: 20px;
    text-transform:capitalize !important;
}

    .shared-03 img {
        width: 20px;
        display: inline-block;
        margin-right: 5px;
        filter: grayscale(100%);
    }

.shared-04 {
    cursor: pointer;
    font-size: 12px !important;
    width: 150px;
}

.shared-05 {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px !important;
    font-size: 12px;
    max-width: 150px;
    overflow-x: hidden;
    width: 150px;
    text-transform:uppercase !important;
    text-align:center !important;
}

.shared-06 {
    color: #ce0000
}

.shared-07 {
    background-color: rgba(255, 255, 255, 0.9);
}

.shared-08 {
    width: 14px !important;
    height: 14px !important;
}

.form-container h5{
    text-transform:capitalize !important;
}

#basketCartArea {
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;    
}

/*end of inline style replace*/

.text-justify {

    text-align:justify;
}

.itemImageContainer {
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

.promo-add{
    cursor:pointer;
}

.modal-content{
    border-radius:3px !important;
}

    

.modal-body h4 {
    font-size: 20px;
    letter-spacing:1px;
    font-family: 'sharpsans-bold' !important;    
}

.modal-body input[type="text"] {
   margin-bottom:5px;
}

.modal-dialog {    
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}



/*------------- Password Complexity ---------------*/


#password-strength-status {
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
    margin-top: 5px;
}

.medium-password {
    background-color: #e99600;
    border: #BBB418 1px solid;
}

.weak-password {
    background-color: rgba(200, 15, 46, 1);
    border: #AA4502 1px solid;
}

.strong-password {
    background-color: #4c6f00;
    border: #0FA015 1px solid;
}

/*------------- End of Password Complexity --------*/


.nav-tabs {
    border-bottom: none;
}


::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
@font-face {
    font-family: simple-line-icons;
    src: url(../fonts/Simple-Line-Iconsb26c.eot?v=2.4.0);
    src: url(../fonts/Simple-Line-Iconsb26c.eot?v=2.4.0#iefix) format('embedded-opentype'),url(../fonts/Simple-Line-Iconsb26c.html?v=2.4.0) format('woff2'),url(../fonts/Simple-Line-Iconsb26c.ttf?v=2.4.0) format('truetype'),url(../fonts/Simple-Line-Iconsb26c.woff?v=2.4.0) format('woff'),url(../fonts/Simple-Line-Iconsb26c.svg?v=2.4.0#simple-line-icons) format('svg');
    font-weight: 400;
    font-style: normal
}

.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-down-circle, .icon-arrow-left, .icon-arrow-left-circle, .icon-arrow-right, .icon-arrow-right-circle, .icon-arrow-up, .icon-arrow-up-circle, .icon-badge, .icon-bag, .icon-ban, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camera, .icon-camrecorder, .icon-chart, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emotsmile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-event, .icon-exclamation, .icon-eye, .icon-eyeglass, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-location-pin, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-menu, .icon-microphone, .icon-minus, .icon-mouse, .icon-music-tone, .icon-music-tone-alt, .icon-mustache, .icon-note, .icon-notebook, .icon-options, .icon-options-vertical, .icon-organization, .icon-paper-clip, .icon-paper-plane, .icon-paypal, .icon-pencil, .icon-people, .icon-phone, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-behance, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-foursqare, .icon-social-github, .icon-social-google, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-reddit, .icon-social-skype, .icon-social-soundcloud, .icon-social-spotify, .icon-social-steam, .icon-social-stumbleupon, .icon-social-tumblr, .icon-social-twitter, .icon-social-vkontakte, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench {
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .icon-user:before {
        content: "\e005"
    }

    .icon-people:before {
        content: "\e001"
    }

    .icon-user-female:before {
        content: "\e000"
    }

    .icon-user-follow:before {
        content: "\e002"
    }

    .icon-user-following:before {
        content: "\e003"
    }

    .icon-user-unfollow:before {
        content: "\e004"
    }

    .icon-login:before {
        content: "\e066"
    }

    .icon-logout:before {
        content: "\e065"
    }

    .icon-emotsmile:before {
        content: "\e021"
    }

    .icon-phone:before {
        content: "\e600"
    }

    .icon-call-end:before {
        content: "\e048"
    }

    .icon-call-in:before {
        content: "\e047"
    }

    .icon-call-out:before {
        content: "\e046"
    }

    .icon-map:before {
        content: "\e033"
    }

    .icon-location-pin:before {
        content: "\e096"
    }

    .icon-direction:before {
        content: "\e042"
    }

    .icon-directions:before {
        content: "\e041"
    }

    .icon-compass:before {
        content: "\e045"
    }

    .icon-layers:before {
        content: "\e034"
    }

    .icon-menu:before {
        content: "\e601"
    }

    .icon-list:before {
        content: "\e067"
    }

    .icon-options-vertical:before {
        content: "\e602"
    }

    .icon-options:before {
        content: "\e603"
    }

    .icon-arrow-down:before {
        content: "\e604"
    }

    .icon-arrow-left:before {
        content: "\e605"
    }

    .icon-arrow-right:before {
        content: "\e606"
    }

    .icon-arrow-up:before {
        content: "\e607"
    }

    .icon-arrow-up-circle:before {
        content: "\e078"
    }

    .icon-arrow-left-circle:before {
        content: "\e07a"
    }

    .icon-arrow-right-circle:before {
        content: "\e079"
    }

    .icon-arrow-down-circle:before {
        content: "\e07b"
    }

    .icon-check:before {
        content: "\e080"
    }

    .icon-clock:before {
        content: "\e081"
    }

    .icon-plus:before {
        content: "\e095"
    }

    .icon-minus:before {
        content: "\e615"
    }

    .icon-close:before {
        content: "\e082"
    }

    .icon-event:before {
        content: "\e619"
    }

    .icon-exclamation:before {
        content: "\e617"
    }

    .icon-organization:before {
        content: "\e616"
    }

    .icon-trophy:before {
        content: "\e006"
    }

    .icon-screen-smartphone:before {
        content: "\e010"
    }

    .icon-screen-desktop:before {
        content: "\e011"
    }

    .icon-plane:before {
        content: "\e012"
    }

    .icon-notebook:before {
        content: "\e013"
    }

    .icon-mustache:before {
        content: "\e014"
    }

    .icon-mouse:before {
        content: "\e015"
    }

    .icon-magnet:before {
        content: "\e016"
    }

    .icon-energy:before {
        content: "\e020"
    }

    .icon-disc:before {
        content: "\e022"
    }

    .icon-cursor:before {
        content: "\e06e"
    }

    .icon-cursor-move:before {
        content: "\e023"
    }

    .icon-crop:before {
        content: "\e024"
    }

    .icon-chemistry:before {
        content: "\e026"
    }

    .icon-speedometer:before {
        content: "\e007"
    }

    .icon-shield:before {
        content: "\e00e"
    }

    .icon-screen-tablet:before {
        content: "\e00f"
    }

    .icon-magic-wand:before {
        content: "\e017"
    }

    .icon-hourglass:before {
        content: "\e018"
    }

    .icon-graduation:before {
        content: "\e019"
    }

    .icon-ghost:before {
        content: "\e01a"
    }

    .icon-game-controller:before {
        content: "\e01b"
    }

    .icon-fire:before {
        content: "\e01c"
    }

    .icon-eyeglass:before {
        content: "\e01d"
    }

    .icon-envelope-open:before {
        content: "\e01e"
    }

    .icon-envelope-letter:before {
        content: "\e01f"
    }

    .icon-bell:before {
        content: "\e027"
    }

    .icon-badge:before {
        content: "\e028"
    }

    .icon-anchor:before {
        content: "\e029"
    }

    .icon-wallet:before {
        content: "\e02a"
    }

    .icon-vector:before {
        content: "\e02b"
    }

    .icon-speech:before {
        content: "\e02c"
    }

    .icon-puzzle:before {
        content: "\e02d"
    }

    .icon-printer:before {
        content: "\e02e"
    }

    .icon-present:before {
        content: "\e02f"
    }

    .icon-playlist:before {
        content: "\e030"
    }

    .icon-pin:before {
        content: "\e031"
    }

    .icon-picture:before {
        content: "\e032"
    }

    .icon-handbag:before {
        content: "\e035"
    }

    .icon-globe-alt:before {
        content: "\e036"
    }

    .icon-globe:before {
        content: "\e037"
    }

    .icon-folder-alt:before {
        content: "\e039"
    }

    .icon-folder:before {
        content: "\e089"
    }

    .icon-film:before {
        content: "\e03a"
    }

    .icon-feed:before {
        content: "\e03b"
    }

    .icon-drop:before {
        content: "\e03e"
    }

    .icon-drawer:before {
        content: "\e03f"
    }

    .icon-docs:before {
        content: "\e040"
    }

    .icon-doc:before {
        content: "\e085"
    }

    .icon-diamond:before {
        content: "\e043"
    }

    .icon-cup:before {
        content: "\e044"
    }

    .icon-calculator:before {
        content: "\e049"
    }

    .icon-bubbles:before {
        content: "\e04a"
    }

    .icon-briefcase:before {
        content: "\e04b"
    }

    .icon-book-open:before {
        content: "\e04c"
    }

    .icon-basket-loaded:before {
        content: "\e04d"
    }

    .icon-basket:before {
        content: "\e04e"
    }

    .icon-bag:before {
        content: "\e04f"
    }

    .icon-action-undo:before {
        content: "\e050"
    }

    .icon-action-redo:before {
        content: "\e051"
    }

    .icon-wrench:before {
        content: "\e052"
    }

    .icon-umbrella:before {
        content: "\e053"
    }

    .icon-trash:before {
        content: "\e054"
    }

    .icon-tag:before {
        content: "\e055"
    }

    .icon-support:before {
        content: "\e056"
    }

    .icon-frame:before {
        content: "\e038"
    }

    .icon-size-fullscreen:before {
        content: "\e057"
    }

    .icon-size-actual:before {
        content: "\e058"
    }

    .icon-shuffle:before {
        content: "\e059"
    }

    .icon-share-alt:before {
        content: "\e05a"
    }

    .icon-share:before {
        content: "\e05b"
    }

    .icon-rocket:before {
        content: "\e05c"
    }

    .icon-question:before {
        content: "\e05d"
    }

    .icon-pie-chart:before {
        content: "\e05e"
    }

    .icon-pencil:before {
        content: "\e05f"
    }

    .icon-note:before {
        content: "\e060"
    }

    .icon-loop:before {
        content: "\e064"
    }

    .icon-home:before {
        content: "\e069"
    }

    .icon-grid:before {
        content: "\e06a"
    }

    .icon-graph:before {
        content: "\e06b"
    }

    .icon-microphone:before {
        content: "\e063"
    }

    .icon-music-tone-alt:before {
        content: "\e061"
    }

    .icon-music-tone:before {
        content: "\e062"
    }

    .icon-earphones-alt:before {
        content: "\e03c"
    }

    .icon-earphones:before {
        content: "\e03d"
    }

    .icon-equalizer:before {
        content: "\e06c"
    }

    .icon-like:before {
        content: "\e068"
    }

    .icon-dislike:before {
        content: "\e06d"
    }

    .icon-control-start:before {
        content: "\e06f"
    }

    .icon-control-rewind:before {
        content: "\e070"
    }

    .icon-control-play:before {
        content: "\e071"
    }

    .icon-control-pause:before {
        content: "\e072"
    }

    .icon-control-forward:before {
        content: "\e073"
    }

    .icon-control-end:before {
        content: "\e074"
    }

    .icon-volume-1:before {
        content: "\e09f"
    }

    .icon-volume-2:before {
        content: "\e0a0"
    }

    .icon-volume-off:before {
        content: "\e0a1"
    }

    .icon-calendar:before {
        content: "\e075"
    }

    .icon-bulb:before {
        content: "\e076"
    }

    .icon-chart:before {
        content: "\e077"
    }

    .icon-ban:before {
        content: "\e07c"
    }

    .icon-bubble:before {
        content: "\e07d"
    }

    .icon-camrecorder:before {
        content: "\e07e"
    }

    .icon-camera:before {
        content: "\e07f"
    }

    .icon-cloud-download:before {
        content: "\e083"
    }

    .icon-cloud-upload:before {
        content: "\e084"
    }

    .icon-envelope:before {
        content: "\e086"
    }

    .icon-eye:before {
        content: "\e087"
    }

    .icon-flag:before {
        content: "\e088"
    }

    .icon-heart:before {
        content: "\e08a"
    }

    .icon-info:before {
        content: "\e08b"
    }

    .icon-key:before {
        content: "\e08c"
    }

    .icon-link:before {
        content: "\e08d"
    }

    .icon-lock:before {
        content: "\e08e"
    }

    .icon-lock-open:before {
        content: "\e08f"
    }

    .icon-magnifier:before {
        content: "\e090"
    }

    .icon-magnifier-add:before {
        content: "\e091"
    }

    .icon-magnifier-remove:before {
        content: "\e092"
    }

    .icon-paper-clip:before {
        content: "\e093"
    }

    .icon-paper-plane:before {
        content: "\e094"
    }

    .icon-power:before {
        content: "\e097"
    }

    .icon-refresh:before {
        content: "\e098"
    }

    .icon-reload:before {
        content: "\e099"
    }

    .icon-settings:before {
        content: "\e09a"
    }

    .icon-star:before {
        content: "\e09b"
    }

    .icon-symbol-female:before {
        content: "\e09c"
    }

    .icon-symbol-male:before {
        content: "\e09d"
    }

    .icon-target:before {
        content: "\e09e"
    }

    .icon-credit-card:before {
        content: "\e025"
    }

    .icon-paypal:before {
        content: "\e608"
    }

    .icon-social-tumblr:before {
        content: "\e00a"
    }

    .icon-social-twitter:before {
        content: "\e009"
    }

    .icon-social-facebook:before {
        content: "\e00b"
    }

    .icon-social-instagram:before {
        content: "\e609"
    }

    .icon-social-linkedin:before {
        content: "\e60a"
    }

    .icon-social-pinterest:before {
        content: "\e60b"
    }

    .icon-social-github:before {
        content: "\e60c"
    }

    .icon-social-google:before {
        content: "\e60d"
    }

    .icon-social-reddit:before {
        content: "\e60e"
    }

    .icon-social-skype:before {
        content: "\e60f"
    }

    .icon-social-dribbble:before {
        content: "\e00d"
    }

    .icon-social-behance:before {
        content: "\e610"
    }

    .icon-social-foursqare:before {
        content: "\e611"
    }

    .icon-social-soundcloud:before {
        content: "\e612"
    }

    .icon-social-spotify:before {
        content: "\e613"
    }

    .icon-social-stumbleupon:before {
        content: "\e614"
    }

    .icon-social-youtube:before {
        content: "\e008"
    }

    .icon-social-dropbox:before {
        content: "\e00c"
    }

    .icon-social-vkontakte:before {
        content: "\e618"
    }

    .icon-social-steam:before {
        content: "\e620"
    }