/* FONTS */

@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../fonts/robotocondensed-light.eot');
    src: url('../fonts/robotocondensed-light.eot') format('embedded-opentype'),
        url('../fonts/robotocondensed-light.woff2') format('woff2'),
        url('../fonts/robotocondensed-light.woff') format('woff'),
        url('../fonts/robotocondensed-light.ttf') format('truetype'),
        url('../fonts/robotocondensed-light.svg#RobotoCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensedLightItalic';
    src: url('../fonts/robotocondensed-lightitalic.eot');
    src: url('../fonts/robotocondensed-lightitalic.eot') format('embedded-opentype'),
        url('../fonts/robotocondensed-lightitalic.woff2') format('woff2'),
        url('../fonts/robotocondensed-lightitalic.woff') format('woff'),
        url('../fonts/robotocondensed-lightitalic.ttf') format('truetype'),
        url('../fonts/robotocondensed-lightitalic.svg#RobotoCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('../fonts/robotocondensed-regular.eot');
    src: url('../fonts/robotocondensed-regular.eot') format('embedded-opentype'),
        url('../fonts/robotocondensed-regular.woff2') format('woff2'),
        url('../fonts/robotocondensed-regular.woff') format('woff'),
        url('../fonts/robotocondensed-regular.ttf') format('truetype'),
        url('../fonts/robotocondensed-regular.svg#RobotoCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../fonts/robotocondensed-bold.eot');
    src: url('../fonts/robotocondensed-bold.eot') format('embedded-opentype'),
        url('../fonts/robotocondensed-bold.woff2') format('woff2'),
        url('../fonts/robotocondensed-bold.woff') format('woff'),
        url('../fonts/robotocondensed-bold.ttf') format('truetype'),
        url('../fonts/robotocondensed-bold.svg#RobotoCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
    font-family: 'Digital7';
    src: url('../fonts/digital_7/digital-7.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*REEA*/

input.changed {
    border-color: #505da4 !important;
}

html,body {
    height:100%;
}

body {
    font-family: 'Roboto';
    font-size: 14px;
    position:relative;
    background: #fff;
    -webkit-touch-callout: none;
}
* {
    font-family: 'Roboto';
}

body.loading,
body.loading a {
    cursor:wait!important;
}

input[type=text],
input[type=email],
textarea {
    font-family: 'RobotoCondensedLight';
    font-size:12px;
}

.placeholder-on {
    font-family: 'RobotoCondensedLightItalic';
    color: #ccc;
}

::-webkit-input-placeholder {
    font-family: 'RobotoCondensedLightItalic';
    color: #ccc;
}

:-moz-placeholder {
    font-family: 'RobotoCondensedLightItalic';
    color: #ccc;
}

::-moz-placeholder {
    font-family: 'RobotoCondensedLightItalic';
    color: #ccc;
}

:-ms-input-placeholder {
    font-family: 'RobotoCondensedLightItalic';
    color: #ccc;
}

input::-ms-clear {
    display: none;
}

a{
    text-decoration:none;
    outline:none;
    cursor: pointer;
    color:inherit;
}

a.disabled {
    cursor:default!important;
}

.italic {
    font-family: 'RobotoCondensedLightItalic';
}

.semibold {
    font-family: 'RobotoCondensedRegular';
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

.bold {
    font-family: 'RobotoCondensedBold';
}

.clear {
    float:none!important;
    clear: both!important;
    padding:0;
    margin:0;
    border:0;
    width:0;
    height:0px;
}

.hidden {
    display:none !important;
}

/*BOOTSTRAP ICONS*/

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-exclamation-sign:before {
    content:"\e101"
}

/* LOCATION BOX */
.selectListBody {
    background: #fff;
    color:black;
    z-index: 99999;
    border-radius: 10px;

}

.location-item.selected_address {
    font-weight: bold;
}

.select-list-item {
    cursor:pointer;
}

.select-list-group-label {
    padding: 15px;
    background-color: #cccccc;
    text-transform: uppercase;
    font-family: 'RobotoCondensedRegular';
    line-height: 19px;
    color: #6A6A6A;
}

/*.location-group span,
.store-type-item span,
.location-group a {*/
.select-list-item span.label-holder,
.select-list-item a {
    padding: 15px;
    color:#131313;
    display: block;
    border-bottom: 1px dotted #A5A5A5;
}

.location-add-new-address a {
    color :#131313;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: space-around;
    flex-wrap: nowrap;
}

.location-add-new-address a span {
    padding: 0;
    border: 0;
    font-size: 16px;
    color: #D5411F !important;
    font-family: 'Roboto';
    font-weight: bold;
}

.location-box-add-address img {
    padding-right: 10px;
}

/*HOME PAGE*/

.content {
    margin-bottom: 40px;
}

#wrapper {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    box-sizing: border-box;

    background-color: #000;

    /*padding-bottom: 476px;*/
    /*background-image: url(../images/bgBlurat.jpg);*/
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover;
    padding-bottom: 64px;

}

.customers-my_profile-page #wrapper::before,
.restaurants-home-page #wrapper::before {
    content: ' ';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: url('../images/background_2021.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.customers-register-page #wrapper,
.customers-forgot_password-page #wrapper,
.customers-log_in-page #wrapper {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 467px;
    background-color: #000;
    background: url('../images/background_2021.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.shadow-box {
    position: fixed;
    left:0;
    top:0;
    height: 415px;
    display: block;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    transition-property: all;
    transition-duration: 1.5s;

}

.shadow-box.shadow-box-small {
    height: 105px;
    transition-property: all;
    transition-duration: 1.5s;
}

.shadow-box .image {
    height:490px;
    background-position: center;
    background-size: cover;
    /*z-index: -1;*/
}

.shadow-box .backgrond-shadow {
    position: absolute;
    z-index: 1;
    width: 100%;
    display: block;
    bottom: 0;
    height: 105px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(19,19,19,1) 100%);
}

.shadow-box.shadow-box-small .backgrond-shadow {
    height: 50px;
}

#wrapper.fixed {
    background-attachment: fixed;
}

/*SEARCH BOX*/

.searchBox {
    position: relative;
    top:15vh;
    margin: 0 auto;
    width:700px;
    height:208px;
    z-index:999;
    transition: top 1s, margin-left 1s, width 1s;
    -webkit-transition: top 1s, margin-left 1s, width 1s;
    -moz-transition: top 1s, margin-left 1s, width 1s;
    -ms-transition: top 1s, margin-left 1s, width 1s;
    -o-transition: top 1s, margin-left 1s, width 1s;
}

.searchBox.opened {
    background-color: #451C18;
    border-radius: 0px 0px 10px 10px;
    height: 110px;
    width: 976px;
    margin: 0 auto;
    position: relative;
    top: inherit;
    left: inherit;
    z-index: 200;
}

.restaurants-home-page .searchBox .cutomer-menu {
    text-align: left;
    margin-top: 0;
    padding-left: 15px;
    width: auto;
}

.restaurants-home-page .searchBox .mini-cart {
    /*display:none;*/
}

.restaurants-home-page .searchBox .lang-selectors {
    width: 15%;
    border: 0;
    float: right;
}

.searchBox .cutomer-menu .profile-menu-list {
    right: unset;
}

.searchBox .cutomer-menu {
    float: left;
    text-align: right;
    padding-top: 3px;
}

.searchBox.opened .cutomer-menu {
    text-align: right;
    margin-top: 4px;
    padding-left: 0;
    width: 23%;

}

.searchBox.opened .cutomer-menu.full-size {
    width: 35%;
}

.customers-log_in-page .searchBox.opened .cutomer-menu {
    margin-top: 14px;
}

.searchBox.opened .cutomer-menu span {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 40px;
    padding-left: 10px;
}

.customers-log_in-page .searchBox.opened .cutomer-menu span,
.searchBox.opened .normal-customer span,
.searchBox.opened .facebook-customer span {
    line-height: 20px;
}

.searchBox .cutomer-menu span {
    padding-left: 0px;
    color: white;
}

.searchBox .cutomer-menu .profile-menu-list {
    color: #131313;
    background-color: #fff;
    opacity: 1;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    z-index: 2001;
    width: 131px;
    text-align: left;
    top: 50px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.searchBox.opened .cutomer-menu .profile-menu-list {
    right: 110px;
}

.searchBox .cutomer-menu .profile-menu-list li {
    padding-bottom: 20px;
}

.searchBox .cutomer-menu .profile-menu-list li:nth-child(5) {
    padding-bottom: 15px;
}

.searchBox .cutomer-menu .profile-menu-list li:last-child {
    border-top: 1px solid #E7E7E7;
}

.searchBox .cutomer-menu .profile-menu-list li:last-child {
    padding-bottom: 0px;
    padding-top: 15px;
}

.searchBox.opened .cutomer-menu .profile-menu-btn {
    background: url('../images/dropdown_aut_top.png') no-repeat scroll right;
    padding-right: 20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-end;
}

.searchBox.opened .cutomer-menu .profile-menu-btn.normal-customer {
    margin-top: 7px;
}

.searchBox .cutomer-menu .profile-menu-btn {
    background: url('../images/dropdown_aut_top.png') no-repeat scroll right;
    padding-right: 20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-end;
}

.searchBox .cutomer-menu .profile-menu-btn.icon-down {
    background: url('../images/dropdown_aut.png') no-repeat scroll right;
    padding-right: 20px;
}

.searchBox.opened .cutomer-menu .profile-menu-btn-img {
    background-color: #D5411F;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 15px;
}

.searchBox .cutomer-menu .profile-menu-btn-img {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.searchBox .cutomer-menu .profile-menu-btn-img.profile-facebook-img {
    background-color: transparent;
    padding: 5px;
    padding-left: 0;
    padding-right: 10px;
    border-radius: 0;
}

.searchBox.opened .cutomer-menu .profile-menu-btn-img.profile-facebook-img {
    padding-right: 0px;
}

.searchBox .cutomer-menu .profile-menu-btn-img.profile-facebook-img img{
    width: 24px;
    height: 24px;
    border-radius: 15px;
}

.searchBox .cutomer-menu .profile-menu-btn-img img {
    width: 12px;
    height: 12px;
}

.searchBox .cutomer-menu .profile-menu-list li a {
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 20px;
}

.searchBox .cutomer-menu .profile-menu-list li a span {
    padding-left: 0;
}

.searchBox .mini-cart img {
    width:19px;
    margin-top: 3px;
    margin-left: 3px;
    cursor: pointer;
}
.searchBox .mini-cart {
    width:25px;
    height:25px;
    float:left;
    margin-left: 10px;
    margin-top: 12px;
    border-left: 1px solid #808080;
    padding-left: 6px;
    position:relative;
}

.mini-cart-detail {
    display:none;
    position: absolute;
    top:35px;
    left:-70px;
    width:200px;
    border: 3px solid #451C18;
    overflow: hidden;
    background-color: #5B3938;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
}

.mini-cart-store-name {
    color: #E7E7E7;
    font-size: 11px;
    line-height: 28px;
}

.mini-notifications {
    float:left;
    position: relative;
}

.mini-notifications-btn {
    width:21px;
    margin-top:13px;
    margin-left:10px;
    cursor: pointer;
    border-left: 1px solid #808080;
    padding-left: 9px;
}

.notification-counter {
    position: absolute;
    top: 6px;
    right: -6px;
    background-color: #d5411f;
    width: 14px;
    height: 14px;
    color: white;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.notification-item.notification-not-viewed .notification-header {
    padding-left: 20px;
}

.notification-item.notification-not-viewed .notification-header::after {
    content: " ";
    position: absolute;
    top: 11px;
    left: 10px;
    width:13px;
    height:13px;
    background: #D5411F;
    display: block;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    animation: pulse 2s infinite;

}

.notification-message {
    font-size: 14px;
}

.order-notifications-label {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 15px;
}

.notification-destination-type {
    display:none;
}

.notification-date {
    font-size: 12px;
}

.searchBox.opened .lang-selectors {
    float: right;
    width: 83px;
    text-align: right;
    margin-right: 10px;
    border-left: 1px solid #808080;
    padding-bottom: 3px;
    padding-top: 3px;
}



.searchBox a.logo {
    background-image:url(../images/logoEeatingh.png);
    width:167px;
    height:37px;
    position: absolute;
    left: 50%;
    margin-left: -83px;
    top: 0px;
    transition: opacity 1s, top 1s, transform 1s;
    -webkit-transition: opacity 1s, top 1s, -webkit-transform 1s;
    -moz-transition: opacity 1s, top 1s, -moz-transform 1s;
    -ms-transition: opacity 1s, top 1s, -ms-transform 1s;
    -o-transition: opacity 1s, top 1s, -webkit-transform 1s;
}

.searchBox.opened a.logo {
    opacity:0;
    top: 45px;
    transform: scale(0.5);
}

.searchBox.opened .lang-selectors {
    float: right;
    margin-top: 14px;
    margin-right: 10px;
}

.searchBox .lang-selectors a {
    opacity:0.5;
    text-align: center;
    width: auto;
    display: inline-block;
    color: #fff;
    font-family: 'RobotoCondensedRegular';
    font-size: 14px;
    line-height: 13px;
    padding-right: 5px;
    padding-left: 5px;
    border-left: 1px solid #ffffff;
}

.searchBox .lang-selectors a:first-child {
    border-left: 0;
}

.searchBox .lang-selectors a.active,
.searchBox .lang-selectors a:hover {
    opacity:1;
}

.searchBox .leftBox,
.searchBox .rightBox {
    border-radius: 10px 0 0 10px;
    position:absolute;
    top: 50px;
    background-color: transparent;
    padding: 0;
}

.searchBox .leftBox {
    left: 10px;
}

.searchBox .rightBox {
    border-radius:0 10px 10px 0;
    right: 10px;
}

.searchBox .leftBtn {
    left: -213px;
    top: 101px;
    position:absolute;
}

.searchBox .leftBtn button {
    border: none;
    background: none;
    background-image: url('../images/group/group_order_btn.png');
    width: 193px;
    height: 50px;
    cursor: pointer;
    outline: none;
}

.searchBox .leftBtn button:hover {
    opacity: 0.8;
}

.searchBox .leftBtn .group-order-container {
    position: absolute;
    left: 0px;
    top: 60px;
    border: 1px solid white;
    border-radius: 5px;
    padding: 15px 20px;
    background: white;
    opacity: 0.9;
    width: 600px;
    z-index: 1;
    display: none;
}

.searchBox .leftBtn .group-order-container .group-order-column {
    float: left;
    width: 46%;
}

.searchBox .leftBtn .group-order-container .group-order-column .title {
    width: 100%;
    padding: 5px 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.searchBox .leftBtn .group-order-container .group-order-column .description,
.searchBox .leftBtn .group-order-container .group-order-column .form {
    padding: 5px 0px;
}

.searchBox .leftBtn .group-order-container .group-order-column .form .row {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.searchBox .leftBtn .group-order-container .group-order-column:first-child .form .row:first-child {
    margin-bottom: 20px;
}

.searchBox .leftBtn .group-order-container .group-order-column:last-child {
    float: right;
}

/*-----------------------------------------------------*/
.searchBox .centerBox {
    display:none;
}

.searchBox.opened .centerBox {
    display:block;
}

.searchBox .leftBox .boxInner {
    width: 268px;
}



/*when search bos is open*/

.searchBox.opened .leftBox .boxInner {
    width: 340px;
}

.searchBox.opened .centerBox .boxInner {
    width: 100px;
}

.searchBox.opened .rightBox .boxInner {
    width: 440px;
}



.searchBox .leftBox .boxInner,
.searchBox .rightBox .boxInner,
.searchBox .centerBox .boxInner
{
    background-color: rgba(255,255,255,0.15);
    border: 1px solid rgba(112,18,11,0.15);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);

    height:48px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    position:relative;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
}

.searchBox.opened .centerBox {
    border-radius: 10px 0 0 10px;
    position:absolute;
    top: 50px;
    background-color: transparent;
    padding: 0;
    left:360px;
}

/*STORE TYPE SELECTOR ICONS*/

.location-ic {
    display: block;
    position:absolute;
    top: 12px;
    left:9px;
    width:14px;
    height:21px;
    /*border:1px solid red;*/
    background: url('../images/location_ic.png');
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
}


.centerBox .select-list-item {
    position: relative;
}

.select-list-item .label-holder span {
    padding-left: 20px;
}

.select-list-item.selected {
    font-weight: bold;
}
.store-type-item-ic {
    display:block;
    width:18px;
    height:20px;
    position:absolute;
    top:10px;
    left:9px;
}

.store-type-item-ic-1 {
    background: url('../images/stypes/food_stype_ic_48px.png');
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.store-type-item-ic-2 {
    background: url('../images/stypes/shop_stype_ic_48px.png');
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: center;
}


.store-type-lable-ic {
    display:block;
    width:18px;
    height:20px;
}

.store-type-lable-ic-1 {
    background: url('../images/stypes/food_stype_white_ic_48px.png');
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.store-type-lable-ic-2 {
    background: url('../images/stypes/shop_stype_ic_48px.png');
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: center;
}


/*.store-type-lable-ic {
    display:block;
    width:18px;
    height:20px;

}

.store-type-lable-ic-1 {
    background: url('../images/stypes/food_stype_white_ic_48px.png');
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.store-type-lable-ic-2 {
    background: url('../images/stypes/shop_stype_white_ic_48px.png');
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: center;
}*/

.searchBox .leftBox .boxInner a.locationListSelectBtn {
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    height:38px;
    line-height:38px;
    color:#fff;
    width: calc(100% - 42px);
    padding-left: 32px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    opacity: 0.5;
    font-size:14px;
    z-index: 1000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.searchBox .centerBox .boxInner a.storeTypeListSelectBtn {
    position:absolute;
    top:13px;
    left:16px;
    display:block;
    height:38px;
    line-height:38px;
    color:#fff;
    /*opacity: 0.5;*/
    font-size:14px;
    z-index: 1000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    width:59%;
}





.group-order-container .group-order-column .boxInner {
    width: 273px;
    height: 40px;
    border-radius: 10px;
    background-color: #A5A4A3;
}

.searchBox .rightBox .boxInner {
    border-radius:0 10px 10px 0;
}

.searchBox .middleBox {
    position:absolute;
    top: 0;
    left:50%;
    margin-left:-97px;
    width:195px;
    height:163px;
}

.searchBox .middleBox .blackShadow {
    position:absolute;
    top:42px;
    left:0px;
    width:195px;
    height:79px;
    transition: left 1s, width 1s;
    -webkit-transition: left 1s, width 1s;
    -moz-transition: left 1s, width 1s;
    -ms-transition: left 1s, width 1s;
    -o-transition: left 1s, width 1s;
}

.searchBox .middleBox .blackShadow img {
    display:block;
    width:100%;
    height:100%;
}

.searchBox.opened .middleBox .blackShadow {
    width:98px;
    left:49px;
    display: none;
}

.searchBox .leftBox .listSelect {
    /*width: 420px;*/
    width: 340px;
}

.searchBox .centerBox .listSelect {
    width:127px;
}

.searchBox .middleBox .bigE {
    display:block;
    position:absolute;
    top:0px;
    left:16px;
    width:163px;
    height:163px;
    transition: top 1s, left 1s, width 1s, height 1s;
    -webkit-transition: top 1s, left 1s, width 1s, height 1s;
    -moz-transition: top 1s, left 1s, width 1s, height 1s;
    -ms-transition: top 1s, left 1s, width 1s, height 1s;
    -o-transition: top 1s, left 1s, width 1s, height 1s;
}

.searchBox .middleBox .bigE img {
    display:block;
    width:100%;
    height:100%;
}

.searchBox.opened .middleBox .bigE {
    top: 25px;
    left:47px;
    height:101px;
    width:101px;
}




.searchBox .leftBox .boxInner a.listSelectBtn {
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    height:38px;
    line-height:38px;
    padding:5px 25px 5px 15px;
    color:#fff;
    width: 364px;
    width: 89%;
    padding-left: 8%;
    padding-right: 3%;
    padding-top: 5px;
    padding-bottom: 5px;

    opacity: 0.5;

    font-size:14px;
    z-index: 1000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.selector-arrow {
    position:absolute;
    display:block;
    width:20px;
    height:25px;
    background: url(../images/arrow_header.svg) no-repeat right center;
    background-size: 15px;
    background-position: center;
}

.selector-arrow.isOpen {
    transform: rotate(180deg);
}

.location-selector-arrow {
    top:12px;
    right:22px;
}

.store-type-selector-arrow {
    top:12px;
    right:35px;
}





/*.searchBox.opened .leftBox .boxInner a.listSelectBtn,
.group-order-container .group-order-column .boxInner a.listSelectRestaurantBtn {
    width: 364px;
}*/

.group-order-container .group-order-column .boxInner a.listSelectRestaurantBtn {
    line-height: 30px;
    height: 30px;
    width: 225px;
    text-transform: uppercase;
}

.searchBox .rightBox .searchInput,
.leftBtn .group-order-container .form input {
    position:absolute;
    top:0px;
    right:10px;
    display:block;
    height:38px;
    padding:5px 25px 5px 15px;
    color:#fff;
    /* width: 370px; */
    width: 200px;
    opacity: 0.5;
    background: url(../images/magnif.png) no-repeat right center;
    font-size:14px;
    border:0;
    outline:none;
    z-index: 1000;
}

.searchBox.opened .rightBox .searchInput,
.leftBtn .group-order-container .form input {
    width: 370px;
}

.leftBtn .group-order-container .form button {
    width: 87px;
    height: 40px;
    left: 10px;
    padding: 10px 5px;
    background: none;
    background-color: #D23E1F;
    border-radius: 10px;
    float: right;
    text-transform: uppercase;
    color: #FFF;
}





.leftBtn .group-order-container .form button:disabled {
    opacity: 0.8;
}

.leftBtn .group-order-container .form .row:last-child button {
    width: auto;
}

.leftBtn .group-order-container .form input {
    float: left;
    top: 0px;
    left: 0px;
    position: relative;
    border: 1px solid #A8A3A2;
    background: none;
    background-color: #A8A3A2;
    border-radius: 10px;
    width: 140px;
    height: 28px;
    color: #FFF;
    right: 0px;
    margin-right: 7px;
}

.storeBox {
    position: relative;
    z-index: 20;
    margin-top: 150px;
}

.storeBox .storeCustomMessage {
    font-family: 'RobotoCondensedRegular';
    line-height: 26px;
    color: #00529B;
    margin-bottom: 10px;
    margin-left: 10px;
}

@media all\0 {
    .searchBox .rightBox input{
        line-height:38px;
    }
}

.listSelect {
    display:none;
    position:absolute;
    top:52px;
    width:187px;
    max-height:540px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.listSelect.selectCity,
.leftBtn .group-order-container .listSelect.selectRestaurant {
    left: 0px;
    z-index: 1001;
}

.leftBtn .group-order-container .listSelect {
    top: 138px;
    width: 276px;
}

.leftBtn .group-order-container .listSelect .listSelectInner {
    max-height: 180px;
    overflow: hidden;
    top: 0px;
}

.listSelect.selectStore {
    right: 20px;
}

.listSelect .listSelectInner {
    max-height: 540px;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.listSelect .arrowUp {
    display:block;
    position:absolute;
    top:-24px;
    left:0px;
    width: 100%;
    height:24px;
    background: url(../images/arrowDoubleUp.png) no-repeat center center #fff;
    transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
}

.listSelect .arrowUp.active {
    top:0px;
}

.listSelect .arrowDown {
    display:block;
    position:absolute;
    bottom:-24px;
    left:0px;
    width: 100%;
    height:24px;
    background: url(../images/arrowDoubleDown.png) no-repeat center center #fff;
    transition: bottom 0.5s;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -ms-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
}

.listSelect .arrowDown.active {
    bottom:0px;
}

.listSelect ul {
    display:block;
    background: #fff;
}

.listSelect ul li {
    display:block;
}

.listSelect ul li.first-child {
    background: url(../images/shadowDropDown.png) no-repeat top center #fff;
    border-bottom: 1px dotted #ccc;
    height:24px;
}

.listSelect ul li.last-child {
    background: url(../images/shadowDropUp.png) no-repeat bottom center #fff;
    height:24px;
}

.listSelect ul li a {
    display: block;
    line-height: 20px;
    border-bottom: 1px dotted #ccc;
    padding: 7px 10px;
    color: #737373;
    font-size: 14px;
    position: relative;
    text-align:center;
}

.listSelect ul li a:hover {
    background: #d5411f;
    color: #fff;
}

.listSelect.selectStore ul li a {
    padding: 7px 10px 7px 50px;
    text-align:left;
}

.listSelect.selectStore ul li a span.logo {
    display:block;
    width:40px;
    height:40px;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -20px;
    background-repeat:no-repeat;
    background-position: center;
}

.listSelect.selectStore ul li a span.hint {
    display: block;
    font-size:12px;
}

.listStoresBox {
    width:975px;
    margin:auto;
    padding-top: 20px;
}

.search-page .listStoresBox {
    padding-top: 0;
}

.listStoresBox .slick-slide div {
    background-color: #5B3938;
    margin: 5px;
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.listStoresBox a.storeItem {
    display:block;
    width:187px;
    height:187px;
    margin:3px;
    float:left;
    position:relative;
    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.storeItem .col-md-12 {
    position: absolute;
    bottom: 24px;
}

.storeItem .col-md-12 .col-md-3{
    position: absolute;
}

.storeItem .logo .info-holder {
    /*background-color: #FF9A37;*/
    background-color: #43e038;
    font-family: 'RobotoCondensedRegular';
    color: #FFF;
    border-radius: 5px;
    padding: 5px 7px;
    position: absolute;
    z-index: 19;
    bottom: 2px;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
    text-transform: uppercase;
}

.storeItem .closed {
    background-color: #131313E6;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    z-index: 20;
    align-content: space-around;
    flex-wrap: wrap;
    justify-content: space-around;
    opacity: 0.8;
}

.storeItem .closed.preorder {
    background-color: #1313139e;
}

.storeItem .closed .closed-text {
    background-color: #D5411F;
    color: #FFF;
    border-radius: 5px;
    padding: 5px 15px;
    margin: 0 auto;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: 'RobotoCondensedRegular';
}

.listStoresBox a.storeItem.featured {
    width:231px;
    height:365px;
    margin: 5px 5px;
    margin-top: 0;
    margin-bottom: 10px;
}

.listStoresBox a.storeItem.extra-small {
    width: 150px;
    height: 150px;
    margin:5px;
}

.listStoresBox a.storeItem.done {
    opacity:1;
    background: #131313;
    border: 1px solid #E7E7E74D;
}

.listStoresBox a.storeItem.done:hover {
    opacity: 1;
    background: #131313;
    border: 1px solid #E7E7E74D;
    border-radius: 5px;
}

.listStoresBox a.storeItem .logo {
    position: relative;
    text-align: center;
    display:block;
    left:50%;
    width:100px;
    height:100px;
    top:15px;
    margin-left:-50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.listStoresBox a.storeItem.featured .logo {
    width:200px;
    height:200px;
    top:16px;
    margin-left:-100px;
}

.listStoresBox a.storeItem.extra-small .logo {
    width:80px;
    height:80px;
    top:10px;
    margin-left:-40px;
}

.listStoresBox a.storeItem .name {
    display:block;
    position:absolute;
    left: 10px;
    right: 10px;
    text-align:center;
    height:22px;
    line-height:22px;
    font-size:16px;
    bottom: 40px;
    text-overflow: ellipsis;
}

.listStoresBox a.storeItem.featured .name {
    font-size:18px;
    bottom: 104px;
    height:28px;
    line-height:28px;
}

.listStoresBox a.storeItem.extra-small .name {
    font-size:16px;
    bottom: 30px;
}

/*min order*/

.listStoresBox a.storeItem .minOrder {
    display:block;
    position:absolute;
    left: 10px;
    right: 10px;
    text-align:center;
    height:22px;
    line-height:22px;
    font-size:16px;
    bottom: 40px;
    text-overflow: ellipsis;
}

.listStoresBox a.storeItem.featured .minOrder {
    font-size:14px;
    bottom: 75px;
    height:28px;
    line-height:18px;
    font-family: 'RobotoCondensedLight';
}

.listStoresBox a.storeItem.extra-small .minOrder {
    font-size:16px;
    bottom: 30px;
}

.listStoresBox a.storeItem .hours {
    display:block;
    position:absolute;
    height:18px;
    line-height:18px;
    text-align:center;
    padding-left:0;
    left:0;
    bottom:20px;
    font-size:12px;
}

.listStoresBox a.storeItem .hours label {
    margin-top: 4px;
    font-size: 12px;
}

.listStoresBox a.storeItem.featured .hours {
    padding-left:20px;
    font-family: 'RobotoCondensedLight';
    bottom:34px;
    font-size:14px;
}

.listStoresBox a.storeItem.extra-small .hours {
    padding-left:24px;
    left:5px;
    bottom:7px;
    font-size:10px;
}

.listStoresBox a.storeItem .payment-holder {
    display:block;
    position:absolute;
    height:18px;
    line-height:18px;
    font-family: 'RobotoCondensedLight';
    padding-left:18px;
    font-size:14px;
    right:10px;
    bottom:13px;
}

.listStoresBox a.storeItem.featured .payment-holder {
    font-size:14px;
    text-align: center;
    font-family: 'RobotoCondensedLight';
    bottom:38px;
    padding-right: 10px;
}

.listStoresBox a.storeItem.extra-small .payment-holder {
    padding-left:18px;
    font-size:10px;
    right:5px;
    bottom:7px;
}

.payment-box .payment-label {
    line-height: 26px;
}

.listStoresBox a.storeItem .payment-holder .payment-box {
    float: left;
    margin-left: 17px;
}

.listStoresBox a.storeItem .payment-holder .payment-icon {
    width:25px;
    height:19px;
}

.listStoresBox a.storeItem .payment-holder .online {
    float: left;
    background: url('../images/payment_sprite.png') 1px -4px;
}

.listStoresBox a.storeItem .payment-holder .cash {
    background: url('../images/payment_sprite.png') 28px -6px;
    float: left;
}

.listStoresBox a.storeItem .payment-holder .pos {
    float: left;
    background: url('../images/payment_sprite.png') 58px -2px;
}

.footer {
    position:absolute;
    bottom:-516px;
    /*bottom:0;*/
    left:0px;
    width:100%;
    font-size:12px;
}

.footer .footerTop {
    background:#fff;
    padding:8px 0;
    color:#3c3b3a;
    box-sizing: border-box;
}

.footer .footerBottom {
    background:#d5411f;
    /*padding:8px 0; */
    color: #fff;
    box-sizing: border-box;
}

.footer .footerInner {
    width:940px;
    margin:auto;
}

.footer .block-phone,
.footer .block-email {
    float:left;
    line-height:18px;
    padding-top: 9px;
}

.footer .block-phone {
    margin-right:20px;
}

.footer .block-phone span,
.footer .block-email span,
.footer .block-email a {
    display:block;
}

.footer .block-mobile-1 {
    float:right;
    width:152px;
    height:54px;
    background:url(../images/logo.png) no-repeat left center;
    position: relative;
    font-size: 10px;
    margin-right:10px;
}

.footer .block-mobile-1 span {
    display:block;
    position:absolute;
    right:0px;
    bottom:4px;
}

.footer .block-mobile-2 {
    height:47px;
    background:url(../images/acolada.png) no-repeat;
    float:right;
    padding-left:10px;
    line-height:20px;
    padding-top:7px;
    margin-right:10px;
    max-width:140px;
    font-size:14px;
}

.footer .block-mobile-2 span {
    display:block;
}

.footer .block-mobile-apple {
    float:right;
    padding-top:8px;
    margin-right:5px;
}

.footer .block-mobile-apple a {
    width:129px;
    height:37px;
    background:url(../images/appStore.png) no-repeat center;
    /*opacity:0.33;*/
    display:block;
    /*transition: opacity 0.5s;*/
    /*-webkit-transition: opacity 0.5s;*/
    /*-moz-transition: opacity 0.5s;*/
    /*-ms-transition: opacity 0.5s;*/
    /*-o-transition: opacity 0.5s;*/
}

.footer .block-mobile-google {
    float:right;
    padding-top:8px;
}

.footer .block-mobile-google a {
    width:113px;
    height:37px;
    background:url(../images/gPlay.png) no-repeat center;
    /*opacity:0.33;*/
    display:block;
    /*transition: opacity 0.5s;*/
    /*-webkit-transition: opacity 0.5s;*/
    /*-moz-transition: opacity 0.5s;*/
    /*-ms-transition: opacity 0.5s;*/
    /*-o-transition: opacity 0.5s;*/
}

.footer .block-mobile-apple a:hover,
.footer .block-mobile-google a:hover {
    opacity:1;
}

.footer .block-admin-register,
.footer .block-admin-login {
    background:url(../images/facebookRound.png) no-repeat;
    /*float:left;*/
    height: 22px;
    padding-left:28px;
    display:block;
    line-height:22px;
    margin-right:10px;
    cursor:pointer;
}

.footer .user-login-btn {
    /*background:url(../images/ic_verified_user_24px.png) no-repeat;*/
    /*float:left;*/
    /*height: 22px;*/
    /*padding-left:22px;*/
    /*display:block;*/
    /*line-height:22px;*/
    /*margin-right:10px;*/
    /*cursor:pointer;*/
}

.footer .block-admin-dashboard {
    background:url(../images/footer-dash-icon.png) no-repeat;
    background-size:22px;
    float:left;
    height: 22px;
    padding-left:25px;
    display:block;
    line-height:22px;
    margin-right:10px;
    cursor:pointer;
}

.footer .block-contact {
    margin-right:43px;
    position: relative;
}

.footer .block-contact a.showContact {
    display:block;
    height: 22px;
    /*padding-left:12px;*/
    line-height:22px;
    /* background:url(../images/telFooter.png) no-repeat; */
}

.footer .block-contact .contactWrapper {
    display:none;
    position: absolute;
    left: -7px;
    bottom: 32px;
    width: 240px;
    height: 260px;
    background: url(../images/triangleWhite.png) no-repeat 10px bottom #d5411f;
    box-shadow: 2px -2px 5px rgba(204,204,204,0.5);
    z-index: 1000;
}

.footer .block-contact .contactWrapper input,
.footer .block-contact .contactWrapper textarea {
    border: 0;
    outline: 0;
    resize: none;
    display: block;
    width: 228px;
    box-sizing: border-box;
    border-radius: 3px;
    color: #fff;
    height: 30px;
    margin: 10px 6px 0px 6px;
    background: #e48570;
    padding: 0px 5px;
    overflow: hidden;
    -webkit-appearance: none;
    float:left;
}

@media all\0 {
    .footer .block-contact .contactWrapper input {
        line-height:30px;
    }
}

.footer .block-contact .contactWrapper textarea {
    height:75px;
    padding:5px;
}

.footer .block-contact .contactWrapper .validation-failed {
    width:0px;
    float:left;
    position:relative;
}

.footer .block-contact .contactWrapper .validation-failed span {
    position: absolute;
    top: 18px;
    right: 10px;
    font-size: 16px;
    display: block;
}

.footer .block-contact .contactWrapper a.senBtn {
    display:block;
    background:#fff;
    color:#e48570;
    float:right;
    width:auto;
    padding:10px;
    margin-right:6px;
    margin-top:10px;
    font-size:14px;
    border-radius:3px;
}

.footer .block-copyright {
    /*float:right;*/
    line-height:22px;
    background:url(../images/mini-logo.png) no-repeat left center;
    padding-left:20px;
}

.footer .block-privacy {
    /*float:right;*/
    line-height:22px;
    background:url(../images/privacy.png) no-repeat left center;
    padding-left: 22px;
    padding-right: 12px;
    /*border-right: 1px solid rgba(255, 255, 255, .5);*/
}

/*STORE PAGE*/

.searchBox .breadcrumbs {
    display: none;
}
.searchBox.searchBox.opened .breadcrumbs {
    display: block;
}
.breadcrumbs {
    line-height: 32px;
    background: transparent;
    font-size: 13px;
    padding: 0 10px;
    width: 49%;
    border-radius: 0;
    margin: 0;
    margin-top: 7px;
    color: #FFFFFF80;
    float: left;
}

.breadcrumbs a {
    font-family: 'RobotoCondensedRegular';
    font-size: 14px;
    line-height: 19px;
}

.breadcrumbs a:last-child {
    color: white;
}

.breadcrumbs span {
    display:inline-block;
    margin: 0 5px;
}

.breadcrumbs a:hover {
    color:#fff;
}

.storeWrapper {
    width: 100%;
    max-width: 975px;
    margin: auto;
    overflow: hidden;
    box-shadow: 0px 0px 0px rgb(204 204 204 / 50%);
}

.storeHeader {
    padding-bottom:10px;
}

.headerImage {
    width:100%;
    height:243px;
    position:relative;
    margin-bottom:5px;
    margin-top: 30px;
    border-radius: 10px;
}

.headerImage img.headerImg {
    display:block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 10px;
    height: 100%;
}


.headerImage .infoWidget{

    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 243px;
    background: rgba(255,255,255,0.8);
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
}

.headerImage .infoWidget .tabBtns {
    position:absolute;
    right: 320px;
    width:30px;
    height:119px;
    overflow:hidden;
}

.headerImage .infoWidget .tabBtn {
    width:26px;
    height:33px;
    display:block;
    position:relative;
    z-index:700;
    margin: 5px 0;
}

.headerImage .infoWidget .tabBtn:hover {
    width:29px;
}

.headerImage .infoWidget .tabBtn.tabBtn1 {
    background: url(../images/info.png) no-repeat right top;
}

.headerImage .infoWidget .tabBtn.tabBtn2 {
    background: url(../images/facebook.png) no-repeat right top;
}

.headerImage .infoWidget .tabBtn.tabBtn3 {
    background: url(../images/map.png) no-repeat right top;
}

.headerImage .infoWidget.closed {
    width:2px;
}

.headerImage .infoWidget .tab {
    position:absolute;
    right:2px;
    top:0px;
    width:348px;
    height:100%;
    opacity: 0;
    z-index:500;
    transition: opacity 0.5s;
    overflow:hidden;
}

.headerImage .infoWidget .tab.active {
    z-index:600;
    opacity: 1;
}

.headerImage .infoWidget a.toggle {
    background: url(../images/toggleSprite.png) no-repeat left top;
    width: 25px;
    height: 31px;
    position: absolute;
    top: 50%;
    right: -1px;
    margin-top: -15px;
    z-index:700;
}

.headerImage .infoWidget.closed a.toggle {
    background: url(../images/toggleSprite.png) no-repeat right bottom;
    right: -24px;
    width: 24px;
}


.headerImage .infoWidget .tabBtn2, .headerImage .infoWidget .tabBtn3 , .headerImage .infoWidget li.site, .headerImage .infoWidget li.email {
    display:none !important;
}

.headerImage .infoWidget .tab1 .logo{

    position: absolute;
    top: 10px;
    left: 35px;
    height: 105px;
    width: 276px;
    background-position: center;
    background-repeat: no-repeat;
}

.headerImage .infoWidget .tab1 .rating {
    background: url(../images/red-star-icon-small.png);
    width: 120px;
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -60px;
    display: none;
}

.headerImage .infoWidget .tab1 .rating div {
    height: 24px;
    background: url(../images/yellow-star-icon-small.png);
    display: none;
}

.headerImage .infoWidget .tab1 ul {
    position:absolute;
    display:block;
    bottom:0px;
    width:318px;
    left: 15px;
    overflow: hidden;
}

.headerImage .infoWidget .tab1 ul li {
    display:block;
    font-size:12px;
    height: 22px;
    line-height: 22px;
    overflow:hidden;
}

.headerImage .infoWidget .tab1 ul li a {
    color:inherit;
}

.headerImage .infoWidget .tab1 ul li.phone {
    background: url(../images/tel.png) no-repeat left center;
    padding-left:24px;
}

.headerImage .infoWidget .tab1 ul li.email {
    background: url(../images/mail.png) no-repeat left center;
    padding-left:24px;
}

.headerImage .infoWidget .tab1 ul li.site {
    background: url(../images/web.png) no-repeat left center;
    padding-left:24px;
}

.headerImage .infoWidget .tab2 .fbWidget {
    position: absolute;
    top: 5px;
    left: 24px;
    width: 300px;
    height: 233px;
    overflow: hidden;
}

.headerImage .infoWidget .tab3 .googleWidget {
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
}

.headerImage .infoWidget .tab3 .googleWidget .firstHeading,
.headerImage .infoWidget .tab3 .googleWidget .bodyContent {
    font-size:12px;
    line-height:18px;
    min-width: 120px;
}

.headerNavWrap {
    height: 61px;
    position:relative;
}

.headerNavigation {
    padding: 5px 0;
    background: #FFFFFF;
    position: absolute;
    top:-5px;
    left:0px;
    width:100%;
    z-index: 999;
    transition: top 0.75s;
    -webkit-transition: top 0.75s;
    -moz-transition: top 0.75s;
    -ms-transition: top 0.75s;
    -o-transition: top 0.75s;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
}

.headerNavigation.scrollNavigation {
    position: fixed;
    top: 0;
    width: 975px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 0px 0px 10px 10px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.headerNavigation a.btn,
.headerNavigation div.btn {
    display:block;
    float:left;
    height:56px;
    line-height:56px;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    font-size:14px;
    position:relative;
}

.headerNavigation a.btn span.arrow,
.headerNavigation div.btn span.arrow,
.headerNavigation span span.arrow {
    display:none;
}

.headerNavigation span.arrow.flipped {
    background:url(../images/flippedmnuarrow1.png);
}

.headerNavigation span.arrow.flipped.to-left {
    background:url(../images/flippedmnuarrow1.png);
    left: -8px;
}

.headerNavigation div.btn.btn4 span.arrow {
    background:url(../images/mnuarrow1.png);
    width:16px;
}

.headerNavigation a.btn1 {
    z-index:999;
    width:140px;
}

.headerNavigation div.btn2 {
    z-index:998;
    width:140px;
    cursor:pointer;
}

.headerNavigation a.btn3 {
    z-index:997;
    width:140px;
}

.headerNavigation div.btn4 {
    cursor:pointer;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background: url('../images/shopping-cartN.png') no-repeat scroll right center #ABABAB !important;
    background-position : calc(100% - 10px) center !important;
    text-align: left;
    height: auto;
    line-height: normal;
    padding-left: 15px;
    margin-right: 10px;
    width: auto;
}

.headerNavigation a.btn5 {
    background:#ff9a37;
    z-index:995;
    width:160px;
}
.pd-variant .pd-row-left {
    font-size: 14px !important;
    font-weight: normal !important;
}

.headerNavigation a.btn1 {
    width: auto;
    height: auto;
    line-height: normal;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background: #ABABAB !important;
    padding: 19px 19px 18px 19px;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: 10px;
    font-family: 'Roboto';
}

.template2 .headerNavigation .btn.active {
    background: #FF9A37 !important;
}

.filterWidget {
    background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;
    padding-bottom: 10px;
    border-top: 1px solid #CCCCCC;
}

.filterWidget .headerNavigation {
    background: #FFFFFF;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 0;
    border-top: 0;
}

.filterWidget .loginMessage {
    margin: 0;
    padding: 0;
    height: auto;
    padding-top: 10px;
    text-align: center;
}

.filterWidget .loginMessage span {
    font-size: 13px;
    line-height: 19px;
}

.infoWidgetNew {
    background-color: #ffffff;
    display: flex;
    border-radius: 10px 10px 0 0;
    color: #131313E6;
}

.infoWidgetNew .logo {
    min-height: 200px;
    max-height: 200px;
    position: relative;
}

.infoWidgetNew .logo img {
    /*max-width: 200px;*/
    /*height: 200px;*/
    /*width: auto;*/
}

.infoWidgetNew .titleStore {
    color: #131313E6;
    font-size: 32px;
    margin-bottom: 20px;
    font-family: 'RobotoCondensedRegular';
}

.infoWidgetNew .storeHeaderNew {
    margin-bottom: 10px;
}

.infoWidgetNew .descriptionStore {
    padding: 30px 25px;
    width: 100%;
    background-color: #fff;
    border-radius: 0px 10px 10px 0px;
}

.infoWidgetNew .intervalStore {
    display: flex;
    flex-direction: row;
}

.infoWidgetNew .intervalStore .minimumOrder {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-right: 40px;
}

.infoWidgetNew .intervalStore .minimumOrder .semibold,
.infoWidgetNew .intervalStore .timeHourOreder .semibold,
.infoWidgetNew .intervalStore .deliveryTimeOrder .semibold {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    font-family: 'RobotoCondensedRegular';
}

.infoWidgetNew .intervalStore .timeHourOreder {
    padding-right: 40px;
}

.infoWidgetNew .intervalStore .minimumOrder #store-min-cart-holder,
.infoWidgetNew .intervalStore .timeHourOreder .timeToHour {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Roboto';
}

.infoWidgetNew .intervalStore .deliveryTimeOrder .deliveryMin {
    font-size: 16px;
    line-height: 19px;
}

.infoWidgetNew .intervalStore .timeHourOreder .timeToHour .bold {
    text-transform: none;
}

.infoWidgetNew .intervalStore .timeHourOreder,
.infoWidgetNew .intervalStore .deliveryTimeOrder {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.infoWidgetNew .antetStore {
    border-top: 1px dotted #131313E6;
    padding-top: 10px;
    margin-top: 20px;
}

.infoWidgetNew .antetStore p {
    font-size: 13px;
    line-height: 16px;
    font-family: 'Roboto';
}

.infoWidgetNew .favoriteStore {
    margin-top: 20px;
    margin-right: 60px;
    float: right;
    display: inline-block;
}

/* MY PROFILE LINK start */

.my_profile_link {
    float: right;
    margin-right: 10px;
    display: flex;
}

.my_profile-description {
    padding-right: 12px;
}
.my_profile-description h3 {
    text-align: right;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.my_profile-description span.logout a {
    background: transparent;
    border-radius: 0;
    padding: 0;
    padding-bottom: 0;
    height: auto;
    padding-right: 0 !important;
}

.my_profile-description span.logout {
    float: right;
}

.my_profile-description span.logout a,
.my_profile-description a {
    font-size: 12px;
    color: #D5411F;
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: underline;
}

.my_profile_link a {
    margin-top: 2px;
}

.my_profile_link a div {
    margin-right: 10px;
}

.my_profile_link a figure {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    max-height: 50px;
    overflow: hidden;
    margin-right: 10px;
    margin-top: 2px;
}
.my_profile_link a img {
    position: relative;
    top: 0px;
}

.my_profile-image img {
    border-radius: 5px;
    background-color: #5B3938;
}

.my_profile_link a div {
    float:right;
    margin-top: 15px;
}
.my_profile_link a div span {
    font-size: 0.9em;
}
.my_profile_link a:hover {
    opacity: 0.8;
}

.my_addresses_form .form-group button {
    display: inline-block;
    outline: 0;
    border: 0;
    background: #FFEBD7;
    color: #D5411F;
    font-family: 'RobotoCondensedRegular';
    text-transform: uppercase;
    cursor: pointer;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 5px;
}

.my_addresses_form .form-group button:hover {
    opacity: 0.8;
}

.my-account {
    border-right: 1px solid #ABABAB !important;
}

/* MY PROFILE LINK end */

.loginMessage {
    margin:0 0 5px 0;
    padding:5px 5px 5px 10px;
    height:34px;
}

.loginMessage span.text {
    display: block;
    float: left;
    height:34px;
    line-height:34px;
    color:#47639e;
    font-size:14px;
}

/*line with text*/
.separator {
    /*width: 140px;*/
    /*display: inline-block;*/
}

.separation-line {
    text-align: center;
    padding-bottom: 20px;
    opacity: 0.5;
    position: relative;
    margin-top: 10px;
    width:100%;
}

.separator-or-word {
    position: absolute;
    top: 0;
    left: 41%;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    width: 8%;

}

.auth-login-btn {
    cursor: pointer;
    position: relative;
    height: 45px;
}

.auth-login-btn-icon {
    position: absolute;
    top:6px;
    left: 6px;
    width:30px;
    height:30px;
}

.auth-login-btn p {
    margin-left:45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-top:10px;
    text-align: left;
    line-height:24px;
}

/*facebook login*/

.facebook-login-btn {
    background: #1877F2;
    width: 250px;
    text-align: center;
    margin-top: 25px;
    border-radius: 5px;
}

.facebook-icon-wrapper {
    background: url(../images/facebook-login.svg) no-repeat scroll 5px center #1877F2;
}


/*span.fb-login a, span.login a {*/
/*    display: block;
    margin: 0;
    color: white;
    text-align: center;
    position: relative;
    border-radius: 5px;
    background: url(../images/facebook-login.svg) no-repeat scroll 10px center #1877F2;
    padding: 14px 15px 15px 0;
    font-size: 14px;
    height: auto;
    line-height: normal;
    width: 235px;*/
/*}*/

/*.fb-login-btn-text {
    margin-left:31px;
}

.my_profile_link .fb-login a {
    display: inline-block;
    width: 190px;
}

.my_profile_link span.login a {
    display: inline-block;
    width: 120px;
    padding: 0;
    line-height: 43px;
}

span.fb-login a {
    background-color: #1877F2;
}*/

.fb-login a:hover {
    background-color:#3b5998;
}

.login a:hover {
    background: #D5411F;
}

/*google login*/
.google-btn {
    width: 250px;
    height: 42px;
    background-color: #4285f4;
    border-radius: 5px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.25);
    cursor: pointer;
    margin-top: 25px;
}

.google-btn .google-icon-wrapper {

    border-radius: 5px;
    background-color: #fff;
    background: url('../images/google_icon.svg');
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
}



.btn-text {
    text-align: center;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.2px;
    font-family: "Roboto";
}

.text-authentication-with {
    margin-top: 25px;
    color: #D5411F;
    text-align: center;
    text-decoration: underline;
}


/*Apple login btn*/

.apple-btn {
    width: 250px;
    background-color: black;
    border-radius: 5px;
    text-align: center;
    margin-top: 25px;
}

.apple-icon-wrapper {
    background-image: url("../images/apple_logo.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-text-apple {
    color: white;
}

/*Phone login btn*/

.phone-login-btn {
    border: 1px solid darkgray;
    border-radius: 6px;
    width: 250px;
    background-color: #ffffff;
    text-align: center;
    margin-top: 25px;
}

.phone-icon {

    background-image: url("../images/phone-dial.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-text-phone {
    color: #000000 !important;
}

.phone-login-text-center {
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    color: #D5411F;
    text-align: center;
    text-decoration: underline;
}
.login-link-btn {
    color: #D5411F !important;
}


.storeContent {
    margin-top: 10px;
    min-height: 100%;
    background-color: #000;
    border-radius: 10px;
}

.noProductsFound {
    background: #e64b4b;
    color: #FFFFFF;
    height: 56px;
    line-height: 56px;
    font-size: 22px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0 10px;
    text-align:center;
}

/*.successMessage {*/
/*    background: #4bb44b;*/
/*    color: #FFFFFF;*/
/*    overflow: hidden;*/
/*    text-align:center;*/
/*    position:relative;*/
/*    border-radius: 10px;*/
/*}*/

/*.successMessage a {*/
/*    text-decoration: underline;*/
/*    color: #4bb44b;*/
/*    top: 2px;*/
/*    right: 2px;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    line-height: 16px;*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*}*/

/**Warning messages**/
.errorMessage {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border-radius: 7px;
    padding:15px
}

.successMessage {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border-radius: 7px;
    padding:15px
}

.warningMessage {
    /*color: #fff3cd;  856404*/
    color: #856404;
    background-color: #ffeeba;
    border-color: #856404;
    border-radius: 7px;
    padding:15px
}
/** Warning messages end**/

.errorMessage, .errorMessage2 {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    overflow: hidden;
    text-align:center;
    position:relative;
    padding: 15px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.errorMessage a, .errorMessage2 a {
    color: #721c24;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
}

.moreDetails {
    text-decoration: none;
    text-transform: lowercase;
    color: gray;
}

.productImage.loading {
    background:url(../images/ajax-loader.gif) no-repeat center center;
}

.productImage img {
    opacity:1;
    filter: alpha(opacity=100);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
}

.productImage.loading img {
    opacity:0;
    filter: alpha(opacity=0);
    transition: opacity 0.75s;
    -webkit-transition: opacity 0.75s;
    -moz-transition: opacity 0.75s;
    -ms-transition: opacity 0.75s;
    -o-transition: opacity 0.75s;
}

.ajax-loader {
    display:block;
    position: absolute;
    top:16px;
    right:0px;
    opacity:0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

body.loading .ajax-loader {
    opacity:1;
}

.productCategoryWrapNew {
    display: inline-flex;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px;
    width: calc(100% + 10px);
}

/**** TEMPLATE 1 *****/

.template1 .headerNavigation .btn.active,
.template1 .headerNavigation a.btn1:hover,
.template1 .headerNavigation div.btn2:hover,
.template1 .headerNavigation a.btn3:hover,
.template1 .headerNavigation div.btn4:hover {
    background:#47639e!important;
}

.template1 .headerNavigation a.btn1,
.template1 .headerNavigation div.btn2,
.template1 .headerNavigation a.btn3 {
    background:#93a5cb;
}

.template1 .headerNavigation .btn.active {
    width: auto;
    height: auto;
    line-height: normal;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background: #FF9A37 !important;
    padding: 19px 19px 18px 19px;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: 10px;
    font-family: 'Roboto';
}

.template1 div.btn2 .productTypeFilterWrap ul li a.active,
.template1 div.btn2 .productTypeFilterWrap ul li a:hover {
    background: #ABABAB;
}

.template1 .headerNavigation div.btn2:hover {
    background: url('../images/arrow_up.svg') no-repeat scroll right center #FF9A37 !important;
    background-position : calc(100% - 10px) center !important;
}

.template1 .headerNavigation div.btn4:hover {
    background: url('../images/shopping-cartN.png') no-repeat scroll right center #FF9A37 !important;
    background-position : calc(100% - 10px) center !important;
}

.headerNavigation div.btn4 .quickCart {
    height: auto;
    line-height: normal;
    padding: 11px 85px 10px 10px;
}

.headerNavigation div.btn4 .quickCart span {
    font-family: 'Roboto';
}

.template1 .categoryWrap {
    margin-bottom:10px;
    padding: 0;
}

.template1 .categoryWrap.categoryFeatured {
    padding: 0px;
}

.template1 .categoryWrap .categoryTitle {
    background: transparent;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    height: auto;
    line-height: normal;
    text-align: left;
    font-size: 32px;
    margin-bottom: 10px;
    overflow: hidden;
}

.template1 .categoryWrap .productWrap {
    float: none;
    width: 236px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    border-radius: 5px;
    margin: 10px 0 0 10px;
}
.template1 .categoryWrap.categoryFeatured .productWrap {
    float: none;
    width: 318px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    border-radius: 5px;
    margin: 10px 0 0 10px;
}

.template1 .categoryWrap .productWrap .productImage {
    width: 100%;
    height: 236px;
    position: relative;
}

.template1 .categoryWrap.categoryFeatured .productWrap .productImage {
    width: 100%;
    height: 318px;
}

.template1 .categoryWrap .productWrap .productImage img {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}

.template1 .categoryWrap .productWrap .productInfoWrap {
    margin-top: 0;
    padding: 0px;
    position: relative;
    background: #FFFFFF;
    border-radius: 0px 0px 5px 5px;
}

.template1 .categoryWrap.categoryFeatured .productWrap.theme1 .productInfoWrap,
.template1 .categoryWrap.categoryFeatured .productWrap.theme2 .productInfoWrap,
.template1 .categoryWrap.categoryFeatured .productWrap.theme3 .productInfoWrap {
    background: #FFFFFF;
}

.template1 .categoryWrap .productWrap .productTitle {
    color: #451C18;
    height: 45px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    overflow: unset;
    border-top: 0;
    border-bottom: 0;
    text-overflow: unset;
    white-space: unset !important;
    text-overflow: ellipsis;
    width: 92%;
    overflow: hidden;
    padding-top: 15px;
    padding-left: 10px;
    margin-right: 10px;
}

.template1 .categoryWrap .productWrap.hover .productTitle {
    height:45px;
    min-height:24px;
    text-overflow:clip;
    white-space:normal;
}

.template1 .categoryWrap .productWrap hr {
    border-top: 0;
    border-bottom: 1px solid #FFF;
    border-left: 0;
    border-right: 0;
    margin: 0;
}

.template1 .categoryWrap .productWrap .productDescription {
    margin:5px 0px;
    height: 75px;
    min-height: 75px;
    overflow: hidden;
    word-break: break-word;
    color: #6A6A6A;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.template1 .categoryWrap .productWrap.hover .productDescription {
    height: 75px;
    min-height: 75px;
}

.template1 .categoryWrap .productWrap .productSizesWrap {
    width: 100%;
    margin-left: 0;
    background: white;
    max-height: 100%;
    overflow: unset;
    border-radius: 0px 0px 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-end;
    align-items: stretch;
}

.template1 .categoryWrap.categoryFeatured .productWrap .productSizesWrap {
    width: 100%;
}

.template1 .categoryWrap .productWrap.hover .productSizesWrap {
    max-height:none;
}

.template1 .categoryWrap .productWrap a.productSize {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #6A6A6A;
    text-decoration: none;
    background: transparent !important;
    height: auto;
    line-height: normal;
    overflow: unset;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.template1 .categoryWrap .productWrap a.productSize.isOnPromo,
.template1 .categoryWrap.categoryFeatured .productWrap a.productSize.isOnPromo {
    background: #37c047;
}

.template1 .categoryWrap .productWrap a.productSize:hover {
    border-top: 1px solid #6A6A6A;
    text-decoration: none;
    background: transparent !important;
}

.template1 .categoryWrap .productWrap .productSize span {
    height:44px;
    line-height:44px;
    display:block;
    color: #131313;
    font-size:12px;
    overflow: hidden;
}

.template1 .categoryWrap.categoryFeatured .productWrap .productSize span {
    font-size:14px;
}

.template1 .categoryWrap .productWrap .productSize span.descriptionInfo {
    float: none;
    position: absolute;
    top: 0px;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Roboto';
}

/*.template1 .categoryWrap .productWrap .productSize.descriptionNotFound span.descriptionInfo {
    display:none;
}*/

.template1 .categoryWrap .productWrap .productSize span.priceInfo {
    float:right;
}

/*.template1 .categoryWrap .productWrap .productSize.descriptionNotFound span.priceInfo {
    float:left;
}*/

.template1 .categoryWrap .productWrap .productSize span.priceInfo .amount {
    float:left;
    font-size: 22px;
}

/*.template1 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .amount {
    font-size: 30px;
}*/

.template1 .categoryWrap .productWrap .productSize span.priceInfo .coin {
    float:right;
    margin-left:3px;
}

.template1 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount {
    line-height:14px;
    position: absolute;
    display: flex;
    top: 7px;
    right: 37px;
    height: auto;
    padding: 0;
    color: #D5411F !important;
    font-size: 11px !important;
}

.template1 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .coin.oldAmount {
    line-height:16px;
    height:32px;
    padding: 0;
}

.template1 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount strike {
    display:block;
    text-decoration:line-through;
}

.template1 .categoryWrap .productWrap .productSize span.priceInfo,
.template1 .categoryWrap .productWrap .productSize span.priceInfo .amount,
.template1 .categoryWrap .productWrap .productSize span.priceInfo .coin,
.template1 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .amount {
    color: #D5411F;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'RobotoCondensedBold';
}

.template1 .categoryWrap .productWrap .productSize span.addInfo {
    background-image: url('../images/red-plus-order.svg');
    width: 30px;
    float:right;
    background-repeat:no-repeat;
    background-position:right center;
    color:transparent;
    overflow: hidden;
}

/*.template1 .categoryWrap .productWrap .productSize.descriptionNotFound span.addInfo {
    color: transparent;
    width:auto;
    padding-right: 20px;
}*/

.template1 .categoryWrap .productWrap a.productSize:hover span.addInfo {
    background-image: url('../images/red-plus-order.svg') no-repeat right center;
    width: 30px;
}

.template1 .headerNavigation .btn2.active,
.template2 .headerNavigation .btn2.active,
.template3 .headerNavigation .btn2.active,
.template3 .headerNavigation div.btn2:hover,
.template3 .headerNavigation div.btn2.active {
    padding: 0;
    background: url('../images/arrow_up.svg') no-repeat scroll right center #FF9A37 !important;
    background-position : calc(100% - 10px) center !important;
    margin-left: 0;
}

.template1 .headerNavigation div.btn2.active .productTypeFilter,
.template2 .headerNavigation div.btn2.active .productTypeFilter,
.template3 .headerNavigation div.btn2.active .productTypeFilter {
    height: auto;
    line-height: normal;
    padding: 12px 65px 12px 15px;
}

.template1 .headerNavigation a.btn1:hover,
.template2 .headerNavigation a.btn1:hover,
.template3 .headerNavigation a.btn1:hover {
    width: auto;
    padding: 19px;
    height: auto;
    line-height: normal;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background: #FF9A37 !important;
    border-radius: 5px;
    margin-right: 10px;
    font-family: 'Roboto';
}

.template1 .headerNavigation div.btn2,
.template2 .headerNavigation div.btn2,
.template3 .headerNavigation div.btn2 {
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    background: url('../images/arrow_up.svg') no-repeat scroll right center #ABABAB !important;
    background-position : calc(100% - 10px) center !important;
    text-align: left;
    height: auto;
    line-height: normal;
    margin-right: 10px;
    width: auto;
}

.template1 .headerNavigation div.btn2 .productTypeFilter,
.template2 .headerNavigation div.btn2 .productTypeFilter,
.template3 .headerNavigation div.btn2 .productTypeFilter {
    padding: 19px 65px 18px 15px;
}

.template1 .categoryWrap .productWrap a.productSize.isOnPromo span.addInfo,
.template2 .categoryWrap .productWrap a.productSize.isOnPromo span.addInfo,
.template3 .categoryWrap .productWrap a.productSize.isOnPromo span.addInfo {
    background-image: url('../images/green-plus-order.svg');
    width: 30px;
}

.template1 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo,
.template1 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .amount,
.template1 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin {
    color: #1D9F2D;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.template1 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin.oldAmount strike,
.template2 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin.oldAmount strike,
.template3 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin.oldAmount strike {
    color: #D5411F;
}

.template1 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin.oldAmount span,
.template2 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin.oldAmount span,
.template3 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin.oldAmount span {
    color: #D5411F;
    margin-right: 3px;
    height: auto;
    line-height: normal;
    display: inline;
    font-size: 11px;
    margin-left: 3px;
}

.template1 .categoryWrap .productWrap .productSize.isOnPromo span.priceInfo .amount .coin,
.template1 .categoryWrap .productWrap .productSize.isOnPromo span.priceInfo .amount,
.template2 .categoryWrap .productWrap .productSize.isOnPromo span.priceInfo .amount .coin,
.template2 .categoryWrap .productWrap .productSize.isOnPromo span.priceInfo .amount,
.template3 .categoryWrap .productWrap .productSize.isOnPromo span.priceInfo .amount .coin,
.template3 .categoryWrap .productWrap .productSize.isOnPromo span.priceInfo .amount  {
    line-height: 51px;
}

/**** TEMPLATE-2 ****/

.template2 .headerNavigation .btn.active,
.template2 .headerNavigation a.btn1:hover,
.template2 .headerNavigation div.btn2:hover,
.template2 .headerNavigation a.btn3:hover {
    background:#727272!important;
}

.template2 .headerNavigation a.btn1 {
    background:#afafaf;
}

.template2 .headerNavigation div.btn2 {
    background:#afafaf;
}

.template2 .headerNavigation a.btn3 {
    background:#afafaf;
}

.template2 div.btn2 .productTypeFilterWrap ul li a.active,
.template2 div.btn2 .productTypeFilterWrap ul li a:hover {
    background:#727272;
}

.template2 .categoryWrap {
    margin-bottom:10px;
    padding: 0px;
}

.template2 .categoryWrap .categoryTitle {
    background: transparent;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    height: auto;
    line-height: normal;
    text-align: left;
    font-size: 32px;
    margin-bottom: 10px;
    overflow: hidden;
}

.template2 .categoryWrap .productWrap {
    float: none;
    width: 318px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #dedede;
    border-radius: 5px;
    margin: 10px 0 0 10px;
}

.template2 .categoryWrap.categoryFeatured .productWrap {
    float: none;
    width: 482px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #dedede;
    border-radius: 5px;
    margin: 10px 0 0 10px;
}

.template2 .categoryWrap .productWrap .productImage {
    width: 100%;
    height: 318px;
    position: relative;
}

.template2 .categoryWrap.categoryFeatured .productWrap .productImage {
    width: 100%;
    height: 482px;
}

.template2 .categoryWrap .productWrap .productImage img {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}

.template2 .categoryWrap .productWrap .productInfoWrap {
    margin-top: 0;
    padding: 0px;
    position: relative;
    background: #dedede;
    border-radius: 0px 0px 5px 5px;
}

.template2 .categoryWrap.categoryFeatured .productWrap .productInfoWrap {
    background:#d6d6d6;
}

.template2 .categoryWrap .productWrap .productTitle {
    color: #451C18;
    height: 45px;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    overflow: unset;
    border-top: 0;
    border-bottom: 0;
    text-overflow: unset;
    white-space: unset;
    padding-top: 15px;
    padding-left: 10px;
    margin-right: 10px;
}

.template2 .categoryWrap .productWrap.hover .productTitle {
    height:45px;
    min-height:24px;
    text-overflow:clip;
    white-space:normal;
}

.template2 .categoryWrap .productWrap hr {
    border-top: 0;
    border-bottom: 1px solid #FFF;
    border-left: 0;
    border-right: 0;
    margin: 0;
}

.template2 .categoryWrap .productWrap .productDescription {
    color:#474747;
    margin:5px 0px;
    height: 95px;
    min-height: 95px;
    overflow: hidden;
    word-break: break-word;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
}
.template2 .categoryWrap .productWrap.hover .productDescription {
    height: 95px;
    min-height: 95px;
}

.template2 .categoryWrap .productWrap .productSizesWrap {
    width: 100%;
    margin-left: 0;
    background: white;
    max-height: 100%;
    overflow: unset;
    border-radius: 0px 0px 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-end;
    align-items: stretch;
}

.template2 .categoryWrap.categoryFeatured .productWrap .productSizesWrap {
    width: 100%;
}

.template2 .categoryWrap .productWrap.hover .productSizesWrap {
    max-height:none;
}

.template2 .categoryWrap .productWrap a.productSize {
    border-top:1px solid #ffffff;
    text-decoration:none;
    background:#afafaf;
    position:relative;
    overflow: hidden;
    height: auto;
    line-height: normal;
    overflow: unset;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.template2 .categoryWrap .productWrap a.productSize:last-child {
    border-radius: 0px 0px 5px 5px;
}

.template2 .categoryWrap.categoryFeatured .productWrap a.productSize {
    background: #9a9a9a;
}

.template2 .categoryWrap .productWrap a.productSize.isOnPromo,
.template2 .categoryWrap.categoryFeatured .productWrap a.productSize.isOnPromo {
    background: #37c047;
}

.template2 .categoryWrap .productWrap a.productSize:hover {
    background: #fd7d00!important;
}

.template2 .categoryWrap .productWrap .productSize span {
    height:44px;
    line-height:44px;
    display:block;
    color: #FFFFFF;
    font-size:14px;
    overflow: hidden;
}

.template2 .categoryWrap.categoryFeatured .productWrap .productSize span {
    font-size:16px;
}

.template2 .categoryWrap .productWrap .productSize span.descriptionInfo {
    float: none;
    position: absolute;
    top: 0px;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Roboto';
}

.template2 .categoryWrap .productWrap .productSize.descriptionNotFound span.descriptionInfo {
    display:none;
}

.template2 .categoryWrap .productWrap .productSize span.priceInfo {
    float:right;
}

.template2 .categoryWrap .productWrap .productSize.descriptionNotFound span.priceInfo {
    float:left;
}

.template2 .categoryWrap .productWrap .productSize span.priceInfo .amount {
    float:left;
    font-size: 26px;
}

.template2 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .amount {
    color: #474747;
    font-size: 32px;
}

.template2 .categoryWrap .productWrap .productSize span.priceInfo .coin {
    float:right;
    margin-left:3px;
    margin-top: 1px;
}

.template2 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount {
    line-height:16px;
    position: absolute;
    display: flex;
    top: 7px;
    right: 37px;
    height: auto;
    padding: 0;
    color: #D5411F !important;
    font-size: 11px !important;
}

.template2 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount {
    top: 5px;
}

.template2 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .coin.oldAmount {
    line-height:18px;
    height:36px;
    padding:4px 0;
    top: 0px;
    right: 37px;
}

.template2 .categoryWrap .productWrap .productSize span.priceInfo,
.template2 .categoryWrap .productWrap .productSize span.priceInfo .amount,
.template2 .categoryWrap .productWrap .productSize span.priceInfo .coin,
.template2 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .amount {
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.template2 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount strike {
    display:block;
    text-decoration:line-through;
}

.template2 .categoryWrap .productWrap .productSize span.addInfo {
    float:right;
    background-image: url('../images/red-plus-order.svg');
    width: 30px;
    background-repeat:no-repeat;
    background-position:right center;
    color:transparent;
    overflow: hidden;
}

.template2 .categoryWrap .productWrap .productSize.descriptionNotFound span.addInfo {
    color: transparent;
    width:auto;
    padding-right: 20px;
}

.template2 .categoryWrap .productWrap a.productSize:hover span.addInfo {
    background-image: url('../images/red-plus-order.svg') no-repeat right center;
    width: 30px;
}

.template2 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo,
.template2 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .amount,
.template2 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin {
    color: #FFFFFF;
}

/**** TEMPLATE 3 ****/

.template3 .headerNavigation .btn.active,
.template3 .headerNavigation a.btn1:hover,
.template3 .headerNavigation div.btn2:hover,
.template3 .headerNavigation a.btn3:hover {
    background: #FF9A37 !important;
}

.template3 .headerNavigation a.btn1 {
    background:#afafaf;
}

.template3 .headerNavigation div.btn2 {
    background:#afafaf;
}

.template3 .headerNavigation a.btn3 {
    background:#afafaf;
}

.template3 div.btn2 .productTypeFilterWrap ul li a.active,
.template3 div.btn2 .productTypeFilterWrap ul li a:hover {
    background:#8b4500;
}

.template3 .categoryWrap {
    margin-bottom:10px;
}

.template3 .categoryWrap .categoryTitle {
    background: transparent;
    color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    height: auto;
    line-height: normal;
    text-align: left;
    font-size: 32px;
    margin-bottom: 10px;
    overflow: hidden;
}

.template3 .categoryWrap .productWrap {
    float: none;
    width: 236px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #dedede;
    border-radius: 5px;
    margin: 10px 0 0 10px;
}

.template3 .categoryWrap.categoryFeatured .productWrap {
    float: none;
    width: 187px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #dedede;
    border-radius: 5px;
    margin: 10px 0 0 10px;
}

.template3 .categoryWrap .productWrap .productImage {
    width: 100%;
    height: 236px;
    position: relative;
}

.template3 .categoryWrap.categoryFeatured .productWrap .productImage {
    width: 100%;
    height: 187px;
}

.template3 .categoryWrap .productWrap .productImage img {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}

.template3 .categoryWrap .productWrap .productInfoWrap {
    margin-top: 0;
    padding: 0px;
    position: relative;
    background: #dedede;
    border-radius: 0px 0px 5px 5px;
}

.template3 .categoryWrap .productWrap .productTitle {
    color: #451C18;
    height: 45px;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    overflow: unset;
    border-top: 0;
    border-bottom: 0;
    text-overflow: unset;
    white-space: unset;
    padding-top: 15px;
    padding-left: 10px;
    margin-right: 10px;
}
.template3 .categoryWrap .productWrap.hover .productTitle {
    height:45px;
    min-height:24px;
    text-overflow: clip;
    white-space: normal;
}

.template3 .categoryWrap .productWrap hr {
    border-top: 0;
    border-bottom: 1px solid #FFF;
    border-left: 0;
    border-right: 0;
    margin: 0;
}

.template3 .categoryWrap .productWrap .productDescription {
    color:#363636;
    margin:5px 0px;
    height: 75px;
    min-height: 75px;
    overflow: hidden;
    word-break: break-word;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.template3 .categoryWrap .productWrap.hover .productDescription {
    height: 75px;
    min-height: 75px;
}

.template3 .categoryWrap .productWrap .productSizesWrap {
    width: 100%;
    margin-left: 0;
    background: white;
    max-height: 100%;
    overflow: unset;
    border-radius: 0px 0px 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-end;
    align-items: stretch;
}

.template3 .categoryWrap.categoryFeatured .productWrap .productSizesWrap {
    width: 100%;
}

.template3 .categoryWrap .productWrap.hover .productSizesWrap {
    max-height:none;
}

.template3 .categoryWrap .productWrap a.productSize {
    border-top:1px solid #ffffff;
    text-decoration:none;
    background:#868686;
    position:relative;
    overflow: hidden;
    height: auto;
    line-height: normal;
    overflow: unset;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.template3 .categoryWrap .productWrap a.productSize.isOnPromo,
.template3 .categoryWrap.categoryFeatured .productWrap a.productSize.isOnPromo {
    background: #37c047;
}

.template3 .categoryWrap .productWrap a.productSize:hover {
    background: #fd7d00!important;
}

.template3 .categoryWrap .productWrap .productSize span {
    height:44px;
    line-height:44px;
    display:block;
    color: #FFFFFF;
    font-size:12px;
    overflow: hidden;
}

.template3 .categoryWrap.categoryFeatured .productWrap .productSize span {
    font-size:14px;
}

.template3 .categoryWrap .productWrap .productSize span.descriptionInfo {
    float: none;
    position: absolute;
    top: 0px;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Roboto';
}

.template3 .categoryWrap .productWrap .productSize.descriptionNotFound span.descriptionInfo {
    display:none;
}

.template3 .categoryWrap .productWrap .productSize span.priceInf o{
    float:right;
}

.template3 .categoryWrap .productWrap .productSize.descriptionNotFound span.priceInfo {
    float:left;
}

.template3 .categoryWrap .productWrap .productSize span.priceInfo .amount {
    float:left;
    font-size: 22px;
}

.template3 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .amount {
    font-size: 26px;
}

.template3 .categoryWrap .productWrap .productSize span.priceInfo .coin{
    float:right;
    margin-left:3px;
    margin-top: 1px;
}

.template3 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount {
    line-height:14px;
    position: absolute;
    display: flex;
    top: 7px;
    right: 37px;
    height: auto;
    padding: 0;
    color: #D5411F !important;
    font-size: 11px !important;
}

.template3 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .coin.oldAmount {
    line-height:16px;
    height:32px;
    top: 0px;
    padding:6px 0;
}

.template3 .categoryWrap .productWrap .productSize span.priceInfo,
.template3 .categoryWrap .productWrap .productSize span.priceInfo .amount,
.template3 .categoryWrap .productWrap .productSize span.priceInfo .coin,
.template3 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .amount {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.template3 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount strike {
    display:block;
    text-decoration:line-through;
}

.template3 .categoryWrap .productWrap .productSize span.addInfo {
    float:right;
    background-image: url('../images/red-plus-order.svg');
    width: 30px;
    background-repeat:no-repeat;
    background-position:right center;
    color:transparent;
    overflow: hidden;
}

.template3 .categoryWrap .productWrap .productSize.descriptionNotFound span.addInfo {
    color: transparent;
    width:auto;
    padding-right: 20px;
}

.template3 .categoryWrap .productWrap a.productSize:hover span.addInfo {
    background-image: url('../images/red-plus-order.svg') no-repeat right center;
    width: 30px;
}

.template3 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo,
.template3 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .amount,
.template3 .categoryWrap .productWrap a.productSize.isOnPromo span.priceInfo .coin {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

/**** TEMPLATE 4 *****/

.template4 .headerNavigation .btn.active,
.template4 .headerNavigation a.btn1:hover,
.template4 .headerNavigation div.btn2:hover,
.template4 .headerNavigation a.btn3:hover,
.template4 .headerNavigation div.btn4:hover {
    background:#47639e!important;
}

.template4 .headerNavigation a.btn1 {
    background:#93a5cb;
}

.template4 .headerNavigation div.btn2 {
    background:#93a5cb;
}

.template4 .headerNavigation a.btn3 {
    background:#93a5cb;
}

.template4 div.btn2 .productTypeFilterWrap ul li a.active,
.template4 div.btn2 .productTypeFilterWrap ul li a:hover {
    background:#47639e;
}

.template4 .categoryWrap {
    margin-bottom:10px;
    padding: 0 1px;
}
.template4 .categoryWrap.categoryFeatured {
    padding: 0px;
}

.template4 .categoryWrap .categoryTitle {
    background: #eceff5;
    color:#47639e;
    height:56px;
    line-height:56px;
    text-align:center;
    font-size:36px;
    margin-bottom:5px;
    overflow:hidden;
}

.template4 .categoryWrap .productWrap {
    float:left;
    width: 200px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 10px;
}

.template4 .categoryWrap.categoryFeatured .productWrap {
    width: 265px;
    margin-left: 2px;
    margin-right: 3px;
}

.template4 .categoryWrap .productWrap .productImage {
    width:200px;
    height:200px;
    position:relative;
}

.template4 .categoryWrap.categoryFeatured .productWrap .productImage {
    width:265px;
    height:265px;
}

.template4 .categoryWrap .productWrap .productImage img {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
}

.template4 .categoryWrap .productWrap .productInfoWrap {
    margin-top:2px;
    padding:0px 8px;
    position:relative;
    background:#fceec4;
}

.template4 .categoryWrap.categoryFeatured .productWrap.theme1 .productInfoWrap {
    background:#e9d4c4;
}

.template4 .categoryWrap.categoryFeatured .productWrap.theme2 .productInfoWrap {
    background:#e2d3ae;
}

.template4 .categoryWrap.categoryFeatured .productWrap.theme3 .productInfoWrap {
    background:#ffddbc;
}

.template4 .categoryWrap .productWrap .productTitle {
    color: #63330d;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.template4 .categoryWrap .productWrap.hover .productTitle {
    height:auto;
    min-height:24px;
    text-overflow:clip;
    white-space:normal;
}

.template4 .categoryWrap .productWrap hr {
    border-top: 0;
    border-bottom: 1px solid #FFF;
    border-left: 0;
    border-right: 0;
    margin: 0;
}

.template4 .categoryWrap .productWrap .productDescription {
    color:#63330d;
    margin:5px 0px;
    height:60px;
    line-height:20px;
    overflow: hidden;
    font-size:14px;
    word-break: break-word;
}

.template4 .categoryWrap .productWrap.hover .productDescription {
    height:auto;
    min-height:60px;
}

.template4 .categoryWrap .productWrap .productSizesWrap {
    width: 200px;
    margin-left: -8px;
    background: white;
    max-height: 135px;
    overflow: hidden;
}

.template4 .categoryWrap.categoryFeatured .productWrap .productSizesWrap {
    width: 265px;
}

.template4 .categoryWrap .productWrap.hover .productSizesWrap {
    max-height:none;
}

.template4 .categoryWrap .productWrap a.productSize {
    height:44px;
    line-height:44px;
    border-top:1px solid #ffffff;
    padding:0 5px;
    display:block;
    text-decoration:none;
    background:#ff9a37;
    position: relative;
    overflow: hidden;
}

.template4 .categoryWrap.categoryFeatured .productWrap.theme1 a.productSize {
    background: #c7956f;
}

.template4 .categoryWrap.categoryFeatured .productWrap.theme2 a.productSize {
    background: #b69850;
}

.template4 .categoryWrap.categoryFeatured .productWrap.theme3 a.productSize {
    background: #ff9937;
}

.template4 .categoryWrap .productWrap a.productSize.isOnPromo,
.template4 .categoryWrap.categoryFeatured .productWrap a.productSize.isOnPromo {
    background: #37c047;
}

.template4 .categoryWrap .productWrap a.productSize:hover {
    background: #fd7d00!important;
}

.template4 .categoryWrap .productWrap .productSize span {
    height:44px;
    line-height:44px;
    display:block;
    color: #FFFFFF;
    font-size:12px;
    overflow: hidden;
}

.template4 .categoryWrap.categoryFeatured .productWrap .productSize span {
    font-size:14px;
}

.template4 .categoryWrap .productWrap .productSize span.descriptionInfo {
    float: none;
    position: absolute;
    top: 0px;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template4 .categoryWrap .productWrap .productSize.descriptionNotFound span.descriptionInfo {
    display:none;
}

.template4 .categoryWrap .productWrap .productSize span.priceInfo {
    float:right;
}

.template4 .categoryWrap .productWrap .productSize.descriptionNotFound span.priceInfo {
    float:left;
}

.template4 .categoryWrap .productWrap .productSize span.priceInfo .amount {
    float:left;
    font-size: 22px;
}

.template4 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .amount {
    font-size: 30px;
}

.template4 .categoryWrap .productWrap .productSize span.priceInfo .coin {
    float:right;
    margin-left:3px;
}

.template4 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount {
    line-height:14px;
    height:28px;
    padding:8px 0;
}

.template4 .categoryWrap.categoryFeatured .productWrap .productSize span.priceInfo .coin.oldAmount {
    line-height:16px;
    height:32px;
    padding:6px 0;
}

.template4 .categoryWrap .productWrap .productSize span.priceInfo .coin.oldAmount strike {
    display:block;
    text-decoration:line-through;
}

.template4 .categoryWrap .productWrap .productSize span.addInfo {
    float:right;
    width:20px;
    background-image:url(../images/arrow.png);
    background-repeat:no-repeat;
    background-position:right center;
    color:transparent;
    overflow: hidden;
}

.template4 .categoryWrap .productWrap .productSize.descriptionNotFound span.addInfo {
    color: #FFFFFF;
    width:auto;
    padding-right: 20px;
}

.template4 .categoryWrap .productWrap a.productSize:hover span.addInfo {
    background:url(../images/plus.png) no-repeat right center;
}
/*Paymnet redirect*/
.paymentRedirectWrap {
    float:left;
    width: 934px;
    background-color: #F0F0F0;
    border-radius: 10px;
    padding: 20px;
    padding-bottom: 20px;
}

.paymentRedirectWrap h1{
    color: #131313;
    background: transparent;
    font-size: 24px;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 20px;
    height: auto;
    line-height: 32px;
}

/* CHECKOUT start */

.auth-btn {
    background: #D5411F;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    line-height: 15px;
    font-family: 'Roboto';
    display: block;
    color: white;
    margin-left: 0;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height:43px;
    min-width:120px;
}

.btn-register:hover {
    opacity: 0.8;
}

.btn-register:hover {
    opacity: 0.8;
}

.checkbox-field {
    cursor: pointer;
}

.my_profile_link .menu-auth-btn {
    width:50px;
    display: block;
    float:left;
    margin-right:12px;
    margin-top:5px;
}

.my_profile_link .menu-facebok-login-btn {
    margin: 0;
    display: block;
    float:right;
    margin-top:3px;
}


.auth-login-btn-checkout {
    width:100%;
}

/*menu-normal-login-btn*/

.my_profile_link span.login a {
    display: inline-block;
    width: 120px;
    padding: 0;
    line-height: 43px;
}

.checkoutTitle {
    background: #eceff5;
    color: #47639e;
    height: 56px;
    line-height: 56px;
    font-size: 28px;
    margin-bottom: 10px;
    overflow: hidden;
    padding:0 10px;
}

.orderWrap {
    float:left;
    width: 605px;
    background-color: #F0F0F0;
    border-radius: 10px;
    padding: 20px;
    padding-bottom: 20px;
}

.checkoutWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
}

.orderWrap h1 {
    color: #131313;
    background: transparent;
    font-size: 24px;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 20px;
    height: auto;
    line-height: 32px;
}

.orderWrap .order-item {
    background: #FFFFFF;
    color: #131313;
    padding: 15px;
    font-size: 16px;
    margin-bottom: 0;
    min-height: auto;
    line-height: 17px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.orderWrap .orderItemsWrap {
    height: 100%;
}

.orderWrap .order-item .product-name-extras {
    float: left;
    width: 300px;
    margin-right: 30px;
    overflow: hidden;
    font-size: 16px;
    line-height: 19px;
}

.orderWrap .order-item .product-name-extras .o-product-extras {
    font-size: 13px;
    color: #6A6A6A;
    font-family: 'RobotoCondensedRegular';
    line-height: 21px;
}

.orderWrap .order-item .product-name-extras .o-product-note {
    font-size: 9px;
    font-style: initial;
    margin-top: 10px;
}

.orderWrap .order-item .o-product-name {
    float: left;
    width: 300px;
}

.orderWrap .order-item .o-product-name div {
    color: #131313;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
}

.orderWrap .order-item .o-qty {
    float: left;
    width: 145px;
    text-align: center;
    display: flex;
}

.orderWrap .order-item .o-qty button {
    background-color: transparent;
    border: 0;
}

.orderWrap .order-item .o-qty button {
    width:16px;
    heigth:16px;
    background-size: 16px 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.orderWrap .o-qty-btn-minus  {
    background: url('../images/order_qty_minus_26x26.png');
}

.orderWrap .order-item .o-remove-item-btn.o-qty-btn-minus  {
    background: url('../images/trash26x26.png');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.orderWrap .o-qty-btn-plus  {
    background: url('../images/order_qty_plus_26x26.png');
}

.orderWrap .order-item .o-qty span.o-nr-of-qty {
    font-family: 'RobotoCondensedRegular';
    font-size: 16px;
    line-height: 20px;
    color: #5B3938;
    padding-left: 10px;
    padding-right: 10px;
}

.orderWrap .order-item .o-qty-holder {
    color: #131313;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 18px;
    line-height: 17px;
    margin-right: 10px;
    float: left;
}

.orderWrap .order-item .o-product-price {
    float: right;
    width: 95px;
    text-align: right;
    color: #D5411F;
    font-family: 'RobotoCondensedBold';
    text-transform: uppercase;
    font-size: 16px;
    line-height: 15px;
}

.checkoutFormWrap {
    float:right;
    width: 280px;
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
    margin-left: 10px;
}

.checkoutFormWrap h1 {
    color: #131313;
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
    min-height: auto;
    line-height: 32px;
    overflow: unset;
    font-size: 24px;
    font-family: 'RobotoCondensedRegular';
}

.checkoutFormWrap label {
    display: inline-block;
    height: auto;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #131313;
    font-family: 'Roboto';
}

.checkoutFormWrap .phoneWrap {
    margin-top: 15px;
}

.checkoutFormWrap .addressWrap {
    margin-top: 30px;
}

.checkoutFormWrap .addressWrap .checkbox-field {
    margin-bottom: 10px;
}

.checkoutFormWrap .address_list .checkbox-field  {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 10px;
    padding-left: 14px;
}

.checkoutFormWrap label span.hint {
    font-size:12px;
}

.checkoutFormWrap .addressWrap textarea,
.checkoutFormWrap .messageWrap textarea,
.checkoutFormWrap .phoneWrap input,
.checkoutFormWrap .emailWrap input,
.checkoutFormWrap .addressWrap input,
.checkoutFormWrap .fidelityWrap input
{
    border: 1px solid #CCCCCC;
    background: transparent;
    outline: none;
    height: auto;
    width: 100%;
    font-size: 14px;
    font-family: 'Roboto';
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 5px;
}

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

@media all\0 {
    .checkoutFormWrap .phoneWrap input,.checkoutFormWrap .emailWrap input{
        line-height: 27px;
    }
}

.checkoutFormWrap .addressWrap,
.checkoutFormWrap .messageWrap,
.checkoutFormWrap .paymentMethodWrap,
.checkoutFormWrap .deliveryMethodWrap {
    background: transparent;
    color: #131313;
    padding: 0;
    line-height: normal;
    margin-bottom: 15px;
}

.deliveryMethods .checkbox-field,
.deliveryMethod .checkbox-field,
.paymentMethodWrap .checkbox-field {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 10px;
    padding-left: 14px;
    display: block;
    margin: 0 !important;
    color: #5B3938;
}
.paymentMethod span {
    padding-left: 5px;
}

.paymentMethodWrap label:hover {
    cursor: pointer;
}

.paymentMethodWrap > label {
    padding-left: 0;
}

.paymentMethod .oneClickPay {
    padding-bottom: 10px;
    display: block;
}

.paymentMethod #online_card_payment_options label {
    padding-left: 0;
    font-size: 14px;
}

.paymentMethod #online_card_payment_options {
    padding: 12px;
}

.paymentMethod #online_card_payment_options div {
    margin-bottom: 10px;
}

.deliveryMethodWrap .semibold,
.paymentMethodWrap .semibold {
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #131313;
    margin-bottom: 10px;
}

.deliveryMethodWrap .delivery_list .deliveryMethods,
.deliveryMethodWrap .delivery_list .deliveryMethod,
.paymentMethodWrap .payment_list .paymentMethod {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-bottom: 5px;
}

.paymentMethodWrap .payment_list .paymentMethod span:hover,
.paymentMethodWrap .payment_list .paymentMethod:hover {
    cursor: pointer;
}

.iradio_square-grey {
    width: 16px !important;
    height: 16px !important;
    background: url('../images/radio-unchecked.svg') no-repeat center !important;
}

.iradio_square-grey.checked,
.iradio_square-grey.hover {
    background: url('../images/radio-checked.svg') no-repeat center !important;
    cursor: pointer;
    width: 16px !important;
    height: 16px !important;
}

.errorMessage, .errorMessage2 {
    border-radius: 5px;
}

.errorMessage a, errorMessage2 a {
    top: 12px;
    right: 10px;
    font-size: 16px;
}

.checkoutFormWrap #checkout-add-new-address {
    background: rgba(213, 65, 31, 0.15);
    border: 0;
    line-height: normal;
    color: #D5411F;
    padding: 13px;
    margin-top: 13px;
    border-radius: 5px;
    text-align: center;
    font-family: 'RobotoCondensedRegular';
    display: block;
    text-transform: uppercase;
}

.checkoutFormWrap .address_list .checkbox-field  {
    display: flex;
    height: auto;
    margin-bottom: 6px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.checkoutFormWrap .address_list .checkbox-field.selected,
.checkoutFormWrap .paymentMethodWrap .paymentMethod .checkbox-field.selected {
    background-color: #ABABAB;
}

.checkoutFormWrap .paymentMethodWrap .paymentMethod .checkbox-field.selected span,
.checkoutFormWrap .address_list .checkbox-field.selected span {
    color: white;
}

.checkoutFormWrap .address_list .checkbox-field.selected:hover span{
    color: white;
}

.checkoutFormWrap .address_list .checkbox-field input {
    width: 25px;
    margin: 0;
}

.checkoutFormWrap .address_list .checkbox-field:hover span {
    color: #131313;
}

.checkoutFormWrap .address_list .checkbox-field span {
    max-width: 90%;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    margin-left: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    color: #5B3938;
}

.checkoutFormWrap .applyCoupon {
    display: none;
}

.checkoutFormWrap .delivery_list .checkbox-field {
    display: block;
    height: auto;
    margin-bottom: 6px;
}

.checkoutFormWrap .delivery_list .checkbox-field span {
    max-width: 210px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    margin-left: 5px;
    cursor: pointer;
    color: #5B3938;
}

.checkoutFormWrap .addressWrap select {
    width: 100%;
}

.checkoutFormWrap .deliveryMethodWrap ul li.shippingMethod.showThisMethod {
    display:block;
}

.checkoutFormWrap .deliveryMethodWrap ul li .checkbox-field {
    display: block;
    height:auto;
    font-weight: normal;
    font-size: 14px;
    cursor:pointer;
    margin: 5px 0;
}

.checkoutFormWrap .deliveryMethodWrap ul li .checkbox-field.selected {
    background-color: #ABABAB;
}

.checkoutFormWrap .deliveryMethodWrap ul li .checkbox-field.selected span {
    color: white;
}

.checkoutFormWrap .deliveryMethodWrap ul li .checkbox-field input {
    vertical-align:-2px;
}

.checkoutFooter {
    background: #451C18;
    padding: 10px;
    height: 64px;
    line-height: normal;
    border-radius: 10px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    bottom: 0;
    width: 955px;
    margin: 0 auto;
    margin-top: 10px;
}

#coupon_discount_warning {
    display:none;
    background-color: #37c047;
    color: #ffffff;
    padding: 15px 10px;
    width: 100%;
    font-size: 20px;
    margin: 5px 0;
}

.checkoutFooter .couponFormWrap {
    float:left;
    height: auto;
}

.checkoutFooter .couponFormWrap input {
    background: transparent;
    border: 1px solid #6A6A6A;
    border-right: 0;
    outline: none;
    height: auto;
    padding: 10px;
    display: block;
    float: left;
    font-size: 14px;
    margin: 0;
    width: 130px;
    text-transform: none;
    border-radius: 5px 0 0 5px;
    margin-top: 10px;
    color: #CCCCCC;
}

.checkoutFooter .couponFormWrap input.placeholder-on {
    color: #bec6e6;
}

@media all\0 {
    .checkoutFooter .couponFormWrap input{
        line-height:23px;
    }
}

.checkoutFooter .totalWrap {
    position: absolute;
    left: 260px;
    top: 15px;
    height: auto;
    width: 225px;
    text-align: right;
    line-height: normal;
    font-size: 20px;
    color: #FFFFFF;
}

.orderForm .emailWrap,
.orderForm .phoneWrap
{
    position: relative;
}

.orderForm .emailWrap .confirmed{
    top:39px;
}
.orderForm .phoneWrap .confirmed
{
    top:34px;
}

.couponFormWrap a.applyCoupon,
.couponFormWrap a.cancelCoupon {
    background: #6A6A6A;
    border: 1px solid #6A6A6A;
    height: auto;
    line-height: 20px;
    float: left;
    color: #CCCCCC;
    padding: 10px;
    text-decoration: none;
    margin-left: 0;
    display: none;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 10px;
    border-radius: 0 5px 5px 0;
}

.couponFormWrap.enableApply a.applyCoupon {
    display:block;
}

.couponFormWrap.enableCancel a.cancelCoupon {
    display:block;
}

.checkoutFooter a.sendOrderBtn {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    height: auto;
    background: #D5411F;
    line-height: normal;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    padding: 12px 52px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 5px;
}

/* Order confirm modal*/
.confirm-order-modal-open {
    overflow: hidden;
    height: 100%;
}

.confirm-order-modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

/* Modal Content/Box */
.confirm-order-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 380px;
    margin:0 auto;
    margin-top:10%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    padding: 30px 42px;
}

.confirm-order-modal-content .ocmCloseBtn {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    font-size: 0;
    background-image: url('../images/x24.png');
}

.confirm-order-modal-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.confirm-order-modal-content .ocm-title {
    font-size: 24px;
    line-height: 28px;
    color: #131313;
    margin-bottom: 15px;
    font-family: 'RobotoCondensedRegular';
}

.confirm-order-modal-content .ocm-item {
    background-color: #F0F0F0;
    border-radius: 5px;
    text-align: center;
    padding: 15px;
    margin-bottom: 5px;
}

.confirm-order-modal-content span.ocm-info {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Roboto';
    color: #6A6A6A;
    margin-bottom: 30px;
}

.confirm-order-modal-content .ocm-item .ocm-item-label {
    color: #6A6A6A;
    font-size: 13px;
    line-height: 23px;
}

.confirm-order-modal-content .ocm-item .ocm-delivery-address-holder,
.confirm-order-modal-content .ocm-item .ocm-phone-number-holder {
    color: #131313;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto';
    line-height: 28px;
}

.confirm-order-modal-content .ocm-btns {
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    align-items: center;
    justify-content: space-between;
}

.confirm-order-modal-content .ocm-btns button.ocmOrderSendBtn {
    width: 50%;
    background-color: #D5411F;
    border: 0;
    padding: 12px;
    border-radius: 5px;
    color: wheat;
    font-family: 'RobotoCondensedRegular';
    font-size: 16px;
    line-height: 15px;
    cursor: pointer;
}

.confirm-order-modal-content .ocm-btns button.ocmCancelBtn {
    background-color: #F6D8D1;
    border: 0;
    border-radius: 5px;
    padding: 12px;
    width: 50%;
    margin-right: 10px;
    color: #D5411F;
    font-family: 'RobotoCondensedRegular';
    font-size: 16px;
    line-height: 15px;
    cursor: pointer;
}

/*preoprder style*/

.preorder-box {
    display: inline-block;
    border: 1px solid #ABABAB;
    color:#ABABAB;
    border-radius: 5px;
    font-family: 'RobotoCondensedRegular';
    width: 65px;
    height: 65px;
    cursor: pointer;
}
.preorder-box.selected {
    background: #ABABAB;
    color:#fff;
}

.preorder-box .preorder-day-name {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    margin-top:3px;
}
.preorder-box .preorder-day-date {
    display: block;
    text-align: center;
    font-size: 36px
}
.preorderWrap .preorder-hours {
    margin-top:10px;
}
.preorderWrap .preorder-hour {
    display: inline-block;
    border: 1px solid #ABABAB;
    color:#ABABAB;
    border-radius: 5px;
    font-family: 'RobotoCondensedRegular';
    width: 29px;
    height: 20px;
    cursor: pointer;
}

.preorderWrap .preorder-hour.selected {
    background: #ABABAB;
    display:inline-block;
    color:#fff;
}

.preorderWrap .preorder-hour .hour-h {
    display:inline-block;
    margin-top: 2px;
    margin-left: 2px;
}
.preorderWrap .preorder-hour .hour-m {
    font-size: 9px;
    display: inline-block;
    ;
}
.extra-qty-label {
    font-weight: bold;
    color:#131313;
}

/*fidelity input*/

.available-fidelity-bonus-points {
    display:block;
    width:100%;
    font-size: 11px;
}

.checkoutFormWrap .fidelityWrap .fidelity-input-container {
    position: relative;

}

.checkoutFormWrap .fidelityWrap .fidelity-input-container .fidelity-use-bonus-points-btn {
    background: rgba(213, 65, 31, 0.15);
    border: 0px;
    line-height: 12px;
    color: rgb(213, 65, 31);
    padding: 13px;
    margin-top: 5px;
    border-radius: 5px;
    text-align: center;
    font-family: "RobotoCondensedRegular";
    display: block;
    text-transform: uppercase;
    width:120px;
    cursor: pointer;
}

.fidelity-use-bonus-points-btn {
    position: absolute;
    display: block;
    top:0;
    right:0;
    width:50px;
    border:1px solid red;
}

.checkoutFormWrap .fidelity-wrapper .fidelity-input-container input {

}

/* Checkout end*/


/*PRODUCT TYPE FILTER*/

.active .productTypeFilter {
    height:40px;
    line-height:20px;
    padding: 8px 0;
}

.productTypeFilter span {
    display: block;
    font-family: 'Roboto';
}

.productTypeFilterWrap {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 140px;
    box-shadow: unset;
    border-top: 0;
    border-bottom: 0;
    overflow: hidden;
}

.productTypeFilterScrollbar {
    max-height:350px;
    overflow-x: hidden;
    overflow-y: auto;
}

.productTypeFilterWrap ul {
    width:100%;
    background: #ff9a37;
}

.productTypeFilterWrap li {
    display:block;
}

.productTypeFilterWrap li a {
    display:block;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
    padding: 4px 5px;
    font-family: 'Roboto';
}

/*QUICKCART*/

.quickCart {
    height: 40px;
    line-height: 20px;
    padding: 8px 0;
}

.quickCartWrap {
    display:none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 410px;
    border: 2px solid #fff;
    border-top-width: 0px;
    padding: 0;
    border-radius: 5px;
    z-index: 200;
}

.quickCartWrap .quickCartHeader {
    background: #ABABAB;
    height: 16px;
    line-height: 16px;
    padding:5px 10px;
    color:#fff;
    text-transform: uppercase;
    font-size:14px;
    border-top:2px solid #FFFFFF;
    border-bottom:2px solid #FFFFFF;
}

.quickCartWrap .quickCartHeader .column1 {
    float:left;
    height: 100%;
    width:60%;
    text-align:left;
}

.quickCartWrap .quickCartHeader .column2 {
    float:left;
    height: 100%;
    width:20%;
    text-align:center;
}

.quickCartWrap .quickCartHeader .column3 {
    float:left;
    height: 100%;
    width:20%;
    text-align:right;
}

.quickCartWrap .quickCartContent {
    background:#aabadd;
}

.quickCartWrap .quickCartContent .quickCartItem {
    line-height: 30px;
    min-height: 30px;
    font-size:12px;
    background: #ffa337;
    padding:0px 10px;
}

.quickCartWrap .quickCartContent .quickCartItem:nth-child(2n+1) {
    background: #ff8a00;
}

.quickCartWrap .quickCartContent .quickCartItem .column1 {
    float:left;
    width:60%;
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quickCartWrap .quickCartContent .quickCartItem .column2 {
    float:left;
    width:20%;
    text-align:center;
}

.quickCartWrap .quickCartContent .quickCartItem .column3 {
    float:left;
    width:20%;
    text-align:right;
}

.quickCartFooter {
    border-top:2px solid #FFFFFF;
    background: #ABABAB;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
}

.quickCartFooter .quickCartTotal {
    text-align:left;
    display: inline-block;
    width: 67.4%;
    padding-left: 10px;
    font-size: 16px;
}

.quickCartFooter .quickCartFinishBtn {
    display: inline-block;
    width: 28%;
    background: #D5411F;
    margin-right: 0;
    border-radius: 5px;
    text-align:center;
    color:#FFFFFF;
    text-decoration:none;
    font-size: 16px;
    position:relative;
    padding: 7px 0px;
}


/*THANKYOU PAGE*/

.thankYouTitle {
    background: #ffffff;
    color: #131313;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    border-radius: 10px;
}

.thankYouTitle a {
    background: #ffffff;
    color: #131313;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: 0;
}



.thankYouHeader {
    color: #131313;
    background: #ffffff;
    font-size: 18px;
    padding: 17px 10px;
    margin-bottom: 0;
    line-height: 26px;
    border-radius: 5px 5px 0 0;
}

.thankYouItem {
    background: #ffffff;
    color: #131313;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 0;
    min-height: auto;
    line-height: normal;
    border-bottom: 1px dotted #6A6A6A;
    margin-bottom: 5px;
}

.thankYouContent {
    padding-left: 10px;
    background-color: #ffffff;
    padding-right: 10px;
    padding-bottom: 20px;
}

.thankYouItem .column1 {
    width:50%;
    float:left;
    text-align:left;
}

.thankYouItem .column2 {
    width:25%;
    float:left;
    text-align:center;
}

.thankYouItem .column3 {
    width:25%;
    float:left;
    text-align:right;
}

.thankYouFooter {
    background: #451C18;
    color: #ffffff;
    padding: 20px;
    font-size: 20px;
    margin-bottom: 1px;
    height: auto;
    line-height: normal;
    text-align: right;
    border-radius: 0 0 5px 5px;
}

.thankYouMessage {
    text-align:center;
    font-size: 18px;
    padding:20px 0;
    line-height: 25px;
    height:75px;
    position: relative;
}

.thankYouPaymentStatus {
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    margin-bottom: 20px;
    overflow: hidden;
    padding:0 10px;
    position: relative;
}

/*RADIO & CHECKBOX*/

label.isCustom {
    display:block;
    padding: 0px 0px 0px 20px;
    position:relative;
    cursor:pointer;
    line-height:20px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

label.isCustom span.icon {
    display:block;
    position:absolute;
    top:2px;
    left:0px;
    height:14px;
    width:14px;
    border:1px solid #e6e6e6;
    background: #FFFFFF;
}

label.isCustom span.icon span.checked {
    display: block;
    margin: 2px;
    height: 10px;
    width: 10px;
    background: #FFFFFF;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
}

label.isCustom input:checked + span.icon span.checked {
    background:#ff9a37;
}

label.isCustom input[type=radio] + span.icon {
    border-radius: 100%;
}

label.isCustom input[type=radio] + span.icon span.checked {
    border-radius: 100%;
}

label.isCustom input[type=checkbox] + span.icon {
    border-radius: 4px;
}

label.isCustom input[type=checkbox] + span.icon span.checked {
    border-radius: 2px;
}

label.isCustom input[type=radio],
label.isCustom input[type=checkbox]{
    display:none;
}

@media all\0 {
    label.isCustom{
        padding:0;
    }
    label.isCustom span.icon{
        display:none;
    }
    label.isCustom input[type=radio],label.isCustom input[type=checkbox]{
        display: inline-block;
    }
}

/*OVERLAY && DIALOG*/

.overlay {
    display:none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    background:rgba(0,0,0,0.4);
}

.overlay .dialog {
    display:block;
    position:fixed;
    top:0px;
    left:50%;
    margin-left:-250px;
    margin-top:80px;
    background:#FFF;
    width:500px;
    border-radius:3px;
    overflow:hidden;
    transition: top 0.75s;
    -webkit-transition: top 0.75s;
    -moz-transition: top 0.75s;
    -ms-transition: top 0.75s;
    -o-transition: top 0.75s;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    font-size:14px;
}

.overlay .dialog h1 {
    padding:10px;
    background-color: #f5f6f7;
    border-bottom: 1px solid #e5e5e5;
}

.overlay .dialog p {
    padding:10px;
    font-size:16px;
    line-height:20px;
}

.overlay .dialog p a {
    color:#d5411f;
}

.overlay .dialog p a:hover {
    text-decoration: underline;
}

.overlay .dialog div {
    margin: 0px 10px;
    padding:10px 0;
    border-top: 1px solid #dcdee3;
    height:26px;
}

.overlay .dialog div a {
    float:right;
    display:block;
    height:24px;
    line-height:24px;
    padding: 0 8px;
    border-radius:2px;
    font-size:12px;
    margin-left:5px;
    font-size:16px;
    min-width: 50px;
    text-align: center;
}

.overlay .dialog div a.Cancel-Btn {
    background:#f6f7f8;
    border: 1px solid #cdced0;
    color: #4e5665;
}

.overlay .dialog div a.OK-Btn {
    /*background:#4e69a2;*/
    background:#D5411F;
    border: 1px solid #435a8b;
    color: #fff;
    cursor: pointer;
}

/* CUSTOM CSS FOR FB && WIDGET*/

body.APP-FB .storeWrapper,
body.APP-WIDGET .storeWrapper {
    border:0;
    box-shadow: none;
}

body.APP-FB #wrapper,
body.APP-WIDGET #wrapper {
    background:none;
    min-width: 0;
    padding: 0;
}

body.APP-FB .content,
body.APP-WIDGET .content {
    padding:0;
    min-height: 0;
}

body.APP-FB .searchBox,
body.APP-WIDGET .searchBox {
    display:none;
}

body.APP-FB .breadcrumbs,
body.APP-WIDGET .breadcrumbs {
    display:none;
}

body.APP-FB .footer,
body.APP-WIDGET .footer {
    display:none;
}

body.APP-FB .storeHeaderNew,
body.APP-WIDGET .storeHeaderNew {
    margin: 15px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
}

body.APP-FB .storeHeaderNew .filterWidget,
body.APP-WIDGET .storeHeaderNew .filterWidget {
    padding-bottom: 15px;
}

body.APP-FB .storeContent,
body.APP-WIDGET .storeContent {
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
}

body.APP-FB .template1 .categoryWrap .productWrap,
body.APP-WIDGET .template1 .categoryWrap .productWrap {
    width: 178px;
}

body.APP-FB .template1 .categoryWrap .productWrap .productImage,
body.APP-WIDGET .template1 .categoryWrap .productWrap .productImage {
    height: 178px;
}

body.APP-FB .pd-header-right .pd-name,
body.APP-WIDGET .pd-header-right .pd-name {
    font-size: 25px;
    line-height: normal;
}

body.APP-FB body.APP-WIDGET .pd-header-right .pd-description,
body.APP-WIDGET body.APP-WIDGET .pd-header-right .pd-description {
    font-size: 14px;
    line-height: 18px;
}

body.APP-FB .productCategoryWrapNew,
body.APP-WIDGET .productCategoryWrapNew {
    margin: 0;
}

body.APP-FB .template1 .categoryWrap .categoryTitle,
body.APP-WIDGET .template1 .categoryWrap .categoryTitle {
    padding-left: 10px;
}

body.APP-FB .headerNavigation div.btn4 .quickCart,
body.APP-WIDGET .headerNavigation div.btn4 .quickCart {
    padding: 6px 40px 6px 0;
}

body.APP-FB .checkoutFormWrap,
body.APP-WIDGET .checkoutFormWrap {
    width: 260px;
    margin-top: 10px;
    margin-left: 0;
}

body.APP-FB .orderWrap,
body.APP-WIDGET .orderWrap {
    width: 440px;
    margin-left: 10px;
    margin-top: 10px;
}

body.APP-FB .checkout_no_user,
body.APP-WIDGET .checkout_no_user {
    margin-top: 10px;
}

body.APP-FB .checkoutFooter,
body.APP-WIDGET .checkoutFooter {
    position: relative;
    margin-top: 20px;
}

body.APP-FB .checkoutFormWrap .address_list label span,
body.APP-WIDGET .checkoutFormWrap .address_list label span {
    max-width: 85%;
    font-size: 13px;
}

body.APP-FB .checkoutFormWrap .deliveryMethodWrap ul li label,
body.APP-WIDGET .checkoutFormWrap .deliveryMethodWrap ul li label {
    font-size: 13px;
}

body.APP-FB .deliveryMethods label,
body.APP-FB .deliveryMethod label,
body.APP-WIDGET .deliveryMethods label,
body.APP-WIDGET .deliveryMethod label  {
    font-size: 13px;
}

body.APP-FB .deliveryMethodWrap .semibold, body.APP-FB .paymentMethodWrap .semibold,
body.APP-WIDGET .deliveryMethodWrap .semibold, body.APP-WIDGET .paymentMethodWrap .semibold,
body.APP-WIDGET .checkoutFormWrap label,
body.APP-FB .checkoutFormWrap label {
    font-size: 14px;
}

body.APP-FB .checkoutFooter,
body.APP-WIDGET .checkoutFooter {
    width: 95%;
}

body.APP-FB .ty-delivery-time-wrapper,
body.APP-WIDGET .ty-delivery-time-wrapper {
    width: 165px;
}

body.APP-FB .ty-order-phone-nr-wrapper,
body.APP-WIDGET .ty-order-phone-nr-wrapper {
    width: 165px;
}

body.APP-FB .od-item-name, body.APP-FB .od-item-qty,
body.APP-WIDGET .od-item-name, body.APP-WIDGET .od-item-qty  {
    font-size: 13px;
    line-height: 16px;
}
body.APP-FB .thankYouWrap .od-wrapper .od-header-nr-of-order,
body.APP-WIDGET .thankYouWrap .od-wrapper .od-header-nr-of-order {
    font-size: 17px;
    line-height: 22px;
}

body.APP-FB .od-header-delivery span.od-delivery, .od-header-created_at span.od-created_at,
body.APP-WIDGET .od-header-delivery span.od-delivery, .od-header-created_at span.od-created_at {
    font-size: 13px;
    line-height: 17px;
}

body.APP-FB button.ty-call-store-btn span.btn-left,
body.APP-FB button.ty-call-store-btn span.btn-right,
body.APP-WIDGET button.ty-call-store-btn span.btn-left,
body.APP-WIDGET button.ty-call-store-btn span.btn-right,
body.APP-FB button.ty-order-cancel-btn,
body.APP-WIDGET button.ty-order-cancel-btn {
    font-size: 14px;
}

body.APP-FB button.ty-call-store-btn span.btn-right, body.APP-WIDGET button.ty-call-store-btn span.btn-right {
    padding-left: 20px;
}

body.APP-FB button.ty-call-store-btn, body.APP-WIDGET button.ty-call-store-btn {
    padding: 11px 15px;
}

body.APP-FB button.ty-order-cancel-btn,
body.APP-WIDGET button.ty-order-cancel-btn {
    padding: 12px 15px;
}

body.APP-FB .od-summery-label,
body.APP-WIDGET .od-summery-label,
body.APP-FB .od-header-delivery span.od-delivery, body.APP-FB .od-header-created_at span.od-created_at,
body.APP-WIDGET .od-header-delivery span.od-delivery, body.APP-WIDGET .od-header-created_at span.od-created_at {
    font-size: 14px;
}

body.APP-FB .od-item-price,
body.APP-WIDGET .od-item-price {
    margin-top: 0;
    font-size: 13px;
}

body.APP-FB .thankYouWrap .ty-info-content ,
body.APP-WIDGET .thankYouWrap .ty-info-content {
    margin-left: 10px;
    margin-top: 10px;
    width: 520px;
    padding: 35px;
}

body.APP-FB .thankYouWrap .od-wrapper,
body.APP-WIDGET .thankYouWrap .od-wrapper {
    margin-right: 10px;
    margin-top: 10px;
}

body.APP-FB #my_profile,
body.APP-WIDGET #my_profile {
    max-width: 95%;
}

body.APP-FB #my_profile .my_profile_sidebar,
body.APP-WIDGET #my_profile .my_profile_sidebar{
    width: 195px;
    margin-left: 10px;
}

body.APP-FB #my_profile .my_profile_content,
body.APP-WIDGET #my_profile .my_profile_content {
    width: 455px;
    margin-right: 10px;
}

body.APP-FB #my_profile.delivery_addr .my_profile_content form .form-control,
body.APP-FB #my_profile.personal .my_profile_content form .form-control,
body.APP-WIDGET #my_profile.delivery_addr .my_profile_content form .form-control,
body.APP-WIDGET #my_profile.personal .my_profile_content form .form-control {
    width: 185px;
}

body.APP-FB #my_profile.personal .my_profile_content form select.form-control,
body.APP-WIDGET #my_profile.personal .my_profile_content form select.form-control {
    width: 215px;
}

body.APP-FB #my_profile.personal .my_profile_content form select.form-control#gender,
body.APP-FB #my_profile.personal .my_profile_content form .form-control#year_of_birth,
body.APP-FB #my_profile.personal .my_profile_content form .form-control#occupation,
body.APP-WIDGET #my_profile.personal .my_profile_content form select.form-control#gender,
body.APP-WIDGET #my_profile.personal .my_profile_content form .form-control#year_of_birth,
body.APP-WIDGET #my_profile.personal .my_profile_content form .form-control#occupation {
    width: 120px;
}

body.APP-FB #my_profile h1,
body.APP-WIDGET #my_profile h1 {
    padding-left: 10px;
}

body.APP-FB .my_profile_link,
body.APP-WIDGET .my_profile_link {
    margin-top: 0;
}

body.APP-FB .template1 .headerNavigation a.btn1:hover,
body.APP-FB .template2 .headerNavigation a.btn1:hover,
body.APP-FB .template3 .headerNavigation a.btn1:hover,
body.APP-WIDGET .template1 .headerNavigation a.btn1:hover,
body.APP-WIDGET .template2 .headerNavigation a.btn1:hover,
body.APP-WIDGET .template3 .headerNavigation a.btn1:hover,
body.APP-FB .template1 .headerNavigation a.btn1,
body.APP-WIDGET .template1 .headerNavigation a.btn1 {
    padding: 14px 10px 12px 10px;
}

body.APP-FB .template1 .headerNavigation .btn.active,
body.APP-WIDGET .template1 .headerNavigation .btn.active {
    padding: 14px 10px 12px 10px;
    margin-right: 5px;
}


body.APP-FB .template1 .headerNavigation div.btn2, body.APP-FB .template2 .headerNavigation div.btn2, body.APP-FB .template3 .headerNavigation div.btn2,
body.APP-WIDGET .template1 .headerNavigation div.btn2, body.APP-WIDGET .template2 .headerNavigation div.btn2, body.APP-WIDGET .template3 .headerNavigation div.btn2 {
    margin-right: 5px;
}
body.APP-FB .template1 .headerNavigation .btn2.active,
body.APP-WIDGET .template1 .headerNavigation .btn2.active {
    padding: 0;
}

body.APP-FB .template1 .headerNavigation div.btn2 .productTypeFilter,
body.APP-FB .template2 .headerNavigation div.btn2 .productTypeFilter,
body.APP-FB .template3 .headerNavigation div.btn2 .productTypeFilter,
body.APP-WIDGET .template1 .headerNavigation div.btn2 .productTypeFilter,
body.APP-WIDGET .template2 .headerNavigation div.btn2 .productTypeFilter,
body.APP-WIDGET .template3 .headerNavigation div.btn2 .productTypeFilter {
    padding: 14px 40px 12px 10px;
}

body.APP-FB .template1 .headerNavigation div.btn2.active .productTypeFilter,
body.APP-FB .template2 .headerNavigation div.btn2.active .productTypeFilter,
body.APP-FB .template3 .headerNavigation div.btn2.active .productTypeFilter,
body.APP-WIDGET .template1 .headerNavigation div.btn2.active .productTypeFilter,
body.APP-WIDGET .template2 .headerNavigation div.btn2.active .productTypeFilter,
body.APP-WIDGET .template3 .headerNavigation div.btn2.active .productTypeFilter {
    padding: 5px 40px 7px 10px;
}

body.APP-FB .quickCartWrap,
body.APP-WIDGET .quickCartWrap,
body.APP-FB .productTypeFilterWrap,
body.APP-WIDGET .productTypeFilterWrap {
    top: 38px;
}

body.APP-FB .btn-register, body.APP-FB span.login a,
body.APP-WIDGET .btn-register, body.APP-WIDGET span.login a {
    padding: 12px 10px;
    margin-right: 2px;
}

body.APP-FB .headerNavigation div.btn4,
body.APP-WIDGET .headerNavigation div.btn4{
    padding-left: 10px;
}

body.APP-FB span.fb-login a,
body.APP-WIDGET span.fb-login a {
    padding: 10px 10px 12px 40px;
    background: url('../images/facebook-login.svg') no-repeat scroll 10px center #1877F2;
}

body.APP-FB #my_profile.delivery_addr .my_profile_content .my_addresses_form .form-group .form-control,
body.APP-WIDGET #my_profile.delivery_addr .my_profile_content .my_addresses_form .form-group .form-control {
    font-size: 12px;
}

body.APP-FB .my_addresses_form .form-group button,
body.APP-WIDGET .my_addresses_form .form-group button {
    font-size: 14px;
}

body.APP-FB .order-history-list-item,
body.APP-WIDGET .order-history-list-item {
    width: 100%;
}

body.APP-FB .order-history-detail-controls,
body.APP-WIDGET .order-history-detail-controls {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-between;
    align-content: space-around;
    align-items: stretch;
}

body.APP-FB .order-history-detail-controls button.ohd-reorder-btn,
body.APP-WIDGET .order-history-detail-controls button.ohd-reorder-btn {
    margin-bottom: 10px;
    width: 200px;
    margin-right: 0;
}

body.APP-FB .order-history-detail-controls button.ohd-feedback-btn,
body.APP-WIDGET .order-history-detail-controls button.ohd-feedback-btn {
    position: relative;
    margin-top: 10px;
    width: 200px;
    right: inherit;
}

body.APP-FB .order-history-detail-controls button.ohd-cancel-btn,
body.APP-WIDGET .order-history-detail-controls button.ohd-cancel-btn {
    width: 200px;
}

body.APP-FB .order-history-detail-header,
body.APP-WIDGET .order-history-detail-header {
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
}

body.APP-FB .order-history-detail-header .ohli-store-name,
body.APP-FB .order-history-detail-header .ohd-created-at,
body.APP-FB .order-history-detail-header .ohd-address,
body.APP-WIDGET .order-history-detail-header .ohli-store-name,
body.APP-WIDGET .order-history-detail-header .ohd-created-at,
body.APP-WIDGET .order-history-detail-header .ohd-address  {
    width: 100%;
    border: 0;
    padding-bottom: 0px;
}

body.APP-FB .campaign-banner .image-wrapper,
body.APP-WIDGET .campaign-banner .image-wrapper,
body.APP-FB .campaign-banner .image-wrapper img,
body.APP-WIDGET .campaign-banner .image-wrapper img {
    width: 100%;
}

body.APP-FB .shadow-box,
body.APP-WIDGET .shadow-box {
    width: 100%;
    height: auto;
}

body.APP-FB .headerImg,
body.APP-WIDGET .headerImg {
    width: 100%;
    height: auto;
}

/* Contact form placeholder color fix */

.addPlaceholders input,
.addPlaceholders textarea {
    color: #fff;
}

.addPlaceholders input::-webkit-input-placeholder,
.addPlaceholders textarea::-webkit-input-placeholder {
    color: rgba(255,255,255,1);
}

.addPlaceholders input::-moz-placeholder,
.addPlaceholders textarea::-moz-placeholder {
    color: rgba(255,255,255,1);
    opacity: 1;
}

.addPlaceholders input:-moz-placeholder,
.addPlaceholders textarea:-moz-placeholder {
    color: rgba(255,255,255,1);
    opacity: 1;
}

.addPlaceholders input:-ms-input-placeholder,
.addPlaceholders textarea:-ms-input-placeholder {
    color: rgba(255,255,255,1);
}

.checkout_no_user {
    width: 318px;
    background-color: white;
    float: none;
    color: #131313;
    border-radius: 10px;
    margin-left: 10px;
}

.checkout_no_user h3 {
    color: #131313;
    background: transparent;
    font-size: 18px;
    padding: 20px;
    margin-bottom: 0;
    height: auto;
    line-height: 22px;
    text-align: center;
    font-family: 'Roboto';
}

.checkout_no_user p {
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: 'Roboto';
}

.checkout_no_user .facebook_section {
    padding: 0;
    margin-bottom: 30px;
}

.checkout_no_user .facebook_section img {
    border-radius: 4px;
}

.facebook_section a img {
    display: none;
}

.facebook_section a {
    color: #fff;
    display: block;
    margin: 0;
    color: white;
    text-align: center;
    position: relative;
    border-radius: 5px;
    background: url(../images/facebook-login.svg) no-repeat scroll 19px center #1877F2;
    padding: 12px 17px 12px 50px;
    font-size: 16px;
    height: auto;
    line-height: normal;
}

.corner-overflow {
    overflow: hidden;
}

.corner {
    background-color: #a00;
    overflow: hidden;
    position: absolute;
    right: -45px;
    top: 25px;

    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    -moz-box-shadow: 0 0 1em #888;
    -webkit-box-shadow: 0 0 1em #888;
    box-shadow: 0 0 1em #888;
}

.corner span {
    border: 1px solid #faa;
    color: #fff;
    display: block;
    font-size:16px;
    font-weight:bold;
    padding: 0.5em 4em;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}

/* MY PROFILE start */

#my_profile {
    display: inline-block;
    width: 100%;
    background-color: transparent;
}

#my_profile h1 {
    background: transparent;
    color: #FFFF;
    padding: 0;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 36px;
    margin-top: 30px;
    font-family: 'Roboto';
    padding-left: 10px;
}

/* MY PROFILE SIDEBAR START */

.customers-my_profile-page .storeHeader {
    display: none;
}

.my_profile_sidebar {
    width: 236px;
    float: left;
}

.title_my_profile {
    width: 50%;
}

.title_my_profile .trusted-badge-holder {
    position: relative;
}
.title_my_profile .trusted-badge {
    position: absolute;
    top: -23px;
    right: -58px;
    width:55px;
}

.my_profile_sidebar .nav-sidebar li {
    position: relative;
    margin-bottom: 1px;
}

.my_profile_sidebar .nav-sidebar li a {
    font-size: 14px;
    line-height: 20px;
    background: #6A6A6A;
    display: block;
    padding: 19px 19px 19px 19px;
    color: #ffffff;
    font-family: 'RobotoCondensedBold';
    text-transform: uppercase;
    border-radius: 10px;
    margin-bottom: 10px;
}

.my_profile_sidebar .nav-sidebar li.active span {
    display: none;
}

.my_profile_sidebar .nav-sidebar li.active a {
    background: #ffff;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-family: 'RobotoCondensedBold';
    text-transform: uppercase;
    padding: 19px 19px 19px 19px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.approve_rating_restaurant {
    margin-bottom: 20px;
}

.my_profile_sidebar .nav-sidebar li.active:last-child a {
    margin-bottom: 0;
}

.my_profile_sidebar .orders_sumary {
    margin-top: 15px;
}

.my_profile_sidebar .orders_sumary .data {
    font-size: 24px;
    line-height: 48px;
    color: #515e9d;
}

.my_profile_sidebar .orders_sumary .label {
    font-size: 18px;
    line-height: 48px;
    color: #7f7f7f;
}

/* MY PROFILE SIDEBAR END */

/* MY PROFILE CONTENT start */

.myProfileMiddle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
}

.myProfileHeader {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
}

.orders_sumary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 25px;
}

.orders_sumary .customer_since .data,
.orders_sumary .nr_of_orders .data {
    font-size: 24px;
    line-height: 28px;
    color: white;
    font-family: 'Roboto';
    font-weight: bold;
}

.orders_sumary .nr_of_orders,
.orders_sumary .customer_since {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-left: 1px solid #fff;
    padding-left: 10px;
    padding-right: 30px;
}

.orders_sumary .customer_since span.label,
.orders_sumary .nr_of_orders span.label {
    color: #FF9A37;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 600;
    line-height: 23px;
}
.my_profile_content {
    width: 650px;
    float: right;
    margin-left: 2px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 30px;
}

/* PERSONAL start */

#my_profile.delivery_addr .my_profile_content form,
#my_profile.personal .my_profile_content form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: stretch;
}

#my_profile.personal .my_profile_content h2 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 20px;
    color: #131313;
}

#my_profile.personal .my_profile_content .profile-msg-holder {
    display: block;
    width: 100%;
    padding-bottom: 15px;
}

#my_profile.delivery_addr .my_profile_content form .form-group,
#my_profile.personal .my_profile_content form .form-group {
    margin-bottom: 25px;
    flex-direction: column;
    display: flex;
    align-content: space-between;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    margin-right: 10px;
}

#my_profile.delivery_addr .my_profile_content form label,
#my_profile.personal .my_profile_content form label {
    font-size: 16px;
    color: #131313;
    line-height: 16px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

#my_profile.delivery_addr .my_profile_content form .form-group.address label,
#my_profile.personal .my_profile_content form .form-group.address label {
    vertical-align: top;
}

#my_profile.delivery_addr .my_profile_content form .form-control,
#my_profile.personal .my_profile_content form .form-control {
    display: block;
    font-size: 16px;
    color: #131313;
    border: 1px solid #CCCCCC;
    padding: 13px;
    font-family: 'Roboto';
    border-radius: 5px;
    width: 285px;
}

#my_profile.personal .my_profile_content form select.form-control {
    width: 315px
}

#my_profile.personal .my_profile_content form select.form-control#gender,
#my_profile.personal .my_profile_content form .form-control#year_of_birth,
#my_profile.personal .my_profile_content form .form-control#occupation {
    width: 187px
}

#my_profile.delivery_addr .my_profile_content form .form-control:focus,
#my_profile.personal .my_profile_content form .form-control:focus {
    outline: 0;
    border: 1px solid #EBEBEB;
}

/*#my_profile.delivery_addr .my_profile_content form i,
#my_profile.personal .my_profile_content form i {
    font-size: 16px;
    width: 100%;
    text-align: center;
    font-style: italic;
    display: block;
    color: #7F7F7F;
    margin: 26px 0 0;
}*/

#my_profile.delivery_addr .my_profile_content form .submit,
#my_profile.personal .my_profile_content form .submit {
    margin: 0 auto;
}

#my_profile.delivery_addr .my_profile_content form .btn-submit,
#my_profile.personal .my_profile_content form .btn-submit {
    display: inline-block;
    outline: 0;
    border: 0;
    background: #D5411F;
    color: #fff;
    padding: 12px 43px;
    border-radius: 5px;
    margin-top: 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedBold';
    cursor: pointer;
}
#my_profile.delivery_addr .my_profile_content form .btn-submit:hover,
#my_profile.personal .my_profile_content form .btn-submit:hover {
    opacity: 0.8;
}

.my_profile_sidebar ul.nav-sidebar li:hover {
    opacity: 0.8;
}

#my_profile .content-box {
    padding: 14px 0;
    border-top: 1px solid #d8dfe0;
}

#my_profile .content-box .semi-title{
    font-weight: 500;
    font-size: 15px;
}

#my_profile .content-box .description-box{
    margin-top: 8px;
    font-size: 13px;
}

#my_profile .export-data-btn {
    display: inline-block;
    outline: 0;
    border: 0;
    background: #a6a6a6;
    color: #fff;
    padding: 9px 25px;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedBold';
    cursor: pointer;
}

#my_profile .export-data-btn:hover {
    background: #858585;
}

#my_profile .remove-account-btn {
    display: inline-block;
    outline: 0;
    border: 0;
    background: #a6a6a6;
    color: #fff;
    padding: 9px 25px;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedBold';
    cursor: pointer;
}

