/*=====================================================================================
This is style CSS file that contains custom style rules used in this template
=====================================================================================
Template Name: Pistacia - Restaurant / Food HTML5 Template
Author: Bumbella
Version: 1.6
Contact: http://themeforest.net/user/pistaciatheme
=====================================================================================*/
/*=====================================================
Table of content - Main CSS
=======================================================
1. General - initialization
2. Backgrounds
3. Helpers
4. Elements
5. Flaticons
6. Social bar
7. Top navigation section
8. Header section
9. Chef section
10. Reservation section
11. Our restaurants section
12. Menu cards section
13. Single post section
14. Logos owl carousel section
15. Timeline blog section
16. 404 section
17. Pinterest blog section
18. Newsletter section
19. Special services section
20. We can offer section
21. Special dishes section
22. Portfolio section
23. Coming Soon section
24. Shop section
25. Content newsletter section
26. Footer section
27. Bottom bar section
28. Theme switcher
29. Shop cart
30. Shop login
=======================================================*/
/* RESET */
/* 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;
}

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

html, body {
    width: 100%;
    min-width: 320px;
    height: 100%;
    min-height: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #181818;
    font-family: zillaslab;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

p {
    min-height: 16px;
}

.padding-lr-10 {
    padding: 0 10px;
}
/*==========================================================================
// 1. General - initialization
==========================================================================*/
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
ul.shop-items:before,
ul.shop-items:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
ul.shop-items:after {
    clear: both;
}
/* [ Bootstrap windows phone hack ] */
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
/* body */
html,
body {
    height: 100%;
    width: 100%;
    background: #efefef;
    /*font-family: 'Merriweather';*/
    font-family: 'Raleway';
    color: #575A5C;
}

.text-default,
.text-default:hover {
    color: #575A5C;
}

.text-white {
    color: white;
}

.text-primary {
    color: #85002F;
}

body {
    margin: 0;
    padding: 0;
}

.center {
    margin: 0 auto !important;
}

i {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #575A5C;
}

h1 {
    font-size: 30px;
}

.bg-white {
    background: #fff;
}

.bg-white-03 {
    background-color: rgba(255,255,255,0.3);
}

.color-purple {
    color: #85002F;
}

.page {
    position: relative;
}

/*@media (max-width: 767px) {
    .full-width {
        margin-top: 60px;
    }
}*/

.shop-item h1 {
    font-size: 30px;
    margin-left: 15px;
    margin-top: 0px;
}

h2 {
    font-size: 20px;
    /*font-size: 26px;*/
}

h3 {
    font-size: 18px;
    font-weight: bold;
}

.text-right {
    text-align: right;
}

.margin-t-15 {
    margin-top: 15px;
}

.margin-t-30 {
    margin-top: 30px;
}

a {
    /*color: #85002F;*/
    /*color: #8DC63F;*/
    color: #085eb1;
    text-decoration: none;
}

    a:focus {
        outline: none;
    }

    a:focus-visible {
         outline: thin dotted; 
         outline: 5px auto -webkit-focus-ring-color; 
         outline-offset: -2px; 
    }

    a:hover,
    a:active {
        color: #85002F;
        text-decoration: none;
    }
/* bootstrap carousel */
.carousel-control.left {
    background: none;
}

.carousel-control.right {
    background: none;
}
/* blockquote */
/* container inner */
.container-inner {
    position: relative;
    /*z-index: 20002;*/
    z-index: 100;
}

.col-center {
    float: none;
    margin: 0 auto;
}

.no-link {
    cursor: pointer;
}

@media (min-width: 920px) and (max-width: 991px) {
    #topNavigation .container-inner {
        width: 95%;
    }
}

@media (min-width: 870px) and (max-width: 919px) {
    #topNavigation .container-inner {
        width: 100%;
    }
}

.full-width .container-inner {
    z-index: 100;
}
/* panel */
.panel-default > .panel-heading {
    color: #fff;
    background-color: #85002F;
    border-color: transparent;
    padding-top: 15px;
    padding-bottom: 15px;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-default .panel-title a,
.panel-default .panel-title a:hover {
    text-decoration: none;
    color: #fff;
}

.hvr-icon-forward:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
}

/* label */
.label {
    border-radius: 0;
}

.label-lg {
    font-size: 14px;
    line-height: 20px;
}

.label-danger {
    background: #6c0026;
}

.label-success {
    background: #85002F;
}

label.error {
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    background: #85002F;
    padding: 3px;
    top: 7px;
    right: 15px;
}

.form-control + label.error {
    top: 10px;
    right: 25px;
}
/* breadcrumb */
.breadcrumb-container {
    background-color: #f5f5f5;
    /*margin-top: 130px;*/
}

.breadcrumb a,
.breadcrumb .active {
    color: #777;
    font-size: 12px;
}

.breadcrumb a {
    color: #085eb1;
}

.breadcrumb {
    margin: 0;
    padding: 10px 0 10px 0;
    background: transparent;
    overflow-x: auto;
    white-space: nowrap;
}

/*@media (max-width: 960px) {
    .breadcrumb-container {
        margin-top: 60px;
    }
}*/

/* buttons */
.btn,
.btn:focus,
.btn:active,
.btn:visited,
.btn:hover {
    outline: 0 !important;
    border-radius: 0;
}

.btn-primary,
.btn-transparent,
.btn-white,
.btn-dark {
    border-radius: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    padding: 20px;
}

    .btn-transparent,
    .btn-transparent:focus,
    .btn-transparent.focus {
        background: transparent;
        border-color: #d1d1d1;
        color: #d1d1d1;
    }

        .btn-transparent:hover .btn-transparent:active,
        .btn-transparent.active,
        .open > .dropdown-toggle.btn-transparent {
            background: transparent !important;
            color: #333333 !important;
        }

    .btn-white,
    .btn-white:focus,
    .btn-white.focus {
        background-color: #ffffff;
        color: #333333;
        border: none;
    }

    .btn-transparent:hover {
        color: #333 !important;
    }

    .btn-white:hover,
    .btn-white:active,
    .btn-white.active,
    .open > .dropdown-toggle.btn-white {
        background: #85002F !important;
        color: #fff !important;
        border: none;
    }

    .btn-primary,
    .btn-primary:focus,
    .btn-primary.focus {
        background: #85002F;
        border-color: #85002F;
        color: #ffffff;
        border: none;
    }

        .btn-primary:hover,
        .btn-primary:active,
        .btn-primary.active,
        .open > .dropdown-toggle.btn-primary {
            background: #85002F;
            border: none;
            color: #fff;
        }

            .btn-primary[class*="hvr-"]:hover,
            .btn-primary[class*="hvr-"]:focus,
            .btn-primary[class*="hvr-"].focus,
            .btn-primary[class*="hvr-"]:active,
            .btn-primary[class*="hvr-"].active,
            .open > .dropdown-toggle.btn-primary[class*="hvr-"] {
                color: #fff;
            }

    .btn-transparent.hvr-shutter-out-horizontal:before {
        background: #ffffff;
    }

    .btn-white.hvr-shutter-out-horizontal:before {
        background: #52001d;
    }

    .btn-primary.hvr-shutter-out-horizontal:before {
        background: #52001d !important;
    }

.btn-default {
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #575A5C;
        border-color: #575A5C;
    }

.desktop-search .btn-default:hover,
.desktop-search .btn-default:focus,
.desktop-search .btn-default.focus,
.desktop-search .btn-default:active,
.desktop-search .btn-default.active {
    background: transparent;
    border: none;
    color: #333;
}
/* forms */
input.form-control,
textarea.form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding: 10px;
    height: auto;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    background: rgba(255, 255, 255, 0.1);
    color: #333;
}

select.form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding: 10px;
    height: auto;
    border: none;
    border: 1px solid #d8d8d8;
    background: url('../img/content/select-arrow.png') center right no-repeat;
    background-color: transparent;
    color: #333;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.form-control:focus {
    outline: 0;
    border-color: #d1d1d1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

form .row {
    margin-top: 20px;
}

/*.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #ffffff;
    border-color: #ffffff;
}*/

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus,
.btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: #850c2f;
    border-color: #850c2f;
}
/* isappeared */
*[class$=-ifAppeared] {
    visibility: hidden;
}
/*inputs*/
textarea {
    resize: none;
}

#cookieConsent {
    position: fixed;
    bottom: 0;
    z-index: 20003 !important;
    background-color: #fff;
    width: 100%;
    margin-bottom: 0;
}

    #cookieConsent .navbar-text {
        width: 80%;
        padding: 15px 0 !important;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
    }

        #cookieConsent .navbar-text:nth-child(2) {
            text-align: right;
            padding: 0 !important;
            width: 20%;
        }

        #cookieConsent .navbar-text .btn-info {
            color: #fff;
            background-color: #85002F;
            border-color: #85002F;
        }

@media (max-width: 767px) {
    #cookieConsent .navbar-text {
        width: 100% !important;
    }
}

.iframe-container {
    display: flex;
    justify-content: center;
}

    .iframe-container iframe {
        aspect-ratio: 16 / 9;
        width: 100% !important;
        height: auto;
    }
/*==========================================================================
// 2. Backgrounds
==========================================================================*/
/* footer */
#footer {
    background-image: url('../img/content/img2.jpg');
    background-size: cover;
}
/* parallax */
#counterParallax {
    background: url('../img/content/img15.jpg') repeat-y center center;
}

.sign-up-news-container {
    background: url('../img/content/img21.jpg') center center;
}
/* headers */
.header.default-header .header-img {
    background: url('../img/content/img14.jpg') no-repeat center center;
}

.header.portfolio-header .header-img {
    background: url('../img/content/img15.jpg') no-repeat center center;
}

.header.blog-pinterest-header .header-img {
    background: url('../img/content/img19.jpg') no-repeat center center;
}

.header.blog-timeline-header .header-img {
    background: url('../img/content/img19.jpg') no-repeat center center;
}

.header.shop-header .header-img {
    background: url('../img/content/img14.jpg') no-repeat center center;
    height: 250px;
}
/* coming soon */
#comingSoon {
    background: url('../img/content/img14.jpg') no-repeat center center;
}
/*==========================================================================
// 3. Helpers
==========================================================================*/
/* colors */
.white-color {
    color: #ffffff;
}

.primary-bg {
    background-color: #85002F;
}

.info-bg {
    background-color: #31b0d5;
}

.danger-bg {
    background-color: #d9534f;
}

.warning-bg {
    background-color: #ec971f;
}

.dark-bg {
    background-color: #585858;
}

.light-bg {
    background-color: #F2F2F2;
}

.white-bg {
    background-color: #ffffff;
}

.orange-bg {
    background-color: #ff8a3c;
}

.yellow-bg {
    background-color: #ffd800;
}

.blue-bg {
    background-color: #388bd1;
}

.cian-bg {
    background-color: #a1def8;
}

.green-bg {
    background-color: #7fc242;
}

.violet-bg {
    background-color: #db6ac5;
}

.lightyellow-bg {
    background-color: #fee664;
}

.lightgrey-bg {
    background-color: #cad3d0;
}

.olive-bg {
    background-color: #42bdc2;
}

.red-bg {
    background-color: #e31e26;
}

.magenta-bg {
    background-color: #ec008c;
}

.black-bg {
    background-color: #000000;
}

.gray-bg {
    background-color: #575A5C;
}

.light-gray-bg {
    background-color: #f3f3f3;
}
/* font */
.uppercase {
    text-transform: uppercase;
}
/* headline */
.headline {
    /*border-bottom: 1px solid #f1f1f1;*/
    margin-bottom: 20px;
}

    .headline span {
        border-bottom: 1px solid #000000;
        /*display: table;*/
        margin-bottom: -1px;
    }
/*fonts*/
.extra-bold {
    font-weight: 800 !important;
}

.bold {
    font-weight: 700 !important;
}

.normal {
    font-weight: 500 !important;
}

.light {
    font-weight: 300 !important;
}

.light-bold {
    font-weight: 400 !important;
}
/* zigzag line */
.zigzag {
    height: 20px;
    display: block;
    position: relative;
    border: none;
    margin: 40px auto 40px auto;
}

    .zigzag:before,
    .zigzag:after {
        height: 6px;
        content: '';
        width: 40%;
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        background: url('../img/patterns/zigzag.png') repeat-x;
    }

    .zigzag.light:before,
    .zigzag.light:after {
        background: url('../img/patterns/zigzag-light.png') repeat-x;
    }

    .zigzag:before {
        left: 0;
    }

    .zigzag:after {
        right: 0;
    }

    .zigzag i {
        top: -5px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        position: absolute;
        width: 80px;
        height: 80px;
        left: 50%;
        margin-left: -40px;
        padding: 0 0 0 0;
        text-align: center;
    }

        .zigzag i:before {
            font-size: 30px;
            color: #777777;
        }

    .zigzag.light i:before {
        color: #f1f1f1;
    }

    .zigzag i.flaticon {
        top: -20px;
    }

        .zigzag i.flaticon:before {
            font-size: 40px;
            color: #777777;
        }

hr.zigzag:after {
    display: none;
}

hr.zigzag:before {
    width: 100%;
}
/* overlay */
.overlay:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.overlay-white:after {
    background-color: rgba(255, 255, 255, 0.3);
}

.overlay-black-90:after {
    background-color: rgba(37, 41, 44, 0.9);
}

.overlay-black-80:after {
    background-color: rgba(37, 41, 44, 0.8);
}

.overlay-black-70:after {
    background-color: rgba(37, 41, 44, 0.7);
}

.overlay-black-60:after {
    background-color: rgba(37, 41, 44, 0.6);
}

.overlay-black-50:after {
    background-color: rgba(37, 41, 44, 0.5);
}

.overlay-black-40:after {
    background-color: rgba(37, 41, 44, 0.4);
}

.overlay-black-30:after {
    background-color: rgba(37, 41, 44, 0.3);
}

.overlay-black-20:after {
    background-color: rgba(37, 41, 44, 0.2);
}

.overlay-black-10:after {
    background-color: rgba(37, 41, 44, 0.1);
}

.overlay-black:after {
    background-color: #000000;
}
/* List */
ul.list-check {
    padding: 0;
    margin: 0;
    list-style: none;
}

    ul.list-check li:before {
        content: "\f00c";
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        font-size: 14px;
        display: inline-block;
        margin-right: 10px;
    }

ul.list-services {
    list-style: none;
    padding: 0;
    margin: 0;
}

.icon-circle {
    border-radius: 100%;
    padding: 23px 20px 20px 20px;
    width: 100px;
    height: 100px;
    color: #ffffff;
    text-align: center;
    margin: auto;
    position: relative;
    display: block;
}

.services .icon-circle {
    padding: 0px;
}

    .icon-circle:before {
        font-size: 25px;
        text-align: center;
    }
/*==========================================================================
// 4. Elements
==========================================================================*/
/* popular widget */
.popular-widget h4 {
    padding: 0;
    margin: 0 0 10px 0;
}

.popular-widget p {
    font-size: 12px;
}

.popular-widget h1 {
    font-size: 20px;
    margin: 0 0 10px 0;
}

    .popular-widget h1 a {
        color: #777;
    }

.popular-widget .amount {
    font-size: 11px;
}

.popular-widget .item {
    margin-bottom: 20px;
}

.popular-widget .item {
    margin-bottom: 20px;
}
/* services */
.services-items {
    padding-top: 20px;
}

    .services-items .flaticon::before {
        font-size: 33px;
    }

.services {
    padding: 10px 0 20px 0;
    background: #ffffff;
}

    .services .item {
        margin-bottom: 30px;
    }

        .services .item:hover i {
            transform: rotateY(360deg);
            -webkit-transform: rotateY(360deg);
            -moz-transform: rotateY(360deg);
            -o-transform: rotateY(360deg);
            transition: all 1s ease 0s;
            -webkit-transition: all 1s ease 0s;
            -moz-transition: all 1s ease 0s;
            -o-transition: all 1s ease 0s;
        }

.page-post .img-responsive {
    padding: 10px;
    border: 1px solid #efefef;
    background: #ffffff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
/* mini owl carousel */
.mini-gallery-owl-carousel {
    margin-left: 40px;
    margin-right: 40px;
    width: auto;
    position: relative;
}

    .mini-gallery-owl-carousel .owl-nav {
        top: 50%;
        margin-top: -15px;
        background: transparent;
        width: 100%;
        position: absolute;
        right: auto;
        z-index: 2000;
    }

    .mini-gallery-owl-carousel .owl-prev {
        left: -40px;
        position: absolute;
    }

    .mini-gallery-owl-carousel .owl-controls .owl-nav [class*='owl-']:hover {
        color: #333 !important;
        background: transparent !important;
    }

    .mini-gallery-owl-carousel .owl-next {
        right: -40px;
        position: absolute;
    }

    .mini-gallery-owl-carousel .item .thumb-item img {
        height: 95px;
        width: 95px;
        max-height: 95px;
        object-fit: cover;
        background: #fff;
    }

    .mini-gallery-owl-carousel .item .thumb-item figure {
        max-width: 97px;
        max-height: 97px;
        width: 97px;
        height: 97px;
        border: 1px solid #d8d8d8;
    }

.owl-item .thumb-item img {
    padding: 5px;
}

@media (max-width:767px) {
    .owl-item .thumbnail-container {
        max-width: 150px;
        margin: 5px auto;
    }
}
/* About us */
#aboutUs {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #ffffff;
}
/* Add to favourite */
a.add-to-favourite {
    text-decoration: none;
    color: #333;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.availability,
.additional-details {
    margin: 5px 10px 0 0px;
    float: left;
}

.availability {
    font-size: 13px;
}

a.add-to-favourite i {
    color: #85002F;
}
/* spinner */
.spinner {
    width: 150px;
}

    .spinner input.form-control {
        text-align: right;
        height: auto;
        font-size: 20px;
        line-height: 56px;
        height: 58px;
        width: 80px;
        border: 1px solid #d1d1d1;
        padding: 0 20px 0 0;
        z-index: 1;
    }

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

    .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 8px;
        margin-left: -1px;
        position: relative;
        border-radius: 0;
    }

    .input-group-btn-vertical > .btn {
        width: 30px;
        max-width: none;
        padding: 0;
        height: 30px;
        text-align: center;
    }

        .input-group-btn-vertical > .btn:first-child {
            border-top-right-radius: 4px;
        }

        .input-group-btn-vertical > .btn:last-child {
            margin-top: -2px;
            border-bottom-right-radius: 4px;
        }

    .input-group-btn-vertical i {
        position: relative;
        text-align: center;
        display: block;
    }
/* Comment list */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .comment-list .item {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #eee;
    }

        .comment-list .item:first-child {
            border-top: 0;
        }

    .comment-list .sub-item {
        background: #f5f5f5;
        padding-left: 50px;
    }

    .comment-list .item .comment-list-inner {
        position: relative;
        margin-top: 25px;
    }

    .comment-list .item .comment-name {
        font-weight: 700;
        font-size: 16px;
        /*font-size: 25px;*/
    }

    .comment-list .item .comment-text {
        margin-top: 20px;
    }

    .comment-list .item figure {
        padding: 10px;
    }

        .comment-list .item figure img {
            border: 1px solid #d8d8d8;
            /*padding: 6px;*/
            width: 65px;
            height: 65px;
            margin: 0 auto;
            object-fit: cover;
        }

    .comment-list .item .comment-rate span {
        color: #85002F;
    }

    .comment-list .reply {
        padding-left: 45px;
        margin-top: 15px;
    }

        .comment-list .reply .reply-header {
            font-weight: bold;
        }

.product-review-helpfulness {
    font-size: 21px;
    line-height: 21px;
    margin-top: 5px;
}

    .product-review-helpfulness .vote {
        cursor: pointer;
        color: #228ff9;
        font-size: 18px;
    }

        .product-review-helpfulness .vote:hover {
            color: #85002F;
        }

    .product-review-helpfulness .vote-count {
        font-size: 16px;
        font-weight: 500;
        font-family: sans-serif;
    }

    .product-review-helpfulness .result {
        font-size: 15px;
    }

.product-review-box .rating {
    width: 95px;
    height: 14px;
    background: url(/Themes/SugarFlowers/Content/images/rating1.png) repeat-x;
}

    .product-review-box .rating div {
        height: 14px;
        background: url(/Themes/SugarFlowers/Content/images/rating2.png) repeat-x;
    }

.product-reviews-page {
    padding: 15px;
}

    .product-reviews-page .product-review-image {
        width: 100px;
        height: auto;
        display: inline-block;
        vertical-align: top;
    }

    .product-reviews-page .page-title {
        display: inline-block;
        margin-left: 15px;
    }

        .product-reviews-page .page-title h1 {
            font-size: 20px !important;
        }

    .product-reviews-page .rating-options .fa-star {
        font-size: 30px;
        color: #bababa;
    }

        .product-reviews-page .rating-options .fa-star:hover {
            color: #f2ae54;
        }

        .product-reviews-page .rating-options .fa-star.active {
            color: #f2ae54;
        }

    .product-reviews-page .inputs .gray-text {
        font-size: 13px;
    }

.product-reviews-overview {
    margin-bottom: 15px;
}

    .product-reviews-overview .rating,
    .product-reviews-overview .add-review {
        display: inline-block;
        vertical-align: middle;
    }

    .product-reviews-overview .add-review {
        margin-left: 10px;
    }

.product-reviews-page .inputs label {
    display: inline-block;
    margin-top: 15px;
}

.product-reviews-page .field-validation-error {
    display: block;
}

.product-reviews-page .inputs .review-text {
    width: 100%;
    min-height: 200px;
    border: 1px solid #d8d8d8;
    padding: 10px 15px;
    resize: vertical;
}

.product-reviews-page .inputs .review-title {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #d8d8d8;
    padding: 10px 15px;
}

.product-reviews-page form,
.product-reviews-page .review-additional-information {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-right: 40px !important;
}

.product-reviews-page .review-additional-information {
    margin-top: 40px;
}

    .product-reviews-page .review-additional-information ul {
        margin: 10px 0 15px 0;
    }

        .product-reviews-page .review-additional-information ul li {
            list-style: none;
            margin-bottom: 5px;
        }

            .product-reviews-page .review-additional-information ul li i {
                font-weight: normal;
                font-size: 14px;
            }

                .product-reviews-page .review-additional-information ul li i.text-success {
                    color: #8DC63F;
                }

                .product-reviews-page .review-additional-information ul li i.text-danger {
                    color: red;
                }

.product-reviews-page .review-rating .rating-wrapper {
    margin-top: 5px;
}

    .product-reviews-page .review-rating .rating-wrapper > div {
        display: inline-block;
        vertical-align: middle;
    }

        .product-reviews-page .review-rating .rating-wrapper > div.label {
            color: #575A5C;
            font-size: 14px;
        }

#rvwForm .btn-send {
    margin-top: 30px;
}
/* Post icons */
.post-icons {
    position: absolute;
    top: 10px;
    right: 0;
}

    .post-icons a {
        color: #777777;
        display: inline-block;
        font-family: 'Raleway', sans-serif;
        font-size: 12px;
        background: #f1f1f1;
        padding: 8px;
    }

        .post-icons a.active {
            background: #85002F;
            color: #ffffff;
        }
/* Post links */
.post-links {
    margin-bottom: 14px;
    margin-top: 14px;
}

    .post-links ul.categories-links {
        margin-bottom: 0;
    }

    .post-links ul li {
        display: inline-block;
    }

        .post-links ul li a {
            font-size: 13px;
        }
/* post search */
.post-search {
    margin-top: 10px;
    margin-bottom: 30px;
}

    .post-search input {
        border: 1px solid #d8d8d8;
        padding: 0px 20px 0px 20px;
        font-size: 12px;
        line-height: 32px;
        height: 34px;
    }
/* widget */
.widget .headline {
    margin-top: 50px;
}
/* More button section */
.more-button-section {
    border-top: solid 2px #c4c4c4;
    position: relative;
    height: 25px;
    background: #ffffff;
}

    .more-button-section a.btn.btn-append {
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -22px;
        background: #ffffff;
        color: #888888;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding-top: 5px;
        height: 45px;
        width: 45px;
        font-size: 25px;
        border-top: solid 3px #85002F;
        box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
        transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
    }

        .more-button-section a.btn.btn-append:hover {
            top: -35px;
        }
/* Nouislider styles */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
    direction: ltr;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    position: relative;
    z-index: 1;
}

.noUi-stacking .noUi-handle {
    z-index: 10;
}

.noUi-stacking + .noUi-origin {
    *z-index: -1;
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
    height: 18px;
}

    .noUi-horizontal .noUi-handle {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        left: -17px;
        top: -6px;
    }

.noUi-vertical {
    width: 18px;
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px;
    }

.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0;
}

