#divHomePageTiming {
    /*background-color: #E3DAD1;
    border: 1px solid #600504;*/
    height: 150px;
    padding-top: 10px;
    text-align: left;
    vertical-align: top;
    text-shadow: none !important;
    color: #600504 !important;
    margin: 0 auto;
    font-weight: bold;
}

body {
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
    margin-top: 0px;
    padding: 0px;
    margin: 0px;
    background: #9d0808 url("../images/MainBodyBg.jpg") repeat scroll 0 0 transparent;
}

#tblDisplayBusinessHours {
    color: #000;
}

.divMobileHomepageContainer, .ui-page-active {
    /*  background:#EDEADC;*/
    background: #e9ecf1 url(../Images/BG.jpg) repeat-x;
}


#divMobileContainer, #divTestimonialContainer, #divMobileDirectionContainer {
    margin: 0 auto;
    background: none repeat scroll 0 0 #F7F7F7;
}

#divMobileBranchAddressInfo, #divMobileMasterPageContentContainer, #divbusinesshrs {
    background: #F7F7F7;
}

#divMobileBranchAddressInfo {
    padding: 3px;
}

#divbusinesshrs {
    height: 14em;
}

#DisplayBusinessHoursTitle {
    font-size: 1.5em;
    text-shadow: none;
    color: #341102;
    padding-bottom: 10px;
}

.titletext {
    color: #9F0402;
}

.sectionTitle {
    -x-system-font: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    overflow: hidden; /*padding:7px 0 0 10px;*/
    width: 100%;
}

#divMobileDirectionContainer {
    background: transparent url(../Images/BG.jpg);
}

.divMobileRestaurantWelcomeContainer {
    background: transparent url(../Images/Mobile/TopImg.jpg) no-repeat scroll center top;
    margin-left: 7px;
    padding-top: 20px;
    width: 255px;
    margin: 0 auto;
    display: block;
}

.divMobileRestaurantWelcomeInnerContainer {
    background: url("../Images/Mobile/BottomImg.jpg") no-repeat scroll center bottom transparent;
    display: block;
    padding-bottom: 23px;
    vertical-align: top;
    width: 255px;
}

.MobileRestaurantLogo {
    /* width: 267px;*/
    height: 62px;
    display: block;
    width: 100%;
    margin: auto;
}

.divMobileRestaurantWelcomeContent {
    background: white;
    color: black;
    width: 255px;
    background: url(../Images/Mobile/CenterImg.jpg) repeat-y;
}

.imgMobileRestaurant {
    position: relative;
    float: left;
    padding-right: 4px;
}

.spanwelcomecontent {
    vertical-align: top;
    padding-top: 85px;
    padding-bottom: 3px;
    font-family: Bookman Old Style;
    font-size: 11px;
    text-align: justify;
    padding: 20px;
}

.divimgandTextContainer {
    position: relative;
    display: inline;
    text-align: left;
}

    .divimgandTextContainer p {
        font-family: Bookman Old Style;
        font-size: 11px;
        text-align: justify;
    }

.ui-btn-hover-c .itemprice {
    color: #000000;
}

.ui-content {
    overflow-y: visible !important;
    overflow-x: visible !important;
    padding: 5px;
}

.mobile-nav ul {
    padding-bottom: 0em !important;
}

.divMobileRestaurantName {
    margin: 0;
    padding: 0;
    color: #9F0402;
    text-align: center;
}

.ulMobileAddressContainer {
    font-size: 12px;
    list-style: none outside none;
}

    .ulMobileAddressContainer li {
        text-align: left;
        display: block;
    }


.divimages {
    margin: 0 auto;
    padding-left: 8px;
    width: 222px;
}

.liPhone {
    background: url(../Images/Mobile/phone.png) no-repeat left;
    padding-right: 2px;
    padding-left: 20px;
    display: inline-block;
    line-height: 2em;
}

.liEmailDisplay {
    background: url(../Images/Mobile/email.png) no-repeat left;
    padding-right: 2px;
    padding-left: 20px;
    display: inline-block;
}

#MenuPageBusinessHours .tdDisplayBusinessHours {
    padding-top: 16px;
}

#MenuPageBusinessHours {
    width: 100%;
}

#tblOnlineOrderMessage {
    margin-left: 0px;
}

.ui-content {
    /* overflow-y:hidden;*/
}

.mobile-nav ul {
    padding-bottom: 0em !important;
}

body.ui-mobile-viewport, div.ui-mobile-viewport, .ui-mobile-viewport-transitioning, .ui-mobile-viewport-transitioning .ui-page, .ui-content {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;*/
    overflow: visible !important;
}

.ui-overlay-a {
    background: #222 !important;
}

.divbuttonbusinesshrs {
    padding-bottom: 5px;
}

#divMobileHeader, #divMobileFooter {
    display: none;
}

#divHomePageContainer #divMobileHeader, #divHomePageContainer #divMobileFooter, .directionsaspx #divMobileHeader, .directionsaspx #divMobileFooter {
    display: block;
}

.ui-header .ui-title, .ui-footer .ui-title {
    margin-left: 0;
    margin-right: 0; /* text-overflow:visible;  */ /* -Uncomment - to disable Ellipsis completely use with Caution- !*/
}

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

#DirectionTitle {
    font-weight: bold;
    font-size: 12px;
}

#divMobileAddress {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: middle;
    text-shadow: none !important;
    color: #000 !important;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
    word-wrap: break-word;
}

#divCollpExpdContact {
    margin-left: 5px;
    margin-right: 5px;
}

#divMobileContactDetailsPopup #divMobileAddress {
    color: #000000 !important;
    font-weight: bold;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: left;
    text-shadow: none !important;
    vertical-align: middle;
    width: 200px;
    word-wrap: break-word;
}

#tblDisplayBusinessHours td {
    padding-bottom: 10px;
}
/*  Start of Item Details Page  */


.itemdetailsaspx .ui-grid-a .ui-block-a, .itemdetailsaspx .ui-grid-a .ui-block-b {
}

.itemdetailsaspx .ui-bar-a {
    background: none !important;
    border: none !important;
}

.itemdetailsaspx .ui-navbar {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    /*background: #F3D1AB !important;*/
}

#plhCategoryContainer, #plhItemImageContainer {
    float: left;
    margin-top: 2px;
    display: none;
}

.tdMenuCategoryTitle {
    display: none;
}

#menuBreadcrum {
    background: #373737;
    border: none;
    margin-bottom: 5px;
    text-align: left;
    margin: 0 auto;
    /*display:none;*/
}

    #menuBreadcrum span {
        padding-top: 5px;
        padding-left: 2px;
        display: block;
        color: #fff;
        padding-bottom: 5px;
        line-height: 2;
        font-weight: bold;
    }

.bredcrumText {
    text-decoration: none;
    border: 1px solid #E9E9E9;
    color: white !important;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 8px 4px 8px;
    background: url("../Images/BreadCrumbBG.jpg") repeat-x;
    height: 24px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px 5px;
}

#divItemDetailPage {
    margin: 0 auto !important;
    padding: 0px !important;
}

#divItemImageAndItemDescContainer {
    float: left;
    width: 100%;
    text-shadow: none;
    padding-bottom: 45px;
}

.divItemAndDescContainer {
    border-radius: 3px;
    float: left;
    width: 100%;
    /*border-radius: 3px;
    float: left;
    margin-bottom: 2px;
    margin-right: 6px;
    width:100% !important;
    margin-left:0px !important;
    padding-left:0px !important; */
    /*margin-top:18px; */ /* change when bredcum background color changes */
}


.imgThumb {
    clear: both !important;
    float: left !important;
    margin-right: 10px !important;
}

.divmobilecarticon {
    width: 24px;
    height: 23px;
    background: url(../Images/Mobile/HomePage/Cart_02.png) no-repeat;
    margin-left: 10px;
    margin-top: 5px;
}

.itemdetailsaspx #divOrderCart {
    display: none;
}

#tblItemDetails {
    width: 98% !important;
}

    #tblItemDetails table {
        clear: both;
    }

.txtItemTotal {
    text-align: left;
}

.PnlItemOptionContainer {
    width: 100%;
    padding-right: 5px;
}

.itemdetailsaspx .ui-radio {
    width: 100% !important;
}

.ui-radio {
    /*border-radius:10px !important;    */
}

.itemOuterContainer {
    background: #none !important;
    border: medium none !important;
    float: left !important;
    min-height: 0 !important;
    width: 98% !important;
}

.itemdetailsaspx .divCatNameDescription {
    padding: 0px 10px;
}

.itemdetailsaspx .btnAddToCart {
    background: url(../Images/mobile/AddToCart.gif) no-repeat !important;
    border: none !important;
    height: 26px;
    width: 100px;
    cursor: pointer !important;
    margin-right: 10px !important;
}

.itemdetailsaspx .btnItemCancel {
    background: url('../images/mobile/cancel.gif' ) no-repeat !important;
    height: 26px;
    width: 100px;
    border: none !important;
    cursor: pointer !important;
    margin-right: 10px !important;
    margin-top: 5px !important;
}

.lblItemComment {
    color: Black;
    font-family: Verdana;
}


#itemDetailsPanelControlContainer {
    padding-top: 2px !important;
}

.itemdetailsaspx #itemSocialMarketingContainer {
    display: none !important;
}

.gallery-page .ui-bar-a, .itemdetailsaspx .ui-bar-a {
    background: none !important;
    border: none !important;
}

.ordercheckoutaspx .ui-grid-a .ui-block-a, .ordercheckoutaspx .ui-grid-a .ui-block-b {
    width: 50%;
}
/*
.itemdetailsaspx #divmenuoptions
{
    position: absolute;
    top: 30%;
    left: 70%;
    margin-top: -1.2em;
    text-align:center !important;
    
}*/
/*.itemdetailsaspx #divmenuoptions
{
    background:#747678 !important; 
}*/
.itemdetailsaspx .ui-btn-hover-a {
    border: 1px solid #bbbbbb;
    background: #dabd53;
    font-weight: bold;
    color: #000000;
    text-shadow: 0 0px 0 #ffffff;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #e5a84f ),to( #fdc87b ));
    background-image: -webkit-linear-gradient( #e5a84f, #fdc87b );
    background-image: -moz-linear-gradient( #e5a84f, #fdc87b );
    background-image: -ms-linear-gradient( #e5a84f, #fdc87b );
    background-image: -o-linear-gradient( #e5a84f, #fdc87b );
    background-image: linear-gradient( #e5a84f, #fdc87b );
}

.itemdetailsaspx .ui-navbar {
    /*background:#747678 !important; */
}

#divItemDetailsHeader .ui-block-c a, #divCateringNavBar .ui-block-c a, #divTableBookingNavBar .ui-block-c a {
    padding-left: 30px !important;
}

#divItemDetailsHeader ul {
    margin-top: 0px !important;
}

/******************************* (END) of Item Details Page **************************/




.ui-btn:active {
    background: none !important;
    background-color: #67a4d5 !important;
}

/**************************** (START) Right Panel Tab Menu Css ************************/

#firstpanel .mobile-nav div:active,
#firstpanel .mobile-nav div.selected {
    background-color: #E78700;
}

/**** for setting scrollable date and time css*****/
.ios .dwwol {
    margin-top: -15px !important;
}

.menu-left-hover {
    background-image: url(../Images/Mobile/HomePage/LeftNaviHover.jpg) !important;
}

.menu-mid-hover {
    background-image: url(../Images/Mobile/HomePage/MiddleNaviHover.jpg) !important;
    color: White !important;
}

.menu-right-hover {
    background-image: url(../Images/Mobile/HomePage/RightNaviHover.jpg) !important;
}
/************************  (END) Right Panel Tab Menu Css ************************/





/***********************  (START) of Menu Page Css  ***********************/

.MainMenuCategory {
    /* background-image: url("../Images/Mobile/HomePage/Icon/Desserts.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 42px 39px;    
    padding-bottom: 10px;
    padding-left: 42px;
    padding-top: 10px;
   
    background-image: url("../Images/Mobile/HomePage/Icon/Desserts.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-left: 50px;    
    background-size:42px 39px;*/
}

.MainMenuClass {
    padding: 0px 0px 0px 0px;
}

#Appetizers {
    background-image: url("../Images/Mobile/HomePage/Icon/Appetizers.png");
}

#Desserts {
    background-image: url("../Images/Mobile/HomePage/Icon/Desserts.png");
}

#SideOrders {
    background-image: url("../Images/Mobile/HomePage/Icon/Sides-Orders.png");
}

#Salads {
    background-image: url("../Images/Mobile/HomePage/Icon/Salads.png");
}

#divMenuSearchNavBar .ui-grid-solo > .ui-block-a {
    width: 98.5%;
    padding-left: 0.5%;
}

#divsearchpage #divmenuoptions {
    padding-bottom: 1px;
    background-image: none;
}

.MainCategoryHeading {
    font-family: Helvetica !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
/***********************  (END) of Menu Page Css  ***********************/



/* ----------------- Start of New Home Page ----------------- */

.ui-mobile .ui-page {
    overflow: hidden;
}
/* for hiding scrollbar */

.tblHeaderNav .ui-link {
    color: #fff !important;
    font-size: 14px;
}

.defaultaspx .ui-content {
    background: none !important;
    border: none !important;
}

#spn-left-menu {
    background-image: url(../Images/Mobile/HomePage/TouchBarLeft.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 50px;
    margin-left: 5px;
    width: 48px;
    cursor: pointer;
    background-position: 0px 18px;
}

#spn-right-menu {
    background-image: url(../Images/Mobile/HomePage/TouchBarRight.png);
    /*background-position: -36px 0px;*/
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 50px;
    padding-right: 5px;
    width: 48px;
    cursor: pointer;
    background-position: 0px 10px;
}