#my_profile .remove-account-btn:hover {
    background: #858585;
}

/* PERSONAL end */

/* PERSONAL REMOVE ACCOUNT MODAL Start */

/* The Modal (background) */
.profile-modal-holder {
    /*display: none;  Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.profile-modal-content{
    font-size: 15px;
    border-radius: 7px;
    background-color: #fefefe;
    /*margin: auto;*/
    padding: 30px 50px;
    border: 1px solid #888;
    width: 30%;
    position: absolute;
    /*float: left;*/
    left: 36%;
    top: 11%;
}

.profile-modal-content .buttons-modal {
    margin-top: 20px;
}

.profile-modal-content .buttons-modal p {
    margin-bottom: 10px;
    font-weight: 500;
}

.profile-modal-content .confirm-remove-account-btn {
    color: #252525;
    padding: 7px 28px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
}

.profile-modal-content .btn-close-modal {
    background-color: #919191;
    color: #e7e7e7;
    padding: 7px 28px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
}

.profile-modal-content .confirm-remove-account-btn:hover {
    background-color: #a6a6a6;
    cursor:pointer;
}

.profile-modal-content .btn-close-modal:hover {
    cursor:pointer;
    background-color: #565656;
}

.profile-modal-content .title-modal {
    font-size: 19px;
    margin-bottom: 30px;
}