.noUi-connect {
    background: #85002F;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

    .noUi-target.noUi-connect {
        box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
    }

.noUi-dragable {
    cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled] .noUi-handle {
    cursor: not-allowed;
}

.uiSlider-value {
    padding-top: 20px;
}

.slider-description {
    height: 100%;
    width: 50%;
}

/* shop-header */
.header.shop-header .header-img h1 {
    position: relative;
    top: auto;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    margin-top: 70px;
}

@media (max-width: 767px) {
    .header.shop-header .header-img h1 {
        margin-top: 15px;
    }
}

.header.shop-header .header-img h3 {
    position: relative;
    top: auto;
    text-align: center;
    color: #d1d1d1;
}

.header.shop-header .header-img .btn {
    margin: 0 auto auto auto;
    position: relative !important;
    left: auto;
    top: auto;
}

.header.shop-header .header-img .zigzag {
    width: 550px;
}

@media (max-width: 767px) {
    .header.shop-header .header-img .zigzag {
        width: 250px;
    }
}
/* tags list*/
ul.tags {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.tags li {
        position: relative;
    }

        ul.tags li a {
            display: block;
            float: left;
            background: #ebf5ff;
            line-height: 20px;
            font-size: 11px;
            margin: 0 5px 5px 14px;
            padding: 3px 6px 3px 6px;
            color: #777777;
            text-decoration: none;
            border-radius: 3px;
            position: relative;
            -moz-border-radius-bottomright: 4px;
            -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
        }

    ul.tags a:before {
        content: "";
        float: left;
        position: absolute;
        top: 0;
        left: -12px;
        width: 0;
        height: 0;
        border-color: transparent #ebf5ff transparent transparent;
        border-style: solid;
        border-width: 12px 12px 12px 0;
    }

.tags a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #777777;
    -webkit-box-shadow: -1px -1px 2px #777777;
    box-shadow: -1px -1px 2px #777777;
}

ul.tags li a:hover {
    background: #d8d8d8;
    color: #ffffff;
}

ul.tags a:hover:before {
    border-color: transparent #d8d8d8 transparent transparent;
}
/* tabs */
.nav-tabs {
    border: none;
    margin-bottom: 40px;
    margin-top: 40px;
}

    .nav-tabs a {
        overflow: hidden;
        color: #333333;
        font-family: 'Raleway', sans-serif;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border: none;
        color: #85002F;
    }

    .nav-tabs > li > a {
        margin-right: 0;
        border: 0 solid transparent;
        border-radius: 0;
        font-size: 20px;
    }

        .nav-tabs > li > a:hover {
            border: none;
            background: none;
        }

    .nav-tabs li a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background: #85002F;
        content: '';
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform: translate3d(0, 150%, 0);
        transform: translate3d(0, 150%, 0);
    }

    .nav-tabs > li.active > a::after,
    .nav-tabs > li.active > a:hover::after,
    .nav-tabs > li.active > a:focus::after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
/* tab-panel */
.tabpanel .tab-pane {
    padding-left: 15px;
    padding-right: 15px;
}
/* quick categories */
.quickcategories .nav-tabs {
    border-bottom: none;
    float: left;
    width: 55%;
    font-family: 'Raleway', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    background: #85002F;
}

@media (max-width: 991px) {
    .quickcategories .nav-tabs {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .quickcategories .nav-tabs {
        width: 100%;
    }
}

.quickcategories .nav-tabs li {
    width: 25%;
    text-align: center;
}

.quickcategories .nav-tabs > li > a {
    margin-right: 0;
    border: none;
    border-radius: 0;
    color: #ffffff;
    background: #85002F;
    font-size: 20px;
    height: 150px;
}

    .quickcategories .nav-tabs > li > a:after {
        display: none;
    }

@media (max-width: 991px) {
    .quickcategories .nav-tabs > li > a {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .quickcategories .nav-tabs > li > a {
        height: auto;
    }
}

.quickcategories .nav-tabs > li.active > a,
.quickcategories .nav-tabs > li.active > a:hover,
.quickcategories .nav-tabs > li.active > a:focus {
    background: #9f0038;
    color: #fff;
    cursor: default;
    border: none;
    border-bottom-color: transparent;
}

.quickcategories .tab-pane {
    font-size: 11px;
    padding: 20px 30px 20px 30px;
    height: 150px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .quickcategories .tab-pane {
        height: auto;
        overflow: auto;
    }
}

.quickcategories .nav > li > a:hover,
.quickcategories .nav > li > a:focus {
    background: #9f0038;
}

.quickcategories .nav > li > a i {
    display: block;
}

@media (max-width: 991px) {
    .quickcategories .nav > li > a i {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .quickcategories .nav > li > a i {
        padding-top: 0;
    }
}

.quickcategories .nav > li > a i:before {
    font-size: 60px;
}

@media (max-width: 991px) {
    .quickcategories .nav > li > a i:before {
        font-size: 40px;
    }
}

.quickcategories .tab-content {
    border-bottom: none;
    float: left;
    width: 45%;
    position: relative;
    background: #ffffff;
}

@media (max-width: 991px) {
    .quickcategories .tab-content {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .quickcategories .tab-content {
        width: 100%;
        border-top-right-radius: 0;
    }
}

.quickcategories .tab-content:before {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #85002F;
    top: 44px;
    left: 0;
    content: '';
}

@media (max-width: 767px) {
    .quickcategories .tab-content:before {
        border-width: 18px;
        border-color: #85002F transparent transparent transparent;
        top: 0;
        left: 50%;
    }
}

.quickcategories .tab-content h3 {
    padding: 0;
    margin: 0 0 10px 0;
}
/* pagination */

.pagination {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 20px;
        margin-left: 0;
        color: #777;
        background-color: transparent;
        border: none;
        font-weight: 700;
        font-size: 20px;
    }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus,
        .pagination > li > span.current {
            color: #85002F;
            background-color: transparent;
            border-color: transparent;
        }

.products-items-list .pagination-container {
    margin: 0 0 20px;
}

/* List toolbar */
.list-toolbar {
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}

    .list-toolbar .amount,
    .list-toolbar .sort-by,
    .list-toolbar .page-limiter {
        display: inline-block;
        margin-right: 40px;
    }

    .list-toolbar .sort-by {
        margin-left: 10px;
    }

    .list-toolbar .view-mode {
        float: right;
        margin-bottom: 0;
        line-height: 37px;
    }

        .list-toolbar .view-mode a,
        .list-toolbar .view-mode a:hover {
            background: #ffffff;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #e0e0e0;
            display: inline-block;
        }

            .list-toolbar .view-mode a.active {
                background: #85002F;
                color: #fff;
            }

    .list-toolbar select {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        display: inline-block;
        width: auto;
        border: none;
    }
/* navside menu */
.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

    .nav-side-menu ul > li > a {
        font-size: 15px;
        line-height: 40px;
    }

.nav-side-menu.small ul > li > a {
    font-size: 13px;
    line-height: 40px;
}

.nav-side-menu li a {
    text-decoration: none;
    line-height: 40px;
    display: block;
    position: relative;
    padding-left: 0;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 500;
}

.nav-side-menu li > a {
    border-left: 3px solid transparent;
}

.nav-side-menu ul ul li a {
    font-size: 12px;
    line-height: 40px;
}

.nav-side-menu li a i {
    position: relative;
    padding-left: 0;
    width: 30px;
    text-align: center;
    padding-right: 0;
    left: 5px;
    top: 50%;
    margin-top: -7px;
    display: inline-block;
    /*font-weight: 500 !important;*/
    margin-right: 10px;
}

    .nav-side-menu li a i:before {
        display: block;
    }

.nav-side-menu ul li.active > a .arrow:before,
.nav-side-menu.active > h3 > .arrow:before {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before,
.nav-side-menu .headline .arrow:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
    font-size: 15px;
    font-weight: bold;
}

.nav-side-menu .sub-menu li a,
.nav-side-menu .sub-menu li a {
    padding-left: 20px;
}

.nav-side-menu .sub-menu ul li a,
.nav-side-menu .sub-menu ul li a {
    padding-left: 35px;
}

.nav-side-menu ul .sub-menu li a:before,
.nav-side-menu li .sub-menu li a:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    font-weight: bold;
}

.nav-side-menu li.active > a {
    border-left: 3px solid #85002F;
    background: #fafafa;
}

.nav-side-menu ul .sub-menu li a:hover,
.nav-side-menu li .sub-menu li a:hover {
    background-color: #fafafa;
}

.nav-side-menu li a {
    background-color: #ffffff;
    color: #2f2f2f !important;
}

    .nav-side-menu li a:hover {
        color: #777777 !important;
        background: #fafafa;
    }
/* Contact Form */
#contactForm {
    background: #ffffff;
    /*padding-bottom: 40px;*/
}
/* Countdown */
.countdown-wrapper {
    width: 100%;
    overflow: hidden;
    margin: auto;
    margin-top: 30px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .countdown-wrapper {
        width: 100%;
    }
}

.countdown-rtl {
    direction: rtl;
}

.countdown-holding span {
    color: #888;
}

.countdown-row {
    clear: both;
    width: 100%;
    text-align: center;
}

.countdown-show1 .countdown-section {
    width: 93%;
}

.countdown-show2 .countdown-section {
    width: 35%;
}

.countdown-show3 .countdown-section {
    width: 30%;
}

.countdown-show4 .countdown-section {
    width: 20%;
}

.countdown-show5 .countdown-section {
    width: 15%;
}

.countdown-show6 .countdown-section {
    width: 12%;
}

.countdown-show7 .countdown-section {
    width: 10%;
}

.countdown-section {
    display: inline-block;
    font-size: 75%;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    padding: 20px 0 10px 0;
    margin: 2px;
    border-radius: 10px;
}

.countdown-amount {
    font-size: 400%;
}

@media (max-width: 767px) {
    .countdown-amount {
        font-size: 200%;
    }
}

.countdown-period {
    display: block;
}

.countdown-descr {
    display: block;
    width: 100%;
}
/* Cover */
.cover {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .cover .container-inner {
        vertical-align: middle;
        display: table-cell;
    }
/* desktop search */
#desktopSearch {
    background: #ffffff;
    z-index: 9000;
    position: absolute;
    width: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100%;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    overflow: hidden;
    max-width: 59%;
    margin-left: 330px;
}

    #desktopSearch.active {
        overflow: visible;
    }

@media (max-width: 767px) {
    #desktopSearch {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    #top-menu.navbar-nav > li > a, #topIcons.navbar-nav > li > a {
        padding: 15px 10px;
    }
}

#desktopSearch.active {
    top: 0;
    left: 0;
    bottom: 0;
    max-width: 60%;
    margin-left: 330px;
}

#desktopSearch .input-group {
    top: 50%;
    margin-top: 0;
    position: absolute;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

#desktopSearch.active .input-group {
    margin-top: -15px;
}

#desktopSearch input {
    height: 30px;
    padding: 0;
    margin: 0;
    background: #ffffff;
    color: #333333;
    font-family: 'Raleway', sans-serif;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    width: 90% !important;
}

#desktopSearch .btn,
#desktopSearch .btn:hover,
#desktopSearch .btn:focus,
#desktopSearch .active {
    height: 30px;
    padding: 0 20px 0 20px;
    margin: 0;
    border: none;
    background: transparent;
    font-size: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* mobile search */
.mobile-search {
    margin: 10px 0;
}

    .mobile-search input {
        padding: 10px;
        background: #d8d8d8;
        border: none;
        color: #333;
        font-family: 'Raleway', sans-serif;
    }

    .mobile-search .btn,
    .mobile-search .btn:active,
    .mobile-search .btn:focus {
        padding: 10px 15px 10px 15px;
        color: #ffffff;
    }

.search-page .page-title {
    margin-bottom: 20px;
}

.search-page .basic-search .inputs.reversed {
    margin: 10px 0;
}

.search-page .search-categories .inputs {
    width: 50%;
    display: inline-block;
    padding: 5px 15px;
    vertical-align: bottom;
}

    .search-page .basic-search .inputs.reversed,
    .search-page .search-categories .inputs.reversed {
        border-left: 1px solid #d8d8d8;
    }

.search-page .search-blocks .inputs {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
}

.search-page .search-blocks .search-price-input {
    width: 50%;
    display: inline-block;
    padding: 0 15px 0 0;
}

.search-page .buttons {
    padding: 0 15px;
}

.search-page .inputs input {
    border: 1px solid #d8d8d8;
}

.search-page .basic-search .inputs {
    display: inline-block;
    width: 50%;
    padding: 15px;
}

.search-page .item-box {
    width: 25%;
}

@media (min-width: 768px) and (max-width: 1000px) {
    #desktopSearch input {
        width: 83% !important;
    }
}

@media (max-width: 768px) {
    .search-page .item-box {
        width: 50%;
        display: inline-block;
    }
}

/* contact list */
ul.contacts {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    font-family: 'Raleway', sans-serif;
}

    ul.contacts li {
        margin-bottom: 14px;
        position: relative;
        padding-left: 35px;
    }

#footer ul.contacts li a {
    color: #ffffff;
}

#footer ul.contacts li .clock {
    color: #85002F;
}

#footer ul.contacts li a:hover {
    color: #85002F;
}

ul.contacts li i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #d1d1d1;
    border-radius: 100%;
    color: #333333;
    margin-right: 10px;
    position: absolute;
    top: -2px;
    left: 0;
}
/* Contact form */
#contactForm ul.contacts li i {
    background: #333;
    color: #fff;
    font-size: 11px;
}

#contactForm h1 {
    margin-bottom: 30px;
}

#contactForm .btn {
    margin-top: 30px;
}

#contactForm .message {
    display: none;
    margin-top: 20px;
}
/* figure Hubba effect */
.figure-circle {
    border-radius: 100%;
}

    .figure-circle .img-responsive {
        padding: 0;
    }