.itemdetailsaspx .ui-panel-wrapper {
    /* margin-top:65px;*/
}

#divMore .mobile-nav {
    padding-left: 2%;
    padding-right: 1%;
}

.mobile-nav div {
    background-repeat: no-repeat;
    height: 30px;
    padding-right: 10px;
    text-align: left;
    padding-top: 15px;
}


#firstpanel .ui-link {
    color: #222222;
    text-shadow: none;
    font-family: Arial;
    font-size: 15px;
}

#ImgMenu {
}

.mobile-nav #Home, .mobile-nav #home {
    background-image: url("../Images/Mobile/HomePage/Menu/home.png");
}

.mobile-nav #OrderOnline, .mobile-nav #Menu,
.mobile-nav #MENU, .mobile-nav #ORDERONLINE,
.mobile-nav #orderonline, .mobile-nav #menu {
    background-image: url("../Images/Mobile/HomePage/Menu/OrderOnline.png");
}

.mobile-nav #Catering, .mobile-nav #CATERING, .mobile-nav #catering {
    background-image: url("../Images/Mobile/HomePage/Menu/Catering-Inquiry.png");
}

.mobile-nav #Tablebooking, .mobile-nav #TableBooking,
.mobile-nav #TABLEBOOKING, .mobile-nav #tablebooking {
    background-image: url("../Images/Mobile/HomePage/Menu/TableReservation.png");
}

.mobile-nav #Gallery, .mobile-nav #PhotoGallery,
.mobile-nav #GALLERY, .mobile-nav #gallery, .mobile-nav #photogallery {
    background-image: url("../Images/Mobile/HomePage/Menu/Gallery.png");
}

.mobile-nav #Events, #divMore #nav-news-events,
.mobile-nav #NewsEvents, .mobile-nav #NEWS,
.mobile-nav #newsevents, .mobile-nav #events, .mobile-nav #news {
    background-image: url("../Images/Mobile/HomePage/Menu/News-&-Events.png");
}

.mobile-nav #Testimonials, .mobile-nav #TESTIMONIALS,
.mobile-nav #testimonials {
    background-image: url("../Images/Mobile/HomePage/Menu/Testimonials.png");
}

.mobile-nav #ContactUs, .mobile-nav #CONTACTUS,
.mobile-nav #contactus {
    background-image: url("../Images/Mobile/HomePage/Menu/Contact-us.png");
}

.mobile-nav #aboutus, .mobile-nav #AboutUs {
    background-image: url("../Images/Mobile/HomePage/Menu/AboutUs.png");
}

.mobile-nav #Directions, .mobile-nav #DIRECTIONS,
.mobile-nav #directions {
    background-image: url("../Images/Mobile/HomePage/Menu/Directions.png");
}

#divMore #nav-aboutus, #divAboutIcon {
    background-image: url("../Images/Mobile/HomePage/AboutUs.png");
}

.mobile-nav #aboutus {
    background-image: url("../Images/Mobile/HomePage/Menu/AboutUs_01.png");
}

.mobile-nav div a {
    text-decoration: none;
}

.mobile-nav .ui-link .spanImg {
    background-repeat: no-repeat;
    width: 35px;
    height: 27px;
    float: left;
    margin-left: 10px;
}

#navTabLogin {
    /*background-image : url(../Images/Mobile/login.jpg);    */
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 40px;
}

#navTabBusiness {
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    /*width:35px;*/
}

#navTabContact {
    background-repeat: no-repeat;
    display: block;
    height: 40px;
}

.ui-navbar li .ui-btn {
    /*background-image : url(Mobile/login.png);    
    background-repeat: no-repeat;
    display: block;  --%> */
    /*border-top-left-radius:10px !important;
    border-top-right-radius:10px !important;
    margin-right:2px;*/
}

.ui-panel-inner {
    padding: 0px;
}

.ui-panel {
    width: 270px;
    /*padding:0px;*/
}

#divBusinessHoursLogo {
    background-image: url(../Images/Mobile/HomePage/business-hours.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 64px;
}

#divContactUsLogo {
    background-image: url(../Images/Mobile/HomePage/contactdetails.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 70px;
}

.lblContactUsTitle {
    font-size: 1.5em;
    margin-top: 5px;
    text-shadow: none;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.siteMapTitle {
    float: left;
    margin-left: 5px;
    padding-top: 5px;
}

.hrLine {
    vertical-align: bottom;
    margin-left: 5px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
    margin-top: 32px;
    width: 90%;
}

#loginButon {
}

#registerButton {
}

#divButtonContainer {
    background-image: url("../Images/Mobile/HomePage/bg.jpg");
    /*margin:0px 12px 0px 10px;*/
    /*width:190px;*/
}

#divMobilePictureGalleryContainer {
    margin: 0px;
    padding: 0px;
}

.defaultaspx .ui-content {
    padding: 0px;
    background-image: url("../Images/Mobile/HomePage/BgPattern.jpg") !important;
}

#tblMainButtonGroup, #tblButtonSubGroup {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

    #tblMainButtonGroup td1, #tblButtonSubGroup td1 {
        width: 15px;
        background-image: url(../Images/Mobile/HomePage/IconBGMiddle.jpg);
        background-repeat: repeat;
        height: 90px;
    }

/*#firstpanel .siteMapTitle:active
{
    color:#E78700;    
}*/
#divMobileContactDetailsPopup .liEmailDisplay, #divContactDetails .liEmailDisplay {
    width: 80%;
    word-wrap: break-word;
    padding-left: 20px;
    background-position: 0px 5px;
}

.PopupClose {
    background-color: #341102 !important;
}

#divFax {
    background: url("../Images/Mobile/fax.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline-block;
    padding-left: 20px;
    padding-right: 2px;
}

#divPhoneFax {
    /*padding:10px 0px 10px 20px;    
    text-align:center;*/
}

#divMobileAddress a {
    color: #000 !important;
    text-decoration: none;
}

#divMobileContactDetail {
    padding: 5px 5px 0px;
}

#firstpanel, #secondpanel, #firstpanel .ui-panel-inner, #secondpanel .ui-panel-inner,
#tabs, #divLoginDetails, #divButtonContainer, .divInner, #divBusinessHours, #divContactDetails {
    height: 100% !important;
}

#divHomePageLoginContainer {
    width: 100%;
    height: 275px;
    display: none;
    background-color: #fff;
    overflow: scroll;
}

/**********  Home Page Picture Gallery   *****************/
.device {
    height: 140px;
    border: 3px solid white;
    position: relative;
    box-shadow: 0px 0px 5px #000;
}
/*
.device .arrow-left
{
   background:url(../Images/Mobile/arrowLeft.png) no-repeat left top;
   position:absolute;
   left:10px;
   top:50%;
   margin-top:-15px;
   width:25px;
   height:30px;
   z-index:1000;
}
.device .arrow-right
 {
   background:url(../Images/Mobile/arrowRight.png) no-repeat left bottom;
   position:absolute;
   right:10px;
   top:50%;
   margin-top:-15px;
   width:25px;
   height:30px;
   z-index:1000;
 }*/
.content-slide {
    padding: 20px;
    color: #fff;
}

.title {
    font-size: 17px;
    margin-bottom: 10px;
}

.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
    z-index: 100;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}

.swiper-container {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
}
/****** Home Page Footer ********/
#divSocialMedia {
    /*width: 120px;*/
    /*dth:100%;*/
    /*margin:0 auto;*/
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    /* padding-bottom:10px;*/
}

    #divSocialMedia div {
        /*float:left;    
    margin-top:10px;*/
    }

#divFacebookContainer, #divTwitterContainer, #divYelpContainer, #divGooglePlusContainer, #divYouTubeContainer {
    /*float: left;*/
    height: 34px;
    width: 34px;
    padding-right: 10px;
    padding-top: 5px;
}
/*.divFacebook:hover
{
    width: 32px;
    height: 32px;
    
}*/

.divFacebook {
    width: 34px;
    height: 34px;
    background: url(../Images/Mobile/HomePage/SocialMediaIcon.png) no-repeat;
}

.divTwitter {
    width: 34px;
    height: 34px;
    background: url(../Images/Mobile/HomePage/SocialMediaIcon.png) no-repeat;
    background-position: -34px;
}

.divGooglePlus {
    width: 34px;
    height: 34px;
    background: url(../Images/Mobile/HomePage/SocialMediaIcon.png) no-repeat;
    background-position: -68px;
}

.divYouTube {
    width: 34px;
    height: 34px;
    background: url(../Images/Mobile/HomePage/SocialMediaIcon.png) no-repeat;
    background-position: -101px;
}

.divYelp {
    width: 32px;
    height: 32px;
    background: url(../Images/Mobile/SocialMediaIcons.png) no-repeat;
    background-position: -2px -74px;
}

#firstpanel {
    background-image: url("../Images/Mobile/HomePage/BG.jpg");
    margin-top: 65px;
}


#tblMainButtonGroup a {
    text-decoration: none !important;
    color: #351001;
}

#divMobileBusinessHours .ui-btn .ui-bar-a .ui-btn {
    background-color: #EA7D06 !important;
}

.pictureheader {
    padding-bottom: 18px !important;
    /*background-color:#E78700;*/
    text-shadow: none;
}
/******* End of Home Page Footer ********/
/**********  End Page Picture Gallery   *****************/

/**** Start New Home Page Css ****/
.menu-left {
    background-image: url(../Images/Mobile/HomePage/LeftNavi.jpg);
    background-repeat: repeat-y;
    display: block;
    float: left;
    height: 40px;
    margin-top: 0px;
    width: 9px;
}

#navigationTab .ui-btn {
    padding: 0px;
    border: none;
}

.menu-mid {
    background-image: url(../Images/Mobile/HomePage/MiddleNavi.jpg);
    background-repeat: repeat-x repeat-y;
    color: #222222;
    text-shadow: none;
    display: block;
    float: left;
    height: 40px;
    margin-top: 0px;
    padding-top: 5px;
}

.menu-right {
    background-image: url(../Images/Mobile/HomePage/RightNavi.jpg);
    background-repeat: repeat-y;
    display: block;
    float: left;
    height: 40px;
    margin-top: 0px;
    width: 9px;
}

#navigationTab .ui-grid-b > .ui-block-a, .ui-grid-b > .ui-block-b, .ui-grid-b > .ui-block-c, .ui-grid-b {
    /* width:auto;
       margin-left:0px;    */
}

#navigationTab {
    width: 100%;
}

    #navigationTab span {
        font-size: 12px;
        font-family: Arial !important;
    }

#divBusinessHours, #divContactDetails {
    /*padding-top:20px;*/
    background-image: url(../Images/Mobile/HomePage/bg.jpg);
    /*margin:0px 12px 0px 10px;*/
    height: 1200px;
    /*width:190px;*/
}

#secondpanel #tabs {
    padding: 0px;
}

#secondpanel {
    background-color: #AEAEAE;
}

#navigationTab ul {
    margin: 5px 0px 0 !important;
}

.imgLogicons {
    vertical-align: middle;
    margin-top: 10px;
    padding: 0px 10px 0px 10px;
}

#divButtonContainer span {
    margin-top: 10px;
}

#tblMainButtonGroup td {
    width: 33.33%;
}

#divButtonContainer td, #divButtonContainer td {
    width: 80px;
}

.divHr {
    width: 85%;
    height: 1px;
    border-top: 1px solid #EF8B1E;
    border-bottom: 1px solid #FAE9BE;
    margin: 0 auto;
    margin-bottom: 2px;
}

#divButtonContainer #loginBtn, #divButtonContainer #regBtn {
    height: 75px;
}

#divMobileBusinessHours .ui-btn {
    /*  padding:5px;          */
    color: #361101;
    font-size: 16px;
    text-shadow: none;
    margin: 5px 5px 0px 5px;
    box-shadow: none;
    /*background-color:#EE7A09;  
        background-image: -webkit-gradient(linear,left top,left bottom,from( #F47612),to( #E68301));
        background-image: -webkit-linear-gradient( #F47612,#E68301  );
        background-image: -moz-linear-gradient( #F47612, #E68301  );
        background-image: -ms-linear-gradient( #F47612, #E68301  );
        background-image: -o-linear-gradient( #F47612, #E68301  );
        background-image: linear-gradient(#F47612, #E68301  );*/
}

#divMobileContactDetail #btnShowContactDetails {
    background: #E9E9E9;
    color: #361101;
    font-size: 18px;
    border: 1px solid #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #E9E9E9),to( #FCFCFC));
    background-image: -webkit-linear-gradient( #E9E9E9,#FCFCFC );
    background-image: -moz-linear-gradient( #E9E9E9, #FCFCFC );
    background-image: -ms-linear-gradient( #E9E9E9, #FCFCFC );
    background-image: -o-linear-gradient( #E9E9E9, #FCFCFC );
    background-image: linear-gradient(#E9E9E9, #FCFCFC );
}

#divMobileContactDetail .ui-btn {
    padding: 5px;
    background: url("../Images/Mobile/HomePage/Touchnav.png") 98% 5px no-repeat;
    background: url("../Images/Mobile/HomePage/Touchnav.png") 98% 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F2F2F2)) 300px 50px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F2F2F2)) 0 0 no-repeat;
    background: url("../Images/Mobile/HomePage/Touchnav.png") 98% 5px no-repeat, -moz-linear-gradient(#FEFEFE, #F2F2F2) 300px 50px no-repeat, -moz-linear-gradient(#FEFEFE, #F2F2F2) 0 0 no-repeat;
    /*background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#F2F2F2)); */
}