.profile-modal-content .options-modal {
    margin-left: 10px;
    margin-bottom: 30px;
}

.profile-modal-content .options-modal p{
    margin-bottom: 10px;
    margin-left: -10px;
}

.profile-modal-content .options-modal label{
    margin-bottom: 10px;
}

.profile-modal-content .options-modal .label-new-reason {
    margin-left: 23px;
    margin-top: 10px;
}

.profile-modal-content .options-modal .input-new-reason {
    border-radius: 4px;
    margin-top: 3px;
    border: 1px solid #d9d9d9;
    width: 150px;
}
.error-msg-remove-account {
    color:red;
}


/* PERSONAL REMOVE ACCOUNT MODAL end */

/* Profile notification  Start*/

.notification-holder {
    /*border: 1px solid red;*/
}

.notification-item {
    border: 1px solid #6A6A6A;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:10px;
    opacity: 0.8;
    background-color: #6A6A6A;
    color: #fff;
    position: relative;
}

.notification-header {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.notification-header.not-viewd {
    margin-right: 30px;
}

.notification-date {
    position: absolute;
    top:10px;
    right:10px;
}

.notification-not-viewd {

}

/* Profile notification  End*/

/* FAVORITE STORES start */

#my_profile.favorite_stores .my_profile_content  {
    background-color: #F0F0F0;
}