.figure-hubba {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border: solid 6px #eee;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

    .figure-hubba .overlay {
        border-radius: 100%;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }

        .figure-hubba .overlay:after {
            opacity: 0;
            filter: alpha(opacity=0);
        }

    .figure-hubba:hover .overlay:after {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .figure-hubba .figcaption {
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        transition: all 0.3s ease-out;
        z-index: 2100;
        text-align: center;
        display: block;
        width: 100%;
        top: 50%;
        height: auto;
        margin: 0 auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #ffffff;
    }

    .figure-hubba:hover .figcaption {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .figure-hubba .figcaption a.icon {
        color: #ffffff;
    }
/* datepicker */
.datepicker-dark {
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #575A5C;
    margin-top: 18px;
    padding-bottom: 20px;
}

    .datepicker-dark .ui-datepicker-inline {
        background: transparent;
    }

    .datepicker-dark .ui-datepicker-calendar {
        width: 100%;
    }

        .datepicker-dark .ui-datepicker-calendar th {
            color: #ffffff;
            text-align: center;
        }

    .datepicker-dark .ui-datepicker-title {
        text-align: center;
        color: #d1d1d1;
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 27px;
    }

@media (max-width: 767px) {
    .datepicker-dark .ui-datepicker-title {
        margin-top: 20px;
    }
}

.datepicker-dark .ui-datepicker-calendar a {
    color: #d1d1d1;
    text-decoration: none;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    padding: 5px;
    display: block;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 767px) {
    .datepicker-dark .ui-datepicker-calendar a {
        padding: 5px;
    }
}

.datepicker-dark .ui-datepicker-prev,
.datepicker-dark .ui-datepicker-next {
    color: #ffffff;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

    .datepicker-dark .ui-datepicker-prev:hover,
    .datepicker-dark .ui-datepicker-next:hover {
        color: #d1d1d1;
        background: #85002F;
    }

    .datepicker-dark .ui-datepicker-prev span,
    .datepicker-dark .ui-datepicker-next span {
        display: none;
    }

.datepicker-dark .ui-datepicker-prev {
    left: 30px;
}

.datepicker-dark .ui-datepicker-next {
    right: 30px;
}

    .datepicker-dark .ui-datepicker-prev:before,
    .datepicker-dark .ui-datepicker-next:before {
        display: block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        font-size: 25px;
        color: #d1d1d1;
        position: relative;
        top: 2px;
        left: 1px;
    }

.datepicker-dark .ui-datepicker-prev:before {
    content: "\f104";
}

.datepicker-dark .ui-datepicker-next:before {
    content: "\f105";
}

.datepicker-dark a.ui-state-active,
.datepicker-dark a:hover {
    background: #EFEFEF;
    color: #25292C;
}
/* datepicker-light */
.datepicker-light .ui-datepicker-inline {
    background: transparent;
}

.datepicker-light .ui-datepicker-calendar {
    width: 100%;
}

    .datepicker-light .ui-datepicker-calendar th {
        color: #333;
        text-align: center;
    }

.datepicker-light .ui-datepicker-title {
    text-align: center;
    color: #777;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 60px;
}

@media (max-width: 767px) {
    .datepicker-light .ui-datepicker-title {
        margin-top: 20px;
    }
}

.datepicker-light .ui-datepicker-calendar a {
    color: #777;
    text-decoration: none;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    padding: 10px;
    display: block;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 767px) {
    .datepicker-light .ui-datepicker-calendar a {
        padding: 5px;
    }
}

.datepicker-light .ui-datepicker-prev,
.datepicker-light .ui-datepicker-next {
    color: #333;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

    .datepicker-light .ui-datepicker-prev:hover,
    .datepicker-light .ui-datepicker-next:hover {
        color: #d1d1d1;
        background: transparent;
    }

    .datepicker-light .ui-datepicker-prev span,
    .datepicker-light .ui-datepicker-next span {
        display: none;
    }

.datepicker-light .ui-datepicker-prev {
    left: 30px;
}

.datepicker-light .ui-datepicker-next {
    right: 30px;
}

    .datepicker-light .ui-datepicker-prev:before,
    .datepicker-light .ui-datepicker-next:before {
        display: block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        font-size: 25px;
        color: #d1d1d1;
        position: relative;
        top: 0;
        left: 0;
    }

.datepicker-light .ui-datepicker-prev:before {
    font-family: "Font Awesome 5 Free";
    content: "\f104";
}

.datepicker-light .ui-datepicker-next:before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
}

.datepicker-light a.ui-state-active,
.datepicker-light a:hover {
    background: #777;
    color: #fff;
}
/* owl buttons */
.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
    color: #ffffff;
    background: #85002F;
}

.owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
}

.owl-theme .owl-controls .owl-nav [class*='owl-'] {
    color: #000000;
    background: rgba(255, 255, 255, 0.5);
    filter: alpha(opacity=80);
    opacity: 0.8;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    margin: 0 0 0 3px;
    float: left;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid black;
}

.owl-controls .owl-nav .owl-prev:before,
.owl-controls .owl-nav .owl-next:before {
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    position: relative;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.owl-controls .owl-nav .owl-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f104";
}

.owl-controls .owl-nav .owl-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f105";
}

/*.owl-stage {
    margin: 0 auto;
}*/
/* Flip card */
.card {
    position: relative;
    height: 230px;
}
/* card fronts and backs */
.card__front,
.card__back {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    background-size: cover !important;
    margin: 15px;
}

    .card__front .content,
    .card__back .content {
        padding: 20px 15px 15px 15px;
    }

.card__back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.card__front .flaticon:before {
    font-size: 60px;
    line-height: 60px;
}
/* hover effect */
.card.effect__hover:hover .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.card.effect__hover:hover .card__back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* Colors bar */
.colors-bar {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .colors-bar li {
        display: inline-block;
        border: solid 1px #b1b1b1;
        padding: 3px;
        margin: 3px;
    }

        .colors-bar li.active,
        .colors-bar li:hover {
            border: dashed 1px #777777;
        }

        .colors-bar li a {
            text-decoration: none;
            display: block;
            width: 25px;
            height: 25px;
            text-indent: -9999px;
            opacity: .6;
        }

        .colors-bar li.active a {
            opacity: 1;
        }

.attribute-square-container .attribute-square {
    text-decoration: none;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    opacity: .6;
    position: relative;
    vertical-align: bottom;
}

.attribute-squares .attribute-square-container {
    display: inline-block;
    border: solid 1px #b1b1b1;
    padding: 3px;
    margin: 3px;
}

.attribute-squares li:hover .tooltip-container {
    visibility: visible;
    margin-left: -83px;
    margin-top: 5px;
    z-index: 999;
    box-shadow: 2px 3px 10px -2px rgba(0,0,0,.4);
}

.tooltip-container {
    position: absolute;
    width: 200px;
    color: #000;
    background: #fff;
    /*border: 1px solid #eee;*/
    text-align: center;
    visibility: hidden;
    border-radius: 5px;
}

    .tooltip-container .tooltip-body img {
        width: 100%;
        padding: 5px 0 0;
    }

.attribute-spec .image-squares li,
.attribute-spec .color-squares li {
    display: inline-block;
    margin-right: 15px;
}

    .attribute-spec .image-squares li.selected-value .attribute-square-container,
    .attribute-spec .color-squares li.selected-value .attribute-square-container {
        border: 1px solid #ef2809;
    }

.attribute-spec .option-list.image-squares input,
.attribute-spec .color-squares input {
    display: none;
}

.giftcard .giftcard-input-container {
    display: inline-block;
    width: 50%;
    padding: 15px;
}

.giftcard .giftcard-message-container {
    padding: 15px;
}

.filter-title {
    margin: 0 0 10px;
    background-color: #f6f6f6;
    padding: 10px;
    font-size: 17px;
    color: #444;
}

.product-filters {
    display: table;
    width: 100%;
    margin: 0px 0 20px;
    padding-bottom: 10px;
    /*border-bottom: 1px solid #ddd;*/
}

.product-filter {
    margin: 0 0 10px;
}

    .product-filter.price-range-filter {
        width: 220px;
    }

@media (max-width: 767px) {
    .product-filters {
        margin: 0px 0 20px;
    }
}

@media (min-width: 481px) {
    .product-filter {
        display: table-cell;
        vertical-align: top;
        text-align: left;
    }
}

.product-filter .available-items .filter-category-container {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
}

/*.product-filter.price-range-filter {
    width: 30%;
  }

  .product-filter.product-spec-filter {
    width: 70%;
  }*/

.product-spec-group {
    list-style: none;
    padding-left: 0px
}

.products-items-list .item-grid {
    margin-top: 20px;
}

.sub-category-grid .item-box {
    width: 33%;
    display: inline-block;
    padding: 0 3px;
    vertical-align: top;
}

.products-items-list .product-grid {
    background: #efefef;
}

.products-items-list .product {
    width: 24.6%;
    padding: 5px;
    margin: 5px 0;
}
/*
.items-1,
.items-2,
.items-3,
.items-4,
.items-5,
.items-6 {
    display: inline-block;
}

.items-1,
.items-2,
.items-3,
.items-4 {
    width: 25%;
    padding: 10px 3px;
}

.items-5 {
    width: 20%;
    max-width: 20%;
    padding: 3px;
}

.items-6 {
    width: 16.66%;
    max-width: 16.66%;
    padding: 3px;
}*/

.item-grid {
    margin: 0 auto;
}

.owl-nav .owl-prev {
    position: absolute;
    left: -50px;
}

.owl-nav .owl-next {
    position: absolute;
    right: -50px;
}

.owl-controls .owl-nav {
    height: 50px;
    position: absolute;
    top: 50%;
    width: 100%;
}


@media (min-width: 768px) and (max-width: 919px) {
    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        position: absolute;
        background: rgba(241,235,237,0.66) !important;
    }

        .owl-nav .owl-prev:hover,
        .owl-nav .owl-next:hover {
            color: #000 !important;
        }

    .owl-nav .owl-prev {
        left: -25px;
    }

    .owl-nav .owl-next {
        right: -25px;
    }
}

@media (max-width: 767px) {
    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        position: absolute;
        background: rgba(241,235,237,0.66) !important;
    }

        .owl-nav .owl-prev:hover,
        .owl-nav .owl-next:hover {
            color: #000 !important;
        }

    .owl-nav .owl-prev {
        left: 0px;
    }

    .owl-nav .owl-next {
        right: 0px;
    }

    .owl-controls .owl-nav {
        height: 0px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}


/*.related-products-grid .items-5 .product .container-inner {*/
/*.items-5 .product .container-inner {
  min-height: 420px;
}*/

/*.related-products-grid .items-6 .product .container-inner {*/
/*.items-6 .product .container-inner {
  min-height: 380px;
}*/

/*.items-4 .product-name {
  width: 240px;
}

.items-5 .product-name {
  width: 180px;
}

.items-6 .product-name {
  width: 140px;
}*/

/*.related-products-grid .product .container-inner,
  .also-purchased-products-grid .product .container-inner {*/
.product .container-inner {
    min-height: 360px;
}

/*.related-products-grid .product-detail .product-name,
.also-purchased-products-grid .product-detail .product-name {*/
.product-detail .product-name {
    height: 40px;
    /*width: 250px;*/
    text-overflow: ellipsis;
    font-size: 14px;
}

/*.related-products-grid .product .image-container,
.also-purchased-products-grid .product .image-container {*/
.product .image-container {
    width: 170px;
    margin: 0 auto;
}

.product-grid .item-grid .item .image-container figure img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

/*.related-products-grid .product .favorite,
.also-purchased-products-grid .product .favorite {*/
.product .favorite {
    right: 70px !important;
}

.already-filtered-container {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

    .already-filtered-container ul {
        padding-left: 15px;
        margin-bottom: 0px;
    }

        .already-filtered-container ul li {
            list-style: none;
        }

.product-tags-box {
    margin-bottom: 20px;
}

.product-essential .discontinued-product h4 {
    color: #ef2809;
}

.price-range-filter .already-filtered-container .item {
    margin-left: 15px;
}

.already-filtered-container .remove-filter {
    margin-left: 15px;
    font-weight: bold;
    color: #ef2809;
}

    .already-filtered-container .remove-filter a {
        color: #ef2809;
    }

.price-range-filter ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 15px;
}

.home-page-category-grid .title, .sub-category-grid .title {
    margin-top: 10px;
}

.product-name {
    /*margin-left: 5px;*/
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    /*max-height: 60px;*/
    overflow: hidden;
}

.stock-label {
    background-color: #0ea50e;
    padding: 3px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

.home-page-category-grid .item-box {
    width: 33.3%;
}

@media (max-width: 768px) {
    .home-page-category-grid .item-box {
        width: 100%;
        display: inline-block;
        padding: 5px;
    }

    .product-name {
        margin-top: 15px;
    }
}

.home-page-category-grid .title, .sub-category-grid .title {
    text-align: center;
    /*font-size: 22px;*/
    font-weight: normal;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.item-box .picture {
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
    margin: 0 0 20px;
}

@media (min-width: 769px) {
    .item-box:nth-child(3n+1) {
        clear: both;
    }
}

@media (min-width: 769px) {
    .item-box {
        /*margin: 0 3px 0px;*/
        padding: 0 3px;
        display: inline-block;
    }
}

.home-page-category-grid .picture, .sub-category-grid .picture {
    margin: 0;
}

.item-box .picture a {
    display: block;
    position: relative;
}

    .item-box .picture a img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transform: translateZ(0) scale(1,1);
    }

.products-items-list .category-grid .item-box .picture a img {
    width: 273px;
    height: 273px;
    object-fit: cover;
}

.home-page-category-grid .item-box .picture img {
    max-height: 200px;
    width: 100%;
    object-fit: cover;
}

/* page loader */
.page-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 99999;
}

.loading {
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    margin: 0;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    margin-top: -30px;
    margin-left: -22px;
}

.loading-spin {
    border: 2px solid #eeeeee;
    font-size: 40px;
    width: 1em;
    height: 1em;
    border-radius: .5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top-color: #000000;
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*==========================================================================
// 5. Flaticons
==========================================================================*/
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.eot");
    src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.ttf") format("truetype"), url("../fonts/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Flaticon2";
    src: url("../fonts/flaticon2.eot");
    src: url("../fonts/flaticon2.eot#iefix") format("embedded-opentype"), url("../fonts/flaticon2.woff") format("woff"), url("../fonts/flaticon2.ttf") format("truetype"), url("../fonts/flaticon2.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v296/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
}

.topic-page .material-icons {
    width: 30px !important;
    text-align: center;
    font-size: 20px;
}

.topic-page .material-symbols-outlined {
    margin: 0 4px;
    font-size: 23px;
    vertical-align: middle;
}



[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 0;
}

[class^="flaticon2-"]:before,
[class*=" flaticon2-"]:before,
[class^="flaticon2-"]:after,
[class*=" flaticon2-"]:after {
    font-family: Flaticon2;
    font-size: 20px;
    font-style: normal;
    margin-left: 0;
}

.flaticon2-patent:before {
    content: "\f100";
}

.flaticon2-draw:before {
    content: "\f101";
}

.flaticon2-news:before {
    content: "\f102";
}

.flaticon2-supermarket:before {
    content: "\f103";
}

.flaticon2-rose:before {
    content: "\f104";
}

.flaticon2-flower:before {
    content: "\f105";
}

.flaticon2-flower-1:before {
    content: "\f106";
}

.flaticon2-flower-2:before {
    content: "\f107";
}

.flaticon2-flower-3:before {
    content: "\f108";
}

.flaticon2-plant:before {
    content: "\f109";
}

.flaticon2-bouquet:before {
    content: "\f10a";
}

.flaticon2-flower-4:before {
    content: "\f10b";
}

.flaticon2-flower-5:before {
    content: "\f10c";
}

.flaticon2-flower-6:before {
    content: "\f10d";
}

.flaticon2-vase:before {
    content: "\f10e";
}

.flaticon2-sports-and-competition:before {
    content: "\f10f";
}

.flaticon2-home-decoration:before {
    content: "\f110";
}

.flaticon2-ribbon:before {
    content: "\f111";
}

.flaticon2-flower-7:before {
    content: "\f112";
}

.flaticon2-flower-8:before {
    content: "\f113";
}

.flaticon2-wellness:before {
    content: "\f114";
}

.flaticon2-spa:before {
    content: "\f115";
}

.flaticon2-birthday-and-party:before {
    content: "\f116";
}

.flaticon2-flower-9:before {
    content: "\f117";
}

.flaticon2-flower-10:before {
    content: "\f118";
}

.flaticon2-botanical:before {
    content: "\f119";
}

.flaticon2-lotus:before {
    content: "\f11a";
}

.flaticon2-flower-11:before {
    content: "\f11b";
}

.flaticon2-flower-12:before {
    content: "\f11c";
}

.flaticon2-flower-13:before {
    content: "\f11d";
}

.flaticon2-mindfulness:before {
    content: "\f11e";
}

.flaticon2-flower-14:before {
    content: "\f11f";
}

.flaticon2-ui:before {
    content: "\f120";
}

.flaticon2-flowering:before {
    content: "\f121";
}

.flaticon2-daffodil:before {
    content: "\f122";
}

.flaticon2-flower-15:before {
    content: "\f123";
}

.flaticon2-flower-16:before {
    content: "\f124";
}

.flaticon2-flower-17:before {
    content: "\f125";
}

.flaticon2-flower-18:before {
    content: "\f126";
}

.flaticon2-rose-1:before {
    content: "\f127";
}

.flaticon2-rose-2:before {
    content: "\f128";
}

.flaticon2-flower-19:before {
    content: "\f129";
}

.flaticon2-tulip:before {
    content: "\f12a";
}

.flaticon2-flower-20:before {
    content: "\f12b";
}

.flaticon2-flower-21:before {
    content: "\f12c";
}

.flaticon2-botanical-1:before {
    content: "\f12d";
}

.flaticon2-flower-22:before {
    content: "\f12e";
}

.flaticon2-flower-23:before {
    content: "\f12f";
}

.flaticon2-flower-24:before {
    content: "\f130";
}

.flaticon2-clover:before {
    content: "\f131";
}

.flaticon-151:before {
    content: "\e000";
}

.flaticon-301:before {
    content: "\e001";
}

.flaticon-452:before {
    content: "\e002";
}

.flaticon-apple54:before {
    content: "\e003";
}

.flaticon-apple55:before {
    content: "\e004";
}

.flaticon-baby146:before {
    content: "\e005";
}

.flaticon-baguette1:before {
    content: "\e006";
}

.flaticon-bananas1:before {
    content: "\e007";
}

.flaticon-birthday10:before {
    content: "\e008";
}

.flaticon-birthday20:before {
    content: "\e009";
}

.flaticon-bowl8:before {
    content: "\e00a";
}

.flaticon-bread14:before {
    content: "\e00b";
}

.flaticon-bread4:before {
    content: "\e00c";
}

.flaticon-breakfast:before {
    content: "\e00d";
}

.flaticon-broccoli:before {
    content: "\e00e";
}

.flaticon-burger1:before {
    content: "\e00f";
}

.flaticon-burger11:before {
    content: "\e010";
}

.flaticon-burger8:before {
    content: "\e011";
}

.flaticon-cafe:before {
    content: "\e012";
}

.flaticon-cake23:before {
    content: "\e013";
}

.flaticon-carrot3:before {
    content: "\e014";
}

.flaticon-carrot5:before {
    content: "\e015";
}

.flaticon-carrot8:before {
    content: "\e016";
}

.flaticon-cheese14:before {
    content: "\e017";
}

.flaticon-cheese2:before {
    content: "\e018";
}

.flaticon-cherries:before {
    content: "\e019";
}

.flaticon-chicken13:before {
    content: "\e01a";
}

.flaticon-chicken4:before {
    content: "\e01b";
}

.flaticon-chicken7:before {
    content: "\e01c";
}

.flaticon-chili2:before {
    content: "\e01d";
}

.flaticon-chilis:before {
    content: "\e01e";
}

.flaticon-christmas150:before {
    content: "\e01f";
}

.flaticon-christmas161:before {
    content: "\e020";
}

.flaticon-christmas237:before {
    content: "\e021";
}

.flaticon-cocktail32:before {
    content: "\e022";
}

.flaticon-cocktail6:before {
    content: "\e023";
}

.flaticon-cocktail7:before {
    content: "\e024";
}

.flaticon-coffee128:before {
    content: "\e025";
}

.flaticon-coffee21:before {
    content: "\e026";
}

.flaticon-coffee26:before {
    content: "\e027";
}

.flaticon-coffee34:before {
    content: "\e028";
}

.flaticon-coffee37:before {
    content: "\e029";
}

.flaticon-coffee50:before {
    content: "\e02a";
}

.flaticon-cook4:before {
    content: "\e02b";
}

.flaticon-cooking15:before {
    content: "\e02c";
}

.flaticon-corn3:before {
    content: "\e02d";
}

.flaticon-covered16:before {
    content: "\e02e";
}

.flaticon-cupcake3:before {
    content: "\e02f";
}

.flaticon-cupcake4:before {
    content: "\e030";
}

.flaticon-cutlery22:before {
    content: "\e031";
}

.flaticon-cutlery23:before {
    content: "\e032";
}

.flaticon-cutlery6:before {
    content: "\e033";
}

.flaticon-dessert4:before {
    content: "\e034";
}

.flaticon-donut4:before {
    content: "\e035";
}

.flaticon-double15:before {
    content: "\e036";
}

.flaticon-drink24:before {
    content: "\e037";
}

.flaticon-drink70:before {
    content: "\e038";
}

.flaticon-drink81:before {
    content: "\e039";
}

.flaticon-drink90:before {
    content: "\e03a";
}

.flaticon-eggplant1:before {
    content: "\e03b";
}

.flaticon-fastfood:before {
    content: "\e03c";
}

.flaticon-fish52:before {
    content: "\e03d";
}

.flaticon-food12:before {
    content: "\e03e";
}

.flaticon-food20:before {
    content: "\e03f";
}

.flaticon-food53:before {
    content: "\e040";
}

.flaticon-food6:before {
    content: "\e041";
}

.flaticon-fruit42:before {
    content: "\e042";
}

.flaticon-gingerbread3:before {
    content: "\e043";
}

.flaticon-glass15:before {
    content: "\e044";
}

.flaticon-glass35:before {
    content: "\e045";
}

.flaticon-glass4:before {
    content: "\e046";
}

.flaticon-grapes1:before {
    content: "\e047";
}

.flaticon-halloween252:before {
    content: "\e048";
}

.flaticon-hamburger11:before {
    content: "\e049";
}

.flaticon-hamburger5:before {
    content: "\e04a";
}

.flaticon-hamburger8:before {
    content: "\e04b";
}

.flaticon-healthyfood4:before {
    content: "\e04c";
}

.flaticon-healthyfood5:before {
    content: "\e04d";
}

.flaticon-heart340:before {
    content: "\e04e";
}

.flaticon-holidays3:before {
    content: "\e04f";
}

.flaticon-hot36:before {
    content: "\e050";
}

.flaticon-hot51:before {
    content: "\e051";
}

.flaticon-hot56:before {
    content: "\e052";
}

.flaticon-ice18:before {
    content: "\e053";
}

.flaticon-ice53:before {
    content: "\e054";
}

.flaticon-italianfood:before {
    content: "\e055";
}

.flaticon-italian1:before {
    content: "\e056";
}

.flaticon-lemon10:before {
    content: "\e057";
}

.flaticon-lollipop3:before {
    content: "\e058";
}

.flaticon-lunch4:before {
    content: "\e059";
}

.flaticon-meat2:before {
    content: "\e05a";
}

.flaticon-muffin1:before {
    content: "\e05b";
}

.flaticon-mushroom9:before {
    content: "\e05c";
}

.flaticon-olive1:before {
    content: "\e05d";
}

.flaticon-packed:before {
    content: "\e05e";
}

.flaticon-party1:before {
    content: "\e05f";
}

.flaticon-pizza3:before {
    content: "\e060";
}

.flaticon-plate7:before {
    content: "\e061";
}

.flaticon-popcorn1:before {
    content: "\e062";
}

.flaticon-restaurant51:before {
    content: "\e063";
}

.flaticon-sandwich:before {
    content: "\e064";
}

.flaticon-snacks:before {
    content: "\e065";
}

.flaticon-soup12:before {
    content: "\e066";
}

.flaticon-sprig2:before {
    content: "\e067";
}

.flaticon-steak:before {
    content: "\e068";
}

.flaticon-sweet9:before {
    content: "\e069";
}

.flaticon-taco:before {
    content: "\e06a";
}

.flaticon-tea24:before {
    content: "\e06b";
}

.flaticon-thigh:before {
    content: "\e06c";
}

.flaticon-tray22:before {
    content: "\e06d";
}

.flaticon-turkey7:before {
    content: "\e06e";
}

.flaticon-turkey9:before {
    content: "\e06f";
}

.flaticon-wedding11:before {
    content: "\e070";
}

.flaticon-wine47:before {
    content: "\e071";
}

.flaticon-wine65:before {
    content: "\e072";
}

.flaticon-circle {
    border-radius: 100%;
    display: inline-block;
    width: 78px;
    height: 78px;
    line-height: 78px;
    margin-right: 10px;
    padding: 5px;
}

    .flaticon-circle:before {
        margin: auto;
        text-align: center;
        border-radius: 100%;
        display: block;
        font-size: 32px;
        width: 61px;
        height: 61px;
        line-height: 61px;
    }

    .flaticon-circle.flaticon-light {
        border: solid 3px #efefef;
    }

        .flaticon-circle.flaticon-light:before {
            background: #efefef;
            color: #555555;
        }

    .flaticon-circle.flaticon-dark {
        border: solid 3px #ededed;
    }

        .flaticon-circle.flaticon-dark:before {
            background: rgba(0, 0, 0, 0.6);
            color: #fff;
        }
/*==========================================================================
// 6. Social bar
==========================================================================*/
.socialbar {
    z-index: 20004;
    width: 41px;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 200px;
}

    .socialbar.right {
        right: 0;
        text-align: right;
    }

.socialbar-fixed {
    position: fixed;
}

.socialbar-absolute {
    position: absolute;
}

.socialbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.socialbar li {
    margin: 3px 0 3px 0;
    padding: 0;
    height: 41px;
    width: 41px;
    position: relative;
}

.socialbar-small li {
    margin: 3px 0 3px 0;
    padding: 0;
    height: 20px;
    width: 20px;
    position: relative;
}

.socialbar.socialbar-inner ul li {
    display: inline-block !important;
}

.socialbar.socialbar-inner {
    width: auto !important;
}

.socialbar a.socicon {
    height: 41px;
    width: 41px;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    color: #ffffff;
    text-align: center;
    padding-top: 15px;
}

.socialbar-small a.socicon {
    height: 20px;
    width: 20px;
    padding: 4px 0 0 0;
}

.socialbar.light a.socicon:hover,
.socialbar.dark a.socicon:hover {
    color: #ffffff;
}

.socialbar.left a.socicon {
    margin-left: -10px;
}

    .socialbar.left a.socicon:hover {
        margin-left: -3px;
    }

.socialbar.right a.socicon {
    margin-left: 10px;
}

    .socialbar.right a.socicon:hover {
        margin-left: 3px;
    }

.socialbar a:before {
    font-family: 'socicon';
    text-decoration: none;
    font-size: 17px;
}

.socialbar-small a:before {
    font-size: 13px;
}

.socialbar-radius a {
    border-radius: 0;
}

.socialbar-shadow a {
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}

.socialbar-opacity a {
    opacity: 0.4;
}

    .socialbar-opacity a:hover {
        opacity: 1;
    }

.socialbar-spacer a {
    height: 42px;
    margin-bottom: 1px;
}
/* Dark */
.socialbar.dark a.socicon {
    background: #333;
    color: #FFF;
}
/* white */
.socialbar.light a.socicon {
    background: #f1f1f1;
    color: #777777;
}
/* color */
.socialbar.colorizesocial a.socicon {
    color: #ffffff;
}

@media (max-width: 1100px) {
    .socialbar.right {
        display: none;
    }
}

.find-us-on {
    width: 120px !important;
    color: white;
    position: absolute !important;
    right: 0;
    top: -43px;
    text-align: center;
    font-size: 12px;
    background-color: #85002F;
    padding: 12px 0 !important;
}
/*icons*/
a.socicon-facebook:hover,
.colorizesocial a.socicon-facebook {
    background: #3e5b98;
}

a.socicon-google:hover,
.colorizesocial a.socicon-google {
    background: #d93e2d;
}

a.socicon-pinterest:hover,
.colorizesocial a.socicon-pinterest {
    background: #c92619;
}

a.socicon-foursquare:hover,
.colorizesocial a.socicon-foursquare {
    background: #23b7e0;
}

a.socicon-socialbaryahoo:hover,
.colorizesocial a.socicon-socialbaryahoo {
    background: #6E2A85;
}

a.socicon-skype:hover,
.colorizesocial a.socicon-skype {
    background: #28abe3;
}

a.socicon-yelp:hover,
.colorizesocial a.socicon-yelp {
    background: #c83218;
}

a.socicon-feedburner:hover,
.colorizesocial a.socicon-feedburner {
    background: #FFCC00;
}

a.socicon-linkedin:hover,
.colorizesocial a.socicon-linkedin {
    background: #3371b7;
}

a.socicon-viadeo:hover,
.colorizesocial a.socicon-viadeo {
    background: #e4a000;
}

a.socicon-xing:hover,
.colorizesocial a.socicon-xing {
    background: #005a60;
}

a.socicon-myspace:hover,
.colorizesocial a.socicon-myspace {
    background: #323232;
}

a.socicon-soundcloud:hover,
.colorizesocial a.socicon-soundcloud {
    background: #fe3801;
}

a.socicon-spotify:hover,
.colorizesocial a.socicon-spotify {
    background: #7bb342;
}

a.socicon-grooveshark:hover,
.colorizesocial a.socicon-grooveshark {
    background: #000000;
}

a.socicon-lastfm:hover,
.colorizesocial a.socicon-lastfm {
    background: #d41316;
}

a.socicon-youtube:hover,
.colorizesocial a.socicon-youtube {
    background: #e02a20;
}

a.socicon-vimeo:hover,
.colorizesocial a.socicon-vimeo {
    background: #51b5e7;
}

a.socicon-dailymotion:hover,
.colorizesocial a.socicon-dailymotion {
    background: #004e72;
}

a.socicon-vine:hover,
.colorizesocial a.socicon-vine {
    background: #00b389;
}

a.socicon-flickr:hover,
.colorizesocial a.socicon-flickr {
    background: #1e1e1b;
}

a.socicon-twitter:hover,
.colorizesocial a.socicon-twitter {
    background: #55ACEE;
}

a.socicon-500px:hover,
.colorizesocial a.socicon-500px {
    background: #58a9de;
}

a.socicon-instagram:hover,
.colorizesocial a.socicon-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 31%,#d6249f 55%,#285AEB 90%);
}

a.socicon-wordpress:hover,
.colorizesocial a.socicon-wordpress {
    background: #464646;
}

a.socicon-tumblr:hover,
.colorizesocial a.socicon-tumblr {
    background: #45556c;
}

a.socicon-blogger:hover,
.colorizesocial a.socicon-blogger {
    background: #ec661c;
}

a.socicon-technorati:hover,
.colorizesocial a.socicon-technorati {
    background: #5cb030;
}

a.socicon-reddit:hover,
.colorizesocial a.socicon-reddit {
    background: #e74a1e;
}

a.socicon-dribbble:hover,
.colorizesocial a.socicon-dribbble {
    background: #e84d88;
}

a.socicon-stumbleupon:hover,
.colorizesocial a.socicon-stumbleupon {
    background: #e64011;
}

a.socicon-digg:hover,
.colorizesocial a.socicon-digg {
    background: #1d1d1b;
}

a.socicon-envato:hover,
.colorizesocial a.socicon-envato {
    background: #597c3a;
}

a.socicon-behance:hover,
.colorizesocial a.socicon-behance {
    background: #000000;
}

a.socicon-delicious:hover,
.colorizesocial a.socicon-delicious {
    background: #020202;
}

a.socicon-deviantart:hover,
.colorizesocial a.socicon-deviantart {
    background: #c5d200;
}

a.socicon-forrst:hover,
.colorizesocial a.socicon-forrst {
    background: #5B9A68;
}

a.socicon-play:hover,
.colorizesocial a.socicon-play {
    background: #000000;
}

a.socicon-zerply:hover,
.colorizesocial a.socicon-zerply {
    background: #9DBC7A;
}

a.socicon-wikipedia:hover,
.colorizesocial a.socicon-wikipedia {
    background: #000000;
}

a.socicon-apple:hover,
.colorizesocial a.socicon-apple {
    background: #B9BFC1;
}

a.socicon-flattr:hover,
.colorizesocial a.socicon-flattr {
    background: #F67C1A;
}

a.socicon-github:hover,
.colorizesocial a.socicon-github {
    background: #5380c0;
}

a.socicon-chimein:hover,
.colorizesocial a.socicon-chimein {
    background: #888688;
}

a.socicon-friendfeed:hover,
.colorizesocial a.socicon-friendfeed {
    background: #2F72C4;
}

a.socicon-newsvine:hover,
.colorizesocial a.socicon-newsvine {
    background: #075B2F;
}

a.socicon-identica:hover,
.colorizesocial a.socicon-identica {
    background: #000000;
}

a.socicon-bebo:hover,
.colorizesocial a.socicon-bebo {
    background: #EF1011;
}

a.socicon-zynga:hover,
.colorizesocial a.socicon-zynga {
    background: #DC0606;
}

a.socicon-steam:hover,
.colorizesocial a.socicon-steam {
    background: #8F8D8A;
}

a.socicon-xbox:hover,
.colorizesocial a.socicon-xbox {
    background: #92C83E;
}

a.socicon-windows:hover,
.colorizesocial a.socicon-windows {
    background: #00BDF6;
}

a.socicon-outlook:hover,
.colorizesocial a.socicon-outlook {
    background: #0072C6;
}

a.socicon-coderwall:hover,
.colorizesocial a.socicon-coderwall {
    background: #3E8DCC;
}

a.socicon-tripadvisor:hover,
.colorizesocial a.socicon-tripadvisor {
    background: #000000;
}

a.socicon-netcodes:hover,
.colorizesocial a.socicon-netcodes {
    background: #2E3436;
}

a.socicon-easid:hover,
.colorizesocial a.socicon-easid {
    background: #1ABC9C;
}

a.socicon-lanyrd:hover,
.colorizesocial a.socicon-lanyrd {
    background: #3c80c9;
}

a.socicon-slideshare:hover,
.colorizesocial a.socicon-slideshare {
    background: #4ba3a6;
}

a.socicon-buffer:hover,
.colorizesocial a.socicon-buffer {
    background: #000000;
}

.socicon-buffer::before {
    display: none;
}

a.socicon-rss:hover,
.colorizesocial a.socicon-rss {
    background: #f26109;
}

a.socicon-vkontakte:hover,
.colorizesocial a.socicon-vkontakte {
    background: #5a7fa6;
}

a.socicon-disqus:hover,
.colorizesocial a.socicon-disqus {
    background: #2e9fff;
}

.contact-form .socialbar li {
    margin-right: 5px;
}

.html-contact-page #socialbar {
    display: none;
}

#socialbar a.socicon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

    #socialbar a.socicon i {
        font-size: 18px;
        line-height: 1;
        margin-top: -12px;
        margin-left: -5px
    }

    #socialbar a.socicon::before {
        display: none;
    }
/*==========================================================================
// 7. Top navigation section
==========================================================================*/
.navbar-default .navbar-toggle {
    border-radius: 0;
}

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: #fff;
    }
/* top navigation */
.sticky-on #topNavigation {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

#topNavigation {
    background: #ffffff;
    /*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);*/
    z-index: 1041;
}

    #topNavigation .navbar-default {
        /*background: transparent;*/
        margin-bottom: 0;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #d8d8d8;
        background-color: #fff;
    }

    #topNavigation .navbar-brand {
        width: 200px;
        padding: 40px 0 0 0;
        margin: 0;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
    }

@media (max-width: 875px) {
    #topNavigation .navbar-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-default .navbar-toggle {
        padding: 13px;
    }
}

@media (min-width: 768px) {
    .sticky-on #topNavigation .navbar-brand {
        padding: 6px 0 0 0;
    }
}

