#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, #divforsqurecontainer
{
    float: right;
    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;
}

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

.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:2px;*/
    background-image: url("../Images/Mobile/HomePage/business-hours.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 65px !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: #E8E6E7;*/
    background-color: #fff;
    border: medium none;
    /*height: 100%;
    width: 100%;*/
}

#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: #B52755;
    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;
    color: white;
}

#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
{
    margin-bottom: 10px !important;
    font-weight: bold;
    color: Red;
    padding-left: 5px;
    font-size: 11px;
}

.errorMSGVSCat
{
    font-size: 10px;
}

#tdContactUsDetail, #TableBookingConiner, .tdVicRegisterForm, #CateringConiner
{
    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.jpg") 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;
    height: 25px;
    width: 87px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.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;
    }
}

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

/*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*/

/* (START) Tip Amount Confirmation Model Popup CSS */
.TipModalWindow {
       height: 182px !important;
    width: 419px !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/Exclamationmark.png) no-repeat 5px 5px;
    float: left;
    background-color: #6c0e0e;
    padding-left: 45px;
    color: #fff;
    font-size: 18px;
    width: 373px;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 15px;
    font-weight: bold;
}
.tip-confirmation-content,.tip-confirmation-footer {
    width:400px;
    float:left;
    padding:10px;
    display:block;
}

@media (max-width:640px) {
    .TipModalWindow {
           width: 301px !important;
    height: 211px !important;
    }
    .tip-confirmation-header, .tip-confirmation-content, .tip-confirmation-footer {
        width:260px;
    }
}
.tip-confirmation-message {
    text-align: left;
    margin: 0;
    padding: 7px 22px 7px;
}
.tip-highlight {
        color: red;
    font-weight: bold;
    
}
.tip-confirmation-footer {
    text-align:center;
    background-color: #d9d9d9;
}
    .tip-confirmation-footer .MidButton {
        width:87px;
        height:30px;
        color:#fff !important;
    }
    
    
    #ctl00_ContentPlaceHolder1_ctl00_pnlTipConfirmation
    {
    }
/* (END) Tip Amount Confirmation Model Popup CSS */