#my_profile.favorite_stores .my_profile_content h2{
    font-size: 24px;
    line-height: 32px;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 20px;
    color: #131313;
}

#my_profile.favorite_stores .container-store {
    background: white;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 9px 0px rgb(255 255 255 / 31%);
    border: 1px solid #fff;
}

#my_profile.favorite_stores .container-store:hover {
    border: 1px solid #FF9A37;
    box-shadow: 1px 1px 9px 0px rgba(213,65,31,0.31);
}

#my_profile.favorite_stores .item-store {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

#my_profile.favorite_stores .item-store .name-store {
    margin: 0;
    margin-top: -2px;
    font-size: 21px;
    vertical-align: middle;
}

#my_profile.favorite_stores .item-store .address-store {
    margin: 0;
    font-size: 10px;
}

#my_profile.favorite_stores .container-store .unset-favorite-store-btn {
    background: url('../images/ic_delete_24px.png') no-repeat scroll center #F6D8D1;
    text-indent: -9999px;
    border: none;
    padding: 9px 18px;
    border-radius: 10px;
}

#my_profile.favorite_stores .container-store .unset-favorite-store-btn:hover {
    background: url('../images/ic_delete_24px.png') no-repeat scroll center #e8aea4;
    cursor: pointer;
}

/* FAVORITE STORES end */