@media (max-width: 767px) {
    #topNavigation {
        position: fixed;
        top: 0px;
        left: 0;
        width: 100vw;
        min-width: 320px;
        height: 81px;
    }

        #topNavigation .navbar-nav {
            margin: 0 -15px;
        }

        #topNavigation .navbar-brand {
            padding-top: 0;
            margin-left: 15px;
            margin-top: 8px;
            width: 160px;
        }

    .header {
        margin-top: 78px;
    }
}
/* top menu */
@media (min-width: 950px) {
    #top-menu {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    #top-menu {
        padding: 20px 15px 20px 15px;
        background: #85002F;
    }
}

@media (min-width: 1200px) {
    #top-menu {
        padding-left: 130px;
    }
}

.flyout-cart {
    z-index: 100;
    background-color: #fff;
}

    .flyout-cart .items {
        max-height: 60vh;
        overflow-y: auto;
    }

    .flyout-cart.active {
        display: block;
    }

.shopping-cart-container {
    list-style: none;
}

.header-links-wrapper .flyout-cart .product {
    background: unset;
}

@media (max-width: 767px) {
    .flyout-cart {
        display: none;
    }
}

.mini-shopping-cart {
    text-align: left;
    font-size: 12px;
}

    .mini-shopping-cart .count {
        /*padding: 5px 0 10px;*/
        color: #444;
    }

        .mini-shopping-cart .count a {
            margin: 0 2px;
            font-weight: bold;
            color: #444;
            display: inline-block !important;
            padding: 0 !important;
        }

    .mini-shopping-cart .items {
        /*border-top: 1px solid #ddd;*/
        border-bottom: 1px solid #ddd;
        margin: 0 0 10px;
    }

    .mini-shopping-cart .item {
        overflow: hidden;
        padding: 10px 0;
    }

    .mini-shopping-cart .picture {
        float: left;
        width: 50px;
        text-align: center;
    }

        .mini-shopping-cart .picture a {
            display: block;
            position: relative;
            overflow: hidden;
        }

            .mini-shopping-cart .picture a:before {
                content: "";
                display: block;
                padding-top: 100%;
            }

        .mini-shopping-cart .picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            max-width: 100%;
        }

        .mini-shopping-cart .picture + .product {
            margin: 0;
            padding: 5px;
            width: calc(100% - 50px);
            display: inline-block;
        }

    .mini-shopping-cart .name {
        /*margin: 0 0 20px 0;*/
        font-size: 14px;
        width: 100%;
        display: inline-block;
    }

        .mini-shopping-cart .name a {
            padding: 0px !important;
        }

    .mini-shopping-cart .attributes {
        margin: 5px 0;
        font-size: 11px;
        color: #444;
    }

.attributes .attribute-description {
    line-height: 35px;
}

.attributes .option-list {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.attributes .spec-row {
    padding: 10px 0;
}

    .attributes .spec-row:nth-child(odd) {
        background-color: #f9f9f9;
    }

    .attributes .spec-row:hover {
        background-color: #f1f1f1;
    }

.mini-shopping-cart .quantity {
    color: #777 !important;
    width: 15%;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin-right: 10px;
}

.mini-shopping-cart .price {
    font-size: 13px !important;
    color: #ef2809 !important;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

/*.mini-shopping-cart .price {
  margin-top: 15px;
}*/

.mini-shopping-cart .totals {
    margin: 0 0 12px;
    font-size: 14px;
    width: 100%;
}

    .mini-shopping-cart .totals strong {
        font-size: 16px;
        color: #444;
        float: right;
    }

.mini-shopping-cart .buttons {
    margin: 0 0 5px;
    text-align: center;
    width: 100%;
}

.mini-shopping-cart input[type="button"] {
    display: inline-block;
    border: none;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background-color: #850c2f;
}

#top-menu ul,
#topIcons ul {
    /*display: none;*/
    /*top: 100%;*/
    left: 0;
    border: 1px solid #efefef;
    background: #ffffff;
    width: 250px;
    padding: 10px;
    list-style: none;
    box-shadow: 10px 10px 10px 5px rgba(0, 0, 0, 0.1);
}

#topIcons .sublist-toggle.collapsing {
    overflow: hidden !important;
    display: block !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#topIcons .sublist-toggle.collapse.in {
    padding: 10px !important; /* Re-apply padding only when finished */
}

#topIcons ul {
    position: absolute;
}

.mobile-user-actions .nav-link {
    padding: 12px 0 12px 20px;
    text-decoration: none;
    border-top: 1px dotted #d1d1d1;
    display: block;
    font-size: 12px;
    font-family: 'Merriweather';
    font-weight: 700;
    background: unset;
}

#mobile-user-account-menu,
#mobile-language-menu {
    padding-left: 0;
}

#top-menu .sublist.first-level .sublist {
    top: 0 !important;
    right: -250px !important;
    display: none !important;
}

/*@media (min-width:1001px) and (max-width:1400px) {
    #top-menu ul,
    #topIcons ul {
        left: -100px;
    }

        #topIcons ul#flyout-cart-container {
            left: -100px;
        }
}*/

@media (min-width:768px) and (max-width:1600px) {
    #top-menu ul,
    #topIcons ul {
        left: -150px;
    }

        #topIcons ul#flyout-cart-container {
            left: -200px;
        }
}

@media (min-width: 768px) {
    #top-menu div.sublist-toggle {
        position: absolute;
        top: 100%;
        background: rgb(255, 255, 255);
        width: 250px;
        list-style: none;
        height: 0px;
    }
}

@media (max-width: 767px) {
    #top-menu ul {
        display: block;
        position: relative;
        top: auto;
        border: none;
        box-shadow: none;
        background: transparent;
        width: auto;
        padding: 0;
    }
}

#top-menu ul li,
#topIcons ul li {
    padding: 0;
    margin: 0;
}

    #top-menu ul li a,
    #topIcons ul li a {
        padding: 14px 0 14px 20px;
        text-decoration: none;
        border-top: 1px dotted #d1d1d1;
        color: #333333;
        display: block;
        font-size: 12px;
        font-family: 'Merriweather';
        font-weight: 700;
        background: #fff;
    }

        #top-menu ul li a:hover,
        #top-menu ul li.active a {
            color: #85002F;
        }

#topIcons ul .mini-shopping-cart .item .name a {
    font-size: 11px;
}

@media (max-width: 767px) {
    #top-menu ul li a,
    #topIcons ul li a {
        padding: 12px 0 12px 20px;
        text-decoration: none;
        border-top: 1px dotted #d1d1d1;
        color: #ffffff;
        display: block;
        font-size: 12px;
        font-family: 'Merriweather';
        font-weight: 700;
        background: unset;
    }

        #top-menu ul li a:hover,
        #top-menu ul li.active a {
            color: #ffffff;
        }
}

#top-menu ul li:first-child a,
#topIcons ul li:first-child a {
    border-top: 0 dotted #d1d1d1;
}

#top-menu.navbar-nav > li > a,
#topIcons.navbar-nav > li > a {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: #575A5C;
    transition: all 0.2s ease-out !important;
    -webkit-transition: all 0.2s ease-out !important;
    text-transform: uppercase;
    font-size: 13px;
}

@media (min-width: 767px) {
    #top-menu.navbar-nav > li > a,
    #topIcons.navbar-nav > li > a {
        line-height: 100px;
    }
}

@media (max-width: 767px) {
    #top-menu.navbar-nav > li > a,
    #topIcons.navbar-nav > li > a {
        color: #ffffff;
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 875px) {
    #top-menu.navbar-nav > li > a, #topIcons.navbar-nav > li > a {
        font-size: 11px;
    }

    #topNavigation .navbar-brand {
        width: 100px;
    }
}


.btn-shopping-cart {
    position: relative;
    display: block;
    padding-left: 22px !important;
}

    .btn-shopping-cart .cart-number {
        background: #85002F;
        color: #ffffff;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        position: absolute;
        width: 20px;
        height: 20px;
        display: block;
        text-align: center;
        padding: 0;
        margin: -10px 0 0 0;
        line-height: 20px;
        font-size: 11px;
        top: 50%;
        left: 0;
    }

@media (min-width: 767px) {
    .sticky-on #top-menu.navbar-nav > li > a,
    .sticky-on #topIcons.navbar-nav > li > a {
        line-height: 30px;
    }
}

@media (min-width: 768px) {

    .fixed-navigation #topNavigation {
        position: fixed;
        width: 100%;
        top: 0;
    }
}

@media (min-width: 768px) {
    /*.fixed-navigation .header {
        padding-top: 130px;
    }*/

    .master-wrapper-content {
        padding-top: 130px;
    }
}

#top-menu.navbar-nav > .active > a,
#top-menu.navbar-nav > .active > a:hover,
#top-menu.navbar-nav > .active > a:focus {
    color: #85002F;
    background-color: transparent;
}

.top-menu .first-level .sublist-toggle {
    top: 0 !important;
    right: -250px !important;
    display: none !important;
}

li.active .sublist-toggle li .sublist-toggle {
    right: -250px;
    max-height: 400px;
}

#topIcons .sublist-toggle.collapse,
#topIcons .sublist-toggle.collapsing {
    /*display: none !important;*/
    transition-duration: 0.35s !important;
}

    #topIcons .sublist-toggle.collapse.in {
        display: block !important;
    }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav#topIcons > .active > a:focus {
    background: #fff;
}

#top-menu .sublist-scroll-body {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sublist-toggle .level-1 {
    height: auto;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media (max-width: 767px) {
    #top-menu.navbar-nav > .active > a, #top-menu.navbar-nav > .active > a:hover, #top-menu.navbar-nav > .active > a:focus {
        color: #ffffff;
    }

    .master-wrapper-page {
        margin-top: 81px;
    }

    .top-menu .first-level .sublist-toggle {
        top: 0 !important;
        right: 0px !important;
        display: none !important;
    }

    li.active .sublist-toggle li .sublist-toggle {
        right: 0px;
        padding-left: 15px;
    }

    .sublist-toggle .sublist a {
        padding-left: 30px !important;
        border-top: 1px dotted #d1d1d1 !important;
    }
}

/*#top-menu.navbar-nav > .active > a:before,
#top-menu.navbar-nav > .active > a:hover:before,
#top-menu.navbar-nav > .active > a:focus:before {
    content: '';
    width: 4px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    background-color: #85002F;
}*/

a.btn-cart-xs {
    position: absolute;
    color: #85002F !important;
    width: 30px;
    height: 30px;
    top: 20px;
    right: 70px;
    font-size: 25px;
    margin-right: 15px;
}

    a.btn-cart-xs span {
        background: #D9534F;
        display: inline-block;
        border-radius: 100%;
        position: absolute;
        top: 0;
        right: -5px;
        width: 20px;
        height: 20px;
        font-size: 12px;
        text-align: center;
        color: #ffffff;
        line-height: 20px;
    }
/*==========================================================================
// 8. Header section
==========================================================================*/
/* header-img */
.header-img {
    position: relative;
    height: 200px;
    overflow: hidden;
}

    .header-img h1 {
        color: #d1d1d1;
        position: absolute;
        top: 40px;
    }
/* Text slider */
.text-slider li {
    font-size: 90px;
    font-weight: 300;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
}

@media (max-width: 992px) {
    .text-slider li {
        font-size: 70px;
    }
}

@media (max-width: 768px) {
    .text-slider li {
        font-size: 60px;
    }
}

@media (max-width: 600px) {
    .text-slider li {
        font-size: 30px;
    }
}
/* more btn */
.welcome-inner .btn {
    margin-bottom: 100px;
    margin-top: 20px;
    width: 200px;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
}

#welcomeHeader {
    position: relative;
}

.welcome-img-slider li {
    height: 580px;
    background-position: center center;
    background-size: cover;
}

.welcome-inner {
    background: transparent;
    z-index: 2001;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -585px;
}

@media (max-width: 1199px) {
    .welcome-inner {
        margin-left: -485px;
    }
}

@media (max-width: 991px) {
    .welcome-inner {
        margin-left: -375px;
    }
}

@media (max-width: 767px) {
    .welcome-inner {
        margin-left: auto;
        width: 100%;
        left: auto;
    }
}

.welcome-inner .quickcategories {
    position: relative;
    bottom: -40px;
}
/*==========================================================================
// 9. Chef section
==========================================================================*/
.chef {
    background: #ffffff;
}

@media (min-width: 767px) {
    .chef-text {
        padding-top: 30px;
    }
}

.chef-text h1 {
    font-size: 45px;
    margin-bottom: 40px;
}

.chef-text .label {
    font-size: 20px;
    padding: 10px;
}

.chef-text .card__front {
    background: #f2f2f2;
}

    .chef-text .card__front h4 {
        margin-bottom: 25px;
    }


.courses-container .chef-text {
    padding-top: 10px;
}

.courses-container h2 {
    font-size: 26px !important;
}

.courses-container .img-responsive {
    margin: 0 auto !important;
}

.courses-container section {
    margin: 50px 0;
}

.logos-owl-carousel figure {
    max-width: 250px;
    max-height: 250px;
    width: 250px;
    /*height: 250px;*/
}

.logos-owl-carousel .owl-controls {
    margin-top: 160px;
}

.logos-owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.logos-owl-carousel figure img {
    max-width: 250px;
    max-height: 250px;
    object-fit: cover;
    background: #fff;
}
/*==========================================================================
// 10. Reservation section
==========================================================================*/
#reservation {
    background-color: #25292C;
    background-image: url('../img/content/img22.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

    #reservation.light {
        background-color: #f1f1f1;
    }

    #reservation .message {
        display: none;
        padding-top: 20px;
    }

    #reservation .reservation-inner {
        /*padding-top: 30px;*/
        padding-bottom: 50px;
    }

    #reservation .user-data-label,
    #reservation .remember-me-label {
        color: #8DC63F;
        display: inline;
    }

@media (max-width: 767px) {
    #reservation .reservation-inner {
        padding-top: 40px;
        padding-bottom: 140px;
    }
}

#reservation h1 {
    color: #d1d1d1;
}

#reservation.light h1 {
    color: #777;
}

#reservation .btn-reservation {
    margin-left: 80px;
    display: none;
}

#reservation .btn-send {
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
    padding: 10px;
}

#reservation .plate {
    position: absolute;
    width: 169px;
    height: 169px;
    bottom: -80px;
    left: 50%;
    margin-left: -80px;
    z-index: 101;
}

#reservation input.form-control,
#reservation textarea.form-control {
    color: #fff;
    border: solid 1px #575A5C;
}

#reservation textarea {
    height: 120px;
}

#reservation select.form-control {
    color: #999;
    border: solid 1px #575A5C;
}

#reservation.light input.form-control,
#reservation.light textarea.form-control {
    color: #777;
}

#reservation.light select.form-control {
    color: #777;
    background-color: #f1f1f1;
}

/*==========================================================================
// 11. User account
==========================================================================*/
.side-2 {
    margin-right: 15px;
}

    .side-2 .title {
        padding-left: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 3px;
    }

    .side-2 ul {
        list-style: none;
        padding-left: 0px;
    }

/*.side-2 ul li {
      padding: 10px 0;
      padding-left: 15px;
    }*/

/*.side-2 ul li:hover {
        background-color: #f5f5f5;
      }

      .side-2 ul li a.active {
        color: #575A5C;
      }*/

.nav-side-menu > .menu-list > ul > li.inactive > a,
.nav-side-menu > .menu-list > ul > li.active > a {
    padding-left: 15px;
}

.padding-container {
    padding: 15px;
}

.html-category-page .center-2 .padding-container,
.html-product-tag-page .center-2 .padding-container,
.html-manufacturer-page .center-2 .padding-container,
.html-search-page .center-2 .padding-container {
    padding: 15px 15px 0 15px;
}

.side-2,
.center-2 {
    /*padding: 15px 15px 0 15px;*/
    display: inline-block;
    vertical-align: top;
    /*background-color: #fff;*/
}


    .center-2 h1 {
        margin-top: 20px;
        font-size: 24px;
        font-weight: bold;
        color: #575A5C !important;
    }

    .center-2 #reservation {
        background-image: none;
        background-color: #fff;
        color: #575A5C;
    }

        .center-2 #reservation .user-data-label,
        .center-2 #reservation .remember-me-label {
            /*     comment for green color */
            color: #85002F;
        }

        .center-2 #reservation input.form-control {
            color: #575A5C;
        }

        .center-2 #reservation .btn-transparent {
            background: #85002F;
            color: #fff;
        }

        .center-2 #reservation .btn:hover {
            color: #fff !important;
        }

        .center-2 #reservation .btn-transparent:focus {
            border-color: #000 !important;
        }

        .center-2 #reservation .btn-transparent.hvr-shutter-out-horizontal:before {
            background: #8DC63F;
        }

        .center-2 #reservation .inputs {
            display: inline-block;
            width: 100%;
            margin-bottom: 15px;
            position: relative;
        }

        .center-2 #reservation .checkbox-container {
            position: relative;
            display: inline-block;
            margin: 10px 25px 10px 0;
            margin-top: 10px;
            margin-bottom: 5px;
            margin-right: 25px;
        }

        .center-2 #reservation .date-picker-wrapper {
            height: 42px;
        }

            .center-2 #reservation .date-picker-wrapper select {
                padding: 10px 25px;
                margin-right: 15px;
                text-align: center;
            }

                .center-2 #reservation .date-picker-wrapper select:nth-child(3) {
                    margin-right: 0px !important;
                }

@media (max-width:767px) {
    .side-2 {
        padding: 0 15px;
    }

    h1 {
        font-size: 25px;
        margin: 10px 0;
    }

    .side-2 h3.headline {
        font-size: 15px;
        margin: 10px 0;
    }

    .nav-side-menu ul > li > a {
        line-height: 30px;
    }
}

.address-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .address-list .address {
        padding: 15px;
        border: 1px solid #fff;
        padding-bottom: 60px;
        outline: solid 1px;
        outline-offset: -10px;
    }

        .address-list .address .address-item .action-buttons {
            position: absolute;
            bottom: -20px;
            left: 0;
            width: 100%;
        }

        .address-list .address ul li {
            list-style: none;
        }

.edit-address select {
    width: 100%;
    padding: 10px;
    margin-top: 1px;
}

.edit-address .please-wait {
    position: absolute;
    left: 0;
    background-color: #fff;
    width: 100%;
    padding: 11px 0 11px 15px;
}

#delete-modal {
    margin-top: 130px;
}

.input-validation-text {
    color: red;
    position: absolute;
    top: 35px;
    right: 10px;
}

.avatar-container input[type="file"] {
    opacity: 0;
    position: absolute;
    margin-top: 10px;
    height: 40px;
    width: 84%;
    font-size: 28px;
}

.avatar-container input[type=file],
.avatar-container input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.avatar-container .avatar-preview {
    display: block;
    margin: 0 auto;
    border-radius: 50%;
}

.avatar-container .upload-avatar,
.avatar-container .remove-avatar {
    width: 21% !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.eu-cookie-bar-notification {
    position: fixed;
    bottom: 0 !important;
    background-color: #fff;
    z-index: 1000;
    padding: 15px;
    width: 100%;
    border-top: 1px solid #c8c8c8;
}

    .eu-cookie-bar-notification .content {
        max-width: 90%;
        /*margin: 0 !important;*/
        /*margin-right: -30px !important;*/
        margin: 0 auto;
    }

        .eu-cookie-bar-notification .content .text {
            width: 90%;
            padding-right: 15px;
        }

        .eu-cookie-bar-notification .content .buttons-more {
            width: 10%;
        }

        .eu-cookie-bar-notification .content .text,
        .eu-cookie-bar-notification .content .buttons-more {
            display: inline-block;
            vertical-align: middle;
        }

@media all and (min-width: 1001px) {
    .master-column-wrapper {
        width: 1200px;
        margin: 15px auto;
        display: flex;
    }

    .side-2 {
        width: 25%;
    }

    .center-2 {
        width: 73%;
    }
}

@media all and (max-width: 1000px) {
    /*.master-wrapper-content {
        margin-top: 25px;
    }*/

    .master-column-wrapper {
        width: 100%;
        margin: 0px auto 0;
        display: inline-block;
    }

    .side-2,
    .center-2 {
        width: 100%;
        margin-bottom: 10px;
    }

        .side-2 .title {
            padding-bottom: 10px;
        }

        .side-2 ul li {
            padding: 10px 0 0 15px;
        }

        .center-2 .reservation-inner {
            padding-top: 0px;
            padding-bottom: 10px !important;
        }

        .center-2 #reservation .date-picker-wrapper select {
            padding: 10px 20px;
        }

        .center-2 #reservation .inputs label {
            display: inline;
        }
}

@media all and (max-width: 767px) {
    .side-2,
    .center-2 {
        margin-right: 0px;
        margin-top: 10px;
    }

    .address-list {
        display: inline-block;
    }

        .address-list .address {
            margin: 0 0 10px 0;
        }

    .avatar-container .upload-avatar,
    .avatar-container .remove-avatar {
        width: 47% !important;
    }

    .side-2 ul li {
        padding: 0;
    }
}

/*==========================================================================
// 11. Wishlist
==========================================================================*/
.center-1 {
    width: 100%;
    background-color: #fff;
}

.wishlist-page {
    width: 100%;
    padding: 15px;
}

.vertical-middle {
    vertical-align: middle !important;
}

.btn-purple {
    background: #850c2f;
    color: #fff;
    padding: 10px;
}

    .btn-purple.hvr-shutter-out-horizontal:before {
        background: #8DC63F;
    }

.wishlist-page .share-info {
    text-align: center
}

    .wishlist-page .share-info span {
        display: block;
        margin: 0 0 5px
    }

    .wishlist-page .share-info a {
        font-weight: bold;
        color: #444
    }

        .wishlist-page .share-info a:hover {
            color: #4ab2f1
        }

/*==========================================================================
// 11. Our restaurant section
==========================================================================*/
.our-restaurant {
    padding-top: 100px;
    background: #ffffff;
}

    .our-restaurant .lead {
        margin-bottom: 40px;
    }
    /* Google maps */
    .our-restaurant .google-maps,
    .contact-form .google-maps {
        width: 100%;
        height: 300px;
    }

@media (max-width: 767px) {
    .our-restaurant .google-maps {
        height: 300px;
    }
}
/*==========================================================================
// 12. Menu cards section
==========================================================================*/
.menu-cards {
    padding-top: 50px;
    padding-bottom: 90px;
}

    .menu-cards .zigzag {
        margin-bottom: 70px;
    }

    .menu-cards .item {
        margin-bottom: 20px;
    }

    .menu-cards .container-inner {
        border: 1px solid #d1d1d1;
        background: #fff;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    }

        .menu-cards .container-inner h4 {
            margin: 0;
            padding: 0;
            color: #3d3d3d;
            font-family: 'Merriweather';
        }

            .menu-cards .container-inner h4 a {
                color: #3d3d3d;
                font-family: 'Merriweather';
            }

    .menu-cards .item-detail {
        padding: 10px;
        color: #787878;
    }

        .menu-cards .item-detail p {
            font-size: 14px;
        }

    .menu-cards .item .btn-primary {
        width: 100%;
        font-size: 20px;
        padding: 5px 0 5px 0;
        font-family: 'Merriweather';
        background: #999;
        color: #efefef;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
    }

    .menu-cards .item .fa {
        color: #edd71e;
    }

    .menu-cards .item:hover .btn-primary {
        background: #D9534F;
        color: #fff;
    }

    .menu-cards .item figure {
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 10px;
        position: relative;
    }

    .menu-cards .imagec {
        width: 30%;
        max-height: 80px;
        display: inline-block;
    }

    .menu-cards .detailc {
        width: 70%;
        display: inline-block;
        vertical-align: top;
    }

    .menu-cards .item figure:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.9);
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
    }

    .menu-cards .item:hover figure:before {
        background: rgba(255, 255, 255, 0);
    }

    .menu-cards .item .item-detail .menu-cards-text {
        max-height: 80px;
        overflow: hidden;
    }

    .menu-cards .news-cont .container-inner {
        flex: 1;
        flex-direction: column;
        height: 100%;
        position: relative;
        /*min-height: 165px;*/
    }

    /*TODO check if needed*/
    /*.menu-cards .news-cont .container-inner .item-detail a {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }*/

    .menu-cards .container .buttons {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100% !important;
    }