/*  #navigationTab li a:focus .menu-left, 
    #navigationTab li.active a .menu-left
    {
         background-image : url(../Images/Mobile/HomePage/LeftNaviHover.jpg);    
         background-repeat:repeat-y;          
    }
    
    #navigationTab li a:focus .menu-mid, 
    #navigationTab li.active a .menu-mid    
    {
        background-image : url(../Images/Mobile/HomePage/MiddleNaviHover.jpg);        
        background-repeat:repeat-x repeat-y;
        color:#fff;
    }
    
    #navigationTab li a:focus .menu-right, 
    #navigationTab li.active a .menu-right    
    {
        background-image : url(../Images/Mobile/HomePage/RightNaviHover.jpg);    
        background-repeat:repeat-y;  
    }*/

.tblHeaderNav td {
    background: #BDBDBD;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0px 0px #444444;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #969696),to( #BDBDBD));
    background-image: -webkit-linear-gradient( #969696, #BDBDBD );
    background-image: -moz-linear-gradient( #969696,#BDBDBD );
    background-image: -ms-linear-gradient( #969696, #BDBDBD );
    background-image: -o-linear-gradient( #969696,#BDBDBD );
    background-image: linear-gradient(#969696, #BDBDBD );
}

#divLoginDetails {
    padding: 0px;
    background-color: #E78700 !important;
}

#divMobileButtonGroup {
    padding-bottom: 5px;
}

#socialMediaMsg {
    margin-top: 5px;
}

.divInner {
    background-image: url("../Images/Mobile/HomePage/shadow2.png");
    background-repeat: repeat-y;
    background-position: -10px;
    padding: 30px 0px 0px 7px;
}

#divMobileContactDetailsPopup .divInner {
    padding-bottom: 10px;
    padding-top: 10px;
}

#firstpanel .ui-panel-inner {
    background-image: url("../Images/Mobile/HomePage/shadow.png");
    background-repeat: repeat-y;
    background-position: right;
}
/**** Start new home page icons ****/
.divShadowImg {
    width: 58px;
    height: 16px;
    background-image: url("../Images/Mobile/HomePage/shadow_02.png");
    margin: 0 auto;
}

.loginBtn, .regBtn {
    background-image: url("../Images/Mobile/HomePage/IconBg.png");
    background-repeat: repeat-x repeat-y;
    width: 100%;
    background-size: 100% 100%;
    float: left;
    height: 90px;
    text-align: center;
    text-shadow: none;
    Color: #222222;
    /*padding-top:17px;    */
}

    .loginBtn div, .regBtn div {
        height: 37px;
        width: 50px;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 7px;
        background-repeat: no-repeat;
    }

#divOrderIcon, #divordericon {
    background-image: url("../Images/Mobile/HomePage/Order.png");
}

#divCateringIcon, #divcateringicon {
    background-image: url("../Images/Mobile/HomePage/Catering.png");
}

#divReservationIcon, #divreservationicon {
    background-image: url("../Images/Mobile/HomePage/Reservation.png");
}

#divNewsIcon, #divnewsicon {
    background-image: url("../Images/Mobile/HomePage/news.png");
}

#divGalleryIcon, #divgalleryicon {
    background-image: url("../Images/Mobile/HomePage/Gallery.png");
}

#divMoreIcon, #divmoreicon {
    background-image: url("../Images/Mobile/HomePage/More.png");
}

#divLoginIcon, #divloginicon {
    height: 36px;
    width: 41px;
    background-image: url("../Images/Mobile/HomePage/Login.png");
    background-repeat: no-repeat;
}

#divRegIcon, #divregicon {
    height: 34px;
    width: 42px;
    background-image: url("../Images/Mobile/HomePage/Register.png");
}

#divMobileBusinessHoursDetails-popup .divInner {
    padding: 10px 20px 40px !important;
}

#divMobileBusinessHoursDetails, #divMobileContactDetailsPopup {
    background-image: url("../Images/Mobile/HomePage/bg.jpg");
}

#divLoginDetails #divButtonContainer a {
    text-decoration: none !important;
}

#divMoreMenu a {
    text-decoration: none;
}
/**** End new home page icons ****/

/**** End New Home Page Css ****/

/**** Start New Menu Page Css ****/

#divMobileMenuContainer .ui-panel-wrapper {
    background-image: url("../Images/Mobile/HomePage/bgPattern.jpg");
}

/*#divMenuNavBar li,#divCateringHeader li,#divTableBookingHeader li,#divNewsHeader li,
    #divTestimonialsHeader li,#divContactUsHeader li,#divPictureGalleryHeader li,
    #divDirectionsHeader li,#divItemDetailsHeader li,.divClassMenuNavBar .ui-grid-b li,
    #divSearchNavBar li,#divLoginNavBar li,#divEventsNavBar li,
    .divMobileNavBar ul li*/
.ui-navbar-common ul li, #divMenuNavBar ul li {
    width: 32.50% !important;
}

.ui-navbar-common ul {
    margin-left: 2%;
}

.ui-header {
    border: 0px;
}

#divMenuNavBar ul {
    padding-left: 1%;
}
/*#divMenuNavBar .ui-block-a a,#divItemDetailsHeader .ui-block-a a,#divCateringHeader .ui-block-a a,
    #divTableBookingHeader .ui-block-a a,#divNewsHeader .ui-block-a a,#divTestimonialsHeader .ui-block-a a,
    #divContactUsHeader .ui-block-a a,#divPictureGalleryHeader .ui-block-a a,#divDirectionsHeader .ui-block-a a,
    .divClassMenuNavBar .ui-block-a a,#divSearchNavBar .ui-block-a a,#divLoginNavBar .ui-block-a a,#backTab
    #divEventsNavBar .ui-block-a a,#divEventsNavBar .ui-block-a a,
    .divMobileNavBar .ui-block-a a,#backTab*/
.ui-navbar-common .ui-block-a a, #backTab, #divMenuNavBar .ui-block-a a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 20px;
}
/*#divMenuNavBar a,#divItemDetailsHeader a,#divCateringHeader a,#divTableBookingHeader a,
    #divNewsNavBar a,#divTestimonialsNavBar a,#divContactUsNavBar a,#divPictureGalleryNavBar a,
    #divDirectionsNavBar a,.divClassMenuNavBar a,#divSearchNavBar a,#divLoginNavBar a,#backTab,
    #divEventsNavBar a,#divDirectionsMapNavBar a*/
.ui-navbar-common a, #divMenuNavBar a {
    border: 1px solid #DDDDDD !important;
    /*    color:#351101;
    
    background: #F0EDDE;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #FFFFFD ),to( #FCF7D9 ));
    background-image: -webkit-linear-gradient( #FFFFFD,#FCF7D9 );
    background-image: -moz-linear-gradient( #FFFFFD,#FCF7D9 );
    background-image: -ms-linear-gradient( #FFFFFD,#FCF7D9 );
    background-image: -o-linear-gradient( #FFFFFD,#FCF7D9 );
    background-image: linear-gradient( #FFFFFD,#FCF7D9 );*/
}

#divMenuNavBar .ui-block-b a {
    padding: 0px;
    padding-bottom: 9px;
}

#divMenuNavBar .ui-block-a a {
    padding: 0px;
    padding-bottom: 7px;
}
/*#divMenuNavBar .ui-block-c a,#divItemDetailsHeader .ui-block-c a,#divCateringHeader .ui-block-c a,
    #divTableBookingHeader .ui-block-c a,#divNewsHeader .ui-block-c a,#divTestimonialsHeader .ui-block-c a,
    #divContactUsHeader .ui-block-c a,#divPictureGalleryHeader .ui-block-c a,#divDirectionsHeader .ui-block-c a,
    .divClassMenuNavBar .ui-block-c a,#divSearchNavBar .ui-block-c a,#divLoginNavBar .ui-block-c a,
    #divEventsNavBar .ui-block-c a,
    .divMobileNavBar .ui-block-c a*/
.ui-navbar-common .ui-block-c a, #divMenuNavBar .ui-block-c a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#divBackImg {
    width: auto;
    height: 21px;
    background: url(../Images/Mobile/HomePage/BackArrow.png) no-repeat !important;
    margin-left: 10px;
    margin-top: 7px;
}

#newCartImg {
    width: auto;
    height: 23px;
    background: url(../Images/Mobile/HomePage/Cart_02.png) no-repeat !important;
    margin-left: 10px;
    margin-top: 5px;
}

#divSearchImg {
    width: auto;
    height: 16px;
    background: url(../Images/Mobile/HomePage/Searching.png) no-repeat !important;
    margin-left: 10px;
    margin-top: 10px;
}

#divMenuNavBar .ui-block-c a {
    padding: 0px;
    padding-bottom: 7px;
}

.ui-btn-icon-top {
    padding-top: 10px;
}

#divMenuNavBar .ui-btn-icon-top:after {
    left: 20px;
}

/*#divMenuNavBar .ui-grid-b,#divCateringNavBar .ui-grid-b,#divTableBookingNavBar .ui-grid-b,
    #divNewsNavBar .ui-grid-b,#divTestimonialsNavBar .ui-grid-b,#divContactUsNavBar .ui-grid-b,
    #divPictureGalleryNavBar .ui-grid-b,#divDirectionsNavBar .ui-grid-b,#divSearchNavBar .ui-grid-b,
    #divLoginNavBar .ui-grid-b,#divEventsNavBar .ui-grid-b*/
.ui-navbar-common .ui-grid-b {
    /*margin-top:0px;            */
}

/*
    #divMenuNavBar,#divItemDetailsNavbar,#divCateringHeader,#divCateringHeader #mobilepageheading,
    #divTableBookingHeader,#divTableBookingHeader #mobilepageheading,#divTableBookingNavBar,#divNewsHeader #mobilepageheading,
    #divNewsNavBar,#divTestimonialsNavBar,#divTestimonialsHeader #mobilepageheading,
    #divContactUsHeader #mobilepageheading,#divContactUsNavBar,#divPictureGalleryHeader #mobilepageheading,
    #divPictureGalleryNavBar,#divDirectionsNavBar,#divDirectionsHeader #mobilepageheading,.divClassMenuNavBar,
    #divSearchNavBar,#divLoginNavBar,#divLoginHeader #mobilepageheading,#Pictures .pictureheader,
    #divEventsHeader,#divEventsNavBar,#divEventsHeader #mobilepageheading, #mobilepageheading,
    .divMobileNavBar,.divMobileHeader h1,#divDirectionsMapNavBar,#mobilepageheading    
*/
/*#divCateringHeader,#divCateringHeader #mobilepageheading,
    #divTableBookingHeader,#divTableBookingHeader #mobilepageheading,#divNewsHeader #mobilepageheading,
    #divTestimonialsHeader #mobilepageheading,
    #divContactUsHeader #mobilepageheading,#divPictureGalleryHeader #mobilepageheading,
    #divDirectionsHeader #mobilepageheading,
    #divLoginHeader #mobilepageheading,
    #divEventsHeader,#divEventsHeader #mobilepageheading, #mobilepageheading,
    .divMobileHeader h1,#mobilepageheading,.divClassHeader
    .ui-header, #mobilepageheading*/
.ui-header #mobilepageheading {
    padding-top: 2px !important;
    border: 0px !important;
    /*background: #F0EDDE;
        background-image: -webkit-gradient(linear,left top,left bottom,from( #FFAE4A ),to( #FF950E ));
        background-image: -webkit-linear-gradient( #FFAE4A,#FF950E );
        background-image: -moz-linear-gradient( #FFAE4A,#FF950E );
        background-image: -ms-linear-gradient( #FFAE4A,#FF950E );
        background-image: -o-linear-gradient( #FFAE4A,#FF950E );
        background-image: linear-gradient( #FFAE4A,#FF950E );   */
    background-color: #F9F9F9;
    text-shadow: none;
}

.divMenuClassHeader, #divPictureGalleryHeader, #divPicturesHeader, #divDirectionsHeader {
    border: 0px;
}

#divHomePageHeader {
    border: 0px;
}
/*
    #divCateringNavBar,
    #divMenuNavBar,#divItemDetailsNavbar,
    #divTableBookingNavBar,
    #divNewsNavBar,#divTestimonialsNavBar,
    #divContactUsNavBar,#divPictureGalleryNavBar,#divDirectionsNavBar,
    .divClassMenuNavBar,
    #divSearchNavBar,#divLoginNavBar,
    #divEventsNavBar,.divMobileNavBar,#divDirectionsMapNavBar,#divPicturesHeader h1*/
.ui-navbar-common {
    /*padding-top:2px;*/
    /*height:45px;*/
    background-color: #F9F9F9;
    /*background-color:#FF950E;*/
}

.divMobileNavBar, .divMobileHeader h1 {
    padding: 0px;
    height: auto;
}

#mobilepageheading {
    height: auto !important;
    border: none;
}

#menuItems ul {
    margin-top: 0 !important;
}

#menuItems {
    background-image: url(../Images/Mobile/HomePage/bgPattern.jpg);
    padding: 15px 5px 15px 5px;
}