/* ORDER HISTORY start */

#my_profile.delivery_addr .my_profile_content  {
    background-color: #F0F0F0;
}

#my_profile.delivery_addr .my_profile_content h2 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 20px;
    color: #131313;
}

#my_profile.delivery_addr .my_profile_content .my_addresses_form {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-around;
    align-items: stretch;
}

#my_profile.delivery_addr .my_profile_content .my_addresses_form .form-group {
    flex-direction: row;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: unset;
    margin-right: 0px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
    border-radius: 5px;
}

#my_profile.delivery_addr .my_profile_content .my_addresses_form .form-group.submit {
    background-color: transparent;
    margin: 0 auto;
}

#my_profile.delivery_addr .my_profile_content .my_addresses_form .form-group .form-control {
    width: 100%;
    border: 0;
    font-size: 16px;
    font-family: 'Roboto';
    color: #131313;
    font-weight: 500;
}

#my_profile.delivery_addr .my_profile_content .my_addresses_form .form-group .delete-address-btn {
    background: url('../images/ic_delete_24px.png') no-repeat scroll center #F6D8D1;
    text-indent: -9999px;
}

#my_profile .pagination .btn-prev {
    display: inline-block;
    outline: 0;
    border: 0;
    background: #93a5cb;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
    font-family: 'RobotoCondensedLight';
    cursor: pointer;
    margin-right: 20px;
}