@media (max-width: 991px) {

    .menu-cards .item-detail {
        /*max-height: 90px;*/
        overflow: hidden;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .menu-cards {
        padding-bottom: 0px;
    }

        .menu-cards .container .buttons {
            width: 30% !important;
            bottom: 15px;
            right: 15px;
            left: unset;
        }
}
/*==========================================================================
// 13. Single post section
==========================================================================*/
.single-post {
    padding-top: 20px;
    padding-bottom: 40px;
    background: #fff;
}

    .single-post .post-title {
        margin-bottom: 20px;
        float: left;
        /*margin-top: 35px;*/
        width: 85%;
    }

        .single-post .post-title h1 {
            font-size: 20px;
            margin-top: 0px;
        }

    .single-post .post-text {
        margin-bottom: 30px;
    }

    .single-post .post-title span {
        margin-right: 10px;
        font-size: 13px;
    }

    .single-post .post-title h3 {
        padding: 0;
        margin: 0;
    }

        .single-post .post-title h3 a {
            color: #333;
            text-decoration: none;
        }

    .single-post .post-like,
    .single-post .post-date {
        /*margin-top: 15px;*/
        width: 90px;
        height: 60px;
        text-align: center;
        float: right;
        border-radius: 6px;
        padding-top: 5px;
        margin-right: 0;
        display: inline-block;
    }

    .single-post .post-date {
        background: #85002F;
        border: 1px solid #d1d1d1;
        color: #ffffff;
    }

        .single-post .post-date p {
            font-size: 20px;
            font-weight: 700;
            padding: 0;
            margin: 0;
        }

    .single-post .post-like {
        background: #ffffff;
        color: #ce3b3b;
        border: 1px solid #e1e1e1;
    }

        .single-post .post-like p {
            font-size: 16px;
            padding: 5px 0 0 0;
            margin: 0;
        }

            .single-post .post-like p i {
                color: #ce3b3b;
            }

    .single-post .headline {
        margin-top: 50px;
    }

    .single-post .share-wrapper {
        text-align: center;
    }

    .single-post .blog-body img {
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 10px;
    }

    .single-post .news-header-image {
        text-align: center;
        margin-bottom: 15px;
    }

        .single-post .news-header-image img {
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 10px;
            max-width: 100%;
        }

@media (max-width: 767px) {
    .single-post .news-header-image img {
        width: 100%;
    }

    .single-post .blog-body img {
        width: 100%;
    }
}

/* mini gallery */
.mini-gallery a {
    width: 33%;
    display: block;
    float: left;
    padding: 0 10px 10px 0;
}

@media (max-width: 767px) {
    .single-post {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .single-post .post-title {
            margin-top: 0;
            margin-bottom: 20px;
        }

        .single-post .post-text {
            margin-top: 20px;
        }

        .single-post .post-like,
        .single-post .post-date {
            width: 50%;
            height: 40px;
            margin-top: 0;
            margin-bottom: 15px;
        }

            .single-post .post-date p {
                display: inline-block;
                margin: 0px 5px;
            }

            .single-post .post-date span {
                display: inline-block;
                font-size: 18px;
            }

        .single-post .share-wrapper {
            margin-bottom: 20px;
        }
}
/*==========================================================================
// 14. Logos owl carousel section
==========================================================================*/
.loc-wrapper {
    background: #ffffff;
    position: relative;
    padding-bottom: 20px;
    padding-top: 10px;
}

.logos-owl-carousel {
    padding-top: 30px;
    padding-bottom: 50px;
}

.loc-wrapper .owl-nav {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    right: auto;
    margin-left: -40px;
}

.owl-controls .owl-nav {
    height: 0px;
    position: absolute;
    top: 38.5%;
    width: 100%;
}

.loc-wrapper .item img {
    margin: auto;
    width: auto;
}

.loc-wrapper .owl-wrapper-outer {
    padding-top: 30px;
    padding-bottom: 50px;
}
/*==========================================================================
// 15. Timeline blog section
==========================================================================*/
.timeline-blog {
    padding-top: 50px;
}

.timeline-items {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 50px auto 50px auto;
}

@media (min-width: 768px) {
    .timeline-items:before {
        position: absolute;
        width: 14px;
        background-color: #ddd;
        top: 0;
        left: 50%;
        margin-left: -7px;
        content: '';
        height: 100%;
        height: 9999px;
        background: url('../img/patterns/blog-line.png') top center repeat-y;
    }
}

.timeline-items .item {
    display: block;
    width: 50%;
    position: relative;
    padding-top: 0;
    margin: 0 0 20px 0;
}

    .timeline-items .item:nth-child(odd) {
        float: left;
        clear: left;
        padding-right: 30px;
    }

    .timeline-items .item:nth-child(even) {
        float: right;
        clear: right;
        padding-left: 30px;
        margin-top: 40px;
    }

@media (max-width: 767px) {
    .timeline-items .item {
        width: 100%;
        padding: 0;
        clear: both;
        float: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.timeline-items .item .post-article {
    background: #ffffff;
    padding: 20px;
    border: 1px solid #cccccc;
}

.timeline-items .item:after {
    position: absolute;
    top: 27px;
    display: inline-block;
    content: " ";
    z-index: 300;
}

.timeline-items .item:before {
    position: absolute;
    top: 26px;
    display: inline-block;
    content: " ";
    z-index: 299;
}

.timeline-items .item:nth-child(odd):before {
    right: 16px;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
}

.timeline-items .item:nth-child(odd):after {
    right: 17px;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
}

.timeline-items .item:nth-child(even):before {
    left: 16px;
    border-top: 15px solid transparent;
    border-right: 15px solid #ccc;
    border-left: 0 solid #ccc;
    border-bottom: 15px solid transparent;
}

.timeline-items .item:nth-child(even):after {
    left: 17px;
    border-top: 14px solid transparent;
    border-left: 0 solid #fff;
    border-right: 14px solid #fff;
    border-bottom: 14px solid transparent;
}

@media (max-width: 767px) {
    .timeline-items .item:before,
    .timeline-items .item:after {
        display: none;
    }
}

.timeline-items .item .post-article-inner {
    float: left;
    width: 70%;
    padding: 20px;
    position: relative;
}

@media (max-width: 767px) {
    .timeline-items .item .post-article-inner {
        float: none;
        width: auto;
    }
}

.timeline-items .item.no-image .post-article-inner {
    float: none;
    width: 100%;
}

.timeline-items .item figure {
    width: 30%;
    float: left;
    border: none;
    border-radius: 50%;
    border: solid 6px #d1d1d1;
}

@media (max-width: 767px) {
    .timeline-items .item figure {
        width: auto;
        float: none;
    }
}

.timeline-items .item .post-title {
    font-size: 22px;
}

.timeline-items .item figure img {
    border-radius: 50%;
}

.timeline-items .item .post-links span.bold {
    float: left;
    font-size: 14px;
}

.timeline-items .separate-item {
    padding: 32px 20px 20px 20px;
    margin: 0 0 20px 0;
    float: none;
    width: 100%;
    text-align: center;
    right: auto;
    left: auto;
}

    .timeline-items .separate-item .label {
        padding: 10px;
        border-radius: 10px;
    }

.timeline-items .timeline-badge {
    color: #fff;
    background: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 35px;
    left: -7px;
    margin-left: 0;
    z-index: 100;
    border: 2px solid #bebebe;
    box-shadow: 0 0 0 3px #f7f7f7;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline-items .item:nth-child(odd) .timeline-badge {
    left: auto;
    right: -8px;
}

@media (max-width: 767px) {
    .timeline-items .item .timeline-badge {
        display: none;
    }
}

.timeline-items .separate-item:before,
.timeline-items .separate-item:after {
    display: none;
}

.timeline-items .item:nth-child(odd).separate-item,
.timeline-items .item:nth-child(even).separate-item {
    padding: 20px 0 20px 0;
    margin: 0;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #85002F !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.homepage-blog-list img {
    height: 230px;
    width: 100%;
    object-fit: cover;
}
/*==========================================================================
// 16. 404 section
==========================================================================*/
#page404 {
    display: block;
    position: relative;
    margin: 0;
    height: 500px;
    z-index: 1;
}

.plax-wrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 500px;
    width: 100%;
}

#page404 #layer-1 {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
}

#page404 #layer-2 {
    position: absolute;
    z-index: 5;
    top: 100px;
    left: 50%;
    margin-left: -700px;
}

#page404 #layer-3 {
    position: absolute;
    z-index: 6;
    top: 70px;
    left: 50%;
    margin-left: -900px;
}

#page404 #layer-4 {
    position: absolute;
    z-index: 7;
    top: 110px;
    left: 50%;
    margin-left: -105px;
}

#page404 #layer-5 {
    position: absolute;
    z-index: 8;
    top: -450px !important;
    left: 50%;
    margin-left: -110px;
}

#page404 #layer-6 {
    position: absolute;
    z-index: 9;
    top: 220px;
    left: 50%;
    margin-left: -240px;
}

    #page404 #layer-6 span.parallax {
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
        font-size: 240px;
        position: absolute;
        top: -50px;
        color: #d9d9d9;
        padding: 0;
        margin: 0;
    }

#page404 #layer-7 {
    position: absolute;
    z-index: 10;
    top: -100px !important;
    left: 50%;
    margin-left: -220px;
}

#page404 #layer-8 {
    position: absolute;
    z-index: 11;
    top: -170px !important;
    left: 50%;
    margin-left: 0;
}

#page404 #layer-9 {
    position: absolute;
    z-index: 12;
    top: 385px;
    left: -20px;
}

#errorWrapper {
    background: #ffffff;
    padding-top: 20px;
    padding-bottom: 60px;
}

    #errorWrapper h1 {
        margin: 0 0 0 0;
        padding: 0;
    }
/*==========================================================================
// 17. Pinterest blog section
==========================================================================*/
/*.pinterest-blog {
  padding-top: 40px;
  padding-bottom: 60px;
}*/

.pinterest-items {
    padding: 0;
    margin: 0 0 75px 0;
}

    .pinterest-items li.item {
        list-style: none;
        margin: 0;
        width: 33%;
        /*width: 25%;*/
        padding: 10px;
    }

.pinterest-blog .pinterest-items .item .tags li {
    margin: 0;
}

.pinterest-blog .pinterest-items .item .post-icons {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

    .pinterest-blog .pinterest-items .item .post-icons .btn-more {
        float: right !important;
    }

    .pinterest-blog .pinterest-items .item .post-icons a {
        margin: 10px 0 !important;
        padding: 10px;
        font-weight: bold;
    }

.pinterest-blog .pinterest-items .item .tags-container {
    margin-top: 10px;
}

.pinterest-blog .pinterest-items .item .post-article img {
    width: 100%;
    height: auto;
}

.blog-page .link-rss,
.news-list-page .link-rss {
    position: absolute;
    top: 4px;
    right: 0;
}

.nav-side-menu .sublist {
    margin-left: 20px;
}

.nav-side-menu.recent-articles .link {
    text-overflow: ellipsis;
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .nav-side-menu.recent-articles .link {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .pinterest-items li.item {
        width: 100%;
        padding: 10px 0 10px 0;
    }
}

.pinterest-items li .post-article {
    background: #ffffff;
    padding: 20px;
    border: 1px solid #d1d1d1;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.pinterest-items .post-icons {
    position: relative;
    top: auto;
    margin-top: 10px;
}

.pinterest-items li p {
    padding-top: 0px;
    position: relative;
    font-size: 14px;
}

.pinterest-items .post-header {
    position: relative;
    padding-bottom: 20px;
}

    .pinterest-items .post-header h1,
    .pinterest-items .post-header h2 {
        font-size: 20px;
        padding-bottom: 0;
        margin: 10px 0;
    }

@media (max-width: 1199px) {
    .pinterest-items .post-header h1 {
        margin: 20px 0 0 0;
        padding: 0;
    }
}

.pinterest-items li .socialbar li {
    width: auto;
    height: auto;
    padding: 0;
}

.pinterest-items li .socialbar a.socicon {
    width: 22px;
    height: 22px;
    line-height: 15px;
    padding: 3px;
    margin: 0;
}

    .pinterest-items li .socialbar a.socicon:before {
        font-size: 15px;
    }

.pinterest-items .item .post-date {
    font-size: 12px;
    padding-top: 5px;
}

.pinterest-items .item .post-author,
.pinterest-items .item .post-date,
.pinterest-items .item .post-links {
    font-family: 'Raleway', sans-serif;
}

.pinterest-items a.btn-more {
    background: #85002F;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 11px;
    border: none;
}

    .pinterest-items a.btn-more:hover {
        color: #fff;
    }

    .pinterest-items a.btn-more:before {
        background: #1f000b !important;
    }
/*==========================================================================
// 18. Newsletter section
==========================================================================*/
.sign-up-news-container {
    position: relative;
    padding-top: 140px;
    padding-bottom: 140px;
}

.newsletter-form .form-control {
    background: #ffffff;
    border: none;
    line-height: 40px;
    height: 60px;
}

.sign-up-news-container p {
    color: #d1d1d1;
    padding-bottom: 30px;
}

.newsletter-result {
    color: #5cb85c;
    font-weight: bold;
    font-size: 15px;
}

.newsletter-form.small .newsletter-subscribe-button {
    padding: 7px 10px;
}

.newsletter-form.small .newsletter-email {
    padding: 7px 5px;
    width: 100%;
    color: #000;
    font-weight: bold;
}

.newsletter-container .newsletter-validation .please-wait {
    color: #fff;
}
/*==========================================================================
// 19. Special services section
==========================================================================*/
.special-services {
    background: #ffffff;
    padding-top: 40px;
}

    .special-services .counter-parallax {
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #d1d1d1;
    }

@media (min-width: 768px) {
    .special-services .counter-parallax {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

.special-services .counter-parallax h1,
.special-services .counter-parallax h2,
.special-services .counter-parallax h3,
.special-services .counter-parallax h4,
.special-services .counter-parallax h5 {
    color: #d1d1d1;
}

.special-services .counter-parallax h1 {
    margin-bottom: 40px;
    margin-top: 0;
}

.special-services .counter-parallax .counter {
    background: rgba(255, 255, 255, 0.2);
    padding: 40px;
    min-height: 210px;
}

@media (min-width: 992px) and (max-width:1199px) {
    .special-services .counter-parallax .counter {
        min-height: 236px;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .special-services .counter-parallax .counter {
        min-height: 260px;
    }
}

@media (max-width: 767px) {
    .special-services .counter-parallax .counter {
        margin-bottom: 30px;
        padding: 10px;
        min-height: 100px;
    }
}

.special-services .counter-parallax h2 {
    font-size: 60px;
}

@media (max-width: 767px) {
    .special-services .counter-parallax h2 {
        font-size: 30px;
        margin-bottom: 30px;
        margin-top: 20px;
    }
}

.special-services .counter-parallax .counter .number {
    font-size: 50px;
    color: #ffffff;
}

.special-services .counter-parallax .counter p {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
}

@media (max-width: 767px) {
    .special-services .counter-parallax .counter .number {
        font-size: 30px;
    }

    .special-services .counter-parallax .counter p {
        font-size: 16px;
        font-family: 'Raleway', sans-serif;
    }
}

/*==========================================================================
// 20. We can offer section
==========================================================================*/
.we-can-offer {
    background: #ffffff;
    padding-top: 120px;
    padding-bottom: 120px;
}

    .we-can-offer .item {
        padding: 10px;
    }

        .we-can-offer .item h3 {
            font-weight: 700;
        }

        .we-can-offer .item p {
            font-size: 14px;
        }

    .we-can-offer .offer-owl-carousell .owl-stage figure img {
        height: 250px;
        max-height: 250px;
        object-fit: cover;
    }
/*==========================================================================
// 21. Special dishes section
==========================================================================*/
.special-dishes {
    padding-top: 80px;
    padding-bottom: 60px;
    background: #efefef;
}

    .special-dishes .lead {
        margin-bottom: 40px;
    }

    .special-dishes .btn-toolbar {
        margin-bottom: 40px;
    }
/*==========================================================================
// 22. Portfolio section
==========================================================================*/
ul.list-tabs {
    text-align: center;
    list-style: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

    ul.list-tabs li {
        display: inline-block;
    }

        ul.list-tabs li a {
            padding: 10px;
            background: #333;
            color: #fff;
        }

        ul.list-tabs li.active a {
            background: #85002F;
            color: #fff;
        }

.portfolio {
    padding-top: 80px;
    padding-bottom: 60px;
    background: #efefef;
}

    .portfolio .lead {
        margin-bottom: 40px;
    }

    .portfolio .btn-toolbar {
        margin-bottom: 40px;
    }
/* portfolio-items */
.portfolio-items {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .portfolio-items .item {
        display: block;
        margin: 0;
        float: left;
        padding: 5px;
        text-align: left;
        position: relative;
        width: 25%;
    }

.portfolio-filters {
    padding: 15px 0;
}

@media (max-width: 991px) {
    .portfolio-items .item {
        width: 33%;
    }
}

.portfolio-items .item .item-container {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .portfolio-items .item {
        /*width: 100%;*/
        width: 50%;
        /*width: 33%;*/
        display: inline-block;
    }

        .portfolio-items .item .item-container {
            padding: 5px;
        }
}

.portfolio-items .item figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}

    .portfolio-items .item figure img {
        width: 100%;
        display: block;
        object-fit: cover;
        height: 253px;
        max-height: 253px;
        position: relative;
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
    }

    .portfolio-items .item figure figcaption {
        position: relative;
        padding: 10px;
        /*background: #85002F;*/
        /*color: #ffffff;*/
        height: 60px;
        width: 100%;
    }

        .portfolio-items .item figure figcaption .label {
            font-size: 14px;
        }

        .portfolio-items .item figure figcaption h3 {
            margin: 0;
            font-size: 16px;
            line-height: 22px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            height: 44px;
        }

        .portfolio-items .item figure figcaption a {
            color: #000000;
            display: block;
            font-size: 11px;
            font-family: 'Raleway', sans-serif;
        }

        .portfolio-items .item figure figcaption span {
            color: #000;
            font-size: 14px;
        }

.portfolio-items .item figcaption h3 {
    color: #085eb1;
}

.portfolio-items .item:hover figcaption span,
.portfolio-items .item:hover figcaption h3 {
    color: #85002F;
}

@media (max-width: 960px) {
    .portfolio-items .item figure:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .portfolio-items .item figure img {
        height: 153px;
        max-height: 153px;
    }

    .portfolio-items .item figure figcaption {
        padding: 5px 10px 10px 10px;
        font-size: 13px;
        height: 70px;
        line-height: 1;
    }

        .portfolio-items .item figure figcaption h3 {
            font-size: 16px;
            margin-bottom: 5px;
            max-height: 42px;
            height: 42px;
        }
}

/*==========================================================================
// 23. Coming Soon section
==========================================================================*/
.coming-soon-message {
    color: #d1d1d1;
}

    .coming-soon-message input {
        background: #ffffff;
        border-bottom: 0;
        color: #333333;
        font-family: 'Raleway', sans-serif;
    }

    .coming-soon-message p {
        margin-bottom: 40px;
    }

    .coming-soon-message h1 {
        color: #d1d1d1;
        font-size: 50px;
    }
/*==========================================================================
// 24. Shop section
==========================================================================*/
/* shop item list */
.shop {
    background: #ffffff;
    padding-top: 50px;
}

.product {
    /*background: #efefef;*/
    position: relative;
    /*margin-bottom: 10px;*/
    width: 100%;
}

.margin-5 {
    margin: 5px;
}

.product input.hvr-shutter-out-horizontal {
    padding: 10px;
}

.products-items-list .page-title,
.products-items-list .amount,
.products-items-list .page-body .manufacturer-description {
    display: inline-block;
    margin-left: 10px;
}

.products-items-list .amount {
    margin-left: 10px;
}

.product-detail .stars .fa,
#product-details-form .stars .fa {
    color: #f9bf3b;
    font-size: 16px;
    margin-top: 5px;
}

#product-details-form .comment-rate .stars .fa {
    margin: 10px 0 5px 0;
}

#product-details-form .stars .fa {
    margin-bottom: 10px;
}

#product-details-form .tab-content {
    margin-bottom: 45px;
}

.nav-side-menu {
    position: relative;
}

.block-recently-viewed-products .product-picture {
    width: auto;
}

.block-recently-viewed-products .product-name {
    width: 65%;
    line-height: 20px;
}

.block-recently-viewed-products .product-picture,
.block-recently-viewed-products .product-name {
    display: inline-block;
}

    .block-recently-viewed-products .product-picture img {
        width: 64px;
        height: 64px;
        object-fit: cover;
    }

.view-all.inactive {
    position: absolute;
    top: 0px;
    z-index: 999;
    right: 0;
}

.menu-content.tags-container li {
    display: inline-block;
    margin: 0 10px;
}

.single-post .menu-content.tags-container {
    margin-top: 15px;
}

    .single-post .menu-content.tags-container li {
        margin: 0;
    }

.menu-content.tags-container a {
    line-height: 20px;
}

ul.shop-items {
    list-style: none;
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
}

    ul.shop-items > * {
        margin-bottom: 30px;
    }

    ul.shop-items > li:before {
        content: none !important;
    }

    ul.shop-items li {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 1200px) {
    ul.shop-items li {
        float: left;
        width: 33.33333333%;
    }

        ul.shop-items li:nth-of-type(1n) {
            clear: none;
        }

        ul.shop-items li:nth-of-type(3n + 1) {
            clear: both;
        }
}

ul.shop-items li .container-inner h2.product-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .shop-list .product {
        width: 100%;
    }

        .shop-list .product figure {
            float: left;
            width: 20%;
            position: relative;
        }

        .shop-list .product .product-detail {
            float: left;
            width: 30%;
        }

        .shop-list .product .product-detail-more {
            float: left;
            width: 50%;
            display: block;
        }

            .shop-list .product .product-detail-more p {
                font-size: 13px;
            }

            .shop-list .product .product-detail-more h4 {
                font-size: 15px;
            }

    .product.item .product-detail-more {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* change to 2/4 etc. */
        overflow: hidden;
    }

    .shop-list .product h2 {
        margin-top: 5px;
    }
}

.product .container-inner {
    border: 1px solid #f1f1f1;
    background: #fff;
    /*padding: 15px;*/
}

.product:hover .container-inner {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
}

.product-detail .description {
    margin-bottom: 10px;
}

.product .price-box {
    font-family: 'Raleway', sans-serif;
    margin-bottom: 10px;
    width: auto;
    display: inline-block;
}

.price-box.old,
.non-discounted-price {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    text-decoration: line-through;
    margin: 0 5px 0 0;
    padding: 0;
    width: auto;
}

@media (max-width: 767px) {
    .price-box.old {
        font-size: 13px;
    }

    .product .price-box {
        margin-bottom: 0;
    }
}

.product-price {
    font-size: 16px;
}

.customer-entered-price .enter-price-input {
    width: 100px;
    border: 1px solid #d8d8d8;
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 15px;
}

.customer-entered-price .price-range {
    margin-bottom: 15px;
}

.product h2,
.product .product-name a {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
}

    .product h2 a {
        color: #333333;
    }

.product .product-name {
    margin-top: 10px;
}

.product .amount {
    font-size: 85%;
}

.product-price {
    color: #ef2809;
    font-size: 17px;
    font-weight: 500;
}

.product-essential .prices,
.product-essential .add-to-cart-container {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.product-essential .attributes .option-list label {
    font-weight: normal;
}

.price-container,
.button-container {
    position: absolute;
    bottom: 75px;
    text-align: center;
    width: 150px;
}

.products-items-list .product-list .product .container-inner > div.price-container {
    right: 30px;
}

.product .button-container {
    bottom: 40px;
}

.product-grid .product .price-container,
.product-grid .product .button-container {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    /*right: -5px;*/
}

.product-grid .product .price-container {
    bottom: 50px;
}

.product-box-add-to-cart-button {
    margin: 0 auto;
    position: relative;
}

.product .container-inner {
    height: 100% !important;
    min-height: 380px;
    box-shadow: 0 1px 6px 0px rgb(0 0 0 / 15%);
}

    .product .container-inner h2 {
        margin-top: 10px;
    }

/*.product-detail .product-name {
  overflow: hidden;
  height: 30px;
}*/

.product .favorite {
    font-size: 20px;
    position: absolute;
    top: 15px !important;
    right: 15px !important;
    cursor: pointer;
    background: rgba(255,255,255,0.81);
    padding: 0px 5px;
    box-shadow: 2px 3px 6px -2px rgba(0,0,0,.4);
}

    .product .favorite .fa {
        color: #85002F;
    }

.product .product-detail-more {
    /*display: none;*/
    padding: 0 10px;
    font-size: 14px;
}

.item .ribbon {
    border-radius: 100%;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -9px;
    left: -10px;
    background: #f1f1f1;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    padding-top: 20px;
}

/*.related-products-grid .product .image-container,
.also-purchased-products-grid .product .image-container {*/
.product .image-container {
    position: relative;
    padding: 10px;
}

.products-items-list .item .image-container figure img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

/*.related-products-grid .item .ribbon,
.also-purchased-products-grid .item .ribbon {*/
.item .ribbon {
    border-radius: 0;
    width: 70px;
    height: 28px;
    padding: 5px;
    top: 15px;
    left: 5px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 2px 3px 6px -2px rgba(0,0,0,.5);
}

    /*.related-products-grid .item .ribbon:before,
  .also-purchased-products-grid .item .ribbon:before {*/
    .item .ribbon:before {
        border-top: 0 solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #7e716e;
        position: absolute;
        bottom: -5px;
        left: 0;
    }

.products-items-list .product-list {
    padding: 5px 0;
    background: #efefef;
}

    .products-items-list .product-list .product {
        width: 100%;
    }

        .products-items-list .product-list .product .container-inner {
            box-shadow: 0 1px 6px 0px rgb(0 0 0 / 15%);
            min-height: auto;
        }

            .products-items-list .product-list .product .container-inner > div {
                float: left;
            }

            .products-items-list .product-list .product .container-inner .product-detail {
                width: calc(100% - 320px);
                margin-top: 10px;
                text-align: left !important;
            }

                .products-items-list .product-list .product .container-inner .product-detail .stars,
                .products-items-list .product-list .product .container-inner .product-detail .product-name {
                    width: 80%;
                    display: inline-block;
                    height: auto;
                }

                .products-items-list .product-list .product .container-inner .product-detail .price-container {
                    bottom: unset;
                    top: 20%;
                    width: unset;
                    right: 20px;
                    text-align: right;
                }

                .products-items-list .product-list .product .container-inner .product-detail .button-container {
                    top: 50%;
                    bottom: unset;
                    right: 20px;
                    width: unset;
                    text-align: right;
                }

            .products-items-list .product-list .product .container-inner .product-detail-more {
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 320px);
                margin-top: 10px;
            }

@media (max-width: 767px) {
    .product-list .item {
        display: inline-block;
        width: 100%;
    }

        .product-list .item .container-inner {
            width: 100%;
            min-height: unset;
            padding-bottom: 10px;
            border-bottom: 1px solid #d8d8d8;
        }

    .product-grid .item .container-inner {
        min-height: 320px;
    }

    .product-list .item .image-container {
        width: 170px;
        float: left;
    }

    .products-items-list .product-list .product .container-inner .product-detail {
        display: inline-block;
        width: calc(100% - 170px);
    }

    .product-list .item .product-detail .price-container,
    .product-list .item .product-detail .button-container {
        display: inline-block;
        position: relative;
        bottom: unset;
        margin-bottom: unset;
    }

    .products-items-list .product-list .product .container-inner .product-detail .stars,
    .products-items-list .product-list .product .container-inner .product-detail .product-name {
        width: 100%;
    }

    .products-items-list .product-list .product .container-inner .product-detail .price-container {
        text-align: center;
        top: unset;
        bottom: unset;
        right: unset;
        display: block;
        margin-top: 10px;
    }

    .products-items-list .product-list .product .container-inner .product-detail .button-container {
        text-align: center;
        right: unset;
        top: unset;
        width: 100%;
    }

    .product-detail-more {
        display: none;
    }

    .products-items-list .product-grid .product {
        width: 50%;
        box-shadow: 0px 24px 3px -24px #d8d8d8;
    }

    .products-items-list .product-grid .image-container {
        width: 170px;
    }

    .list-toolbar .sort-by {
        margin-right: 10px;
        margin-left: 0;
    }

    .list-toolbar .page-limiter {
        margin: 0;
    }

    .list-toolbar select {
        padding: 10px 20px 10px 0px;
        border: 1px solid #d8d8d8;
    }

        .list-toolbar select option {
            font-size: 10px;
        }

    .product-list .price-cart-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .product-list .price-container, .button-container {
        position: unset;
    }

        .product-list .price-container .price-box.old {
            line-height: 25px;
        }

    .product-list .price-cart-container .price-container,
    .product-list .price-cart-container .button-container {
        margin: 0;
        display: flex !important;
    }

    .product-list .price-cart-container .price-container {
        flex: 1 1 auto;
        min-width: 0;
    }

    .product-list .price-cart-container .button-container {
        flex: 0 0 auto;
        margin-right: -10px;
    }
}

@media (max-width: 550px) {
    .products-items-list .item .image-container figure img {
        width: 100px;
        height: 100px;
    }

    .product-list .item .image-container,
    .products-items-list .product-grid .image-container {
        width: 120px;
    }

    .products-items-list .product-list .product .container-inner .product-detail-more {
        width: 100%;
        margin: 0 10px;
        display: block;
    }

    .products-items-list .product-list .product .container-inner .price-cart-container {
        width: 100%;
        position: relative;
    }

    .products-items-list .product-list .product .container-inner div.price-container {
        position: relative;
        right: unset;
        bottom: unset;
        margin-left: 15px;
        display: inline-block;
    }

    .products-items-list .product-list .product .container-inner div.button-container {
        bottom: 5px;
    }
}

.item .ribbon-primary {
    background: #85002F;
}

.item .ribbon-danger {
    background: #D9534F;
}

.item .ribbon-info {
    background: #31B0D5;
}

.item .ribbon-warning {
    background: #F0AD4E;
}

.item .ribbon-success {
    background: #8dc63f;
}

.item .ribbon-default {
    background: #FAFAFA;
}
/* shop item */
.shop-item {
    background: #ffffff;
    padding-bottom: 20px;
}

    .shop-item .product-price .price {
        font-size: 30px;
        /*display: table-cell;*/
        vertical-align: middle;
        width: 100px;
        line-height: 40px;
    }

    .shop-item .rental-price {
        width: 100%;
        margin-bottom: 15px;
    }

    .shop-item .attributes select {
        padding: 10px 5px;
        max-width: 100%;
    }

        .shop-item .attributes select option {
            background: #fff;
            padding: 10px 5px;
        }

    .shop-item dd[id^="product_attribute_input_"] {
        margin-bottom: 15px;
    }

.email-a-friend-page {
    padding: 15px;
}

    .email-a-friend-page .title h2 a {
        background: #fff;
    }

@media (max-width: 991px) {
    .shop-item .image-zoom img {
        margin: 0 auto;
    }

    .product-reviews-overview {
        margin: 15px 0;
    }
}


@media (max-width:767px) {
    .product-name {
        max-height: 110px;
        margin-bottom: 15px;
        padding-right: 15px;
    }

    .shop-item h1 {
        font-size: 20px;
    }

    .product-essential .prices,
    .product-essential .add-to-cart-container {
        display: block;
        text-align: center;
    }

        .product-essential .add-to-cart-container .input-group.spinner,
        .product-essential .add-to-cart-container .btn-buy {
            display: inline-block;
            max-width: 50%;
            vertical-align: bottom;
        }

        .product-essential .add-to-cart-container .btn-buy {
            width: 150px;
        }

    .shop-item h2 {
        font-size: 20px;
    }
}

.rental-attributes .attribute-item {
    width: 50%;
    display: inline-block;
    margin-top: 15px;
    padding: 0 15px;
}

.ui-widget-header,
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 0px !important;
    background: none !important;
    text-align: center !important;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background-color: #85002F !important;
    color: #fff !important;
}