/**** End New Menu Page Css ****/


/*#TableBooking .ui-panel-wrapper,#CateringInquiry .ui-panel-wrapper,#events .ui-panel-wrapper,
    #testimonial .ui-panel-wrapper,#contactus .ui-panel-wrapper,#divPictureGallerypageContainer .ui-panel-wrapper,
    #login */

.labelName {
    float: left;
    font-size: 14px !important;
    margin-bottom: 0px !important;
}

.ui-panel-wrapper {
    /*background-color:#FD940E !important;   */
    text-shadow: none !important;
    color: #351101;
}

#divNewsNavBar .ui-block-c a {
    padding-left: 25px;
}

#divOrderOnlineNavBar .ui-grid-solo {
    margin: 0px !important;
}

#divmenuoptions-popup .ui-grid-solo, #divMenuOptions-popup .ui-grid-solo {
    margin: 0px !important;
    margin-bottom: 10px !important;
}

#divmenuoptions, .divMenuOptionsPopUp {
    width: 91%;
    margin: 0 auto;
    padding: 10px 10px 0px 10px;
}

/*#divTestimonialsNavBar .ui-block-c a,#divContactUsNavBar .ui-block-c a,#divPictureGalleryNavBar .ui-block-c a,
    #divDirectionsNavBar .ui-block-c a*/
.ui-navbar-common a {
    padding-left: 25px !important;
}

#divSearchNavBar .ui-block-c a, #divLoginNavBar .ui-block-c a, #divEventsNavBar .ui-block-c a,
#divDirectionsMapNavBar .ui-block-c a {
    padding-left: 30px;
}

#divmenuoptions-popup, #divMenuOptions-popup {
    left: 10px !important;
    width: 100%;
}

#backTab {
    padding-left: 30px !important;
}

.itemsizes {
    background-color: #EDEDED;
}
/**** Start For Mobile More Menu ****/
#divMore #divMoreBackBtn {
    margin-left: 5px;
    margin-right: 5px;
}

#divMore {
    margin: 0 auto;
    background-image: url(../Images/Mobile/HomePage/bgPattern.jpg);
    background-repeat: repeat;
}

    #divMore .ui-block-a, #divMore .ui-block-b, #divMore .ui-block-c {
        width: 32%;
        height: 90px;
        background-image: url("../Images/Mobile/HomePage/IconBg.png");
        background-size: 100% 100%;
        margin-bottom: 5px;
    }

    #divMore .ui-block-b, #divMore .ui-block-c {
        margin-left: 5px;
    }

    #divMore .mobile-nav div div {
        /*background-image: url("../Images/Mobile/home.bmp");*/
        background-repeat: no-repeat;
        /*border-bottom: 1px solid #000000;*/
        /*height: 37px;*/
        width: 50px;
        /*padding-left: 10px;*/
        /*background-position:5px 5px;    
        background-image: url("../Images/Mobile/HomePage/shadow.png");    
        background-position: 168px top;
        background-repeat: repeat-y;*/
    }

    #divMore .mobile-nav div {
        padding-right: 0px;
    }

    #divMore table {
        border-collapse: collapse;
    }

.spn {
    height: 20px;
    width: 20px;
    background-color: Yellow;
    border: 1px solid black;
}

#divMore #nav-home {
    background-image: url("../Images/Mobile/HomePage/Home.png");
}

#divMore #nav-order-online, #divMore #nav-menu, #divMore #nav-orderonline {
    background-image: url("../Images/Mobile/HomePage/Order.png");
}

#divMore #nav-catering {
    background-image: url("../Images/Mobile/HomePage/Catering.png");
}

#divMore #nav-tablebooking, #divMore #nav-table-booking {
    background-image: url("../Images/Mobile/HomePage/Reservation.png");
}

#divMore #nav-gallery, #divMore #nav-photo-gallery, #divMore #nav-photogallery {
    background-image: url("../Images/Mobile/HomePage/Gallery.png");
}

#divMore #nav-events, #divMore #nav-news-events, #divMore #nav-news, #divMore #nav-newsevents {
    background-image: url("../Images/Mobile/HomePage/News.png");
}

#divMore #nav-testimonials {
    background-image: url("../Images/Mobile/HomePage/Testimonial.png");
}

#divMore #nav-contact-us, #divContactUsIcon, #divMore #nav-contactus {
    background-image: url("../Images/Mobile/HomePage/Contact-Us.png");
}

#divMore #nav-directions {
    background-image: url("../Images/Mobile/HomePage/Direction.png");
}

#divMore .mobile-nav a {
    text-shadow: none;
    color: #222222;
    font-size: 12px;
}

#divMore .mobile-nav-wrapper {
    padding-bottom: 0px;
}

#cartcounter, .cartCounter {
    background-color: #FF0000;
    border-radius: 100%;
    color: #FFFFFF;
    font-size: 10px;
    margin-left: 32px;
    margin-top: 1px;
    padding: 0 4px 2px;
    position: relative;
    float: left;
    text-shadow: none;
}

#cartNavBar {
    padding-right: 15px;
}

#restLogo {
    width: 100%;
}
/**** End For Mobile More Menu ****/

/*#CateringInquiry .ui-content
    {
        padding:5px;  
    }*/
#CateringInquiry .ui-radio {
    width: 100% !important;
}

.CateringHeaderContainer {
    display: none;
}

.CateringTextBox {
    width: 100% !important;
}

.tdConfirmationControlLeft .ui-select {
    border-radius: 5px !important;
}
/*#TableBooking .ui-content
    {
        padding:5px;    
    }*/

/**** Start Contact Us Page ****/
.ui-controlgroup-controls {
    width: 100% !important;
}

.ulMobileAddressContainer {
    padding-left: 0px;
}

#divContactUsAddressDetails {
    text-align: left;
}

#spnStoreName {
    font-size: 18px;
    font-weight: bold;
}

.ulMobileAddressContainer li a {
    text-decoration: none;
    color: #333333;
}

.ulMobileAddressContainer li {
    text-decoration: none;
    color: #333333;
    font-weight: bold;
}

.contactusaspx .ui-controlgroup-controls > label,
.cateringaspx .ui-controlgroup-controls > label,
.tablebookingaspx .ui-controlgroup-controls > label {
    clip: auto !important;
    height: auto !important;
    width: auto !important;
}
/*.contactusaspx .liPhone,.contactusaspx .liEmailDisplay
    {
        width:100%;    
    }*/

#divContactUsPage {
    width: 100%;
    padding: 5px;
}

    #divContactUsPage .txtContactUsComments {
        width: 100%;
    }

input.ui-input-text {
    border-radius: 5px;
    box-shadow: none;
    font-size: 1.2em;
    font-weight: normal;
}
/**** End Contact Us Page ****/

#divDirAddr {
    /*background-color: #FF950E ;*/
    text-shadow: none;
    text-align: left;
}

/*#divMobileDirectionAddress span a     
    {        
        background-image: -webkit-gradient(linear,left top,left bottom,from( #FFAE4A ),to( #FF950E ));
        background-image: -webkit-linear-gradient( #FFAE4A,#FF950E );
        background-image: -moz-linear-gradient( #FFAE4A,#FF950E );
        background-image: -ms-linear-gradient( #FFAE4A,#FF950E );
        background-image: -o-linear-gradient( #FFAE4A,#FF950E );
        background-image: linear-gradient( #FFAE4A,#FF950E );     
        text-shadow:none;
        width:89%;
        margin:0 auto;
    }*/

#divMobileWholePage {
    width: 100%;
    margin: 0px;
}


/**** Starts Directions Page Here ****/

#divmapmenuoptions-popup {
    width: 80%;
}

#divmapmenuoptions {
    padding: 10px 15px 10px 10px;
}

/**** Ends Directions Page Here ****/

/**** Starts Setting Panel Width ****/

.ui-panel-animate.ui-panel-page-content-position-left {
    -webkit-transform: translate3d(270px, 0, 0);
    -moz-transform: translate3d(270px, 0, 0);
    transform: translate3d(270px, 0, 0);
}

.ui-panel-animate.ui-panel-page-content-position-right {
    -webkit-transform: translate3d(-270px, 0, 0);
    -moz-transform: translate3d(-270px, 0, 0);
    transform: translate3d(-270px, 0, 0);
}

.menu-mid {
    width: 80%;
}

#navigationTab ul li {
    width: 33.33% !important;
}

    #navigationTab ul li a {
        width: 100% !important;
    }

.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    right: 270px;
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
    left: 270px;
}

.ui-panel-display-reveal {
    box-shadow: none !important;
}
/**** End Setting Panel Width ****/


/**** Starts Css on 5-May-2014 ****/

li .ui-shadow {
    box-shadow: none;
}
/**** Ends Css on 5-May-2014 ****/

/* (START) of Add TO Cart Popup on ItemDetails Page*/
#OrderConfirmationControlContainer {
    background-color: #fff;
    border: medium none;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

#divOrderConfirmationControl {
    background-color: #ffffff;
    /*margin-top:50%;*/
}

#orderConfirmationControlHeader {
    background-color: #6C0E0E;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    width: 100%;
    padding-top: 2px;
    text-align: left;
    padding-bottom: 2px;
}

#ExclamationMark {
    background: url("../Images/Mobile/Exclamationmark.png") no-repeat scroll #6C0E0E;
    height: 18px;
    width: 18px;
    float: left;
    margin: 3px;
}

#orderConfirmationControlContent {
    font-size: 13px;
    padding: 10px;
    padding: 10px;
    /* width:100%;*/
    background-color: #E8E6E7;
}

.spanFutureDate {
    color: #6C0E0E;
}

#orderConfirmationControlButtons {
    background-color: #BBBABA;
    padding-bottom: 17px;
    padding-top: 8px;
    text-align: center;
}

/*.MidButton {
    cursor: pointer;
    font-size: 16px;
    height: 32px;
    line-height: 30px;
    min-width: 30px;
    padding: 0 8px;
}*/

/*.ButtonStyle {
    background: -moz-linear-gradient(center top, #DDDDDD 0px, #929292 100%) repeat scroll 0 0 padding-box rgba(0, 0, 0, 0);
    border: 1px solid #929191;
    border-radius: 5px;
    box-shadow: 0 1px 1px #929191 inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px #929191;
}*/

.CloseOrderConfirmationControl {
    display: none;
}

.ShowOrderConfirmationControl {
    display: block;
    background-color: #ffffff;
    border: medium none;
    height: 100%;
    width: 100%;
    z-index: 400;
    margin: 0 auto;
    /*position: absolute;*/
}

.hideCollectionBottom {
    display: none;
}

.showCollectionBottom {
    display: block;
}
/* (END) of Add TO Cart Popup on ItemDetails Page*/





















/*******************************  (START) Latest Changes for Collapsible and Expandible **********************/


#divRadioButtonListContainer .ui-radio, #divCheckListBox .ui-checkbox {
    width: 100% !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#divRadioButtonListContainer .Addons {
    border-collapse: collapse;
}

#divCheckListBox .Addons {
    border-collapse: collapse;
}

.ui-checkbox .ui-icon {
    border-radius: 50% !important;
    width: 17px;
}

.Addons td {
    padding: 0px;
}

.ui-collapsible-content {
    margin: 0 5px !important; /* for making expanded content somewhat inside the collapsible header */
    padding: 0px;
    background: #fff !important;
}

    /* remove rounded corners */

    .ui-collapsible-content .ui-corner-top, .ui-collapsible-content .ui-corner-bottom {
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px!important;
    }

    .ui-collapsible-content .ui-btn-up-c {
        background: #fff !important; /* for making expanded content inner button to white background */
        border-top: none !important;
    }

    .ui-collapsible-content .ui-btn-hover-c {
        background: #fff !important; /* for making expanded content inner button to white background and do not expand on hover */
        border-top: none !important;
    }

#tblItemDetails .ui-corner-top {
    border-radius: 0.6em;
}

/***************************** (END) Latest Changes for Collapsible and Expandible *************************/

/********************** (START) of TabSizeControl ***************************/
#tblSizeControl {
    margin: 0px !important;
    padding: 0px !important;
}

.tabButtonSeprator {
    padding-right: 10px;
}