#my_profile .pagination .btn-next {
    display: inline-block;
    outline: 0;
    border: 0;
    background: #93a5cb;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
    font-family: 'RobotoCondensedLight';
    cursor: pointer;
    margin-left: 20px;
}

#my_profile .pagination .btn-prev:hover,
#my_profile .pagination .btn-next:hover {
    background: #47639e;
}

#my_profile .my_profile_content .notification input[type=checkbox] {
    position: relative;
    cursor: pointer;
}

#my_profile .my_profile_content .notification input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -1px;
    left: -1px;
    background-color:#e9e9e9;
    border-radius: 3px;
}

#my_profile .my_profile_content .notification input[type=checkbox]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -1px;
    left: -1px;
    background-color:#D5411F;
    border-radius: 3px;
}

#my_profile .my_profile_content .notification input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 3px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0px;
    left: 5px;
}

#my_profile .my_profile_content .notification b {
    font-size: 16px;
    line-height: 15px;
    padding-left: 7px;
}

.my_profile_content {
    position: relative;
}

.favorite-stores-holder .item-store-logo {
    min-width: 6.5%;
}


.social-media-login {
    position: absolute;
    top: 22px;
    right: 57px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 40px;
}

.auth-facebook-btn {
    background: url('../mobile/images/facebook-icon-mobile.svg') no-repeat scroll center;
    float: left;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    margin-right: 10px;
    cursor: pointer;
}

.auth-google-btn {
    background: url('../images/Google-icon-mobile.svg') no-repeat scroll center;
    float: left;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    cursor: pointer;
}

.auth-apple-btn {
    background: url('../images/ios-icon-mobile.svg') no-repeat scroll center;
    float: left;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    margin-right: 10px;
    cursor: pointer;
}

.auth-facebook-btn {
    background: url('../images/facebook-icon-mobile.svg') no-repeat scroll center;
    float: left;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    margin-right: 10px;
    cursor: pointer;
}

.email-field, .phone-field {
    position: relative;
}

.confirmed {
    display: block;
    position: absolute;
    float: left;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    margin-right: 10px;
    cursor: pointer;

    right: -6px;
    bottom: 12px;
    cursor: pointer;
}

.confirmed.isConfirmed {
    background: url('../images/confirmed.png') no-repeat scroll center;
    background-size: 100%;
}

.confirmed.notConfirmed {
    background: url('../images/not_confirmed.png') no-repeat scroll center;
    background-size: 100%;
}

.verify-btn {
    cursor: pointer;
    position: absolute;
    right: 3px;
    bottom: -15px;
    font-size: 11px;
}



/* ORDER HISTORY LIST */

.my_profile_content#orders_history_container {
    background-color: #F0F0F0;
}

.orders_list h3{
    font-size: 24px;
    line-height: 32px;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 20px;
    color: #131313;
}

.order-history-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 40px;
}

.order-history-list-item {
    width: 319px;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 1px 1px 9px 0px rgba(255,255,255,0.31);
    -webkit-box-shadow: 1px 1px 9px 0px rgba(255,255,255,0.31);
    -moz-box-shadow: 1px 1px 9px 0px rgba(255,255,255,0.31);
    border-radius: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;
}

.order-history-list-item:hover {
    border: 1px solid #FF9A37;
    box-shadow: 1px 1px 9px 0px rgba(213,65,31,0.31);
    -webkit-box-shadow: 1px 1px 9px 0px rgba(213,65,31,0.31);
    -moz-box-shadow: 1px 1px 9px 0px rgba(213,65,31,0.31);

}

.order-history-list .ohli-store-crated {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ohli-store-logo {
    width: 68px;
    height: 68px;
}

.ohli-store-logo img {
    width: 68px;
    height: 68px;
}

.ohli-store-description {
    padding: 15px;
}

.ohli-store-name {
    color: #451C18;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Roboto';
    font-weight: bold;
    margin-bottom: 2px;
}

.ohli-order-total {
    color: #D5411F;
    font-size: 14px;
    font-family: 'RobotoCondensedRegular';
    line-height: 17px;
    margin-left: 10px;
}

.ohli-created-at {
    color: #6A6A6A;
    font-size: 14px;
    font-family: 'RobotoCondensedRegular';
    line-height: 17px;
}

.orders_list .btn-next {
    background: url('../images/arrow_comenzi.png') no-repeat scroll center !important;
    background-color: #A5A5A5 !important;
    border-radius: 5px !important;
    padding: 6px 16px !important;
    text-indent: -9999px;
    font-size: unset !important;
}

.orders_list .btn-prev {
    background: url('../images/arrow_comenzi.png') no-repeat scroll center !important;
    background-color: #A5A5A5 !important;
    border-radius: 5px !important;
    padding: 6px 16px !important;
    text-indent: -9999px;
    transform:scaleX(-1);
    font-size: unset !important;
}
.orders_list .pagination {
    text-align: center;
}

/* ORDER HISTORY end */


/* ORDER HISTORY DETAIL PAGE */

.order-history-detail-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 30px;
}

.order-history-detail-black {
    background: url('../images/left-arrow-detail-history.png') no-repeat scroll center;
    width: 16px;
    height: 32px;
    text-indent: -9999px;
}

.order-history-detail-backid {
    display: flex;
}

.order-history-detail-backid h3 {
    margin-left: 16px;
    font-size: 24px;
    line-height: 32px;
    font-family: 'RobotoCondensedRegular';
}

.ohd-order-id {
    font-size: 16px;
    line-height: 21px;
    font-family: 'RobotoCondensedRegular';
}

.order-history-detail-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
}

.order-history-detail-header .ohd-store-logo {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    background-color: #131313;
}

.order-history-detail-header .ohd-store-logo img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.order-history-detail-header .ohli-store-name {
    padding-left: 10px;
    padding-right: 10px;
    width: 205px;
    border-right: 1px solid #CCCCCC;
    padding-top: 14px;
    padding-bottom: 15px;
}

.order-history-detail-header .ohd-created-at {
    width: 115px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    border-right: 1px solid #CCCCCC;
    padding-top: 9px;
    padding-bottom: 11px;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 18px;
}

.order-history-detail-header .ohd-address {
    width: 140px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 11px;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 18px;
}

.order-history-detail-item-list {
    margin-bottom: 20px;
}

.order-history-detail-item-list .item.product,
.order-history-detail-item-list .item.package {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0;
}

.order-history-detail-item-list .item {
    padding: 15px;
    background-color: white;
    margin-bottom: 5px;
    border-radius: 5px;
}

.order-history-detail-item-list span.name {
    width: 400px;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
    color: #131313;
    line-height: 17px;
}

.order-history-detail-item-list span.qty {
    width: 72px;
    text-align: right;
}

.order-history-detail-item-list span.price {
    width: 72px;
    text-align: right;
}
.order-history-detail-item-list .extras {
    color:#6A6A6A;
    font-size: 13px;
}

.order-history-detail-summery {
    padding-bottom: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
}

.order-history-detail-summery .ohd-summery-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 20px;
    position: relative;
    height: 15px;
}

.order-history-detail-summery .ohd-summery-label {
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    padding-right: 10px;
    left: 0;
    background-color: #F0F0F0;
}

.order-history-detail-summery .ohd-summery-value,
.order-history-detail-summery .ohd-summery-price {
    right: 0;
    background-color: #F0F0F0;
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    padding-left: 10px;
    letter-spacing: -0.32px;
    font-weight: 600;
}

.order-history-detail-total-all {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 35px;
}

.order-history-detail-total-all .order-history-detail-payment {
    color: #6A6A6A;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 22px;
}

.order-history-detail-total-all .order-history-detail-total {
    color: #131313;
    font-size: 20px;
    line-height: 22px;
    font-family: 'Roboto';
    font-weight: 800;
}

.order-history-detail-total-all .order-history-detail-total span {
    font-weight: 500;
}

.order-history-detail-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 10px;
    position: relative;
}

.order-history-detail-controls button.ohd-reorder-btn {
    background-color: #D5411F;
    border: 0;
    border-radius: 5px;
    padding: 12px 36px;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    font-family: 'RobotoCondensedRegular';
    cursor: pointer;
    line-height: 15px;
    margin-right: 10px;
}

.order-history-detail-controls button.ohd-cancel-btn {
    background-color: rgba(255, 0, 0, 0.15);
    border: 0;
    border-radius: 5px;
    padding: 12px 36px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 15px;
    font-family: 'RobotoCondensedRegular';
    color: #D5411F;
    cursor: pointer;
}

.order-history-detail-controls button.ohd-feedback-btn {
    background-color: #FFEBD7;
    color: #D5411F;
    font-size: 16px;
    font-family: 'RobotoCondensedRegular';
    text-transform: uppercase;
    border: 0;
    padding: 12px 36px;
    line-height: 15px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    cursor: pointer;
}


/* ORDER HISTORY DETAIL PAGE end */

/* NOTIFICATIONS start */

.notification {
    margin-bottom: 20px;
}

.notification-description {
    padding-left:30px;
    padding-top:5px;
    color: #6A6A6A;
    font-size: 14px;
    line-height: 18px;
}

.notification-wrapper {
    position: relative;
}

.notification-wrapper .loading {
    position: absolute;
    top:20px;
    left:400px;
}

/* NOTIFICATIONS end */

/* MY PROFILE CONTENT end */

/* MY PROFILE end */