.shop-item .spinner {
    display: inline-block;
    /*vertical-align: top;*/
    /*padding-right: 40px;*/
}

.shop-item .btn-buy {
    display: inline-block;
    vertical-align: top;
    width: 150px;
}

@media (max-width: 767px) {
    .shop-item .btn-buy {
        display: block;
        margin-top: 20px;
        width: 100%;
    }
}

.btn-buy {
    display: inline-block;
}
/*==========================================================================
// 25. Content newsletter section
==========================================================================*/
#contentNewsletter {
    background: #fff;
}

    #contentNewsletter .container-inner {
        background: #f5f5f5;
        border: 1px solid #e8e8e8;
        padding: 40px;
        margin-bottom: 40px;
    }
/*==========================================================================
// 26. Footer section
==========================================================================*/
#footer {
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    background-color: #25292C;
    color: #d1d1d1;
    /*margin-top: 25px;*/
}

@media (max-width: 767px) {
    #footer {
        padding-top: 15px;
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {
    #footer .col-xs-12 {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5 {
    color: #d1d1d1;
}

#footer h2 {
    margin-top: 40px;
    margin-bottom: 25px;
}

#footer .figure-hubba {
    margin: 0 auto 0 auto;
}

@media (max-width: 767px) {
    #footer .figure-hubba {
        width: 100px;
        margin: 0 auto 20px auto;
    }
}
/* carousel othersaid */
#carousel-othersaid i.fa {
    text-align: center;
    font-size: 15px;
}
/*==========================================================================
// 27. Bottom bar section
==========================================================================*/
#bottomBar {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    font-family: 'Raleway', sans-serif;
}

#footer .btn.scroll-to {
    left: 50%;
    width: 60px;
    padding: 20px;
    position: absolute;
    top: -30px;
    margin-left: -30px;
    background: #ffffff;
    color: #333333;
    z-index: 140;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    border: 1px solid #d1d1d1;
}

#footer .scroll-to:hover {
    border: 1px solid #85002F;
}

#bottomBar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    #bottomBar ul li {
        display: inline-block;
        margin: 0 10px 0 10px;
    }

        #bottomBar ul li a {
            text-decoration: none;
            color: #25292C;
            font-family: 'Raleway', sans-serif;
        }

            #bottomBar ul li a:hover {
                color: #85002F;
            }

@media (max-width: 767px) {
    #bottomBar {
        padding-bottom: 10px;
    }

        #bottomBar ul li {
            margin: 0 10px 15px 10px;
        }

        #bottomBar .pull-left,
        #bottomBar .pull-right {
            text-align: center;
            float: none !important;
            margin-bottom: 10px;
        }
}
/*==========================================================================
// 28. Theme switcher
==========================================================================*/
.theme-switcher {
    position: fixed;
    width: 280px;
    top: 155px;
    background: #ffffff;
    border: 1px solid #efefef;
    z-index: 99999;
    left: -280px;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

@media (max-width: 767px) {
    .theme-switcher {
        display: none;
    }
}

.theme-switcher.active {
    left: 0;
}

.theme-switcher a.toggle-button {
    background: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #545454;
    position: absolute;
    right: -50px;
    top: 30px;
    border: 1px solid #efefef;
    text-decoration: none;
}

    .theme-switcher a.toggle-button i {
        display: block;
        width: auto;
        text-align: center;
        color: #545454;
        line-height: 48px;
        font-size: 20px;
    }

.theme-switcher .inner {
    padding: 20px;
}

    .theme-switcher .inner:before,
    .theme-switcher .inner:after {
        content: " ";
        display: table;
    }

    .theme-switcher .inner:after {
        clear: both;
    }

    .theme-switcher .inner:before,
    .theme-switcher .inner:after {
        content: " ";
        display: table;
    }

    .theme-switcher .inner:after {
        clear: both;
    }

    .theme-switcher .inner h3 {
        font-size: 15px;
    }

    .theme-switcher .inner ul.colors {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .theme-switcher .inner ul.colors li {
            display: inline-block;
        }

            .theme-switcher .inner ul.colors li a {
                display: block;
                width: 30px;
                height: 30px;
                background: #efefef;
                position: relative;
                text-decoration: none;
            }

                .theme-switcher .inner ul.colors li a.color-blue {
                    background: #0082C8;
                }

                .theme-switcher .inner ul.colors li a.color-green {
                    background: #8DC63F;
                }

                .theme-switcher .inner ul.colors li a.color-orange {
                    background: #FF774D;
                }

                .theme-switcher .inner ul.colors li a.color-purple {
                    background: #85002F;
                }

                .theme-switcher .inner ul.colors li a.color-red {
                    background: #D34328;
                }

                .theme-switcher .inner ul.colors li a.color-yellow {
                    background: #F4A817;
                }

            .theme-switcher .inner ul.colors li.active a:before,
            .theme-switcher .inner ul.colors li .active a:hover:before {
                font: normal normal normal 20px/1.5 FontAwesome;
                display: block;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                text-align: center;
                content: "\f00c";
                color: #ffffff;
            }
/*==========================================================================
// 29. Shop cart
==========================================================================*/
.shop-cart-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .shop-cart-section .shop-cart .table-responsive {
        border: none;
    }

    .shop-cart-section .shop-cart .shop_table {
        width: 100%;
        background: #fff;
    }

        .shop-cart-section .shop-cart .shop_table th {
            background: #85002F;
            color: #fff;
            font-weight: 700;
            padding: 15px 0 15px 0;
            vertical-align: middle;
        }

        .shop-cart-section .shop-cart .shop_table td {
            vertical-align: middle;
        }

        .shop-cart-section .shop-cart .shop_table .product-remove {
            width: 35px;
            vertical-align: middle;
        }

            .shop-cart-section .shop-cart .shop_table .product-remove .remove {
                background: #ff0000;
                margin: auto;
                color: #fff;
                width: 15px;
                text-align: center;
                height: 15px;
                border-radius: 100%;
                display: block;
            }

        .shop-cart-section .shop-cart .shop_table .product-thumbnail {
            width: 100px;
        }

    .shop-cart-section .shop-cart .cart-collaterals .cart_totals {
        background: #fff;
        padding: 20px;
    }

        .shop-cart-section .shop-cart .cart-collaterals .cart_totals h2 {
            font-size: 22px;
            color: #777;
            padding: 0;
            margin: 0 0 20px 0;
            text-align: center;
        }

        .shop-cart-section .shop-cart .cart-collaterals .cart_totals table {
            background: #fff;
            margin-bottom: 30px;
            width: 100%;
        }

        .shop-cart-section .shop-cart .cart-collaterals .cart_totals .checkout-button {
            background: #85002F;
            color: #fff;
            padding: 5px;
            display: block;
        }
/*==========================================================================
// 30. Shop login
==========================================================================*/
.shop-checkout-section {
    padding-top: 70px;
    padding-bottom: 40px;
}

.checkout-form {
    background: #fff;
    padding: 40px;
}

    .checkout-form .btn {
        background: #85002F;
        color: #fff;
    }

#logout-btn,
#user-actions {
    cursor: pointer;
}

@media (max-width: 767px) {
    .mobile-user-actions {
        padding: 10px 15px;
        font-size: 17px;
    }

        .mobile-user-actions a.no-link {
            text-transform: uppercase;
            font-weight: bold;
        }

        .mobile-user-actions ul li {
            list-style: none;
        }

        .mobile-user-actions ul.sublist > li > a > i,
        .mobile-user-actions ul.sublist > li > a > span {
            display: inline-block !important;
        }

    .languages-menu-mobile ul.sublist > li > a {
        display: none;
    }

    .mobile-menu-available-languages li {
        display: inline-block;
        width: 50%;
        padding: 15px 0 0;
        font-size: 12px;
    }

    .mobile-menu-user-actions #user-actions {
        display: none;
    }

    .mobile-menu-user-actions li {
        padding: 12px 0 12px 0px;
        text-decoration: none;
        border-top: 1px dotted #d1d1d1;
        color: #ffffff;
        display: block;
        font-size: 12px;
        font-family: 'Merriweather';
        font-weight: 700;
        margin-left: -70px;
    }

    .navbar-collapse.in#top-menu-collapse {
        /*height: 100vh;*/
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    .navbar-collapse.collapse {
        transition: height 0.5s;
    }

    .navbar-collapse.collapsing {
        height: 0 !important;
    }

    .navbar-collapse.collapse.in {
        max-height: none;
        height: calc(100vh - 80px);
        overflow: scroll !important;
    }

    .menu-arrow::before {
        font-family: FontAwesome;
        content: "\f107";
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
        margin-top: -5px;
    }

    .active .menu-arrow::before {
        font-family: FontAwesome;
        content: "\f106";
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
        margin-top: -5px;
    }
}

.login-box {
    position: relative;
    background: #fff;
    padding-top: 50px;
}

    .login-box img.thumb {
        position: absolute;
        width: 100px;
        height: 100px;
        top: -50px;
        left: 50%;
        margin-left: -50px;
        border-radius: 100%;
    }

    .login-box .login-box-inner {
        padding: 20px;
        font-size: 14px;
    }

        .login-box .login-box-inner .button {
            padding-left: 25px;
            padding-right: 25px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .login-box .login-box-inner h3 {
            font-size: 22px;
            text-align: center;
        }

        .login-box .login-box-inner .input-group .input-group-addon {
            background: transparent;
            border-right: none;
            border-top: none;
        }

        .login-box .login-box-inner .btn {
            background: #85002F;
            color: #fff;
        }

#reservationForm .date-picker-wrapper select {
    width: 33.33%;
    display: inline-block;
}

#reservationForm .field-validation-error {
    position: absolute;
    right: 20px;
    top: 33px;
    color: #ef2809;
}

#reservationForm .title,
#reservationForm .subtitle,
#reservationForm .forgot-password a,
#reservationForm .vat-note {
    color: #8DC63F;
    font-weight: 300;
}

#reservationForm .subtitle {
    text-align: center;
}

#reservationForm select option {
    padding: 22px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#reservationForm label {
    margin-bottom: 2px;
}

#reservationForm span.remember-me-label {
    position: absolute;
    top: 15%;
    line-height: 0;
    font-size: 30px;
}

.register-page #reservationForm .title {
    text-align: center;
    margin-bottom: 15px;
}

.register-page #reservationForm .networks a {
    text-align: center;
    margin-bottom: 15px;
}

.password-recovery-page {
    padding: 15px;
    min-height: 350px;
}

    .password-recovery-page .page-title {
        margin-bottom: 35px;
    }

    .password-recovery-page .required {
        color: #8DC63F;
    }

.ExtendedAuthentication ul {
    list-style: none;
    text-align: center;
    padding: 0;
    border-bottom: none !important;
}

.ExtendedAuthentication .networks li {
    width: 100%;
}

    .ExtendedAuthentication .networks li a {
        margin: 5px auto;
        padding: 10px;
    }

.ExtendedAuthentication .fa {
    width: 30px;
    text-align: center;
    position: relative;
    float: left;
}

    .ExtendedAuthentication .fa:before {
        padding: 12px 15px 0 0;
        font-size: 30px;
        vertical-align: middle;
        position: absolute;
        left: 15px;
        top: 0;
        width: 20px;
        line-height: 0;
    }

.registration-result-page,
.account-activation-page {
    padding: 15px;
}

    .registration-result-page .page-title,
    .registration-result-page .result,
    .account-activation-page .result,
    .account-activation-page .page-body {
        margin-bottom: 15px;
        padding: 15px 0 0 0;
    }

.bar-notification-container {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 1061;
    width: 300px;
    line-height: 16px;
    color: #fff;
    opacity: 0.95;
}

.bar-notification.success {
    background-color: #4bb07a;
}

.bar-notification.error {
    background-color: #e4444c;
}

.bar-notification.warning {
    background-color: #f39c12;
}

.bar-notification {
    position: relative;
    display: none;
    padding: 15px 25px 15px 10px;
}

    .bar-notification .content {
        margin: 0 10px 0 0;
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline;
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        margin: 7px;
        background: #fff url(../images/close.png) center no-repeat;
        cursor: pointer;
    }

.popup-notification {
    border-radius: 5px;
    padding: 3px;
    margin: 5px 0;
}

    .popup-notification.success {
        border: 2px rgba( 75,176,122,.5) solid;
    }

    .popup-notification.error {
        border: 2px rgba( 228,68,76,.5) solid;
    }

    .popup-notification.warning {
        border: 2px rgba( 243,156,18,.5) solid;
    }

.noscript {
    border-bottom: 1px solid #333;
    background-color: #ff9;
    padding: 30px 15px;
    text-align: center;
    line-height: 22px;
    color: #444;
}

.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url('../images/loading.gif') center no-repeat;
}

.please-wait {
    background: url('../images/ajax-loader-small.gif') no-repeat;
    padding-left: 20px;
    font-size: 14px;
}

.ui-dialog {
    max-width: 90%;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
    overflow: hidden;
    background-color: #fff;
    /*override jQuery UI styles, do not delete doubled properties*/
    border-radius: 0;
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
}

    .ui-dialog:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
    }

    .ui-dialog-title {
        padding-right: 20px;
    }

.ui-dialog-titlebar {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    background-color: #eee;
    padding: 10px 15px;
    /*override jQuery UI styles, do not delete doubled properties*/
    border-width: 0 0 1px;
    border-radius: 0;
    background-image: none;
    padding: 10px 15px !important;
    font-weight: normal;
    cursor: auto !important;
}

    .ui-dialog-titlebar > span {
        float: left;
        font-size: 18px;
        color: #444;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
    }

    .ui-dialog-titlebar button {
        position: absolute;
        top: 0;
        right: 0;
        width: 42px;
        height: 42px;
        border: none;
        overflow: hidden;
        background: url('../images/close-white.png') center no-repeat;
        font-size: 0;
        /*override jQuery UI styles, do not delete doubled properties*/
        top: 0 !important;
        right: 0 !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0;
        background: url('../images/close-white.png') center no-repeat !important;
        padding: 0 !important;
    }

        .ui-dialog-titlebar button span {
            display: none !important;
        }

.ui-dialog-content {
    /*padding: 15px;*/
    line-height: 20px;
    /*override jQuery UI styles, do not delete doubled properties*/
    background-color: #fff !important;
    /*padding: 15px 15px 20px 15px !important;*/
    padding: 0 !important;
    color: #777;
}

    .ui-dialog-content .page {
        min-height: 0;
    }

    .ui-dialog-content .page-title {
        min-height: 0;
        margin: 0 0 15px;
        padding: 0px 10px 10px 10px;
        text-align: center;
    }

        .ui-dialog-content .page-title h1 {
            font-size: 24px;
            line-height: 30px;
        }

    .ui-dialog-content .back-in-stock-subscription-page {
        text-align: center;
    }

        .ui-dialog-content .back-in-stock-subscription-page .tooltip {
            margin-bottom: 10px;
        }

        .ui-dialog-content .back-in-stock-subscription-page .button-1 {
            border: none;
            background-color: #4ab2f1;
            padding: 10px 15px;
            font-size: 15px;
            color: #fff;
            text-transform: uppercase;
        }

            .ui-dialog-content .back-in-stock-subscription-page .button-1:hover {
                background-color: #248ece;
            }


.ui-dialog {
    width: 90% !important;
    height: 75% !important;
    top: 150px !important;
    z-index: 150 !important;
}

.ui-widget.ui-widget-content {
    border-color: #85002F !important;
    border: 1px solid #85002F !important;
}

.ui-dialog-titlebar {
    background-color: #85002F !important;
}

    .ui-dialog-titlebar > span,
    .ui-dialog-titlebar-close {
        color: #fff !important;
    }

.ui-dialog:before {
    background: unset !important;
}

.ui-dialog-content {
    height: 100% !important;
    max-height: 100% !important;
}

.ui-dialog .ui-dialog-content .container,
.ui-dialog .ui-dialog-title {
    width: 100% !important;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
    outline: none !important;
}

.overview .free-shipping, .variant-overview .free-shipping,
.overview .return30, .variant-overview .return30,
.overview .return14, .variant-overview .return14,
.overview .manufacturer, .variant-overview .manufacturer,
.overview .sku, .variant-overview .sku,
.overview .product-vendor, .variant-overview .product-vendor,
.overview .download-sample, .variant-overview .download-sample,
.overview .delivery, .variant-overview .delivery,
.overview .topic-category-container,
.overview .icon-container.difficulty-container {
    display: inline-block;
    /*font-weight: bold;*/
    color: rgb(68, 68, 68);
    margin: 3px 0px;
    padding: 2px 0px 2px 28px;
    width: 100%;
}
/*
.html-downloadable-products-page .product {
    background: #fff;
}*/

