@font-face {

    font-family: 'MuseoSans500';

    src: url('../img/fonts/MuseoSans500-1.eot');

    src: url('../img/fonts/MuseoSans500-1.eot') format('embedded-opentype'), url('../img/fonts/MuseoSans500-1.woff') format('woff'), url('../img/fonts/MuseoSans500-1.ttf') format('truetype'), url('../img/fonts/MuseoSans500-1.svg') format('svg');

}



@font-face {

    font-family: 'MuseoSans700';

    src: url('../img/fonts/MuseoSans700-1.eot');

    src: url('../img/fonts/MuseoSans700-1.eot') format('embedded-opentype'), url('../img/fonts/MuseoSans700-1.woff') format('woff'), url('../img/fonts/MuseoSans700-1.ttf') format('truetype'), url('../img/fonts/MuseoSans700-1.svg') format('svg');

}



@font-face {

    font-family: 'MuseoSans300';

    src: url('../img/fonts/MuseoSans300-1.eot');

    src: url('../img/fonts/MuseoSans300-1.eot') format('embedded-opentype'), url('../img/fonts/MuseoSans300-1.woff') format('woff'), url('../img/fonts/MuseoSans300-1.ttf') format('truetype'), url('../img/fonts/MuseoSans300-1.svg') format('svg');

}



@font-face {

    font-family: 'HelveticaNeueLTStd55Roman';

    src: url('../img/fonts/HelveticaNeueLTStd55Roman-1.eot');

    src: url('../img/fonts/HelveticaNeueLTStd55Roman-1.eot') format('embedded-opentype'), url('../img/fonts/HelveticaNeueLTStd55Roman-1.woff') format('woff'), url('../img/fonts/HelveticaNeueLTStd55Roman-1.ttf') format('truetype'), url('../img/fonts/HelveticaNeueLTStd55Roman-1.svg') format('svg');

}



@font-face {

    font-family: 'HelveticaNeueLTStd45Light';

    src: url('../img/fonts/HelveticaNeueLTStd45Light-1.eot');

    src: url('../img/fonts/HelveticaNeueLTStd45Light-1.eot') format('embedded-opentype'), url('../img/fonts/HelveticaNeueLTStd45Light-1.woff') format('woff'), url('../img/fonts/HelveticaNeueLTStd45Light-1.ttf') format('truetype'), url('../img/fonts/HelveticaNeueLTStd45Light-1.svg') format('svg');

}