.green {
    display: block;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
    padding: 15px;
    text-align: left;
    margin-top: 6px;
    margin-bottom: 6px;
    position: relative;
}
.alert a {
    /*    position: absolute;
        z-index: 100;
        text-decoration: none;
        font-size: 18px;
        right: 0;
        top: 50%;
        transform: translate(-50%, -50%);*/
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.warningMessage a {
    right: 7px;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.msg-close-btn {
    position: absolute;
    top: 14px;
    right: 5px;
    cursor: pointer;
    background:url('../images/close.png');
    width:16px;
    height:16px;
    opacity: 0.5;
    background-size: 16px 16px;
}

.no-margins {
    margin-bottom: 0px;
}

label[for=name]:after,label[for=email]:after,label[for=phone]:after, label[for=customer_name]:after {
    content:" *";
    color:red;
}

/* AUTH INTERFACE */

.auth_interface_content {
    background-color: white;
    margin-top: 10px;
    border-radius: 10px;
    padding: 20px;
    width: 318px;
    margin: 0 auto;
    padding-left: 82px;
    padding-right: 82px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 40px;
}

.auth_interface_content form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
}

.auth_interface_content h1.title {
    position: relative;
    color: #131313;
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 30px;
    font-family: 'RobotoCondensedRegular';
    text-align: left;
}

.title-forgot-password {
    position: relative;
    color: #131313;
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 15px;
    font-family: 'RobotoCondensedRegular';
    text-align: left;
}

.p-forgot-password {
    padding-bottom: 25px;

}

.auth_interface_content .form-group {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 20px;
}

.storeFooter .toRight {
    display: none;
}

.auth_interface_content label {
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: bold;
    color: #131313;
    padding-bottom: 5px;
}

.auth_interface_content .form-control {
    font-size: 16px;
    border: 1px solid #CCCCCC;
    padding: 13px;
    border-radius: 5px;
    font-family: 'Roboto';
    color: #131313 !important;
}


.auth_interface_content .btn-submit:hover, .auth_interface_content form a:hover {
    opacity: 0.8;
}

.auth_interface_content .form-group.submit a.btn-notAccount,
.auth_interface_content .form-group.submit a.btn-have-account {
    margin-top: 25px;
    color: #D5411F;
    text-align: center;
    text-decoration: underline;
}

.auth_interface_content .form-group.submit a.btn-forgot-pass {
    background-color: transparent;
    color: #D5411F;
    text-transform: none;
    text-decoration: underline;
    text-align: right;
    padding: 0;
    padding-bottom: 30px;
}

.auth_interface_content .form-group.submit label.remember-me {
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    vertical-align: text-top;
}

.auth_interface_content .form-group.submit .btn-submit {
    outline: 0;
    border: 0;
    background: #D5411F;
    color: #fff;
    padding: 12px 43px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedRegular';
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
}

.auth_interface_content .form-group.submit .btn:last-child {
    margin-right: 0;
}

.text-header-auth {
    width: 45%;
    display: flex;
    text-align: center;
    color: white;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 50px;
}

.text-header-auth h2 {
    font-size: 40px;
    line-height: 53px;
    font-family: 'RobotoCondensedBold';
}

.text-header-auth span {
    color: #FF9A37;
    font-size: 20px;
    font-family: 'RobotoCondensedRegular';
    line-height: 26px;
}

.admin-login {
    color: #D5411F;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 5px;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 22px;
    text-decoration: unset
}

.password-control {
    padding-right:33px;
}

.password-wrapper {
    position: relative;
}

.toggle-password {
    display: block;
    position: absolute;
    right: 7px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    background-image: url('../images/eye.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.toggle-password.eye-off {
    background-image: url('../images/eye-off.png');
}

/* AUTH INTERFACE end */

.group-command-time-remaining-btn {
    display: none;
    border: none;
    background: none;
    background-color: #D23E1F;
    width: 193px;
    height: 40px;
    cursor: pointer;
    outline: none;
    border-radius: 10px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;

}

.group-command-time-remaining-btn span {
    color: #FFF;
    font-size: 24px;
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: bold;
}


/** checkout group order **/

.checkoutGroupOrder {
    margin-top: 10px;
}

.checkoutGroupOrder .header {
    color: #63330d;
    background: #e9d4c4;
    font-size: 20px;
    padding: 5px 10px;
    margin-bottom: 1px;
    height: 30px;
    line-height: 30px;
    font-size:16px;
}

.checkoutGroupOrder .row.groupOrderContent {
    background: #ECEFF5;
    color: #947D73;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 1px;
    min-height: 21px;
    line-height: 21px;
}

.checkoutGroupOrder .row .id,
.checkoutGroupOrder .row .name,
.checkoutGroupOrder .row .email,
.checkoutGroupOrder .row .total,
.checkoutGroupOrder .row .date {
    display: inline-block;
}

.checkoutGroupOrder .row .id {
    width: 10%;
}

.checkoutGroupOrder .row .name,
.checkoutGroupOrder .row .email,
.checkoutGroupOrder .row .total,
.checkoutGroupOrder .row .date {
    width: 20%;
}

.checkoutGroupOrder .header > a, .checkoutGroupOrder .header > a:active {
    display:block;
    color:#555;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
}
.checkoutGroupOrder .header a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}
.checkoutGroupOrder .header.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.checkoutGroupOrder .content {
    padding: 0px;
    margin: 0px;
    display: none;
    min-height: auto;
}

.group-order-close-btn {
    color: #777;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 5px;
    content: '✖'; /* UTF-8 symbol */
    cursor: pointer;
}

.campaign-banner-container {
    display:block;
    margin-left: 20px;
    margin-right: 20px;
}

.campaign-banner .image-wrapper {
    display:block;
    position:relative;
    margin: 0 auto;
    width: 974px;
}

.campaign-banner .image-wrapper img {
    border-radius: 10px;
}

.campaign-banner .image-wrapper a.regulament-link {
    position: absolute;
    top: 174px;
    left: 469px;
    font-size: 10px;
    color: #fff;
}

.promo-badge {
    position:absolute;
    top: -15px;
    left: -15px;
    z-index: 19;
}

.new-badge {
    position: absolute;
    left:40%;
    z-index: 19;
}

.delivery-is-not-available {
    background-image:url('../images/delivery_ic.png');
    width:50px;
    height:50px;
    position: absolute;
    top:5px;
    left:172px;
    background-size: 29px 29px;
    background-repeat: no-repeat;
    background-position: center;
}

/* SEARCH GENERAL*/

.searchPriceInfo {
    position: relative;
    display: block;
    text-align: right;
}
.searchPriceInfo.specialPrice .amount,
.searchPriceInfo.specialPrice .coin {
    color:#1D9F2D;
}
.searchPriceInfo.specialPrice .oldAmount {

    color:#D5411F;
    position: absolute;
    right:0;
    top:-10px;
    font-size: 10px;
}

.searchPriceInfo .amount,
.searchPriceInfo .coin {
    color: #D5411F;
}


/* SEARCH GENERAL*/

/* SEARCH-SUGGEST start*/

.listSelect.search-suggest-holder {
    width:400px;
    background-color: #fff;
    height: auto; /*650*/
    max-height : 800px;
    left:35px;
}

.search-suggest .search-header {
    display: block;
    background-color: #E7E7E7;
    height:39px;
}

.search-type {
    float:left;
    color:#6A6A6A;
    text-transform: uppercase;
    margin-top: 10px;
    margin-left: 15px;
    font-family: 'RobotoCondensedRegular';
    font-size: 14px;
}

.view-all {
    float:right;
    margin-top: 10px;
    margin-right: 12px;
    font-size: 14px;
    color: #6A6A6A;
    text-decoration: underline;
    font-family: 'Roboto';
    font-weight: 300;
}

.ssi-holder {
    display:block;
    height: 63px;
    border-bottom: 1px dotted #6A6A6A;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ssi-left {
    display:block;
    width: 20%;
    float:left;
    text-align: center;
}
.ssi-left img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ssi-right {
    float:left;
    width: 80%;
    position:relative;

}

.ssi-title {
    color: #131313;
    margin-top: 5px;
    font-size:18px;
    font-weight:bold;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'RobotoCondensedBold';
}

.ssi-desc {
    color: #6A6A6A;
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
    margin-top: 5px;
    width:84%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ssi-info {
    color: #D5411F;
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 5px;
}

.ssi-price {
    color: #FF9A37;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 12px;
    font-family: 'RobotoCondensedBold';
}

.view-all-item-holder {
    min-height: 30px;
}

.view-all-item {
    display:block;
    text-align: center;
    padding: 10px 0 10px 0;
    font-size: 12px;
}

/* search-suggest  end*/

/* SEARCH PAGE  start*/

.search-page-header {
    display: block;
    background-color: #381513;
    color:white;
    padding: 30px 30px 30px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.search-key-text {
    display:inline-block;
    font-size: 28px;
    font-weight: 300;
    margin: 34px;
    margin: 0 8px 0 8px;
    font-family: 'Roboto';
    max-width: 55%;
}

a.search-mod-btn {
    display:block;
    font-size:16px;
    font-weight: normal;
    float:right;
    line-height: normal;
    padding-top: 15px;
    padding-bottom: 14px;
    padding-left: 35px;
    padding-right: 36px;
    margin-left:15px;
    text-align: center;
    border: 2px solid #fff;
    background-color: transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    letter-spacing: 0.8px;
    font-family: 'RobotoCondensedRegular';
}

a.search-mod-btn:link, a.search-mod-btn:visited, a.search-mod-btn:hover, a.search-mod-btn:active {
    text-decoration: none;
    color:#fff;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.search-mod-btn.active {
    background-color: white;
    color: #381513 !important;
    opacity: 1;
}

.search-container {
    width: 975px;
    margin:auto;
    padding-top: 30px;
}

.product-list {
    display:block;
}

.product-item {
    display: block;
    float: left;
    position: relative;
    width: 231px;
    height: 368px;
    margin:5px;
    margin-top: 0;
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.product-img {
    display:block;
    height:186px;
}

.product-img img.prod-img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.store-logo {
    position: absolute;
    top: 117px;
    left: 15px;
    display: block;
    border: 5px solid #fff;
    border-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 5px 5px 0 0;
}

.product-name {
    font-size: 20px;
    height: 42px;
    color: #451C18;
    text-transform: capitalize;
    letter-spacing: 0px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    font-family: 'RobotoCondensedBold';
}

.product-desc {
    height:60px;
    text-align: left;
    letter-spacing: 0px;
    color: #6A6A6A;
    opacity: 1;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px;
}

.product-price {
    padding-top:10px;
    padding-left: 15px;
    padding-right: 15px;
    height:44px;
    color: #D5411F;
    font-size:16px;
    font-weight: bold;
}

.product-store {
    padding-top:0px;
    padding-left: 15px;
    padding-right: 15px;
    position:relative;
    height:36px;
    background: #E7E7E7;
    color: #ABABAB;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    font-family: 'Roboto';
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.product-store span {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.categoryWrap .productWrap.highlighted .productInfoWrap {
    background: lightpink;
}

.categoryWrap .productWrap.highlighted .productSize {
    background: red !important;
}

/* search page  end*/

/* quick buttons */

.quick-buttons-holder {
    width:100%;
    z-index: 999;
    margin-bottom: 20px;
}

.quick-buttons {
    display: none;
}

.quick-buttons.active {
    display: block;
}

.quick-button {
    cursor: pointer;
}

.quick-button img {
    margin: 0 auto;
    width:43px;
    height:43px;
    margin-bottom: 10px;
}

.quick-button label {
    display:block;
    width:100%;
    text-align: center;
    color: #E7E7E7;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedRegular';
    line-height: 19px;
}
.quick-button.hover label {
    color: #c43628;
}

.quick-button label:hover {
    cursor: pointer;
}

/* quick buttons end */

/* ********* PRODUCT DETAIL MODAL POP UP Start**********/
/* Product detail modal container*/
.product-modal-open {
    overflow: hidden;
    height: 100%;
}

.product-modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}
/* Modal Content/Box */

.product-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 610px; /*old 480*/
    margin:0 auto;
    margin-top:25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.required-eg {
    color:red;
}
.max-min-holder {
    font-size: 10px;
}


.eg-debug-flag {
    display:none;
    color:red;
}

.extra-group-error {
    color:red;
    font-size: 12px;
    font-size: 10px;
}

/* Product detail modal container End */
/* PRODUCT DETAIL MODAL TEMPLATE Start */

.product-detail {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/*product detail header*/
.pd-header {
    display: inline-block;
    width: 100%;
    /*height: 70px;*/
    /*border-bottom: 1px dotted #6A6A6A;*/
    /*border:1px solid red;*/
}

.pd-header-left {
    display: inline-block;
    position:relative;
    width: 39%;
    text-align: center;
    height:213px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.pd-header-right {
    position: relative;
    display:inline-block;
    float: right;
    width: 61%;
    padding:0;

}

.pd-header-right-holder {
    padding:10px;
}
.pd-header-right .pd-name {
    color: #131313;
    display: block;
    font-size: 36px;
    line-height: 40px;
    margin-top: 25px;
    padding-left: 16px;
    padding-right: 12px;
}

.pd-header-right .pd-description {
    display: block;
    color: #6A6A6A;
    font-size: 16px;
    line-height: 19px;
    margin-top: 15px;
    padding-left: 16px;

}

.close-product-modal-btn {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.pd-store-logo {
    position:absolute;
    top:20px;
    right:0;
    display: none;
    border: 5px solid #fff;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

/*product detail body*/
.pd-group-label {
    display:block;
    background-color: #E7E7E7;
    height:40px;
    line-height: 40px;
    padding-left: 15px;
    color: #6A6A6A;
    text-transform: uppercase;
    position: relative;
}

.pd-group-label .extra-group-error {
    float: right;
    position: absolute;
    right: 15px;
}

.pd-body-row {
    display:block;
    color: #381513;
    background-color: #F0F0F0;
    border-bottom: 1px dotted #6A6A6A;
    position: relative;
}

.pd-content {
    position: relative;
    margin-top:20px;
}

.pd-seller-label-holder {
    position:absolute;
    top:-21px;
    right:21px;
    color: #AE2100;
}

.on-promotion label.pd-price-label .amount {
    color: #1D9F2D;
    text-transform: uppercase;
    font-weight: bold;
}
.on-promotion label.pd-price-label .amount .coin {
    margin-left: 3px;
}
.pd-row-left {
    height:40px;
    line-height: 40px;
    max-width: 50%;
    display: inline-block;
    padding-left: 25px;
}

.pd-variant .pd-row-left {
    font-size:19px;
    font-size:14pt;
    font-weight: bold;
}

.pd-row-right {
    display: inline-block;
    padding-right:25px;
    float:right;
    position: absolute;
    right: 0;
}
/*.pd-row-right div.pd-checkbox-holder {
    float:right;
    height:40px;
    line-height: 40px;
}*/

/*    .pd-price-holder {
        margin-right: 15px;
    }*/

label.pd-price-label {
    margin-right: 11px;
    margin-top: 23px;
    line-height: 38px;
    font-weight: bold;
}

label.pd-price-label .oldAmount{
    font-size: 13px;
}

label.pd-price-label .oldAmount strike{
    text-decoration-color: #D5411F;
    color: #D5411F;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

label.pd-price-label .amount{
    font-size: 19px;
}

/*.pd-checkbox-holder .checkbox-container {
    margin-top:10px;
}*/

/*.pd-checkbox-holder .checkbox-container a{
    text-decoration: underline;
}*/

.pd-note-holder {
    margin:15px;
}
.pd-note {
    background: #E7E7E7;
    font-size: 15px;
    font-weight: 300;
    /*padding: 16px;*/
    width: 100%;
    min-height: 60px;
    background: #fff;
    border: 1px solid #c2c2c2;
    color: #333;
    resize: vertical;
}

.pd-note::-webkit-input-placeholder {
    color: #6A6A6A;
}

.pd-note:-moz-placeholder { /* Firefox 18- */
    color: #6A6A6A;
}

.pd-note::-moz-placeholder {  /* Firefox 19+ */
    color: #6A6A6A;
}

.pd-note:-ms-input-placeholder {
    color: #6A6A6A;
}

.pd-note::placeholder {
    color: #6A6A6A;
}

/*product detail footer*/

.pd-footer {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pd-footer-left {
    float:left;
    min-height: 50px;
    width: 25%;
}

.pd-footer-center {
    float:left;
    min-height: 50px;
    width: 25%;
}
.pd-footer-right {
    float:left;
    min-height: 50px;
    width: 50%;
}


.pd-qty-holder {

    align-items: center;
    display: flex;
    justify-content: center;
    width:66%;
    margin: 0 auto;
    margin-top:11px;
}

.qty-btn {
    width:22pt;
    height:21pt;
    background: #ABABAB no-repeat padding-box;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-position: center;
}
.qty-btn:hover {
    background: #6a6a6a no-repeat padding-box;
    background-position: center;
}

.qty-btn-minus {
    border: 0;
}

.qty-btn-plus {
    border: 0;
}

.pd-qty-label {
    width:100px;
    display:inline-block;
    text-align: center;
    color: #6A6A6A;
    font-size: 16px;
}

.pd-note-error {
    color: red;
    font-size: 12px;
    font-size: 10px;
    padding-top: 10px;
    padding-left: 16px;
}

/***PSimple checkbox custom style***/
.checkbox-wrapper {
    position: relative;
    width: 30px;
    height: 30px;
}

.checkbox-wrapper input {
    opacity:0;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.checkbox-wrapper .checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    background-image: url('../images/check-plus.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display:inline-block;
    padding: 0 0 0 0px;
}


.checkbox-wrapper input:checked + .checkbox-checkmark {
    background-image: url('../images/check-ok.png');
}
.checkbox-wrapper input:disabled + .checkbox-checkmark {
    /*background-image: url('../images/check-plus-dis.png');*/
}
.checkbox-wrapper input:checked:disabled + .checkbox-checkmark {
    background-image: url('../images/check-ok-dis.png');
}

.pd-checkbox-holder {
    float:right;
}

.pd-total-amount-holder {
    display:block;
    text-align:center;
    margin-top: 15px;
    font-size: 22px;
    letter-spacing: 0px;
    color: #131313;
    text-transform: uppercase;
    font-weight: normal;
}

.pd-add-to-cart-holder {
    text-align:center;

}
.pd-add-to-cart-btn {
    margin-top: 1px;
    /*letter-spacing: 0.8px;*/
    color: #FFFFFF;
    text-transform: uppercase;
    background: #D5411F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:80%;
    line-height: 50px;
    font-size: 15px;
    border: 0;
    cursor: pointer;
}

.pd-add-to-cart-btn:hover {
    background: #AE2100;
}

.pd-group.allergens-group .pd-row-left {
    max-width: 100%;
}

/**new modification*************************************************************/
.extra-qty-holder {
    float:left;
}
.extra-qty {
    float: left;
}
.extra-qty-btn {
    float: left;
    display:block;
    cursor:pointer;
    /*border: 1px solid red;*/
    width:30px;
    height:30px;
    background-repeat: no-repeat;
}

.extra-qty-btn.extra-qty-btn-plus {
    background: url('../images/check-plus.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.extra-qty-btn.extra-qty-btn-plus.disabled-btn {
    background: url('../images/check-plus-dis.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.extra-qty-btn.extra-qty-btn-minus {
    background: url('../images/check-minus.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.extra-qty-btn-plus.checked-btn {
    background: url('../images/check-ok.png');
    background-size: 30px 30px;
    background-repeat: no-repeat;
}

.extra-qty {
    width:20px;
    text-align: center;
    background: transparent;
    border:none;
    line-height: 32px;
    font-weight: bold;
    font-size: 19px !important;
}
.extra-checkbox {
    display: none;
}
.extra-qty {
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.extra-qty-btn-minus {
    display: none;
}


/* PRODUCT DETAIL MODAL TEMPLATE End */
/************** PRODUCT DETAIL MODAL POP UP END **********/
/* THANK YOU PAGE CSS */

.thankYouWrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
}

.thankYouWrap .ty-info-content {
    background-color: #F0F0F0;
    width: 600px;
    padding: 65px;
    border-radius: 10px;
    margin-right: 10px;
}

.thankYouWrap .alert-success,
.thankYouWrap .alert-danger,
.thankYouWrap .alert-warning {
    padding: 12px;
    border-radius: 5px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.thankYouWrap .od-wrapper {
    background-color: white;
    width: 318px;
    border-radius: 10px;
}

.thankYouWrap .ty-info-content .ty-message-holder {
    text-align: center;
}

.thankYouWrap .ty-info-content .ty-message-holder .ty-message {
    font-size: 24px;
    line-height: 32px;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 5px;

}

.ty-sub-message {
    font-size: 16px;
    line-height: 21px;
    color: #6A6A6A;
}

.ty-delivery-time-wrapper {
    background-color: white;
    padding: 16px;
    width: 236px;
    float: left;
    text-align: center;
    border-radius: 5px;
}

.ty-info-holder {
    margin-top: 40px;
}

.ty-order-phone-nr-wrapper .ty-info-box-label,
.ty-order-address-wrapper .ty-info-box-label,
.ty-delivery-time-wrapper .ty-info-box-label {
    color: #6A6A6A;
    font-size: 13px;
}

.ty-order-phone-nr-wrapper .ty-info-box-value,
.ty-order-address-wrapper .ty-info-box-value,
.ty-delivery-time-wrapper .ty-info-box-value {
    color: #131313;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Roboto';
    font-weight: 500;
}

.ty-order-phone-nr-wrapper {
    background-color: white;
    padding: 16px;
    width: 236px;
    float: right;
    text-align: center;
    border-radius: 5px;
    color: #6A6A6A;
    font-size: 13px;
}

.ty-order-address-wrapper {
    background-color: white;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%;
    float: right;
    text-align: center;
    border-radius: 5px;
    color: #6A6A6A;
    font-size: 13px;
    margin-top: 10px;
}

button.ty-call-store-btn {
    background-color: #D5411F;
    border: 0;
    border-radius: 5px;
    margin-top: 30px;
    padding: 11px 32px;
    margin-right: 5px;
    cursor: pointer;
}

button.ty-call-store-btn span.btn-left {
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    line-height: 15px;
    font-family: 'RobotoCondensedRegular';
}

button.ty-call-store-btn span.btn-right {
    font-size: 16px;
    color: white;
    line-height: 15px;
    font-family: 'RobotoCondensedBold';
    padding-left: 50px;
}

button.ty-order-cancel-btn,
button.ty-reorder-btn,
button.reorder-customer-last-order-btn {
    background-color: rgba(255, 0, 0, 0.15);
    border: 0;
    border-radius: 5px;
    padding: 12px 30px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 15px;
    font-family: 'RobotoCondensedRegular';
    color: #D5411F;
    cursor: pointer;
}

.last-order-btn-holder {
    text-align: center;
    margin-top: 20px;
}

.thankYouWrap .od-wrapper .od-header-nr-of-order {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    font-size: 24px;
    line-height: 32px;
    font-family: 'RobotoCondensedRegular';
    border-bottom: 1px solid #ABABAB;
    padding: 20px;
    padding-bottom: 15px;
}

.ty-notification-footer {

    text-align: center;
    margin-top:50px;
}

.od-header-created_at-and-od-delivery {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #ABABAB;
    padding: 20px;
    padding-bottom: 15px;
}

.od-nr-of-order {
    font-size: 16px;
}

.od-header-delivery,
.od-header-created_at {
    width: 50%;
}

.od-header-delivery span.od-label,
.od-header-created_at span.od-label {
    color: #ABABAB;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-family: 'RobotoCondensedRegular';
    display: block;
    letter-spacing: 0.7px;
}

.od-header-delivery span.od-delivery,
.od-header-created_at span.od-created_at {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 20px;
    display: block;
    margin-top: 0;
}

.od-items-wrapper {
    padding: 20px;
    border-bottom: 1px solid #ABABAB;
}

.od-items-wrapper .od-item {
    border-bottom: 1px dotted #ABABAB;
    padding-top: 15px;
    padding-bottom: 15px;
}

.od-items-wrapper .od-item:first-child {
    padding-top: 0;
}

.od-items-wrapper .od-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.od-summery {
    padding: 20px;
    border-bottom: 1px solid #ABABAB;
}

.od-total {
    text-align: right;
    padding: 20px;
}

.od-item-bottom,
.od-item-top {
    clear: both;
}

.od-item-qty {
    padding-right: 5px;
    float: left;
}

.od-item-name,
.od-item-qty {
    font-size: 16px;
    line-height: 20px;
}

.od-marked {
    /*color: #ABABAB;*/
}

.od-item-price {
    text-align: right;
    font-weight: bold;
    margin-top: 10px;
    font-size: 16px;
}

.od-item-extras {
    font-size: 12px;
    line-height: 15px;
    color: #ABABAB;
    font-weight: 300;
    margin-top: 5px;
    padding-left: 25px;
}

.od-summery-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 20px;
    position: relative;
    height: 15px;
}

.od-summery-label {
    background-color: white;
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    padding-right: 10px;
    left: 0;
}

.od-summery-price {
    right: 0;
    background-color: white;
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    padding-left: 10px;
    letter-spacing: -0.32px;
    font-weight: 600;
}

.od-total-label,
.od-total-amount {
    font-size: 20px;
}

/* CLOSE THANK YOU PAGE CSS */


/* users-login-page */

.users-login-page #wrapper {
    background-color: transparent;
}

.Cms-pp-page #wrapper::before,
.Cms-regulament_concurs-page #wrapper::before,
.users-login-page #wrapper::before,
.users-forgot_password-page #wrapper::before,
.users-register-page #wrapper::before
{
    content: ' ';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: url('../images/user_login_page_bgr.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.users-login-page .form-group.submit .admin-login {
    color: #D5411F;
    text-align: right;
    padding-bottom: 30px;
    padding-top: 5px;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 22px;
    text-decoration: unset;
}

.users-login-page .auth_interface_content .form-group.submit {
    margin-bottom: 0;
}

.users-login-page .form-group.submit .create-admin-login, .btn-have-account {
    color: #D5411F;
    text-align: center;
    padding-top: 30px;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 22px;
    text-decoration: unset;
}


/************** STORE INFO MODAL Start ********************************************/

.store-info-modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}
/* Modal Content/Box */

.store-info-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 610px; /*old 480*/
    margin:0 auto;
    margin-top:25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.store-info-content {
    font-family: 'Roboto';
    padding:40px;
    position: relative;
}

.si-header {
    font-size:29px;
    text-align: center;
    padding:15px;
    padding-top:9px;
}

.si-group {
    border-bottom: 1px dotted #A5A5A5;
    padding-top:21px;
    padding-bottom: 10px;

}

.si-label {
    font-size: 22px;
    font-size: bold;
}
.si-value {

    padding-top:14px;
    padding-bottom: 10px;
    line-height: 26px;
}

.close-store-info-modal-btn {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.storeHeaderNew .store-info-link {
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
}
.storeHeaderNew .allergens {
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
}


/************** STORE INFO MODAL End ********************************************/
/************** ADDRESS MODAL Start ********************************************/
/* Modal Content/Box */
.address-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 975px; /* Could be more or less, depending on screen size */
    margin:0 auto;
    margin-top:75px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


body.APP-FB .address-modal-content,
body.APP-WIDGET .address-modal-content {
    width: 95%;
    margin-left: 20px;
    margin-right: 20px;
}

.address-left {
    width:56%;
    display:inline-block;
    position: relative;
}

.address-rigth {
    width:43%;
    display:inline-block;
    float:right;
    padding-bottom: 27px;
}

.address-left .address-right {
    display:inline-block;
}

.address-header {
    margin-top: 28px;
    margin-bottom: 25px;
}

.address-header h3 {
    line-height: 28px;
    color: #131313;
    font-size: 24px;
    margin-bottom: 10px;
}

.address-header span {
    font-size: 16px;
    line-height: 22px;
    color: #6A6A6A;
}

#addressMap {
    width:100%;
    height:694px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

}


.address-modal, .address-delete-modal {
    display: none;  /*Hidden by default*/
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}


.address-content-holder {
    display: block;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:40px;
    margin-right:40px;
}

.address-content {
    position: relative;
}

.address-content #address_detail {
    outline: none;
    border: none;
    resize: none;
    width: 90%;
    padding-left: 15px;
    padding-bottom: 12px;
    padding-top: 13px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Roboto';
}

/*hide filed if address is new*/
.new-address-mode .address-filed, .new-address-mode .address-save-btn {
    display:none !important;
}

body.APP-FB .address-content #address_detail,
body.APP-WIDGET .address-content #address_detail {
    width: 87%;
}

body.APP-FB .address-content .address-nr, body.APP-FB .address-content .address-app,
body.APP-WIDGET .address-content .address-nr, body.APP-WIDGET .address-content .address-app {
    width: 111px;
}

.address-content .address-nr, .address-content .address-app {
    width: 156px;
    display: inline-block;
}

.address-content .address-app {
    margin-left:6px;
}

#address_detail {
    font-size: 18px;
    min-height: 123px;
}

/* General input style.*/
.input-field {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    /*padding-top:3px;*/
    /*padding-bottom:3px;*/
    padding-left:3px;
    padding-right:3px;
}

.input-field input {
    font-size: 16px;
    line-height: 20px;
    display: block;
    border:none;
    margin:0 !important;
    width: 80%;
    font-family: 'Roboto';
    padding-left: 15px;
    padding-bottom: 12px;
    padding-top: 13px;
    padding-right: 15px;
}

body.APP-FB .input-field input,
body.APP-WIDGET .input-field input {
    padding-left: 10px;
    padding-right: 10px;
}

.input-field input:focus {
    outline: none;
}
.input-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Roboto';
}

.address-content input::-webkit-input-placeholder {  /*Chrome/Opera/Safari*/
    color: #ABABAB;
    font-size: 16px;
    opacity: 1;
    font-family: 'Roboto';
}
.address-content input::-moz-placeholder {  /*Firefox 19+ */
    color: #ABABAB;
    font-size: 16px;
    opacity: 1;
    font-family: 'Roboto';
}
.address-content input:-ms-input-placeholder {  /*IE 10+ */
    color: #ABABAB;
    font-size: 16px;
    opacity: 1;
    font-family: 'Roboto';
}
.address-content input :-moz-placeholder {  /*Firefox 18- */
    color: #ABABAB;
    font-size: 16px;
    opacity: 1;
    font-family: 'Roboto';
}

/* WebKit, Edge */
#address_detail::-webkit-input-placeholder {
    color: #ABABAB;
    font-size: 16px;
    font-family: 'Roboto';
}/* Firefox 4-18 */
#address_detail:-moz-placeholder {
    color: #ABABAB;
    font-size: 16px;
    opacity: 1;
    font-family: 'Roboto';
}/* Firefox 19+ */
#address_detail::-moz-placeholder {
    color: #ABABAB;
    font-size: 16px;
    opacity: 1;
    font-family: 'Roboto';
}/* IE 10-11 */
#address_detail:-ms-input-placeholder {
    color: #ABABAB;
    font-size: 16px;
    font-family: 'Roboto';
}/* Edge */
#address_detail::-ms-input-placeholder {
    color: #ABABAB;
    font-size: 16px;
    font-family: 'Roboto';
}/* MODERN BROWSER */
#address_detail::placeholder {
    color: #ABABAB;
    font-size: 16px;
}

#address-search-input::-webkit-input-placeholder {
    /*Chrome/Opera/Safari*/
    color: #131313;
    font-size:16px;
    font-family: 'Roboto';
}
#address-search-input::-moz-placeholder {
    /*Firefox 19+*/
    color: #131313;
    font-size:16px;
    font-family: 'Roboto';
}
#address-search-input:-ms-input-placeholder {
    /*IE 10+*/
    color: #131313;
    font-size:16px;
    font-family: 'Roboto';
}
#address-search-input:-moz-placeholder {
    /*Firefox 18-*/
    color: #131313;
    font-size:16px;
    font-family: 'Roboto';
}

