body{
    background: #1b1b1b;
    font-family: 'Raleway', cursive;
}

@media screen and (max-width: 768px) {
    .col-12{
        width: 100%;
    }
}
@media screen and (max-width: 576px) {
    .col--12{
        width: 100%;
    }
}
@media screen and (max-width: 425px) {
    .col---12{
        width: 100%;
    }
    .col-fr-6{
        width: 50%;
    }
}
@keyframes slide-down-slow {
    0% {
        -webkit-transform: perspective(1px) scaleY(0.1);
        -moz-transform: perspective(1px) scaleY(0.1);
        -ms-transform: perspective(1px) scaleY(0.1);
        -o-transform: perspective(1px) scaleY(0.1);
        transform: perspective(1px) scaleY(0.1)
    }
    100% {
        -webkit-transform: perspective(1px) scaleY(1);
        -moz-transform: perspective(1px) scaleY(1);
        -ms-transform: perspective(1px) scaleY(1);
        -o-transform: perspective(1px) scaleY(1);
        transform: perspective(1px) scaleY(1)
    }
}

.hi-icon:before {
    font-family: FontAwesome;
    font-size: 40px;
    line-height: 1;
}

/*Start Header*/
.navbar-wrapper{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transition: .5s ease-in-out all;
}
.navbar{
    margin: 0;
    padding: 5px 0;
}
.navbar-brand {
    padding: 0;
}
.navbar-brand h1{
    font-size: 50px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Poiret One', cursive;
    margin: 0;
}
.nav>li{
    margin: 0 3px;
}
.nav>li>a{
    color: white;
    font-size: 15px;
    cursor: pointer;
    padding: 15px 10px;
    text-transform: uppercase;
    transition: .5s all ease-in-out;
}
.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover{
    background: transparent;
    transition: .5s all ease-in-out;
}
.dropdown-menu{
    background: #0000007a;
    padding: 0;
    animation-name: slide-down-slow;
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    animation-timing-function: ease-out;
    transform-origin: 50% 0;
}
.dropdown-menu>li>a{
    color: white;
    text-transform: uppercase;
    padding: 10px;
    font-size: 13px;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #0000003b;
}
.navbar-toggle{
    background: #2a2a2a;
    border-radius:  0;
    border: 0;
}
.navIcon{
    color: #e8e8e8;
    margin-right: 5px;
    font-size: 14px;
}
.icon-bar{
    background: #ffffff82;
}
.bg-dark {
    background: #1b1b1b;
    box-shadow: 0 0 15px -2px #474747;
    transition: .5s ease-in-out all;
}
.badge{
    margin-top: -5px;
}
.headerCart{
    display: none;
    position:  relative;
    float: right;
    color: #484848 !important;
    height: 34px;
    margin: 0 10px 0 0;
    font-size: 36px;
}
.headerCart .badge{
    background: transparent;
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    top: 13px;
    right: 1px;
    font-family: monospace;
    margin: 0;
}
@media screen and (min-width: 992px){
    .nav>li>a:focus,
    .nav>li>a:hover,
    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover{
        transform: scale(1.1);
    }
    .dropdown-menu{
        margin-top: 3px !important;
        margin-right: -5px;
    }
}
@media screen and (max-width: 1200px){
    .navbar-brand h1{
        font-size: 40px;
        margin-top: 4px;
    }
}
@media screen and (max-width: 768px){
    .headerCart{
        display: inline-block;
    }
    .navbar-brand h1{
        font-size: 35px;
        margin-top: 7px;
    }
    .nav>li>a {
        text-align: center;
    }
    .dropdown-menu>li>a {
        text-align: center;
        padding: 10px 0 !important;
    }
    .navbar-wrapper{
        background: #1b1b1b;
        box-shadow: 0 0 15px -2px #474747;
        transition: .5s ease-in-out all;
    }
}
@media screen and (max-width: 576px){
    .navbar-brand h1{
        font-size: 30px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 480px){
    .navbar-brand h1{
        font-size: 27px;
        margin-top: 13px;
    }
}
/*End Header*/

/*Owl Slider*/
.owl-carousel .owl-nav{
    margin-top:0;
}
.owl-carousel .owl-nav [class*=owl-] {
    background:#00000000;
    color: #858585;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    margin:0;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    width: 40px;
    height: 46px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    font-size: 20px;
    line-height: 28px;
    margin-left: 0;
    margin-right: 0;
    margin-top:-25px !important;
    background-color: rgba(229, 229, 229, .8);
}
.owl-carousel .owl-prev {
    left:0;
    margin-left:-1px;
    border-bottom-right-radius: 36px;
    border-top-right-radius: 36px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.5);
}
.owl-carousel .owl-next {
    right:0;
    margin-right:1px;
    border-bottom-left-radius: 36px;
    border-top-left-radius: 36px;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.5);
}
.listItem{
    background-color: #fff;
    float: left;
    margin: 0;
    position: relative;
}
.listItem .item{
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden;
    text-align: center;
    zoom: 1;
}
/*Owl Slider*/

.homeContent{
    position: relative;
    z-index: 1;
    margin-top: 0;
    width: 100%;
}