@font-face {

    font-family: "TekoBold";

    src: url("../img/fonts/TekoBold-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/TekoBold-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: 700;

    font-style: normal;

}



@font-face {

    font-family: "ALSSchlangeslabBlack";

    src: url(../img/fonts/ALSSchlangeslabBlack-1.woff), url(../img/fonts/ALSSchlangeslabBlack-1.woff2);

}



@font-face {

    font-family: "ALSSchlangeslabLight";

    src: url(../img/fonts/ALSSchlangeslabLight-1.woff), url(../img/fonts/ALSSchlangeslabLight-1.woff2);

}



@font-face {

    font-family: "LiebeErika_Regular";

    src: url("../img/fonts/LiebeErika_Regular-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/LiebeErika_Regular-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "LiebeErika_Bold";

    src: url("../img/fonts/LiebeErika_Bold-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/LiebeErika_Bold-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "LiebeErika_Black";

    src: url("../img/fonts/LiebeErika_Black-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/LiebeErika_Black-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "LiebeKlara_Regular";

    src: url("../img/fonts/LiebeKlara_Regular-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/LiebeKlara_Regular-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "Tngsten";

    src: url("../img/fonts/Tngsten-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/Tngsten-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: 100;

    font-style: normal;

}



@font-face {

    font-family: "Cantarell-Bold";

    src: url("../img/fonts/Cantarell-Bold-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/Cantarell-Bold-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "BungeeInline-Regular";

    src: url("../img/fonts/BungeeInline-Regular-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/BungeeInline-Regular-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "Inconsolata-Black";

    src: url("../img/fonts/Inconsolata-Black-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/Inconsolata-Black-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "IntervogueSoft-Ultra";

    src: url("../img/fonts/IntervogueSoft-Ultra-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/IntervogueSoft-Ultra-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "DINPro-Medium";

    src: url("../img/fonts/DINPro-Medium-1.woff") format("woff"), /* Modern Browsers */

    url("../img/fonts/DINPro-Medium-1.woff2") format("woff2"); /* Modern Browsers */

    font-weight: normal;

    font-style: normal;

}

/* --------------------

		Main Styles

-------------------- */



html, body {

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    text-size-adjust: 100%;

    margin: 0;

    color: #5a5a5a;

    font-family: "MuseoSans500", Helvetica, Arial, sans-serif;

    font-size: 24px;

    width: 640px;

}



.wrapper {

    width: 640px;

    overflow: hidden;

    margin: 0 auto;

	background-color:#000;

}



.clear {

    clear: both;

}



.ui-content.main {

    padding: 0;

    text-align: center;

}



a {

    color: #5a5a5a;

}



.dark {

    background-color: #e5e5e5;

}



.header {

    transition: none !important;

    height: 88px;

    width: 100%;

    float: left;

    text-align: center;

    overflow: hidden;

    background-color: #FFFFFF;

}



    .header .logo {

        /*width: 251px;*/

        height: 72px;

        background-repeat: no-repeat;

        display: block;

        margin: 8px auto;

    }



html, body {

    min-height: 100% !important;

    position: relative !important;

}



.footer, [data-role=footer] {

    width: 640px;

    bottom: 0;

    position: fixed !important;

    left: 0;

    top: auto !important;

}



.footer {

    height: 80px;

    padding-top: 8px;

    background-color: #FFFFFF;

    text-align: center;

}



    .footer li {

        list-style: none;

        display: inline-block;

        padding: 0 16px;

    }



        .footer li div {

            height: 43px;

            vertical-align: middle;

            text-align: center;

        }



            .footer li div img {

                vertical-align: middle;

            }



        .footer li:first-child {

            float: left;

            padding: 0 0 0 26px;

        }



        .footer li:last-child {

            float: right;

            padding: 0 26px 0 0;

        }



        .footer li a {

            text-decoration: none;

            color: #fff;

        }



        .footer li.selected a {

            color: #154976;

        }



.profile {

    text-align: left;

    padding: 34px 10px 19px 42px;

}



    .profile .avatar {

        float: left;

        margin-right: 20px;

        border-radius: 76px;

        height: 120px;

        width: 120px;

    }



    .profile h1 {

        padding-top: 10px;

        font-size: 34px;

        color: #5a5a5a;

        padding-bottom: 12px;

        font-family: "MuseoSans300", Arial, Helvetica, sans-serif;

    }



    .profile .name {

        font-size: 24px;

        color: #5a5a5a;

    }



    .profile .title {

        font-size: 22px;

        color: #8e8e8e;

    }



.review {

    padding-top: 51px;

    text-align: center;

    color: #5a5a5a;

    font-size: 30px;

}



    .review .votes {

        padding-left: 31px;

        width: 600px;

        margin: 0 auto;

        overflow: hidden;

        padding-bottom: 30px;

    }



        .review .votes .vote {

            width: 109px;

            height: 108px;

            background-repeat: no-repeat;

            cursor: pointer;

            margin: 0 16px;

            float: left;

        }



.icon-sad {

    background-image: url(../images/icon-sad-1.png);

}



.icon-neutral {

    background-image: url(../images/icon-neutral-1.png);

}



.icon-happy {

    background-image: url(../images/icon-happy-1.png);

}



.icon-very-happy {

    background-image: url(../images/icon-very-happy-1.png);

}



.review .votes .vote.ticked {

    background-position: 0 -108px;

}



.review .message {

    padding-bottom: 70px;

}



.button {

    background-color: #F4F4F4;

    height: 80px;

    line-height: 80px;

    width: 540px;

    text-align: center;

    font-size: 30px;

    display: block;

    margin: 0 auto 14px auto;

    text-decoration: none;

    color: #5a5a5a;

    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;

    border: 1px solid #B3B3B3;

    border-radius: 4px;

    transition: background-color 0.2s;

    transition-delay: 300ms;

}



    .button.nosetwidth {

        background-color: #F4F4F4;

        height: 80px;

        line-height: 80px;

        text-align: center;

        font-size: 30px;

        display: block;

        margin: 0 auto 14px auto;

        text-decoration: none;

        color: #5a5a5a;

        border: 1px solid #B3B3B3;

        border-radius: 4px;

        width: unset;

    }



    .button.half25 {

        width: 270px;

        font-size: 25px;

    }





    .button.blue {

        background-color: #18385E;

        border-color: #165183;

        color: #fff;

        text-shadow: 1px 1px 2px #1b5e97;

    }



        .button.blue:active {

            transition: none;

            background-color: #122945;

        }



/*Custom buttons*/

.cbutton {

    background-color: inherit;

    height: 80px;

    line-height: 80px;

    text-align: center;

    font-size: 27px;

    display: block;

    margin: 30px auto 14px auto;

    text-decoration: none;

    font-family: inherit;

    border: 0.75px solid #B3B3B3;

    border-radius: 4px;

    transition: background-color 0.2s;

    transition-delay: 300ms;

}



    .cbutton.rounded {

        border-radius: 25px;

    }



h2 {

    padding: 50px 0 35px 0;

    color: #5a5a5a;

    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;

    font-size: 32px;

}



h3 {

    text-align: center;

    font-size: 26px;

    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;

    padding: 30px 0 40px 0;

    color: #2d94ef;

    font-weight: normal;

}



.languageswith {

    position: absolute;

    bottom: 100px;

    right: 50px;

}



.ui-flipswitch {

    display: inline-block;

    vertical-align: middle;

    width: 5.875em; /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */

    height: 38px;

    background-color: #1069ff;

    border-color: #0051f2;

    border-width: 1px;

    font-weight: normal;

    border-radius: 5px;

    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;

    font-size: 24p;

    color: #fff;

    text-shadow: 1px 1px 2px #0b4cca;

    overflow: hidden;

}



    .ui-flipswitch .ui-btn.ui-flipswitch-on,

    .ui-flipswitch .ui-flipswitch-off {

        height: 1.45em;

        line-height: 1.40em;

    }



    .ui-flipswitch .ui-btn.ui-flipswitch-on {

        background-color: #fff;

    }



.button.facebook {

    background-image: url(../images/facebook-bg-1.gif);

    background-repeat: no-repeat;

    background-position: center center;

    padding: 1px 1px 1px 80px;

    background-color: #d5d5d5;

    width: 461px;

    height: 80px;

    color: #fff;

    border: 1px solid #cbcbcb;

    box-shadow: 0 0 1px #dddddd;

    border-radius: 4px;

}



.line {

    clear: both;

    padding-bottom: 10px;

}



form input {

    width: 504px;

    height: 40px;

    padding: 16px 17px;

    font-size: 30px;

    font-family: "MuseoSans500", Arial, Helvetica, sans-serif;

    line-height: 36px;

    border: 1px solid #d1d1d1;

    border-radius: 4px;

    background-color: #fff;

    box-shadow: inset 0 0 4px #e4e4e4, 0 0 1px #f2f2f2;

}



form button.submit {

    height: 80px;

    line-height: 80px;

    width: 540px;

    text-align: center;

    font-size: 27px;

    display: block;

    margin: 0 auto 14px auto;

    text-decoration: none;

    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;

    border: 1px solid #B3B3B3;

    border-radius: 4px;

    background-color: #2d94ef;

    border-color: #165183;

    color: #fff;

    text-shadow: 1px 1px 2px #1b5e97;

}



form.bordered {

    width: 540px;

    margin: 0 auto;

    display: block;

    margin-top: 35px;

    padding-top: 40px;

    border-top: 2px solid #d7d7d7;

}



form legend {

    font-size: 18px;

    color: #5a5a5a;

    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;

    width: 143px;

    text-align: center;

    background-color: #e5e5e5;

    margin-top: -50px;

    position: relative;

    float: left;

    margin-left: 200px;

}



.ui-loader {

    display: none;

}



.searchbar {

    background-color: #e5e5e5;

    padding: 17px 15px 0 15px;

    height: 70px;

}



    .searchbar .ui-input-text {

        display: inline;

    }



    .searchbar input {

        height: 28px;

        background-color: #fff;

        border: none;

        box-shadow: none;

        padding: 18px 20px 12px 46px;

        width: 340px;

        font-size: 28px;

        line-height: 28px;

        margin-right: 10px;

        color: #b3b3b3;

        background-image: url(../images/icon-mg-1.png);

        background-position: 13px 17px;

        background-repeat: no-repeat;

    }



    .searchbar .categories-link {

        font-size: 30px;

        height: 32px;

        line-height: 32px;

        padding-top: 15px;

        color: #18385E;

        float: right;

        background-image: url(../images/searchbar-categories-more-1.png);

        background-repeat: no-repeat;

        background-position: right 20px;

        padding-right: 26px;

        display: inline-block;

        text-decoration: none;

        font-family: 'HelveticaNeueLTStd45Light', Arial, Helvetica, sans-serif;

    }



.searchbar-rtl {

    background-color: #e5e5e5;

    padding: 17px 15px 0 15px;

    height: 70px;

}



    .searchbar-rtl .ui-input-text {

        display: inline;

    }



    .searchbar-rtl input {

        height: 28px;

        background-color: #fff;

        border: none;

        box-shadow: none;

        padding: 18px 46px 12px 20px;

        width: 340px;

        font-size: 28px;

        line-height: 28px;

        margin-right: 10px;

        color: #b3b3b3;

        background-image: url(../images/icon-mg-1.png);

        background-position: 370px 17px;

        background-repeat: no-repeat;

    }



    .searchbar-rtl .categories-link {

        font-size: 34px;

        height: 32px;

        line-height: 32px;

        padding-top: 15px;

        color: #2a8fe8;

        float: right;

        background-image: url(../images/searchbar-categories-more-1.png);

        background-repeat: no-repeat;

        background-position: right 20px;

        padding-right: 26px;

        display: inline-block;

        text-decoration: none;

        font-family: 'HelveticaNeueLTStd45Light', Arial, Helvetica, sans-serif;

    }



ul.list {

    clear: both;

    background-color: #fff;

    border-top: 1px solid #c8c8c8;

    border-bottom: 1px solid #c8c8c8;

}



    ul.list.followyesno {

        border: none;

    }



    ul.list a, ul.list .a {

        display: block;

        padding-left: 169px;

        position: relative;

        text-decoration: none;

    }



    ul.list li {

        display: block;

        background-image: url(../images/list-separator-1.png);

        background-repeat: no-repeat;

        background-position: bottom right;

        min-height: 150px;

        overflow: hidden;

    }



        ul.list li .comments {

            display: block;

            margin-left: -150px;

            position: relative;

            text-align: left;

            padding-bottom: 10px;

            font-size: 30px;

            font-family: MuseoSans500;

        }



            ul.list li .comments .comment {

                display: block;

                /*padding-bottom: 10px;*/

            }



    ul.list .details {

        display: block;

        height: 149px;

        padding-bottom: 20px;

        text-align: left;

    }



    ul.list .logo-container {

        position: absolute;

        top: 0;

        left: 0;

    }



    ul.list .logo {

        width: 169px;

        height: 148px;

        vertical-align: middle;

        text-align: center;

        display: table-cell;

        top: 0;

        left: 0;

    }



        ul.list .logo img {

            vertical-align: middle;

        }



    ul.list .title {

        font-size: 34px;

        color: #5a5a5a;

        padding-top: 45px;

        display: block;

        padding-bottom: 5px;

        font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

    }



    ul.list .details.blue .title {

        color: #2a8ee5;

    }



    ul.list .details.gray .title {

        color: #c5c5c5;

    }



    ul.list .description {

        color: #8e8e8e;

        font-size: 18px;

        font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;

        display: block;

    }



    ul.list .details.blue .description {

        color: #2a8ee5;

    }



    ul.list .details.gray .description {

        color: #c5c5c5;

    }



    /*ul.list .present-count {

    position: absolute;

    top: 50px;

    right: 77px;

    background-image: url(/images/icon-present-count.png); 

    background-image: url(/images/icon-gift-big.png);

    background-size: 50px 50px;

    background-repeat: no-repeat;

    width: 36px;

    height: 48px;

    padding-left: 21px;

    text-align: center;

    font-size: 26px;

    line-height: 36px;

    color: #2d94ef;

    font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;

}*/



    ul.list .more {

        position: absolute;

        top: 69px;

        right: 16px;

        background-image: url(../images/icon-list-more-1.png);

        width: 33px;

        height: 33px;

    }



    ul.list li.manager-alert-answer {

        background-image: none !important;

        display: block;

        min-height: 0px !important;

        position: relative;

        text-align: left;

        padding-bottom: 10px;

        padding-top: 10px;

        font-size: 30px;

        font-family: MuseoSans500;

        padding-left: 20px;

        border-bottom: 1px;

        border-bottom-color: #f1f1f1;

        border-bottom-style: solid;

        padding-right: 15px;

    }



        ul.list li.manager-alert-answer span.manager-alert-photo {

            float: left;

            margin-left: 12px;

        }



        ul.list li.manager-alert-answer span.manager-alert-comment {

            display: block;

            border-radius: 15px;

            padding-top: 15px;

            padding-bottom: 15px;

            color: #5a5a5a;

            font-family: MuseoSans500;

            font-size: 35px;

        }



        ul.list li.manager-alert-answer span.manager-alert-photo-instruction {

            font-size: 20px;

            font-family: 'MuseoSans300';

            padding-top: 15px;

            padding-bottom: 15px;

            text-align: center;

            display: block;

        }



ul.list-rtl {

    clear: both;

    background-color: #fff;

    border-top: 1px solid #c8c8c8;

    border-bottom: 1px solid #c8c8c8;

}



    ul.list-rtl.followyesno {

        border: none;

    }



    ul.list-rtl a, ul.list-rtl .a {

        display: block;

        padding-right: 169px;

        position: relative;

        text-decoration: none;

    }



    ul.list-rtl li {

        display: block;

        background-image: url(../images/list-separator-1.png);

        background-repeat: no-repeat;

        background-position: bottom right;

        min-height: 150px;

        overflow: hidden;

    }



        ul.list-rtl li .comments {

            display: block;

            margin-left: -150px;

            position: relative;

            text-align: right;

            padding-bottom: 10px;

            font-size: 30px;

            font-family: MuseoSans500;

        }



            ul.list-rtl li .comments .comment {

                display: block;

            }



    ul.list-rtl .details {

        display: block;

        height: 149px;

        padding-bottom: 20px;

        text-align: right;

    }



    ul.list-rtl .logo-container {

        position: absolute;

        top: 0;

        right: 0;

    }



    ul.list-rtl .logo {

        width: 169px;

        height: 148px;

        vertical-align: middle;

        text-align: center;

        display: table-cell;

        top: 0;

        right: 0;

    }



ul.list .logo img {

    vertical-align: middle;

}



ul.list-rtl .title {

    font-size: 34px;

    color: #5a5a5a;

    padding-top: 45px;

    display: block;

    padding-bottom: 5px;

    font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

}



ul.list-rtl .details.blue .title {

    color: #2a8ee5;

}



ul.list .details.gray .title {

    color: #c5c5c5;

}



ul.list-rtl .description {

    color: #8e8e8e;

    font-size: 18px;

    font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;

    display: block;

}



ul.list-rtl .details.blue .description {

    color: #2a8ee5;

}



ul.list-rtl .details.gray .description {

    color: #c5c5c5;

}





ul.list-rtl .more {

    position: absolute;

    top: 69px;

    left: 18px;

    background-image: url(../images/icon-list-more-1.png);

    width: 33px;

    height: 33px;

}



/*General, Rating, Info Request Instructions/ Disclaimers/ Error Messages / Checkboxes*/

/*Manager Alert Actions Styling*/

.disclaimer {

    text-align: center;

    font-size: 20px;

    font-weight: 400;

    color: #5a5a5a;

    padding-left: 45px;

    padding-right: 45px;

    margin-top: 10px;

    margin-bottom: 10px;

}



.directions {

    text-align: center;

    font-size: 20px;

    font-weight: 400;

    color: #f17012;

    padding-left: 45px;

    padding-right: 45px;

    margin-top: 10px;

    margin-bottom: 10px;

}



    .directions.inverted {

        text-align: center;

        font-size: 20px;

        font-weight: 400;

        color: white;

        width: 540px;

        background: #f17012;

        margin: auto;

        line-height: 30px;

    }



span.errorMessage {

    font-size: 20px;

    color: red;

    width: 540px;

    margin-right: auto;

    margin-left: auto;

    margin-top: 10px;

    margin-bottom: 10px;

}







/*Manager Alert Specific List Display*/

ul.list-rtl li.manager-alert-answer {

    background-image: none !important;

    display: block;

    min-height: 0px !important;

    position: relative;

    text-align: right;

    padding-bottom: 10px;

    padding-top: 10px;

    font-size: 30px;

    font-family: MuseoSans500;

    padding-right: 20px;

    border-bottom: 1px;

    border-bottom-color: #f1f1f1;

    border-bottom-style: solid;

}



    ul.list-rtl li.manager-alert-answer span.manager-alert-photo {

        float: right;

        margin-right: 12px;

    }



    ul.list-rtl li.manager-alert-answer span.manager-alert-comment {

        display: block;

        border-radius: 15px;

        padding-top: 15px;

        padding-bottom: 15px;

        color: #5a5a5a;

        font-family: MuseoSans500;

        font-size: 35px;

    }



    ul.list-rtl li.manager-alert-answer span.manager-alert-photo-instruction {

        font-size: 20px;

        font-family: 'MuseoSans300';

        padding-top: 15px;

        padding-bottom: 15px;

        text-align: center;

        display: block;

    }



.manager-alert-comment {

    display: block;

    border-radius: 15px;

    padding-top: 15px;

    padding-bottom: 15px;

    color: #5a5a5a;

    font-family: MuseoSans500;

    font-size: 35px;

}



.manager-alert-photo-instruction {

    font-size: 20px;

    font-family: 'MuseoSans300';

    padding-top: 15px;

    padding-bottom: 15px;

    text-align: center;

    display: block;

}



.manager-alert-instruction-title {

    display: block;

    color: #2D94EF;

    font-size: 40px;

    margin-top: 20px;

    font-weight: 600;

}





.company-profile {

    background-color: #fff;

    text-align: left;

    font-size: 20px;

    color: #5a5a5a;

    font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

    padding: 40px 0 20px 170px;

}



    .company-profile .logo {

        float: left;

        margin-left: -170px;

        width: 165px;

        position: relative;

        text-align: center;

    }



    .company-profile .yapan {

        margin-top: -28px;

        margin-bottom: 7px;

    }



    .company-profile .name {

        font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

        font-size: 34px;

        line-height: 34px;

        padding-bottom: 20px;

        color: #5a5a5a;

    }



    .company-profile .onlyname {

        font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

        font-size: 34px;

        line-height: 34px;

        padding-bottom: 40px;

        padding-top: 34px;

        color: #5a5a5a;

    }



    .company-profile .phone {

        font-size: 16px;

        width: 238px;

        float: left;

        height: 35px;

        line-height: 30px;

        padding-bottom: 15px;

        padding-left: 45px;

        background-image: url(../images/icon-phone-1.png);

        background-repeat: no-repeat;

        background-position: 5px 0;

    }



    .company-profile .address {

        font-size: 16px;

        width: 238px;

        float: left;

        height: 40px;

        line-height: 35px;

        padding-bottom: 15px;

        padding-left: 45px;

        background-image: url(../images/icon-pin-1.png);

        background-repeat: no-repeat;

        background-position: 0 0;

    }



.company-profile-rtl {

    background-color: #fff;

    text-align: right;

    font-size: 20px;

    color: #5a5a5a;

    font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

    padding: 40px 170px 20px 0px;

}



    .company-profile-rtl .logo {

        float: right;

        margin-right: -170px;

        width: 165px;

        position: relative;

        text-align: center;

    }



    .company-profile-rtl .yapan {

        margin-top: -28px;

        margin-bottom: 7px;

    }



    .company-profile-rtl .name {

        font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

        font-size: 34px;

        line-height: 34px;

        padding-bottom: 20px;

        color: #5a5a5a;

    }



    .company-profile-rtl .onlyname {

        font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

        font-size: 34px;

        line-height: 34px;

        padding-bottom: 40px;

        padding-top: 34px;

        color: #5a5a5a;

    }



    .company-profile-rtl .phone {

        font-size: 16px;

        width: 238px;

        float: right;

        height: 35px;

        line-height: 30px;

        padding-bottom: 15px;

        padding-right: 45px;

        background-image: url(../images/icon-phone-1.png);

        background-repeat: no-repeat;

        background-position: 10px 0;

    }



    .company-profile-rtl .address {

        font-size: 16px;

        width: 238px;

        float: right;

        height: 40px;

        line-height: 35px;

        padding-bottom: 15px;

        padding-right: 45px;

        background-image: url(../images/icon-pin-1.png);

        background-repeat: no-repeat;

        background-position: 200px 0;

    }



    .company-profile-rtl .contactBtn {

        margin-left: 60px;

    }



    .company-profile-rtl .icons {

        float: right;

        margin-left: 5px;

    }



.point-contact-info {

    font-size: 25px;

    padding-bottom: 5px;

    padding-top: 5px;

}



.notice {

    clear: both;

    text-align: left;

    min-height: 36px;

    font-size: 25px;

    color: #5a5a5a;

    padding-left: 15px;

    padding-top: 12px;

    padding-bottom: 6px;

    background-color: #E5E5E5;

    font-family: MuseoSans500;

}



    .notice.dark {

        color: #5a5a5a !important;

        background-color: transparent;

        min-height: 36px;

    }



.notice-rtl {

    clear: both;

    text-align: right;

    min-height: 36px;

    font-size: 25px;

    color: #5a5a5a;

    padding-right: 15px;

    padding-top: 12px;

    padding-bottom: 6px;

    background-color: #E5E5E5;

    font-family: MuseoSans500;

}



    .notice-rtl.dark {

        color: #5a5a5a !important;

        background-color: transparent;

        min-height: 36px;

    }







.questions {

    padding-top: 27px;

    font-family: 'MuseoSans700', Arial, Helvetica, sans-serif;

}



    .questions .progressbar {

        width: 84%;

        margin: 0 auto;

        background-color: #ebebeb;

        height: 20px;

        margin-bottom: 50px;

    }



        .questions .progressbar .progress {

            height: 20px;

            background-color: #2d94ef;

        }



    .questions .notice {

        width: 84%;

        margin: 0 auto;

        font-size: 30px;

        padding-bottom: 15px;

        color: #bfbfbf;

    }



    .questions .question-wrapper {

        background-color: #f7f7f7;

        padding: 15px 0;

        margin-bottom: 20px;

    }



    .questions .question {

        width: 84%;

        margin: 0 auto;

        text-align: left;

        color: #5a5a5a;

        font-size: 30px;

        line-height: 36px;

        min-height: 90px;

        overflow: auto;

    }



        .questions .question.auto {

            height: auto;

            padding-bottom: 50px;

        }



.questions-rtl {

    padding-top: 27px;

    font-family: 'MuseoSans700', Arial, Helvetica, sans-serif;

}



    .questions-rtl .progressbar {

        width: 84%;

        margin: 0 auto;

        background-color: #ebebeb;

        height: 20px;

        margin-bottom: 50px;

    }



        .questions-rtl .progressbar .progress {

            height: 20px;

            background-color: #2d94ef;

        }



    .questions-rtl .notice {

        width: 84%;

        margin: 0 auto;

        font-size: 30px;

        padding-bottom: 15px;

        color: #bfbfbf;

    }



    .questions-rtl .question-wrapper {

        background-color: #f7f7f7;

        padding: 15px 0;

        margin-bottom: 20px;

    }



    .questions-rtl .question {

        width: 84%;

        margin: 0 auto;

        text-align: right;

        color: #5a5a5a;

        font-size: 30px;

        line-height: 36px;

        min-height: 90px;

        overflow: auto;

    }



        .questions-rtl .question.auto {

            height: auto;

            padding-bottom: 50px;

        }





.padded {

    height: 180px;

}



.rating .score {

    padding: 0;

    font-size: 32px;

    color: #a5a5a5;

    font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

}



    .rating .score big {

        font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;

        font-size: 60px;

        color: #5a5a5a;

    }



.rating .messages {

    font-size: 30px;

}



    .rating .messages li {

        list-style: none;

        display: none;

    }



        .rating .messages li.selected {

            display: block;

        }



.ui-slider-input {

    display: none !important;

}



.rating .ui-slider {

    margin-bottom: 40px;

}



.ui-slider {

    background-image: url(../images/slider-hints-1.png);

    padding-bottom: 25px !important;

    background-position: bottom center;

    background-repeat: no-repeat;

}



.ui-slider-track {

    width: 410px;

    display: block;

    margin: 0 auto;

    background-color: #eeeeee;

    border: none;

    height: 23px;

    border-radius: 5px;

}



.ui-btn-active {

    background-color: #2974bb;

}



.ui-slider-handle {

    width: 44px !important;

    height: 44px !important;

    background-color: #236b8d;

    border-radius: 22px;

    margin-top: -22px !important;

}



button.submit.green, .button.green {

    background-color: #6dc044;

    border-color: #3eb652;

    transition: background-color 0.2s;

    transition-delay: 300ms;

}



    button.submit.green:active, .button.green:active {

        background-color: #429818;

        border-color: #3eb652;

        transition: none;

    }



a.button.green {

    color: #fff;

    text-shadow: 1px 1px 1px #576c4d;

}



.yesno {

    width: 542px;

    margin: 0 auto;

    overflow: hidden;

}



    .yesno .half {

        width: 262px;

    }



.half button.submit {

    width: 262px;

}



button.submit.red {

    background-color: #ff3b30;

    border-color: #d23027;

    transition: background-color 0.2s;

    transition-delay: 300ms;

}



    button.submit.red:active {

        background-color: #cb2016;

        border-color: #d23027;

        transition: none;

    }



button.submit.blue, .button.blue {

    background-color: #18385E;

    border-color: #165183;

    transition: background-color 0.2s;

    transition-delay: 300ms;

}



    button.submit.blue:active, .button.blue:active {

        background-color: #0d69ba;

        border-color: #165183;

        transition: none;

    }



button.submit.orange, .button.orange {

    background-color: #f17012;

    border-color: #b35916;

    color: #ffffff;

    transition: background-color 0.2s;

    transition-delay: 300ms;

}



    button.submit.orange:active, .button.orange:active {

        background-color: #c97911;

        border-color: #b35916;

        transition: none;

    }



button.submit.gray, .button.gray {

    background-color: #f4f4f4;

    border-color: #b3b3b3;

    color: #5a5a5a;

    text-shadow: none;

}



    button.submit.gray:active, .button.gray:active {

        background-color: #d4d4d4;

        border-color: #b3b3b3;

        transition: none;

    }



button.submit.black, .button.black {

    background-color: #000000;

    border-color: #444444;

    color: #ffffff;

    text-shadow: none;

}



    button.submit.black:active, .button.black:active {

        background-color: #444444;

        border-color: #444444;

        transition: none;

    }



.congrats {

    padding: 15px 0 0 50px;

    background-image: url(../images/icon-gift-1.png);

    background-repeat: no-repeat;

    background-position: 13px 10px;

    font-size: 30px;

    color: #2a8ee5;

    font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

    text-align: left;

}





.notice_result {

    clear: both;

    text-align: left;

    height: 28px;

    font-size: 24px;

    color: white;

    background-color: #E5E5E5;

    padding-top: 7px;

    padding-bottom: 19px;

    padding-left: 12px;

    padding-right: 12px;

}





.reward {

    text-align: right;

    font-size: 32px;

    line-height: 38px;

    color: #5a5a5a;

    padding-right: 50px;

    padding-bottom: 70px;

}



    .reward big {

        font-size: 36px;

        font-weight: normal;

        font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;

    }







.followlist {

    font-size: 30px;

    padding: 38px 0 29px 0;

    border-bottom: 1px solid #c8c8c8;

    margin-bottom: 5px;

}



textarea {

    width: 526px;

    min-height: 206px;

    resize: none;

    border-radius: 4px;

    font-family: 'MuseoSans500', Arial, Helvetica, sans-serif;

    font-size: 40px;

    padding: 7px;

    border: 1px solid #b3b3b3;

    margin-bottom: 30px;

}



    textarea.basketAddress {

        min-height: 75px;

        font-size: 25px;

        width: 562px;

        margin-bottom: 20px;

    }



    textarea.basketNotes {

        min-height: 90px;

        font-size: 25px;

        width: 562px;

        margin-bottom: 20px;

    }



.ui-controlgroup-vertical {

    background-color: #f8f8f8;

    border: 1px solid #b3b3b3 !important;

    border-bottom: none !important;

    border-radius: 4px;

    width: 540px;

    display: block;

    text-align: left;

    margin: 0 auto 50px auto !important;

}



    .ui-controlgroup-vertical input {

        visibility: hidden;

    }



.ui-field-contain > label + [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {

    width: 100%;

}



.ui-controlgroup-vertical label {

    min-height: 56px;

    /*height: 76px;*/

    /*line-height: 76px;*/

    border-bottom: 1px solid #b3b3b3;

    padding-left: 53px;

    display: block;

    background-image: url(../images/checkbox-unchecked-1.png);

    background-repeat: no-repeat;

    background-position: 12px 21px;

    padding-top: 20px;

}



    .ui-controlgroup-vertical label.ui-checkbox-on {

        background-image: url(../images/checkbox-checked-1.png);

    }



.ui-content.main {

    overflow-y: hidden;

}



.footer {

    overflow: hidden;

}



.darkIcons {

    color: #5A5A5A;

}



.medIcons {

    color: #C0C0C0;

}



.lightIcons {

    color: #ffffff;

}



.red {

    color: #ff3b30;

}



.green {

    color: green;

}



.gray {

    color: #5a5a5a;

}



.donotdisplay {

    display: none;

}



.target-offer {

    background-color: #fff;

    text-align: left;

    font-size: 20px;

    color: #5a5a5a;

    font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;

    padding: 40px 0 20px 0px;

    min-height: 200px;

}



    .target-offer .reward {

        font-size: 40px;

        line-height: 50px;

        color: #5a5a5a;

        margin-right: 12px;

        min-height: 200px;

        padding-bottom: 0px;

        margin-left: 224px;

        text-align: left;

    }



    .target-offer .logo {

        /*width: 200px;

    height: 200px;

    margin-left: 12px;

    float:left;*/

        width: auto;

        text-align: center;

    }



    .target-offer .explanation {

        padding-left: 0px;

        font-size: 34px;

        text-align: center;

        font-family: MuseoSans500;

        padding-bottom: 13px;

        padding-top: 13px;

        border-width: thin;

        border-style: double;

        border-right: none;

        border-left: none;

        border-top: none;

        background-color: #E5E5E5;

    }



    .target-offer .detail {

        font-size: 34px;

        line-height: 45px;

        color: #5a5a5a;

        padding-right: 30px;

        padding-left: 30px;

        padding-bottom: 0px;

        padding-top: 12px;

        text-align: left;

    }



.tb_legend {

    font-size: 18px;

    color: #5a5a5a;

    font-family: "MuseoSans700", Arial, Helvetica, sans-serif;

    width: 143px;

    text-align: center;

    background-color: #e5e5e5;

    margin-top: -50px;

    position: relative;

    float: left;

    margin-left: 200px;

}



.footernotice {

    clear: both;

    text-align: left;

    height: 28px;

    font-size: 14px;

    color: #5a5a5a;

    padding-top: 15px;

    background-image: url(../images/poweredby-1.png);

    background-repeat: no-repeat;

    background-position-x: 91%;

    background-position-y: center;

}



[data-role=page] {

    padding-top: 90px;

}





/*custom changes*/

.culture {

    display: inline-block;

    width: 18%;

}



    .culture option {

        width: 21%;

    }



select.culture {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    min-height: 1.5em;

    min-height: 100%;

    height: 3em;

    max-height: 100%;

    outline: 0;

    -webkit-border-radius: inherit;

    border-radius: inherit;

    -webkit-appearance: none;

    -moz-appearance: none;

    cursor: pointer;

    filter: Alpha(Opacity=0);

    opacity: 0;

    z-index: 2;

}



/*Facebook Share Button on Manager Alert*/

.fbShareButton {

    background-color: #3b5998 !important;

    transition: none;

}



    .fbShareButton:hover {

        cursor: pointer;

    }



    .fbShareButton:active {

        background-color: #25427d !important;

        transition-delay: 0.2ms;

    }



/*Instagram button*/

.instagram {

    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);

    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

}



/*Manager Alert Actions Styling*/

.manager-alert-action-title {

    text-align: center;

    font-size: 25px;

    font-weight: 400;

    color: #5a5a5a;

    padding-left: 55px;

    padding-right: 45px;

    margin-top: 40px;

    margin-bottom: 20px;

}



.manager-alert-divider {

    height: 25px;

    position: relative;

    border-bottom: 1px solid #cccccc;

}





/*manager alert ara*/



.contactBtn {

    height: 35px;

    padding-top: 3px;

    margin-left: 30px;

    width: 140px;

    float: left;

    background-color: dodgerblue;

    text-align: center;

}



    .contactBtn:hover {

        background-color: lightblue;

    }



.refreshBtn {

    width: 410px;

    margin-top: 20px;

    font-size: 20px;

    font-weight: bold;

    text-align: center;

}



    .refreshBtn:hover {

        cursor: pointer;

    }



img.rounded {

    border-radius: 50%;

}



/*CHECKBOX CUSTOM*/

input[type="checkbox"] {

    margin: 4px 0 0;

    margin-top: 1px \9;

    *margin-top: 0;

    line-height: normal;

}



.custom-checkbox-field {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 6px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



    .custom-checkbox-field.boxed {

        line-height: 45px;

        font-weight: bold;

        border: 0.5px solid lightgray;

        border-radius: 4px;

        padding-left: 65px;

        text-align: left;

    }



        .custom-checkbox-field.boxed.sideMenuOpenTrigger {

            background-color: #f8f8f8;

            border: 1px solid #b3b3b3 !important;

            border-radius: 4px;

            width: 460px;

            display: block;

            text-align: left;

            margin: 0 auto 10px auto !important;

            font-size: 20px;

            line-height: normal;

            margin-top: 10px;

            height: 70px;

            padding: 15px 15px 0px 70px;

            font-weight: 300;

        }



            .custom-checkbox-field.boxed.sideMenuOpenTrigger input {

                width: 250px;

            }



        .custom-checkbox-field.boxed .checkmark {

            position: absolute;

            top: 0;

            left: 0;

            height: 45px;

            width: 45px;

            background-color: lightgray;

            border-radius: 2px;

        }



.greenfield {

    color: #00B050 !important;

}



.redfield {

    color: #C00000 !important;

}



.bluefield {

    color: #00aae3 !important;

}



.grayfield {

    color: #595959 !important;

}



/* Hide the browser's default checkbox */

.custom-checkbox-field {

    overflow: unset;

}



    .custom-checkbox-field input {

        position: absolute;

        opacity: 0;

        cursor: pointer;

    }



/* Create a custom checkbox */

.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    background-color: #eee;

}



/* On mouse-over, add a grey background color */

.custom-checkbox-field:hover input ~ .checkmark {

    background-color: darkslategray;

}



/* When the checkbox is checked, add a blue background */

.custom-checkbox-field input:checked ~ .checkmark {

    background-color: #00aae3;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



/* Show the checkmark when checked */

.custom-checkbox-field input:checked ~ .checkmark:after {

    display: block;

}



/* Style the checkmark/indicator */

.custom-checkbox-field .checkmark:after {

    left: 9px;

    top: 5px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.custom-checkbox-field.boxed .checkmark:after {

    left: 14px;

    top: 1px;

    width: 12px;

    height: 25px;

    border: solid white;

    border-width: 0 7px 7px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



/*Menu Related CSS*/

.menuSideBar {

    height: 150%;

    width: 0;

    position: fixed;

    z-index: 10;

    top: 0px;

    left: 0;

    background-color: #111;

    overflow-x: hidden;

    transition: 0.7s;

    padding-top: 0px;

}



    .menuSideBar.openAtStart {

        width: 100%;

    }



    .menuSideBar .sideBarheader {

        transition: none !important;

        width: 100%;

        text-align: center;

        overflow: hidden;

        height: 100px;

        float: unset;

        margin-bottom: 30px;

    }



        .menuSideBar .sideBarheader .logo {

            width: 680px;

            height: 72px;

            background-repeat: no-repeat;

            display: block;

            margin: auto;

            padding: 0px;

            margin-top: 8px;

        }



    .menuSideBar a {

        padding: 8px 8px 8px 32px;

        text-decoration: none;

        font-size: 35px;

        color: #818181;

        display: block;

        transition: 0.3s;

    }



        .menuSideBar a:hover {

            color: #f1f1f1;

        }



    .menuSideBar .sideMenuCloseBtn {

        position: absolute;

        top: 0;

        right: 0;

        background-color: white;

        height: 500%;

        width: 15px;

    }



        .menuSideBar .sideMenuCloseBtn > span {

            line-height: 1;

            letter-spacing: .08em;

            display: block;

            margin: 0 auto;

            transform: rotate(90deg);

            white-space: nowrap;

            font-size: 35px;

            margin-left: -15px;

            margin-right: 20px;

            /*margin-top: 25px;*/

            margin-top: 115px;

        }



    .menuSideBar .accordion {

        cursor: pointer;

        padding-left: 18px;

        padding-right: 18px;

        padding-top: 10px;

        padding-bottom: 10px;

        width: 90%;

        border: none;

        outline: none;

        transition: 0.4s;

    }



    .menuSideBar .sideBarItemImage {

        min-height: 120px;

        background-size: cover;

        border-radius: 4px;

        margin-bottom: 10px;

        margin-top: -8px;

        margin-left: -20px;

        margin-right: -20px;

    }



    .menuSideBar .accordion.boxed {

        width:82%;

        border: solid 0.5px #B3B3B3;

        text-align: center;

        padding: 8px 20px 8px 20px;

        margin-bottom: 20px;

        text-decoration: none;

        font-size: 30px;

        color: #818181;

        display: block;

        transition: 0.3s;

        margin-right: 10%;

        margin-left: auto;

        border-radius: 4px;

        transition: 0.4s;

    }



        .menuSideBar .accordion.boxed i {

            display: none;

        }



    .menuSideBar .accordion.textCentered {

        text-align: center;

        text-decoration: none;

    }



        .menuSideBar .accordion.textCentered i {

            display: none;

        }



    .menuSideBar .fixedAccordion {

        cursor: pointer;

        padding-left: 18px;

        padding-right: 18px;

        padding-top: 10px;

        padding-bottom: 10px;

        width: 90%;

        border: none;

        outline: none;

        transition: 0.4s;

    }



        .menuSideBar .fixedAccordion.boxed {

            width: 82%;

            border: solid 0.5px #B3B3B3;

            text-align: center;

            padding: 8px 20px 8px 20px;

            margin-bottom: 20px;

            text-decoration: none;

            font-size: 30px;

            color: #818181;

            display: block;

            transition: 0.3s;

            margin-right: 10%;

            margin-left: auto;

            transition: 0.4s;

        }



            .menuSideBar .fixedAccordion.boxed i {

                display: none;

            }

                .menuSideBar .fixedAccordion.textCentered {

        text-align: center;

        text-decoration: none;

    }



        .menuSideBar .fixedAccordion.textCentered i {

            display: none;

        }



    .menuSideBar .panel {

        padding: 0 18px;

        max-height: 0;

        overflow: hidden;

        transition: max-height 0.2s ease-out;

        margin-right: 55px;

    }



        .menuSideBar .panel a {

            width: 300px;

            border: solid 0.5px #B3B3B3;

            text-align: center;

            padding: 8px 20px 8px 20px;

            margin-bottom: 10px;

            text-decoration: none;

            font-size: 30px;

            color: #818181;

            display: block;

            transition: 0.3s;

            margin-right: auto;

            margin-left: auto;

        }



.sideMenuOpenBtnTall {

    height: 100%;

    width: 50px;

    position: fixed;

    z-index: 1;

    top: 91px;

    left: 0;

    background-color: #111;

    overflow-x: hidden;

    transition: 0.5s;

    border-left: none;

    border-top: none;

    border-bottom: none;

    border-right: none;

    overflow-y: hidden;

    transform: translate(0px, 0px);

}



    .sideMenuOpenBtnTall:hover {

        background-color: #444;

    }



    .sideMenuOpenBtnTall > span {

        line-height: 1;

        letter-spacing: .08em;

        display: block;

        margin: 0 auto;

        transform: rotate(90deg);

        white-space: nowrap;

        font-size: 35px;

        position: fixed;

        top: 555px;

        left: -125px;

        width: 300px;

    }



#main {

    transition: margin-left .5s;

    padding: 16px;

}



@media screen and (max-height: 450px) {

    .menuSideBar {

        padding-top: 15px;

    }

}



/*Sticky Searchbar Alternatives For Menu display with/without sidemenu button/links*/

.stickySearchbar {

    background-color: #e5e5e5;

    padding-top: 17px;

    /*height: 85px;*/

    position: -webkit-sticky;

    position: sticky;

    top: 0px;

    z-index: 1;

}



    .stickySearchbar .ui-input-text {

        display: inline;

    }



    .stickySearchbar input {

        height: 40px;

        background-color: #fff;

        border: none;

        box-shadow: none;

        padding: 18px 0px 12px 56px;

        width: 340px;

        font-size: 24px;

        line-height: 28px;

        color: #b3b3b3;

        background-image: url(../images/icon-mg-1.png);

        background-position: 8px 8px;

        background-repeat: no-repeat;

    }



    .stickySearchbar .menuSideBarLink {

        font-size: 30px;

        height: 32px;

        line-height: 32px;

        padding-top: 22px;

        float: right;

        background-position: right 20px;

        display: inline-block;

        text-decoration: none;

        padding-right: 20px;

    }



.stickySearchbar-rtl {

    background-color: #e5e5e5;

    padding-top: 17px;

    height: 85px;

    position: -webkit-sticky;

    position: sticky;

    top: 0px;

    z-index: 5;

}



    .stickySearchbar-rtl .ui-input-text {

        display: inline;

    }



    .stickySearchbar-rtl input {

        height: 40px;

        background-color: #fff;

        border: none;

        box-shadow: none;

        padding: 18px 50px 12px 20px;

        width: 340px;

        font-size: 30px;

        line-height: 28px;

        margin-right: 10px;

        color: #b3b3b3;

        background-image: url(../images/icon-mg-1.png);

        background-position: 370px 24px;

        background-repeat: no-repeat;

    }



    .stickySearchbar-rtl .menuSideBarLink {

        font-size: 30px;

        height: 32px;

        line-height: 32px;

        padding-top: 22px;

        float: right;

        background-position: right 20px;

        display: inline-block;

        text-decoration: none;

        padding-right: 20px;

    }



.anchor102 {

    display: block;

    position: relative;

    top: -102px;

    visibility: hidden;

    height: 0px;

}



.anchor388 {

    display: block;

    position: relative;

    top: -388px;

    visibility: hidden;

    height: 0px;

}



.anchor288 {

    display: block;

    position: relative;

    top: -286px;

    visibility: hidden;

    height: 0px;

}



.menuGroupTopNav {

    height:88px;

    margin-top:-88px;

    text-align:center;

    display:block;

    z-index:4;

    line-height:88px;

    font-size:40px;

}



/*Menu Category and Item Display*/

ul.menu {

    clear: both;

    background-color: #fff;

    border-top: 1px solid #c8c8c8;

    border-bottom: 1px solid #c8c8c8;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}



    ul.menu li {

        display: flex;

        background-image: url(../images/list-separator-1.png);

        background-repeat: no-repeat;

        background-position: bottom;

        width: 100%;

    }



        ul.menu li.menuCategory {

            background: unset;

            border-bottom: 1px solid #E5E5E5;

        }



            ul.menu li.menuCategory .categoryName {

                font-weight: 700;

                padding-top: 13px;

                padding-bottom: 13px;

            }



            ul.menu li.menuCategory .menuName {

                font-weight: 700;

                padding-top: 13px;

                padding-bottom: 13px;

            }



            ul.menu li.menuCategory .categoryDescription {

                font-weight: 100;

                font-size: 15px;

                padding-bottom: 13px;

            }



        ul.menu li.product.plainListSideAligned {

        }



        ul.menu li.product.plainListCentered {

        }



        ul.menu li.product.imageSideAligned {

        }



        ul.menu li.product.imageRightAligned {

        }



        ul.menu li.product.bubbleListSideAligned {

            border-radius: 15px;

            margin: 15px 10px 0px 10px;

        }



        ul.menu li.product.bubbleListCentered {

            border-radius: 15px;

            margin: 15px 10px 0px 10px;

        }



        ul.menu li.product.bubbleImageSideAligned {

            border-radius: 15px;

            margin: 15px 10px 0px 10px;

        }



        ul.menu li.product.bubbleImageRightAligned {

            border-radius: 15px;

            margin: 15px 10px 0px 10px;

        }



        ul.menu li.product a.plainListSideAligned {

        }



        ul.menu li.product a.plainListCentered {

        }



        ul.menu li.product a.imageSideAligned {

        }



        ul.menu li.product a.imageRightAligned {

            flex-direction: row-reverse;

        }



        ul.menu li.product a.bubbleListSideAligned {

        }



        ul.menu li.product a.bubbleListCentered {

        }



        ul.menu li.product a.bubbleImageSideAligned {

        }



        ul.menu li.product a.bubbleImageRightAligned {

            flex-direction: row-reverse;

        }



    ul.menu a, ul.menu .a {

        display: flex;

        position: relative;

        width: 100%;

        text-decoration: none;

        color: #000000;

    }





.menuItemColumn {

    /*Determine width programatically. width: 28%;*/

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    float: left;

}



    .menuItemColumn.alignment {

        text-align: left;

    }



    .menuItemColumn.alignment-rtl {

        text-align: right;

    }



    .menuItemColumn.imgColumn {

        padding: 0px 5px;

    }



        .menuItemColumn.imgColumn.plainListSideAligned {

            width: 0;

            display: none;

        }



        .menuItemColumn.imgColumn.bubbleListCentered {

            width: 0;

            display: none;

        }



        .menuItemColumn.imgColumn.imageSideAligned {

            /*width: 28%;*/

        }



        .menuItemColumn.imgColumn.imageRightAligned {

            /*width: 28%;*/

        }



        .menuItemColumn.imgColumn.bubbleListSideAligned {

            width: 0;

            display: none;

        }



        .menuItemColumn.imgColumn.plainListCentered {

            width: 0;

            display: none;

        }



        .menuItemColumn.imgColumn.bubbleImageSideAligned {

            /*width: 28%;*/

        }



        .menuItemColumn.imgColumn.bubbleImageRightAligned {

            /*width: 28%;*/

        }



    .menuItemColumn.descColumn {

        padding: 20px 5px;

    }



        .menuItemColumn.descColumn.plainListSideAligned {

            width: 100%;

            padding-left: 20px;

            padding-right: 20px;

        }



        .menuItemColumn.descColumn.plainListCentered {

            width: 100%;

            text-align: center;

            display: block;

        }



        .menuItemColumn.descColumn.imageSideAligned {

            /*width: 72%;*/

            padding-right: 20px;

        }



        .menuItemColumn.descColumn.imageRightAligned {

            /*width: 72%;*/

            padding-left: 30px;

            padding-right: 20px;

            flex: 1;

        }



        .menuItemColumn.descColumn.bubbleListSideAligned {

            width: 100%;

            padding-left: 20px;

            padding-right: 20px;

        }



        .menuItemColumn.descColumn.bubbleListCentered {

            width: 100%;

            text-align: center;

            display: block;

        }



        .menuItemColumn.descColumn.bubbleImageSideAligned {

            /*width: 72%;*/

            padding-right: 20px;

        }



        .menuItemColumn.descColumn.bubbleImageRightAligned {

            /*width: 72%;*/

            padding-left: 30px;

            padding-right: 20px;

            flex: 1;

        }



    .menuItemColumn.btnColumn {

        color: green;

        width: 7%;

        font-size: 23px;

        font-weight: 900;

    }



        .menuItemColumn.btnColumn.plainListSideAligned {

        }



        .menuItemColumn.btnColumn.plainListCentered {

        }



        .menuItemColumn.btnColumn.imageSideAligned {

        }



        .menuItemColumn.btnColumn.imageRightAligned {

        }



        .menuItemColumn.btnColumn.bubbleListSideAligned {

        }



        .menuItemColumn.btnColumn.bubbleListCentered {

        }



        .menuItemColumn.btnColumn.bubbleImageSideAligned {

        }



        .menuItemColumn.btnColumn.bubbleImageRightAligned {

        }



    .menuItemColumn .itemName {

        font-size: 30px;

        font-weight: 600;

    }



        .menuItemColumn .itemName.plainListSideAligned {

            max-width: 380px;

        }



        .menuItemColumn .itemName.plainListCentered {

        }



        .menuItemColumn .itemName.imageSideAligned {

        }



        .menuItemColumn .itemName.imageRightAligned {

        }



        .menuItemColumn .itemName.bubbleListSideAligned {

            max-width: 380px;

        }



        .menuItemColumn .itemName.bubbleListCentered {

        }



        .menuItemColumn .itemName.bubbleImageSideAligned {

        }



        .menuItemColumn .itemName.bubbleImageRightAligned {

        }



    .menuItemColumn .itemDescription {

        font-size: 23px;

        padding-top: 10px;

        padding-bottom: 5px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 4;

        -webkit-box-orient: vertical;

    }



    .menuItemColumn .itemPrice {

        font-size: 25px;

        font-weight: 800;

    }



        .menuItemColumn .itemPrice.alignment {

            right: 50px;

        }



        .menuItemColumn .itemPrice.alignment-rtl {

            left: 50px;

        }



        .menuItemColumn .itemPrice.plainListSideAligned {

            position: absolute;

            top: 25px;

        }



        .menuItemColumn .itemPrice.plainListCentered {

            padding-top: 10px;

        }



        .menuItemColumn .itemPrice.imageSideAligned {

            padding-top: 10px;

        }



        .menuItemColumn .itemPrice.imageRightAligned {

            padding-top: 10px;

        }



        .menuItemColumn .itemPrice.bubbleListSideAligned {

            position: absolute;

            top: 25px;

        }



        .menuItemColumn .itemPrice.bubbleListCentered {

            padding-top: 10px;

        }



        .menuItemColumn .itemPrice.bubbleImageSideAligned {

            padding-top: 10px;

        }



        .menuItemColumn .itemPrice.bubbleImageRightAligned {

            padding-top: 10px;

        }







.aligner {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}



    .aligner.titleAligner {

        width: 100%;

        padding-left: 20px;

        padding-right: 20px;

    }



.alignerItem {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



    .alignerItem.fixed {

        -webkit-box-flex: 0;

        -webkit-flex: none;

        -ms-flex: none;

        flex: none;

        max-width: 100%;

    }



    .alignerItem.title {

        width: 100%;

    }





/*Swiper*/



.stickySwiper {

    position: -webkit-sticky;

    position: sticky;

    top: 0px;

    z-index: 1;

    padding-top: 20px;

    padding-bottom: 10px;

    min-height: 20px;

}



.swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    text-align: center;

    /* Center slide text vertically */

    font-size: 24px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.swiper-title {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

	border: 1px solid #000;

padding: 6px;

min-width: 185px;

border-radius: 5px;

}



.specialtyTag {

    font-family: MuseoSans300;

    font-size: 18px;

    display: inline-block;

    background: darkslategray;

    color: white;

    padding: 6px 10px;

    border-radius: 5px;

    margin-right: 5px;

}



.specialtyTagIcon {

    /*width:70px;*/

    display: inline-block;

    margin-right: 5px;

}



/*Call Attendant Button Related*/



.callAttendant {

    right: 0;

    width: 170px;

    height: 105px;

    bottom: 0;

    position: fixed !important;

    top: auto !important;

    text-align: center;

    border-top-left-radius: 15px;

    border: 1.5px solid lightgray;

    font-size: 35px;

    background-color: darkorange;

    color: white;

    padding-top: 20px;

}



.attendantCalled {

    right: 0;

    width: 250px;

    height: 105px;

    bottom: 0;

    position: fixed !important;

    top: auto !important;

    text-align: center;

    border-top-left-radius: 15px;

    border: 1.5px solid lightgray;

    font-size: 35px;

    background-color: darkorange;

    color: white;

    padding-top: 20px;

}



/*Recommendations*/

.recommendation {

    right: 0;

    width: 640px;

    height: 255px;

    top: 0;

    position: fixed !important;

    top: 0;

    text-align: center;

    border-bottom-left-radius: 15px;

    border: 1.5px solid lightgray;

    font-size: 35px;

    background-color: darkorange;

    color: white;

    padding-top: 20px;

    z-index: 3;

}



/*Shopping Basket Button Related*/

.orderBasket {

    right: 0;

    width: 170px;

    height: 100px;

    bottom: 0;

    position: fixed !important;

    top: auto !important;

    text-align: center;

    border-top-left-radius: 15px;

    border: 1.5px solid lightgray;

    font-size: 35px;

    background-color: black;

    color: white;

    padding-top: 20px;

}





/*CUSTOM INTRO RELATE*/

.custIMainA {

    height: 100vh;

    max-height: -webkit-fill-available;

    background-color: #fff;

    display: flex;

}



.custIMainB {

    height: 100vh;

    max-height: -webkit-fill-available;

    background-color: #fff;

    background-repeat: repeat;

    background-position: center;

    background-image: unset;

    display: flex;

}



.custIItemContainer {

    display: flex;

    flex-direction: column;

}



.multichoiceClass {

    padding: 0px 40px 0px 40px;

}



.multichoiceReview {

    padding-top: 51px;

    text-align: center;

    color: #5a5a5a;

    font-size: 30px;

}



    .multichoiceReview .votes {

        padding-left: 31px;

        width: 600px;

        margin: 0 auto;

        overflow: hidden;

        padding-bottom: 30px;

    }



        .multichoiceReview .votes .vote {

            width: 109px;

            height: 108px;

            background-repeat: no-repeat;

            cursor: pointer;

            margin: 0 16px;

            float: left;

        }



            .multichoiceReview .votes .vote.ticked {

                background-position: 0 -108px;

            }



    .multichoiceReview .message {

        padding-bottom: 20px;

        font-size: 25px;

    }



    .legaldocumentbox{

        margin-right: 50px;

    margin-left: 50px;

    max-height: 230px;

    overflow-y: scroll;

    margin-top: 20px;

    border: 1px solid #c5c5c5;

    font-size: 20px;

    padding: 10px 5px 10px 5px;

    }

.legaltable {

    border: 1px solid black;

    border-collapse:collapse;

}

.legaltable td

{

border: 1px solid black;

}