.address-search-input-holder {
    position: relative;
    /*top: 21px;*/
    /*left: 20px;*/
    /*z-index: 9999;*/
    width:330px;
    background-color: #fff;
    /*padding-left:11px;*/
}

body.APP-FB .address-search-input-holder,
body.APP-WIDGET .address-search-input-holder {
    width: 230px;
}

.search-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 13px;
    left: 300px;
}

body.APP-FB .search-icon,
body.APP-WIDGET .search-icon {
    left: 300px;
    top: 13px;
}

#address-search-input {

    /*width:350px;*/
}

body.APP-FB #address-search-input,
body.APP-WIDGET #address-search-input {
    width: 300px;
}

.address-save-btn {
    border: 0;
    background: #D5411F;
    color: #fff;
    padding: 12px 35px;
    margin-top: 30px;
    line-height: 15px;
    font-size: 16px;
    font-family: 'RobotoCondensedBold';
    width: 100%;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
}
/*Google autocomplete*/
.pac-container {
    z-index:99999;
}
/*error*/
.address-errors {
    display:none;
    color: #b94a48;
    background-color: #f2dede;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
}

.close-address-modal-btn {
    border: 0;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 24px;
    height: 24px;
    z-index: 9999;
    background-color: #fff;
    webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.my-location {
    background-color: #f9e3de;
    color: #D5411F;
    font-size: 15px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 15px;
    line-height: 51px;
    font-size: 17px;
    padding-left: 15px;
    cursor:pointer;
}

.my-location:hover {
    background-color: #ff9999;
    color: #fff;
}
.quick-button.hover label {
    color: #c43628;
}


/** DELETE ADDRESS MODAL start **/
.address-delete-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 350px; /* Could be more or less, depending on screen size */
    margin:0 auto;
    margin-top:75px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#addressDeleteMap {
    height: 350px;
}
#addressDeleteMap {
    height: 350px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.delete-address-quit-btn {
    position: relative;
    left: 320px;
    top: -345px;
    height: 25px;
    width: 25px;
    border: 1px solid transparent;
    border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    text-align: center;
    text-decoration: none;
    background-color: white;
    cursor: pointer

}

.close-address-remove-modal-btn {
    margin: 0;
    position: relative;
    top: 20%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.delete-address-quit-btn:hover {
    background-color: #efe7e7;
}

.delete-address-box {
    position: relative;
    top: -10px;
    margin: auto;
    width: 80%;
    padding: 10px;
}

.delete-address-btn-area {
    display: inline-block;
    text-align: center;
    padding-bottom: 15px;
}

.delete-address-text {
    line-height: 21px;
}


.cancel-address-remove-btn {
    display: inline-block;
    outline: 0;
    border: 0;
    background: #D5411F;
    color: #fff;
    padding: 10px 43px;
    border-radius: 5px;
    margin-top: 25px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedBold';
    cursor: pointer;
}

.confirm-address-remove-btn {
    background-color: #F6D8D1;
    display: inline-block;
    outline: 0;
    border: 0;
    color: #D5411F;
    padding: 10px 38px;
    border-radius: 5px;
    margin-top: 25px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'RobotoCondensedBold';
    cursor: pointer;
}

.cancel-address-remove-btn:hover {
    background-color: rgba(213, 65, 31, 0.82);

}

.confirm-address-remove-btn:hover {
    background-color: rgba(246, 216, 209, 0.78);
}

.delete-address-title {
    padding-bottom: 15px;
    font-size: 16px;
    text-shadow: 0px 1px 0px #f2f2f2;
}

.delete-address-text p {
    font-size: 12px;
}

.delete-address-text b {
    font-weight: bold;
}
/** DELETE ADDRESS MODAL end **/




/*FAVORITE STORE WIDGET start*/

.full-heart {
    background: url('../images/store_fav_ic_dark.png') no-repeat center;
    background-size: 35px;
    width:50px;
    height: 50px;
    cursor: pointer;
}

.empty-heart {
    background: url('../images/store_fav_ic_light.png') no-repeat center;
    background-size: 35px;
    width:50px;
    height: 50px;
    cursor: pointer;
}
/* Favorite store manage page style */
#my_fav_stores.favorite_stores .container-store {
    background: white;
    border-radius: 3px;
    padding: 8px 5px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 9px 0px rgb(255 255 255 / 31%);
    border: 1px solid #fff;
}

#my_fav_stores.favorite_stores .container-store:hover {
    border: 1px solid #FF9A37;
    box-shadow: 1px 1px 9px 0px rgba(213,65,31,0.31);
}

#my_fav_stores.favorite_stores .item-store {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

#my_fav_stores  .btn-unset {

}

#my_fav_stores .container-store a{
    text-decoration: none;
    color: black;
}

#my_fav_stores.favorite_stores .my_profile_content h2{
    font-size: 24px;
    line-height: 32px;
    font-family: 'RobotoCondensedRegular';
    margin-bottom: 20px;
    color: #131313;
}

#my_fav_stores.favorite_stores .item-store .name-store {
    margin: 0;
    margin-top: -2px;
    font-size: 21px;
    vertical-align: middle;
}

#my_fav_stores.favorite_stores .item-store .address-store {
    margin: 0;
    font-size: 10px;
}

#my_fav_stores.favorite_stores .store-item-holder .unset-favorite-store-btn {
    background: url('../images/ic_delete_24px.png') no-repeat scroll center #F6D8D1;
    text-indent: -9999px;
    border: none;
    padding: 9px 18px;
    border-radius: 10px;
}

#my_fav_stores.favorite_stores .store-item-holder .unset-favorite-store-btn:hover {
    background: url('../images/ic_delete_24px.png') no-repeat scroll center #e8aea4;
    cursor: pointer;
}

#my_fav_stores .item-store {
    z-index: 99999;
    float: right;
    margin-right: 3% !important;
}





/*FAVORITE STORE WIDGET end*/

/*SUMEMR TEMPORARRY CODE*/

.quick-buttons-holder {
    background-color: #403421;

}
.my-location-icon {
    display: inline-block;
    background: url('../images/ic_my_location_24.png');
    background-size: 26px;
    background-size: 26px;
    width:26px;
    height: 26px;
    vertical-align: middle;
}

/******************************ADDRESS MODAL End********************************/

/*****************CMS PAGES**************************************** start */
.cms-page-container {
    text-align: justify;
}
.cms-page-container h2 {
    font-size: 22px;
    margin: 12px 0 25px 21px;
    font-weight: bold;
    text-align: left;
}

.cms-page-container h3 {
    font-size: 17px;
    margin: 10px 0 10px 21px;
    font-weight: bold;
}

.cms-page-container ul {
    padding: 10px 10px 10px 50px;
    list-style: disc outside;
}

.cms-page-container ul li {
    padding-top:6px;
    padding-bottom:6px;
}
.cms-page-container ol {
    list-style: decimal;
    padding: 10px 10px 10px 50px;
}
.cms-page-container ol li {
    padding-top:10px;
    padding-bottom:10px;
}

cms-page-container table, th, td {
    border: 1px solid white;
    padding:5px;
}
.cms-page-container table {
    border-collapse: collapse;
    margin: 25px 0 25px 0;
    border-spacing: 0;
}


/*****************CMS PAGES**************************************** ebd*/

/*404 PAGE*/

.restaurants-page404-page #wrapper {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 100px;
    background-color: #000;
    background: url('../images/background-page404.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 36% -166px;
}

.restaurants-page404-page .content404 {
    background: transparent;
    color: #FFFFFF;
    height: auto;
    line-height: 38px;
    font-size: 32px;
    font-family: 'Roboto';
    margin-top: 10vh;
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin-bottom: 40px;
}

.restaurants-page404-page .storeContent {
    width: 484px;
    margin: 0 auto;
    background-color: transparent;
    text-align: center;
    border-radius: 0;
}

.restaurants-page404-page .back-to-home-page-btn {
    background-color: #FF9A37;
    padding: 12px 60px;
    border-radius: 5px;
    color: white;
    font-family: 'RobotoCondensedBold';
    font-size: 16px;
    line-height: 15px;
    display: inline-block;
}


.restaurants-page404-page .storeBox {
    min-height: 763px;
}

.searchBox .boxInner a.listSelectBtn {
    color:#E7E7E7 !important;
}

#wrapper {
    background-position: 50% 13%;

}

/*Phone prefix*/
.my-profile-phone {
    text-indent: 33px;
}

/*TEMPORARRY CODE*/

/** CUSTOMER REPORT MODAL  START **/
.cr-contact-modal-open {
    overflow: hidden;
    height: 100%;
}

.cr-contact-modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}
/* Modal Content/Box */

.cr-contact-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 610px; /*old 480*/
    margin:0 auto;
    margin-top:25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
}


.cr-holder {
    width:100%;
    min-height: 500px;
    position:relative;
    font-size: 10px;
    color: #6A6A6A;
    font-family: 'Roboto', sans-serif;

}

.cr-left {
    width:55%;
    /*border: 1px solid red;*/
    position: absolute;
    top:0;
    left:0;
}

.cr-right {
    float:right;
    width:45%;
    /*border: 1px solid red;*/
    margin-left:55%;
    height:500px;
    background-color: #f7f7f7;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

}

.cr-holder h1 {
    font-size: 19px;
    margin-bottom: 20px;
}

.cr-wrapper {
    padding:20px;
}

.cr-wrapper textarea {
    width:100%;
    height: 35px;
    resize: none;
    padding: 5px;
}

.cr-wrapper .text {
    margin-bottom: 15px;
}

.cr-wrapper .input-text {
    margin-bottom: 7px;
    width: 100%;
}
.cr-wrapper .input-text input {
    width: 80%;
    height: 20px;
    padding: 5px;
}

.cr-wrapper .file-input {
    font-size: 10px;
}

/*.cr-wrapper .input-text input::-webkit-input-placeholder,
.cr-wrapper textarea::-webkit-input-placeholder {*/
.cr-wrapper .input-text input::placeholder,
.cr-wrapper textarea::placeholder {
    /*color: #adadad;*/
    /*color: rgba(67,67,67,0);*/
    color: red;
}

.cr-form-submit-btn {
    width:100%;
    margin-top: 1px;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #D5411F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    font-size: 11px;
    border: 0;
    cursor: pointer;
}
.cr-form-submit-bnt-holder {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width:120px;
}

.cr-for-close-btn {
    width:24px;
    height:24px;
    position: absolute;
    top: 3px;
    right: 3px;
    background-image: url('../images/x24.png');
    cursor: pointer;
}

.fileUploadForm {
    margin-bottom: 5px;

}
.fileUploadForm .file-input-remove {
    float:right;
    font-size: 7px;
    cursor: pointer;
}

.error-message-holer {
    font-size: 13px;
    font-style: oblique;
    color:red;
    margin-top: 20px;
}

/** CUSTOMER REPORT MODAL  end **/
/** CUSTOMER card style start **/
.customer-card {
    height: 106px;
    width: 260px;
    border:1px solid #c4c4c4;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 10px;
}
.customer-card.selected {
    border:1px solid #ABABAB;
    background-color: #ABABAB;
    color: #fff;
}

.restaurants-checkout-page .customer-card {
    height: 45px;
    width: 260px;
}
.restaurants-checkout-page .customer-card-mask {
    top: 7px;
    left: 68px;
}
.restaurants-checkout-page .customer-card-expiration {
    top: 25px;
    left: 87px;
}
.restaurants-checkout-page .customer-card-options {
    display:none;
}

.restaurants-checkout-page .customer-card-radio {
    position: absolute;
    top: 12px;
    left: 0px;
    width: 30px;
}

.customer-card {
    position: relative;
}

.customers-my_profile-page .customer-card-mask {
    cursor: pointer;
}
.customer-card-mask {
    position: absolute;
    top: 21px;
    left: 59px;
    width: 206px;
}

.customer-card-expiration {
    position: absolute;
    top: 40px;
    left: 87px;
    width: 206px;
    /*border: 1px solid black;*/
    color: #7F7F7F;
    font-size: 11px;
}

.customer-card-options {
    background: #f4f4f4;
    width:100%;
    height:35px;
    position: absolute;
    bottom: 0px;
    left: 0;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin:0 !important;
}




.card-type-Visa::after {
    content: " ";
    position: absolute;
    top: -2px;
    left: -37px;
    width: 34px;
    height: 23px;
    background-image: url('../images/card-visa-logo.png');
    background-size: 32px;
    background-position-y: -4px;
}

.card-type-Mastercard::after {
    content: " ";
    position: absolute;
    top: -4px;
    left: -45px;
    width: 46px;
    height: 30px;
    background-image: url('../images/card-mastercard-logo.png');
    background-size: 44px;
    background-position-y: -8px;
}

.customer-default-card-holder.default {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 25px;
    height: 27px;
    background-image: url('../images/ok-icon.png');
    background-repeat: no-repeat;
}

.customer-card-options {

}

.customer-card-updated-at {
    position: absolute;
    top: 20px;
    left: 100px;
    width: 105px;
    height: 30px;
    font-size: 9px;
}

.customer-card-status {
    position: absolute;
    top: 7px;
    left: 11px;
    width: 82px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 11px;
}

.customer-card-status-active {
    color: green;
    border: 1px solid green;
}

.customer-card-status-expired {
    color: red;
    border: 1px solid red;
}
.customer-card-delete {
    position: absolute;
    top: 5px;
    right: 11px;
    width: 26px;
    height: 24px;
    background-image: url('../images/delete_24.png');
    background-size: 23px;
    cursor: pointer;
}
/** CUSTOMER card style end **/

/** CUSTOMER coupon style start **/
.customers-my_profile-page .customer-coupon {
    border:1px solid #d5411f;
    width:250px;
    min-height:80px;
    margin-bottom: 10px;
    position: relative;
    background-color: #d5411f;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    padding-left: 86px;

}

.customers-my_profile-page .customer-coupon:after{
    content: " ";
    position: absolute;
    top: 24px;
    right: -30px;
    width: 48px;
    height: 39px;
    border-radius:50%;
    background-color: #fff;
}

.customers-my_profile-page .coupon-right {
    border-left: 1px dashed #fff;
    min-height: 70px;
    margin-top: 25p;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 7px;
    color: #fff;
}


.customers-my_profile-page .coupon-store-logo {
    position: absolute;
    top: 9px;
    left: 8px;
    width: 70px;
    height: 70px;
    background-color: #fff;
    background-position: 1px 3px;
    background-size: 60px;
    background-repeat: no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.customers-my_profile-page .coupon-store-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.customers-my_profile-page .coupon-code {
    font-weight: bold;
    margin-bottom: 8px;

}

.customers-my_profile-page .coupon-label {
    font-size: 10px;
    margin-bottom: 8px;
    padding-right: 23px;
}
.customers-my_profile-page .coupon-expiration {
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: bold;
}
.customers-my_profile-page .coupon-usage     {
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: bold;
}
.customers-my_profile-page .coupon-value {
    position: absolute;
    bottom: 10px;
    right:10px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: bold;
    color:green;
    padding:4px;
}

/** CUSTOMER coupon style end **/

.restaurants-checkout-page .customer-coupon {
    border:1px solid #ABABAB;
    width:80%;
    min-height:65px;
    margin-bottom: 10px;
    position: relative;
    /*background-color: #d5411f;*/
    background-color: #ABABAB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 50px;
}
/*.restaurants-checkout-page .customer-coupon {*/
.restaurants-checkout-page .customer-coupon:after{
    content: " ";
    position: absolute;
    top: 14px;
    right: -30px;
    width: 39px;
    height: 39px;
    border-radius:50%;
    background-color: #fff;
}

.restaurants-checkout-page .coupon-right {
    border-left: 1px dashed #fff;
    min-height: 48px;
    margin-top: 25p;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 7px;
    color: #fff;
}

.restaurants-checkout-page .coupon-value {
    position: absolute;
    top: 22px;
    left: 1px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: bold;
    color:green;
    padding:4px;
    font-size: 10px;
    width: 40px;
    text-align: center;
}

.restaurants-checkout-page .coupon-store-name {
    font-size: 10px;
}

.restaurants-checkout-page .coupon-code {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
}

.restaurants-checkout-page .coupon-expiration {
    font-size: 10px;
}
.restaurants-checkout-page .coupon-usage {
    font-size: 10px;
}

.restaurants-checkout-page .coupon-apply-btn {

    position: absolute;
    top: 20px;
    right: 13px;
    /*background:rgb(213, 65, 31);*/
    background-color: #D5411F;
    border: 0;
    line-height: normal;
    /*color: #D5411F;*/
    border-radius: 5px;
    text-align: center;
    font-family: 'RobotoCondensedRegular';
    display: block;
    text-transform: uppercase;
    color: #fff;
    width: 65px;
    line-height: 22px;
    cursor: pointer;
}

/***CUSTOMER ORDER INFO****/

.searchBox {
    position: relative;
}

.customer-order-info {
    float:left;
    color:#fff;
    width:7%;
    position: relative;
}

.customer-order-info-details {
    display: none;
    position: absolute;
    top: 49px;
    left: -116px;
    width:300px;
    border:2px solid #451C18;
    max-height: 540px;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fff;
    color: #131313;
    z-index: 99999;
    padding-left: 10px;
    padding-right: 10px;
    height:auto;
    padding-bottom: 19px;
}

.customer-order-info-details-title {
    padding: 10px 0 10px 5px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.customer-order-info-item {
    border-bottom: 1px dotted #131313;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.customer-order-info-item-title {
    font-weight: bold;
    padding:5px;
    font-size: 12px;
    text-transform: uppercase;
}
.customer-order-info-item-description {
    color:#ABABAB;
    font-size: 10px;
    padding-left: 5px;
}

.customer-order-info-item-controlls-warming {
    color: #d5411f;
}

.customer-order-info-item .downtime-widget{
    color: #d5411f;
}

.customer-order-info-item-total{
    font-weight: bold;
    padding: 10px 0 10px 5px;
    font-size: 12px;
}

.customer-order-info-item-timer-holder {
    text-align: right;
    position:absolute;
    right:5px;
    bottom:5px;
    cursor: pointer;


}
.customer-order-info-item-timer-holder:after {
    content: '';
    position: absolute;
    top: -34px;
    right: 0;
    width: 32px;
    height: 32px;
    background-image: url('../images/ic_order_delivery_time.svg');
    background-repeat: no-repeat;
    background-size: 29px;
}

.customer-order-info-display {
    padding-left:25px;
    padding-top: 10px;
    cursor: pointer;
    position: relative;
    margin-left:10px;

}

.customer-order-info-display-text {
    display: none;
}

.customer-order-info-display .digital {
    text-align: left;
    font-size:15px;
    padding-top: 7px;
}
.customer-order-info-display .digi-min {
    font-size:10px;
}

.customer-order-info-display:after{
    content: ' ';
    position: absolute;
    top:13px;
    left:1px;
    background-image: url('../images/ic_order_delivery_time_white.svg');
    width:25px;
    height:25px;
    background-size: 20px;
    background-repeat: no-repeat;
}

.digital {
    font-family: 'Digital7', monospace;
    /*color: #d5411f;*/
    /*color: lime;*/
    color: #fff;
    text-align: center;
    font-size: 25px;
    min-height: 25px;

}

.digi-min {
    font-size: 15px;
}
.customer-order-info-item-controlls {

    position:relative;
}
.customer-order-info-item-controlls-warming {
    font-size: 10px;
}

.order-timer-done {

    position: absolute;
    background-image: url('../images/ic_order_timer_done.svg');
    width: 25px;
    height: 25px;
    background-size: 27px;
    background-repeat: no-repeat;
    right: 5px;
    top: -38px;
}

.order-receive-confirm-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    background-color: #F5F7F5;
    color: #6B726B;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #E1E5E1;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    margin-top:10px;
}

.order-receive-confirm-btn:hover {
    background-color: #ECEFEC;
    border-color: #DADFDA;
}

/***CUSTOMER ORDER INFO****/