/*Start HomeBanner*/
.homeBanner{
    width: 100%;
    height: 350px;
    background-image: url(../images/franchiseHome/Grilled-Eating-Food-Dish-Meal-Lunch-Chicken-2451482.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.homeBanner:before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background-color: #00000059;
}
/*End HomeBanner*/

/*Start Fran Top Details*/
.frontLine{
    position: absolute;
    top: -220px;
    z-index: 1;
}
.fran_cover{
    background: #00000070;
    margin-right: -30px;
    height: 220px;
}
.fran_details{
    width: 100%;
    padding: 19px 30px;
    font-family: monospace;
}
.fran-pic{
    width:  100%;
    position:  relative;
}
.fran-pic img{
    max-height: 84px;
}
.fran-contact{
    font-weight: normal;
    color: #fff;
    margin-top: 10px;
}
.fran-contact i{
    margin-right: 5px;
    color: white;
}
.fran-name{
    margin: 0 0 0 0;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    /* font-family: 'Poiret One', cursive; */
    margin-bottom: 10px;
    color: #ffc652;
}
.fran-address{
    font-size: 14px;
    margin: 0;
    font-weight: normal;
}
.fran-content{
    font-size: 14px;
    margin: 0;
    padding:  0;
    list-style: none;
    display: table;
    width: 100%;
}
.fran-content li{
    display:  inline-block;
    width: 33.33%;
}
.fran-content label{
    display:  block;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #ffc652;
}
.fran-content span{
    display:  block;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}
.fran-number{
    margin-top: 15px;
    font-size: 16px;
    text-transform: uppercase;
}
.fran-number span{
    margin-left: -5px;
    font-weight: bold;
    color: #ffc652;
}
@media (min-width: 768px){
    .frontLine {
        width: 720px;
    }
}
@media (min-width: 992px){
    .frontLine {
        width: 940px;
    }
}
@media (min-width: 1200px){
    .frontLine {
        width: 1140px;
    }
}

@media screen and (max-width: 1200px){
    .fran_details {
        padding: 29px 30px;
    }
    .fran-name{
        font-size: 25px;
    }
}
@media screen and (max-width: 992px){
    .fran_cover {
        margin-right: 0;
        margin-top: -245px;
        height: auto;
        max-height: 245px;
    }
    .frontLine {
        position: static;
        top: 0;
    }
    .specialOffer{
        display: none;
    }
    .fran-pic img{
        max-height: 100px;
    }
}
@media (max-width: 768px){
    .frontLine {
        width: 100%;
    }
    .fran-pic {
        text-align: center;
    }
    .fran-pic img {
        width: auto;
        max-height: 100px;
    }
    .fran-name, .fran-content, .fran-address, .fran-number {
        text-align: center;
    }
    .fran-name{
        font-size: 20px;
    }
    .fran_cover {
        margin: -289px -15px 0 -15px;
        max-height: 290px;
    }
    .fran_details{
        padding: 20px;
    }
}
@media (max-width: 576px){
    .fran-content{
        display: inline-block;
    }
    .fran-content li{
        display:  inline-block;
        width: auto;
        margin-right: 20px;
    }
}
@media (max-width: 480px){
    .fran_cover {
        max-height: none;
    }
}
/*End Fran Top Details*/

/*Start Special Offers*/
.specialOffer {
    height: 220px;
    position: relative;
    overflow: hidden;
}
.specialOffer .carousel-inner {
    height: 100%;
}
.specialOffer .item {
    width: 100%;
    height: 100%;
}
.specialOffer img {
    width: 100%;
    height: 220px !important;
}
.left.carousel-control,
.right.carousel-control{
    opacity: 0;
    transition: all .5s ease-in-out;
}
.left.carousel-control:hover,
.right.carousel-control:hover{
    opacity: 1;
    transition: all .5s ease-in-out;
}
.carousel-control .glyphicon{
    top: 50%;
    width: 25px;
    height: 25px;
    font-size: 25px;
    color: white;
}
@media screen and (max-width: 992px){
    .specialOffer {
        height: auto;
    }
    .specialOffer img {
        height: auto !important;
    }
}
/*End Special Offers*/

/*Start Menu Left SideBar*/
.fullMenuBar{
    width: 200px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}
.fullMenuBlock{
    position: relative;
}
.fullMenuProducts{
    margin-left: 230px;
    margin-right: 230px;
}
.fullMenuBar .navFilter{
    background: #1b1b1b;
    display: table;
    width: auto;
    padding: 0;
    margin: 5px -5px;
    list-style: none;
}
.fullMenuBar .navFilter li{
    width: 50%;
    display: inline-block;
    padding: 5px;
}
.fullMenuBar .navFilter input{
    display: none;
}
.fullMenuBar .navFilter label.btn{
    background: #2a2a2a;
    padding: 4px 0 !important;
    color:  white;
    font-size: 14px !important;
    display:  block;
    border-left: 2px solid #2a2a2a;
    height: 29px;
    border-radius: 0;
    outline: 0 !important;
    text-transform: uppercase;
    text-align: center;
    transition: .3s all ease-in-out;
}
.fullMenuBar .navFilter [type=checkbox]:checked + label.btn{
    background-color: #c5291d;
    border-left: 2px solid #eff7fa;
    transition: .3s all ease-in-out;
}
.fullMenuBar .nav{
    margin:  0;
    list-style: none;
    padding: 15px;
    background: #2a2a2a;
}
.fullMenuBar .nav li{
    width: 100%;
    margin: 0 0 5px 0;
}
.fullMenuBar .navList{
    color:  white;
    font-size: 14px !important;
    display:  block;
    padding: 5px 0 !important;
    border: 0;
    text-decoration: none !important;
    transition: .5s all ease-in-out;
    transform:  scale(1) !important;
    height: 28px;
}
.fullMenuBar .nav li.active .navList{
    background: #c5291d;
    text-align: center;
    transition: .5s all ease-in-out;
    position: relative;
}
.fullMenuBar .nav li.active .navList:before{
    position: absolute;
    content: "";
    top: 10px;
    left: -1px;
    border: 5px solid #2a2a2a;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.menuBarSearch{
    position: relative;
}
.menuBarSearch input{
    background: #2a2a2a;
    border: 1px solid #494949;
    height: 40px;
    width: 100%;
    box-shadow:  none !important;
    color: white;
    outline:  0 !important;
    padding: 5px 50px 5px 10px;
}
.menuBarSearch button{
    position:  absolute;
    top:  0;
    right: 0;
    height: 40px;
    width: 40px;
    background: #2a2a2a;
    border: 1px solid #494949;
    outline: 0 !important;
    transition: .5s all ease-in-out;
}
.menuBarSearch button:hover{
    background: #3f3f3f;
    transition: .5s all ease-in-out;
}
.menuBarSearch button img{
    width: 20px;
}
.filterSlideUp{
    width: 40px;
    height: 40px;
    text-align: center;
    margin-left: auto;
    margin-bottom: 2px;
    display: none;
}
.filterSlideUp a{
    display: block;
    color: white;
    background: #2a2a2a;
    font-size: 20px;
    width: 100%;
    height: 100%;
    border: 1px solid #565656;
    cursor: pointer;
    padding: 4px 0;
}
.filterSlideDown{
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top:  0;
    right: 0;
    margin: 0;
    display: none;
}
.filterSlideDown a{
    display:  block;
    color: white;
    background: #2a2a2a;
    font-size: 20px;
    width:  100%;
    height: 100%;
    padding: 5px 0;
    border: 1px solid #565656;
    cursor: pointer;
}
@media screen and (max-width: 1200px){
    .fullMenuBar{
        width: 180px;
    }
}
@media screen and (max-width: 992px){
    .filterSlideDown{
        display: inline-block;
    }
    .fullMenuBar {
        width: 100%;
        float: none;
        padding-bottom: 0;
        z-index: 10;
        margin-bottom: 0;
    }
    .fullFilterMenu{
        padding-top: 10px;
        background-color: #1b1b1b;
        display: none;
    }
    .menuBarSearch {
        margin-bottom: 0;
    }
    .fullMenuBar .nav {
        background: #1b1b1b;
        display: inline-block;
        width: 100%;
        padding: 0;
    }
    .fullMenuBar .nav li {
        width: auto;
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .fullMenuBar .navList{
        background: #2a2a2a;
        padding: 5px 15px !important;
    }
    .fullMenuBar .nav li.active .navList:before {
        position: absolute;
        content: "";
        top: 10px;
        left: -1px;
        border: 5px solid #1b1b1b;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
    }
    .fullMenuBar .navFilter {
        display: inline-block;
        width: 100%;
    }
    .fullMenuBar .navFilter li {
        width: auto;
    }
    .fullMenuBar .navFilter label.btn{
        padding: 4px 10px !important;
    }
}
/*End Menu Left SideBar*/

/*Start Our Menu*/
.home_menu .row{
    display: table;
    width: calc(100% + 30px);
}
.home_menu{
    padding-top: 30px;
}
.menuHead{
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Poiret One', cursive;
    margin: 0 0 30px 0;
    text-align: center;
}
._ourMenu{
    margin-bottom: 25px;
    position: relative;
    z-index: 7;
}
.ourMenuItem{
    width:  100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 6;
}
.ourMenuItem:before{
    position: absolute;
    content: "";
    max-width: 100%;
    max-height: 100%;
    background: #1b1b1b61;
    z-index: 1;
    bottom: 100%;
    left: 100%;
    right: 100%;
    top: 100%;
    transition: all .5s ease-out;
}
._ourMenu:hover .ourMenuItem:before{
    right: 10px;
    bottom: 10px;
    top: 10px;
    left: 10px;
    transition: all .5s ease-out;
}
.ourMenuItem img{
    width: 100%;
    height: 100%;
    transition: all .5s ease-out;
}
._ourMenu:hover img{
    transform: scale(1.1);
    transition: all .5s ease-out;
}
.ourMenuItem button{
    font-weight: 900;
    padding: 2px 7px;
    outline: 0!important;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Poiret One', cursive;
}
.viewOurMenuItem{
    position:  absolute;
    left: 100%;
    z-index: 2;
    color: #ffffff !important;
    background: #f9b147;
    border: 1px solid #FFC107;
    transition: .5s all ease-in-out;
    cursor:  pointer;
    text-decoration: none !important;
    font-size:  15px;
    padding: 2px 7px;
}
.viewOurMenuItem:hover{
    background: #ff9800d6;
    transition: .5s all ease-in-out;
}
.addOurMenuItem{
    position: absolute;
    right: 100%;
    z-index: 3;
    color: #ffffff !important;
    background: #c34141;
    border: 1px solid #c5291d;
    transition: .5s all ease-in-out;
}
.addOurMenuItem:hover{
    background: #c5291d;
    transition: .5s all ease-in-out;
}
._ourMenu:hover .addOurMenuItem{
    bottom: 20px;
    right: 20px;
    transition: .5s all ease-in-out;
}
._ourMenu:hover .viewOurMenuItem{
    bottom: 20px;
    left: 20px;
    transition: .5s all ease-in-out;
}
.menuItemName{
    margin: 10px 0 2px 0;
    font-size: 15px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-family: monospace;
}
.fullMenuItemBlock{
    width: 100%;
}
.itmBlockHead{
    margin: 0 0 30px 0;
    padding: 11px 20px;
    height: 40px;
    font-size: 18px;
    background: #2a2a2a;
    color: white;
    position: relative;
    text-transform: uppercase;
    font-family: 'Poiret One', cursive;
    font-weight: bold;
    letter-spacing: 1px;
    border-top: 1px solid #494949;
}
.itmBlockHead:before{
    position: absolute;
    content: "";
    top: 13px;
    left: -1px;
    border: 7px solid #1b1b1b;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.itemNote{
    position: absolute;
    color: #ffffff;
    transition: .5s all ease-in-out;
    padding: 0;
    font-size: 12px;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    z-index: 10;
    left:  100%;
    right:  100%;
    opacity: 0;
    pointer-events: none;
}
._ourMenu:hover .itemNote{
    top: 20px;
    left:  20px;
    right:  20px;
    opacity: 1;
    transition: .5s all ease-in-out;
}
.itemPrice{
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    font-family: monospace;
}
.itemPrice span{
    color: #FFEB3B;
}
@media screen and (max-width: 1200px){
    .fullMenuProducts{
        margin: 0 210px;
    }
}
@media screen and (max-width: 992px){
    .fullMenuProducts {
        margin: 0 210px 0 0;
    }
}
@media screen and (max-width: 768px){
    .itemNote{
        display: none;
    }
    ._ourMenu{
        margin-bottom: 15px;
    }
    .itmBlockHead {
        margin: 0 0 15px 0;
    }
}
@media screen and (max-width: 650px){
    .fullMenuProducts {
        margin: 0;
    }
}
/*End Our Menu*/

/*Start Right Menu Latest Offers*/
.latestOffers{
    float: right;
    width: 200px;
    height: 100%;
    margin-bottom: 30px;
}
.offer-box{
    margin-bottom: 30px;
}
.offerBlock{
    display:  block;
    width:  100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}
.offerImg{
    width: 100%;
}
.offerHead{
    position: absolute;
    color: #ffffff;
    transition: .5s all ease-in-out;
    font-size: 15px;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    z-index: 4;
    opacity: 0;
    pointer-events: none;
}
.offer-box:hover .offerHead{
    left:  20px;
    right:  20px;
    bottom: 20px;
    opacity: 1;
    transition: 1s all ease-in-out;
}/*
.offerBlock:before {
    position: absolute;
    content: "";
    max-width: 100%;
    max-height: 100%;
    background: #1b1b1b61;
    z-index: 1;
    bottom: 100%;
    left: 100%;
    right: 100%;
    top: 100%;
    transition: all .5s ease-out;
}
.offer-box:hover .offerBlock:before{
    right: 10px;
    bottom: 10px;
    top: 10px;
    left: 10px;
    transition: all .5s ease-out;
}*/
.offerLink{
    position: absolute;
    bottom: 100%;
    left: 100%;
    right: 100%;
    top: 100%;
    opacity: 0;
    transition: .5s all ease-in-out;
}
.offerSectionBlock{
    background: #2a2a2a;
    padding: 5px;
}
.offerSectionHead{
    color:  white;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px;
    background: #393838;
    font-family: monospace;
    text-align: center;
}
.offerSectionBlock ul{
    list-style:  none;
    padding:  0;
    margin: 0;
    display: table;
}
.offerSectionBlock li{
    display:  inline-block;
    padding: 10px;
}
.offerSectionBlock img{
    width: 100%;
}
.offerSectionBlock a{
    cursor: pointer;
    display:  block;
    text-decoration:  none;
    transition: .5s all ease-in-out;
}
.offerSectionBlock a:hover{
    transform: scale(1.1);
    transition: .5s all ease-in-out;
}
@media screen and (max-width: 1200px){
    .latestOffers{
        width: 180px;
    }
}
@media screen and (max-width: 650px){
    .latestOffers{
        display: none;
    }
}
/*End Right Menu Latest Offers*/

/*Start Product Modal*/
.food_modal{
    background: #1b1b1ba6;
}
.food_modal .modal-content{
    border-radius: 0;
    background: #1b1b1b;
}
.food_modal .modal-header{
    border-bottom: 1px solid #ffffff42;
}
.food_modal .modal-header button{
    color: white;
    font-size: 30px;
    outline:  0 !important;
}
.food_modal .modal-title{
    color: white;
    font-family: 'Poiret One', cursive;
    font-size:  23px;
    font-weight: 600;
}
.foodModalItemImg{
    width: 100%;
}
.food_modal .foodModalContent{
    color: white;
}
.food_modal .foodModalContent h5{
    color: white;
    font-family: 'Poiret One', cursive;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}
.food_modal .foodModalContent p{
    color:  white;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 200;
    text-align: justify;
}
.food_modal .foodModalContent ul{
    color: white;
    font-weight: 200;
    line-height: 1.8;
    font-size: 14px;
    list-style:  none;
    padding:  0;
    margin: 0;
}
.food_modal .foodModalContent li{
    padding-left: 20px;
    position: relative;
}
.food_modal .foodModalContent li:before{
    position: absolute;
    top: 6px;
    left: 0;
    content: "\f105";
    color: white;
    font: normal normal normal 12px/1 FontAwesome;
}
.modalAddCart{
    color: #ffffff !important;
    background: #c341419e;
    border: 1px solid #c5291d;
    padding: 5px 10px;
    display: inline-block;
    outline:  0 !important;
    margin-top: 15px;
    transition: .5s all ease-in-out;
}
.modalAddCart:hover{
    background: #b82a1f;
    transform: scale(1.1);
    transition: .5s all ease-in-out;
}
@media screen and (min-width: 1201px){
    .food_modal .modal-dialog {
        width: 1000px !important;
    }
}
@media screen and (max-width: 1200px){
    .food_modal .modal-dialog {
        width: 100%;
        padding: 30px 30px;
        margin: 0;
    }
}
@media screen and (max-width: 768px){
    .foodModalImg{
        margin-bottom: 20px;
        text-align: center;
    }
    .foodModalItemImg{
        width: auto;
        max-width: 100%;
        max-height: 400px;
        margin: 0 auto;
    }
}
/*End Product Modal*/

/*Start Footer*/
.subscribe{
    background: #2c2c2c;
    color: white;
    padding: 15px;
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949;
}
.subForm{
    display: table;
    width: 100%;
}
.subForm input{
    width: 69%;
    display: inline-block;
    height: 35px;
    box-shadow: none !important;
    border: 1px solid #494949 !important;
    outline:  0 !important;
    padding: 5px 10px;
    font-size: 14px;
    background: transparent !important;
}
.subForm button{
    display:  inline-block;
    width: 30%;
    background: transparent;
    border: 1px solid #494949 !important;
    border-radius: 0;
    padding: 5px;
    height: 35px;
    float: right;
    color: white !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.subBtn{
    width:  100%;
    text-align: right;
}
.subBtn i{
    transition: .5s all ease-in-out;
}
.subBtn a{
    font-size: 21px;
    color: white;
    margin: 0 5px;
    transition: .5s all ease-in-out;
    text-decoration: none;
}
.subBtn a:hover i{
    color: white;
    transform: scale(1.5);
    transition: .5s all ease-in-out;
}
.contact{
    background: #212121;
    color: white;
    padding: 30px 0;
}
.contact_form label{
    display: block;
    font-size:  14px;
    margin-bottom: 5px;
    font-weight: normal;
}
.contact_form input{
    width: 100%;
    background: transparent;
    border: 1px solid #494949 !important;
    outline: 0 !important;
    height: 35px;
    margin-bottom: 10px;
    color: white;
    padding: 5px 10px;
}
.contact_form textarea{
    width: 100%;
    margin-bottom: 10px;
    background:  transparent;
    color: white;
    border: 1px solid #494949 !important;
    outline: 0 !important;
    padding: 5px 10px;
}
.contact_form button{
    background: transparent;
    border: 1px solid #494949 !important;
    border-radius: 0;
    padding: 5px 20px;
    height: 35px;
    float: right;
    color: white !important;
    outline: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
}
.copyright{
    background:  black;
    color: white;
    padding: 10px 0;
    font-size:  14px;
    text-align: center;
}
@media screen and (max-width: 576px){
    .subBtn {
        text-align: center;
        margin-top: 20px;
    }
}
/*End Footer*/

/*Start Franchise Index Page*/
._franBanner{
    width: 100%;
    height: 350px;
    background-image: url(../images/franchiseHome/Grilled-Eating-Food-Dish-Meal-Lunch-Chicken-2451482.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 3;
}
._franBanner:before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background-color: #00000059;
    z-index: 1;
}
.franLocSearch{
    position:  absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
    width: 321px;
}
h4._fran_text{
    font-size: 22px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    color: #ffc652;
    font-weight: bold;
}
h5._fran_text{
    color: white;
    font-size: 15px;
    margin: 0 0 13px 0;
    text-transform: uppercase;
}
._fran_search input{
    background: #ffffffb0;
    border: 1px solid #ffffffd9 !important;
    color: #000;
    height:  35px;
    padding: 5px 10px;
    outline: 0 !important;
    width: 250px;
}
._fran_search button{
    background: #F44336;
    border: 1px solid #F44336 !important;
    color: #fff;
    height: 35px;
    padding: 5px 10px;
    outline: 0 !important;
    transition: all .5s ease-in-out;
}
._fran_search button:hover{
    background: #d92518;
    border: 1px solid #d92518 !important;
    transition: all .5s ease-in-out;
}
.franInfoPage{
    background: #2c2c2c;
    margin: 0 380px 30px 30px;
    font-size: 19px;
    text-transform: uppercase;
    padding: 30px;
    font-weight: bold;
    border: 1px solid #494949;
    color: #ffc652;
}
.franInfoPage p{
    margin: 0;
}
.franInfoPage a{
    color: white !important;
    display: inline-block;
}
/*Start Nearest Outlets*/
.nearLocOutlet{
    background: #2c2c2c;
    margin: -125px 380px 30px 30px;
    padding: 30px 30px 0 30px;
    color: white;
    position:  relative;
    z-index: 10;
    border: 1px solid #494949;
    min-height: 535px;
}
.locOutletGroup{
    width:  100%;
    display: table;
}
.locOutletItem{
    width: 100%;
    background: #393939;
    display: block;
    margin-bottom: 30px;
    color: white !important;
    text-decoration: none;
    transition: .5s all ease-in-out;
}
.locOutletItem:hover{
    transform: scale(1.05);
    transition: .5s all ease-in-out;
}
.locOutletItem .row,
.locOutletItem [class*=col-]{
    padding: 0;
    margin: 0;
}
.locOutletItemImg{
    width: 100%;
    background-position: center center;
    background-size: cover;
}
.locOutletItemContent{
    padding: 10px 20px;
}
.locOutletItemContent h3{
    margin: 0 0 7px 0;
    font-size: 17px;
    color: #ffc652;
    font-weight: bold;
    text-transform: uppercase;
}
.locOutletItemContent h4{
    margin: 0 0 0 0;
    font-size: 13px;
    padding-left: 25px;
    line-height: 1.7;
}
.locOutletItemContent h5{
    margin: 7px 0 0 0;
    font-size: 13px;
    padding-left: 25px;
    line-height: 1.7;
}
.locOutletItemContent h5 span{
    font-weight: bold;
    color: #ffc652;
    margin-right: 5px;
}
.locOutletItemContent h5 label{
    margin: 0;
    font-weight: normal;
    display: inline-block;
}
.locOutletItemContent .icon{
    width: 25px;
    height: 25px;
    padding: 6px 0;
    text-align: center;
    margin-left: -30px;
    color: #ffffff;
    border-radius:  50%;
    background: #2c2c2c;
}
.franOutletListGrp{
    position:  relative;
    min-height: 440px;
}
.no_outlets{
    text-align: center;
    font-size: 15px;
    padding: 241px 0;
}
/*End Nearest Outlets*/

/*Start Upcoming Outlets*/
.comingOutlet{
    position:  absolute;
    top:  0;
    right: 0;
    width: 320px;
    margin: 30px 30px 0 0;
    background: #393939;
    color: white;
}
.comingOutletHead{
    background: #2c2c2c;
    padding: 10px;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #ffc652;
    font-weight: bold;
}
/* width */
.comingOutList::-webkit-scrollbar {
    width: 5px;
}
/* Track */
.comingOutList::-webkit-scrollbar-track {
    background: #393939;
}
/* Handle */
.comingOutList::-webkit-scrollbar-thumb {
    background: #fcc14e;
}
/* Handle on hover */
.comingOutList::-webkit-scrollbar-thumb:hover {
    background: #fcc14e;
}
.comingOutList{
    padding: 30px 30px 0 30px;
    list-style:  none;
    margin: 0;
    line-height: 1.5;
    max-height: 334px;
    overflow: hidden;
    overflow-y: scroll;
}
.comingOutList li{
    margin-bottom: 30px;
}
.comingOutList label{
    display: block;
    margin-bottom: 5px;
    color: #fec552;
    text-transform: uppercase;
}
.comingOutList span{
    display: block;
    padding-left: 30px;
    font-size: 13px;
}
.comingOutList i{
    width: 25px;
    height: 25px;
    padding: 6px 0;
    text-align: center;
    margin-left: -30px;
    color: #ffffff;
    border-radius: 50%;
    background: #2c2c2c;
    vertical-align: middle;
}
.no_upcoming_outlets{
    text-align: center;
    font-size: 15px;
    font-family: monospace;
    padding: 100px 0;
}
/*End Upcoming Outlets*/
@media screen and (min-width: 576px){
    .fran-sm-img{
        left: 66.6666%
    }
    .fran-sm-content{
        right: 33.3333%;
    }
}
@media screen and (min-width: 1200px){
    .fran-lg-img{
        left: auto;
    }
    .fran-lg-content{
        right: auto;
    }
    .fran-lg-img2{
        left: 66.6666%;
    }
    .fran-lg-content2{
        right: 33.3333%;
    }
}
@media screen and (max-width: 900px){
    .franLocSearch {
        right: 0;
        width: 100%;
        text-align: center;
    }
    .nearLocOutlet {
        margin: 30px;
        min-height: 0;
    }
    .comingOutlet {
        position: static;
        top: auto;
        right: auto;
        width: auto;
        margin: 30px;
    }
    .comingOutList {
        padding: 30px 30px 1px 30px;
    }
    .franInfoPage{
        margin-right: 30px;
    }
    .no_outlets {
        padding: 25px 0 50px 0;
    }
    .no_upcoming_outlets {
        padding: 40px 0;
    }
    .franOutletListGrp {
        min-height: 0;
    }
}
@media screen and (max-width: 576px){
    .locOutletItemImg{
        min-height: 150px;
    }
    .locOutletItemContent h3 {
        font-size: 16px;
        text-align: center;
    }
    .nearLocOutlet {
        margin: 15px;
        padding: 15px 15px 0 15px;
    }
    .locOutletItem{
        margin-bottom: 15px;
    }
    .comingOutlet{
        margin: 15px;
    }
    .franInfoPage{
        margin: 0 15px 15px 15px;
        font-size: 15px;
        padding: 15px;
    }
    .comingOutList {
        padding: 15px 15px 1px 15px;
    }
    .comingOutList li {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 380px){
    ._fran_search {
        margin: 0 30px;
    }
    ._fran_search input {
        width: 100%;
    }
    ._fran_search button {
        width: 100%;
    }
}
/*End Franchise Index Page*/

/*Custom Check + Radio*/
.custom-control {
    position: relative;
    display: block;
    min-height: 25px;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.custom-control .custom-control-label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    padding-left: 20px;
}
.custom-control-label::before {
    position: absolute;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #db3f3f;
    top: 3px;
    box-shadow: none !important;
    border-radius: .25rem;
}
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}
.custom-control-label::after {
    position: absolute;
    top: 6px;
    left: 2px;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    content: "\f00c";
    font: normal normal normal 11px/1 FontAwesome;
    color: #ffffff;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border: 1px solid #db3f3f;
    background: #db3f3f;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    content: "\f00c";
    font: normal normal normal 11px/1 FontAwesome;
    color: #7c8797;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
    border: 1px solid #8f99a8;
    background: #f9f9f9;
}
/*Custom Check + Radio*/

/*Login + Register + Forgot*/
._logIn{
    width: 600px;
    background: #2c2c2c;
    border: 1px solid #494949;
    padding: 0 30px;
    color: white;
    margin: 0 auto;
    font-family: monospace;
    margin-bottom: 30px;
}
.logInHead{
    margin: 0 -30px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    background: #393939;
    padding: 7px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #494949;
}
._block{
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
._block .logIn-input{
    background:  transparent;
    border: 1px solid #494949 !important;
    padding: 5px 10px;
    height: 35px;
    width: 100%;
    outline: 0 !important;
    font-size: 14px;
}
._block .logIn-label{
    display:  block;
    font-weight:  normal;
    font-size: 15px;
    margin-bottom: 5px;
}
._block .custom-control-label{
    font-weight:  normal;
    font-size: 15px;
}
._block .button{
    display: block;
    background: #db3f3f;
    border: 1px solid #db3f3f !important;
    border-radius: 0;
    padding: 5px;
    height: 35px;
    width: 100%;
    font-size: 15px;
    color: white !important;
    outline: 0 !important;
    box-shadow: none !important;
    transition: .5s all ease-in-out;
}
._block .button:hover{
    background: #c32e2e;
    transition: .5s all ease-in-out;
}
._block p{
    margin: 0;
    font-size: 12px;
}
._link.row{
    margin: 0 -30px;
    border-top: 1px solid #494949;
    background: #393939;
}
.link_block{
    margin: 0 -15px;
}
.link_block a{
    color: white;
    font-size: 15px;
    display: block;
    text-align: center;
    padding: 10px;
    text-decoration:  none;
    text-transform: uppercase;
    transition: .5s all ease-in-out;
}
.link_block a:hover{
    transform: scale(1.05);
    transition: .5s all ease-in-out;
}
.logInAlert{
    width:  600px;
    margin: 0 auto 20px auto;
    background: #393939;
    border-radius: 0;
    color: white;
    padding: 20px;
    line-height: 1.7;
}
.logInAlert button{
    right: 0 !important;
    outline: 0 !important;
}
@media screen and (max-width: 768px) {
    ._link.row {
        border-top: none;
    }
    .link_block {
        border-left: none !important;
        border-top: 1px solid #494949;
    }
}
@media screen and (max-width: 660px) {
    ._logIn,
    .logInAlert{
        width: auto;
        margin: 0;
    }
}
@media screen and (max-width: 576px) {
    .franchiseAccount{
        margin-top: 90px;
    }
}
@media screen and (max-width: 480px) {
    .franchiseAccount{
        margin-top: 86px;
    }
}
/*Login + Register + Forgot*/


/*Start Cart & CheckOut*/
.main_cart{
    margin-top: 100px;
    margin-bottom: 30px;
}
.cart_details,
.checkout_details{
    width: calc(100% - 300px);
    float: left;
}
.cartDetailHead{
    color: white;
    padding: 10px 20px;
    font-size: 20px;
    background: #2c2c2c;
    border: 1px solid #494949;
    margin: 0;
}
.cartDetailTitle{
    color: white;
    font-size: 20px;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
}
.cancelCart{
    float: right;
    color: white !important;
    background: #393939;
    padding: 4px 20px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none !important;
    border: 1px solid #494949 !important;
    outline: 0 !important;
    transition: .5s all ease-in-out;
}
.cancelCart:hover{
    transition: .5s all ease-in-out;
}
.cartItemGroup{
    background: #393939;
    color: white;
}
.cartItem{
    border: solid #494949;
    border-width: 0 1px 1px 1px;
    padding: 20px;
}
.cartItemImg{
    text-align: center;
}
.cartItemImgFile{
    max-height: 70px;
}
.cartItemName{
    font-size: 15px;
    color: #ffc652;
    line-height: 2;
    font-family: monospace;
    text-transform: uppercase;
}
.cartDetails ul{
    margin:  0;
    padding: 0;
    display: table;
    list-style: none;
    font-family: monospace;
    float: right;
}
.cartDetails li{
    display:  inline-block;
    margin-left: 10px;
    padding: 0;
}
.cart_Minus, .cart_Plus{
    border: 1px solid #5c5b5b;
    background: #474747;
    color: white;
    outline: 0 !important;
    padding: 0 5px;
    height: 25px;
    font-size: 13px;
    vertical-align: middle;
}
.cart_Quantity{
    border: 1px solid #5c5b5b !important;
    background: #474747;
    color: white;
    padding: 0;
    width: 50px;
    height: 25px;
    font-size: 13px;
    text-align: center;
    outline: 0 !important;
}
.cartItemRemove{
    color: white !important;
    padding: 0;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    text-decoration: none !important;
    /* border: 1px solid #5c5b5b !important; */
    /* background: #474747; */
}
.cartItemPriceVal{
    display:  inline-block;
    color: #ffc652;
}
.cartItemShop{
    font-family: monospace;
    font-size: 15px;
}
.cartItemShopName{
    color: #ffc652;
}
.cartNote{
    font-family: monospace;
    margin-top: 5px;
    width: 50%;
    float: right;
}
.cartNote textarea{
    color: white;
    width:  100%;
    height: 40px;
    font-size: 13px;
    background: transparent;
    padding: 5px 10px;
    border: 1px solid #5e5e5e !important;
    outline: 0 !important;
}
.cartItemPriceGroup{
    float: left;
    width: 50%;
    font-family: monospace;
    margin-top: 0;
    padding: 0 10px 0 0;
}
.cartItemPriceGroup ul{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    column-count: 2;
}
.cartItemPriceGroup li{
    margin: 0 0 2.5px 0;
}
.cartItemOffer{
    color: #008000;
}
.cart_price{
    width: 270px;
    float: right;
    color: white;
}
.cartPriceHead{
    color: white;
    background: #2c2c2c;
    padding: 13px 20px;
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid #494949;
}
.cartPriceGroup{
    background: #393939;
    border: solid #494949;
    border-width: 0 1px 1px 1px;
    padding: 10px 20px 20px 20px;
    font-family: monospace;
}
.cartPriceGroup table{
    width: 100%;
    border-bottom: 1px solid #666565;
    margin-bottom: 10px;
}
.cartPriceGroup td{
    padding: 5px 0;
}
.cart_ItemPrice{
    color: #ffc652;
    text-align: right;
    padding: 5px 0 5px 10px !important;
    width: 60px;
}
.cartSubTotal{
    width: 100%;
    margin-bottom: 10px;
}
.cartSubTotalPrice{
    display:  inline-block;
    color: #ffc652;
    float: right;
    padding-left: 10px;
}
.cart-inr{
    font-size: 12px;
    padding-right: 3px;
}
.cartCheckOut{
    text-align: right;
}
.cartCheckOut a{
    display:  inline-block;
    padding: 6px 10px;
    font-size:  14px;
    color: white;
    text-transform: uppercase;
    background: #4d9c51;
    text-decoration: none !important;
    transition: .5s all ease-in-out;
}
.cartCheckOut a:hover{
    background: #4d9c51;
    transform: scale(1.1);
    transition: .5s all ease-in-out;
}
.cartUpdate{
    background: #393939;
    border: solid #494949;
    border-width: 0 1px 1px 1px;
    padding: 20px;
    font-family: monospace;
    text-align: center;
}
.updateCart{
    color: white !important;
    background: #2c2c2c;
    padding: 4px 20px;
    font-size: 13px;
    display: inline-block;
    text-decoration: none !important;
    border: 1px solid #494949 !important;
    outline: 0 !important;
}
/*CheckOut*/
.checkoutBlock{
    font-family: monospace;
    margin-bottom: 30px;
}
.checkAccTitle{
    color: white;
    font-size: 20px;
    margin: 0;
    display: inline-block;
}
.addressList{
    color: white !important;
    border: 1px solid #646363 !important;
    outline: 0 !important;
    padding: 15px;
    border-radius: 4px;
    line-height: 2;
    white-space: normal;
    text-align: justify;
    margin-bottom: 30px;
    transition: all .5s ease-in-out;
}
.addressList:hover{
    transform: scale(1.05);
    transition: all .5s ease-in-out;
}
.addressList.active{
    transform: scale(1) !important;
    transition: all .5s ease-in-out;
    background: #ffffff;
    color: #2c2c2c !important;
}
.addressList input{
    position: absolute;
    opacity: 0;
}
.checkOut_Block{
    background: #393939;
    border: solid #494949;
    border-width: 0 1px 1px 1px;
    padding: 30px 30px 0 30px;
}
.checkout-add{
    background: #2c2c2c;
    border: 1px solid #494949;
    padding: 10px 30px;
    margin: 0;
}
.checkAccAdd{
    float: right;
    color: white !important;
    background: #393939;
    padding: 4px 20px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none !important;
    border: 1px solid #494949 !important;
    outline: 0 !important;
    transition: .5s all ease-in-out;
}
.checkAccAdd:hover{
    transform: scale(1.1);
    transition: .5s all ease-in-out;
}
.addressModal{
    font-family: monospace;
}
.addressModal .modal-content{
    background: transparent;
    box-shadow: none;
}
.addressModal .modal-header{
    background: #2c2c2c;
    color: white;
    border-bottom: 1px solid #585858;
    padding: 15px 20px;
}
.addressModal .modal-header button{
    padding: 5px;
    outline: 0 !important;
}
.addressModal .modal-header span{
    color: white;
}
.addressModal .modal-title{
    font-size: 18px;
    text-transform: uppercase;
}
.addressModal .modal-body{
    background: #393939;
    color: white;
    padding: 20px;
}
.addressModal .modal-body label{
    display:  block;
    margin-bottom:  5px;
    font-weight:  normal;
    font-size: 14px;
}
.addressModal .modal-body input{
    background: transparent;
    border: 1px solid #646363 !important;
    width:  100%;
    margin-bottom: 10px;
    height: 33px;
    padding: 5px 10px;
    outline: 0 !important;
    color: white;
    font-size: 14px;
}
.addressModal .modal-body .saveButton{
    background: #2c2c2c;
    border:  none;
    padding: 8px 30px;
    display:  inline-block;
    margin-top: 10px;
    outline: 0 !important;
    transition: .5s all ease-in-out;
}
.addressModal .modal-body .saveButton:hover{
    transform: scale(1.1);
    transition: .5s all ease-in-out;
}
.clickToProceed{
    background: #2c2c2c;
    border: none;
    padding: 8px 30px;
    display: inline-block;
    outline: 0 !important;
    color: white;
    margin: 0 0 25px 0;
    transition: .5s all ease-in-out;
}
.clickToProceed:hover{
    transform: scale(1.1);
    transition: .5s all ease-in-out;
}
/*CheckOut*/
@media screen and (max-width: 992px){
    .cart_details{
        margin-bottom: 30px;
    }
    .cart_details ,
    .checkout_details{
        width: 100%;
        float: none;
    }
    .cart_price {
        width: 100%;
        float: none;
    }
    .cartDetails{
        margin-top: -10px;
    }
}
@media screen and (max-width: 768px){
    .main_cart{
        margin-top: 78px;
        margin-bottom: 15px;
    }
    .cart_details {
        margin-bottom: 15px;
    }
    .cartNote{
        width: 100%;
        float: none;
        margin-top: 0;
    }
    .cartItemPriceGroup {
        float: none;
        width: 100%;
        padding: 5px 0;
        margin-bottom: 1px;
    }
    .cartDetails ul {
        float: none;
    }
    .cartDetails li {
        margin-left: 0;
        margin-right: 10px;
        padding: 0;
    }
}
@media screen and (max-width: 480px){
    .checkAccAdd {
        float: none;
        display: block;
        text-align: center;
        margin-top: 5px;
    }
    .checkAccTitle {
        display: block;
        text-align: center;
    }
    .cartCount {
        margin: 0;
    }
    .cartDetails li {
        margin-right: 10px;
    }
    .hide-xs{
        display: none;
    }
    .cartItemShopName {
        color: #ffffff;
    }
    .cartItemPriceGroup ul {
        column-count: 1;
    }
}
@media screen and (max-width: 425px){
    .cartItemImgFile {
        max-width: 65px;
    }
}
/*End Cart & CheckOut*/

/*Start View Edit Profile*/
.viewProfile{
    width: 690px;
    color: white;
    font-family: monospace;
    margin: 90px auto 0 auto;
}
.profileHeader{
    width: 100%;
    margin-bottom: 20px;
    height: 30px;
}
.profileTitle{
    margin: 0;
    display: inline-block;
    font-size: 25px;
    text-transform: uppercase;
}
.profileViewEdit{
    float: right;
    color: white !important;
    background: #393939;
    padding: 7px 20px;
    display: inline-block;
    text-decoration: none !important;
    border: 1px solid #494949;
    outline: 0 !important;
}
.profileViewEdit:hover{
    background: #2c2c2c;
}
.viewProfileData{
    background: #393939;
    padding: 20px 30px;
    border: 1px solid #494949;
}
.viewProfileData table{
    width: 100%;
}
.viewProfileData td{
    padding: 5px;
}
.verify{
    display: inline-block;
    text-align: center;
    float: right;
}
.verify a{
    color: #F44336 !important;
    display: inline-block;
    outline: 0 !important;
}
.verify i{
    color: white;
    background: #3f9f43;
    padding: 4px;
    font-size: 10px;
    display: inline-block;
    border-radius: 50%;
}
.profileBlock{
    margin-bottom: 50px;
}
.profileAddField{
    min-width: 100px;
}
.profileAddView{
    padding-left: 20px !important;
}
.editAddress{
    color: white !important;
    padding: 5px 8px;
    display: inline-block;
    text-decoration: none !important;
    border: 1px solid #494949;
    outline: 0 !important;
}
.deleteAddress{
    color: white !important;
    display: inline-block;
    text-decoration: none !important;
    outline: 0 !important;
    float: right;
    padding: 6px 0;
}
.editAddOption{
    min-width: 80px;
    display: inline-block;
}
@media screen and (max-width: 768px){
    .viewProfile {
        width: auto;
        margin: 78px 15px 0 15px;
    }
    .profileBlock {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 576px){
    .viewProfileData td {
        display: block;
    }
    .viewProfileData {
        padding: 15px;
    }
}
@media screen and (max-width: 425px){
    .profileTitle {
        font-size: 20px;
    }
    .profileViewEdit {
        padding: 5px 15px;
    }
}
/*End View Edit Profile*/

/*Start Cart Summary*/
.cart_summary{
    margin: 100px 0 30px 0;
    font-family: monospace;
}
.cartSummaryTitle{
    margin:  0;
    color: white;
    background: #2c2c2c;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 20px;
    border: 1px solid #494949;
}
.cartSumBlock{
    background: #393939;
    border: solid #494949;
    border-width: 0 1px 1px 1px;
    padding: 10px 20px 20px 20px;
    color: white;
}
.cartSumBlock table{
    width: 100%;
    border-bottom: 1px solid #666565;
    margin-bottom: 10px;
}
.cartSumBlock td{
    padding: 5px 0;
}
.cartSumBlock h4{
    margin: 0 0 15px 0;
}
.cartSumBlock p{
    margin: 0;
}
.orderSummary{
    margin: 0 !important;
    border: 0 !important;
    width: auto !important;
}
.orderSummary td{
    padding: 5px 0 !important;
}
.cancelMsg{
    width: 100%;
    background: transparent;
    color: white;
    border: 1px solid #5f5f5f !important;
    outline: 0 !important;
    padding: 10px;
}
@media screen and (max-width: 768px) {
    .cart_summary {
        margin: 78px 0 15px 0;
    }
    .cart_summary .clickToProceed{
        margin-top: 15px !important;
    }
}
/*End Cart Summary*/

/*Start Order Page*/
.main_order{
    margin: 100px 0 30px 0;
    font-family:  monospace;
    color: white;
}
.orderTitle{
    color: white;
    background: #2c2c2c;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 20px;
    border: solid #494949;
    border-width: 1px 1px 0 1px;
}
.orderDetailsList{
    width: 100%;
    border: 1px solid #494949;
    padding: 20px;
}
.orderDetailsList tbody tr{
    background: #393939;
    cursor: pointer;
}
.orderDetailsList tbody tr:hover{
    background: #2c2c2c;
}
.orderDetailsList th{
    padding: 15px 2px;
    text-align: center;
    background: #2c2c2c;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: normal;
}
.orderDetailsList td{
    padding: 10px 2px;
    text-align: center;
    font-size: 14px;
}
/* width */
.orderFullList::-webkit-scrollbar {
    height: 10px;
}
/* Track */
.orderFullList::-webkit-scrollbar-track {
    background: #ffffff;
}
/* Handle */
.orderFullList::-webkit-scrollbar-thumb {
    background: #2c2c2c;
}
/* Handle on hover */
.orderFullList::-webkit-scrollbar-thumb:hover {
    background: #2c2c2c;
}
@media screen and (max-width: 1200px){
    .orderFullList{
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
    }
    .max-order{
        min-width: 1100px;
    }
}
@media screen and (max-width: 768px){
    .main_order {
        margin: 78px 0 15px 0;
    }
}
/*End Order Page*/


/*Start Modal Loader*/
.modal_loader{
    text-align: center;
}
.modalLoaderImg{
    width: 50px;
}
/*End Modal Loader*/

/*Start Fixed Sticky >> Should be on the bottom of CSS*/
.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
    position: static;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
    position: fixed;
}
.fixedsticky-dummy {
    display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
    display: block;
}
.fran-top-fixed {
    top: 75px;
}
.cartPrice-fixed{
    top: 62px;
}
@media screen and (max-width: 992px){
    .fran-top-fixed {
        top: 60px;
    }
}
/*End Fixed Sticky >> Should be on the bottom of CSS*/

/*Start Alert Box*/
iao-alert{
    background: #333333;
    border: 1px solid #525050;
    color: white !important;
    border-radius: 0;
    padding: 15px 30px 15px 15px;
    margin: 0 0 20px 0;
    width: 100%;
    box-shadow: none;
}
iao-alert:hover{
    opacity: 1 !important;
}
iao-alert p{
	margin: 0;
}
/*End Alert Box*/

/* Auto load Products Styles */
.auto-suggesstion{
    display: block;
    width: 100%;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 1px 1px rgba(180, 180, 180, 0.5);
}
.auto-suggesstion ul, .addressList ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.auto-suggesstion ul li{
    padding: 3px 9px;
    cursor: pointer;
}
.auto-suggesstion ul li:hover, .auto-suggesstion ul li:active{
    background-color: #ddd;
}
.loading-gif{
    background: #FFF url('../images/loader/spinner-16px.gif') no-repeat 50%;
}
/* Auto load Products Styles */

#infoMessage p{
    color: #FFC107;
}
.no_items{
    color: white;
    background: #2a2a2a;
    padding: 69px 0;
    text-align: center;
    margin-bottom: 30px;
}
.no_items p{
    margin: 0;
}

/*Select2 Dark*/
.select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--single{
    background: transparent;
    border: 1px solid #646363 !important;
    border-radius:  0;
    height: 35px;
    outline: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: white;
    font-weight: 300;
    line-height: 35px;
}
.select2-container--open .select2-dropdown--above{
    border-radius: 0;
}
.select2-dropdown {
    background-color: #646464;
    border: 1px solid #fff;
    border-radius: 0;
    color: white;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    background: #3f3f3f;
    color: white;
    box-shadow: none !important;
    border: 1px solid white !important;
    outline: 0 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #494949;
    color: white;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #494949;
}
/*Select2 Dark*/