.SelectedTab {
    border: 1px solid #471d75 !important;
    background: #471d75;
    color: #ffffff;
    cursor: pointer;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 2px;
    text-shadow: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #874ccc ),to( #471d75 )) !important;
    background-image: -webkit-linear-gradient( #874ccc,#471d75 ) !important;
    background-image: -moz-linear-gradient( #874ccc,#471d75 ) !important;
    background-image: -ms-linear-gradient( #874ccc,#471d75 ) !important;
    background-image: -o-linear-gradient( #874ccc,#471d75 ) !important;
    background-image: linear-gradient( #874ccc,#471d75 ) !important;
    height: 38px;
    width: 90px;
    -moz-border-radius: 0.6em !important;
    -webkit-border-radius: 0.6em !important;
    border-radius: 0.6em !important;
}

.UnSelectedTab {
    border: 1px solid #c9c9c9 !important;
    background: #c9c9c9;
    color: #471d75;
    cursor: pointer;
    font-weight: bold;
    font-family: Verdana;
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: 2px;
    text-shadow: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #c9c9c9 ));
    background-image: -webkit-linear-gradient( #fff, #c9c9c9 );
    background-image: -moz-linear-gradient( #fff, #c9c9c9 );
    background-image: -ms-linear-gradient( #fff, #c9c9c9 );
    background-image: -o-linear-gradient( #fff, #c9c9c9 );
    background-image: linear-gradient( #fff, #c9c9c9 );
    height: 38px;
    width: 90px;
    -moz-border-radius: 0.6em !important;
    -webkit-border-radius: 0.6em !important;
    border-radius: 0.6em !important;
}

    .UnSelectedTab:hover {
        border: 1px solid #471d75 !important;
        background: #471d75;
        color: #ffffff;
        cursor: pointer;
        font-weight: bold;
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 2px;
        text-shadow: none;
        background-image: -webkit-gradient(linear,left top,left bottom,from( #874ccc ),to( #471d75 )) !important;
        background-image: -webkit-linear-gradient( #874ccc,#471d75 ) !important;
        background-image: -moz-linear-gradient( #874ccc,#471d75 ) !important;
        background-image: -ms-linear-gradient( #874ccc,#471d75 ) !important;
        background-image: -o-linear-gradient( #874ccc,#471d75 ) !important;
        background-image: linear-gradient( #874ccc,#471d75 ) !important;
        height: 38px;
        width: 90px;
        -moz-border-radius: 0.6em !important;
        -webkit-border-radius: 0.6em !important;
        border-radius: 0.6em !important;
    }
/*************************** (END) of TabSizeControl *********************************/


/************************* (START) of DropDownSizeControl  **************************/
.tblDropDownSizeControl {
    width: 100%;
    padding-top: 10px;
}
/************************ (END) of DropDownSizeControl *****************************/

/************************* (START) of AdditionControl  **************************/
.tblDropDownSizeControl {
    width: 100%;
    padding-top: 10px;
}

#AdditionHeaderDescription {
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

#tblAdditionAddRemove {
    margin: 0 auto;
}

    #tblAdditionAddRemove td {
        padding: 10px !important;
    }

#tableAdditionControlAAAA {
    width: 100% !important;
    margin-top: 10px;
}
/************************ (END) of AdditionControl *****************************/


/******************** (START) of DropDownList Control  ************************/
.drpDownControlHeading {
    text-align: left;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

#tblDropDownListContainer {
    width: 100%;
    text-align: left;
}

.DropDownListControlFont {
    padding-left: 5px;
    empty-cells: hide;
    font-size: 14px;
    display: table-cell;
}
/******************** (END ) of DropDownList Control  ************************/



/******************** (START) of OptionQuantity Control  **********************/
.optionQuantityHeaderDescription {
    text-align: left;
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

#tblOptionQuantityTable {
    width: 100%;
    border: solid 2px #6B5139;
    padding-bottom: 10px;
    font-size: 12px;
}

#trHeadingOptionQuantity {
    padding-top: 10px;
}

#tdOQExtraQtyTextBox input.ui-input-text {
    width: 95%;
}

#tdOptionQuantityExtraTitle {
    text-decoration: underline;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}

#hrThSeprator {
    width: 99%;
}

#tdOQExtraQuantity {
    color: black;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    vertical-align: top;
}

#tdOQExtraAmount {
    color: black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
}

.tdOQExtraCost {
    text-align: left;
    padding-left: 10px;
}

#tdOQNetExtraTotal {
    font-weight: bold;
    text-align: left;
}

#divOptionQuantityFooterDescription {
    padding-bottom: 10px;
}
/******************** (END) of OptionQuantity Control  ***********************/




/* for Border Around TAB and RADIO*/
/*.pnlMultipleSizeContainer {
    border: 1px solid #C7C7C7;
    margin-left: 2px;
    padding-top: 5px;
    text-align: center;
    
}

.OptionWrapperContainer
{
    /*margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}
*/

/********************* (START) of Substitution Control  **********************/
#tdItemImage {
    width: 0 !important;
    margin: 0 !important;
    display: none;
}

.hrSubControlSeperator {
    display: none;
}

.SubstitutionControlHeading {
    text-align: left;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

#SubtitutionTable {
    border: solid 2px #6B5139;
    font-family: Verdana;
    width: 100%;
}

#SubtitutionDefault {
    padding-right: 20px;
    vertical-align: top;
}

#SubtittutionDefaultTitle {
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    border-right-style: solid;
    border-color: #6B5139;
    border-right-width: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
}

#SubstitutionExtraTitle {
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    padding-bottom: 4px;
    padding-top: 3px;
}

#SubstitutionQtySpace {
    padding-right: 20px;
    vertical-align: top;
    border-bottom: 2px solid #6B5139;
}

#SubstitutionDefaultQuantity {
    color: black;
    text-align: center;
    vertical-align: top;
    border-bottom: 2px solid #6B5139;
    /*padding-left: 10px;*/
    padding-bottom: 4px;
}

#SubstitutionSelected {
    color: black;
    text-align: center;
    vertical-align: top;
    border-right-style: solid;
    border-color: #6B5139;
    border-right-width: 2px;
    padding-bottom: 4px;
    margin-left: 20px;
    border-bottom: 2px solid #6B5139;
    /*padding-left: 10px;
    padding-right: 10px;*/
}

#SubstitutionExtraQuantity {
    color: black;
    text-align: center;
    vertical-align: top;
    padding-left: 5px;
    border-bottom: 2px solid #6B5139;
}

#SubstitutionAmount {
    color: black;
    text-align: left;
    vertical-align: top;
    border-bottom: 2px solid #6B5139;
}

#SubstitutionOptionName {
    /*padding-left: 10px;
    padding-right: 10px;*/
    color: black;
}

#SubstitutionQuantityLable {
    text-align: center;
    color: black;
}

#SubstitutionDropDown {
    text-align: center;
    border-right-style: solid;
    border-color: #6B5139;
    border-right-width: 2px;
    /* padding-left: 10px;
    padding-right: 10px;*/
    width: 60px;
}

.ddlSubstitutionQty {
    width: 45px;
    text-align: right;
}

#SubstitutionExtraQtyTextBox {
    text-align: center;
    padding-left: 5px;
}

    #SubstitutionExtraQtyTextBox input.ui-input-text {
        width: 90%;
        padding-right: 0px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }

.txtSubtitutionExtraQty {
    width: 28px;
    text-align: left;
}

.SubstitutionExtraCost {
    text-align: left;
    color: black;
    font-size: 12px;
    /* padding-right: 10px;
    padding-left: 10px;*/
}

#htSeperator {
    border: 1px solid #6B5139;
}

#SubstitutionAvailSelection {
    color: black;
    text-align: right;
    /*padding-right: 20px;*/
    padding-bottom: 4px;
}

#SubstitutionAvailSpace {
    /*padding-right: 10px;*/
}

#SubstitutionTotal {
    color: black;
    text-align: right;
    /* padding-right: 20px;*/
    padding-bottom: 5px;
}

#SubstitutionNetExtraTotal {
    color: black;
    text-align: right;
    font-weight: bold;
    padding-right: 1px;
    padding-bottom: 5px;
}

#SubstitutionNetExtraTotalLbl {
    text-align: right;
}

#SubstitutionFooterDescription {
    font-family: verdana;
    color: black;
    padding: 5px;
    font-size: 11px;
    text-align: left;
}

.lblRenderType .substitionFooterLabel {
    display: none !important;
}

/********************* (END) of Substitution Control **********************/

/********************* (START) of ItemDetailsPanelControl Control   *********************/
#divItemDetailsFooter {
    margin-left: 0px !important;
    -webkit-margin-start: 0px !important;
    background-color: #E9E9E9;
}

.tblItemDetailsFooter {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

    .tblItemDetailsFooter td input {
        margin-left: 10px;
    }

/********************* (END) of ItemDetailsPanelControl Control   *********************/



/********************* (START) of RangedQuantityExt Control **********************/
.divRangedQuantityHeading {
    text-align: left;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

#tblRangedQuantityTable {
    width: 100%;
    text-align: left;
    margin-top: 2px;
}

#tdRQOptionName {
    text-align: left;
    font-size: 12px;
}

#tdRQQtyTextBox {
    text-align: left;
}

    #tdRQQtyTextBox div {
        width: 100% !important;
    }

.rangedQtyExtErrMsg {
    text-align: left;
}

.RadComboBox .rcbInput {
    border: 0 none !important;
    padding: 5px 10px !important;
    border-radius: 0px !important;
}

.RadComboBox_Default .rcbInputCell {
    background-image: none !important;
}

.RadComboBox_Default .rcbInput {
    font-size: 16px !important;
    font-weight: bold !important;
}

.RadComboBox table td.rcbInputCell {
    padding: 0px !important;
}
/********************* (END) of RangedQuantityExt Control  **********************/


/********************* (START) of RadioButtonSizeControl **********************/
.tblRadioButtonSizeControl {
    width: 100%;
    margin-top: 10px;
}

    .tblRadioButtonSizeControl td {
        width: 100% !important;
        padding: 0 !important;
    }

.rblSizeTabs {
    width: 100%;
    border-collapse: collapse;
}

    .rblSizeTabs .ui-corner-top {
        border-radius: 0em !important;
        border-top-left-radius: 0.6em !important;
        border-top-right-radius: 0.6em !important;
    }

.tblRadioButtonSizeControl .ui-radio {
    width: 100% !important;
}
/******************** (END) of RadioButtonSizeControl  ***********************/







/********************* (START) of Pizza Control **********************/
.RadioToppingList {
    margin: 0px !important;
    padding: 0px !important;
}

    .RadioToppingList .ui-radio {
        margin: 0px !important;
        padding: 0px !important;
    }

#tblPizzaControlContent {
    margin-left: 8px;
}

    #tblPizzaControlContent td {
        width: 40px;
    }

.tdDouble.enabled {
    width: 25px;
    height: 25px;
    background: url('../images/PizzaToppings/ExtraTopping.gif') no-repeat;
}

.tdWhole.disabled {
    width: 0px;
    height: 0px;
    display: none;
}

.tdLeftHalf.disabled {
    width: 0px;
    height: 0px;
    display: none;
}

.tdRightHalf.disabled {
    width: 0px;
    height: 0px;
    display: none;
}

.tdDouble.disabled {
    width: 0px;
    height: 0px;
    display: none;
}

.RadioToppingList td {
    padding-right: 40px;
}

.tdNone {
    height: 25px;
    width: 25px;
    background: url('../images/PizzaToppings/toppings_none.gif') no-repeat no-repeat;
}

.tdWhole {
    height: 25px;
    width: 25px;
    background: url('../images/PizzaToppings/toppings_all.gif') no-repeat;
}

.tdLeftHalf {
    height: 25px;
    width: 25px;
    background: url('../images/PizzaToppings/toppings_1_half.gif') no-repeat;
}

.tdRightHalf {
    height: 25px;
    width: 25px;
    background: url('../images/PizzaToppings/toppings_2_half.gif') no-repeat;
}

.tdDouble {
    height: 25px;
    width: 25px;
    background: url('../images/PizzaToppings/ExtraTopping.gif') no-repeat;
}


/*
.toppingNone  .ui-radio label .ui-icon
{
    background: url('../images/PizzaToppings/toppings_none.gif') no-repeat !important;

}*/


.lblToppingName {
    font-size: 14px;
    font-weight: bold;
}

/********************* (END) of Pizza Control   *********************/






.itemdetailsaspx .pnlItemImageAndItemDescContainer {
    padding-bottom: 30px;
}


.imageEnlarge.ui-link {
    display: none;
}

#tdItemComment {
    text-align: left;
    font-weight: bold;
}

#tdQuantityAndPrice {
    text-align: left;
    padding: 0px 10px;
}

    #tdQuantityAndPrice .ui-select {
        padding-top: 5px;
        margin: 0px;
    }

.lblItemQuantity, .lblItemTotal {
    font-weight: bold;
    font-size: 13px;
}

.itemdetailsaspx .txtItemComment {
    width: 100%;
}

.txtItemComment {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    margin-top: 5px;
}

.txtItemTotal {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    margin-top: 5px;
}


.ShowHideClass .ui-radio, .ShowHideClass .ui-checkbox {
    border-radius: 0px;
}

.cs h3 {
    text-align: left;
    border-radius: 10px;
}

.ui-collapsible-content .ui-controlgroup, fieldset.ui-controlgroup {
    margin: 0px;
    padding: 0px;
}

.ui-collapsible-heading, .ui-collapsible-heading > .ui-btn {
    border-radius: 5px;
}

.ui-collapsible-themed-content .ui-collapsible-content {
    border-style: none;
}

/* -------  (START) of News and Event Announcement  ------- */
#divAnnouncementNavigationContainer {
    font-weight: bold;
    text-align: center;
    padding-left: 0.6em;
    background-color: #F2F2F2;
    border-bottom: solid 0.06em #C9C9C9;
}

.hlnkAnnouncementLink {
    text-decoration: none;
    font-weight: bold;
}

.Annmenu-mid-active {
    background: none repeat scroll 0 0 #E2E2E2;
    border: 0.06em solid #CFCFCF;
    color: #C72626;
    cursor: pointer;
    display: block;
    margin-left: 0.3em;
    margin-right: 0.3em;
    padding: 0.2em;
    text-decoration: none;
}

.Annmenu-mid {
    background: none repeat scroll 0 0 #E2E2E2;
    border: 0.06em solid #CFCFCF;
    color: #C72626;
    cursor: pointer;
    display: block;
    margin-left: 0.3em;
    margin-right: 0.3em;
    padding: 0.2em;
    text-decoration: none;
}