.flower-hr {
    background: url(../../Content/images/flower.png) left center no-repeat;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.overview .free-shipping, .variant-overview .free-shipping {
    background: url(../../Content/images/shipping.png) left center no-repeat;
}

.overview .return30, .variant-overview .return30 {
    background: url(../../Content/images/return30.png) left center no-repeat;
}

.overview .return14, .variant-overview .return14 {
    background: url(../../Content/images/return14.png) left center no-repeat;
}

.overview .manufacturer, .variant-overview .manufacturer {
    background: url(../../Content/images/manufacturer.png) left center no-repeat;
    background-position: top left;
    background-position-y: 3px;
}

.overview .sku, .variant-overview .sku {
    background: url(../../Content/images/sku.png) left center no-repeat;
}

.overview .product-vendor, .variant-overview .product-vendor {
    background: url(../../Content/images/vendor.png) left center no-repeat;
}

.overview .download-sample, .variant-overview .download-sample {
    background: url(../../Content/images/download-sample.png) left center no-repeat;
}

.overview .delivery, .variant-overview .delivery {
    background: url(../../Content/images/delivery.png) left center no-repeat;
}

.overview .topic-category-container {
    width: auto;
    /*background: url(../../Content/images/manufacturer.png) left center no-repeat;*/
    padding-left: 0;
    margin-top: 8px;
    /*margin-bottom: 15px;*/
}

.overview .icon-container.difficulty-container {
    display: unset;
    padding-left: 0;
}

    .overview .icon-container.difficulty-container.difficulty-low {
        width: auto;
        /*background: url(../../Content/images/difficulty-low.png) left center no-repeat;*/
    }

    .overview .icon-container.difficulty-container.difficulty-medium {
        width: auto;
        /*background: url(../../Content/images/difficulty-medium.png) left center no-repeat;*/
    }

    .overview .icon-container.difficulty-container.difficulty-high {
        width: auto;
        /*background: url(../../Content/images/difficulty-high.png) left center no-repeat;*/
    }

@media (max-width: 767px) {
    .overview .topic-category-container {
        margin: 15px 0;
    }

        .overview .topic-category-container + hr {
            display: none;
        }
}
/*==========================================================================
// 29. Shop cart
==========================================================================*/
.shop-cart-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .shop-cart-section .shop-cart .table-responsive {
        border: none;
    }

    .shop-cart-section .shop-cart .shop_table {
        width: 100%;
        background: #fff;
    }

        .shop-cart-section .shop-cart .shop_table th {
            background: #85002f;
            color: #fff;
            font-weight: 700;
            padding: 15px 0 15px 0;
            vertical-align: middle;
        }

        .shop-cart-section .shop-cart .shop_table td {
            vertical-align: middle;
        }

        .shop-cart-section .shop-cart .shop_table .product-remove {
            width: 35px;
            vertical-align: middle;
            text-align: center;
        }

            .shop-cart-section .shop-cart .shop_table .product-remove .remove {
                background: #ff0000;
                margin: auto;
                color: #fff;
                width: 15px;
                text-align: center;
                height: 15px;
                border-radius: 100%;
                display: block;
            }

        .shop-cart-section .shop-cart .shop_table .product-thumbnail {
            width: 100px;
        }

    .shop-cart-section .shop-cart .cart-collaterals .cart_totals {
        background: #fff;
        padding: 20px;
    }

        .shop-cart-section .shop-cart .cart-collaterals .cart_totals h2 {
            font-size: 22px;
            color: #777;
            padding: 0;
            margin: 0 0 20px 0;
            text-align: center;
        }

        .shop-cart-section .shop-cart .cart-collaterals .cart_totals table {
            background: #fff;
            margin-bottom: 30px;
            width: 100%;
        }

        .shop-cart-section .shop-cart .cart-collaterals .cart_totals .checkout-button {
            background: #85002f;
            color: #fff;
            padding: 5px;
            display: block;
        }
/*==========================================================================
// 30. Shop login
==========================================================================*/
.shop-checkout-section {
    padding-top: 70px;
    padding-bottom: 40px;
}

.checkout-form {
    background: #fff;
    padding: 40px;
}

    .checkout-form .btn {
        background: #85002f;
        color: #fff;
    }

.login-box {
    position: relative;
    background: #fff;
    padding-top: 50px;
}

    .login-box img.thumb {
        position: absolute;
        width: 100px;
        height: 100px;
        top: -50px;
        left: 50%;
        margin-left: -50px;
        border-radius: 100%;
    }

    .login-box .login-box-inner {
        padding: 20px;
        font-size: 14px;
    }

        .login-box .login-box-inner .button {
            padding-left: 25px;
            padding-right: 25px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .login-box .login-box-inner h3 {
            font-size: 22px;
            text-align: center;
        }

        .login-box .login-box-inner .input-group .input-group-addon {
            background: transparent;
            border-right: none;
            border-top: none;
        }

        .login-box .login-box-inner .btn {
            background: #85002f;
            color: #fff;
        }

.login-page {
    border-bottom: 1px solid #8DC63F;
}

    .login-page #reservationForm .block-title {
        font-size: 18px;
        text-align: center;
        border-bottom: 1px solid #8DC63F;
        color: #d1d1d1;
        margin-top: 15px;
    }

    .login-page #reservationForm .text,
    .login-page #reservationForm .subtitle,
    .login-page .remember-me-label,
    .login-page .forgot-password a {
        color: #fff !important;
    }

    .login-page #reservationForm .title {
        display: none;
    }

@media (min-width: 768px) and (max-width: 910px) {
    .login-page #reservationForm .main-block {
        padding: 30px 10px;
    }
}


/*nopCommerce cart*/
.page.shopping-cart-page {
    padding: 15px;
}

.shopping-cart-page .page-title {
    text-align: center;
    min-height: 50px;
}

.center-1 .shopping-cart-page .title {
    font-size: 18px;
}

.table-wrapper {
    overflow-x: auto;
    margin-bottom: 15px;
}

    .table-wrapper table {
        width: 100%;
    }

.shop-item .overview .tier-prices {
    margin: 15px 0;
}

    .shop-item .overview .tier-prices .table-wrapper {
        margin-top: 15px;
    }

        .shop-item .overview .tier-prices .table-wrapper .prices-table {
            margin-bottom: 0px;
        }

@media (min-width: 1001px) {
    .cart label {
        display: none;
    }
}

.cart th, .data-table th, .forum-table th {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #9f0038;
    background-color: #85002f;
    padding: 10px;
    white-space: nowrap;
    font-weight: normal;
    color: #fff;
}

.cart td, .data-table td, .forum-table td {
    min-width: 50px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent #ddd #ddd;
    background-color: #fff;
    padding: 20px;
    color: #444
}

.cart td {
    padding: 3px 20px;
}

.order-summary-content .common-buttons {
    text-align: right;
}

.cart a, .data-table a, .forum-table a {
    font-weight: normal;
    color: #4ab2f1
}

    .cart a:hover, .data-table a:hover, .forum-table a:hover {
        text-decoration: underline
    }

.cart .product, .data-table .product, .data-table .message, .data-table .info, .data-table .name {
    min-width: 225px;
    text-align: left
}

    .cart .product a, .data-table .product a, .data-table .info a {
        font-weight: bold;
        color: #085eb1
    }

        .cart .product a:hover, .data-table .product a:hover, .data-table .info a:hover {
            color: #85002f;
            text-decoration: none
        }

    .cart .product .edit-item {
        margin: 10px 0 0
    }

        .cart .product .edit-item a {
            font-weight: normal;
            color: #085eb1
        }

            .cart .product .edit-item a:hover {
                text-decoration: underline
            }

.cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes, .data-table .order {
    text-align: center
}

.cart td.unit-price, .data-table td.unit-price {
    white-space: nowrap
}

.cart td.quantity input,
.cart td.quantity select {
    width: 50px;
    text-align: center;
    border: 1px solid #d8d8d8;
}

.cart td.quantity select {
    padding-right: 10px;
}

.cart td.subtotal, .data-table td.total {
    white-space: nowrap;
    color: #444
}

    .cart td.subtotal .discount, .cart td.subtotal .discount-additional-info {
        font-style: italic;
        color: #4bb05a;
        font-weight: 500;
    }

.shopping-cart-page dl {
    margin-bottom: 0px;
}

.shopping-cart-page .cart-footer .panel-default > .panel-heading {
    background-color: grey;
}

.cart-attributes {
    width: 49%;
    display: inline-block;
}

.checkout-attributes,
.selected-checkout-attributes {
    width: 100%;
    display: block;
    vertical-align: bottom;
    padding: 15px 0 0 15px;
}

    .checkout-attributes dt,
    .checkout-attributes dd {
        display: inline-block;
        width: 100%;
    }

        .checkout-attributes dt .text-prompt {
            font-size: 18px;
        }

        .checkout-attributes dd input,
        .checkout-attributes select {
            width: 200px;
        }

.cart-footer .shipping {
    display: none;
}

.cart-footer .cart-collaterals,
.cart-footer .totals {
    display: inline-block;
    padding: 0px 15px 15px 15px;
    width: 49%;
}

    .cart-footer .totals .total-info {
        margin-top: 15px;
    }

.cart-footer .cart-total {
    width: 100%;
}

.cart-total-right {
    text-align: right;
}

.totals {
    background-color: #f9f9f9;
    vertical-align: top;
}

.coupon-box,
.giftcard-box {
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
}

    .selected-checkout-attributes,
    .coupon-box .result-message,
    .giftcard-box .result-message {
        padding-top: 5px;
        font-weight: bold;
    }

        .coupon-box .result-message.message-success,
        .giftcard-box .result-message.message-success {
            color: #4bb05a;
        }

    .coupon-box input.btn,
    .giftcard-box input.btn {
        padding: 11px;
    }

.giftcard {
    margin-top: 15px;
}

.giftcard-input-container .recipient-name,
.giftcard-input-container .sender-name,
.giftcard-message-container .message {
    padding: 10px;
}

.giftcard-message-container .message {
    resize: vertical;
    max-height: 150px;
}

.coupon-code input.form-control {
    border: 1px solid #d8d8d8;
    margin: 0 auto;
    display: inline-block;
    width: 200px;
}

.coupon-code input {
    vertical-align: top;
}

.common-buttons input {
    padding: 11px;
}

.totals .terms-of-service {
    margin: 20px 0 10px 0;
}

.totals .checkout-buttons button {
    background-color: #318d3e;
    border-color: #318d3e;
    float: right;
    margin-top: 10px;
}

.totals .checkout-buttons .btn-primary.hvr-shutter-out-horizontal:before {
    background: #4bb05a !important;
    background-color: #4bb05a;
    border-color: #4bb05a;
}

.order-details-page {
    padding: 15px;
}

.order-overview {
    margin-bottom: 25px;
    width: 33%;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
}

    .order-overview .order-number,
    .order-details-area .billing-info .title,
    .order-details-area .shipping-info .title,
    .payment-shipping .title,
    .shipping-method-info .title,
    .payment-method-info .title {
        font-size: 16px;
        border-bottom: 1px solid;
        margin-bottom: 10px;
    }

.order-details-area {
    width: 66%;
    display: inline-block;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .cart-footer .cart-collaterals,
    .cart-footer .totals {
        width: 100%;
    }

    #shopping-cart-form hr {
        display: none;
    }

    .cart-footer .terms-of-service label {
        display: unset;
    }

    .order-overview {
        width: 100%;
    }
}

.billing-info-wrap,
.shipping-info-wrap,
.payment-method-info,
.shipping-method-info {
    width: 49%;
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: top;
}

.billing-info-wrap,
.shipping-info-wrap {
    padding: 15px;
}

.payment-method-info,
.shipping-method-info {
    background-color: #f9f9f9;
    padding: 15px;
}

    .billing-info-wrap ul,
    .shipping-info-wrap ul,
    .payment-method-info ul,
    .shipping-method-info ul,
    .order-overview ul {
        list-style: none;
        padding-left: 0px;
    }

.order-details-page .section.options {
    text-align: right;
}

.order-details-page .section.totals .cart-total {
    float: right;
    margin-top: 5px;
    vertical-align: bottom;
}

.order-details-page .section.totals td {
    line-height: 17px;
    vertical-align: top;
}

.cart-total-left {
    padding-right: 45px;
}

.order-details-page .actions {
    text-align: right;
    margin-top: -40px;
}

    .order-details-page .actions > * {
        margin-left: 15px;
    }

.order-details-page .page-body {
    margin-top: 40px;
}

.re-order-button.hvr-shutter-out-horizontal,
.print-order-button.hvr-shutter-out-horizontal,
.pdf-invoice-button.hvr-shutter-out-horizontal,
.return-items-button.hvr-shutter-out-horizontal {
    padding: 5px 20px;
}

.return-request-list-page ul {
    list-style: none;
}

.empty-cart-container,
.empty-cart-container .common-buttons {
    text-align: center;
}

    .empty-cart-container .no-data {
        margin: 25px 0;
    }

@media (max-width: 767px) {
    .order-details-page .actions {
        margin-top: 15px;
        width: 100%;
        text-align: left;
    }

        .order-details-page .actions > * {
            vertical-align: bottom;
        }

    .re-order-button.hvr-shutter-out-horizontal,
    .print-order-button.hvr-shutter-out-horizontal,
    .pdf-invoice-button.hvr-shutter-out-horizontal,
    .return-items-button.hvr-shutter-out-horizontal {
        margin: 10px 3px 0px 0;
        padding: 5px 14px;
    }
}

.message-error {
    color: #ef2809;
    font-weight: 600;
}

    .message-error ul {
        padding: 0;
        list-style: none;
    }

#small-searchterms.placeholder-error::-webkit-input-placeholder {
    color: #ff0000 !important;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 3px 1em 3px 0 !important;
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
}

    .ui-menu .ui-menu-item-wrapper:hover {
        border: 1px solid #85002F !important;
        background-color: #aaa !important;
    }

.ui-autocomplete .ui-menu-item-wrapper:hover, .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus {
    background-color: #f6f6f6 !important;
    color: #85002F !important;
}

.desktop-search .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    border: 1px solid #fff;
    color: #85002F !important;
}

.desktop-search .ui-autocomplete .ui-menu-item-wrapper img {
    margin-right: 5px;
    padding: 2px 5px;
}

.mobile-search .ui-autocomplete .ui-menu-item {
    width: 100%;
    font-size: 14px;
    padding: 5px 0px;
    border-bottom: 1px solid #d8d8d8;
}

.mobile-search .ui-autocomplete .ui-menu-item-wrapper img {
    width: 35px;
    height: 35px;
    margin-right: 5px;
}

.master-column-wrapper-full-width .container {
    padding: 15px;
}

.master-column-wrapper-full-width .special-services {
    padding: 0px;
}

.shopping-cart-container {
    list-style: none;
}

#topIcons li ul {
    box-shadow: rgb(0 0 0 / 13%) 0px 4px 10px 1px;
    border: 1px solid #d8d8d8;
}

.full-width .menu-cards {
    background-color: #fff;
}

    .full-width .menu-cards .container-inner h4,
    .center-2 .menu-cards .container-inner h4 {
        font-size: 14px;
        width: 180px;
        height: 65px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

@media (max-width:767px) {
    .full-width .menu-cards .container-inner h4,
    .center-2 .menu-cards .container-inner h4 {
        width: 100%;
    }
}

.news-list-page .menu-cards .container-inner h4 {
    width: 100%;
    line-height: 18px;
    max-height: 35px;
}

.news-list-page .news-short-description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 5px;
}

.news-list-page .item .news-list-image {
    width: 17%;
    float: left;
    padding: 0;
    height: auto;
    margin: 0;
}

    .news-list-page .item .news-list-image img {
        width: 110px;
        height: 110px;
        object-fit: cover;
        margin: 0 auto;
    }

.news-list-page .item .news-list-desc {
    display: inline-block;
    width: 83%;
}

.full-width .menu-cards .item-detail .stars {
    margin-top: 5px;
    line-height: 16px;
}

.full-width .menu-cards .item .fa {
    color: #85002F;
}

.full-width .menu-cards .item:hover .btn-primary {
    background-color: #85002F;
}

.full-width .menu-cards .item figure:before {
    background: none;
}

.news-list-page .menu-cards .item figure:before {
    background: rgba(255, 255, 255, 0);
}

.full-width .portfolio-items .item figure figcaption a {
    color: #fff;
    font-weight: bold;
    /*margin-top: 10px;*/
}

.full-width .we-can-offer,
.full-width .portfolio {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .full-width .we-can-offer .text-container {
        margin-top: 3%;
    }

.full-width .item-container.see-all .count {
    font-size: 30px;
    text-align: center;
    height: 269px;
    padding-top: 25%;
}

    .full-width .item-container.see-all .count span {
        width: 100%;
        display: block;
    }

.full-width .item-container.see-all .link {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    display: block;
    height: 50px;
}

.full-width .offer-owl-carousel .item h3 {
    font-size: 16px;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.full-width .offer-owl-carousel .owl-stage {
    margin-top: 25px;
}

.full-width .offer-owl-carousel .item figure {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 961px) and (max-width: 1199px) {
    .full-width .item-container.see-all .count {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .side-2 {
        margin-right: 0px;
    }

    .full-width .item-container.see-all .count {
        font-size: 20px;
        margin-top: 10px;
        height: unset;
    }

    .full-width .item-container.see-all {
        height: 229px;
    }
}

@media (max-width: 767px) {


    .full-width .item-container.see-all {
        height: 235px;
    }

        .full-width .item-container.see-all .count {
            font-size: 18px;
            height: 153px;
        }

        .full-width .item-container.see-all .link {
            margin-top: 3px;
            font-weight: bold;
        }


    .news-list-page .item .news-list-image {
        margin: 0 0 0 15px;
        width: 28%;
    }

    .news-list-page .item .news-list-desc {
        width: 67%;
    }

        .news-list-page .item .news-list-desc .stars {
            display: block;
            width: 100%;
            left: 10px;
            bottom: 5px;
            float: left;
            position: absolute;
            padding: 0 5px;
        }
}

/* Special projects */
.special-projects .blog-item-container {
    /*width: 25%;*/
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.special-projects .item {
    padding: 15px;
    background-color: #fff;
    min-height: 500px;
    max-height: 500px;
    max-width: 265px;
    position: relative;
    border: 1px solid #d5d5d5;
}

    .special-projects .item .hvr-icon-forward {
        width: 100%;
        text-align: right;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

    .special-projects .item h3 {
        text-align: center;
        min-height: 55px;
    }

.special-projects .item-container {
    padding: 15px;
    min-height: 400px;
}

.special-projects .item {
    background-color: #fff;
    padding: 15px;
    display: inline-block;
}

    .special-projects .item img {
        /*width: 225px;*/
        height: 225px;
        object-fit: cover;
        margin: 0 auto;
        object-position: top;
    }

    .special-projects .item h3,
    .special-projects .item .topic-description-preview {
        max-height: 90px;
        height: 90px;
    }

@media (max-width: 1024px) {
    .special-projects .item {
        width: 100%;
        margin: 0 7px 15px 7px;
        min-height: 470px;
        max-height: 470px;
    }

        .special-projects .item figure img {
            margin: 0 auto;
            width: 100%;
        }
}

@media (max-width: 767px) {
    .special-projects .blog-item-container {
        width: 100%;
    }

    .special-projects .item {
        width: 100%;
        margin: 0 0 15px 0;
        min-height: 450px;
        max-height: 100%;
        padding-bottom: 35px;
    }

        .special-projects .item figure img {
            margin: 0 auto;
            width: 100%;
        }

    .product-reviews-page form,
    .product-reviews-page .review-additional-information {
        width: 100%;
        padding-right: 0px !important;
    }

    .master-wrapper-content {
        margin-top: 81px;
    }

    .product-reviews-page .page-title {
        width: calc(100% - 120px);
    }

    .product-reviews-page .review-additional-information {
        margin: 15px 0px;
        padding-right: 0px !important;
    }

    .product-reviews-page .inputs .review-text {
        min-height: 150px;
    }

    .product-reviews-page .result {
        padding: 35px 0;
    }

    .special-projects .offer-owl-carousell .item h3 {
        min-height: unset;
    }
}

.field-validation-error {
    color: red;
    font-weight: bold;
}

    .field-validation-error p {
        margin-bottom: 0px;
    }


/*.input-validation-error {
  border: 1px dashed rgba(255,0,0,0.45) !important;
}*/

.single-post .result {
    font-weight: bold;
    color: #8dc63f;
    margin-top: 15px;
}

/* Product variants */
.product-variant-line {
    width: 100%;
    display: inline-block;
    border: 1px solid #d8d8d8;
    padding: 15px;
}

    .product-variant-line .variant-name {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .product-variant-line .availability,
    .product-variant-line .additional-details,
    .product-variant-line .add-to-favourite {
        margin: 0 10px 0 0;
        vertical-align: top;
    }

    .product-variant-line .add-to-favourite {
        float: right;
    }

    .product-variant-line .variant-attributes {
        margin-bottom: 10px;
        width: 100%;
        height: 22px;
    }

    .product-variant-line .variant-picture {
        width: 250px;
        display: inline-block;
        border-right: 1px solid #d8d8d8;
        vertical-align: top;
    }

    .product-variant-line .variant-overview {
        width: calc(100% - 250px);
        display: inline-block;
        vertical-align: top;
        padding: 15px;
        margin: 0 auto;
    }

        .product-variant-line .variant-overview .prices,
        .product-variant-line .variant-overview .add-to-cart-container {
            display: inline-block;
            vertical-align: middle;
            margin-right: 15px;
            text-align: left;
        }

        .product-variant-line .variant-overview .variant-price-add-to-cart {
            width: 100%;
            display: block;
        }

    .product-variant-line .tier-prices .table {
        margin-bottom: 0px;
    }


    .product-variant-line .tier-prices .table-wrapper {
        margin-bottom: 5px;
    }

    .product-variant-line .rental-attributes {
        margin-bottom: 25px;
    }

        .product-variant-line .rental-attributes .datepicker {
            border: 1px solid #d8d8d8;
        }

.compare-products-page {
    padding: 15px;
}

    .compare-products-page td {
        position: relative;
    }

.compare-products-table .fa {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
    color: #85002F;
    cursor: pointer;
    box-shadow: 2px 3px 6px -2px rgba(0,0,0,.4);
    padding: 3px 5px;
    background: #fff;
}

.compare-products-table .compare-picture-container {
    width: 250px;
    position: relative;
}

.compare-products-table .picture img {
    max-width: 250px;
}

.compare-products-page .clear-list {
    position: absolute;
    top: 50px;
    right: 25px;
}

/*==========================================================================
// 1x. Checkout page
==========================================================================*/

.checkout-page {
    padding: 15px 25px;
}

    .checkout-page .checkout-data {
        padding: 15px;
        background-color: #fff;
    }

        .checkout-page .checkout-data .terms-of-service {
            text-align: right;
            margin-top: 25px;
        }

        .checkout-page .checkout-data .info-list .name,
        .checkout-page .checkout-data .info-list .custom-attributes-view {
            margin-top: 15px;
        }

    .checkout-page h1 {
        font-size: 26px;
        text-align: center;
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .checkout-page .tab-section {
        background: #fff;
        border: 0px solid #85002F;
    }

.title {
    position: relative;
}

.step-title h2.title {
    color: #fff;
}

.checkout-page .tab-section .step-title {
    background-color: #efefef;
    padding: 1px 0 3px 15px;
    cursor: pointer;
    border-left: 4px solid #d8d8d8;
    border-radius: 9px 9px 9px 9px;
    margin-top: 5px;
}

.checkout-page .tab-section.active .step-title {
    border-radius: 9px 9px 0 0;
}

    .checkout-page .tab-section .step-title h2 {
        color: inherit;
        margin: 10px 0;
        font-size: 16px;
        font-weight: bold;
    }

    .checkout-page .tab-section .step-title + div {
        border-left: 4px solid #d8d8d8;
        border-right: 2px solid #efefef;
        border-bottom: 2px solid #efefef;
        border-radius: 0 0 15px 15px;
    }

.opc .tab-section .step-title {
    transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.opc .tab-section .title::after {
    opacity: 0;
    transform: translateY(-2px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.opc .tab-section.is-completed .title::after {
    opacity: 1;
    transform: translateY(0);
}

.checkout-page ol {
    list-style: none;
    padding-left: 0;
}

.checkout-page .ship-to-same-address,
.checkout-page .back-link {
    margin-top: 15px;
}

.checkout-page .user-data-label {
    margin-bottom: 0px;
}

.checkout-page .step {
    position: relative;
}

.checkout-page .back-link {
    width: 200px;
    display: inline-block;
    margin-left: 15px;
}

.checkout-page .select-billing-address .addresses-container,
.checkout-page .select-shipping-address .addresses-container,
.checkout-page .shipping-method .method-list,
.checkout-page .payment-method .method-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    gap: 14px;
}

    .checkout-page .select-billing-address .billing-address-container,
    .checkout-page .select-shipping-address .shipping-address-container,
    .checkout-page .shipping-method .method-list li,
    .checkout-page .payment-method .method-list li {
        width: 31%;
        background: rgba(133,0,48,0.03);
        padding: 15px;
        margin: 5px;
        border: 3px solid #ccc;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        cursor: pointer;
    }

        .checkout-page .select-billing-address .billing-address-container label,
        .checkout-page .select-shipping-address .shipping-address-container label,
        .checkout-page .shipping-method label,
        .checkout-page .payment-method label {
            font-weight: normal;
            display: unset;
            cursor: pointer;
        }

.checkout-page .billing-address-container.active,
.checkout-page .shipping-address-container.active,
.checkout-page .method-list li.active {
    /*background: #85002F !important;
    color: #fff;*/
    border: 3px solid #28a745;
    border-radius: 5px;
}

.checkout-page .select-billing-address label,
.checkout-page .select-shipping-address label {
    font-weight: normal;
}

.checkout-page #billing-buttons-container,
.checkout-page #shipping-buttons-container {
    width: 100%;
    display: block;
    position: relative;
    margin-left: 10px;
    margin-top: -15px;
}

    .checkout-page #shipping-buttons-container {
        margin-top: 0;
    }

    .checkout-page .btn-success {
        padding: 10px 15px;
        margin: 15px 5px;
    }

.checkout-page .field-validation-error {
    position: absolute;
    right: 30px;
    top: 60%;
}

.product-reviews-page .field-validation-error {
    font-size: 14px;
    margin: 5px 10px;
    display: inline-block;
}

.checkout-page input.form-control {
    border: 1px solid #fff;
    border-bottom: 1px solid #d8d8d8;
}

.checkout-page .input-validation-error {
    border: 1px dashed rgba(255,0,0,0.45) !important;
}

.checkout-page .please-wait {
    position: absolute;
    bottom: 15px;
    font-weight: bold;
    left: 0;
    background-color: #fff;
    width: 100%;
    line-height: 45px;
    background-position-y: 13px;
}

.checkout-page .order-summary .label {
    display: block;
    padding: 0;
}

.checkout-page .cart-footer {
    display: flex;
    justify-content: flex-end;
}

.checkout-page #confirm-order-buttons-container {
    margin-bottom: 25px;
}

    .checkout-page #confirm-order-buttons-container .btn {
        position: absolute;
        right: 15px;
    }


@media (max-width:767px) {
    .checkout-page .select-billing-address .billing-address-container,
    .checkout-page .select-shipping-address .shipping-address-container,
    /*.checkout-page .address-select,*/
    .checkout-page .shipping-method .method-list li,
    .checkout-page .payment-method .method-list,
    .billing-info-wrap, .shipping-info-wrap,
    .payment-method-info, .shipping-method-info,
    .checkout-page .payment-method .method-list li {
        width: 100%;
    }

    .custom-attributes label {
        font-weight: normal;
        margin-top: 15px;
    }
}

.opc .tab-section.is-completed .step-title {
    background-color: #efefef;
    border-left: 4px solid #28a745;
    border-radius: 10px;
    opacity: 0.7;
}

.opc .tab-section.is-upcoming .step-title {
    background-color: #efefef;
    border-left: 4px solid #d8d8d8;
    border-radius: 10px;
    opacity: 0.7;
}

    .opc .tab-section.is-completed .step-title > .title::before {
        content: "✅";
        display: inline-block;
        margin-right: 8px;
        color: #28a745;
        font-weight: bold;
    }

.opc .tab-section:not(.is-completed) .step-title > .title::before {
    content: "🖍";
    display: inline-block;
    margin-right: 8px;
    /*color: #d8d8d8;*/
    font-weight: bold;
}

/* Same delivery address as billing */
.section.ship-to-same-address .selector,
.section.new-shipping-address .inputs > .custom-attributes,
.section.new-billing-address .inputs > .custom-attributes {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 0;
}

    .section.ship-to-same-address .selector input[type="checkbox"],
    .section.new-shipping-address .inputs > .custom-attributes input[type="checkbox"],
    .section.new-billing-address .inputs > .custom-attributes input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .section.ship-to-same-address .selector label,
    .section.new-shipping-address .inputs > .custom-attributes label,
    .section.new-billing-address .inputs > .custom-attributes label {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        font-size: 15px;
        line-height: 1.4;
        color: #333;
        user-select: none;
        padding: 8px 0;
    }

        /* Outer round circle */
        .section.ship-to-same-address .selector label::before,
        .section.new-shipping-address .inputs > .custom-attributes label::before,
        .section.new-billing-address .inputs > .custom-attributes label::before {
            content: "";
            width: 22px;
            height: 22px;
            border: 2px solid #bfc7d1;
            border-radius: 50%;
            background: #fff;
            box-sizing: border-box;
            transition: all 0.2s ease;
            flex-shrink: 0;
        }

        /* Inner dot */
        .section.ship-to-same-address .selector label::after,
        .section.new-shipping-address .inputs > .custom-attributes label::after,
        .section.new-billing-address .inputs > .custom-attributes label::after {
            content: "";
            position: absolute;
            left: 20px;
            top: 50%;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #28a745;
            transform: translateY(-50%) scale(0);
            transition: transform 0.2s ease;
        }

    /* Checked state */
    .section.ship-to-same-address .selector input[type="checkbox"]:checked ~ label::before,
    .section.new-shipping-address .inputs > .custom-attributes input[type="checkbox"]:checked ~ label::before,
    .section.new-billing-address .inputs > .custom-attributes input[type="checkbox"]:checked ~ label::before {
        border-color: #28a745;
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.12);
    }

    .section.ship-to-same-address .selector input[type="checkbox"]:checked ~ label::after,
    .section.new-shipping-address .inputs > .custom-attributes input[type="checkbox"]:checked ~ label::after,
    .section.new-billing-address .inputs > .custom-attributes input[type="checkbox"]:checked ~ label::after {
        transform: translateY(-50%) scale(1);
    }

    /* Hover */
    .section.ship-to-same-address .selector label:hover::before,
    .section.new-shipping-address .inputs > .custom-attributes label:hover::before,
    .section.new-billing-address .inputs > .custom-attributes label:hover::before {
        border-color: #28a745;
    }

    /* Keyboard focus */
    .section.ship-to-same-address .selector input[type="checkbox"]:focus ~ label::before,
    .section.new-shipping-address .inputs > .custom-attributes input[type="checkbox"]:focus ~ label::before,
    .section.new-billing-address .inputs > .custom-attributes input[type="checkbox"]:focus ~ label::before,
    .section.ship-to-same-address .selector input[type="checkbox"]:focus-visible ~ label::before,
    .section.new-shipping-address .inputs > .custom-attributes input[type="checkbox"]:focus-visible ~ label::before,
    .section.new-billing-address .inputs > .custom-attributes input[type="checkbox"]:focus-visible ~ label::before {
        outline: none;
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.18);
    }

.section.ship-to-same-address,
.section.new-shipping-address .inputs > .custom-attributes,
.section.new-billing-address .inputs > .custom-attributes {
    margin-top: 12px;
    display: block;
}

    .section.ship-to-same-address .selector,
    .section.new-shipping-address .inputs > .custom-attributes
    .section.new-billing-address .inputs > .custom-attributes {
    }

        .section.ship-to-same-address .selector label,
        .section.new-shipping-address .inputs > .custom-attributes label,
        .section.new-billing-address .inputs > .custom-attributes label {
            display: flex;
            align-items: center;
            min-height: 46px;
            padding: 10px 14px;
            border: 1px solid #e3e7ec;
            border-radius: 999px;
            background: #fff;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
        }

        .section.ship-to-same-address .selector input[type="checkbox"]:checked ~ label,
        .section.new-shipping-address .inputs > .custom-attributes input[type="checkbox"]:checked ~ label,
        .section.new-billing-address .inputs > .custom-attributes input[type="checkbox"]:checked ~ label {
            border-color: #28a745;
            background: #f6fff8;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
        }

        .section.ship-to-same-address .selector label:hover,
        .section.new-shipping-address .inputs > .custom-attributes label:hover,
        .section.new-billing-address .inputs > .custom-attributes label:hover {
            border-color: #28a745;
        }

/* Billing address selectors start */

/* Hide native radio */
.select-billing-address .billing-address-container input[type="radio"],
.select-shipping-address .shipping-address-container input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Main clickable label */
.select-billing-address .billing-address-container > div:first-child > label,
.select-shipping-address .shipping-address-container > div:first-child > label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    margin: 0 0 10px 0;
    padding-left: 34px;
    user-select: none;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.4;
}

    /* Outer radio circle */
    .select-billing-address .billing-address-container > div:first-child > label::before,
    .select-shipping-address .shipping-address-container > div:first-child > label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 22px;
        height: 22px;
        border: 2px solid #bfc7d1;
        border-radius: 50%;
        background: #fff;
        box-sizing: border-box;
        transform: translateY(-50%);
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    }

    /* Inner dot */
    .select-billing-address .billing-address-container > div:first-child > label::after,
    .select-shipping-address .shipping-address-container > div:first-child > label::after {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #28a745;
        transform: translateY(-50%) scale(0);
        transition: transform 0.2s ease;
    }

    /* Checked radio visual */
    .select-billing-address .billing-address-container > div:first-child > label:has(input[type="radio"]:checked)::before,
    .select-shipping-address .shipping-address-container > div:first-child > label:has(input[type="radio"]:checked)::before {
        border-color: #28a745;
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.12);
    }

    .select-billing-address .billing-address-container > div:first-child > label:has(input[type="radio"]:checked)::after,
    .select-shipping-address .shipping-address-container > div:first-child > label:has(input[type="radio"]:checked)::after {
        transform: translateY(-50%) scale(1);
    }