#divPastAnnouncementTitle, #divAnnouncementTitle {
    background-color: #E5DCBF;
    font-weight: bold;
    height: 1.8em;
    margin-left: 0.6em;
    margin-right: 0.6em;
    margin-top: 1.2em;
    text-align: left;
    padding-left: 1.8em;
    padding-top: 0.4em;
}

#divAnnouncementContainer, #divPastAnnouncementContainer {
    text-align: left;
}

.divAnnouncementContentContainer, .divPastAnnouncementContentContainer {
    padding-left: 0.7em;
    padding-right: 0.7em;
}

.NoEventFound {
    font-weight: bold;
    padding-top: 0.9em;
    text-align: center;
}

#tblAnnouncementItemTemplate {
    padding: 0.8em;
    width: 100%;
}

.divAnnouncementViewMore {
    clear: both;
    text-align: right;
}

/* -------  (END) of News and Event Announcement  ------- */

/* -------  HOME PAGE GALLERY STARTS ------- */


#divHomeSlider #slider {
    background: url("../Images/loading.gif") no-repeat scroll 50% 50% transparent !important;
    position: relative !important;
    width: 100%;
    /*margin: 0 auto;*/
}

.nivo-controlNav A {
    position: relative;
    z-index: 10px;
    cursor: pointer;
}

.nivo-controlNav A {
    font-weight: bold;
}

#divHomeSlider .slider-wrapper {
    padding-top: 0px;
}

#divHomeSlider #slider a.nivo-imageLink {
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
}

#divHomeSlider #slider img {
    text-align: center;
    border-style: none;
    height: auto !important; /* chaged due to sliding top-down during transition  */
}

#divHomeSlider {
}

    #divHomeSlider .nivo-controlNav {
        /*background: url("../Images/BullateBg.jpg") center bottom transparent;
    margin: 0 auto;
    overflow: hidden;
    padding: 23px 0 0;*/
        position: relative;
        text-align: center;
        width: auto !important;
        border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        -khtml-border-radius: 10px 10px 0px 0px;
        left: 0px;
    }
        /* Control nav styles (e.g. 1,2,3...) */

        #divHomeSlider .nivo-controlNav a {
            cursor: pointer;
        }

            #divHomeSlider .nivo-controlNav a.active {
                font-weight: bold;
            }

    #divHomeSlider .nivo-prevNav {
        left: 0px;
    }

    #divHomeSlider .nivo-nextNav {
        right: 0px;
    }

    #divHomeSlider .nivoSlider {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        #divHomeSlider .nivoSlider img {
            position: absolute;
            top: 0px;
            left: 0px;
            max-width: none;
        }

    #divHomeSlider .nivo-main-image {
        display: block !important;
        position: relative !important;
        width: 100% !important;
    }

    /* If an image is wrapped in a link */
    #divHomeSlider .nivoSlider a.nivo-imageLink {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        z-index: 6;
        display: none;
        cursor: pointer;
    }
    /* The slices and boxes in the Slider */
    #divHomeSlider .nivo-slice {
        display: block;
        position: absolute;
        z-index: 0;
        height: 100%;
        top: 0;
    }

    #divHomeSlider .nivo-box {
        display: block;
        position: absolute;
        z-index: 5;
        overflow: hidden;
    }

        #divHomeSlider .nivo-box img {
            display: block;
        }

    /* Caption styles */
    #divHomeSlider .nivo-caption {
        width: 100%;
        position: initial;
    }

        #divHomeSlider .nivo-caption p {
            padding: 5px;
            margin: 0;
        }

        #divHomeSlider .nivo-caption a {
            display: inline !important;
        }

    #divHomeSlider .nivo-html-caption {
        display: none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    #divHomeSlider .nivo-directionNav a {
        position: absolute;
        top: 45%;
        z-index: 9;
        cursor: pointer;
    }
    /*
Skin Name: Nivo Slider Default Theme
*/

    #divHomeSlider .theme-default .nivoSlider {
        position: relative;
        background: #fff url(../Images/loading.gif) no-repeat 50% 50%;
        margin-bottom: 10px;
    }

        #divHomeSlider .theme-default .nivoSlider img {
            position: absolute;
            top: 0px;
            left: 0px;
            display: none;
        }

        #divHomeSlider .theme-default .nivoSlider a {
            border: 0;
            display: block;
        }

    #divHomeSlider .theme-default .nivo-controlNav {
        /*padding: 10px 0 5px 25px;*/
        padding: 0px;
        text-align: center;
        margin: 0 auto;
        padding-top: 5px;
        width: 160px;
        padding-left: 4px;
        padding-right: 3px;
    }

        #divHomeSlider .theme-default .nivo-controlNav a {
            display: inline-block;
            width: 10px;
            height: 10px;
            /*background: url(../Images/Bullate.png) no-repeat bottom;*/
            text-indent: -9999px;
            border: 0;
            background-color: #555555;
            margin: 0 2px;
            border-radius: 50%;
        }

            #divHomeSlider .theme-default .nivo-controlNav a.active {
                /*background: url(../Images/Bullate.png) no-repeat top;*/
                width: 10px;
                height: 10px;
                background-color: #fff;
                border-radius: 50%;
            }

    #divHomeSlider .theme-default .nivo-directionNav a {
        display: block;
        width: 42px;
        height: 42px;
        background: url(../Images/Next_Previous.png) no-repeat;
        text-indent: -9999px;
        border: 0;
        opacity: 0;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    #divHomeSlider .theme-default:hover .nivo-directionNav a {
        /*opacity: 1;*/
    }

    #divHomeSlider .theme-default a.nivo-nextNav {
        background-position: -42px 0;
        opacity: 0.5;
        display: none;
    }

        #divHomeSlider .theme-default a.nivo-nextNav:hover {
            background-position: -42px 0;
            opacity: 1;
            display: none;
        }

    #divHomeSlider .theme-default a.nivo-prevNav {
        opacity: 0.5;
        display: none;
    }

        #divHomeSlider .theme-default a.nivo-prevNav:hover {
            opacity: 1;
            display: none;
        }

    #divHomeSlider .theme-default .nivo-caption {
        font-family: Helvetica, Sans-Serif, sans-serif;
    }

        #divHomeSlider .theme-default .nivo-caption a {
            color: #fff;
            border-bottom: 1px dotted #fff;
        }

            #divHomeSlider .theme-default .nivo-caption a:hover {
                color: #fff;
            }

    #divHomeSlider .theme-default .nivo-controlNav.nivo-thumbs-enabled {
        width: 100%;
    }

        #divHomeSlider .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
            width: auto;
            height: auto;
            background: none;
            margin-bottom: 5px;
        }

        #divHomeSlider .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
            display: block;
            width: 120px;
            height: auto;
        }


.nivoSlider {
    position: relative;
    margin-bottom: 10px;
}

.nivo-caption-text-left {
    position: absolute;
    left: 0px;
    z-index: 8;
    padding: 5px 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 300px;
    bottom: 0px;
}

.nivo-caption-text-right {
    position: absolute;
    right: 0px;
    z-index: 8;
    padding: 5px 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 300px;
    bottom: 0px;
}

.nivo-caption-text-bottom {
    position: absolute;
    left: 0px;
    z-index: 8;
    padding: 5px 10px;
    overflow: hidden;
    bottom: 0px;
}

.nivo-caption-text-top {
    position: absolute;
    left: 0px;
    z-index: 8;
    padding: 5px 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    top: 0px;
}

.nivo-caption-left, .nivo-caption-right {
    position: relative;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.nivo-caption-bottom, .nivo-caption-top {
    position: relative;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/* -------  HOME PAGE GALLERY ENDS ------- */

/********(Start) of textbox stylesheet **********/
.ui-input-text, .ui-input-search {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    color: #555555 !important;
    font-family: 'open_sansregular',arial !important;
    font-size: 1.5em !important;
    padding-left: 10px !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #F5F4F0 ),to( #F9F9F9 )) !important;
    background-image: -webkit-linear-gradient( #F5F4F0, #F9F9F9 ) !important;
    background-image: -moz-linear-gradient( #F5F4F0, #F9F9F9 ) !important;
    background-image: -ms-linear-gradient( #F5F4F0, #F9F9F9 ) !important;
    background-image: -o-linear-gradient( #F5F4F0, #F9F9F9 ) !important;
    background-image: linear-gradient( #F5F4F0, #F9F9F9 ) !important;
    /*  background-image: -webkit-gradient(linear,left top,left bottom,from(  #EAE8F8    ),to(    #FBACE3    )) !important;
    background-image: -webkit-linear-gradient(   #EAE8F8   ,  #FBACE3  ) !important;
    background-image: -moz-linear-gradient(  #EAE8F8   ,  #FBACE3   ) !important;
    background-image: -ms-linear-gradient( #EAE8F8  , #FBACE3   ) !important;
    background-image: -o-linear-gradient( #EAE8F8  ,   #FBACE3   ) !important;
    background-image: linear-gradient(  #EAE8F8   ,  #FBACE3    ) !important;*/
}

/************(START) of contact us,TableBooking,VipRegistration,catering************/
.errorMsgContactUs, .errorMsgTblBooking, .errorMsgVipR, .errorMsgCatering, .lblCateringErrorMessage, .lblTableBookingErrorMessage, .lblCareerInquiryErrorMessage, .errorMsgCareer {
    margin-bottom: 10px !important;
    font-weight: bold;
    color: Red;
    padding-left: 5px;
    font-size: 11px;
}

.errorMSGVSCat {
    font-size: 10px;
}

#tdContactUsDetail, #TableBookingConiner, .tdVicRegisterForm, #CateringConiner, #CareerInquiryConiner {
    text-align: left;
}

.ContactUsMessage, .VIPRegistrationMessage {
    color: Red;
    font-weight: bold;
}

/************(END) of contact us************/

/*.ui-btn
{
    background-image: -webkit-gradient(linear,left top,left bottom,from(   #B4E46E   ),to(   #60A115    )) !important;
    background-image: -webkit-linear-gradient(   #B4E46E  ,  #60A115    ) !important;
    background-image: -moz-linear-gradient(   #B4E46E  ,  #60A115    ) !important;
    background-image: -ms-linear-gradient(   #B4E46E  ,  #60A115    ) !important;
    background-image: -o-linear-gradient(   #B4E46E  ,  #60A115    ) !important;
    background-image: linear-gradient(   #B4E46E  ,  #60A115    ) !important;
} */

/* (START) Ordercheckout Page */
#divBtnDummyScriptTrigger {
    display: none !important;
}

.tblOrderType {
    width: 100%;
}

#orderCheckout {
}

#tblOrderConfirmContainer, #tblOrderConfirmAddressContainer, #tblOrderConfirmPaymentContainer {
    width: 100%;
}

.hrTableSeparator, .hrRuleSeparator {
    color: #B9B7B7;
    display: block !important;
    float: left;
}

.tdOrderCheckoutText {
    text-align: left;
    width: 100%;
}

.tdOrderCheckoutValue {
    width: 100%;
}

.ordercheckoutaspx .OrderCheckoutTextBox .ui-input-text .ui-body-c .ui-corner-all .ui-shadow-inset {
    padding-left: 10px;
}

.ordercheckoutaspx .OrderCheckoutConfirm,
.ordercheckoutaspx .OrderCheckoutSubmit, .ordercheckoutaspx .OrderCheckoutSubmitSSL {
    border: none;
    background: url(../Images/Mobile/confirm.gif) no-repeat;
    height: 25px;
    width: 87px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.ordercheckoutaspx .rbtPaymentOptions, .ordercheckoutaspx #tblPayementOPtionContainer {
    width: 100%;
}

.ordercheckoutaspx .PaymentOptionPanel {
    width: 100%;
    height: auto;
}

.ordercheckoutaspx .PayPalButton {
    height: 46px;
    width: 168px;
}

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

.tblPersonalInfoDetailSelection {
    text-align: center;
    margin: 0 auto;
}

/* (END) Ordercheckout Page */





/********************* (Start) of Menu Page cum Cart css *********************/
.itemprice {
    float: right;
    font-size: 12px;
    height: 100%;
    margin-right: 8px;
    text-align: right;
    width: 75px;
}

.menuaspx .ui-bar-a {
    border: none !important;
}

.menuaspx .ui-content {
    background-image: url(../Images/Mobile/HomePage/bgPattern.jpg);
    padding: 0px;
    border: 0px;
    /*background:#747678 !important; 
     border:#747678 !important;*/
}

.menuaspx #divmenuoptions .ui-grid-a .ui-block-a, .menuaspx #divmenuoptions .ui-grid-a .ui-block-b {
    text-align: center;
}

.menuaspx #ordercart {
    background: #747678 !important;
}

.menuaspx #divConfirmOrder {
    width: 99% !important;
}

#ordercart .ui-panel-wrapper {
    color: Black;
}

#ordercart .ui-grid-solo > .ui-block-a {
    width: 100%;
}

#tblOrderCart {
    background-color: #fff; /*16-May*/
    top: 0;
    left: 0;
    width: 100% !important;
    min-height: 100% !important;
}

#tdCartHeader {
    background: none repeat scroll 0 0 #E1E1E1;
    border-top: solid 1px black;
    color: black;
    font-weight: bold;
    height: 41px;
    text-align: center;
    vertical-align: top;
}

#tblCartHeader {
    color: #000000;
    padding-top: 5px;
    width: 100%;
}

#tdYourOrder {
    text-align: center;
}

#YourOrderText {
    font-size: 13px;
    vertical-align: top;
    width: 120px;
    width: 100%;
}

#tdOrderCartImage {
    vertical-align: top;
    width: 20px;
    padding-right: 10px;
}

#tdEmptyCart {
    width: 100px;
}

.EmptyCart {
    background: url("../Images/Mobile/EmptyCart.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 26px;
    width: 100px;
}

#tdCart {
    text-align: left;
    vertical-align: top;
}

.CartGrid {
    font-family: Verdana;
    font-size: 12px;
    margin-right: 1px;
    width: 100%;
}

#tdCartHeaderName {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 140px;
}

#tdCartHeaderQuantity {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding-left: 15px;
    text-align: right;
    vertical-align: top;
    width: 50px;
}

#tdCartHeaderTotal {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding-left: 15px;
    text-align: center;
    vertical-align: top;
    width: 80px;
}

#tblCartItems {
    background-color: #FFFFFF;
    font-size: 11px;
    width: 100%;
}

#tdCartItemName {
    text-align: left;
    vertical-align: top;
    width: 140px;
}

#tdCartItemQuantity {
    font-size: 0.9em;
    text-align: right;
    vertical-align: top;
    width: 50px;
}

#tdCartItemPrice {
    font-size: 0.9em;
    text-align: right;
    vertical-align: top;
    width: 80px;
}

#tdEditButton {
    padding-right: 5px;
    vertical-align: top;
    width: 15px;
}

#tdDeleteButton {
    vertical-align: top;
    width: 15px;
}

#tdCartItemAddOnList {
    font-size: 0.9em;
    padding-left: 5px;
    text-align: left;
    vertical-align: top;
}

#tblCartFooter {
    background-color: #EDEDED;
    color: #000000;
    padding-bottom: 10px;
    width: 100%;
}

#tdTextUnit {
    font-family: Verdana;
    font-size: 0.9em;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

#tdTextAmount {
    font-family: Verdana;
    font-size: 0.9em;
    text-align: right;
    vertical-align: top;
}

#tblTip {
    display: none;
}

#CartFooterTotal {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}

#tdTotalAmount {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    width: 100%;
}

#tdCartTotalAmount {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

#divConfirmOrder {
    padding: 10px 5px;
}

#divOnlineOrderMessage {
    border: 1px solid #B8A1DD;
    float: right;
    font-family: Verdana;
    margin-left: 0;
    margin-top: 3px;
    vertical-align: top;
    width: 278px;
}

#YourOrderText, #divConfirmOrder, #tblOnlineOrderMessage, #divOnlineOrderMessage {
    width: 100% !important;
    min-height: 100% !important;
    text-align: center;
    padding-top: 5px;
}

.menuaspx .ui-header .ui-btn-inner {
    font-size: 14px;
}

.divbuttonOnlineOrderMessage, .divbuttonbusinesshrs {
    margin-left: 15px;
    margin-right: 15px;
}

.itemsize {
    color: #777777;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 15px 0 0;
    text-align: center;
    width: 75px;
}

.itemsizes {
    overflow: hidden;
    padding: 5px;
}

.menuaspx .description p {
    margin-top: 1.5em;
}
/**************(END) of Menu Page cum Cart css **********/

/**************(START) of Scroll button,top bottom **********/
.divDirectionScrollBtn1, .divDirectionScrollBtn2 {
    padding-top: 0;
    position: absolute;
    right: 3px;
    top: 110px;
}

.divDirectionScrollBtnToTop {
    bottom: 0px;
    position: absolute;
    right: 3px;
}

.bookmarkMenu, .linkDirectionScroll1, .linkDirectionScroll2 {
    border-radius: 4em !important;
    font-size: 12.5px;
    opacity: 0.7;
    padding-bottom: 15px;
    padding-top: 15px;
    z-index: 1;
}
/**************(END) of Scroll button,top bottom **********/

/******** (START) of google,apple App download link ***********/

#divTableAppleLink {
    margin: 0 auto;
}

#tdAppleDwnldLink {
    display: none;
}
/******** (END) App download link ***********/

/*******(START) Multiple Language Support ****/
.zh en {
    display: none;
}

.en zh {
    display: none;
}

.divselectlang .ui-link {
    color: black !important;
}

.zh .hyplang_zh {
    display: none;
}

.en .hyplang_en {
    display: none;
}

/*******(END) Multiple Language Support ****/



/**** Start Fancybox popup on ordercheckout address popup ****/

#fancybox-wrap {
    display: block;
    height: 100% !important;
    left: 0px !important;
    padding: 0px !important;
    top: 0px !important;
    width: 100% !important;
}

#fancybox-content {
    height: 100% !important;
    width: 100% !important;
}

#fancybox-close {
    display: none !important;
}

/**** End Fancybox popup on ordercheckout address popup ****/

/**** Start sliding on ordercheckout page ****/
.ordercheckoutaspx #firstpanel {
    background-image: url("../Images/Mobile/HomePage/BG.jpg");
    margin: 0;
    padding: 0;
    position: absolute;
    top: 65px;
    width: 270px;
    /*display:block;*/
    left: -270px;
    z-index: 500;
}

.ordercheckoutaspx #secondpanel {
    background-color: #AEAEAE;
    margin-left: 31%;
    position: absolute;
    top: 0px;
    width: 270px;
    /*display:none;*/
    z-index: 500;
    right: -270px;
}

/**** End sliding on ordercheckout page ****/

/**** Start Order invoice page ****/
#divOrderInvoiceMarketingContainer {
    margin-left: 0px !important;
    width: 100% !important;
}

.InvoiceSubmit {
    background: url(../Images/Mobile/submit.gif) no-repeat;
    width: 87px;
    height: 25px;
    border: none;
    cursor: pointer;
}

.InvoiceCancel {
    background: url(../Images/Mobile/cancel.gif) no-repeat;
    width: 100px;
    height: 26px;
    border: none;
    cursor: pointer;
}

.orderinvoiceaspx .ui-content {
    background-color: #BBBBBB;
}

#OrderDetails div {
    background-color: #fff;
}

#secondpanel {
    z-index: 50;
}

.InvoicePromotional label {
    font-size: 11px !important;
    font-weight: 100 !important;
}
/**** End Order invoice page ****/

/**** (Start) PayPalReturn Mobile ****/
.PaypalConfirm {
    background: url(../Images/Mobile/submit.gif) no-repeat;
    cursor: pointer;
    border: none;
    width: 87px;
    height: 25px;
}

.PaypalCancel {
    background: url(../Images/Mobile/cancel.gif) no-repeat;
    cursor: pointer;
    border: none;
    width: 87px;
    height: 25px;
}

/**** (End) PayPalReturn Mobile ****/
/**** (START) Order Checkout Page ***/

.ordercheckoutcaption, .divorderamountcontainer {
    font-family: open_sansregular, arial;
    font-size: 16px;
}

.spnordertotal {
    font-weight: bold;
}

.divorderamountcontainer {
    padding-top: 10px;
}

.divvieworderdetails {
}

.lblSpecificTimeSlotForOutsideBusinessHours, .lblSpecificTimeSlotForInsideBusinessHours {
    color: Red;
    font-style: italic;
    width: 100%;
}

.addborderright {
    border-right: #808080 solid 1px;
}

.ui-mini.ui-btn-icon-notext {
    margin: 0px;
}

#tdEmptyCart div {
    margin: 2px;
}

#divMenuaspxOrderCart {
    padding-top: 3px;
    padding-bottom: 3px;
}

/**** (END) Order Checkout Page ***/

.InvoicePromotional {
    background: #EDEDED;
    padding: 5px;
}

.invoicecontent {
    background: #FFFFFF;
}

/**************(START) Setting default images ************/

.loginBtn:active, .regBtn:active, #divMore .ui-block-a:active, #divMore .ui-block-b:active, #divMore .ui-block-c:active {
    background-image: url("../Images/Mobile/HomePage/IconBgSelected.gif");
}

.UpdateToCart {
    background: url("../Images/Mobile/update.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 26px;
    width: 100px;
    margin-left: 20px;
}

.imgConfirmOrder {
    background: url("../Images/Mobile/checkout.gif") no-repeat scroll 0 0 transparent !important;
    border: medium none;
    cursor: pointer;
    height: 25px;
    width: 165px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.ordercheckoutaspx .OrderCheckoutConfirm, .ordercheckoutaspx .OrderCheckoutSubmit, .ordercheckoutaspx .OrderCheckoutSubmitSSL {
    border: none;
    background: url("../Images/Mobile/confirm.gif") no-repeat;
    background-position:center center;
    height: 25px;
    /*width: 87px;*/
    width: 100%;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    opacity: 1;
}
/*HeartlandPaymentCreditCard panel btn size Fix*/
.divPayByPhoneSubmitButtonContainer .ui-btn {
    font-size:19px;
}
.InvoiceSubmit {
    background: url(../Images/Mobile/submit.gif) no-repeat;
    width: 100px;
    height: 26px;
    border: none;
    cursor: pointer;
}

.InvoiceCancel {
    background: url(../Images/Mobile/cancel.gif) no-repeat;
    width: 100px;
    height: 26px;
    border: none;
    cursor: pointer;
}

.SelectButton {
    background: url("../Images/Mobile/Select.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    cursor: pointer;
    height: 25px;
    margin-top: 7px;
    width: 87px;
}

.CloseButton {
    background: url("../Images/Mobile/Close.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none;
    cursor: pointer;
    height: 25px;
    width: 87px;
}

.PaypalConfirm {
    background: url("../Images/Mobile/submit.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 26px;
    width: 87px;
}

.PaypalCancel {
    background: url("../Images/Mobile/cancel.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    width: 100px;
    height: 26px;
}
/**************(END) Setting default images ************/



.clockSession {
    width: 250px;
    height: 80px;
    margin: auto;
    background: url(../Images/ToastNotification/clockSessionMobile.jpg) no-repeat left;
}


.PnlMasterPageHeaderAutoPopupContainer a {
    color: #ED1C1F !important;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
}

.PnlMasterPageHeaderAutoPopupContainer {
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

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

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}


.rnSessionTimeOut {
    width: 98% !important;
}

.RadNotification {
    width: 80% !important;
    top: 30% !important;
}

.lblPaymentInstructionBlink1 {
    width: 100% !important;
}

.RadXmlHttpPanel {
    width: 100% !important;
}


/***(START) CAPTCHA *************/
.rcRefreshImage {
    font-size: 14px;
    padding-left: 25px;
    padding-right: 25px;
    font-family: 'Segoe UI';
}

.RadCaptcha {
    text-align: left;
}

    .RadCaptcha a {
        color: #2489ce !important;
        font-weight: normal !important;
    }

    .RadCaptcha label {
        background: none !important;
        font-size: 14px;
    }

    .RadCaptcha p {
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;
        height: 16px;
    }

.divEventsDetailHTML div img, #divAnnouncementDescriptionContainer div img {
    height: 100% !important;
    width: 100% !important;
    margin: 5px 0px 5px !important;
}

* {
    text-shadow: none;
}


.PromotionIcon {
    background: url(../Images/Mobile/PromotionIcon.png) no-repeat;
    height: 37px;
    width: 45px;
}

.EventIcon {
    background: url("../Images/Mobile/EventIcon.png") no-repeat scroll 0 0 transparent;
    height: 37px;
    width: 45px;
}

.CouponsIcon {
    background: url("../Images/Mobile/CouponsIcon.png") no-repeat scroll 0 0 transparent;
    height: 37px;
    width: 45px;
}

.divCouponsTitle, .divEventTitle, .divPromotionTitle {
    font-weight: bold !important;
}

#clubinformation table tr td div {
    text-align: left !important;
}

/***(END) CAPTCHA *************/
.kitkat {
    /* OVERWRITES */
    background-color: #4F4F4F !important;
    -webkit-border-radius: 24px !important;
    border-radius: 24px !important;
}

    .kitkat p {
        font-size: 14px !important;
        max-width: 250px !important;
    }

.itemDetailErrorMsg p {
    padding-left: 35px !important;
    text-align: left;
    background-image: url('../Images/Mobile/images/icons-png/alert-white.png');
    background-repeat: no-repeat;
    background-position: 12px 8px;
}

@charset "UTF-8";

body {
    -webkit-backface-visibility: hidden;
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes flash {
    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%,50%,100%;

{
    opacity: 1;
}

25%, 75% {
    opacity: 0;
}

}

@keyframes flash {
    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.animated.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%,100% {
        -moz-transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -moz-transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -moz-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%,100%;

{
    -o-transform: translateX(0);
}

10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px);
}

20%, 40%, 60%, 80% {
    -o-transform: translateX(10px);
}

}

@keyframes shake {
    0%,100% {
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        transform: translateX(10px);
    }
}

.animated.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%,20%,50%,80%,100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%,20%,50%,80%,100%;

{
    -o-transform: translateY(0);
}

40% {
    -o-transform: translateY(-30px);
}

60% {
    -o-transform: translateY(-15px);
}

}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }

    10%,20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0%;

{
    -o-transform: scale(1);
}

10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
}

30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
}

40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
}