/* Selected card state */
.select-billing-address .billing-address-container:has(input[type="radio"]:checked),
.select-shipping-address .shipping-address-container:has(input[type="radio"]:checked) {
    background: #f7fff9;
    box-shadow: 0 8px 22px rgba(40, 167, 69, 0.10);
}

/* Name emphasis */
.select-billing-address .billing-address-container strong,
.select-shipping-address .shipping-address-container strong {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

/* Address lines */
.select-billing-address .billing-address-container > div:not(:first-child),
.select-shipping-address .shipping-address-container > div:not(:first-child) {
    margin-left: 34px;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

    /* Make the small labels behave like text lines */
    .select-billing-address .billing-address-container > div:not(:first-child) > label,
    .select-shipping-address .shipping-address-container > div:not(:first-child) > label {
        display: inline-block;
        margin: 0 8px 2px 0;
        font-weight: 400;
        color: inherit;
        cursor: default;
    }

/* New address option */
.select-billing-address .billing-address-container:has(#add-new-billing-address),
.select-shipping-address .shipping-address-container:has(#add-new-shipping-address) {
    border-style: dashed;
}

/* Focus state for keyboard nav */
.select-billing-address .billing-address-container > div:first-child > label:has(input[type="radio"]:focus-visible)::before,
.select-shipping-address .shipping-address-container > div:first-child > label:has(input[type="radio"]:focus-visible)::before {
    box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.18);
}

.select-billing-address .billing-address-container #add-new-billing-address ~ label,
.select-shipping-address .shipping-address-container #add-new-shipping-address ~ label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    margin: 0;
    padding-left: 34px;
    user-select: none;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.4;
}

.select-billing-address .billing-address-container #add-new-billing-address ~ label,
.select-shipping-address .shipping-address-container #add-new-shipping-address ~ label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    cursor: pointer;
    margin: 0;
    padding-left: 34px;
    user-select: none;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.4;
}

    .select-billing-address .billing-address-container #add-new-billing-address ~ label::before,
    .select-shipping-address .shipping-address-container #add-new-shipping-address ~ label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 22px;
        height: 22px;
        border: 2px solid #bfc7d1;
        border-radius: 50%;
        background: #fff;
        box-sizing: border-box;
        transform: translateY(-50%);
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    }

    .select-billing-address .billing-address-container #add-new-billing-address ~ label::after,
    .select-shipping-address .shipping-address-container #add-new-shipping-address ~ label::after {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #28a745;
        transform: translateY(-50%) scale(0);
        transition: transform 0.2s ease;
    }

.select-billing-address .billing-address-container.active #add-new-billing-address ~ label::before,
.select-shipping-address .shipping-address-container.active #add-new-shipping-address ~ label::before {
    border-color: #28a745;
    box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.12);
}

.select-billing-address .billing-address-container.active #add-new-billing-address ~ label::after,
.select-shipping-address .shipping-address-container.active #add-new-shipping-address ~ label::after {
    transform: translateY(-50%) scale(1);
}
/* Billing address selectors end */

/* Delivery methods */
/* Shared method list */
.shipping-method .method-list,
.payment-method .method-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .shipping-method .method-list li,
    .payment-method .method-list li {
        position: relative;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        background: #fff;
        padding: 16px 18px;
        margin-bottom: 14px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.15s ease;
    }

        .shipping-method .method-list li:hover,
        .payment-method .method-list li:hover {
            border-color: #28a745;
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
            transform: translateY(-1px);
        }

        .shipping-method .method-list li.active,
        .shipping-method .method-list li:has(input[type="radio"]:checked),
        .payment-method .method-list li.active,
        .payment-method .method-list li:has(input[type="radio"]:checked) {
            background: #f7fff9;
            box-shadow: 0 8px 22px rgba(40, 167, 69, 0.10);
        }

    /* Hide native radio */
    .shipping-method .method-list input[type="radio"],
    .payment-method .method-list input[type="radio"] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

/* Layout */
.shipping-method .method-name,
.payment-method .method-name {
    position: relative;
}

    /* Shared label look */
    .shipping-method .method-name > label,
    .payment-method .payment-logo > label:last-of-type {
        position: relative;
        display: flex;
        align-items: center;
        gap: 14px;
        cursor: pointer;
        margin: 0;
        padding-left: 34px;
        user-select: none;
        color: #1f2937;
        font-size: 15px;
        line-height: 1.4;
        font-weight: 500;
    }

        /* Outer circle */
        .shipping-method .method-name > label::before,
        .payment-method .payment-logo > label:last-of-type::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 22px;
            height: 22px;
            border: 2px solid #bfc7d1;
            border-radius: 50%;
            background: #fff;
            box-sizing: border-box;
            transform: translateY(-50%);
            transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
        }

        /* Inner dot */
        .shipping-method .method-name > label::after,
        .payment-method .payment-logo > label:last-of-type::after {
            content: "";
            position: absolute;
            left: 6px;
            top: 50%;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #28a745;
            transform: translateY(-50%) scale(0);
            transition: transform 0.2s ease;
        }

    /* Checked state */
    .shipping-method .method-name input[type="radio"]:checked + label::before,
    .payment-method .payment-logo input[type="radio"]:checked + label::before {
        border-color: #28a745;
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.12);
    }

    .shipping-method .method-name input[type="radio"]:checked + label::after,
    .payment-method .payment-logo input[type="radio"]:checked + label::after {
        transform: translateY(-50%) scale(1);
    }

    /* Keyboard focus */
    .shipping-method .method-name input[type="radio"]:focus-visible + label::before,
    .payment-method .payment-logo input[type="radio"]:focus-visible + label::before {
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.18);
    }

/* Payment-specific layout */
.payment-method .payment-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: inherit;
}

    .payment-method .payment-logo img {
        max-height: 34px;
        width: auto;
        display: block;
        border-radius: 6px;
    }

.payment-method .payment-details {
    margin-left: 34px;
    margin-top: 10px;
}

.payment-method .payment-description {
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}
/* Delivery methods end */




/*==========================================================================
// 1x. Checkout done page
==========================================================================*/

.checkout-page .order-completed .details {
    padding: 15px;
    margin: 10px 0;
    background: #e0f5fb;
}

.checkout-page .details-container,
.checkout-page .check-mark {
    display: inline-block;
    vertical-align: middle;
}

.checkout-page .check-mark {
    font-size: 50px;
    color: #5cb85c;
    margin-right: 15px;
}

/*==========================================================================
// 2x. Polls
==========================================================================*/
.home-page-polls {
    padding-bottom: 30px;
}

    .home-page-polls .poll-display-text {
        margin: 15px 0 0 15px;
        display: block;
        padding-bottom: 15px;
        border-bottom: 1px solid #d8d8d8;
    }

    .home-page-polls .poll-options,
    .home-page-polls .poll-results {
        list-style: none;
        margin-top: 10px;
        padding: 0;
    }

        .home-page-polls .poll-options .answer,
        .home-page-polls .poll-results .answer {
            position: relative;
            line-height: 30px;
            padding: 0 15px;
        }

            .home-page-polls .poll-options .answer label {
                width: 100%;
                cursor: pointer;
            }

            .home-page-polls .poll-options .answer:hover {
                background-color: #efefef;
            }

        .home-page-polls .poll-options .fa {
            position: absolute;
            right: 10px;
            top: 1px;
            font-size: 30px;
            opacity: 0.2;
            color: #5cb85c;
        }

        .home-page-polls .poll-options .answer:hover .fa,
        .home-page-polls .poll-options .answer input[type="radio"]:checked + i {
            opacity: 1;
        }

.poll-results-container {
    width: 100%;
    text-align: right;
}

.poll-results .answer-name {
    width: 60%;
}

.poll-results .answer-votes {
    width: 15%;
    text-align: right;
}

.poll-results .answer-percent {
    width: 23%;
    text-align: right;
}

.btn-primary.small {
    padding: 7px 10px;
}

/*==========================================================================
// 2x. Testimonials
==========================================================================*/
.topic-page {
    padding-top: 15px;
    padding-bottom: 30px;
}

    .topic-page .container {
        font-size: 16px;
    }

    .topic-page h1 {
        margin-top: 20px;
        margin-bottom: 30px;
    }

blockquote {
    font-size: 16px;
    font-style: italic;
    display: block;
    border-left: 5px solid #85002F;
}

#testimonials p {
    margin: 0;
}

/*#testimonials .comment-list .img-circle {
    margin-top: 15px;
}*/

#testimonials .comment-list .item figure {
    padding: 0 10px 10px 10px;
}

#testimonials .comment-list .item .comment-list-inner {
    margin-top: 0px;
}

#testimonials .comment-list {
    margin-top: 15px;
}

    #testimonials .comment-list .item {
        padding: 25px 0 15px 0;
    }

#testimonials .comment-list-inner .image-zoom {
    background: unset;
    border: none;
    box-shadow: unset;
}

#testimonials .comment-list-inner .testimonial-photo img {
    max-width: 150px;
    max-height: 150px;
    border: 1px solid #d8d8d8;
    padding: 5px;
    margin: 10px 5px 10px 0;
    transition: 0.3s;
    display: inline-block;
    height: 150px;
}

    #testimonials .comment-list-inner .testimonial-photo img:hover {
        opacity: 0.7;
    }

#testimonials .testimonial-review {
    margin-top: 15px;
}

#testimonials .stars .fa-star {
    color: #f9bf3b;
}

#testimonials .testimonial-review.no-review {
    font-style: italic;
}

.topic-page .aggregate-review-container {
    text-align: center;
}

.topic-page .aggregate-review-platform {
    font-size: 20px;
}

.topic-page .aggregate-review-title {
    font-size: 20px;
    font-weight: bold;
}

    .topic-page .aggregate-review-title .stars.aggregate-review-stars .fa-star {
        color: #f9bf3b;
    }

.topic-page .share-button-container {
    margin-top: 35px;
    display: flex;
}

body.mfp-zoom-out-cur {
    overflow: hidden;
    overflow-y: scroll;
}

@media (max-width: 767px) {
    #testimonials .comment-list .item .comment-list-inner {
        margin-top: 10px;
    }

    #testimonials .comment-list-inner .testimonial-photo img {
        max-width: 100px;
        max-height: 100px;
    }

    .container #testimonials div[class*='col-'] {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #testimonials.tabpanel .tab-pane {
        padding-left: 0px;
        padding-right: 0px;
    }

    #testimonials .comment-list .item {
        border: 1px solid #d8d8d8;
        padding: 15px;
        margin-bottom: 15px;
    }

    .topic-page .aggregate-review-description.facebook {
        margin-bottom: 30px;
    }
}

/*=============================================*/
/* ThreeSixty images */
/*=============================================*/

.threesixty-image {
    position: relative;
}

    .threesixty-image .text-3d-container {
        position: absolute;
        z-index: 99;
        color: #fff;
        font-weight: bold;
        background: #000;
        overflow: hidden;
        width: 85px;
        height: 85px;
        margin: 5px;
        opacity: 0.5;
        padding: 15% 25%;
        text-align: center;
    }

        .threesixty-image .text-3d-container .text-3d {
            font-size: 25px;
            font-family: arial;
        }

    .threesixty-image figure img {
        z-index: 999;
    }

.threesixty, .threesixty-frame, .threesixty-wrapper {
    max-width: 100%;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: context-menu;
}

.mfp-wrap,
.mfp-bg {
    z-index: 20005;
}

body.mfp-zoom-out-cur {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*=============================================*/
/* Topic page */
/*=============================================*/
.topic-page .image-zoom {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

.html-topic-page .pinterest-items .post-header {
    padding-bottom: 0px;
}

.image-gallery-container .image-zoom,
#product-details-form .image-zoom .img-responsive {
    cursor: pointer;
}

.topic-page .image-zoom img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}

.topic-page .mini-gallery-owl-carousel .owl-item .item,
.topic-page .mini-gallery-owl-carousel .owl-item .item figure {
    max-width: 97px;
    max-height: 97px;
    width: 97px;
    height: 97px;
}

    .topic-page .mini-gallery-owl-carousel .owl-item .item figure {
        border: 1px solid #d8d8d8;
    }

.topic-page .mini-gallery-owl-carousel .owl-item img {
    width: 100%;
    min-height: 95px;
    max-height: 95px;
    object-fit: cover;
}

.owl-carousel .owl-item {
    padding: 5px;
}

.topic-page .image-gallery-container {
    width: 50%;
    float: left;
    padding-right: 15px;
}

.topic-page .product-name {
    width: 50%;
}

.topic-page .special-projects .item .topic-description-preview,
.topic-page .we-can-offer .item .topic-description-preview,
.homepage-blog-list.special-projects .item .topic-description-preview {
    /*max-height: 83px;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* change to 2/4 etc. */
    overflow: hidden;
}

.topic-page .we-can-offer .item .topic-description-preview {
    margin-bottom: 5px;
}

.topic-page .product-share-button {
    display: inline-block;
}

.image-gallery-container.full-width-image {
    width: 100%;
    margin-bottom: 15px;
}

.topic-page .image-gallery-container.full-width-image .image-zoom {
    border: none;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

    .topic-page .image-gallery-container.full-width-image .image-zoom img {
        width: auto;
        height: auto;
        margin: 0 auto;
    }

.topic-page .image-gallery-container .regular-images {
    background: #fff;
    display: inline-block;
    width: auto;
}

.topic-page .image-gallery-container .article-thumbnails {
    text-align: center;
}

.topic-page .image-gallery-container .regular-images img {
    /*width: 74px;*/
    /*height: 74px;*/
    max-width: 95px;
    max-height: 95px;
    object-fit: cover;
    background: #fff;
}

.topic-page .overview p > img,
.topic-page .overview p > * img {
    max-width: 100%;
    height: auto;
}

.mfp-title {
    padding-right: 55px;
}

@media (max-width: 1024px) {
    .topic-page .special-projects .item .topic-description-preview, .topic-page .we-can-offer .item .topic-description-preview, .homepage-blog-list.special-projects .item .topic-description-preview {
        max-height: 65px;
    }

    .homepage-blog-list.special-projects .item .topic-description-preview {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

@media (max-width:767px) {
    .topic-page .image-gallery-container {
        width: 100%;
        padding-right: 0px;
    }

        .topic-page .image-gallery-container .image-zoom img {
            max-height: 500px;
            overflow: hidden;
            content: cover;
        }

        .topic-page .image-gallery-container .image-zoom img {
        }

    .topic-image .image-gallery-container {
        padding-right: 0px;
    }

    .topic-page .product-name + hr {
        display: none;
    }

    .topic-page .image-gallery-container .regular-images img {
        /*width: 50px;*/
        height: 50px;
    }

    .topic-page .image-gallery-container .mini-gallery-owl-carousel {
        margin-left: 0px;
        margin-right: 0px;
    }

        .topic-page .image-gallery-container .mini-gallery-owl-carousel .owl-item {
            text-align: center;
        }

    .owl-carousel .owl-stage-outer .owl-stage {
        margin: 0 auto;
    }

    .topic-page .overview {
        display: inline-block;
        width: 100%;
        word-break: break-word;
    }

    .topic-page h1 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* Nivo Slider */
@media (min-width: 1001px) {
    #pageTop .theme-custom {
        margin: 0px;
    }
}

.slider-wrapper.theme-custom {
    margin: 0 auto;
}

.captcha-box {
    /*color: #fff;*/
    font-size: 13px;
    text-align: center;
}

    .captcha-box a {
        color: #8DC63F !important;
    }

.grecaptcha-badge {
    height: 60px !important;
    z-index: 100;
}

/*SITEMAP*/
.sitemap-page {
    padding: 15px;
}

    .sitemap-page .entity-title {
        margin-bottom: 10px;
    }

    .sitemap-page li {
        list-style: disc !important;
        width: 33%;
        display: inline-block;
        padding: 3px 15px 3px 5px;
        margin-bottom: 3px;
        vertical-align: top;
        border-left: 5px solid #85002F;
    }

@media (max-width: 767px) {
    .vjs-sugarflowers.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
    .vjs-sugarflowers .vjs-chapters-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        right: 30px;
    }
}

/* Preview URL styles */
.entity-preview-popup {
    display: none;
    position: absolute;
    z-index: 99999;
    width: 360px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.34);
    overflow: hidden;
}

/* default spacing */
.entity-preview-card {
    padding: 14px;
}

.entity-preview-content {
    min-width: 0;
}

.entity-preview-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 8px;
}

    .entity-preview-title a {
        text-decoration: none;
    }

.entity-preview-price-row {
    margin: 0 0 10px;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.entity-preview-price {
    font-size: 15px;
    font-weight: 700;
    color: #d63b1f;
}

.entity-preview-old-price {
    font-size: 13px;
    color: #888;
    text-decoration: line-through;
}

.entity-preview-meta {
    font-size: 12px;
    color: #777;
    margin-bottom: 8px;
}

.entity-preview-summary {
    font-size: 13px;
    line-height: 1.5;
    color: #333;
}

/* TOP layout: square or landscape */
.entity-preview-popup.layout-top .entity-preview-card {
    display: block;
}

.entity-preview-popup.layout-top .entity-preview-image {
    margin: -14px -14px 12px -14px;
}

    .entity-preview-popup.layout-top .entity-preview-image img {
        display: block;
        width: 100%;
        max-height: 180px;
        object-fit: cover;
    }

/* VERTICAL layout: portrait image on left */
.entity-preview-popup.layout-vertical .entity-preview-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.entity-preview-popup.layout-vertical .entity-preview-image {
    flex: 0 0 110px;
}

    .entity-preview-popup.layout-vertical .entity-preview-image img {
        display: block;
        width: 110px;
        height: 165px;
        object-fit: cover;
        border-radius: 8px;
    }

.entity-preview-popup.layout-vertical .entity-preview-content {
    flex: 1 1 auto;
}

/* no image */
.entity-preview-popup.layout-no-image .entity-preview-card {
    display: block;
}