100% {
    -o-transform: scale(1) rotate(0);
}

}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%,20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.animated.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes swing {
    20%,40%,60%,80%,100% {
        -webkit-transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg);
    }

    40% {
        -moz-transform: rotate(-10deg);
    }

    60% {
        -moz-transform: rotate(5deg);
    }

    80% {
        -moz-transform: rotate(-5deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20%;

{
    -o-transform: rotate(15deg);
}

40% {
    -o-transform: rotate(-10deg);
}

60% {
    -o-transform: rotate(5deg);
}

80% {
    -o-transform: rotate(-5deg);
}

100% {
    -o-transform: rotate(0deg);
}

}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.animated.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes wobble {
    0% {
        -moz-transform: translateX(0%);
    }

    15% {
        -moz-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -moz-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -moz-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -moz-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -moz-transform: translateX(0%);
    }
}

@-o-keyframes wobble {
    0%;

{
    -o-transform: translateX(0%);
}

15% {
    -o-transform: translateX(-25%) rotate(-5deg);
}

30% {
    -o-transform: translateX(20%) rotate(3deg);
}

45% {
    -o-transform: translateX(-15%) rotate(-3deg);
}

60% {
    -o-transform: translateX(10%) rotate(2deg);
}

75% {
    -o-transform: translateX(-5%) rotate(-1deg);
}

100% {
    -o-transform: translateX(0%);
}

}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.animated.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes pulse {
    0%;

{
    -o-transform: scale(1);
}

50% {
    -o-transform: scale(1.1);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.animated.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-animation-timing-function: ease-out;
    }

    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -moz-animation-timing-function: ease-out;
    }

    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }

    80% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }

    100% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0%;

{
    -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -o-animation-timing-function: ease-out;
}

40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -o-animation-timing-function: ease-out;
}

50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
}

80% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -o-animation-timing-function: ease-in;
}

100% {
    -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in;
}

}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0%;

{
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
}

40% {
    -o-transform: perspective(400px) rotateX(-10deg);
}

70% {
    -o-transform: perspective(400px) rotateX(10deg);
}

100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
}

}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0%;

{
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
}

100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
}

}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0%;

{
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
}

40% {
    -o-transform: perspective(400px) rotateY(-10deg);
}

70% {
    -o-transform: perspective(400px) rotateY(10deg);
}

100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
}

}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.animated.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutY {
    0%;

{
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
}

100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
}

}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animated.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0%;

{
    opacity: 0;
}

100% {
    opacity: 1;
}

}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0%;

{
    opacity: 0;
    -o-transform: translateY(20px);
}

100% {
    opacity: 1;
    -o-transform: translateY(0);
}

}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0%;

{
    opacity: 0;
    -o-transform: translateY(-20px);
}

100% {
    opacity: 1;
    -o-transform: translateY(0);
}

}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0%;

{
    opacity: 0;
    -o-transform: translateX(-20px);
}

100% {
    opacity: 1;
    -o-transform: translateX(0);
}

}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRight {
    0%;

{
    opacity: 0;
    -o-transform: translateX(20px);
}

100% {
    opacity: 1;
    -o-transform: translateX(0);
}

}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUpBig {
    0%;

{
    opacity: 0;
    -o-transform: translateY(2000px);
}

100% {
    opacity: 1;
    -o-transform: translateY(0);
}

}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDownBig {
    0%;

{
    opacity: 0;
    -o-transform: translateY(-2000px);
}

100% {
    opacity: 1;
    -o-transform: translateY(0);
}

}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animated.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeftBig {
    0%;

{
    opacity: 0;
    -o-transform: translateX(-2000px);
}

100% {
    opacity: 1;
    -o-transform: translateX(0);
}

}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInRightBig {
    0%;

{
    opacity: 0;
    -o-transform: translateX(2000px);
}

100% {
    opacity: 1;
    -o-transform: translateX(0);
}

}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animated.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0%;

{
    opacity: 1;
}

100% {
    opacity: 0;
}

}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}

@-o-keyframes fadeOutUp {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(-20px);
}

}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.animated.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(20px);
}

}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.animated.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0%;

{
    opacity: 1;
    -o-transform: translateX(0);
}

100% {
    opacity: 0;
    -o-transform: translateX(-20px);
}

}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}

@-o-keyframes fadeOutRight {
    0%;

{
    opacity: 1;
    -o-transform: translateX(0);
}

100% {
    opacity: 0;
    -o-transform: translateX(20px);
}

}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.animated.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes fadeOutUpBig {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
}

}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.animated.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes fadeOutDownBig {
    0%;

{
    opacity: 1;
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(2000px);
}

}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.animated.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes fadeOutLeftBig {
    0%;

{
    opacity: 1;
    -o-transform: translateX(0);
}

100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
}

}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.animated.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes fadeOutRightBig {
    0%;

{
    opacity: 1;
    -o-transform: translateX(0);
}

100% {
    opacity: 0;
    -o-transform: translateX(2000px);
}

}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.animated.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0%;

{
    opacity: 0;
    -o-transform: scale(.3);
}

50% {
    opacity: 1;
    -o-transform: scale(1.05);
}

70% {
    -o-transform: scale(.9);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes slideInDown {
    0%;

{
    opacity: 0;
    -o-transform: translateY(-2000px);
}

100% {
    -o-transform: translateY(0);
}

}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes slideInLeft {
    0%;

{
    opacity: 0;
    -o-transform: translateX(-2000px);
}

100% {
    -o-transform: translateX(0);
}

}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes slideInRight {
    0%;

{
    opacity: 0;
    -o-transform: translateX(2000px);
}

100% {
    -o-transform: translateX(0);
}

}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes slideOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes slideOutLeft {
    0%;

{
    -o-transform: translateX(0);
}

100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
}

}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes slideOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes slideOutRight {
    0%;

{
    -o-transform: translateX(0);
}

100% {
    opacity: 0;
    -o-transform: translateX(2000px);
}

}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes slideOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes slideOutUp {
    0%;

{
    -o-transform: translateY(0);
}

100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
}

}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0%;

{
    opacity: 0;
    -o-transform: translateY(2000px);
}

60% {
    opacity: 1;
    -o-transform: translateY(-30px);
}

80% {
    -o-transform: translateY(10px);
}

100% {
    -o-transform: translateY(0);
}

}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.animated.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }

    80% {
        -moz-transform: translateY(-10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInDown {
    0%;

{
    opacity: 0;
    -o-transform: translateY(-2000px);
}

60% {
    opacity: 1;
    -o-transform: translateY(30px);
}

80% {
    -o-transform: translateY(-10px);
}

100% {
    -o-transform: translateY(0);
}

}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }

    80% {
        -moz-transform: translateX(-10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0%;

{
    opacity: 0;
    -o-transform: translateX(-2000px);
}

60% {
    opacity: 1;
    -o-transform: translateX(30px);
}

80% {
    -o-transform: translateX(-10px);
}

100% {
    -o-transform: translateX(0);
}

}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }

    80% {
        -moz-transform: translateX(10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0%;

{
    opacity: 0;
    -o-transform: translateX(2000px);
}

60% {
    opacity: 1;
    -o-transform: translateX(-30px);
}

80% {
    -o-transform: translateX(10px);
}

100% {
    -o-transform: translateX(0);
}

}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
}

@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1);
    }

    25% {
        -moz-transform: scale(.95);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
}

@-o-keyframes bounceOut {
    0%;

{
    -o-transform: scale(1);
}

25% {
    -o-transform: scale(.95);
}

50% {
    opacity: 1;
    -o-transform: scale(1.1);
}

100% {
    opacity: 0;
    -o-transform: scale(.3);
}

}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.animated.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}

@-o-keyframes bounceOutUp {
    0%;

{
    -o-transform: translateY(0);
}

20% {
    opacity: 1;
    -o-transform: translateY(20px);
}

100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
}

}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}

@-o-keyframes bounceOutDown {
    0%;

{
    -o-transform: translateY(0);
}

20% {
    opacity: 1;
    -o-transform: translateY(-20px);
}

100% {
    opacity: 0;
    -o-transform: translateY(2000px);
}

}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.animated.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}

@-o-keyframes bounceOutLeft {
    0%;

{
    -o-transform: translateX(0);
}

20% {
    opacity: 1;
    -o-transform: translateX(20px);
}

100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
}

}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.animated.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}

@-o-keyframes bounceOutRight {
    0%;

{
    -o-transform: translateX(0);
}

20% {
    opacity: 1;
    -o-transform: translateX(-20px);
}

100% {
    opacity: 0;
    -o-transform: translateX(2000px);
}

}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.animated.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    0%;

{
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
}

100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
}

}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    0%;

{
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
}

100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
}

}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0%;

{
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
}

100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
}

}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    0%;

{
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
}

100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
}

}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0%;

{
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
}

100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
}

}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOut {
    0%;

{
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
}

100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
}

}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.animated.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpLeft {
    0%;

{
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
}

100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
}

}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.animated.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownLeft {
    0%;

{
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
}

100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
}

}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animated.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpRight {
    0%;

{
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
}

100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
}

}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animated.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownRight {
    0%;

{
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
}

100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
}

}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.animated.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        opacity: 0;
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    20%,60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }

    100% {
        -moz-transform: translateY(700px);
        opacity: 0;
    }
}

@-o-keyframes hinge {
    0%;

{
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
}

20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
}

40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
}

80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
}

100% {
    -o-transform: translateY(700px);
    opacity: 0;
}

}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.animated.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
}

@-o-keyframes rollIn {
    0%;

{
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
}

100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
}

}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.animated.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}

@-o-keyframes rollOut {
    0%;

{
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
}

100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
}

}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.animated.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -moz-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@-o-keyframes lightSpeedIn {
    0%;

{
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
}

60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
}

80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
}

100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
}

}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@-o-keyframes lightSpeedOut {
    0%;

{
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
}

100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
}

}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}


@media screen and (max-width: 510px) {
    .viewunifieddashboardaspx #divDashboardActionButton > .ui-block-a, .viewunifieddashboardaspx #divDashboardActionButton > .ui-block-b, .viewunifieddashboardaspx #divDashboardActionButton > .ui-block-c {
        width: auto !important;
    }
}

/*Added By Hardik Goswami Mobile Master Page Loading Css as on 30-12-2016*/
.MainMasterPage, #divTriggerDelayInner {
    background: #DECEAD url(../Images/ajax-loader.gif) no-repeat 47% 39% !important;
}

    #divTriggerDelayInner img {
        display: none;
    }

.ui-icon-loading {
    background: none !important;
}

#divTriggerDelay {
    position: relative !important;
    background-color: #DECEAD !important;
}
/*Ended By Hardik Goswami Mobile Master Page Loading Css as on 30-12-2016*/

/*Pop up style by Rushi*/
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: rgba(0,0,0,0.8);
    display: none;
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
    text-align: center;
}

#boxes #dialog {
    width: 210px;
    height: auto;
    padding: 10px;
    background-color: #ffffff;
    /*font-family: 'Segoe UI Light', sans-serif;
    font-size: 15pt;*/
}

#dialog div {
    width: 100%;
    height: 100%;
}

.divChkDontShow {
    margin-top: 5px;
    float: left;
    text-align: left;
}

.linkBtn {
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #dcd9d2;
}

.yesBtn {
    color: blue;
}

.noBtn {
    color: Red;
}

#popUp-close {
    background-image: url("../Images/Mobile/fancy-close.png");
    background-size: 25px auto;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 25px;
    z-index: 1103;
}

#dialog p {
    margin: 0 !important;
}
/*End popup style by Rushi*/
.divParagraphBottomImg {
    background-image: url("../Images/Mobile/LandingPage/Hand.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-position: right top;
    background-size: 400px 200px;
}



/****************************Added by Happy Option Lvl Images Class [ 2018-02-06 ]***************************************************/
.imgOptionChar {
    display: inline;
    vertical-align: middle;
}
/****************************Option Lvl Images Class [ 2018-02-06 ]***************************************************/


/* (START) Tip Amount Confirmation Model Popup CSS  Added by Happy & Mayur*/
.TipModalWindow {
    /*height: 175px !important;
    width: 550px !important;*/
    z-index: 100001;
    background-color: #f8f8f8;
    text-align: center;
    border: 10px solid #eee;
    color: #222;
}

.pnlTipConfirmation {
    background: #e8e6e7;
    padding: 5px;
    width: 100%;
    float: left;
    display: block;
    text-align: left;
    font-family: Verdana;
}

.tip-confirmation-header {
    border: none;
    background: url(../Images/Mobile/Exclamationmark.png) no-repeat 3px 3px #6C0E0E;
    /*float: left;*/
    /*width: 95%;*/
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding-left: 28px;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

.tip-confirmation-message {
    text-align: center;
    margin: 0;
    padding: 7px 0 7px;
}

.tip-highlight {
    color: red;
    font-weight: bold;
}
/* (END) Tip Amount Confirmation Model Popup CSS */
.ordercheckoutaspx .OrderCheckoutConfirm, .ordercheckoutaspx .OrderCheckoutSubmit, .ordercheckoutaspx .OrderCheckoutSubmitSSL {
    border: none;
    background: url(../Images/globalPay.png) no-repeat;
    height: 81px;
    width: 160px;
    text-align: center;
    margin: 0px auto 0px 90px;
    cursor: pointer;
}

.asd div {
    background: transparent !important;
    border: none;
    text-shadow: none !important;
    border-style: none;
    height: 25px;
    box-shadow: none;
}

.ui-input-btn input {
    opacity: 1;
}
#ctl00_ContentPlaceHolder1_ctl04_btnConfirm, #ctl00_ContentPlaceHolder1_ctl04_btnDummyConfirm {
    display:none !important;
}