@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);

html {
    scroll-behavior: smooth
}

body {
    font-family: "Raleway",sans-serif;
    color: #666;
    font-size: 15px
}

p {
    line-height: 1.8
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    color: #333
}

h1 {
    font-size: 50px;
    font-weight: 700
}

h2 {
    font-size: 40px;
    font-weight: 700
}

h3 {
    font-size: 35px;
    font-weight: 600
}

h4 {
    font-size: 25px
}

h5 {
    font-size: 20px;
    font-weight: 600
}

h6 {
    font-size: 17px
}

p, h1, h2, h3, h4, h5, h6, ul {
    margin-bottom: 0
}

blockquote, figure {
    margin-bottom: 0
}

img {
    max-width: 100%
}

ol, ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

a:hover {
    text-decoration: none
}

:focus {
    outline: none
}

button:focus {
    outline: none
}

textarea {
    resize: none
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

    select option[value=""][disabled] {
        display: none
    }

.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important
}

.star-rating {
    color: #fc6
}

.bg-2c {
    background: #2c2c2c
}

.bg-fa {
    background: #fafafa
}

.border-place {
    transform: translate(-8px,-11px)
}

.border-place-1 {
    transform: translate(10px,-10px)
}

.ml--10 {
    margin-left: -10px
}

.btn-holder {
    text-align: center
}

.social a {
    font-size: 20px;
    color: #666;
    margin-right: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .social a:last-child {
        margin-right: 0
    }

    .social a:hover {
        color: #666
    }

.contact-line a:hover {
    color: #c4006c !important
}

.social.round a {
    width: 36px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    font-size: 17px;
    color: #fff;
    margin-right: 10px
}

    .social.round a:last-child {
        margin-right: 0
    }

.section-primary {
    padding-top: 92px;
    padding-bottom: 116px
}

    .section-primary.pt-100 {
        padding-top: 100px
    }

    .section-primary.pt-0 {
        padding-top: 0
    }

    .section-primary.pt-112 {
        padding-top: 112px
    }

    .section-primary.pt-120 {
        padding-top: 120px
    }

    .section-primary.pt-133 {
        padding-top: 133px
    }

    .section-primary.pt-140 {
        padding-top: 140px
    }

    .section-primary.pt-150 {
        padding-top: 140px
    }

    .section-primary.pb-50 {
        padding-bottom: 50px
    }

    .section-primary.pb-60 {
        padding-bottom: 60px
    }

    .section-primary.pb-90 {
        padding-bottom: 90px
    }

    .section-primary.pb-101 {
        padding-bottom: 101px
    }

    .section-primary.pb-110 {
        padding-bottom: 110px
    }

    .section-primary.pb-113 {
        padding-bottom: 113px
    }

    .section-primary.pb-120 {
        padding-bottom: 120px
    }

.section-header {
    text-align: center;
    margin-bottom: 40px
}

    .section-header.mt-29 {
        margin-top: 29px
    }

    .section-header.mb-60 {
        margin-bottom: 60px
    }

    .section-header h1, .section-header h2 {
        margin-bottom: 10px
    }

    .section-header span {
        display: block;
        color: #c4006c;
        font-family: "Great Vibes",cursive;
        font-size: 30px
    }

.images-preloader {
    position: fixed;
    z-index: 100001;
    background-color: #eee;
    width: 100%;
    height: 100%
}

.rectangle-bounce {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -10px
}

#preloader {
    position: relative
}

    #preloader span {
        display: block;
        bottom: 0;
        width: 9px;
        height: 5px;
        background: #c4006c;
        position: absolute;
        animation: preloader 1.5s infinite ease-in-out
    }

        #preloader span:nth-child(2) {
            left: 11px;
            animation-delay: .2s
        }

        #preloader span:nth-child(3) {
            left: 22px;
            animation-delay: .4s
        }

        #preloader span:nth-child(4) {
            left: 33px;
            animation-delay: .6s
        }

        #preloader span:nth-child(5) {
            left: 44px;
            animation-delay: .8s
        }

@keyframes preloader {
    0% {
        height: 5px;
        transform: translateY(0)
    }

    25% {
        height: 30px;
        transform: translateY(15px)
    }

    50% {
        height: 5px;
        transform: translateY(0)
    }

    100% {
        height: 5px;
        transform: translateY(0)
    }
}

.page-info {
    height: 550px;
    position: relative;
    text-align: center;
    background-size: cover
}

    .page-info .section-header {
        position: absolute;
        padding: 0 15px;
        position: absolute;
        left: 50%;
        margin-bottom: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        bottom: 26%;
        width: 100%
    }

.page-breadcrumb {
    background: #f2f2f2;
    padding: 76px 0;
    margin-top: 118px
}

    .page-breadcrumb h3 {
        font-size: 30px;
        font-weight: 500
    }

    .page-breadcrumb .au-breadcrumb {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        height: 100%;
        align-items: center;
        flex-wrap: wrap
    }

        .page-breadcrumb .au-breadcrumb li {
            margin-right: 8px
        }

            .page-breadcrumb .au-breadcrumb li:after {
                content: "/";
                margin-left: 4px
            }

            .page-breadcrumb .au-breadcrumb li:last-child {
                margin-right: 0
            }

                .page-breadcrumb .au-breadcrumb li:last-child:after {
                    display: none
                }

            .page-breadcrumb .au-breadcrumb li a {
                color: #666
            }

                .page-breadcrumb .au-breadcrumb li a:hover {
                    color: #c4006c
                }

    .page-breadcrumb.wide {
        padding-left: 15px;
        padding-right: 15px
    }

.item-info h4 {
    margin-bottom: 8px
}

    .item-info h4 a {
        color: #fff
    }

        .item-info h4 a:hover {
            color: #fc6
        }

.item-info h5 {
    font-weight: 400;
    margin-bottom: 7px;
    font-size: 20px
}

    .item-info h5 a {
        color: #fff
    }

        .item-info h5 a.bold-color {
            color: #333
        }

        .item-info h5 a:hover {
            color: #c4006c
        }

        .item-info h5 a.hover-sixth-color:hover {
            color: #dfa027
        }

.item-info h6 {
    margin-bottom: 6px
}

    .item-info h6 a {
        color: #333;
        display: block
    }

        .item-info h6 a:hover {
            color: #c4006c
        }

        .item-info h6 a.hover-third-color:hover {
            color: #c4006c
        }

.item-info .star-rating {
    font-size: 15px;
    margin-bottom: 9px
}

    .item-info .star-rating i {
        margin-right: 2px
    }

        .item-info .star-rating i:last-child {
            margin-right: 0
        }

.item-info .price {
    color: #fff;
    font-size: 20px
}

    .item-info .price.bold-color {
        color: #333
    }

.change {
    position: relative
}

    .change .au-btn, .change .buy {
        left: 50%;
        position: absolute;
        -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
        transition: opacity 0.2s,transform 0.35s
    }

    .change .au-btn {
        transform: translate(-50%,40px);
        -webkit-transform: translate(-50%,40px);
        -moz-transform: translate(-50%,40px);
        -ms-transform: translate(-50%,40px);
        -o-transform: translate(-50%,40px);
        opacity: 0
    }

    .change .buy {
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0)
    }

.item-box {
    text-align: center
}

    .item-box .thumb {
        display: inline-block
    }

    .item-box:hover .au-btn {
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        opacity: 1
    }

    .item-box:hover .buy {
        transform: translate(-50%,40px);
        -webkit-transform: translate(-50%,40px);
        -moz-transform: translate(-50%,40px);
        -ms-transform: translate(-50%,40px);
        -o-transform: translate(-50%,40px);
        opacity: 0
    }

.owl-carousel .owl-item img {
    display: inline-block !important
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #c4006c
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px
}

.owl-theme.style .owl-dots .owl-dot span {
    margin: 0 2px;
    background: #c4006c;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.owl-theme.style .owl-dots .owl-dot.active span {
    width: 27px
}

.owl-theme.style-1 .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 3.5px;
    border: 1px solid #fff;
    background: none
}

.owl-theme.style-1 .owl-dots .owl-dot.active span {
    border-color: transparent;
    background: #c4006c
}

.post .post-thumb {
    overflow: hidden;
    position: relative
}

.detay .post .col-lg-12 .post-thumb {
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    float: left
}

.post .post-thumb img {
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease
}

    .post .post-thumb img:hover {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3);
        opacity: .8
    }

.post .post-date {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    width: 72px;
    height: 72px;
    background: #c4006c;
    padding: 3px
}

    .post .post-date .inner {
        border: 1px solid rgba(255,255,255,.5);
        height: 100%;
        color: #fff;
        display: inline-flex;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: -moz-inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%
    }

        .post .post-date .inner .date {
            font-size: 35px;
            line-height: 1.05
        }

        .post .post-date .inner .month {
            font-size: 13px
        }

    .post .post-date.black-bg {
        background: #181818
    }

        .post .post-date.black-bg .inner {
            border: 1px solid rgba(172,202,221,.5)
        }

.post .post-body {
    padding-top: 20px
}

    .post .post-body .post-date--style {
        line-height: 1.3
    }

        .post .post-body .post-date--style span {
            display: inline-block;
            position: relative
        }

            .post .post-body .post-date--style span.date {
                font-size: 70px;
                font-weight: 700;
                color: #f8f4ee;
                transform: translateX(-18px);
                -webkit-transform: translateX(-18px);
                -moz-transform: translateX(-18px);
                -ms-transform: translateX(-18px);
                -o-transform: translateX(-18px)
            }

            .post .post-body .post-date--style span.month {
                text-transform: uppercase;
                color: #c4006c;
                font-size: 20px;
                font-weight: 700;
                transform: translateY(-17px);
                -webkit-transform: translateY(-17px);
                -moz-transform: translateY(-17px);
                -ms-transform: translateY(-17px);
                -o-transform: translateY(-17px);
                z-index: 9
            }

        .post .post-body .post-date--style.right span.date {
            transform: translateX(-29px);
            -webkit-transform: translateX(-29px);
            -moz-transform: translateX(-29px);
            -ms-transform: translateX(-29px);
            -o-transform: translateX(-29px)
        }

        .post .post-body .post-date--style.right span.month {
            transform: translate(77px,-17px);
            -webkit-transform: translate(77px,-17px);
            -moz-transform: translate(77px,-17px);
            -ms-transform: translate(77px,-17px);
            -o-transform: translate(77px,-17px)
        }

    .post .post-body span {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.3;
        color: #333
    }

    .post .post-body h5, .post .post-body span {
        margin-bottom: 13px;
        width: 100%;
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }

        .post .post-body h5 a, .post .post-body span a {
            color: #333
        }

            .post .post-body h5 a:hover, .post .post-body span a:hover {
                color: #c4006c
            }

            .post .post-body h5 a.hover-third-color:hover, .post .post-body span a.hover-third-color:hover {
                color: #c4006c
            }

            .post .post-body h5 a.hover-fifth-color:hover, .post .post-body span a.hover-fifth-color:hover {
                color: #956f32
            }

    .post .post-body p {
        margin-bottom: 26px
    }

    .post .post-body.has-border {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 16px;
        border: 1px solid #e6e6e6
    }

        .post .post-body.has-border p {
            margin-bottom: 1px;
            line-height: 1.6
        }

    .post .post-body.fixed {
        padding-top: 0;
        transform: translateY(-19px);
        -webkit-transform: translateY(-19px);
        -moz-transform: translateY(-19px);
        -ms-transform: translateY(-19px);
        -o-transform: translateY(-19px)
    }

        .post .post-body.fixed h5 {
            margin-bottom: 11px
        }

        .post .post-body.fixed p {
            margin-bottom: 22px
        }

        .post .post-body.fixed .au-btn__readmore {
            text-decoration: unset
        }

    .post .post-body.pl-4px {
        padding-left: 4px
    }

.post.has-mb {
    margin-bottom: 24px
}

    .post.has-mb.mb-30 {
        margin-bottom: 30px
    }

.post.bigger .post-thumb .post-date {
    width: 92px;
    height: 92px;
    padding: 4px
}

    .post.bigger .post-thumb .post-date .inner .date {
        font-size: 45px
    }

    .post.bigger .post-thumb .post-date .inner .month {
        font-size: 16px;
        font-weight: 600
    }

.post.bigger .post-body {
    padding-top: 12px
}

    .post.bigger .post-body h5 {
        font-size: 22px;
        margin-bottom: 16px;
        padding: 0 7px
    }

    .post.bigger .post-body p {
        margin-bottom: 19px
    }

.post.smaller .post-thumb .post-date {
    width: 57px;
    height: 57px;
    right: 10px;
    top: 10px
}

    .post.smaller .post-thumb .post-date .inner .date {
        font-size: 27px
    }

    .post.smaller .post-thumb .post-date .inner .month {
        font-size: 10px
    }

.post.smaller .post-body {
    padding-top: 27px
}

    .post.smaller .post-body h5 {
        font-size: 18px
    }

    .post.smaller .post-body p {
        margin-bottom: 19px
    }

.post.pl-20 {
    padding-left: 20px
}

.au-btn {
    display: inline-flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flex;
    width: 152px;
    height: 42px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    border: none;
    overflow: hidden;
    cursor: pointer;
    background: none
}

    .au-btn.short {
        width: 145px
    }

    .au-btn.medium {
        width: 174px
    }

    .au-btn.long {
        width: 183px
    }

    .au-btn.extra-long {
        width: 208px
    }

    .au-btn.round {
        border-radius: 21px
    }

    .au-btn.has-bd {
        border: 1px solid rgba(255,255,255,.5)
    }

        .au-btn.has-bd.bd-999 {
            border: 1px solid #999
        }

        .au-btn.has-bd.bd-fff {
            border: 1px solid #fff
        }

        .au-btn.has-bd:hover {
            border-color: transparent
        }

    .au-btn.has-bg {
        background: #c4006c
    }

    .au-btn.bg-fourth-color {
        background: #f33;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

        .au-btn.bg-fourth-color:hover {
            background: #cc2929
        }

.subscribe img {
    display: none
}

.au-btn.btn-cart {
    width: 158px;
    height: 42px;
    color: #333
}

    .au-btn.btn-cart:hover {
        color: #fff
    }

.au-btn__readmore {
    color: #333;
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 7px;
    text-decoration: underline
}

.anasayfa .post .post-body {
    padding-top: 0
}

.au-btn__readmore.color-36 {
    color: #363636
}

.au-btn__readmore:hover {
    color: #c4006c;
    text-decoration: underline
}

.au-btn__readmore.hover-third-color:hover {
    color: #c4006c
}

.au-btn__readmore.hover-fourth-color:hover {
    color: #f33
}

.au-btn__readmore.hover-fifth-color:hover {
    color: #956f32
}

.au-btn--hover {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,0);
    -o-box-shadow: 0 0 1px rgba(0,0,0,0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

    .au-btn--hover:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #c4006c;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .au-btn--hover:hover, .au-btn--hover:focus, .au-btn--hover:active {
        color: #fff
    }

        .au-btn--hover:hover:before, .au-btn--hover:focus:before, .au-btn--hover:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

.form-control {
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
    font-size: 18px
}

    .form-control:focus {
        background: none;
        border-color: #ccc;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }

    .form-control::-webkit-input-placeholder {
        font-size: 18px
    }

    .form-control::-moz-placeholder {
        font-size: 18px
    }

    .form-control:-ms-input-placeholder {
        font-size: 18px
    }

    .form-control:-moz-placeholder {
        font-size: 18px
    }

.form-holder {
    position: relative
}

    .form-holder span {
        position: absolute;
        right: 0;
        bottom: 8px;
        font-size: 12px;
        color: #ccc
    }

        .form-holder span.big {
            font-size: 18px
        }

        .form-holder span.lnr-clock {
            bottom: 11px
        }

        .form-holder span.primary-color {
            color: #666
        }

.select {
    position: relative
}

    .select .form-control {
        cursor: pointer;
        display: inline-flex;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: -moz-inline-flex;
        align-items: center
    }

    .select .dropdown {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        background: #fff;
        z-index: 9;
        border: 1px solid #4192cb
    }

        .select .dropdown li {
            padding: 5px 10px
        }

            .select .dropdown li:hover {
                background: #81acee;
                color: #fff
            }

.form-row {
    flex-wrap: nowrap;
    margin: 0 0 43px
}

    .form-row .form-col {
        width: 50%;
        margin-right: 51px
    }

        .form-row .form-col:last-child {
            margin-right: 0
        }

.navbar-desktop {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 30px;
    z-index: 9;
    width: 100%;
    float: left;
    padding-left: 80px;
    padding-right: 80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-top: 25px;
    padding-bottom: 25px
}

    .navbar-desktop.top-48 {
        top: 48px
    }

    .navbar-desktop > ul {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex
    }

        .navbar-desktop > ul.pl-53 {
            padding-left: 53px
        }

        .navbar-desktop > ul > li {
            margin-right: 21px
        }

            .navbar-desktop > ul > li.mr-fixed {
                margin-right: 156px
            }

            .navbar-desktop > ul > li > a {
                text-transform: uppercase;
                font-size: 16px;
                padding: 3px 7px 2px;
                color: #fff;
                border: 1px solid transparent;
                transition: all 0.3s ease
            }

                .navbar-desktop > ul > li > a:hover {
                    color: #c4006c;
                    border: 1px solid rgba(205,170,124,.2)
                }

            .navbar-desktop > ul > li.current > a {
                color: #c4006c;
                border: 1px solid rgba(205,170,124,.2)
            }

            .navbar-desktop > ul > li:last-child {
                margin-right: 0
            }

            .navbar-desktop > ul > li.has-children {
                position: relative
            }

                .navbar-desktop > ul > li.has-children .sub-menu {
                    position: absolute;
                    left: -30px;
                    z-index: 99;
                    top: 100%;
                    padding-top: 41px;
                    -webkit-transition: all 0.6s ease;
                    -moz-transition: all 0.6s ease;
                    -o-transition: all 0.6s ease;
                    transition: all 0.6s ease
                }

                    .navbar-desktop > ul > li.has-children .sub-menu .wrapper {
                        display: none
                    }

                .navbar-desktop > ul > li.has-children ul {
                    background: #181818;
                    width: 176px;
                    padding: 23px 0 25px 30px
                }

                    .navbar-desktop > ul > li.has-children ul li.has-children {
                        position: relative
                    }

                        .navbar-desktop > ul > li.has-children ul li.has-children > a {
                            -webkit-display: flex;
                            -moz-display: flex;
                            -ms-display: flex;
                            -o-display: flex;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            padding-right: 30px
                        }

                            .navbar-desktop > ul > li.has-children ul li.has-children > a i.zmdi {
                                font-size: 16px;
                                color: #b2b2b2
                            }

                        .navbar-desktop > ul > li.has-children ul li.has-children .sub-menu {
                            left: 100%;
                            top: 0;
                            padding-top: 0;
                            padding-left: 5px
                        }

                        .navbar-desktop > ul > li.has-children ul li.has-children ul {
                            width: 210px
                        }

                    .navbar-desktop > ul > li.has-children ul li a {
                        color: #b2b2b2;
                        -webkit-transition: all 0.3s ease;
                        -moz-transition: all 0.3s ease;
                        -o-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                        padding-top: 6.5px;
                        padding-bottom: 6.5px;
                        display: inline-block
                    }

                    .navbar-desktop > ul > li.has-children ul li.current > a, .navbar-desktop > ul > li.has-children ul li:hover > a {
                        color: #c4006c;
                        padding-left: 15px;
                        position: relative
                    }

                        .navbar-desktop > ul > li.has-children ul li.current > a i.zmdi, .navbar-desktop > ul > li.has-children ul li:hover > a i.zmdi {
                            color: #c4006c
                        }

                        .navbar-desktop > ul > li.has-children ul li.current > a:before, .navbar-desktop > ul > li.has-children ul li:hover > a:before {
                            content: "";
                            width: 9px;
                            height: 1px;
                            background: #c4006c;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            -webkit-transform: translateY(-50%);
                            -moz-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                            -o-transform: translateY(-50%);
                            left: 0
                        }

                .navbar-desktop > ul > li.has-children:nth-child(2) ul, .navbar-desktop > ul > li.has-children:last-child ul {
                    width: 210px
                }

                .navbar-desktop > ul > li.has-children:nth-child(5) ul {
                    width: 260px
                }

    .navbar-desktop.fixed {
        -webkit-animation: fadeInDown 0.3s ease-out forwards;
        -moz-animation: fadeInDown 0.3s ease-out forwards;
        -o-animation: fadeInDown 0.3s ease-out forwards;
        animation: fadeInDown 0.3s ease-out forwards;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        background: #000;
        width: 100%;
        padding: 20px 80px;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)
    }

        .navbar-desktop.fixed .logo {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

    .navbar-desktop .logo {
        display: block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .navbar-desktop.aside {
        overflow: auto;
        position: fixed;
        left: 0;
        top: 0;
        width: 15.625%;
        background: #181818;
        flex-direction: column;
        height: 100%;
        justify-content: flex-start;
        padding: 105px 0
    }

        .navbar-desktop.aside::-webkit-scrollbar {
            display: none
        }

        .navbar-desktop.aside .logo {
            margin-bottom: 142px
        }

        .navbar-desktop.aside > ul {
            display: block;
            text-align: center;
            margin-bottom: 227px
        }

            .navbar-desktop.aside > ul > li {
                margin-right: 0
            }

                .navbar-desktop.aside > ul > li > a {
                    display: inline-block;
                    margin: 11px 0
                }

                .navbar-desktop.aside > ul > li.has-children ul {
                    width: auto;
                    padding: 0
                }

    .navbar-desktop.has-bg {
        top: 0;
        padding: 30px 80px;
        background: #fff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

        .navbar-desktop.has-bg > ul > li > a {
            color: #333
        }

            .navbar-desktop.has-bg > ul > li > a:hover {
                color: #c4006c
            }

        .navbar-desktop.has-bg > ul > li.current > a {
            color: #c4006c;
            border: 1px solid rgba(205,170,124,.2)
        }

        .navbar-desktop.has-bg .action {
            color: #333
        }

        .navbar-desktop.has-bg.fixed {
            padding: 20px 80px;
            background: rgba(255,255,255,.95)
        }

        .navbar-desktop.has-bg.static {
            float: none
        }

        .navbar-desktop.has-bg.middle {
            justify-content: center;
            float: none;
            height: 128px;
            padding: 0
        }

            .navbar-desktop.has-bg.middle .logo {
                position: absolute
            }

            .navbar-desktop.has-bg.middle.fixed {
                height: 108px;
                -webkit-transition: 0.3s ease;
                -moz-transition: 0.3s ease;
                -o-transition: 0.3s ease;
                transition: 0.3s ease
            }

                .navbar-desktop.has-bg.middle.fixed .logo {
                    max-width: 3.5%
                }

        .navbar-desktop.has-bg > ul > li.has-children ul {
            background: #fff;
            -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
            -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
            -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
            -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
            box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)
        }

    .navbar-desktop.no-float {
        float: none;
        top: 0;
        background: #181818;
        padding: 30px 80px
    }

    .navbar-desktop .left, .navbar-desktop .right, .navbar-mobile .left, .navbar-mobile .right {
        margin-left: 30px
    }

    .navbar-desktop .right, .navbar-mobile .right {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: flex-end
    }

.navbar-mobile {
    display: none;
    background: #fff;
    padding: 15px 0
}

    .navbar-mobile .heading {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .navbar-mobile .heading .notify {
            margin-right: 15px
        }

        .navbar-mobile .heading .search-icon {
            margin-right: 0
        }

    .navbar-mobile span.search-icon {
        font-size: 25px;
        color: #fff;
        cursor: pointer
    }

.navbar-mobile__toggler {
    display: inline-block
}

    .navbar-mobile__toggler span {
        display: block;
        width: 30px;
        height: 4px;
        background-color: #c4006c;
        margin: 5px 0
    }

        .navbar-mobile__toggler span:last-child {
            margin-bottom: 0
        }

    .navbar-mobile__toggler.bg-third-color span {
        background-color: #c4006c
    }

    .navbar-mobile__toggler.bg-fourth-color span {
        background-color: #f33
    }

    .navbar-mobile__toggler.bg-fifth-color span {
        background-color: #956f32
    }

    .navbar-mobile__toggler.bg-sixth-color span {
        background-color: #dfa027
    }

.action {
    color: #fff;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between
}

    .action .notify {
        position: relative;
        display: inline-block;
        margin-right: 31px;
        cursor: pointer
    }

        .action .notify span.notify-amount {
            position: absolute;
            top: 6px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            font-size: 9px
        }

        .action .notify:hover .widget_shopping_cart {
            webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

    .action span.search-icon {
        font-size: 24.31px;
        margin-right: 28px;
        cursor: pointer
    }

    .action span.menu-sidebar-icon {
        font-size: 24px;
        cursor: pointer
    }

    .action .au-btn {
        width: 124px;
        height: 33px;
        font-size: 16px;
        margin-right: 100px;
        background-color: #c4006c;
        border: 0 !important
    }

#modalSearch {
    background-size: cover;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    #modalSearch .modal-dialog {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin: 0;
        width: 774px
    }

    #modalSearch .modal-content {
        background: none;
        border: none
    }

        #modalSearch .modal-content input {
            height: 40px;
            width: 100%;
            background: none;
            border: none;
            border-bottom: 1px solid rgba(255,255,255,.5);
            font-size: 25px;
            color: #fff;
            font-weight: 500;
            padding-right: 40px
        }

            #modalSearch .modal-content input::-webkit-input-placeholder {
                color: #fff;
                font-size: 25px;
                font-weight: 500
            }

            #modalSearch .modal-content input::-moz-placeholder {
                color: #fff;
                font-size: 25px;
                font-weight: 500
            }

            #modalSearch .modal-content input:-ms-input-placeholder {
                color: #fff;
                font-size: 25px;
                font-weight: 500
            }

            #modalSearch .modal-content input:-moz-placeholder {
                color: #fff;
                font-size: 25px;
                font-weight: 500
            }

        #modalSearch .modal-content button {
            background: transparent;
            position: absolute;
            top: 50%;
            border: none;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            z-index: 9;
            cursor: pointer
        }

            #modalSearch .modal-content button span {
                font-size: 25px;
                color: #fff
            }

    #modalSearch .lnr-cross {
        position: absolute;
        top: 5.9%;
        right: 4.16%;
        font-size: 24px;
        color: #fff;
        cursor: pointer
    }

.widget_shopping_cart {
    position: absolute;
    right: -31px;
    z-index: 9;
    top: 100%;
    padding-top: 44px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s
}

.widget_shopping_cart_content {
    width: 304px;
    background: #181818;
    padding: 35px 30px
}

    .widget_shopping_cart_content ul.woocommerce-mini-cart {
        margin-bottom: 23px;
        display: block
    }

        .widget_shopping_cart_content ul.woocommerce-mini-cart li {
            position: relative;
            margin-bottom: 20px;
            margin-right: 0
        }

            .widget_shopping_cart_content ul.woocommerce-mini-cart li .remove {
                position: absolute;
                right: 0;
                top: 7px;
                color: #c4006c;
                font-size: 14px
            }

            .widget_shopping_cart_content ul.woocommerce-mini-cart li .image-holder {
                color: #fff
            }

                .widget_shopping_cart_content ul.woocommerce-mini-cart li .image-holder img {
                    float: left;
                    max-width: 27.05%;
                    margin-right: 11px
                }

                .widget_shopping_cart_content ul.woocommerce-mini-cart li .image-holder .product-name {
                    display: inline-block;
                    margin-top: 5px
                }

                .widget_shopping_cart_content ul.woocommerce-mini-cart li .image-holder:hover {
                    color: #c4006c
                }

            .widget_shopping_cart_content ul.woocommerce-mini-cart li .quantity {
                display: block;
                color: #c4006c
            }

                .widget_shopping_cart_content ul.woocommerce-mini-cart li .quantity .amount {
                    display: block;
                    color: #b2b2b2;
                    margin-bottom: 3px
                }

    .widget_shopping_cart_content .woocommerce-mini-cart__total {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        color: #fff;
        font-size: 18px;
        margin-bottom: 1px
    }

        .widget_shopping_cart_content .woocommerce-mini-cart__total strong {
            font-weight: 500
        }

        .widget_shopping_cart_content .woocommerce-mini-cart__total .color-cdaa7c {
            color: #c4006c
        }

    .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
        text-transform: uppercase;
        border: 1px solid #c4006c;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        height: 43px;
        margin-top: 24px
    }

        .widget_shopping_cart_content .woocommerce-mini-cart__buttons a {
            flex-grow: 1;
            text-align: center;
            height: 100%;
            display: inline-flex;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: -moz-inline-flex;
            align-items: center;
            justify-content: center
        }

            .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.view-cart {
                color: #c4006c
            }

            .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.checkout {
                background: #c4006c;
                color: #fff
            }

.menu-sidebar {
    height: 100vh;
    overflow: auto;
    position: fixed;
    width: 23.7%;
    top: 0;
    right: 0;
    z-index: 999;
    background: #181818;
    padding: 50px 4.21% 40px;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

    .menu-sidebar::-webkit-scrollbar {
        display: none
    }

    .menu-sidebar.show {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0)
    }

    .menu-sidebar .close-btn {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 33px;
        cursor: pointer
    }

        .menu-sidebar .close-btn span {
            font-size: 24px;
            color: #fff
        }

    .menu-sidebar .text {
        margin-top: 50px;
        margin-bottom: 28px;
        color: #ccc
    }

    .menu-sidebar .image-slider {
        margin-bottom: 58px
    }

        .menu-sidebar .image-slider.owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 16px
        }

.contact-part {
    margin-bottom: 127px
}

    .contact-part .contact-line {
        display: block;
        margin-bottom: 19px;
        color: #b2b2b2
    }

        .contact-part .contact-line:last-child {
            margin-bottom: 0
        }

        .contact-part .contact-line span:first-child {
            margin-right: 10px
        }

        .contact-part .contact-line a {
            color: #b2b2b2
        }

        .contact-part .contact-line span.lnr {
            color: #ccc
        }

.food-slider .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 42px
}

.food-slider .owl-theme .owl-dots .owl-dot span {
    margin: 0 2px;
    background: #c4006c;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.food-slider .owl-theme .owl-dots .owl-dot.active span {
    width: 27px
}

.food-slider .image-holder {
    position: relative;
    overflow: hidden
}

    .food-slider .image-holder img {
        -webkit-transition: transform 0.3s linear;
        -moz-transition: transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        transition: transform 0.3s linear
    }

    .food-slider .image-holder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: #000;
        opacity: .4;
        z-index: 9
    }

    .food-slider .image-holder .inner {
        position: absolute;
        top: 42%;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        text-align: center;
        width: 90%
    }

    .food-slider .image-holder .item-info {
        opacity: 1;
        -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
        transition: opacity 0.2s,transform 0.35s;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

        .food-slider .image-holder .item-info h4 {
            margin-bottom: 5px
        }

        .food-slider .image-holder .item-info .star-rating {
            margin-bottom: 9px;
            font-size: 18px
        }

            .food-slider .image-holder .item-info .star-rating i {
                margin-right: 5px
            }

        .food-slider .image-holder .item-info .price {
            font-size: 25px
        }

    .food-slider .image-holder:hover img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2)
    }

    .food-slider .image-holder:hover .item-info {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        opacity: 1
    }

body.center {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center
}

.page-bg {
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.middle-wrapper {
    background: #fff;
    min-width: 1230px;
    z-index: 9
}

.page-wrapper {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex
}

    .page-wrapper header {
        width: 15.625%
    }

    .page-wrapper main {
        width: 84.375%;
        background: #333
    }

        .page-wrapper main .rev_slider_wrapper {
            margin-bottom: 30px
        }

.rev_slider_wrapper.px-30 {
    padding: 0 30px
}

.tp-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: none;
    border: 1px solid #fff
}

    .tp-bullet.selected, .tp-bullet:hover {
        background: #c4006c;
        border-color: transparent;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

.rev_slider {
    display: none
}

    .rev_slider .caption-btn {
        text-transform: uppercase;
        border: 1px solid rgba(255,255,255,.5) !important;
        display: inline-flex;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: -moz-inline-flex;
        justify-content: center;
        align-items: center;
        background: none
    }

        .rev_slider .caption-btn.bd-fff {
            border: 1px solid white !important
        }

        .rev_slider .caption-btn:hover {
            border-color: transparent !important
        }

    .rev_slider .caption-pointer {
        cursor: pointer
    }

#rev_slider_1 .caption-1 {
    text-transform: uppercase
}

#rev_slider_1 .caption-2 {
    text-transform: uppercase;
    letter-spacing: 2px
}

#rev_slider_2 {
    text-transform: uppercase
}

    #rev_slider_2 .caption-1 {
        font-weight: 600;
        position: relative
    }

        #rev_slider_2 .caption-1::before {
            content: "";
            width: 4px;
            height: 5px;
            border-radius: 50%;
            background: #c4006c;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            left: -9px
        }

        #rev_slider_2 .caption-1::after {
            content: "";
            width: 4px;
            height: 5px;
            border-radius: 50%;
            background: #c4006c;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            right: -9px
        }

    #rev_slider_2 .caption-2 {
        font-weight: 700
    }

#rev_slider_3 li:first-child .caption-4 {
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    line-height: 1.4;
    letter-spacing: 7.6px !important;
    text-transform: uppercase
}

#rev_slider_3 li:first-child .caption-5 i {
    margin-right: 3px
}

    #rev_slider_3 li:first-child .caption-5 i:last-child {
        margin-right: 0
    }

#rev_slider_3 li:nth-child(2) .caption-2, #rev_slider_3 li:nth-child(2) .caption-4 {
    font-weight: 500;
    text-transform: uppercase
}

#rev_slider_3 li:last-child .caption-1, #rev_slider_3 li:last-child .caption-2 {
    text-transform: uppercase
}

#rev_slider_3 li:last-child .caption-1 {
    font-weight: 400;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center;
    align-items: center
}

    #rev_slider_3 li:last-child .caption-1 span {
        padding-left: 25px;
        padding-right: 25px
    }

    #rev_slider_3 li:last-child .caption-1 i {
        color: #fc6;
        font-size: 20.85px
    }

#rev_slider_4 {
    text-transform: uppercase
}

    #rev_slider_4 .caption-1 {
        font-weight: 500
    }

#rev_slider_5 li:first-child .caption-3, #rev_slider_5 li:first-child .caption-4, #rev_slider_5 li:first-child .caption-5 {
    font-weight: 700;
    text-transform: uppercase
}

#rev_slider_5 li:nth-child(2) .caption-3, #rev_slider_5 li:nth-child(2) .caption-4 {
    text-transform: uppercase
}

#rev_slider_5 li:nth-child(2) .caption-3 {
    letter-spacing: 5px !important
}

#rev_slider_5 li:nth-child(2) .caption-4 {
    letter-spacing: 3px !important
}

#rev_slider_5 li:nth-child(2) .caption-5 {
    border: 1px solid rgba(255,255,255,.5) !important
}

#rev_slider_5 li:last-child {
    text-transform: uppercase
}

    #rev_slider_5 li:last-child .caption-2 {
        font-weight: 700;
        position: relative
    }

        #rev_slider_5 li:last-child .caption-2:before {
            content: "";
            width: 14px;
            height: 13px;
            border-radius: 50%;
            background: #ffecd4;
            position: absolute;
            left: -37px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        #rev_slider_5 li:last-child .caption-2:after {
            content: "";
            width: 14px;
            height: 13px;
            border-radius: 50%;
            background: #ffecd4;
            position: absolute;
            right: -33px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

    #rev_slider_5 li:last-child .caption-3 {
        font-weight: 900
    }

    #rev_slider_5 li:last-child .caption-4 {
        font-weight: 700
    }

#rev_slider_6 .tp-bullet {
    border: 1px solid #c4006c
}

#rev_slider_6 li:first-child .caption-2 {
    font-weight: 700;
    text-transform: uppercase
}

#rev_slider_6 li:first-child .caption-3 {
    font-weight: 300;
    letter-spacing: 3px !important
}

#rev_slider_6 li:first-child .caption-4 {
    text-transform: uppercase;
    display: inline-flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff
}

    #rev_slider_6 li:first-child .caption-4:hover {
        color: #fff !important;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

#rev_slider_6 li:nth-child(2) .caption-2, #rev_slider_6 li:nth-child(2) .caption-3 {
    text-transform: uppercase
}

#rev_slider_6 li:nth-child(2) .caption-2 {
    position: relative;
    text-transform: uppercase
}

    #rev_slider_6 li:nth-child(2) .caption-2:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #333;
        position: absolute;
        top: -1px;
        left: 0
    }

    #rev_slider_6 li:nth-child(2) .caption-2:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #333;
        position: absolute;
        bottom: 0;
        left: 0
    }

#rev_slider_6 li:nth-child(2) .caption-3 span {
    margin: 0 4px
}

#rev_slider_6 li:last-child .caption-2 {
    line-height: 1.8
}

#rev_slider_6 li:last-child .caption-3 {
    text-transform: uppercase;
    display: inline-flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #333 !important
}

    #rev_slider_6 li:last-child .caption-3:hover {
        border-color: transparent !important;
        color: #fff !important
    }

#rev_slider_7 .tp-bullet {
    border: 1px solid #c4006c
}

#rev_slider_7 li:first-child .caption-1 {
    letter-spacing: 5px !important;
    text-transform: uppercase
}

#rev_slider_7 li:nth-child(2) .caption-1, #rev_slider_7 li:nth-child(2) .caption-2 {
    text-transform: uppercase
}

    #rev_slider_7 li:nth-child(2) .caption-1 i {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px)
    }

#rev_slider_7 li:last-child .caption-2 {
    font-weight: 700;
    text-transform: uppercase
}

#rev_slider_11 li:first-child .caption-1, #rev_slider_11 li:first-child .caption-2 {
    position: relative
}

    #rev_slider_11 li:first-child .caption-1:before, #rev_slider_11 li:first-child .caption-2:before {
        content: "";
        top: 4px;
        left: 2px;
        height: 2px;
        background: #fff;
        width: calc(100% - 4px);
        position: absolute
    }

    #rev_slider_11 li:first-child .caption-1:after, #rev_slider_11 li:first-child .caption-2:after {
        content: "";
        bottom: 7px;
        left: 2px;
        height: 2px;
        background: #fff;
        width: calc(100% - 4px);
        position: absolute
    }

#rev_slider_11 li:first-child .caption-1, #rev_slider_11 li:first-child .caption-2, #rev_slider_11 li:first-child .caption-3 {
    text-transform: uppercase
}

#rev_slider_11 li:first-child .caption-4 {
    font-weight: 500
}

#rev_slider_11 li:nth-child(2) .caption-2 {
    font-weight: 600
}

#rev_slider_11 li:nth-child(2) .caption-1, #rev_slider_11 li:nth-child(2) .caption-2 {
    text-transform: uppercase
}

#rev_slider_11 li:nth-child(2) .caption-3 {
    line-height: 1.8
}

#rev_slider_11 li:last-child .caption-1 {
    font-family: "Great Vibes",cursive
}

#rev_slider_11 li:last-child .caption-2, #rev_slider_11 li:last-child .caption-3 {
    text-transform: uppercase
}

#rev_slider_11 li:last-child .caption-2 {
    font-weight: 800
}

#rev_slider_11 li:last-child .caption-3 {
    font-weight: 700
}

    #rev_slider_11 li:last-child .caption-3 .sale-off {
        font-size: 43.93px;
        margin-right: 13px;
        display: inline-block
    }

        #rev_slider_11 li:last-child .caption-3 .sale-off span {
            display: block;
            text-align: right !important;
            line-height: 1.1
        }

    #rev_slider_11 li:last-child .caption-3 .percent {
        font-size: 91.73px;
        color: #c9deec;
        line-height: 1;
        display: inline-block;
        transform: translateY(-12px);
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        -o-transform: translateY(-12px)
    }

#rev_slider_12 li:first-child .caption-1 {
    font-weight: 600;
    letter-spacing: 3px !important;
    text-transform: uppercase
}

#rev_slider_12 li:nth-child(2) .caption-1 {
    font-family: "Great Vibes",cursive
}

#rev_slider_12 li:nth-child(2) .caption-2, #rev_slider_12 li:nth-child(2) .caption-3 {
    text-transform: uppercase
}

#rev_slider_12 li:nth-child(2) .caption-2 {
    font-weight: 700;
    letter-spacing: 3px !important
}

#rev_slider_12 li:nth-child(2) .caption-4 {
    font-weight: 700;
    letter-spacing: 2px !important
}

    #rev_slider_12 li:nth-child(2) .caption-4 span {
        position: relative;
        z-index: 9
    }

    #rev_slider_12 li:nth-child(2) .caption-4 svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%)
    }

#rev_slider_12 li:last-child .caption-1 {
    font-weight: 700;
    text-transform: uppercase
}

.slideshow-form .inner {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between
}

    .slideshow-form .inner .form-holder {
        flex: 1;
        margin-right: 30px
    }

        .slideshow-form .inner .form-holder span {
            right: 19px;
            bottom: 12px;
            color: #000
        }

            .slideshow-form .inner .form-holder span.lnr-chevron-down {
                bottom: 15px
            }

    .slideshow-form .inner .form-control {
        background: #fff;
        height: 42px;
        padding-left: 19px;
        padding-right: 19px;
        color: #333
    }

        .slideshow-form .inner .form-control::-webkit-input-placeholder {
            color: #000
        }

        .slideshow-form .inner .form-control::-moz-placeholder {
            color: #000
        }

        .slideshow-form .inner .form-control:-ms-input-placeholder {
            color: #000
        }

        .slideshow-form .inner .form-control:-moz-placeholder {
            color: #000
        }

    .slideshow-form .inner select.form-control:not([size]):not([multiple]) {
        height: 42px
    }

    .slideshow-form .inner button {
        background: #c4006c
    }

        .slideshow-form .inner button:hover {
            background: #e5be8a
        }

.slideshow-form.on-mobile {
    display: none;
    padding: 40px 0;
    background: #f7f7f7
}

.cate-box {
    padding-left: 15px;
    padding-right: 15px
}

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

    .cate-box-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .cate-box-item .inner {
        position: absolute;
        top: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        padding: 0 30px;
        font-size: 18px;
        font-weight: 600;
        background: #fff;
        color: #333;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%)
    }

        .cate-box-item .inner.fixed {
            min-width: 193px
        }

        .cate-box-item .inner.fixed-1 {
            min-width: 166.75px
        }

    .cate-box-item:hover:before {
        background: rgba(0,0,0,0)
    }

    .cate-box-item:hover .inner {
        color: #c4006c
    }

.welcome .place-holder-1 {
    margin-top: 22px;
    margin-bottom: 20px
}

.welcome .place-holder-2 {
    margin-bottom: 20px
}

.welcome-content .section-header {
    margin-top: 13px;
    margin-bottom: 7px
}

.welcome-content .body p {
    margin-bottom: 21px
}

.our-menu {
    background-size: auto,auto,cover
}

    .our-menu.bg-none {
        background: none
    }

    .our-menu.bg-4 {
        background-size: cover
    }

.our-menu-full {
    padding: 0 95px
}

    .our-menu-full .our-menu-col h3 {
        font-size: 30px
    }

    .our-menu-full .our-menu-col h5 {
        font-size: 17px
    }

.our-menu-block {
    position: relative;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    margin-bottom: 80px
}

    .our-menu-block.no-flex {
        display: block
    }

    .our-menu-block:last-child {
        margin-bottom: 0
    }

    .our-menu-block .au-btn__readmore {
        margin-top: 10px
    }

    .our-menu-block .our-menu-col {
        position: absolute;
        top: 50%;
        width: 52.13%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        background: #fff;
        margin-bottom: 0;
        padding: 64px 54px;
        box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
    }

        .our-menu-block .our-menu-col.no-style {
            width: 100%;
            position: static;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            padding: 0;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            margin-top: 28px
        }

            .our-menu-block .our-menu-col.no-style.left-70 {
                padding-right: 70px
            }

            .our-menu-block .our-menu-col.no-style.right-70 {
                padding-left: 70px
            }

    .our-menu-block.style-1 {
        justify-content: flex-end
    }

        .our-menu-block.style-1 .our-menu-col {
            left: 0
        }

    .our-menu-block.style-2 {
        justify-content: flex-start
    }

        .our-menu-block.style-2 .our-menu-col {
            right: 0
        }

.our-menu-board {
    padding: 10px;
    background: rgba(255,255,255,.2)
}

    .our-menu-board .inner {
        background: #fff;
        padding: 95px 60px 84px
    }

    .our-menu-board .heading {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 53px
    }

        .our-menu-board .heading span {
            text-transform: uppercase;
            font-weight: 600;
            color: #333;
            display: inline-block;
            margin-top: 16px
        }

        .our-menu-board .heading .middle {
            text-align: center
        }

            .our-menu-board .heading .middle h2 {
                color: #c4006c;
                font-weight: 700;
                margin-bottom: 4px;
                text-transform: uppercase
            }

        .our-menu-board .heading .date {
            width: 110.16px;
            text-align: right
        }

.menu-center {
    padding: 0 192px
}

.menu-wrapper {
    background-attachment: fixed;
    padding: 20px
}

    .menu-wrapper .inner {
        border: 1px solid #c4006c;
        padding: 56px 65px 19px
    }

.menu-container {
    position: relative
}

.menu-push {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.menu-left {
    transform: translateX(-184px);
    padding-right: 30px
}

.menu-right {
    transform: translateX(184px);
    padding-left: 30px
}

.our-menu-wrapper {
    width: 79.01%;
    margin: auto;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    background: #000;
    position: relative;
    height: 1000px
}

    .our-menu-wrapper .image-holder {
        width: 42.58%;
        position: relative
    }

        .our-menu-wrapper .image-holder:before {
            content: "";
            position: absolute;
            top: 20px;
            right: 0;
            bottom: 20px;
            left: 20px;
            border: 1px solid #c4006c;
            border-right: none
        }

        .our-menu-wrapper .image-holder img {
            height: 100%;
            object-fit: cover
        }

    .our-menu-wrapper .right-content {
        width: 57.42%;
        padding: 20px 20px 20px 0
    }

        .our-menu-wrapper .right-content .inner {
            padding-top: 119px;
            border: 1px solid #c4006c;
            border-left: none;
            height: 100%
        }

        .our-menu-wrapper .right-content .content {
            padding-right: 70px
        }

        .our-menu-wrapper .right-content .menu-holder {
            margin-bottom: 28px
        }

        .our-menu-wrapper .right-content .menu-navigation {
            margin-bottom: 51px
        }

        .our-menu-wrapper .right-content .btn-holder {
            margin-top: 22px
        }

    .our-menu-wrapper .menu-navigation ul li a span {
        color: #ccc
    }

    .our-menu-wrapper .menu-item h5 {
        font-size: 17px;
        margin-bottom: 6px
    }

    .our-menu-wrapper .menu-holder .menu-thumb {
        margin-right: 12px
    }

.our-menu-col {
    margin-bottom: 70px
}

    .our-menu-col .heading {
        margin-bottom: 36px;
        padding-left: 5px
    }

        .our-menu-col .heading h3 {
            color: #e5e5e5;
            font-weight: 400;
            display: inline-block
        }

            .our-menu-col .heading h3.bold-color {
                color: #333
            }

        .our-menu-col .heading .icon {
            display: inline-block;
            margin-top: 8px;
            float: right
        }

            .our-menu-col .heading .icon.mt-12 {
                margin-top: 12px
            }

            .our-menu-col .heading .icon.mt-4px {
                margin-top: 4px
            }

    .our-menu-col.left {
        padding-right: 30px
    }

    .our-menu-col.right {
        padding-left: 30px
    }

    .our-menu-col.left-20 {
        padding-right: 20px
    }

    .our-menu-col.right-20 {
        padding-left: 20px
    }

    .our-menu-col.move-left {
        transform: translateX(-30px)
    }

    .our-menu-col.move-right {
        transform: translateX(30px)
    }

    .our-menu-col.mt-60 {
        margin-top: 60px
    }

.menu-navigation {
    margin-bottom: 63px
}

    .menu-navigation.mb-53 {
        margin-bottom: 53px
    }

    .menu-navigation .fix-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .menu-navigation ul {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: center
    }

        .menu-navigation ul li {
            margin-right: 62px;
            text-align: center
        }

            .menu-navigation ul li:nth-child(2) {
                margin-right: 58px
            }

            .menu-navigation ul li:nth-child(3) {
                margin-right: 54px
            }

            .menu-navigation ul li:last-child {
                margin-right: 0
            }

            .menu-navigation ul li a img {
                opacity: .5
            }

            .menu-navigation ul li a span {
                font-weight: 500;
                font-size: 18px;
                color: #333;
                display: block;
                padding-top: 8px;
                opacity: .5
            }

            .menu-navigation ul li.ui-state-active img, .menu-navigation ul li:hover img {
                opacity: 1
            }

            .menu-navigation ul li.ui-state-active span, .menu-navigation ul li:hover span {
                opacity: 1
            }

    .menu-navigation.color-e5e5e5 ul li a span {
        color: #e5e5e5
    }

.menu-item {
    margin-bottom: 29px
}

    .menu-item:last-child {
        margin-bottom: 0
    }

    .menu-item h5 {
        margin-bottom: 9px;
        color: #ccc;
        font-weight: 400;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex
    }

        .menu-item h5.color-fff {
            color: #fff
        }

            .menu-item h5.color-fff a {
                color: #fff
            }

        .menu-item h5.bold-color {
            color: #333
        }

            .menu-item h5.bold-color a {
                color: #333
            }

        .menu-item h5 a {
            color: #ccc;
            float: left
        }

            .menu-item h5 a:hover {
                color: #e5be8a
            }

            .menu-item h5 a.hover-third-color:hover {
                color: #c4006c
            }

            .menu-item h5 a.hover-fifth-color:hover {
                color: #956f32
            }

        .menu-item h5 .dots {
            flex-grow: 1;
            border-bottom: 1px dotted;
            transform: translateY(-6px)
        }

        .menu-item h5 .price span {
            float: left
        }

    .menu-item ul {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-wrap: wrap
    }

        .menu-item ul li {
            margin-right: 5px
        }

            .menu-item ul li a {
                color: #999
            }

                .menu-item ul li a:after {
                    content: '/';
                    margin-left: 4px
                }

                .menu-item ul li a:hover {
                    color: #c4006c
                }

            .menu-item ul li:last-child a:after {
                display: none
            }

        .menu-item ul.hover-third-color li a:hover {
            color: #c4006c
        }

    .menu-item p {
        color: #999
    }

.menu-holder {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    margin-bottom: 36px
}

    .menu-holder .menu-thumb {
        margin-right: 20px
    }

    .menu-holder .menu-item {
        flex-grow: 1
    }

    .menu-holder.left {
        padding-right: 50px
    }

    .menu-holder.right {
        padding-left: 50px
    }

    .menu-holder.left-40 {
        padding-right: 40px
    }

    .menu-holder.right-40 {
        padding-left: 40px
    }

.middle-image .info {
    margin-top: 40px
}

    .middle-image .info h5 {
        text-transform: uppercase;
        margin-bottom: 5px
    }

        .middle-image .info h5 a {
            color: #333
        }

    .middle-image .info span {
        color: #c4006c;
        font-size: 18px
    }

.our-service {
    background: #070707;
    background-size: cover
}

.our-service-col {
    color: #fff;
    text-align: center;
    border: 2px solid #80694d;
    height: 100%;
    padding: 45px 21px 39px;
    background: #c4006c;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .our-service-col h3 {
        font-size: 30px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 24px
    }

    .our-service-col p {
        margin-top: 19px
    }

    .our-service-col:hover {
        background: none
    }

.our-service-full {
    width: 51%
}

    .our-service-full .section-header h2 {
        color: #fff
    }

    .our-service-full .service-col {
        margin-bottom: 65px
    }

.service-image {
    height: 100%;
    margin-right: 25px
}

.service-col {
    margin-bottom: 60px
}

.service-icon-box {
    width: 139px;
    height: 139px;
    margin: 0 auto;
    position: relative
}

    .service-icon-box .circle {
        position: absolute;
        top: 0;
        left: 0;
        width: 139px;
        height: 139px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

        .service-icon-box .circle .dot {
            position: absolute;
            left: 0;
            top: 50%;
            display: block;
            line-height: 15px;
            width: 14px;
            height: 14px;
            margin-left: -7.5px;
            margin-top: -7.5px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

    .service-icon-box .service-icon-item {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: 130px;
        width: 130px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%
    }

        .service-icon-box .service-icon-item img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

.service-text {
    margin-top: 27px
}

    .service-text h5 {
        text-transform: uppercase;
        margin-bottom: 13px
    }

.feature-content .heading {
    padding-top: 4px;
    margin-bottom: 28px
}

    .feature-content .heading h3 {
        text-transform: uppercase;
        margin-bottom: 9px
    }

        .feature-content .heading h3 a {
            color: #333
        }

            .feature-content .heading h3 a:hover {
                color: #c4006c
            }

    .feature-content .heading span {
        font-size: 30px;
        color: #333
    }

        .feature-content .heading span.price {
            padding-left: 39px;
            position: relative
        }

            .feature-content .heading span.price:before {
                content: "";
                width: 23px;
                height: 2px;
                background: #333;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%)
            }

.feature-content .body p {
    margin-bottom: 34px
}

.feature-content .body .star-rating {
    margin-bottom: 55px
}

    .feature-content .body .star-rating i {
        margin-right: 1px;
        font-size: 20px
    }

        .feature-content .body .star-rating i:last-child {
            margin-right: 0
        }

.feature-slider {
    position: relative
}

    .feature-slider span.lnr {
        cursor: pointer;
        font-size: 25px;
        color: #d9d9d9;
        position: absolute;
        top: 58px;
        z-index: 9
    }

        .feature-slider span.lnr:hover {
            color: #c4006c
        }

        .feature-slider span.lnr.lnr-chevron-left {
            left: -32px
        }

        .feature-slider span.lnr.lnr-chevron-right {
            right: -32px
        }

    .feature-slider img:hover {
        opacity: .8
    }

.feature-small {
    text-align: center
}

    .feature-small a {
        display: inline-block
    }

    .feature-small .item-info {
        margin-top: 20px
    }

        .feature-small .item-info .price {
            font-size: 17px;
            color: #333
        }

.booking .image-holder {
    background-size: cover;
    height: 100%
}

    .booking .image-holder img {
        display: none
    }

.booking .booking-content {
    padding: 88px 101px 78px;
    background: #181818;
    height: 100%
}

    .booking .booking-content .section-header {
        margin-bottom: 33px
    }

    .booking .booking-content .btn-holder {
        margin-top: 60px
    }

    .booking .booking-content .form-control {
        height: 31px;
        border-bottom: 1px solid #ccc;
        font-size: 18px;
        color: #ccc
    }

        .booking .booking-content .form-control.datepicker-here {
            cursor: pointer
        }

        .booking .booking-content .form-control:focus {
            color: #ccc
        }

        .booking .booking-content .form-control::-webkit-input-placeholder {
            color: #ccc
        }

        .booking .booking-content .form-control::-moz-placeholder {
            color: #ccc
        }

        .booking .booking-content .form-control:-ms-input-placeholder {
            color: #ccc
        }

        .booking .booking-content .form-control:-moz-placeholder {
            color: #ccc
        }

.booking-block {
    position: relative;
    color: #fff;
    height: 485px;
    text-align: center;
    background-position: center
}

    .booking-block .inner {
        position: absolute;
        left: 50%;
        top: 124px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }

        .booking-block .inner p {
            margin-bottom: 53px;
            line-height: 1.9
        }

    .booking-block .section-header {
        margin-bottom: 21px
    }

.booking-form {
    margin-top: 50px
}

    .booking-form p:first-child {
        text-align: center;
        font-size: 17px;
        margin-bottom: 34px;
        padding: 0 43px
    }

        .booking-form p:first-child a {
            color: #c4006c
        }

    .booking-form p:last-child {
        font-size: 30px;
        font-family: "Great Vibes",cursive;
        margin-top: 57px;
        text-align: center
    }

    .booking-form .form-inner {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

        .booking-form .form-inner .form-col {
            width: 29.57%;
            margin-bottom: 39px
        }

    .booking-form .form-control {
        height: 35px;
        border-bottom: 1px solid #333
    }

        .booking-form .form-control::-webkit-input-placeholder {
            color: #666
        }

        .booking-form .form-control::-moz-placeholder {
            color: #666
        }

        .booking-form .form-control:-ms-input-placeholder {
            color: #666
        }

        .booking-form .form-control:-moz-placeholder {
            color: #666
        }

    .booking-form .form-holder span {
        color: #666
    }

    .booking-form .btn-holder {
        margin-top: 31px
    }

.trait .image-holder {
    height: 100%;
    background-size: cover !important
}

.trait-content {
    background: #f7f7f7;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    padding: 72px 0 0
}

    .trait-content.re-style {
        background: none;
        padding: 150px 0 110px;
        display: block
    }

.trait-col {
    text-align: center;
    margin-bottom: 53px;
    width: 49%
}

    .trait-col p {
        padding: 0 48px;
        line-height: 1.5
    }

    .trait-col h5 {
        line-height: 1.5;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 23px;
        margin-bottom: 8px;
        font-size: 17px
    }

    .trait-col.re-style {
        width: auto;
        margin-right: 0;
        margin-bottom: 0
    }

.our-story .image-wrapper {
    width: 79%
}

.our-story .image-bg {
    height: 100%;
    background-size: cover
}

    .our-story .image-bg img {
        display: none
    }

.our-story .image-holder {
    height: 100%;
    background-size: cover
}

.our-story-primary h2 {
    font-family: "Great Vibes",cursive;
    font-weight: 400
}

.our-story-primary .name {
    display: inline-block;
    transform: translateY(12px);
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px)
}

    .our-story-primary .name h6 {
        font-weight: 600;
        margin-bottom: 3px
    }

.our-story-primary.style-1 {
    padding: 200px 0 130px;
    background: #f7f7f7;
    height: 100%;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

    .our-story-primary.style-1 .heading {
        margin-bottom: 27px
    }

        .our-story-primary.style-1 .heading h2 {
            color: #c4006c;
            font-size: 47px
        }

        .our-story-primary.style-1 .heading img {
            transform: translate(-5px,-12px);
            -webkit-transform: translate(-5px,-12px);
            -moz-transform: translate(-5px,-12px);
            -ms-transform: translate(-5px,-12px);
            -o-transform: translate(-5px,-12px)
        }

    .our-story-primary.style-1 p {
        margin-bottom: 50px;
        line-height: 2
    }

    .our-story-primary.style-1 .name {
        margin-left: 1px
    }

        .our-story-primary.style-1 .name h6 a {
            color: #333
        }

    .our-story-primary.style-1 .inner {
        width: 56%
    }

.our-story-primary.style-2 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding: 18px 16px;
    background: #c4006c;
    width: 41.67%;
    text-align: center
}

    .our-story-primary.style-2 .interior {
        color: #fff;
        border: 1px solid rgba(255,255,255,.5);
        padding: 56px 52px 41px
    }

    .our-story-primary.style-2 .heading {
        margin-bottom: 21px
    }

        .our-story-primary.style-2 .heading h2 {
            color: #fff;
            font-size: 55px
        }

    .our-story-primary.style-2 p {
        margin-bottom: 44px;
        line-height: 2
    }

    .our-story-primary.style-2 .name {
        margin-left: 2px
    }

        .our-story-primary.style-2 .name h6 a {
            color: #fff
        }

    .our-story-primary.style-2.fixed {
        position: static;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        width: auto;
        padding: 15px
    }

        .our-story-primary.style-2.fixed .interior {
            padding: 37px 52px 22px
        }

        .our-story-primary.style-2.fixed p {
            margin-bottom: 35px
        }

        .our-story-primary.style-2.fixed .heading {
            margin-bottom: 17px
        }

            .our-story-primary.style-2.fixed .heading h2 {
                font-size: 47px
            }

.our-story-primary.style-3 {
    text-align: center
}

    .our-story-primary.style-3 .inner {
        width: 57%;
        margin: auto
    }

    .our-story-primary.style-3 .heading {
        margin-bottom: 47px
    }

        .our-story-primary.style-3 .heading h2 {
            font-size: 55px;
            color: #c4006c
        }

        .our-story-primary.style-3 .heading img {
            transform: translate(5px,-14px);
            -webkit-transform: translate(5px,-14px);
            -moz-transform: translate(5px,-14px);
            -ms-transform: translate(5px,-14px);
            -o-transform: translate(5px,-14px)
        }

    .our-story-primary.style-3 p {
        color: #fff;
        margin-bottom: 72px
    }

    .our-story-primary.style-3 .name {
        text-align: center;
        margin-left: 2px
    }

        .our-story-primary.style-3 .name h6 a {
            color: #fff
        }

        .our-story-primary.style-3 .name span {
            color: #ccc
        }

.my-flipster {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column
}

.flipster__nav {
    display: none
}

.flipster--flat .flipster__item--past, .flipster--flat .flipster__item--future {
    opacity: 1
}

    .flipster--flat .flipster__item--past .content, .flipster--flat .flipster__item--future .content {
        background: #333
    }

    .flipster--flat .flipster__item--past .flipster__item__content, .flipster--flat .flipster__item--future .flipster__item__content {
        transform: scale(.85);
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        -o-transform: scale(.85)
    }

        .flipster--flat .flipster__item--past .flipster__item__content .content {
            padding: 0 0 0 148px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .flipster--flat .flipster__item--future .flipster__item__content .content {
            padding: 0 148px 0 0;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

.flipster-item {
    position: relative;
    text-align: center;
    width: 570px
}

    .flipster-item p {
        margin-bottom: 24px
    }

        .flipster-item p.mb-32 {
            margin-bottom: 32px
        }

        .flipster-item p:last-child {
            margin-bottom: 0
        }

    .flipster-item .content {
        background: #181818;
        height: 469px;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 74px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .flipster-item .heading {
        margin-bottom: 13px
    }

        .flipster-item .heading.mb-34 {
            margin-bottom: 34px
        }

        .flipster-item .heading h3 {
            font-size: 39px;
            font-weight: 400;
            color: #c4006c
        }

        .flipster-item .heading img {
            transform: translate(-6px,-13px);
            -webkit-transform: translate(-6px,-13px);
            -moz-transform: translate(-6px,-13px);
            -ms-transform: translate(-6px,-13px);
            -o-transform: translate(-6px,-13px)
        }

    .flipster-item .body {
        color: #fff
    }

        .flipster-item .body .color-cdaa7c {
            color: #c4006c
        }

        .flipster-item .body .semi-bold {
            font-weight: 600
        }

    .flipster-item .time {
        margin-bottom: 36px
    }

        .flipster-item .time h4 {
            font-size: 27px;
            color: #c4006c;
            font-weight: 400;
            margin-bottom: 14px
        }

        .flipster-item .time span {
            display: block;
            margin-bottom: 9px
        }

        .flipster-item .time:last-child {
            margin-bottom: 0
        }

    .flipster-item .name {
        margin-left: 3px;
        display: inline-block;
        text-align: center
    }

        .flipster-item .name h6 {
            font-weight: 600;
            margin-bottom: 2px
        }

            .flipster-item .name h6 a {
                color: #fff
            }

.flipster {
    padding: 10px 0;
    margin: -10px 0
}

.flipster__item__content {
    position: relative
}

    .flipster__item__content:before {
        content: "";
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        border: 1px solid rgba(205,170,124,.5)
    }

.flipster__item--current .flipster__item__content {
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.52);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.52);
    -ms-box-shadow: 0 0 15px 0 rgba(0,0,0,.52);
    -o-box-shadow: 0 0 15px 0 rgba(0,0,0,.52);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.52)
}

.opening-time {
    background-size: cover;
    padding: 65px 15px;
    text-align: center
}

    .opening-time h3 {
        color: #c4006c;
        font-size: 45px;
        font-weight: 400;
        margin-bottom: 34px
    }

    .opening-time a {
        color: #fff;
        font-size: 22.71px;
        margin-top: 53px;
        display: block;
        position: relative
    }

        .opening-time a i {
            font-size: 25.74px;
            margin-right: 5px;
            transform: translateY(3px);
            -webkit-transform: translateY(3px);
            -moz-transform: translateY(3px);
            -ms-transform: translateY(3px);
            -o-transform: translateY(3px)
        }

        .opening-time a:before {
            content: "";
            width: 42.75%;
            left: 50%;
            position: absolute;
            top: -24px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            height: 1px;
            background: rgba(205,170,124,.5)
        }

    .opening-time .time-item {
        margin-bottom: 27px
    }

        .opening-time .time-item p {
            font-size: 30px;
            color: #c4006c;
            font-weight: 400;
            margin-bottom: 6px
        }

        .opening-time .time-item span {
            display: block;
            color: #fff;
            font-size: 18px;
            margin-bottom: 6px
        }

.opening-hours {
    position: relative;
    text-align: center;
    padding: 20px;
    height: 100%;
    color: #fff
}

    .opening-hours:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(149,111,50,.5)
    }

    .opening-hours .inner {
        border: 1px solid rgba(255,255,255,.5);
        height: 100%;
        position: relative;
        z-index: 9;
        padding: 43px 44px 20px 46px
    }

    .opening-hours h5 {
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        margin-bottom: 39px;
        position: relative
    }

        .opening-hours h5:after {
            content: "";
            position: absolute;
            width: 47px;
            height: 2px;
            background: #fff;
            left: 50%;
            bottom: -13px;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

    .opening-hours .body {
        margin-bottom: 32px
    }

    .opening-hours .opening-item {
        font-size: 17px;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px
    }

        .opening-hours .opening-item:last-child {
            margin-bottom: 0
        }

    .opening-hours a {
        color: #fff;
        font-weight: 600;
        font-size: 17px
    }

        .opening-hours a i {
            margin-right: 3px
        }

.section-reservation .opening-time {
    margin-right: -30px
}

.section-reservation .reservation-tab {
    padding-left: 60px
}

.reservation-tab ul {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center
}

    .reservation-tab ul li a {
        font-size: 25px;
        color: #333;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 15.5px;
        display: inline-block;
        padding: 5px 0;
        position: relative
    }

        .reservation-tab ul li a::after {
            content: "";
            position: absolute;
            height: 2px;
            bottom: -2px;
            left: 0;
            width: 100%;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

    .reservation-tab ul li.ui-state-active a::after {
        background: #333
    }

.special-grid {
    margin-top: 50px
}

    .special-grid .row {
        margin-left: -10px;
        margin-right: -10px
    }

        .special-grid .row > div {
            padding-left: 10px;
            padding-right: 10px
        }

    .special-grid .image-holder {
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
        display: block
    }

        .special-grid .image-holder img {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.8s ease
        }

        .special-grid .image-holder .inner {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 9;
            background: #c4006c;
            color: #fff;
            height: 31px;
            padding: 0 17px 0 14px;
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
            transition: opacity 0.2s,transform 0.35s;
            -webkit-transform: translate3d(0,40px,0);
            transform: translate3d(0,40px,0)
        }

            .special-grid .image-holder .inner a, .special-grid .image-holder .inner span {
                float: left
            }

            .special-grid .image-holder .inner h6 {
                color: #fff;
                font-size: 15px
            }

        .special-grid .image-holder.fix-image {
            height: 100%;
            position: relative
        }

            .special-grid .image-holder.fix-image img {
                position: absolute;
                height: 100%;
                width: 100%
            }

        .special-grid .image-holder:hover .inner {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            -webkit-transition-delay: 0.05s;
            transition-delay: 0.05s;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
            opacity: 1
        }

        .special-grid .image-holder:hover img {
            transform: scale(1.3);
            opacity: .8
        }

    .special-grid.re-style {
        margin-top: 0
    }

        .special-grid.re-style .row {
            margin-left: -15px;
            margin-right: -15px
        }

            .special-grid.re-style .row > div {
                padding-left: 15px;
                padding-right: 15px
            }

.special {
    background-size: cover;
    background-position: center
}

    .special .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 42px
    }

#special-slider-four .item-info {
    text-align: center;
    background: #fff;
    padding: 24px 15px 23px
}

    #special-slider-four .item-info h6 {
        font-size: 20px
    }

    #special-slider-four .item-info .price {
        color: #333
    }

.special-slider .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 35px
}

.special-item .thumb {
    margin-bottom: 26px
}

    .special-item .thumb img:hover {
        opacity: .8
    }

.special-item .change {
    height: 60px
}

.special-item .au-btn {
    top: 12px
}

.special-item .buy {
    top: -1px
}

.owl-theme#special-carousel-center .owl-nav.disabled + .owl-dots {
    margin-top: 42px
}

.special-box-slider {
    position: absolute;
    right: 21.3%
}

    .special-box-slider .owl-carousel {
        transform: translateY(-223.5px);
        -webkit-transform: translateY(-223.5px);
        -moz-transform: translateY(-223.5px);
        -ms-transform: translateY(-223.5px);
        -o-transform: translateY(-223.5px);
        position: relative;
        z-index: 9;
        width: 394px;
        background: #c4006c
    }

.special-box {
    padding: 10px 13px;
    color: #fff
}

    .special-box .inner {
        border: 2px solid rgba(255,255,255,.5);
        padding: 40px 37px 35px
    }

    .special-box h4 {
        font-weight: 600;
        margin-bottom: 5px
    }

        .special-box h4 a {
            color: #fff
        }

    .special-box .price {
        font-size: 25px;
        font-weight: 600;
        padding-left: 39px;
        position: relative
    }

        .special-box .price:before {
            content: "";
            width: 23px;
            height: 2px;
            background: #fff;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            left: 0
        }

    .special-box p {
        margin-top: 16px;
        margin-bottom: 27px
    }

    .special-box .star-rating {
        color: #fff
    }

.our-chef .our-chef-item {
    margin-bottom: 112px
}

.our-chef-slider .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 42px
}

.our-chef-item {
    position: relative;
    text-align: center;
    position: relative
}

    .our-chef-item:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease
    }

    .our-chef-item .info {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        width: 80%;
        z-index: 9
    }

        .our-chef-item .info .inner {
            opacity: 0;
            -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
            transition: opacity 0.2s,transform 0.35s;
            -webkit-transform: translate3d(0,40px,0);
            transform: translate3d(0,40px,0)
        }

    .our-chef-item .social a {
        margin-right: 12px;
        color: #999
    }

        .our-chef-item .social a:last-child {
            margin-right: 0
        }

        .our-chef-item .social a:hover {
            color: #b3b3b3
        }

    .our-chef-item h6 {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 9px
    }

        .our-chef-item h6 a {
            color: #fff
        }

    .our-chef-item span {
        color: #c4006c;
        display: block;
        margin-bottom: 29px
    }

    .our-chef-item .name-box {
        padding: 6px;
        background: #c4006c;
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        transform: translateY(50%);
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        height: 85px;
        z-index: 9
    }

        .our-chef-item .name-box span {
            color: #fff;
            margin-bottom: 0
        }

        .our-chef-item .name-box h6 {
            margin-bottom: 3px
        }

        .our-chef-item .name-box .inner {
            border: 1px solid rgba(255,255,255,.3);
            display: inline-flex;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: -moz-inline-flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%
        }

    .our-chef-item:hover:after {
        background: rgba(0,0,0,.5)
    }

    .our-chef-item:hover .info .inner {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        opacity: 1
    }

.wish {
    height: 668px;
    background-size: cover;
    position: relative;
    text-align: center
}

    .wish .content {
        position: absolute;
        top: 36%;
        left: 50%;
        padding: 0 15px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        width: 50%
    }

    .wish h3 {
        font-family: "Great Vibes",cursive;
        font-weight: 400;
        color: #c4006c;
        font-size: 84.71px;
        line-height: 1
    }

    .wish p {
        font-size: 30px;
        color: #ccc;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 65px
    }

    .wish .au-btn {
        color: #fff
    }

.gallery-grid {
    display: grid;
    display: -ms-grid
}

    .gallery-grid.has-gutter {
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
        -ms-grid-rows: auto 30px auto;
        grid-gap: 29px 31px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        padding: 0 15px
    }

        .gallery-grid.has-gutter .gallery-item:first-child {
            grid-area: 1 / 1 / span 1 / span 2;
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 3
        }

        .gallery-grid.has-gutter .gallery-item:nth-child(2) {
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 5;
            -ms-grid-column-span: 1
        }

        .gallery-grid.has-gutter .gallery-item:nth-child(3) {
            grid-area: 1 / 4 / span 2 / span 1;
            -ms-grid-row: 1;
            -ms-grid-row-span: 3;
            -ms-grid-column: 7;
            -ms-grid-column-span: 1
        }

        .gallery-grid.has-gutter .gallery-item:nth-child(4) {
            -ms-grid-row: 3;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1
        }

        .gallery-grid.has-gutter .gallery-item:nth-child(5) {
            -ms-grid-row: 3;
            -ms-grid-row-span: 1;
            -ms-grid-column: 3;
            -ms-grid-column-span: 1
        }

        .gallery-grid.has-gutter .gallery-item:nth-child(6) {
            -ms-grid-row: 3;
            -ms-grid-row-span: 1;
            -ms-grid-column: 5;
            -ms-grid-column-span: 1
        }

    .gallery-grid.no-gutter {
        -ms-grid-columns: auto auto auto auto;
        -ms-grid-rows: auto auto;
        grid-template-columns: auto auto auto auto
    }

        .gallery-grid.no-gutter .gallery-item:first-child {
            grid-area: 1 / 1 / span 2 / span 1;
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1
        }

        .gallery-grid.no-gutter .gallery-item:nth-child(4) {
            grid-area: 1 / 4 / span 2 / span 1;
            -ms-grid-row: 1;
            -ms-grid-row-span: 2;
            -ms-grid-column: 4;
            -ms-grid-column-span: 1
        }

.gallery-item .thumb {
    position: relative;
    display: block
}

    .gallery-item .thumb::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease
    }

    .gallery-item .thumb i {
        display: inline-block;
        width: 59px;
        height: 59px;
        border-radius: 50%;
        line-height: 59px;
        color: #fff;
        text-align: center;
        background: #c4006c;
        font-size: 23px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scale(0);
        -webkit-transform: translate(-50%,-50%) scale(0);
        -moz-transform: translate(-50%,-50%) scale(0);
        -ms-transform: translate(-50%,-50%) scale(0);
        -o-transform: translate(-50%,-50%) scale(0);
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease
    }

    .gallery-item .thumb:hover i {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        -webkit-transform: translate(-50%,-50%) scale(1);
        -moz-transform: translate(-50%,-50%) scale(1);
        -ms-transform: translate(-50%,-50%) scale(1);
        -o-transform: translate(-50%,-50%) scale(1)
    }

    .gallery-item .thumb:hover:before {
        background: rgba(0,0,0,.5)
    }

    .gallery-item .thumb.fix-image {
        height: 100%
    }

        .gallery-item .thumb.fix-image img {
            position: absolute;
            height: 100%;
            top: 0
        }

.section-form .section-header {
    margin-bottom: 62px
}

.section-form .form-inner {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.section-form .form-col {
    width: 30.4%;
    margin-bottom: 43px
}

.section-form .form-control {
    height: 31px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #ccc
}

    .section-form .form-control.datepicker-here {
        cursor: pointer
    }

    .section-form .form-control:focus {
        color: #ccc
    }

    .section-form .form-control::-webkit-input-placeholder {
        color: #ccc
    }

    .section-form .form-control::-moz-placeholder {
        color: #ccc
    }

    .section-form .form-control:-ms-input-placeholder {
        color: #ccc
    }

    .section-form .form-control:-moz-placeholder {
        color: #ccc
    }

    .section-form .form-control.style {
        border-bottom: 1px solid #333;
        color: #666
    }

        .section-form .form-control.style::-webkit-input-placeholder {
            color: #666
        }

        .section-form .form-control.style::-moz-placeholder {
            color: #666
        }

        .section-form .form-control.style:-ms-input-placeholder {
            color: #666
        }

        .section-form .form-control.style:-moz-placeholder {
            color: #666
        }

.section-form .au-btn {
    margin-top: 27px
}

.section-form.full {
    padding: 0 99px
}

    .section-form.full .form-col {
        width: 46.65%
    }

.map-holder {
    height: 341px
}

.block-banner {
    background-size: cover;
    position: relative;
    overflow: hidden
}

    .block-banner .inner {
        position: absolute;
        text-align: center
    }

    .block-banner.style-1 {
        height: 573px
    }

        .block-banner.style-1 .inner {
            right: 163px;
            top: 100px
        }

        .block-banner.style-1 h3 {
            color: #c4006c;
            font-size: 40px;
            font-weight: 400;
            margin-top: 5px;
            margin-bottom: 27px
        }

        .block-banner.style-1 h2 {
            font-size: 70px;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 7px;
            font-weight: 400;
            margin-bottom: 5px
        }

        .block-banner.style-1 p {
            font-size: 18px;
            color: gray;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 90px
        }

    .block-banner.style-2 {
        height: 531px;
        text-transform: uppercase
    }

        .block-banner.style-2 .inner {
            top: 110px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

        .block-banner.style-2 .text, .block-banner.style-2 .number {
            font-weight: 700
        }

        .block-banner.style-2 h2 {
            font-size: 70px;
            color: #fff
        }

        .block-banner.style-2 .middle {
            margin-bottom: 48px
        }

        .block-banner.style-2 .text {
            display: inline-block;
            text-align: right;
            margin-right: 6px
        }

            .block-banner.style-2 .text .first-line span {
                color: #fff;
                font-size: 50px;
                line-height: 1;
                vertical-align: bottom;
                display: inline-block;
                margin-left: 8px;
                transform: translateY(-2px);
                -webkit-transform: translateY(-2px);
                -moz-transform: translateY(-2px);
                -ms-transform: translateY(-2px);
                -o-transform: translateY(-2px)
            }

            .block-banner.style-2 .text .break {
                color: #f33;
                font-size: 69px;
                line-height: .9;
                display: block
            }

        .block-banner.style-2 .number {
            font-size: 144px;
            color: #f33;
            line-height: 1.21
        }

    .block-banner .date {
        width: 197px;
        height: 40px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid rgba(255,255,255,.5);
        color: #e5e5e5
    }

#grid-image.owl-theme .owl-nav.disabled + .owl-dots {
    display: none
}

#grid-image .owl-stage-outer, #grid-image .owl-stage, #grid-image .owl-item, #grid-image .item {
    height: 100%
}

.grid-item {
    display: block;
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 100%
}

    .grid-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .grid-item .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        padding: 0 15px;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        text-align: center
    }

    .grid-item .item-info {
        opacity: 0;
        -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
        transition: opacity 0.2s,transform 0.35s;
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

        .grid-item .item-info h4 {
            font-size: 28px;
            margin-bottom: 7px;
            color: #fff
        }

        .grid-item .item-info .star-rating {
            margin-bottom: 16px;
            font-size: 20px
        }

            .grid-item .item-info .star-rating i {
                margin-right: 3px
            }

        .grid-item .item-info .price {
            font-size: 28px
        }

    .grid-item:hover:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.6)
    }

    .grid-item:hover .item-info {
        opacity: 1;
        -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
        transition: opacity 0.2s,transform 0.35s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.fullpage-row {
    height: 100%
}

#fullpage .prev-slide, #fullpage .next-slide {
    color: #fff;
    font-size: 30px;
    cursor: pointer
}

    #fullpage .prev-slide:hover, #fullpage .next-slide:hover {
        color: #c4006c
    }

.bg-box {
    height: 100%;
    background-size: cover;
    background-position: center center
}

.full-col {
    height: 100%;
    background-size: cover;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.fp-controlArrow.fp-prev {
    display: none
}

.fp-controlArrow.fp-next {
    display: none
}

#fp-nav.right {
    right: 78px
}

#fp-nav ul li, .fp-slidesNav ul li {
    margin: 9px 0
}

    #fp-nav ul li a span, .fp-slidesNav ul li a span {
        background: none;
        border: 1px solid #fff;
        width: 12px;
        height: 12px;
        margin: 0;
        left: 0;
        top: 0
    }

    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
        margin: 0;
        border-color: transparent;
        background: #c4006c;
        margin: 0
    }

    #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
        width: 12px;
        height: 12px;
        margin: 0
    }

.instagram h4 {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 43px
}

.instagram .image-holder {
    position: relative;
    display: block
}

    .instagram .image-holder .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0,0,0,0);
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

        .instagram .image-holder .overlay div {
            display: inline-block;
            color: #fff
        }

            .instagram .image-holder .overlay div.love {
                margin-right: 16px
            }

    .instagram .image-holder:hover .overlay {
        opacity: 1;
        background: rgba(0,0,0,.5)
    }

.about-us-1, .about-us-2 {
    position: absolute
}

.about-us-1 {
    right: 0;
    top: 150px
}

.about-us-2 {
    left: 60px;
    bottom: 150px
}

.about-us-wrapper {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 229px 0 185px
}

.about-us-board {
    padding: 23px 20px;
    background: #181818;
    width: 53.84%;
    margin: auto;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 9
}

    .about-us-board .inner {
        border: 1px solid #c4006c;
        padding: 61px 35px 60px
    }

    .about-us-board .heading {
        margin-bottom: 35px
    }

        .about-us-board .heading h2 {
            color: #fff;
            font-size: 55px;
            font-family: "Great Vibes",cursive;
            font-weight: 400
        }

    .about-us-board p {
        line-height: 2;
        margin-bottom: 60px
    }

    .about-us-board .name {
        display: inline-block;
        margin-left: 1px
    }

        .about-us-board .name h6 {
            font-weight: 600;
            font-size: 17px;
            margin-bottom: 3px
        }

            .about-us-board .name h6 a {
                color: #fff
            }

.about-us .image-holder {
    height: 100%;
    background-size: cover
}

    .about-us .image-holder img {
        height: 100%;
        object-fit: cover
    }

.about-us-col {
    background: #000;
    padding: 30px 23px 30px;
    height: 93%
}

.nedenarti .about-us-col .section-header {
    margin-bottom: 9px
}

.about-us-col .section-header {
    text-align: left;
    margin-bottom: 34px;
    color: #fff
}

.about-us-col h3 {
    color: #fff
}

.about-us-col p {
    margin-bottom: 39px;
    line-height: 2;
    color: #fff
}

.opening-block {
    background: #181818;
    padding: 57px 0 49px
}

    .opening-block h2 {
        font-size: 45px;
        font-weight: 400;
        color: #c4006c
    }

    .opening-block .heading {
        font-weight: 600;
        color: #c4006c;
        font-size: 25px;
        margin-bottom: 16px
    }

    .opening-block .body {
        color: #fff;
        font-size: 18px
    }

        .opening-block .body span {
            display: block;
            margin-bottom: 6px
        }

            .opening-block .body span:last-child {
                margin-bottom: 0
            }

    .opening-block .front {
        height: 100%;
        padding-top: 30px;
        margin-right: 37px;
        position: relative
    }

        .opening-block .front img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%)
        }

    .opening-block .middle {
        padding-left: 25px
    }

    .opening-block .end {
        text-align: center;
        padding-top: 13px
    }

        .opening-block .end span {
            color: #fff;
            font-size: 22.71px;
            display: block;
            text-align: right;
            margin-bottom: 22px
        }

            .opening-block .end span i {
                font-size: 25.74px;
                margin-right: 10px
            }

.promotion-item {
    position: relative;
    color: #fff;
    text-align: center;
    margin-bottom: 30px
}

    .promotion-item.is-bg {
        height: 100%;
        position: relative
    }

        .promotion-item.is-bg #promotion-1 {
            height: 100%;
            width: 100%;
            object-fit: cover;
            position: absolute;
            left: 0
        }

    .promotion-item .inner {
        position: absolute
    }

        .promotion-item .inner.top {
            top: 78px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

        .promotion-item .inner.right {
            top: 99px;
            right: 50px
        }

        .promotion-item .inner.left {
            top: 69px;
            left: 58px
        }

    .promotion-item .note h4 {
        font-size: 40px;
        font-weight: 700;
        vertical-align: middle;
        margin: 0 13px;
        display: inline-block;
        color: #fff
    }

    .promotion-item .discount-box {
        display: inline-flex;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: -moz-inline-flex;
        align-items: center;
        border: 1px dashed #6f6f72;
        padding: 0 16px
    }

        .promotion-item .discount-box .text {
            display: inline-block;
            text-transform: uppercase;
            color: #ccc;
            font-size: 18px;
            font-weight: 500;
            margin-right: 9px;
            text-align: right
        }

            .promotion-item .discount-box .text span {
                display: block;
                line-height: 1.2
            }

        .promotion-item .discount-box .price {
            color: #f33;
            font-weight: 700;
            font-size: 44px;
            display: inline-flex;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: -moz-inline-flex;
            line-height: 1.3
        }

    .promotion-item .discount-text {
        margin-bottom: 38px
    }

        .promotion-item .discount-text h3 {
            color: #fff;
            font-weight: 500;
            text-transform: initial;
            font-size: 35px;
            margin-bottom: 0
        }

        .promotion-item .discount-text .percent {
            font-size: 50px;
            color: #f33;
            font-weight: 700;
            display: inline-flex;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: -moz-inline-flex;
            margin-right: 2px
        }

        .promotion-item .discount-text p {
            font-weight: 700;
            color: #ccc;
            text-transform: uppercase
        }

    .promotion-item h2 {
        font-weight: 700;
        font-size: 45px;
        text-transform: uppercase;
        color: #fff;
        margin-top: 13px
    }

    .promotion-item h3 {
        font-weight: 700;
        font-size: 30px;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 13px
    }

.pizza .grid {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center
}

    .pizza .grid .pizza-item {
        width: 19.27%;
        margin-right: 30px
    }

        .pizza .grid .pizza-item:last-child {
            margin-right: 0
        }

.pizza-item {
    height: 563px;
    border: 1px solid #e6e6e6;
    padding: 45px 36px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .pizza-item h5 {
        margin-bottom: 12px
    }

        .pizza-item h5 a {
            color: #333
        }

            .pizza-item h5 a:hover {
                color: #f33
            }

    .pizza-item .content {
        margin-top: 34px;
        margin-bottom: 31px;
        position: relative
    }

        .pizza-item .content:after {
            content: "";
            width: 50px;
            height: 1px;
            background: #e6e6e6;
            bottom: -15px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

    .pizza-item .change {
        height: 81px
    }

    .pizza-item .buy {
        top: 0;
        left: 50%
    }

        .pizza-item .buy p {
            font-weight: 600
        }

    .pizza-item .au-btn {
        top: 20px;
        background: #f33
    }

        .pizza-item .au-btn:hover {
            background: #e52e2e
        }

    .pizza-item.has-mb {
        margin-bottom: 50px
    }

    .pizza-item:hover {
        border-color: #f33
    }

.subscribe {
    background: #181818;
    position: relative;
    margin: -1px 0
}

    .subscribe .image-holder {
        background: url(/images/haber-ve-teklifler.jpg) no-repeat center center !important;
        background-size: cover;
        background-position: center;
        position: relative;
        top: 0;
        left: 0
    }

.subscribe-form {
    height: 575px;
    padding: 30px 195px 0 35px
}

    .subscribe-form .section-header {
        text-align: left;
        margin-bottom: 0
    }

    .subscribe-form .form-row {
        margin-bottom: 12px;
        display: flex;
        flex-wrap: wrap
    }

    .subscribe-form .form-control {
        border: 1px solid #fff;
        font-size: 15px;
        padding: 0 10px;
        height: 50px;
        margin-right: 12px;
        width: 38%;
        background: #181818;
        color: #fff;
        margin-bottom: 10px
    }

        .subscribe-form .form-control::-webkit-input-placeholder {
            color: #fff;
            font-size: 15px
        }

        .subscribe-form .form-control::-moz-placeholder {
            color: #fff;
            font-size: 15px
        }

        .subscribe-form .form-control:-ms-input-placeholder {
            color: #fff;
            font-size: 15px
        }

        .subscribe-form .form-control:-moz-placeholder {
            color: #fff;
            font-size: 15px
        }

    .subscribe-form .au-btn {
        width: 684px;
        height: 50px;
        background: #c4006c;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-transform: inherit;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

        .subscribe-form .au-btn:hover {
            color: #fff;
            background: #c4006c
        }

    .subscribe-form p {
        color: #b2b2b2;
        margin-bottom: 14px
    }

.event-col {
    text-align: center;
    padding: 30px;
    background-size: cover;
    height: 419px
}

    .event-col .interior {
        background: #fff;
        height: 100%;
        padding: 0 24px
    }

    .event-col .event-date {
        background: #181818;
        width: 92px;
        height: 92px;
        margin: auto;
        margin-bottom: 35px;
        padding: 4px
    }

        .event-col .event-date .inner {
            border: 1px solid rgba(255,255,255,.5);
            height: 100%;
            color: #fff;
            display: inline-flex;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: -moz-inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            border: 1px solid rgba(255,255,255,.5)
        }

            .event-col .event-date .inner .date {
                font-size: 45px;
                line-height: 1;
                font-weight: 600
            }

            .event-col .event-date .inner .month {
                font-size: 16px;
                text-transform: uppercase
            }

    .event-col .event-meta {
        margin-bottom: 10px
    }

        .event-col .event-meta div {
            display: inline-block
        }

            .event-col .event-meta div span {
                margin-right: 5px;
                color: #333
            }

            .event-col .event-meta div.event-time {
                margin-right: 25px
            }

    .event-col h6 {
        font-weight: 600;
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 21px
    }

        .event-col h6 a {
            color: #333
        }

            .event-col h6 a:hover {
                color: #f33
            }

    .event-col p {
        margin-bottom: 28px
    }

.coffee-menu {
    background-size: cover;
    background-position: center
}

.coffee-wrapper {
    padding: 20px;
    background: #181818
}

    .coffee-wrapper .inner {
        border: 1px solid #956f32;
        padding: 77px 65px 23px;
        height: 825px
    }

    .coffee-wrapper .section-header {
        margin-bottom: 62px
    }

    .coffee-wrapper .menu-navigation {
        margin-bottom: 53px
    }

        .coffee-wrapper .menu-navigation ul li {
            margin-right: 60px
        }

            .coffee-wrapper .menu-navigation ul li:last-child {
                margin-right: 0
            }

            .coffee-wrapper .menu-navigation ul li a {
                font-weight: 500;
                font-size: 18px;
                color: rgba(255,255,255,.5)
            }

                .coffee-wrapper .menu-navigation ul li a:hover {
                    color: #fff
                }

            .coffee-wrapper .menu-navigation ul li.ui-state-active a {
                color: #fff
            }

.coffee-material .body {
    position: relative;
    margin-bottom: 37px
}

.coffee-material .left .coffee-material-box:last-child, .coffee-material .right .coffee-material-box:last-child {
    margin-bottom: 0
}

.coffee-material .left {
    text-align: right;
    padding-top: 51px
}

    .coffee-material .left h5 {
        margin-right: 21px
    }

    .coffee-material .left .coffee-material-box:nth-child(2) .heading h5, .coffee-material .left .coffee-material-box:nth-child(3) .heading h5 {
        margin-right: 10px
    }

.coffee-material .right {
    text-align: left;
    padding-top: 51px
}

    .coffee-material .right h5 {
        margin-left: 10px
    }

.coffee-material .bg-block {
    position: absolute
}

.coffee-material-box {
    margin-bottom: 52px
}

    .coffee-material-box .heading {
        margin-bottom: 8px
    }

        .coffee-material-box .heading h5 {
            display: inline-block;
            text-transform: uppercase;
            vertical-align: middle
        }

.bakery-grid-item {
    position: relative;
    display: block;
    margin-bottom: 30px;
    overflow: hidden
}

    .bakery-grid-item img {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .bakery-grid-item:before {
        content: "";
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        background: rgba(0,0,0,0);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 9
    }

    .bakery-grid-item .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 99;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        background: #fff;
        height: 46px;
        padding: 0 29px;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .bakery-grid-item h6 {
        font-size: 18px;
        font-weight: 600
    }

    .bakery-grid-item.fix-image {
        height: 100%;
        position: relative
    }

        .bakery-grid-item.fix-image img {
            position: absolute;
            height: 100%
        }

    .bakery-grid-item:hover .inner {
        background: #dfa027
    }

        .bakery-grid-item:hover .inner h6 {
            color: #fff
        }

    .bakery-grid-item:hover img {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }

    .bakery-grid-item:hover:before {
        background: rgba(0,0,0,.6)
    }

.bakery-menu {
    background-size: cover
}

    .bakery-menu .menu-navigation {
        margin-bottom: 54px
    }

        .bakery-menu .menu-navigation ul li a span {
            color: #e5e5e5
        }

.bakery-menu-item {
    margin-bottom: 54px
}

    .bakery-menu-item .thumb {
        margin-bottom: 34px
    }

    .bakery-menu-item .au-btn {
        top: 11px
    }

    .bakery-menu-item .change {
        height: 61px
    }

.bakery-right {
    padding-top: 20px
}

    .bakery-right h3 {
        margin-bottom: 8px
    }

        .bakery-right h3 a {
            color: #333
        }

            .bakery-right h3 a:hover {
                color: #dfa027
            }

    .bakery-right .heading {
        margin-bottom: 28px
    }

    .bakery-right p {
        margin-bottom: 46px
    }

    .bakery-right .info {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center
    }

    .bakery-right .price {
        font-weight: 600;
        font-size: 30px;
        color: #333;
        margin-right: 47px;
        padding-left: 40px;
        position: relative
    }

        .bakery-right .price:before {
            content: "";
            width: 23px;
            height: 2px;
            background: #333;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            left: 0
        }

    .bakery-right .star-rating {
        display: inline-block;
        font-size: 20px
    }

    .bakery-right .summary-line {
        font-size: 17px;
        margin-bottom: 7px
    }

        .bakery-right .summary-line:last-child {
            margin-bottom: 0
        }

        .bakery-right .summary-line span {
            font-weight: 600
        }

.bakery-thumbnail li {
    width: 120px;
    height: 120px;
    border: 1px solid #e6e6e6;
    margin-bottom: 15px
}

    .bakery-thumbnail li:last-child {
        margin-bottom: 0
    }

    .bakery-thumbnail li a {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .bakery-thumbnail li.ui-state-active, .bakery-thumbnail li:hover {
        border: 1px solid #dfa027
    }

.bakery-content {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex
}

    .bakery-content .image-holder {
        align-self: center;
        width: 33.25%;
        margin-right: 84px;
        text-align: center;
        display: block
    }

    .bakery-content .bakery-right {
        width: 66.74%
    }

.cupcake-item .thumb {
    margin-bottom: 27px
}

.cupcake-item .change {
    height: 61px
}

.cupcake-item .au-btn {
    top: 10px
}

.cupcake-item h5 a:hover {
    color: #f1b1d4
}

#cupcake-slider .owl-stage .owl-item.opacity {
    position: relative
}

    #cupcake-slider .owl-stage .owl-item.opacity:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255,.5)
    }

.special-cupcake {
    background-size: cover
}

.special-cupcake-content {
    padding-top: 65px
}

    .special-cupcake-content h3 {
        text-transform: uppercase;
        margin-bottom: 8px
    }

        .special-cupcake-content h3 a {
            color: #fff
        }

            .special-cupcake-content h3 a:hover {
                color: #f1b1d4
            }

    .special-cupcake-content .heading {
        margin-bottom: 28px
    }

    .special-cupcake-content .star-rating {
        display: inline-block;
        font-size: 20px
    }

    .special-cupcake-content .info {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center
    }

    .special-cupcake-content .price {
        font-size: 30px;
        color: #fff;
        font-weight: 600;
        position: relative
    }

        .special-cupcake-content .price:after {
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            width: 23px;
            height: 2px;
            background: #fff
        }

    .special-cupcake-content p {
        color: #ccc;
        margin-bottom: 60px
    }

.up-row {
    margin-bottom: 56px
}

    .up-row .special-cupcake-content {
        margin-right: -30px;
        text-align: right
    }

        .up-row .special-cupcake-content .price {
            padding-right: 40px
        }

            .up-row .special-cupcake-content .price:after {
                right: 0
            }

        .up-row .special-cupcake-content .info {
            justify-content: flex-end
        }

        .up-row .special-cupcake-content .star-rating {
            margin-right: 44px
        }

    .up-row .image-holder {
        margin-right: -15px
    }

.down-row .special-cupcake-content {
    padding-top: 75px;
    margin-left: -30px
}

    .down-row .special-cupcake-content .price {
        padding-left: 40px;
        margin-right: 43px
    }

        .down-row .special-cupcake-content .price:after {
            left: 0
        }

.cupcake-history {
    position: relative;
    background-position: right bottom;
    background-repeat: no-repeat
}

    .cupcake-history .video {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-size: cover;
        background-repeat: no-repeat
    }

        .cupcake-history .video:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: rgba(0,0,0,0);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .cupcake-history .video a {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 9
        }

        .cupcake-history .video img {
            display: none
        }

        .cupcake-history .video .play-button {
            font-size: 90px;
            color: #ccc;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%)
        }

            .cupcake-history .video .play-button i {
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease
            }

        .cupcake-history .video:hover .play-button i {
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -o-transform: scale(1.3);
            transform: scale(1.3)
        }

        .cupcake-history .video:hover:after {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: rgba(0,0,0,.5)
        }

    .cupcake-history .content {
        padding-top: 109px;
        padding-left: 45px;
        height: 717px
    }

        .cupcake-history .content .section-header {
            text-align: left;
            margin-bottom: 41px
        }

        .cupcake-history .content .cd-horizontal-timeline .events-content {
            color: #fff
        }

            .cupcake-history .content .cd-horizontal-timeline .events-content li {
                line-height: 2
            }

.cd-horizontal-timeline {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s
}

    .cd-horizontal-timeline::before {
        content: 'mobile';
        display: none
    }

    .cd-horizontal-timeline.loaded {
        opacity: 1
    }

    .cd-horizontal-timeline .timeline {
        position: relative
    }

    .cd-horizontal-timeline .events-wrapper {
        position: relative;
        overflow: hidden;
        margin-top: 63px;
        height: 100px
    }

        .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
            content: '';
            position: absolute;
            z-index: 2;
            top: 0;
            height: 100%
        }

    .cd-horizontal-timeline .events {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 49px;
        height: 2px;
        background: rgba(255,255,255,.5);
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s
    }

        .cd-horizontal-timeline .events a {
            position: absolute;
            bottom: 0;
            z-index: 2;
            text-align: center;
            font-size: 20px;
            padding-bottom: 23px;
            color: #fff;
            font-weight: 600;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0)
        }

            .cd-horizontal-timeline .events a:hover {
                color: #f1b1d4
            }

            .cd-horizontal-timeline .events a::after {
                content: '';
                position: absolute;
                left: 50%;
                right: auto;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
                bottom: -5px;
                height: 12px;
                width: 12px;
                border-radius: 50%;
                border: 2px solid rgba(255,255,255,.5);
                background-color: #fff;
                -webkit-transition: background-color 0.3s,border-color 0.3s;
                -moz-transition: background-color 0.3s,border-color 0.3s;
                transition: background-color 0.3s,border-color 0.3s
            }

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #f1b1d4;
    border-color: rgba(241,177,212,.5)
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
    color: #f1b1d4
}

    .cd-horizontal-timeline .events a.selected::after {
        background-color: #f1b1d4;
        border-color: rgba(241,177,212,.5)
    }

.cd-horizontal-timeline .events a.older-event::after {
    border-color: rgba(241,177,212,.5)
}

@media only screen and (min-width:1100px) {
    .cd-horizontal-timeline::before {
        content: 'desktop'
    }
}

@media only screen and (max-width:1100px) {
    .action .au-btn {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .logo img {
        width: 78%
    }

    .action .au-btn {
        width: 96px !important;
        height: 33px !important;
        font-size: 13px !important
    }

    .buttons {
        margin-left: 19px !important
    }
}

.cd-timeline-navigation {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between
}

    .cd-timeline-navigation a {
        height: 34px;
        width: 34px;
        border-radius: 50%;
        border: 2px solid #dfdfdf;
        -webkit-transition: border-color 0.3s;
        -moz-transition: border-color 0.3s;
        transition: border-color 0.3s;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #f1b1d4
    }

        .cd-timeline-navigation a i {
            font-size: 20px;
            color: #fff
        }

        .cd-timeline-navigation a.next {
            right: 0
        }

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed
}

    .cd-timeline-navigation a.inactive::after {
        background-position: 0 -16px
    }

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s
}

    .cd-horizontal-timeline .events-content li {
        position: absolute;
        z-index: 1;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

        .cd-horizontal-timeline .events-content li.selected {
            position: relative;
            z-index: 2;
            opacity: 1;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0)
        }

        .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
            -webkit-animation-name: cd-enter-right;
            -moz-animation-name: cd-enter-right;
            animation-name: cd-enter-right
        }

        .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-name: cd-enter-left;
            -moz-animation-name: cd-enter-left;
            animation-name: cd-enter-left
        }

        .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-direction: reverse;
            -moz-animation-direction: reverse;
            animation-direction: reverse
        }

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }

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

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%)
    }

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

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

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

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

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

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }

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

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

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

.contact-block .image-holder {
    height: 100%
}

    .contact-block .image-holder img {
        height: 100%;
        object-fit: cover
    }

.contact-block .contact-box {
    background: #f2f2f2;
    height: 100%;
    text-align: center;
    height: 270px;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .contact-block .contact-box h4 {
        color: #333;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 13px
    }

    .contact-block .contact-box p span {
        display: block;
        font-weight: 600
    }

    .contact-block .contact-box a {
        color: #666
    }

    .contact-block .contact-box.open p {
        margin-bottom: 6px
    }

        .contact-block .contact-box.open p:last-child {
            margin-bottom: 0
        }

    .contact-block .contact-box.address h4 {
        margin-bottom: 16px
    }

.contact-block .map-holder {
    height: 270px
}

footer {
    background: #181818;
    color: #b2b2b2;
    position: relative
}

.ft-top {
    text-align: center
}

    .ft-top .ft-top-wrapper {
        padding-top: 80px;
        padding-bottom: 20px;
        border-bottom: 1px solid #333
    }

        .ft-top .ft-top-wrapper.pb-54 {
            padding-bottom: 54px
        }

        .ft-top .ft-top-wrapper.style {
            padding-top: 65px;
            padding-bottom: 45px
        }

    .ft-top .ft-logo {
        margin-bottom: 59px
    }

    .ft-top .ft-col.mt-51 {
        margin-top: 51px
    }

    .ft-top .ft-col.pl-64 {
        padding-left: 64px
    }

    .ft-top .ft-col.pl-50 {
        padding-left: 50px
    }

    .ft-top .ft-col.pl-30 {
        padding-left: 30px
    }

    .ft-top p.style {
        margin-bottom: 29px;
        margin-top: 31px
    }

    .ft-top h6, .ft-top span {
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 28px;
        display: block
    }

        .ft-top h6.mb-33 {
            margin-bottom: 33px
        }

    .ft-top .form-inner {
        padding-top: 7px;
        margin-bottom: 27px;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: center
    }

        .ft-top .form-inner input, .ft-top .form-inner button {
            height: 42px;
            background: none;
            border: 1px solid rgba(255,255,255,.5)
        }

        .ft-top .form-inner input {
            width: 261px;
            border-radius: 21px 0 0 21px;
            padding-left: 24px;
            color: #b2b2b2
        }

            .ft-top .form-inner input::-webkit-input-placeholder {
                color: #b2b2b2
            }

            .ft-top .form-inner input::-moz-placeholder {
                color: #b2b2b2
            }

            .ft-top .form-inner input:-ms-input-placeholder {
                color: #b2b2b2
            }

            .ft-top .form-inner input:-moz-placeholder {
                color: #b2b2b2
            }

        .ft-top .form-inner button {
            width: 68px;
            border-left: none;
            border-radius: 0 21px 21px 0;
            cursor: pointer
        }

            .ft-top .form-inner button span {
                font-size: 22px;
                color: #b2b2b2
            }

    .ft-top .contact-part {
        margin-bottom: 0
    }

    .ft-top .map-holder {
        height: 171px
    }

    .ft-top.fixed {
        position: relative;
        z-index: 9;
        padding-top: 108px;
        padding-left: 39px
    }

.ft-bot {
    padding: 20px 0 19px;
    text-align: center
}

    .ft-bot.has-bd {
        border-top: 1px solid #333
    }

.ft-upper {
    height: 507px
}

.ft-push {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.ft-image {
    height: 100%;
    background-size: cover
}

    .ft-image img {
        display: none
    }

.post-row h6 {
    font-size: 15px;
    text-transform: inherit;
    margin-bottom: 17px;
    margin-top: 7px
}

    .post-row h6 a {
        color: #b2b2b2
    }

        .post-row h6 a:hover {
            color: #c4006c
        }

        .post-row h6 a.hover-third-color:hover {
            color: #c4006c
        }

        .post-row h6 a.hover-fourth-color:hover {
            color: #f33
        }

.click-to-top {
    position: fixed;
    text-align: center;
    right: 80px;
    bottom: 62px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    z-index: 99;
    height: 37px;
    width: 39px;
    line-height: 37px;
    background: #c4006c;
    border: 1px solid rgba(205,170,124,.5)
}

    .click-to-top i {
        font-size: 18px
    }

    .click-to-top:hover {
        background: #e5be8a
    }

.partner {
    padding: 51px 0 29px
}

    .partner img:hover {
        opacity: .7
    }

    .partner .image-holder {
        display: block;
        margin-bottom: 30px
    }

    .partner.has-bd {
        border-top: 1px solid #e6e6e6
    }

.brand {
    text-align: center;
    padding: 70px 0 70px
}

    .brand .brand-item {
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 206px;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        position: relative;
        flex-wrap: wrap;
        flex-direction: column
    }

        .brand .brand-item img {
            opacity: .5;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .brand .brand-item:hover img {
            opacity: 1
        }

        .brand .brand-item.corner:before {
            content: "";
            width: 60px;
            height: 60px;
            background: #fff;
            position: absolute;
            bottom: -30px;
            right: -30px;
            z-index: 9
        }

.testimonials {
    background-size: cover
}

    .testimonials .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 46px
    }

    .testimonials .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 0 3.5px;
        background: none;
        border: 1px solid #fff
    }

    .testimonials .owl-theme .owl-dots .owl-dot.active span, .testimonials .owl-theme .owl-dots .owl-dot:hover span {
        border-color: transparent;
        background: #c4006c
    }

.testimonials-item {
    background: #fff;
    padding: 43px 48px
}

    .testimonials-item p {
        margin-bottom: 16px
    }

    .testimonials-item .reporter {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center
    }

        .testimonials-item .reporter .info {
            display: inline-block;
            vertical-align: middle;
            margin-left: 12px
        }

            .testimonials-item .reporter .info span {
                color: #c4006c;
                display: block;
                margin-bottom: 7px
            }

            .testimonials-item .reporter .info h6 {
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 600
            }

.testimonials-2 {
    padding-right: 45px;
    padding-top: 40px
}

    .testimonials-2 .section-header {
        margin-bottom: 34px
    }

    .testimonials-2.full {
        padding: 0;
        width: 100%
    }

        .testimonials-2.full .item p {
            width: 57.5%;
            margin: auto;
            color: #fff;
            margin-bottom: 28px
        }

        .testimonials-2.full .item .info h6 {
            color: #fff
        }

        .testimonials-2.full span.lnr {
            bottom: 21%
        }

            .testimonials-2.full span.lnr.lnr.lnr-chevron-left {
                left: 33%
            }

            .testimonials-2.full span.lnr.lnr.lnr-chevron-right {
                right: 33%
            }

.testimonials-2-block .section-header {
    margin-bottom: 63px
}

.testimonials-2-carousel {
    position: relative;
    text-align: center
}

    .testimonials-2-carousel span.lnr {
        cursor: pointer;
        font-size: 18px;
        color: #d9d9d9;
        position: absolute;
        bottom: 25%;
        z-index: 9
    }

        .testimonials-2-carousel span.lnr:hover {
            color: #c4006c
        }

        .testimonials-2-carousel span.lnr.lnr-chevron-left {
            left: 23%
        }

        .testimonials-2-carousel span.lnr.lnr-chevron-right {
            right: 23%
        }

    .testimonials-2-carousel .item p {
        margin-bottom: 18px;
        position: relative
    }

        .testimonials-2-carousel .item p i {
            font-size: 70px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            color: rgba(205,170,124,.15)
        }

    .testimonials-2-carousel .item .user {
        text-align: center
    }

        .testimonials-2-carousel .item .user .info {
            display: block
        }

            .testimonials-2-carousel .item .user .info h6 {
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 600;
                margin-bottom: 4px
            }

            .testimonials-2-carousel .item .user .info span {
                color: #c4006c
            }

    .testimonials-2-carousel.re-style span.lnr {
        color: #999;
        bottom: 23%
    }

        .testimonials-2-carousel.re-style span.lnr:hover {
            color: #dfa027
        }

        .testimonials-2-carousel.re-style span.lnr.lnr-chevron-left {
            left: 29.5%
        }

        .testimonials-2-carousel.re-style span.lnr.lnr-chevron-right {
            right: 29.5%
        }

    .testimonials-2-carousel.re-style .item p {
        color: #ccc;
        margin-bottom: 28px
    }

        .testimonials-2-carousel.re-style .item p i {
            color: rgba(223,160,39,.05)
        }

    .testimonials-2-carousel.re-style .item .user h6 {
        margin-bottom: 1px
    }

.style-color-1 #preloader span {
    background: #c4006c
}

.style-color-1 .post-row h6 a:hover {
    color: #c4006c
}

.style-color-1 .section-header span {
    color: #c4006c
}

.style-color-1 .navbar-desktop > ul > li > a:hover {
    color: #c4006c
}

.style-color-1 .navbar-desktop > ul > li.current > a {
    color: #c4006c;
    border: 1px solid #c4006c
}

.style-color-1 .navbar-desktop > ul > li.has-children ul li.current > a, .style-color-1 .navbar-desktop > ul > li.has-children ul li:hover > a {
    color: #c4006c
}

    .style-color-1 .navbar-desktop > ul > li.has-children ul li.current > a i.zmdi, .style-color-1 .navbar-desktop > ul > li.has-children ul li:hover > a i.zmdi {
        color: #c4006c
    }

    .style-color-1 .navbar-desktop > ul > li.has-children ul li.current > a:before, .style-color-1 .navbar-desktop > ul > li.has-children ul li:hover > a:before {
        background: #c4006c
    }

.style-color-1 .hc-mobile-nav li.current > a {
    color: #c4006c
}

    .style-color-1 .hc-mobile-nav li.current > a:before {
        background: #c4006c
    }

.style-color-1 .owl-theme.style .owl-dots .owl-dot span {
    background: #c4006c
}

.style-color-1 .rev_slider .tp-bullet.selected, .style-color-1 .rev_slider .tp-bullet:hover {
    background: #c4006c
}

.style-color-1 .social.round a {
    border: 1px solid #c4006c
}

    .style-color-1 .social.round a:hover {
        background: #c4006c
    }

.style-color-1 .au-btn--hover:before {
    background: #c4006c
}

.au-btn.au-btn--hover.has-bd:hover {
    color: #000 !important
}

.style-color-1 .click-to-top {
    background: #c4006c;
    border: 1px solid rgba(172,202,221,.5)
}

    .style-color-1 .click-to-top:hover {
        background: #c4006c
    }

.style-color-1 .navbar-mobile__toggler span {
    background-color: #c4006c
}

.style-color-1 .item-info h6 a:hover {
    color: #c4006c
}

.style-color-1 .menu-item h5 a:hover {
    color: #c4006c
}

.style-color-1 .menu-item ul li a:hover {
    color: #c4006c
}

.style-color-1 .gallery-item .thumb i {
    background: #c4006c
}

.style-color-1 .post .post-body h5 a:hover {
    color: #c4006c
}

.style-color-1 .au-btn__readmore:hover {
    color: #c4006c
}

.style-color-2 .section-header span {
    color: #f33
}

.style-color-2 #preloader span {
    background: #f33
}

.style-color-2 .post-row h6 a:hover {
    color: #f33
}

.style-color-2 .navbar-desktop > ul > li > a:hover {
    color: #f33
}

.style-color-2 .navbar-desktop > ul > li.current > a {
    color: #f33;
    border: 1px solid rgba(255,51,51,.5)
}

.style-color-2 .navbar-desktop > ul > li.has-children ul li.current > a, .style-color-2 .navbar-desktop > ul > li.has-children ul li:hover > a {
    color: #f33
}

    .style-color-2 .navbar-desktop > ul > li.has-children ul li.current > a:before, .style-color-2 .navbar-desktop > ul > li.has-children ul li:hover > a:before {
        background: #f33
    }

    .style-color-2 .navbar-desktop > ul > li.has-children ul li.current > a i.zmdi, .style-color-2 .navbar-desktop > ul > li.has-children ul li:hover > a i.zmdi {
        color: #f33
    }

.style-color-2 .hc-mobile-nav li.current > a {
    color: #f33
}

    .style-color-2 .hc-mobile-nav li.current > a:before {
        background: #f33
    }

.style-color-2 .owl-theme.style-1 .owl-dots .owl-dot span {
    border: 1px solid #f33
}

.style-color-2 .owl-theme.style-1 .owl-dots .owl-dot.active span {
    background: #f33
}

.style-color-2 .rev_slider .tp-bullet.selected, .style-color-2 .rev_slider .tp-bullet:hover {
    background: #f33
}

.style-color-2 .social.round a {
    border: 1px solid #f33
}

    .style-color-2 .social.round a:hover {
        background: #f33
    }

.style-color-2 .au-btn--hover:before {
    background: #f33
}

.style-color-2 .click-to-top {
    background: #f33;
    border: 1px solid rgba(255,51,51,.5)
}

    .style-color-2 .click-to-top:hover {
        background: #e52e2e
    }

.style-color-2 .navbar-mobile__toggler span {
    background-color: #f33
}

.style-color-2 .au-btn__readmore:hover {
    color: #f33
}

.style-color-3 .section-header span {
    color: #956f32
}

.style-color-3 #preloader span {
    background: #956f32
}

.style-color-3 .navbar-desktop > ul > li > a:hover {
    color: #956f32
}

.style-color-3 .navbar-desktop > ul > li.current > a {
    color: #956f32;
    border: 1px solid rgba(149,111,50,.5)
}

.style-color-3 .navbar-desktop > ul > li.has-children ul li.current > a, .style-color-3 .navbar-desktop > ul > li.has-children ul li:hover > a {
    color: #956f32
}

    .style-color-3 .navbar-desktop > ul > li.has-children ul li.current > a:before, .style-color-3 .navbar-desktop > ul > li.has-children ul li:hover > a:before {
        background: #956f32
    }

    .style-color-3 .navbar-desktop > ul > li.has-children ul li.current > a i.zmdi, .style-color-3 .navbar-desktop > ul > li.has-children ul li:hover > a i.zmdi {
        color: #956f32
    }

.style-color-3 .hc-mobile-nav li.current > a {
    color: #956f32
}

    .style-color-3 .hc-mobile-nav li.current > a:before {
        background: #956f32
    }

.style-color-3 .owl-theme.style-1 .owl-dots .owl-dot span {
    border: 1px solid #956f32
}

.style-color-3 .owl-theme.style-1 .owl-dots .owl-dot.active span {
    background: #956f32
}

.style-color-3 .rev_slider .tp-bullet.selected, .style-color-3 .rev_slider .tp-bullet:hover {
    background: #956f32
}

.style-color-3 .au-btn--hover:before {
    background: #956f32
}

.style-color-3 .click-to-top {
    background: #956f32;
    border: 1px solid rgba(149,111,50,.5)
}

    .style-color-3 .click-to-top:hover {
        background: #ad823b
    }

.style-color-3 .navbar-mobile__toggler span {
    background-color: #956f32
}

.style-color-3 .post .post-body h5 a:hover {
    color: #956f32
}

.style-color-3 .au-btn__readmore:hover {
    color: #956f32
}

.style-color-3 .menu-item h5 a:hover {
    color: #956f32
}

.style-color-4 .section-header span {
    color: #dfa027
}

.style-color-4 #preloader span {
    background: #dfa027
}

.style-color-4 .navbar-desktop > ul > li > a:hover {
    color: #dfa027
}

.style-color-4 .navbar-desktop > ul > li.current > a {
    color: #dfa027;
    border: 1px solid rgba(223,160,39,.5)
}

.style-color-4 .navbar-desktop > ul > li.has-children ul li.current > a, .style-color-4 .navbar-desktop > ul > li.has-children ul li:hover > a {
    color: #dfa027
}

    .style-color-4 .navbar-desktop > ul > li.has-children ul li.current > a:before, .style-color-4 .navbar-desktop > ul > li.has-children ul li:hover > a:before {
        background: #dfa027
    }

    .style-color-4 .navbar-desktop > ul > li.has-children ul li.current > a i.zmdi, .style-color-4 .navbar-desktop > ul > li.has-children ul li:hover > a i.zmdi {
        color: #dfa027
    }

.style-color-4 .hc-mobile-nav li.current > a {
    color: #dfa027
}

    .style-color-4 .hc-mobile-nav li.current > a:before {
        background: #dfa027
    }

.style-color-4 .owl-theme.style .owl-dots .owl-dot span {
    background: #dfa027
}

.style-color-4 .owl-theme.style-1 .owl-dots .owl-dot span {
    border: 1px solid #dfa027
}

.style-color-4 .owl-theme.style-1 .owl-dots .owl-dot.active span {
    background: #dfa027
}

.style-color-4 .rev_slider .tp-bullet.selected, .style-color-4 .rev_slider .tp-bullet:hover {
    background: #dfa027
}

.style-color-4 .au-btn--hover:before {
    background: #dfa027
}

.style-color-4 .testimonials-2-carousel .item .user .info span {
    color: #dfa027
}

.style-color-4 .click-to-top {
    background: #dfa027;
    border: 1px solid rgba(241,177,212,.5)
}

    .style-color-4 .click-to-top:hover {
        background: #f7af2a
    }

.style-color-4 .navbar-mobile__toggler span {
    background-color: #dfa027
}

.style-color-4 .item-info h5 a:hover {
    color: #dfa027
}

.style-color-5 .section-header span {
    color: #f1b1d4
}

.style-color-5 #preloader span {
    background: #f1b1d4
}

.style-color-5 .navbar-desktop > ul > li > a:hover {
    color: #f1b1d4
}

.style-color-5 .navbar-desktop > ul > li.current > a {
    color: #f1b1d4;
    border: 1px solid rgba(241,177,212,.5)
}

.style-color-5 .navbar-desktop > ul > li.has-children ul li.current > a, .style-color-5 .navbar-desktop > ul > li.has-children ul li:hover > a {
    color: #f1b1d4
}

    .style-color-5 .navbar-desktop > ul > li.has-children ul li.current > a:before, .style-color-5 .navbar-desktop > ul > li.has-children ul li:hover > a:before {
        background: #f1b1d4
    }

    .style-color-5 .navbar-desktop > ul > li.has-children ul li.current > a i.zmdi, .style-color-5 .navbar-desktop > ul > li.has-children ul li:hover > a i.zmdi {
        color: #f1b1d4
    }

.style-color-5 .hc-mobile-nav li.current > a {
    color: #f1b1d4
}

    .style-color-5 .hc-mobile-nav li.current > a:before {
        background: #f1b1d4
    }

.style-color-5 .our-chef-item span {
    color: #f1b1d4
}

.style-color-5 .owl-theme.style .owl-dots .owl-dot span {
    background: #f1b1d4
}

.style-color-5 .owl-theme.style-1 .owl-dots .owl-dot span {
    border: 1px solid #f1b1d4
}

.style-color-5 .owl-theme.style-1 .owl-dots .owl-dot.active span {
    background: #f1b1d4
}

.style-color-5 .rev_slider .tp-bullet.selected, .style-color-5 .rev_slider .tp-bullet:hover {
    background: #f1b1d4
}

.style-color-5 .au-btn--hover:before {
    background: #f1b1d4
}

.style-color-5 .click-to-top {
    background: #f1b1d4;
    border: 1px solid rgba(241,177,212,.5)
}

    .style-color-5 .click-to-top:hover {
        background: #d99ebe
    }

.style-color-5 .navbar-mobile__toggler span {
    background-color: #f1b1d4
}

#contact-us-page .map-holder {
    height: 450px
}

.contact-us-content h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.contact-us-content p {
    margin-bottom: 89px
}

.contact-us-content .contact-us-col h5 {
    margin-bottom: 11px
}

.contact-us-content .contact-us-col span, .contact-us-content .contact-us-col a {
    display: block;
    color: #666
}

.contact-us-content .contact-us-col .address {
    margin-bottom: 28px
}

.contact-us-content .contact-us-col .body {
    margin-bottom: 53px
}

.contact-us-content .social a {
    color: #999
}

    .contact-us-content .social a:hover {
        color: #999
    }

.contact-us-form {
    padding-top: 7px
}

    .contact-us-form .form-holder {
        margin-bottom: 17px
    }

    .contact-us-form .form-control {
        height: 50px;
        border: 1px solid #e5e5e5;
        padding: 0 19px;
        color: #999;
        font-size: 15px
    }

        .contact-us-form .form-control::-webkit-input-placeholder {
            color: #999;
            font-size: 15px
        }

        .contact-us-form .form-control::-moz-placeholder {
            color: #999;
            font-size: 15px
        }

        .contact-us-form .form-control:-ms-input-placeholder {
            color: #999;
            font-size: 15px
        }

        .contact-us-form .form-control:-moz-placeholder {
            color: #999;
            font-size: 15px
        }

    .contact-us-form textarea.form-control {
        padding: 18px 19px;
        height: 200px
    }

.coming-soon {
    background-size: cover;
    height: 100vh;
    position: relative
}

    .coming-soon .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        text-align: center
    }

    .coming-soon h1 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 82px;
        position: relative
    }

        .coming-soon h1:after {
            content: "";
            width: 80px;
            height: 3px;
            background: #fff;
            bottom: -13px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

    .coming-soon .time {
        margin-bottom: 67px;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

        .coming-soon .time .time-box {
            display: inline-block;
            margin: 0 51px
        }

            .coming-soon .time .time-box span {
                display: block
            }

            .coming-soon .time .time-box .time-number {
                color: #fff;
                font-weight: 600;
                font-size: 66px;
                line-height: 1
            }

            .coming-soon .time .time-box .time-unit {
                font-size: 26px
            }

    .coming-soon form .form-row {
        margin-bottom: 50px;
        width: 970px
    }

    .coming-soon form .form-col {
        margin-right: 30px
    }

    .coming-soon form .form-control {
        border: 1px solid rgba(255,255,255,.5);
        height: 42px;
        color: #ccc;
        font-size: 13px;
        padding: 0 19px
    }

        .coming-soon form .form-control::-webkit-input-placeholder {
            color: #ccc;
            font-size: 13px
        }

        .coming-soon form .form-control::-moz-placeholder {
            color: #ccc;
            font-size: 13px
        }

        .coming-soon form .form-control:-ms-input-placeholder {
            color: #ccc;
            font-size: 13px
        }

        .coming-soon form .form-control:-moz-placeholder {
            color: #ccc;
            font-size: 13px
        }

.error {
    background-size: cover;
    height: 100vh
}

    .error .inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        text-align: center
    }

    .error span {
        font-size: 275px;
        color: #c4006c;
        font-weight: 700;
        line-height: 1.3;
        display: inline-block
    }

    .error h3 {
        font-weight: 500;
        font-size: 32px;
        color: #ccc;
        margin-bottom: 8px
    }

    .error p {
        color: #ccc;
        margin-bottom: 61px
    }

.reservation form {
    padding: 0 90px 80px 90px
}

    .reservation form .form-control {
        border: 1px solid #e5e5e5;
        height: 42px;
        padding: 0 18px;
        color: #666
    }

        .reservation form .form-control::-webkit-input-placeholder {
            color: #666
        }

        .reservation form .form-control::-moz-placeholder {
            color: #666
        }

        .reservation form .form-control:-ms-input-placeholder {
            color: #666
        }

        .reservation form .form-control:-moz-placeholder {
            color: #666
        }

    .reservation form .form-holder span {
        right: 20px;
        bottom: 50%;
        transform: translateY(50%);
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%)
    }

.reservation .info {
    margin-top: 45px
}

    .reservation .info h5 {
        text-transform: uppercase;
        margin-bottom: 9px
    }

    .reservation .info .opening-col p {
        display: inline-block;
        margin-right: 35px
    }

        .reservation .info .opening-col p:last-child {
            margin-right: 0
        }

        .reservation .info .opening-col p span {
            display: block;
            color: #333;
            font-weight: 600
        }

    .reservation .info .support {
        padding-left: 80px
    }

        .reservation .info .support a, .reservation .info .support p {
            color: #666
        }

            .reservation .info .support a span, .reservation .info .support p span {
                font-weight: 700;
                margin-right: 5px
            }

        .reservation .info .support .address, .reservation .info .support .phone {
            margin-right: -10px
        }

        .reservation .info .support .email, .reservation .info .support .website {
            padding-left: 14px
        }

        .reservation .info .support .address span {
            margin-right: 8px
        }

        .reservation .info .support .phone span {
            margin-right: 12px
        }

        .reservation .info .support .email span {
            margin-right: 8px
        }

        .reservation .info .support .website span {
            margin-right: 3px
        }

        .reservation .info .support .wrapper {
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex
        }

    .reservation .info .social {
        padding-top: 27px
    }

        .reservation .info .social a {
            color: #999
        }

            .reservation .info .social a:hover {
                color: #b3b3b3
            }

.menu-page .menu-holder.left {
    padding-right: 25px
}

.menu-page .menu-holder.right {
    padding-left: 25px
}

.menu-block-bg {
    height: 330px;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative
}

    .menu-block-bg .section-header {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        padding: 0 20px;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%)
    }

.gallery .image-holder {
    position: relative;
    display: block;
    margin-bottom: 30px
}

    .gallery .image-holder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .gallery .image-holder .inner {
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .gallery .image-holder .info {
        opacity: 0;
        -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
        transition: opacity 0.2s,transform 0.35s;
        -webkit-transform: translate3d(0,40px,0);
        transform: translate3d(0,40px,0)
    }

    .gallery .image-holder .frame {
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        border: 1px solid #c4006c;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease
    }

    .gallery .image-holder h6 {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 4px
    }

    .gallery .image-holder span {
        color: #ccc
    }

    .gallery .image-holder:hover:before {
        background: rgba(0,0,0,.7)
    }

    .gallery .image-holder:hover .info {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .gallery .image-holder:hover .frame {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

.gallery.wide {
    padding: 30px 15px
}

    .gallery.wide .image-holder .frame {
        top: 12px;
        bottom: 12px;
        left: 12px;
        right: 12px
    }

    .gallery.wide .image-holder h6 {
        font-size: 15px;
        margin-bottom: 6px
    }

    .gallery.wide .image-holder span {
        font-size: 17px
    }

.masonry .masonry-wrapper {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: auto 30px auto 30px auto;
    -ms-grid-rows: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-gap: 30px
}

    .masonry .masonry-wrapper .image-holder {
        margin-bottom: 0
    }

        .masonry .masonry-wrapper .image-holder.fix-image {
            position: relative
        }

            .masonry .masonry-wrapper .image-holder.fix-image img {
                position: absolute;
                height: 100%;
                z-index: -1
            }

.masonry .image-holder:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.masonry .image-holder:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.masonry .image-holder:nth-child(3) {
    grid-area: 1 / 3 / span 2 / span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
}

.masonry .image-holder:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
}

.masonry .image-holder:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.masonry .image-holder:nth-child(6) {
    grid-area: 3 / 1 / span 2 / span 2;
    -ms-grid-row: 5;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3
}

.masonry .image-holder:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
}

.masonry .image-holder:nth-child(8) {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1
}

.project .project-image {
    padding-right: 20px
}

    .project .project-image .image-row .image-holder {
        margin-top: 30px
    }

.project .project-content {
    margin-left: -20px
}

    .project .project-content h4 {
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 16px
    }

    .project .project-content p {
        margin-bottom: 28px
    }

    .project .project-content .info {
        margin-bottom: 28px
    }

    .project .project-content .info-item {
        margin-bottom: 16px
    }

        .project .project-content .info-item h6 {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 6px
        }

        .project .project-content .info-item a {
            color: #666
        }

            .project .project-content .info-item a:hover {
                color: #c4006c
            }

    .project .project-content .social a {
        color: #999
    }

        .project .project-content .social a:hover {
            color: #b3b3b3
        }

.project .project-navigation {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 72px
}

    .project .project-navigation .prev, .project .project-navigation .next {
        font-size: 30px;
        color: #ccc
    }

    .project .project-navigation .dots {
        color: #ccc;
        display: inline-flex;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: -moz-inline-flex;
        justify-content: space-between;
        width: 31px;
        flex-wrap: wrap
    }

        .project .project-navigation .dots i {
            margin-right: 5px;
            margin-bottom: 1px;
            display: inline-block
        }

            .project .project-navigation .dots i:nth-child(2), .project .project-navigation .dots i:last-child {
                margin-right: 0
            }

            .project .project-navigation .dots i:nth-child(3), .project .project-navigation .dots i:last-child {
                margin-bottom: 0
            }

    .project .project-navigation a:hover {
        color: #c4006c
    }

.widget-title {
    text-transform: uppercase;
    margin-bottom: 19px
}

    .widget-title h5 {
        font-weight: 700
    }

.widgets {
    margin-bottom: 39px
}

.widget_person {
    background: #181818;
    padding: 15px;
    margin-bottom: 45px
}

    .widget_person .inner {
        border: 1px solid rgba(205,170,124,.5);
        text-align: center;
        padding: 30px 10px 26px
    }

    .widget_person .widget-title {
        margin-bottom: 14px;
        margin-top: 24px
    }

        .widget_person .widget-title h6 {
            color: #fff;
            font-weight: 600;
            font-size: 18px;
            text-transform: uppercase;
            margin-bottom: 3px
        }

        .widget_person .widget-title span {
            text-transform: capitalize;
            color: #c4006c
        }

.widget_categories ul li {
    margin-bottom: 13px
}

    .widget_categories ul li:last-child {
        margin-bottom: 0
    }

    .widget_categories ul li a {
        color: #666
    }

        .widget_categories ul li a:hover {
            color: #c4006c
        }

.widget_recent_entries {
    margin-bottom: 44px
}

    .widget_recent_entries .widget-title {
        margin-bottom: 22px
    }

    .widget_recent_entries .latest-post__item {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        margin-bottom: 17px
    }

        .widget_recent_entries .latest-post__item:last-child {
            margin-bottom: 0
        }

        .widget_recent_entries .latest-post__item .thumb {
            margin-right: 14px
        }

            .widget_recent_entries .latest-post__item .thumb:hover img {
                opacity: .8
            }

        .widget_recent_entries .latest-post__item h6 {
            font-weight: 600;
            margin-bottom: 6px
        }

            .widget_recent_entries .latest-post__item h6 a {
                color: #333
            }

                .widget_recent_entries .latest-post__item h6 a:hover {
                    color: #c4006c
                }

.widget_instagram {
    margin-bottom: 35px
}

    .widget_instagram .widget-title {
        margin-bottom: 24px
    }

    .widget_instagram .row {
        margin-left: -5px;
        margin-right: -5px
    }

    .widget_instagram .col-holder {
        padding-right: 5px;
        padding-left: 5px
    }

    .widget_instagram a {
        display: block;
        margin-bottom: 10px
    }

        .widget_instagram a:hover img {
            opacity: .8
        }

.widget_tag_cloud {
    margin-bottom: 35px
}

    .widget_tag_cloud .widget-title {
        margin-bottom: 24px
    }

    .widget_tag_cloud .tagcloud a {
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 3px;
        border: 1px solid #ccc;
        padding: 8px 14px;
        color: #666;
        margin-right: 15px;
        margin-bottom: 15px
    }

        .widget_tag_cloud .tagcloud a:hover {
            background: #c4006c;
            color: #fff;
            border-color: transparent
        }

.widget_banner {
    margin-bottom: 50px
}

.widget_search form {
    position: relative
}

.widget_search .form-control {
    height: 42px;
    border: 1px solid #e5e5e5;
    padding: 0 40px 0 20px;
    color: #666;
    font-size: 15px
}

    .widget_search .form-control::-webkit-input-placeholder {
        color: #666;
        font-size: 15px
    }

    .widget_search .form-control::-moz-placeholder {
        color: #666;
        font-size: 15px
    }

    .widget_search .form-control:-ms-input-placeholder {
        color: #666;
        font-size: 15px
    }

    .widget_search .form-control:-moz-placeholder {
        color: #666;
        font-size: 15px
    }

.widget_search .search-icon {
    border: none;
    padding: 0;
    background: none;
    position: absolute;
    top: 13px;
    right: 19px;
    cursor: pointer
}

    .widget_search .search-icon:hover {
        color: #c4006c
    }

.blog-masonry .post {
    margin-bottom: 60px
}

.blog-masonry .btn-holder {
    margin-top: 10px
}

.blog-masonry.wide .container {
    max-width: 1600px
}

.blog-standard .blog-post, .blog-standard .blog-single {
    padding-right: 10px
}

    .blog-standard .blog-post .post {
        margin-bottom: 40px
    }

        .blog-standard .blog-post .post:last-child {
            margin-bottom: 62px
        }

    .blog-standard .blog-single .post-meta {
        margin-bottom: 27px
    }

    .blog-standard .blog-single p {
        margin-bottom: 33px
    }

    .blog-standard .blog-single .quote {
        margin-left: 83px;
        position: relative;
        font-style: italic;
        margin-bottom: 40px
    }

        .blog-standard .blog-single .quote i {
            position: absolute;
            font-size: 50px;
            color: rgba(205,170,124,.2);
            top: -9px;
            left: -23px
        }

    .blog-standard .blog-single .group-image {
        margin-bottom: 33px
    }

        .blog-standard .blog-single .group-image h6 {
            font-weight: 500;
            font-size: 18px;
            color: #333;
            margin-bottom: 27px
        }

        .blog-standard .blog-single .group-image .grid {
            display: grid;
            display: -ms-grid;
            -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
            -ms-grid-rows: auto 19px auto;
            grid-gap: 20px 19px;
            grid-template-columns: 1fr 1fr 1fr
        }

            .blog-standard .blog-single .group-image .grid .image-holder:first-child {
                -ms-grid-row: 1;
                -ms-grid-row-span: 1;
                -ms-grid-column: 1;
                -ms-grid-column-span: 1
            }

            .blog-standard .blog-single .group-image .grid .image-holder:nth-child(2) {
                -ms-grid-row: 1;
                -ms-grid-row-span: 1;
                -ms-grid-column: 3;
                -ms-grid-column-span: 1
            }

            .blog-standard .blog-single .group-image .grid .image-holder:nth-child(3) {
                grid-area: 2 / 1 / span 1 / span 2;
                -ms-grid-row: 3;
                -ms-grid-row-span: 1;
                -ms-grid-column: 1;
                -ms-grid-column-span: 3
            }

            .blog-standard .blog-single .group-image .grid .image-holder:last-child {
                position: relative;
                grid-area: 1 / 3 / span 2 / span 1;
                -ms-grid-row: 1;
                -ms-grid-row-span: 3;
                -ms-grid-column: 5;
                -ms-grid-column-span: 1
            }

                .blog-standard .blog-single .group-image .grid .image-holder:last-child img {
                    position: absolute;
                    height: 100%;
                    object-fit: cover
                }

    .blog-standard .blog-single .bottom {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between
    }

    .blog-standard .blog-single .bottom {
        margin-bottom: 44px
    }

    .blog-standard .blog-single .share span {
        color: #333;
        margin-right: 16px
    }

    .blog-standard .blog-single .share .social {
        display: inline-block
    }

        .blog-standard .blog-single .share .social a {
            color: #999;
            font-size: 15px;
            margin-right: 11px
        }

            .blog-standard .blog-single .share .social a:hover {
                color: #b3b3b3
            }

    .blog-standard .blog-single .comment-count {
        color: #333
    }

        .blog-standard .blog-single .comment-count:hover {
            color: #c4006c
        }

    .blog-standard .blog-single .author-board {
        background: #181818;
        padding: 15px;
        text-align: center;
        margin-bottom: 35px
    }

        .blog-standard .blog-single .author-board .inner {
            border: 1px solid rgba(205,170,124,.5);
            padding: 30px 0 25px
        }

        .blog-standard .blog-single .author-board p {
            color: #ccc;
            margin: auto;
            margin-top: 20px;
            margin-bottom: 9px;
            padding: 0 20px;
            width: 82%
        }

        .blog-standard .blog-single .author-board h6 {
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 600
        }

            .blog-standard .blog-single .author-board h6 a {
                color: #fff
            }

    .blog-standard .blog-single .post-navigation {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 49px
    }

        .blog-standard .blog-single .post-navigation .navigation {
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center
        }

            .blog-standard .blog-single .post-navigation .navigation.left .arrow {
                margin-right: 17px
            }

            .blog-standard .blog-single .post-navigation .navigation.right .arrow {
                margin-left: 17px
            }

            .blog-standard .blog-single .post-navigation .navigation.right .text {
                text-align: right
            }

        .blog-standard .blog-single .post-navigation .arrow {
            font-size: 18px;
            color: #ccc
        }

            .blog-standard .blog-single .post-navigation .arrow:hover {
                color: #c4006c
            }

        .blog-standard .blog-single .post-navigation .text h6 {
            font-size: 18px;
            margin-bottom: 4px
        }

            .blog-standard .blog-single .post-navigation .text h6 a {
                color: #333
            }

                .blog-standard .blog-single .post-navigation .text h6 a:hover {
                    color: #c4006c
                }

        .blog-standard .blog-single .post-navigation .text span {
            font-size: 14px;
            color: #999
        }

    .blog-standard .blog-single .comments-area .comments-title {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 29px
    }

    .blog-standard .blog-single .comments-area .comments-item {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        margin-bottom: 36px
    }

        .blog-standard .blog-single .comments-area .comments-item .thumb {
            margin-top: 5px;
            margin-right: 20px;
            flex: 0 0 auto;
            width: auto;
            max-width: none
        }

        .blog-standard .blog-single .comments-area .comments-item .heading {
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            margin-bottom: 12px
        }

            .blog-standard .blog-single .comments-area .comments-item .heading h6 {
                font-weight: 600;
                margin-right: 20px
            }

                .blog-standard .blog-single .comments-area .comments-item .heading h6 a {
                    color: #333
                }

            .blog-standard .blog-single .comments-area .comments-item .heading .comments-time {
                color: #999;
                margin-top: 1px
            }

        .blog-standard .blog-single .comments-area .comments-item p {
            margin-bottom: 14px
        }

        .blog-standard .blog-single .comments-area .comments-item .reply {
            text-transform: uppercase;
            color: #999;
            font-weight: 400
        }

            .blog-standard .blog-single .comments-area .comments-item .reply i {
                margin-right: 3px
            }

            .blog-standard .blog-single .comments-area .comments-item .reply:hover {
                color: #c4006c
            }

    .blog-standard .blog-single .comments-area .comments-group .comments-group {
        padding-left: 118px
    }

    .blog-standard .blog-single .comments-area > .comments-group {
        margin-bottom: 64px
    }

        .blog-standard .blog-single .comments-area > .comments-group:last-child {
            margin-bottom: 58px
        }

    .blog-standard .blog-single .comments-respond h5 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 34px
    }

    .blog-standard .blog-single .comments-respond .comments-form .form-holder {
        margin-bottom: 30px;
        position: relative
    }

        .blog-standard .blog-single .comments-respond .comments-form .form-holder .placeholder {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            left: 21px;
            font-size: 15px;
            color: #999;
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex
        }

            .blog-standard .blog-single .comments-respond .comments-form .form-holder .placeholder span {
                color: #f66;
                position: static;
                font-size: 15px
            }

    .blog-standard .blog-single .comments-respond .comments-form .form-control {
        height: 53px;
        border: 1px solid #e5e5e5;
        font-size: 15px;
        padding: 0 20px;
        color: #999;
        position: relative;
        z-index: 9
    }

        .blog-standard .blog-single .comments-respond .comments-form .form-control::-webkit-input-placeholder {
            color: #999;
            font-size: 15px
        }

        .blog-standard .blog-single .comments-respond .comments-form .form-control::-moz-placeholder {
            color: #999;
            font-size: 15px
        }

        .blog-standard .blog-single .comments-respond .comments-form .form-control:-ms-input-placeholder {
            color: #999;
            font-size: 15px
        }

        .blog-standard .blog-single .comments-respond .comments-form .form-control:-moz-placeholder {
            color: #999;
            font-size: 15px
        }

    .blog-standard .blog-single .comments-respond .comments-form textarea.form-control {
        height: 150px;
        padding: 15px 20px
    }

.blog-standard.left-sidebar .blog-post {
    padding-left: 10px
}

.blog-standard .post .post-body {
    padding-top: 0
}

    .blog-standard .post .post-body h4 {
        font-weight: 600;
        margin-bottom: 16px;
        font-size: 21px
    }

        .blog-standard .post .post-body h4 a {
            color: #333
        }

            .blog-standard .post .post-body h4 a:hover {
                color: #c4006c
            }

.blog-standard .post .post-date {
    width: 80px;
    height: 80px;
    padding: 4px;
    right: 30px;
    top: 27px
}

    .blog-standard .post .post-date .inner .date {
        font-size: 30px
    }

    .blog-standard .post .post-date .inner .month {
        font-size: 14px
    }

.blog-standard .post .post-author {
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin-right: 22px
}

    .blog-standard .post .post-author a {
        color: #333
    }

        .blog-standard .post .post-author a:hover {
            color: #c4006c
        }

        .blog-standard .post .post-author a.thumb {
            margin-right: 5px
        }

.blog-standard .post .tagcloud {
    font-size: 14px;
    display: inline-block
}

    .blog-standard .post .tagcloud a {
        color: #333
    }

        .blog-standard .post .tagcloud a:hover {
            color: #c4006c
        }

        .blog-standard .post .tagcloud a:after {
            content: '/';
            margin-left: 4px
        }

        .blog-standard .post .tagcloud a:last-child:after {
            display: none
        }

    .blog-standard .post .tagcloud span {
        margin-right: 3px;
        display: inline-block
    }

.blog-standard .post .post-thumb img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.blog-standard .post .end {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-standard .pagination ul {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center;
    width: 100%
}

.blog-standard .pagination a {
    color: #999
}

.blog-standard .pagination .page-numbers {
    font-size: 20px;
    padding: 0 13px
}

    .blog-standard .pagination .page-numbers.prev-page, .blog-standard .pagination .page-numbers.next-page {
        font-size: 15px;
        display: inline-block;
        margin-top: 6px
    }

    .blog-standard .pagination .page-numbers.current, .blog-standard .pagination .page-numbers:hover {
        color: #333
    }

.sorting {
    margin-bottom: 40px
}

    .sorting .woocommerce-ordering {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .sorting .woocommerce-ordering select.form-control:not([size]):not([multiple]) {
            height: 42px;
            border: 1px solid #e5e5e5;
            font-size: 15px;
            color: #666;
            padding: 0 50px 0 19px;
            width: 246px
        }

        .sorting .woocommerce-ordering .form-holder {
            position: relative
        }

            .sorting .woocommerce-ordering .form-holder span {
                position: absolute;
                top: 17px;
                right: 20px;
                font-size: 12px;
                z-index: -1
            }

.woocommerce-loop-product__title {
    font-weight: 400
}

    .woocommerce-loop-product__title:hover {
        color: #c4006c
    }

.shop-list .woocommerce-pagination {
    margin-top: 10px
}

    .shop-list .woocommerce-pagination ul {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: center;
        width: 100%
    }

        .shop-list .woocommerce-pagination ul a {
            color: #999
        }

        .shop-list .woocommerce-pagination ul .page-numbers {
            font-size: 20px;
            padding: 0 13px
        }

            .shop-list .woocommerce-pagination ul .page-numbers.prev, .shop-list .woocommerce-pagination ul .page-numbers.next {
                font-size: 15px;
                display: inline-block;
                margin-top: 6px
            }

            .shop-list .woocommerce-pagination ul .page-numbers.current, .shop-list .woocommerce-pagination ul .page-numbers:hover {
                color: #333
            }

.shop-list.wide {
    padding-top: 30px !important
}

    .shop-list.wide .container-fluid {
        padding-left: 30px;
        padding-right: 30px
    }

    .shop-list.wide .products .item .thumb .add_to_cart_button {
        font-size: 20px
    }

    .shop-list.wide .products .item:hover .thumb .add_to_cart_button {
        height: 52px
    }

.products .item {
    margin-bottom: 42px
}

    .products .item .thumb {
        position: relative
    }

        .products .item .thumb .add_to_cart_button {
            position: absolute;
            bottom: 0;
            text-transform: uppercase;
            color: #fff;
            font-size: 15px;
            background: #c4006c;
            width: 100%;
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 0;
            overflow: hidden;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

    .products .item .info {
        text-align: center;
        padding-top: 25px
    }

        .products .item .info .woocommerce-loop-product__title {
            font-size: 20px;
            margin-bottom: 6px
        }

            .products .item .info .woocommerce-loop-product__title a {
                color: #333
            }

                .products .item .info .woocommerce-loop-product__title a:hover {
                    color: #c4006c
                }

        .products .item .info .price {
            font-size: 20px;
            color: #333
        }

        .products .item .info .star-rating {
            margin-bottom: 8px
        }

            .products .item .info .star-rating i {
                margin-right: 2px
            }

    .products .item:hover .thumb .add_to_cart_button {
        height: 42px
    }

.widget_price_filter .widget-title {
    margin-bottom: 31px
}

#slider {
    margin-bottom: 26px
}

.noUi-horizontal {
    height: 4px
}

    .noUi-horizontal .noUi-handle {
        width: 11px;
        height: 11px;
        border: none;
        box-shadow: none;
        background: #333;
        border-radius: 50%
    }

        .noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
            display: none
        }

.noUi-base {
    background: #e6e6e6
}

.noUi-connects, .noUi-target {
    border-radius: 0;
    border: none
}

.noUi-connect {
    background: #c4006c
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    cursor: pointer;
    right: -5px;
    top: -3px
}

.price_slider_amount {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .price_slider_amount button {
        background: none;
        border: none;
        text-transform: uppercase;
        cursor: pointer;
        text-decoration: underline
    }

.widget_featured_product {
    margin-bottom: 49px
}

.featured-product__item {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-items: center;
    margin-bottom: 17px
}

    .featured-product__item:last-child {
        margin-bottom: 0
    }

    .featured-product__item .thumb {
        margin-right: 13px
    }

        .featured-product__item .thumb:hover img {
            opacity: .8
        }

    .featured-product__item h6 {
        font-weight: 600;
        margin-bottom: 6px;
        font-size: 17px
    }

        .featured-product__item h6 a {
            color: #333
        }

            .featured-product__item h6 a:hover {
                color: #c4006c
            }

.shop-single #shop-single-thumb {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between;
    margin-top: 21px
}

    .shop-single #shop-single-thumb a {
        width: 33.33%;
        margin-right: 20px;
        padding: 0
    }

        .shop-single #shop-single-thumb a:last-child {
            margin-right: 0
        }

.shop-single .entry-summary {
    padding-left: 35px;
    padding-top: 20px
}

    .shop-single .entry-summary .product_title {
        font-size: 35px;
        text-transform: uppercase;
        margin-bottom: 8px
    }

    .shop-single .entry-summary .info {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 28px
    }

    .shop-single .entry-summary .star-rating {
        font-size: 20px
    }

    .shop-single .entry-summary .price {
        color: #333;
        font-size: 30px;
        font-weight: 600;
        color: #333;
        padding-left: 40px;
        position: relative
    }

        .shop-single .entry-summary .price:before {
            content: "";
            width: 23px;
            height: 2px;
            background: #333;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

    .shop-single .entry-summary .woocommerce-product-details__short-description {
        margin-bottom: 43px
    }

    .shop-single .entry-summary form.cart {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center;
        margin-bottom: 45px
    }

    .shop-single .entry-summary .single_add_to_cart_button {
        width: 160px
    }

    .shop-single .entry-summary .product_meta {
        margin-bottom: 48px
    }

        .shop-single .entry-summary .product_meta .sku_wrapper, .shop-single .entry-summary .product_meta .posted_in, .shop-single .entry-summary .product_meta .tagged_as {
            display: block;
            font-size: 15px;
            font-weight: 600;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 8px
        }

            .shop-single .entry-summary .product_meta .sku_wrapper span, .shop-single .entry-summary .product_meta .sku_wrapper a, .shop-single .entry-summary .product_meta .posted_in span, .shop-single .entry-summary .product_meta .posted_in a, .shop-single .entry-summary .product_meta .tagged_as span, .shop-single .entry-summary .product_meta .tagged_as a {
                color: #999;
                text-transform: none;
                font-weight: 400
            }

                .shop-single .entry-summary .product_meta .sku_wrapper a:hover, .shop-single .entry-summary .product_meta .posted_in a:hover, .shop-single .entry-summary .product_meta .tagged_as a:hover {
                    color: #c4006c
                }

    .shop-single .entry-summary .social a {
        color: #999;
        margin-right: 14px
    }

        .shop-single .entry-summary .social a:hover {
            color: #b3b3b3
        }

.shop-single .quantity, .shop-cart .quantity {
    display: inline-flex;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-flex;
    height: 42px;
    width: 76px;
    border: 1px solid #ccc;
    margin-right: 20px
}

    .shop-single .quantity .icon, .shop-cart .quantity .icon {
        flex-grow: 1
    }

    .shop-single .quantity .number-button, .shop-cart .quantity .number-button {
        cursor: pointer;
        display: block;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50%;
        color: #666
    }

        .shop-single .quantity .number-button.plus, .shop-cart .quantity .number-button.plus {
            font-size: 16px;
            border-bottom: 1px solid #ccc
        }

        .shop-single .quantity .number-button.minus, .shop-cart .quantity .number-button.minus {
            font-size: 25px
        }

    .shop-single .quantity input, .shop-cart .quantity input {
        border: none;
        border-right: 1px solid #ccc;
        padding: 0;
        width: 47px;
        text-align: center;
        font-size: 20px;
        color: #666
    }

        .shop-single .quantity input::-webkit-outer-spin-button, .shop-single .quantity input::-webkit-inner-spin-button, .shop-cart .quantity input::-webkit-outer-spin-button, .shop-cart .quantity input::-webkit-inner-spin-button {
            -webkit-appearance: none
        }

.woocommerce-tabs {
    margin-top: 80px;
    margin-bottom: 44px
}

    .woocommerce-tabs .tabs {
        margin-bottom: 26px;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex
    }

        .woocommerce-tabs .tabs li a {
            font-weight: 600;
            color: #999;
            font-size: 18px;
            padding: 0 32px;
            position: relative
        }

            .woocommerce-tabs .tabs li a:after {
                content: "";
                width: 1px;
                height: 13px;
                background: #ccc;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                right: 0
            }

            .woocommerce-tabs .tabs li a:hover {
                color: #c4006c
            }

        .woocommerce-tabs .tabs li.ui-state-active a {
            color: #c4006c
        }

        .woocommerce-tabs .tabs li:first-child a {
            padding-left: 0
        }

        .woocommerce-tabs .tabs li:last-child a:after {
            display: none
        }

#review .woocommerce-noreviews {
    font-weight: 600;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px
}

#review .comments-form .form-control {
    height: 53px;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    padding: 0 20px;
    font-size: 15px;
    color: #999
}

    #review .comments-form .form-control::-webkit-input-placeholder {
        font-size: 15px;
        color: #999
    }

    #review .comments-form .form-control::-moz-placeholder {
        font-size: 15px;
        color: #999
    }

    #review .comments-form .form-control:-ms-input-placeholder {
        font-size: 15px;
        color: #999
    }

    #review .comments-form .form-control:-moz-placeholder {
        font-size: 15px;
        color: #999
    }

#review .comments-form .comment-notes {
    margin-bottom: 11px
}

#review .comments-form .comment-form-rating {
    margin-bottom: 21px
}

    #review .comments-form .comment-form-rating label {
        color: #333;
        margin-right: 10px
    }

#review .comments-form textarea.form-control {
    height: 150px;
    padding: 15px 20px
}

#review .comments-form input.submit:hover {
    background: #4d4d4d
}

#add-info .shop_attributes {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #e6e6e6
}

    #add-info .shop_attributes th, #add-info .shop_attributes td {
        border: 1px solid #e6e6e6;
        padding: 0 30px
    }

    #add-info .shop_attributes tr {
        height: 58px
    }

    #add-info .shop_attributes th {
        font-weight: 600;
        width: 17.94%
    }

.related h4 {
    font-size: 28px;
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px
}

.woocommerce-cart-form table td, .woocommerce-cart-form table th {
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    text-align: center
}

.woocommerce-cart-form table thead th {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    padding: 24px 0
}

    .woocommerce-cart-form table thead th.product-name {
        text-align: left;
        padding-left: 4px
    }

.woocommerce-cart-form table tbody td {
    padding-top: 36px;
    padding-bottom: 36px
}

    .woocommerce-cart-form table tbody td.product-name {
        text-align: left;
        padding-left: 19px
    }

    .woocommerce-cart-form table tbody td.product-price, .woocommerce-cart-form table tbody td.product-subtotal {
        font-size: 18px;
        font-weight: 500
    }

    .woocommerce-cart-form table tbody td.product-subtotal {
        color: #c4006c
    }

.woocommerce-cart-form table tbody tr {
    border-top: 1px solid #e6e6e6
}

.woocommerce-cart-form table .product-remove {
    width: 6.26%;
    text-align: left;
    padding-left: 20px;
    border-right: none
}

    .woocommerce-cart-form table .product-remove a {
        color: #666;
        font-size: 20px
    }

.woocommerce-cart-form table .product-thumbnail {
    width: 11.41%;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    border-right: none;
    border-left: none
}

.woocommerce-cart-form table .product-name {
    width: 24.75%;
    border-left: none
}

    .woocommerce-cart-form table .product-name a {
        font-size: 18px;
        color: #666
    }

        .woocommerce-cart-form table .product-name a:hover {
            color: #c4006c
        }

.woocommerce-cart-form table .product-price {
    width: 17.16%
}

.woocommerce-cart-form table .product-subtotal {
    width: 16.99%
}

.woocommerce-cart-form table .product-quantity {
    width: 23.43%
}

.woocommerce-cart-form table .actions {
    padding: 38px 83px 39px 0;
    border-left: none;
    border-right: none;
    text-align: left
}

.woocommerce-cart-form table .cart-subtotal {
    border-left: none;
    text-align: right;
    padding-right: 83px;
    font-size: 18px;
    color: #c4006c;
    font-weight: 500
}

    .woocommerce-cart-form table .cart-subtotal label {
        margin-right: 18px;
        margin-bottom: 0
    }

.woocommerce-cart-form table .coupon {
    display: inline-flex;
    width: 267px;
    height: 40px;
    overflow: hidden
}

    .woocommerce-cart-form table .coupon #coupon_code {
        border-radius: 20px 0 0 20px;
        border: 1px solid #ccc;
        border-right: none;
        font-size: 13px;
        width: 70.04%;
        padding-left: 27px
    }

        .woocommerce-cart-form table .coupon #coupon_code::-webkit-input-placeholder {
            font-size: 13px;
            color: #999
        }

        .woocommerce-cart-form table .coupon #coupon_code::-moz-placeholder {
            font-size: 13px;
            color: #999
        }

        .woocommerce-cart-form table .coupon #coupon_code:-ms-input-placeholder {
            font-size: 13px;
            color: #999
        }

        .woocommerce-cart-form table .coupon #coupon_code:-moz-placeholder {
            font-size: 13px;
            color: #999
        }

    .woocommerce-cart-form table .coupon input[type="submit"] {
        background: #ccc;
        text-transform: none;
        width: 29.96%;
        height: 40px;
        border-radius: 0 20px 20px 0
    }

.woocommerce-cart-form .bottom {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.woocommerce-cart-form .update-btn {
    width: 160px;
    color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

    .woocommerce-cart-form .update-btn:hover {
        border-color: none;
        background: #c4006c;
        color: #fff
    }

.woocommerce-form__label {
    position: relative;
    padding-left: 21px;
    cursor: pointer;
    color: #999;
    margin-bottom: 0
}

    .woocommerce-form__label input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        .woocommerce-form__label input:checked ~ .checkmark:after {
            display: block
        }

    .woocommerce-form__label .checkmark {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        height: 13px;
        width: 14px;
        border-radius: 2px;
        background-color: #ebebeb;
        border: 1px solid #ccc;
        font-family: Material-Design-Iconic-Font;
        color: #000;
        font-size: 10px;
        font-weight: bolder
    }

        .woocommerce-form__label .checkmark:after {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            display: none;
            content: '\f26b'
        }

.sign-in h4 {
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 34px
}

.woocommerce-form-login .form-holder {
    margin-bottom: 25px
}

    .woocommerce-form-login .form-holder.last {
        margin-bottom: 22px
    }

.woocommerce-form-login label {
    margin-bottom: 9px
}

    .woocommerce-form-login label span {
        color: #f33;
        position: static;
        font-size: 15px
    }

.woocommerce-form-login .form-control {
    height: 42px;
    border: 1px solid #e6e6e6;
    padding: 0 20px;
    font-size: 15px;
    color: #666
}

.woocommerce-form-login input[type="submit"] {
    width: 100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 5px;
    margin-right: 21px
}

    .woocommerce-form-login input[type="submit"]:hover {
        background: #4d4d4d
    }

.woocommerce-form-login .woocommerce-LostPassword a {
    color: #666
}

    .woocommerce-form-login .woocommerce-LostPassword a:hover {
        color: #c4006c
    }

.sign-up h4 {
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 34px
}

.sign-up .form-holder {
    margin-bottom: 25px
}

    .sign-up .form-holder.last {
        margin-bottom: 22px
    }

.sign-up label {
    margin-bottom: 9px
}

    .sign-up label span {
        color: #f33;
        position: static;
        font-size: 15px
    }

.sign-up .form-control {
    height: 42px;
    border: 1px solid #e6e6e6;
    padding: 0 20px;
    font-size: 15px;
    color: #666
}

.sign-up input[type="submit"] {
    width: 100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 5px;
    display: block;
    margin-bottom: 24px
}

    .sign-up input[type="submit"]:hover {
        background: #4d4d4d
    }

.sign-up .return-link {
    color: #666;
    text-decoration: underline
}

    .sign-up .return-link:hover {
        color: #c4006c
    }

.checkout-page .woocommerce-info {
    height: 60px;
    background: #f7f7f7;
    border-top: 5px solid #5a9cb0;
    padding-top: 5px;
    padding: 17px 30px 0;
    margin-bottom: 30px
}

    .checkout-page .woocommerce-info a {
        color: #666;
        margin-left: 4px
    }

        .checkout-page .woocommerce-info a:hover {
            color: #c4006c
        }

    .checkout-page .woocommerce-info img {
        vertical-align: baseline;
        margin-right: 12px
    }

.checkout-page .checkout_coupon {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    padding: 41px 30px;
    border: 1px dashed #e6e6e6
}

    .checkout-page .checkout_coupon .form-row {
        margin-bottom: 0
    }

    .checkout-page .checkout_coupon .form-row-first {
        flex-grow: 1;
        margin-right: 30px
    }

    .checkout-page .checkout_coupon .form-control {
        height: 40px;
        border: 1px solid #e6e6e6;
        font-size: 15px;
        padding: 10px 20px
    }

        .checkout-page .checkout_coupon .form-control::-webkit-input-placeholder {
            font-size: 15px
        }

        .checkout-page .checkout_coupon .form-control::-moz-placeholder {
            font-size: 15px
        }

        .checkout-page .checkout_coupon .form-control:-ms-input-placeholder {
            font-size: 15px
        }

        .checkout-page .checkout_coupon .form-control:-moz-placeholder {
            font-size: 15px
        }

    .checkout-page .checkout_coupon .au-btn {
        height: 40px;
        width: 184px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

        .checkout-page .checkout_coupon .au-btn:hover {
            background: #4d4d4d
        }

.checkout-page .woocommerce-info-wrapper {
    padding-bottom: 17px
}

.checkout-page .woocommerce-form-login {
    border: 1px dashed #e6e6e6;
    padding: 34px 30px 28px;
    margin-bottom: 47px
}

.checkout-page .woocommerce-checkout h5 {
    text-transform: uppercase;
    margin-bottom: 33px
}

.checkout-page .woocommerce-checkout label {
    margin-bottom: 6px
}

.checkout-page .woocommerce-checkout .form-row {
    flex-wrap: wrap;
    margin-bottom: 3px
}

    .checkout-page .woocommerce-checkout .form-row .required {
        color: #f33
    }

.checkout-page .woocommerce-checkout .form-control {
    height: 42px;
    border: 1px solid #e6e6e6;
    padding: 0 20px;
    font-size: 13px;
    margin-bottom: 20px;
    color: #666
}

    .checkout-page .woocommerce-checkout .form-control::-webkit-input-placeholder {
        font-size: 13px;
        color: #666
    }

    .checkout-page .woocommerce-checkout .form-control::-moz-placeholder {
        font-size: 13px;
        color: #666
    }

    .checkout-page .woocommerce-checkout .form-control:-ms-input-placeholder {
        font-size: 13px;
        color: #666
    }

    .checkout-page .woocommerce-checkout .form-control:-moz-placeholder {
        font-size: 13px;
        color: #666
    }

.checkout-page .woocommerce-checkout textarea.form-control {
    height: 203px;
    padding: 15px 20px
}

.checkout-page .woocommerce-checkout select.form-control:not([size]):not([multiple]) {
    height: 42px
}

.checkout-page .woocommerce-checkout .woocommerce-account-fields {
    margin-bottom: 41px
}

.checkout-page .woocommerce-checkout .woocommerce-form__label {
    padding-left: 24px
}

.checkout-page .woocommerce-checkout .woocommerce-additional-fields h5 {
    margin-bottom: 23px
}

.checkout-page .woocommerce-checkout-review-order-wrap table {
    width: 100%
}

    .checkout-page .woocommerce-checkout-review-order-wrap table .product-name {
        width: 44.64%
    }

    .checkout-page .woocommerce-checkout-review-order-wrap table tr {
        border-bottom: 1px solid #e6e6e6
    }

        .checkout-page .woocommerce-checkout-review-order-wrap table tr:last-child {
            border: none
        }

    .checkout-page .woocommerce-checkout-review-order-wrap table td {
        padding: 33px 0 36px
    }

    .checkout-page .woocommerce-checkout-review-order-wrap table .product-total {
        width: 55.36%;
        text-align: right
    }

        .checkout-page .woocommerce-checkout-review-order-wrap table .product-total .woocommerce-Price-amount {
            font-weight: 600;
            color: #c4006c
        }

    .checkout-page .woocommerce-checkout-review-order-wrap table .review-wrap {
        display: inline-block;
        padding-left: 11px;
        vertical-align: middle
    }

        .checkout-page .woocommerce-checkout-review-order-wrap table .review-wrap .rv-titel {
            color: #333
        }

        .checkout-page .woocommerce-checkout-review-order-wrap table .review-wrap .product-quantity {
            display: block;
            color: #999;
            margin-top: 6px
        }

.checkout-page .woocommerce-checkout-review-order-wrap .cart-total {
    margin-top: 5px;
    padding-bottom: 7px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px
}

    .checkout-page .woocommerce-checkout-review-order-wrap .cart-total p {
        color: #999;
        margin-bottom: 14px
    }

        .checkout-page .woocommerce-checkout-review-order-wrap .cart-total p span {
            font-weight: 600
        }

        .checkout-page .woocommerce-checkout-review-order-wrap .cart-total p .title {
            color: #333;
            margin-right: 15px
        }

        .checkout-page .woocommerce-checkout-review-order-wrap .cart-total p .woocommerce-Price-amount {
            color: #c4006c
        }

    .checkout-page .woocommerce-checkout-review-order-wrap .cart-total .order-total .title {
        text-transform: uppercase
    }

.checkout-page .wc_payment_method {
    margin-bottom: 43px
}

    .checkout-page .wc_payment_method:last-child {
        margin-bottom: 31px
    }

    .checkout-page .wc_payment_method label {
        margin-right: 43px;
        cursor: pointer;
        display: inline-block;
        padding-left: 23px;
        position: relative;
        color: #333;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 28px
    }

    .checkout-page .wc_payment_method input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

        .checkout-page .wc_payment_method input:checked ~ .checkmark:after {
            display: block
        }

    .checkout-page .wc_payment_method .checkmark {
        position: absolute;
        top: 4px;
        left: 0;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        border: 1px solid #ccc;
        background: #ebebeb
    }

        .checkout-page .wc_payment_method .checkmark:after {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            background: #666;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            display: none
        }

    .checkout-page .wc_payment_method .payment_box {
        display: inline-block
    }

        .checkout-page .wc_payment_method .payment_box a {
            color: #666;
            font-size: 13px;
            margin-left: 16px
        }

            .checkout-page .wc_payment_method .payment_box a:hover {
                color: #c4006c
            }

.checkout-page .place-order {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: flex-end
}

    .checkout-page .place-order .au-btn {
        width: 202px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

        .checkout-page .place-order .au-btn:hover {
            background: #4d4d4d
        }

@media (min-width:576px) {
    .navbar-mobile .container {
        max-width: 675px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

@media (max-width:1720px) {
    .navbar-desktop {
        padding-left: 30px !important;
        padding-right: 53px !important
    }

    .subscribe-form h2, .subscribe-form h4 {
        font-size: 25px !important
    }

    .section-header span {
        font-size: 25px
    }

    .subscribe-form h2 {
        font-size: 33px
    }

    .subscribe .form-control {
        width: 42% !important
    }

    .subscribe-form {
        padding: 30px 104px 0 35px
    }

        .subscribe-form .au-btn {
            width: 592px
        }
}

@media (max-width:1550px) {
    .action .au-btn {
        margin-right: 31px
    }

    .subscribe-form {
        padding: 30px 80px 0 35px
    }
}

@media (max-width:1500px) {
    .contact-us #form-contact-status-error-1 h2 {
        font-size: 24px !important
    }

    .subscribe-form .au-btn {
        width: 501px
    }

    .subscribe-form {
        height: 581px !important
    }

        .subscribe-form h2 {
            font-size: 32px !important
        }

    .navbar-desktop > ul > li {
        margin-right: 9px
    }

    .action .au-btn {
        margin-right: 50px
    }

    .tp-parallax-wrap .caption-4 {
        top: 3px
    }

    .navbar-desktop .left, .navbar-desktop .right, .navbar-mobile .left, .navbar-mobile .right {
        margin-left: -22px
    }
}

@media (max-width:1400px) {
    .navbar-desktop {
        padding-left: 50px !important;
        padding-right: 27px !important
    }

    .slideshow-form.on-mobile {
        display: block
    }

    .buttons li a {
        font-size: 16px !important
    }

    .buttons .slide li {
        padding: 8px 14px !important
    }
}

@media (max-width:1300px) {
    .trait-col {
        width: 577px
    }

    .contact-us .subscribe-form .au-btn {
        width: 440px
    }

    .subscribe-form h2 {
        font-size: 27px !important
    }

    .action .au-btn {
        margin-right: 27px
    }

    .navbar-desktop > ul > li {
        margin-right: 0
    }

    .navbar-desktop .left, .navbar-desktop .right, .navbar-mobile .left, .navbar-mobile .right {
        margin-left: -3px
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .coming-soon .inner {
        top: 55%
    }

    .coming-soon h1 {
        margin-bottom: 51px;
        font-size: 40px
    }

        .coming-soon h1:after {
            width: 60px
        }

    .coming-soon .time {
        margin-bottom: 43px
    }

        .coming-soon .time .time-box {
            margin: 0 25px
        }

            .coming-soon .time .time-box .time-number {
                font-size: 56px
            }

            .coming-soon .time .time-box .time-unit {
                font-size: 16px
            }

    .coming-soon form .form-row {
        width: auto
    }

    .error .inner {
        top: 50%
    }

    .error span {
        font-size: 175px
    }

    .error h3 {
        font-size: 20px
    }

    .error p {
        margin-bottom: 40px
    }
}

@media (max-width:1500px) {
    .click-to-top-whatsapp {
        right: 60px !important
    }

    .our-menu-col.left-20 {
        padding-right: 0
    }

    .our-menu-col.right-20 {
        padding-left: 0
    }

    .our-menu-full {
        padding: 0 35px
    }

    .blog-masonry.wide .container {
        max-width: 1200px
    }

    .menu-push {
        position: static
    }

    .menu-left {
        transform: translateX(0);
        padding-right: 15px
    }

    .menu-right {
        transform: translateX(0);
        padding-left: 15px
    }

    .our-menu {
        background-size: auto,cover
    }

    .our-menu-wrapper {
        max-width: 1170px;
        width: 100%;
        height: 915px
    }

        .our-menu-wrapper .right-content .inner {
            padding-top: 85px
        }

        .our-menu-wrapper .right-content .content {
            padding-right: 30px
        }

        .our-menu-wrapper .menu-holder.left-40 {
            padding-right: 15px
        }

        .our-menu-wrapper .menu-holder.right-40 {
            padding-left: 15px
        }

        .our-menu-wrapper .section-header {
            margin-bottom: 50px
        }

    .block-banner.style-2 {
        height: 450px
    }

        .block-banner.style-2 .inner {
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%)
        }

        .block-banner.style-2 h2 {
            font-size: 50px
        }

        .block-banner.style-2 img {
            max-width: 24%
        }

        .block-banner.style-2 .middle {
            margin-bottom: 48px
        }

        .block-banner.style-2 .text {
            margin-right: 6px
        }

            .block-banner.style-2 .text .first-line span {
                font-size: 35px;
                line-height: 1;
                margin-left: 8px;
                transform: translateY(-2px);
                -webkit-transform: translateY(-2px);
                -moz-transform: translateY(-2px);
                -ms-transform: translateY(-2px);
                -o-transform: translateY(-2px)
            }

            .block-banner.style-2 .text .break {
                font-size: 50px
            }

        .block-banner.style-2 .number {
            font-size: 100px
        }

    .subscribe-form {
        height: 535px;
        padding-top: 0;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #rev_slider_12 li:nth-child(2) .caption-4 svg {
        transform: translate(-50%,-50%) scale(.88);
        -webkit-transform: translate(-50%,-50%) scale(.88);
        -moz-transform: translate(-50%,-50%) scale(.88);
        -ms-transform: translate(-50%,-50%) scale(.88);
        -o-transform: translate(-50%,-50%) scale(.88)
    }

    .pizza .grid {
        flex-wrap: wrap
    }

        .pizza .grid .pizza-item {
            width: 32%;
            margin-bottom: 30px
        }

            .pizza .grid .pizza-item:nth-child(2) {
                margin-right: 0
            }

            .pizza .grid .pizza-item:nth-child(3), .pizza .grid .pizza-item:last-child {
                margin-bottom: 0
            }

    .trait-col.re-style {
        margin-bottom: 40px
    }

    #fp-nav.right {
        display: none
    }

    .flipster--flat .flipster__item--past .flipster__item__content .content {
        padding: 0 0 0 55px
    }

    .flipster--flat .flipster__item--future .flipster__item__content .content {
        padding: 0 55px 0 0
    }

    .flipster-item {
        width: 475px
    }

        .flipster-item p {
            margin-bottom: 24px
        }

            .flipster-item p.mb-32 {
                margin-bottom: 32px
            }

            .flipster-item p:last-child {
                margin-bottom: 0
            }

        .flipster-item .content {
            height: 439px;
            padding: 0 61px
        }

    .gallery-grid.has-gutter {
        grid-gap: 21px 20px
    }

    .middle-image img {
        max-width: 35%
    }

    .menu-navigation .fix-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .block-banner.style-1 {
        height: 573px;
        background-position: left -204px center
    }

        .block-banner.style-1 .inner {
            right: 70px;
            top: 100px
        }

        .block-banner.style-1 h3 {
            font-size: 20px
        }

        .block-banner.style-1 h2 {
            font-size: 50px
        }

        .block-banner.style-1 p {
            font-size: 16px
        }

    .block-banner .date {
        width: 190px;
        height: 33px
    }

    .special-box-slider {
        right: 5.3%
    }

        .special-box-slider .owl-carousel {
            transform: translateY(-150px);
            -webkit-transform: translateY(-150px);
            -moz-transform: translateY(-150px);
            -ms-transform: translateY(-150px);
            -o-transform: translateY(-150px);
            width: 360px
        }

    .special-box {
        padding: 10px
    }

        .special-box h4 {
            margin-bottom: 0
        }

        .special-box p {
            margin-top: 6px;
            margin-bottom: 17px
        }

        .special-box .inner {
            padding: 20px 22px 15px
        }

    .our-menu-col.left {
        padding-right: 15px
    }

    .our-menu-col.right {
        padding-left: 15px
    }

    .feature-slider span.lnr.lnr-chevron-left {
        left: -22px
    }

    .feature-slider span.lnr.lnr-chevron-right {
        right: -22px
    }

    .our-story-primary.style-1 .inner {
        width: 80%
    }

    .navbar-desktop > ul > li.mr-fixed {
        margin-right: 106px !important
    }

    .trait-content.re-style {
        padding: 110px 0 70px
    }

    .navbar-desktop.aside {
        padding: 50px 0
    }

        .navbar-desktop.aside .logo {
            margin-bottom: 72px
        }

        .navbar-desktop.aside > ul {
            margin-bottom: 57px
        }

    .navbar-desktop:not(.aside) {
        top: 20px
    }

        .navbar-desktop:not(.aside) > ul > li.has-children:first-child ul {
            width: 352px;
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding-right: 28px
        }

            .navbar-desktop:not(.aside) > ul > li.has-children:first-child ul li {
                width: 40%
            }

        .navbar-desktop:not(.aside).has-bg {
            top: 0;
            padding: 15px 80px
        }

        .navbar-desktop:not(.aside).fixed {
            top: 0
        }

    .navbar-desktop.no-float {
        top: 0;
        padding: 20px 80px
    }

    .navbar-desktop.has-bg.middle {
        height: 88px
    }

        .navbar-desktop.has-bg.middle .logo {
            max-width: 5%
        }

        .navbar-desktop.has-bg.middle.fixed {
            height: 65px
        }

    .grid-image .grid-item .item-info h4 {
        font-size: 23px
    }

    .grid-image .grid-item .item-info .star-rating {
        margin-bottom: 13px;
        font-size: 15px
    }

    .grid-image .grid-item .item-info .price {
        font-size: 19px
    }

    .middle-wrapper {
        min-width: 990px
    }

        .middle-wrapper .container {
            max-width: 960px
        }

    .tp-bullets {
        transform: matrix(1,0,0,1,-25,-50) !important;
        -webkit-transform: matrix(1,0,0,1,-25,-50) !important;
        -moz-transform: matrix(1,0,0,1,-25,-50) !important;
        -ms-transform: matrix(1,0,0,1,-25,-50) !important;
        -o-transform: matrix(1,0,0,1,-25,-50) !important
    }

    .menu-sidebar {
        justify-content: flex-start;
        padding: 50px 4% 40px
    }

    .click-to-top {
        right: 5%;
        bottom: 5%
    }

    #modalSearch .modal-dialog {
        max-width: 50%
    }

    .our-story-primry.style-1 .heading {
        margin-bottom: 28px
    }

    .our-story-primry.style-1 p {
        margin-bottom: 30px
    }

    .our-story-primry.style-1 .inner {
        width: 70%
    }

    .trait-content {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .trait-col {
        margin-bottom: 23px;
        margin-right: 0
    }

        .trait-col h5 {
            margin-top: 18px;
            margin-bottom: 8px
        }

    .page-wrapper main .container {
        max-width: 900px
    }

    .page-wrapper main .our-menu .container {
        max-width: 1050px
    }

    .special-item .thumb img {
        max-width: 70%
    }

    .our-story-primary.style-1 {
        padding: 55px 0
    }

    .booking-block {
        height: 435px
    }

        .booking-block .inner {
            top: 74px
        }

    .testimonials-2 {
        padding: 0
    }

    .wish {
        height: 500px
    }

        .wish h3 {
            font-size: 70px
        }

        .wish p {
            font-size: 20px
        }

        .wish .content {
            top: 50%;
            width: 100%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%),-50%
        }

    .menu-holder.left {
        padding-right: 25px
    }

    .menu-holder.right {
        padding-left: 25px
    }

    .about-us-board .inner {
        padding: 64px 34px 51px
    }

    .about-us-board .heading {
        margin-bottom: 25px
    }

    .about-us-board p {
        margin-bottom: 40px
    }

    .cupcake-history .content {
        padding-top: 79px;
        height: 687px
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .our-service-full {
        width: 100%
    }

        .our-service-full .section-header {
            margin-bottom: 40px
        }

        .our-service-full .service-col {
            margin-bottom: 40px
        }

        .our-service-full .service-text {
            margin-top: 15px
        }
}

@media (max-width:1199px) {
    .videotanitim {
        padding: 45px 0 35px 0 !important
    }

        .videotanitim iframe {
            height: 430px !important
        }

    .title-02 {
        font-size: 27px !important
    }

    .navbar-desktop {
        padding-left: 26px !important;
        padding-right: 0 !important
    }

    .title h3 {
        font-size: 27px !important
    }

    .comm-form .comm-head-three {
        font-size: 24px !important
    }

    .testimonial-block-one .inner-box .text {
        max-width: 570px !important
    }

    .comment-owner {
        font-size: 19px !important
    }

    .buttons {
        margin-left: 37px
    }

    .blog-standard .post .post-body h4 {
        font-size: 18px
    }

    .blog-standard .post .post-body p {
        line-height: 1.6
    }

    .blog-standard .post .post-date {
        width: 64px;
        height: 64px
    }

        .blog-standard .post .post-date .inner .month {
            font-size: 11px
        }

        .blog-standard .post .post-date .inner .date {
            font-size: 24px
        }

    .blog-standard .post {
        padding: 0
    }

    .contact-us .subscribe-form .au-btn {
        width: 396px
    }

    .description-succes {
        padding: 64px !important
    }

    .contact-us .subscribe-form {
        padding: 39px 45px 0 10px !important
    }

    .blog-template-detail .blog-standard .post-thumb {
        margin-right: -94px !important;
        margin-bottom: 7px !important
    }

    .blog-template-detail .diger .post-thumb {
        margin-right: 0px !important
    }

    .blog .blog-standard .post .post-thumb img {
        width: 80% !important
    }

    .blog .blog-template .blog-standard .post .post-thumb img {
        width: 100% !important
    }

    .blog .diger .post .post-thumb img {
        width: 100% !important
    }

    .gallery.wide .image-holder h6 {
        font-size: 13px !important
    }

    .gallery.wide .row {
        justify-content: center
    }

    .brand .col-md-3 {
        -ms-flex: 0 0 21%;
        flex: 0 0 21% !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
        max-width: 21% !important
    }

    .brand {
        padding: 40px 0 50px !important
    }

    .about-us-col {
        margin-left: 30px
    }

    .nedenarti .about-us-col {
        margin-left: 0;
        padding: 19px 23px 30px !important
    }

    .nedenarti h3 {
        font-size: 19px !important
    }

    .section-primary hr {
        margin-top: 3rem
    }

    .blog-template-detail .section-primary hr {
        margin-top: 1rem
    }

    .section-primary.pb-50 {
        padding-bottom: 10px !important
    }

    .blog-standard .blog-post .post:last-child {
        margin-bottom: 20px !important
    }

    .section-header {
        margin-bottom: 20px !important
    }

    .subscribe-form .au-btn {
        width: 454px
    }

    .subscribe-form {
        padding: 0 20px 0 20px
    }

        .subscribe-form h2 {
            font-size: 26px !important;
            margin-bottom: 6px !important
        }

    .section-primary.pt-133.pb-110 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .trait-col h5 {
        font-size: 16px !important
    }

    .click-to-top-whatsapp {
        right: 50px !important
    }

    .welcome-content {
        padding-top: 20px
    }

    .section-header span {
        font-size: 25px
    }

    .section-header.text-left h1 {
        font-size: 24px !important
    }

    .action .au-btn {
        margin-right: 0
    }

    .navbar-desktop .left, .navbar-desktop .right, .navbar-mobile .left, .navbar-mobile .right {
        margin-left: -7px !important
    }

    .tp-parallax-wrap .caption-4 {
        top: 6px !important
    }

    body {
        font-size: 14px
    }

    .checkout-page .woocommerce-checkout-review-order-wrap table .product-name {
        width: 80%
    }

    .checkout-page .woocommerce-checkout-review-order-wrap table .product-total {
        width: 20%
    }

    .shop-single .entry-summary {
        padding-left: 25px;
        padding-top: 10px
    }

        .shop-single .entry-summary .product_title {
            font-size: 32px
        }

        .shop-single .entry-summary .price {
            font-size: 27px
        }

        .shop-single .entry-summary .star-rating {
            font-size: 17px
        }

        .shop-single .entry-summary .info {
            margin-bottom: 25px
        }

        .shop-single .entry-summary .woocommerce-product-details__short-description, .shop-single .entry-summary form.cart, .shop-single .entry-summary .product_meta {
            margin-bottom: 40px
        }

    .gallery-item .thumb i {
        width: 49px;
        height: 49px;
        line-height: 49px
    }

    .cupcake-history .content {
        padding-left: 35px
    }

    .blog-masonry.wide .container {
        max-width: 960px
    }

    .menu-page .menu-holder {
        flex-direction: row
    }

        .menu-page .menu-holder .menu-thumb {
            margin-bottom: 0;
            margin-right: 20px
        }

    .reservation form {
        padding: 0 0 80px
    }

    .reservation .info .opening-col p {
        display: block
    }

    .reservation .info .support {
        padding-left: 0
    }

        .reservation .info .support .address, .reservation .info .support .phone {
            margin-right: 0
        }

        .reservation .info .support .email, .reservation .info .support .website {
            padding-left: 0
        }

    .error {
        background-position: right
    }

    .coming-soon {
        background-position: right
    }

        .coming-soon form .form-row {
            width: 600px
        }

    .contact-us-content p {
        margin-bottom: 36px
    }

    .gallery.wide .image-holder .frame {
        top: 9px !important;
        bottom: 9px !important;
        left: 9px !important;
        right: 9px !important
    }

    .our-chef .our-chef-item {
        margin-bottom: 82px
    }

        .our-chef .our-chef-item h6 {
            font-size: 16px
        }

        .our-chef .our-chef-item .name-box {
            left: 10px;
            right: 10px;
            height: 80px
        }

    .page-info {
        height: 450px
    }

    #rev_slider_12 li:nth-child(2) .caption-4 svg {
        transform: translate(-50%,-50%) scale(.7);
        -webkit-transform: translate(-50%,-50%) scale(.7);
        -moz-transform: translate(-50%,-50%) scale(.7);
        -ms-transform: translate(-50%,-50%) scale(.7);
        -o-transform: translate(-50%,-50%) scale(.7)
    }

    .bakery-grid-item .inner {
        padding: 0 11px
    }

    .coffee-material .left, .coffee-material .right {
        padding: 0
    }

    .coffee-material .left {
        margin-right: -32px
    }

    .coffee-material .right {
        margin-left: -32px
    }

    .opening-hours {
        padding: 15px
    }

        .opening-hours .inner {
            padding: 33px 34px 20px 36px
        }

    .coffee-wrapper .inner {
        height: 1168px;
        padding-bottom: 40px
    }

    .block-banner.style-2 .inner {
        width: 100%;
        padding: 0 20px;
        left: 65%
    }

    .about-us-board {
        width: 60%
    }

        .about-us-board .heading h2 {
            font-size: 45px
        }

    .pizza-item {
        padding: 45px 11px 0
    }

    .event-col {
        padding: 20px;
        height: 390px
    }

    .promotion-item .inner.right {
        top: 50%;
        transform: translateY(-50%);
        right: 30px
    }

    .promotion-item .inner.left {
        top: 50%;
        transform: translateY(-50%);
        left: 35px
    }

    .our-menu-wrapper .image-holder {
        display: none
    }

    .our-menu-block .our-menu-col.no-style.left-70 {
        padding-right: 0
    }

    .our-menu-block .our-menu-col.no-style.right-70 {
        padding-left: 0
    }

    .opening-block .front {
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center
    }

    .opening-block .middle {
        padding-left: 0;
        text-align: center;
        margin-top: 30px
    }

    .opening-block .end {
        padding-top: 5px;
        margin-top: 30px
    }

    .post.pl-20 {
        padding-left: 0
    }

    .post.smaller .post-body {
        padding-top: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .service-image {
        margin-right: 0;
        height: 100%
    }

        .service-image img {
            height: 100%;
            object-fit: cover
        }

    .wish {
        height: 430px
    }

        .wish h3 {
            font-size: 60px
        }

        .wish p {
            font-size: 17px;
            margin-bottom: 40px
        }

    .flipster--flat .flipster__item--past .flipster__item__content .content {
        padding: 0 0 0 120px
    }

    .flipster--flat .flipster__item--future .flipster__item__content .content {
        padding: 0 120px 0 0
    }

    .page-bg {
        background: none
    }

    .special-box h4 {
        font-size: 20px
    }

    .special-box .price {
        font-size: 20px
    }

    .special-box p {
        font-size: 12px;
        margin-bottom: 10px
    }

    .block-banner.style-1 {
        height: 450px
    }

        .block-banner.style-1 .inner {
            right: 40px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        .block-banner.style-1 h3 {
            font-size: 18px
        }

        .block-banner.style-1 h2 {
            font-size: 40px
        }

        .block-banner.style-1 p {
            font-size: 13px;
            margin-bottom: 50px
        }

    .ft-top.fixed {
        padding-left: 20px;
        padding-top: 80px
    }

        .ft-top.fixed .ft-col.pl-64 {
            padding-left: 15px
        }

    .ft-upper {
        height: 470px
    }

    .special-box-slider .owl-carousel {
        width: 300px;
        transform: translateY(-110px);
        -webkit-transform: translateY(-110px);
        -moz-transform: translateY(-110px);
        -ms-transform: translateY(-110px);
        -o-transform: translateY(-110px)
    }

    .our-story-primary.style-1 {
        padding: 40px 0
    }

    .cate-box-item {
        margin-bottom: 30px
    }

    .page-wrapper main .container, .page-wrapper main .our-menu .container {
        max-width: 750px
    }

    .special-item .thumb img {
        max-width: 80%
    }

    .form-row.fix-lg {
        display: block
    }

        .form-row.fix-lg .form-col {
            width: 100%;
            margin-right: 0;
            margin-bottom: 43px
        }

        .form-row.fix-lg:last-child .form-col {
            margin-bottom: 0
        }

    .form-row .form-col {
        margin-right: 40px
    }

    .booking .booking-content {
        padding: 58px 71px 48px
    }

    .navbar-desktop > ul > li > a {
        font-size: 14px
    }

    .navbar-desktop.aside .social a {
        margin-right: 12px
    }

    .feature-slider span.lnr.lnr-chevron-left {
        left: -12px
    }

    .feature-slider span.lnr.lnr-chevron-right {
        right: -12px
    }

    .feature-content .heading {
        margin-bottom: 18px
    }

    .feature-content .body p {
        height: 151.2px;
        overflow: auto;
        margin-bottom: 21px
    }

    .feature-content .body .star-rating {
        margin-bottom: 45px
    }

    .testimonials-item {
        padding: 43px 40px
    }

    .feature-small img {
        width: 80% !important
    }

    .feature-small .item-info {
        margin-top: 10px
    }

    .navbar-desktop, .navbar-desktop.fixed {
        padding-left: 40px;
        padding-right: 40px
    }

        .navbar-desktop > ul > li, .navbar-desktop.fixed > ul > li {
            margin-right: 0
        }

            .navbar-desktop > ul > li a, .navbar-desktop.fixed > ul > li a {
                pointer-events: none
            }

    .action .notify {
        margin-right: 21px
    }

    .action span.search-icon {
        margin-right: 0
    }

    .action span.menu-sidebar-icon {
        display: none
    }

    .post .post-date {
        top: 10px;
        right: 10px;
        width: 57px;
        height: 57px;
        padding: 3px
    }

        .post .post-date .inner .date {
            font-size: 30px
        }

        .post .post-date .inner .month {
            font-size: 13px;
            text-transform: uppercase
        }

    .post .post-body.has-border {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 10px
    }

        .post .post-body.has-border h5, .post .post-body.has-border span {
            font-size: 18px
        }

    .section-primary, .section-primary.pt-100, .section-primary.pt-112, .section-primary.pt-120, .section-primary.pt-133, .section-primary.pt-140, .section-primary.pt-150, .section-primary.pb-90, .section-primary.pb-101, .section-primary.pb-110, .section-primary.pb-113, .section-primary.pb-120 {
        padding-top: 50px;
        padding-bottom: 90px
    }

    .tp-bullets {
        transform: matrix(1,0,0,1,-25,-30) !important;
        -webkit-transform: matrix(1,0,0,1,-25,-30) !important;
        -moz-transform: matrix(1,0,0,1,-25,-30) !important;
        -ms-transform: matrix(1,0,0,1,-25,-30) !important;
        -o-transform: matrix(1,0,0,1,-25,-30) !important
    }

    .widget_shopping_cart {
        padding-top: 0;
        margin-top: 44px
    }

    .welcome-content .section-header {
        margin-bottom: 20px;
        margin-top: 0
    }

    .welcome-content .body p {
        margin-bottom: 25px
    }

    .ft-top .ft-col.pl-64 {
        padding-left: 44px
    }

    .ft-top .ft-col.pl-50 {
        padding-left: 30px
    }

    .gallery-grid.has-gutter {
        grid-gap: 16px 15px
    }

    .menu-holder {
        flex-direction: column
    }

        .menu-holder .menu-thumb {
            margin-bottom: 20px;
            margin-right: 0;
            display: block
        }

        .menu-holder .menu-item {
            width: 100%
        }

        .menu-holder.fixed {
            flex-direction: row
        }

            .menu-holder.fixed .menu-thumb {
                margin-bottom: 0;
                margin-right: 20px
            }

        .menu-holder.left {
            padding-right: 15px
        }

        .menu-holder.right {
            padding-left: 15px
        }

        .menu-holder.left-40 {
            padding-right: 30px
        }

        .menu-holder.right-40 {
            padding-left: 30px
        }

    .service-col {
        margin-bottom: 40px
    }

    .grid-image {
        grid-template-columns: auto auto;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        -ms-grid-columns: auto auto;
        -ms-grid-rows: 1fr 1fr 1fr 1fr
    }

        .grid-image .grid-item:first-child {
            grid-area: 2 / 1 / span 2 / span 1;
            -ms-grid-row: 2;
            -ms-grid-row-span: 2;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1
        }

        .grid-image .grid-item:nth-child(2) {
            grid-area: 1 / 1 / span 1 / span 2;
            -ms-grid-row: 1;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2
        }

        .grid-image .grid-item:nth-child(3) {
            grid-area: 4 / 1 / span 1 / span 2;
            -ms-grid-row: 4;
            -ms-grid-row-span: 1;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2
        }

        .grid-image .grid-item:last-child {
            grid-area: 2 / 2 / span 2 / span 1;
            -ms-grid-row: 2;
            -ms-grid-row-span: 2;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1
        }

    .our-menu-wrapper {
        max-width: 960px;
        display: block;
        height: auto
    }

        .our-menu-wrapper .right-content {
            width: 100%;
            padding: 20px
        }

            .our-menu-wrapper .right-content .inner {
                padding-bottom: 85px;
                border-left: 1px solid #c4006c
            }

            .our-menu-wrapper .right-content .content {
                padding-left: 30px
            }

        .our-menu-wrapper .menu-holder.fixed .menu-thumb {
            margin-right: 12px
        }

    .about-us-wrapper {
        padding: 129px 0 152px
    }

    .about-us-1 {
        top: 50px
    }

    .about-us-2 {
        bottom: 50px
    }

    #rev_slider_11 li:last-child .caption-3 .percent {
        transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -o-transform: translateY(-6px)
    }

    .widget_featured_product .featured-product__item {
        flex-direction: column;
        align-items: flex-start
    }

        .widget_featured_product .featured-product__item .thumb {
            margin-right: 0;
            margin-bottom: 10px
        }
}

@media (min-width:991px) and (max-width:1199px) {
    .special-cupcake h3 {
        font-size: 33px
    }

    .cupcake-history .content h2 {
        font-size: 37px
    }
}

@media (max-width:991px) {
    .degerler span {
        font-size: 35px !important
    }

    .bizkimiz .text-white {
        font-size: 30px
    }

    .bizkimiz p {
        line-height: 1.6
    }

    .section-primary.etkinlik {
        padding-bottom: 0 !important
    }

    .detay .post .col-lg-12 .post-thumb {
        float: none
    }

    .welcome .place-holder-1 {
        display: flex;
        justify-content: center;
        margin-bottom: 0 !important
    }

    .trait .image-holder img {
        width: 100%
    }

    .videotanitim {
        padding: 30px 0 30px 0px !important
    }

        .videotanitim iframe {
            height: 350px !important
        }

    .acc-theme-03 .accordion-01__title {
        font-size: 17px !important;
        padding: 16px 40px 16px 15px !important
    }

    .questions {
        padding: 30px 0 !important
    }

    .title-02 {
        font-size: 21px !important;
        padding-bottom: 13px !important;
        margin-bottom: 23px !important
    }

    .subscribe .image-holder {
        background: none !important
    }

    .nedenarti .row {
        padding: 11px 0
    }

    .image-holder img {
        margin-bottom: 0px !important
    }

    .item .image-holder img {
        margin-bottom: 0px !important
    }

    .etkinlikresim {
        padding: 28px 1px !important
    }

    .title h3 {
        font-size: 25px !important
    }

    .right .action {
        color: #fff !important
    }

    .comm-form {
        padding: 0 !important
    }

    .comment-part .owl-carousel .owl-item img {
        width: auto !important
    }

    .comment-owner {
        font-size: 15px !important
    }

    .testimonial-block-one .inner-box .text {
        line-height: 1.5 !important
    }

    .buttons .slide {
        z-index: 1
    }

    .contact-us {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .modal .subscribe-form {
        justify-content: flex-start
    }

    .modal .subscribe .form-control {
        width: 46% !important
    }

    .bd-example-modal-lg .subscribe-form {
        padding: 30px 10px 0 10px !important
    }

    .modal-dialog {
        max-width: 662px
    }

    .etkinlikler .hizmetlerdetay {
        padding: 0 0 60px 0 !important
    }

    #contact-us-page .contact-us #form-contact-status-error-1 {
        right: 86% !important
    }

    .contact-us #form-contact-status-error-1 {
        right: 82% !important
    }

    .section-primary.contact-us #form-contact-status-error-1 {
        top: 92% !important
    }

    .contact-banner {
        height: 350px !important
    }

    .iletisimbg {
        padding: 0 45px 0 45px !important
    }

    .contact-us-content {
        margin-bottom: 30px
    }

    .contact-us .subscribe-form .form-control {
        display: inline-block !important;
        width: 47%
    }

    .iletisimbg {
        padding: 39px 45px 0 45px
    }

    .contact-us .subscribe-form {
        padding: 0 45px 0 45px !important
    }

    #hizmetListesi .col-md-6 {
        margin-top: 30px !important
    }

    .blog-template-detail .blog-standard .post-thumb {
        margin-right: -194px !important
    }

    .blog .blog-standard .post .post-thumb img {
        width: 62% !important
    }

    .blog .diger .post .post-thumb img {
        width: 100% !important
    }

    .blog-template-detail .blog-standard.diger .post-thumb {
        margin-right: 0 !important
    }

    .brand {
        padding: 30px 0 30px !important
    }

    .gallery.wide .row {
        justify-content: space-around !important
    }

    .brand .col-md-3 {
        -ms-flex: 0 0 26%;
        flex: 0 0 26% !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        max-width: 26% !important
    }

    .nedenarti .pl-md-0 {
        padding-left: 17px !important
    }

    .nedenarti .section-header {
        margin-bottom: 3px !important
    }

    .nedenarti p {
        font-size: 12px;
        line-height: 1.6
    }

    .nedenarti h3 {
        font-size: 14px !important;
        margin-bottom: 17px
    }

    .nedenarti .about-us-col {
        padding: 22px 21px 21px
    }

    .about-us-col {
        margin-left: 0
    }

    .section-primary hr {
        margin-top: 2rem
    }

    .page-breadcrumb h3 {
        font-size: 24px !important
    }

    .blog-standard .post-body p {
        font-size: 14px !important
    }

    .blog-standard .post .post-body h4 {
        font-size: 17px
    }

    .blog-standard .post .post-body {
        padding-top: 0
    }

    .post .post-body.has-border h5 {
        font-size: 17px;
        margin-bottom: 6px
    }

    .ft-top h6 {
        margin-top: 28px
    }

    .ft-top .ft-top-wrapper {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .getir-3 {
        order: 3
    }

    .social.round {
        padding: 30px 0
    }

    .subscribe .image-holder img {
        display: block
    }

    .subscribe .image-holder {
        position: relative !important
    }

    .subscribe-form .au-btn {
        width: 100% !important
    }

    .dogrula {
        order: 1 !important;
        display: flex
    }

    .subscribe .form-control {
        width: 48% !important
    }

    .subscribe-form h2 {
        font-size: 26px !important;
        margin-bottom: 6px !important
    }

    .section-primary.pt-133.pb-110 {
        padding-top: 23px;
        padding-bottom: 30px
    }

    main .food-slider {
        padding: 50px 0 50px 0 !important
    }

    .logo img {
        display: none
    }

    .logo {
        background: url(/images/logo-2.png) no-repeat center;
        width: 100%;
        height: 68px
    }

    .image-holder img {
        display: block
    }

    .image-holder {
        background: none !important
    }

    .click-to-top-whatsapp {
        height: 50px !important;
        width: 50px !important;
        right: 40px !important;
        bottom: 96px !important
    }

    .welcome-content .section-header {
        margin-bottom: 8px
    }

    .welcome.section-primary {
        padding-top: 45px !important;
        padding-bottom: 40px !important
    }

    .welcome-content .body p {
        margin-bottom: 8px
    }

    .section-header.text-left h1 {
        font-size: 23px !important
    }

    .tp-parallax-wrap .caption-4 {
        top: -6px !important
    }

    .action .au-btn {
        margin-right: 0
    }

    h1 {
        font-size: 45px
    }

    h2 {
        font-size: 35px
    }

    .etkinlik h3 {
        font-size: 35px !important
    }

    h3 {
        font-size: 30px
    }

    h5 {
        font-size: 17px
    }

    h6 {
        font-size: 15px
    }

    .shop-single .entry-summary {
        padding-left: 0;
        padding-top: 50px
    }

        .shop-single .entry-summary .product_title {
            font-size: 30px
        }

        .shop-single .entry-summary .price {
            font-size: 25px;
            margin-right: 20px;
            padding-left: 25px
        }

            .shop-single .entry-summary .price:before {
                width: 17px
            }

        .shop-single .entry-summary .star-rating {
            font-size: 15px
        }

        .shop-single .entry-summary .info {
            justify-content: flex-start
        }

    .price_slider_amount {
        flex-direction: column;
        align-items: flex-start
    }

        .price_slider_amount .price_label {
            margin-bottom: 10px
        }

    .cupcake-history {
        background: none !important
    }

        .cupcake-history .video {
            background: none !important;
            position: relative;
            margin-bottom: 70px
        }

            .cupcake-history .video img {
                display: block
            }

        .cupcake-history .content {
            background-size: cover;
            padding: 70px 45px 35px;
            height: auto
        }

    .up-row .special-cupcake-content {
        margin-right: 0
    }

    .down-row .special-cupcake-content {
        margin-left: 0
    }

    .blog-standard .blog-single .group-image .grid {
        grid-gap: 10px
    }

    .blog-standard .blog-single .comments-area .comments-item .thumb {
        max-width: 80px
    }

    .blog-standard .blog-single .comments-area .comments-group .comments-group {
        padding-left: 100px
    }

    .blog-standard .blog-single .post-navigation .text h6 {
        font-size: 16px
    }

    .blog-standard .post .post-date {
        width: 72px;
        height: 72px;
        right: 20px;
        top: 17px
    }

        .blog-standard .post .post-date .inner .date {
            font-size: 35px
        }

        .blog-standard .post .post-date .inner .month {
            font-size: 15px
        }

    .blog-masonry .post {
        margin-bottom: 40px
    }

    .blog-masonry.wide .container {
        max-width: 720px
    }

    .menu-page .menu-holder {
        flex-direction: column
    }

        .menu-page .menu-holder .menu-thumb {
            margin-bottom: 20px;
            margin-right: 0
        }

    .reservation form {
        padding-bottom: 60px
    }

        .reservation form .au-btn {
            margin-top: 40px
        }

    .error span {
        font-size: 200px
    }

    .coming-soon form .form-row {
        width: 550px
    }

    #contact-us-page .map-holder {
        height: 400px
    }

    .project .project-image {
        padding-right: 0;
        margin-bottom: 30px
    }

    .project .project-content {
        margin-left: 0
    }

    .bakery-grid-item.fix-image img {
        position: static;
        height: auto
    }

    .gallery.wide .image-holder .frame {
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px
    }

    .gallery.wide .image-holder h6 {
        font-size: 16px;
        margin-bottom: 4px
    }

    .gallery.wide .image-holder span {
        font-size: 15px
    }

    .page-info {
        height: 350px
    }

    .style-color-1 .blog-template .page-info {
        height: 350px !important
    }

    .page-info .section-header {
        bottom: 42%;
        transform: translate(-50%,50%);
        -webkit-transform: translate(-50%,50%);
        -moz-transform: translate(-50%,50%);
        -ms-transform: translate(-50%,50%);
        -o-transform: translate(-50%,50%)
    }

    .brand .brand-item.corner:before {
        width: 30px;
        height: 30px;
        bottom: -15px;
        right: -15px
    }

    .brand .brand-item {
        margin-bottom: 15px
    }

    .bakery-grid-item.is-bg {
        background: none !important
    }

        .bakery-grid-item.is-bg img {
            display: block
        }

    .bakery-thumbnail {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-wrap: wrap
    }

        .bakery-thumbnail li {
            flex-grow: 1;
            margin-right: 20px
        }

            .bakery-thumbnail li:last-child {
                margin-right: 0
            }

    .special-grid .image-holder .inner {
        padding: 0 8px 0 5px
    }

    .our-menu-col.move-left, .our-menu-col.move-right {
        transform: translateX(0)
    }

    .coffee-material .bg-block {
        position: static
    }

    .coffee-material .left, .coffee-material .right {
        margin: 0
    }

    .about-us-col {
        padding: 39px 30px 36px
    }

    .coffee-wrapper .inner {
        padding: 57px 45px 13px;
        height: 1190px
    }

    .formbg .subscribe-form {
        height: 610px !important
    }

    .pizza .grid .pizza-item {
        width: 42%
    }

    .promotion-item {
        margin-bottom: 30px
    }

        .promotion-item .inner.top {
            top: 35px
        }

        .promotion-item .inner.right {
            right: 20px
        }

        .promotion-item .inner.left {
            left: 20px
        }

        .promotion-item .note h4 {
            font-size: 30px
        }

        .promotion-item .discount-box .text {
            font-size: 15px
        }

        .promotion-item .discount-box .price {
            font-size: 34px
        }

        .promotion-item .discount-text {
            margin-bottom: 24px
        }

            .promotion-item .discount-text h3 {
                font-size: 25px
            }

            .promotion-item .discount-text .percent {
                font-size: 40px
            }

        .promotion-item h2 {
            font-size: 35px
        }

        .promotion-item h3 {
            font-size: 20px
        }

        .promotion-item .au-btn {
            width: 118px;
            height: 33px
        }

    .block-banner.style-2 {
        height: 360px
    }

        .block-banner.style-2 h2 {
            font-size: 40px
        }

        .block-banner.style-2 img {
            max-width: 24%
        }

        .block-banner.style-2 .text .first-line span {
            font-size: 25px
        }

        .block-banner.style-2 .text .break {
            font-size: 40px
        }

        .block-banner.style-2 .number {
            font-size: 90px
        }

    #rev_slider_11 li:nth-child(2) .caption-3 {
        line-height: 1.6
    }

    .opening-block .end span {
        text-align: center;
        margin-top: 40px
    }

    .post.smaller .post-body {
        padding: 20px 0 0 0
    }

    .gallery-grid.no-gutter {
        grid-template-columns: auto auto
    }

        .gallery-grid.no-gutter .gallery-item:first-child {
            grid-area: 2 / 1 / span 2 / span 1
        }

        .gallery-grid.no-gutter .gallery-item:nth-child(4) {
            grid-area: 2 / 2 / span 2 / span 1
        }

    .about-us-board {
        width: 80%
    }

        .about-us-board .inner {
            padding: 44px 34px 31px
        }

        .about-us-board .heading h2 {
            font-size: 40px
        }

    .about-us-wrapper {
        padding: 89px 0 112px
    }

        .about-us-wrapper img {
            display: none
        }

    #rev_slider_11 li:first-child .caption-1:before, #rev_slider_11 li:first-child .caption-2:before {
        top: 0;
        left: 0;
        width: calc(100% - 1px)
    }

    #rev_slider_11 li:first-child .caption-1:after, #rev_slider_11 li:first-child .caption-2:after {
        width: calc(100% - 1px);
        bottom: 2px;
        left: 0
    }

    .menu-item h5 .dots {
        transform: translateY(-5px)
    }

    .gallery-grid.has-gutter {
        grid-gap: 13px 12px
    }

    .service-image {
        text-align: center;
        margin-bottom: 80px
    }

        .service-image img {
            display: inline-block;
            width: 100%;
            height: 400px
        }

    .our-story-primary.style-1 .inner {
        width: 70%
    }

    .slideshow-form.on-mobile .inner .form-holder {
        margin-right: 20px
    }

    .slideshow-form.on-mobile .inner button {
        width: 120px
    }

    .page-wrapper main .container, .page-wrapper main .our-menu .container {
        max-width: 600px
    }

    .navbar-desktop {
        display: none
    }

    .navbar-mobile {
        display: block
    }

    .post {
        margin-bottom: 30px
    }

        .post .post-body {
            padding-bottom: 10px
        }

    .section-primary, .section-primary.pt-100, .section-primary.pt-112, .section-primary.pt-120, .section-primary.pt-133, .section-primary.pt-140, .section-primary.pt-150, .section-primary.pb-101, .section-primary.pb-110, .section-primary.pb-113, .section-primary.pb-120 {
        padding-top: 55px;
        padding-bottom: 80px
    }

    .section-header {
        margin-bottom: 50px
    }

        .section-header h2 {
            margin-bottom: 10px
        }

        .section-header span {
            font-size: 25px
        }

    .our-service-col {
        margin-bottom: 30px;
        height: auto
    }

    .our-story .image-wrapper {
        width: 100%
    }

    .our-story-primary.style-2 {
        position: static;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        width: 100%
    }

    .our-menu-board .our-menu-col.right {
        padding-left: 0
    }

    .our-menu-board .our-menu-col.left {
        padding-right: 0
    }

    .our-menu-board .inner {
        padding: 55px 20px 44px
    }

    .booking .booking-content {
        padding: 48px 51px 38px
    }

    .form-row .form-col {
        margin-right: 30px
    }

    .feature-content .heading {
        margin-bottom: 10px
    }

        .feature-content .heading h3 {
            font-size: 26px
        }

        .feature-content .heading span {
            font-size: 20px
        }

    .feature-content .body p {
        height: 100.8px
    }

    .feature-content .body .star-rating {
        margin-bottom: 35px
    }

    .trait .image-holder {
        background: none
    }

        .trait .image-holder img {
            display: block !important
        }

    .trait-content {
        justify-content: space-around
    }

    .trait-col {
        width: 50%;
        margin-right: 0;
        margin-bottom: 53px
    }

        .trait-col h5 {
            margin-top: 23px;
            margin-bottom: 13px
        }

    .feature-small img {
        width: 60% !important
    }

    .feature-small .item-info .price {
        font-size: 15px
    }

    .feature-slider span.lnr {
        font-size: 20px;
        top: 30px
    }

        .feature-slider span.lnr.lnr-chevron-left {
            left: -17px
        }

        .feature-slider span.lnr.lnr-chevron-right {
            right: -17px
        }

    .heading .notify {
        margin-right: 10px
    }

    .hc-mobile-nav .nav-container {
        min-width: 310px
    }

    .welcome .image-group {
        margin-bottom: 50px
    }

    .our-story .image-holder {
        background: none
    }

        .our-story .image-holder img {
            display: block !important;
            width: 100%;
            margin-bottom: 0px !important
        }

    .ft-top .ft-col.pl-50 {
        padding-left: 15px
    }

    .ft-top .ft-col.pl-30 {
        padding-left: 44px
    }

    .section-reservation .opening-time {
        width: 100%;
        margin-right: 0;
        margin-bottom: 70px
    }

    .section-reservation .reservation-tab {
        padding-left: 0
    }

    .reservation-tab .booking-form .form-inner .form-col {
        width: 45%
    }

    .widget_shopping_cart_content {
        width: 270px;
        padding: 25px 20px
    }

        .widget_shopping_cart_content .woocommerce-mini-cart__total {
            font-size: 15px
        }

    .page-wrapper {
        display: block
    }

        .page-wrapper header, .page-wrapper main {
            width: 100%
        }

    .section-form .form-col {
        width: 45%
    }

    .our-story .image-bg {
        background: none
    }

        .our-story .image-bg img {
            display: block
        }

    .menu-wrapper .inner {
        padding: 20px 10px 0;
        border: none
    }

    .middle-wrapper {
        min-width: auto
    }

    body.center {
        display: block
    }

    .page-bg {
        position: static
    }

    .rev_slider_wrapper.px-30 {
        padding: 0
    }

    .middle-wrapper .container {
        max-width: 720px
    }

    .booking-block {
        height: 390px
    }

        .booking-block .inner {
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            width: 80%
        }

    .special-box-slider {
        position: static
    }

        .special-box-slider .container {
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: center
        }

        .special-box-slider .owl-carousel {
            transform: translateY(30px);
            -webkit-transform: translateY(30px);
            -moz-transform: translateY(30px);
            -ms-transform: translateY(30px);
            -o-transform: translateY(30px);
            width: 300px
        }

    .block-banner.style-1 {
        height: 350px
    }

        .block-banner.style-1 .inner {
            right: 20px
        }

        .block-banner.style-1 h3 {
            font-size: 16px;
            margin-bottom: 20px
        }

        .block-banner.style-1 h2 {
            font-size: 31px
        }

        .block-banner.style-1 p {
            font-size: 12px;
            margin-bottom: 30px
        }

    .ft-push {
        position: static
    }

    .ft-image {
        background: none
    }

    .ft-top.fixed {
        padding: 40px 0
    }

    .ft-upper {
        height: auto
    }

    .menu-holder.left-40 {
        padding-right: 15px
    }

    .menu-holder.right-40 {
        padding-left: 15px
    }

    .our-menu-block .our-menu-col {
        width: 60%;
        padding: 44px 34px
    }

    .subscribe-form .section-header {
        margin-bottom: 21px
    }

        .subscribe-form .section-header h2 {
            font-size: 30px
        }

        .subscribe-form .section-header span {
            font-size: 20px
        }

    .subscribe-form .form-row {
        display: block
    }

    .subscribe-form .form-control {
        height: 45px;
        margin-bottom: 15px
    }

    .subscribe-form .au-btn {
        height: 40px
    }

    .event-col {
        height: 100%
    }

        .event-col .interior {
            padding: 0 24px 20px
        }

        .event-col .event-date {
            width: 82px;
            height: 82px
        }

            .event-col .event-date .inner .date {
                font-size: 40px
            }

            .event-col .event-date .inner .month {
                font-size: 14px
            }

    .page-breadcrumb {
        padding: 40px 0;
        margin-top: 0
    }

    .gallery div.row {
        margin-left: -20px;
        margin-right: -20px
    }

    .gallery div.col-md {
        padding-right: 10px;
        padding-left: 10px
    }

    .gallery .image-holder {
        margin-bottom: 20px
    }

        .gallery .image-holder h6 {
            font-size: 16px
        }

        .gallery .image-holder .inner {
            top: 10px;
            left: 10px;
            bottom: 10px;
            right: 10px
        }

    .masonry .masonry-wrapper {
        grid-gap: 20px
    }
}

@media (max-width:991px) {
    .degerler span {
        font-size: 35px !important
    }

    .bizkimiz .text-white {
        font-size: 30px
    }

    .bizkimiz p {
        line-height: 1.6
    }

    .section-primary.etkinlik {
        padding-bottom: 0 !important
    }

    .detay .post .col-lg-12 .post-thumb {
        float: none
    }

    .welcome .place-holder-1 {
        display: flex;
        justify-content: center;
        margin-bottom: 0 !important
    }

    .trait .image-holder img {
        width: 100%
    }

    .videotanitim {
        padding: 30px 0 30px 0px !important
    }

        .videotanitim iframe {
            height: 350px !important
        }

    .acc-theme-03 .accordion-01__title {
        font-size: 17px !important;
        padding: 16px 40px 16px 15px !important
    }

    .questions {
        padding: 30px 0 !important
    }

    .title-02 {
        font-size: 21px !important;
        padding-bottom: 13px !important;
        margin-bottom: 23px !important
    }

    .subscribe .image-holder {
        background: none !important
    }

    .nedenarti .row {
        padding: 11px 0
    }

    .image-holder img {
        margin-bottom: 0px !important
    }

    .item .image-holder img {
        margin-bottom: 0px !important
    }

    .etkinlikresim {
        padding: 28px 1px !important
    }

    .title h3 {
        font-size: 25px !important
    }

    .right .action {
        color: #fff !important
    }

    .comm-form {
        padding: 0 !important
    }

    .comment-part .owl-carousel .owl-item img {
        width: auto !important
    }

    .comment-owner {
        font-size: 15px !important
    }

    .testimonial-block-one .inner-box .text {
        line-height: 1.5 !important
    }

    .buttons .slide {
        z-index: 1
    }

    .contact-us {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .modal .subscribe-form {
        justify-content: flex-start
    }

    .modal .subscribe .form-control {
        width: 46% !important
    }

    .bd-example-modal-lg .subscribe-form {
        padding: 30px 10px 0 10px !important
    }

    .modal-dialog {
        max-width: 662px
    }

    .etkinlikler .hizmetlerdetay {
        padding: 0 0 60px 0 !important
    }

    #contact-us-page .contact-us #form-contact-status-error-1 {
        right: 86% !important
    }

    .contact-us #form-contact-status-error-1 {
        right: 82% !important
    }

    .section-primary.contact-us #form-contact-status-error-1 {
        top: 92% !important
    }

    .contact-banner {
        height: 350px !important
    }

    .iletisimbg {
        padding: 0 45px 0 45px !important
    }

    .contact-us-content {
        margin-bottom: 30px
    }

    .contact-us .subscribe-form .form-control {
        display: inline-block !important;
        width: 47%
    }

    .iletisimbg {
        padding: 39px 45px 0 45px
    }

    .contact-us .subscribe-form {
        padding: 0 45px 0 45px !important
    }

    #hizmetListesi .col-md-6 {
        margin-top: 30px !important
    }

    .blog-template-detail .blog-standard .post-thumb {
        margin-right: -194px !important
    }

    .blog .blog-standard .post .post-thumb img {
        width: 62% !important
    }

    .blog .diger .post .post-thumb img {
        width: 100% !important
    }

    .blog-template-detail .blog-standard.diger .post-thumb {
        margin-right: 0 !important
    }

    .brand {
        padding: 30px 0 30px !important
    }

    .gallery.wide .row {
        justify-content: space-around !important
    }

    .brand .col-md-3 {
        -ms-flex: 0 0 26%;
        flex: 0 0 26% !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        max-width: 26% !important
    }

    .nedenarti .pl-md-0 {
        padding-left: 17px !important
    }

    .nedenarti .section-header {
        margin-bottom: 3px !important
    }

    .nedenarti p {
        font-size: 12px;
        line-height: 1.6
    }

    .nedenarti h3 {
        font-size: 14px !important;
        margin-bottom: 17px
    }

    .nedenarti .about-us-col {
        padding: 22px 21px 21px
    }

    .about-us-col {
        margin-left: 0
    }

    .section-primary hr {
        margin-top: 2rem
    }

    .page-breadcrumb h3 {
        font-size: 24px !important
    }

    .blog-standard .post-body p {
        font-size: 14px !important
    }

    .blog-standard .post .post-body h4 {
        font-size: 17px
    }

    .blog-standard .post .post-body {
        padding-top: 0
    }

    .post .post-body.has-border h5, .post .post-body.has-border span {
        font-size: 17px;
        margin-bottom: 6px
    }

    .ft-top h6, .ft-top span {
        margin-top: 28px
    }

    .ft-top .ft-top-wrapper {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .getir-3 {
        order: 3
    }

    .social.round {
        padding: 30px 0
    }

    .subscribe .image-holder img {
        display: block
    }

    .subscribe .image-holder {
        position: relative !important
    }

    .subscribe-form .au-btn {
        width: 100% !important
    }

    .dogrula {
        order: 1 !important;
        display: flex
    }

    .subscribe .form-control {
        width: 48% !important
    }

    .subscribe-form h2 {
        font-size: 26px !important;
        margin-bottom: 6px !important
    }

    .section-primary.pt-133.pb-110 {
        padding-top: 23px;
        padding-bottom: 30px
    }

    main .food-slider {
        padding: 50px 0 50px 0 !important
    }

    .logo img {
        display: none
    }

    .logo {
        background: url(/images/logo-2.png) no-repeat center;
        width: 100%;
        height: 68px
    }

    .image-holder img {
        display: block
    }

    .image-holder {
        background: none !important
    }

    .click-to-top-whatsapp {
        height: 50px !important;
        width: 50px !important;
        right: 40px !important;
        bottom: 96px !important
    }

    .welcome-content .section-header {
        margin-bottom: 8px
    }

    .welcome.section-primary {
        padding-top: 45px !important;
        padding-bottom: 40px !important
    }

    .welcome-content .body p {
        margin-bottom: 8px
    }

    .section-header.text-left h1 {
        font-size: 23px !important
    }

    .tp-parallax-wrap .caption-4 {
        top: -6px !important
    }

    .action .au-btn {
        margin-right: 0
    }

    h1 {
        font-size: 45px
    }

    h2 {
        font-size: 35px
    }

    .etkinlik h3 {
        font-size: 35px !important
    }

    h3 {
        font-size: 30px
    }

    h5 {
        font-size: 17px
    }

    h6 {
        font-size: 15px
    }

    .shop-single .entry-summary {
        padding-left: 0;
        padding-top: 50px
    }

        .shop-single .entry-summary .product_title {
            font-size: 30px
        }

        .shop-single .entry-summary .price {
            font-size: 25px;
            margin-right: 20px;
            padding-left: 25px
        }

            .shop-single .entry-summary .price:before {
                width: 17px
            }

        .shop-single .entry-summary .star-rating {
            font-size: 15px
        }

        .shop-single .entry-summary .info {
            justify-content: flex-start
        }

    .price_slider_amount {
        flex-direction: column;
        align-items: flex-start
    }

        .price_slider_amount .price_label {
            margin-bottom: 10px
        }

    .cupcake-history {
        background: none !important
    }

        .cupcake-history .video {
            background: none !important;
            position: relative;
            margin-bottom: 70px
        }

            .cupcake-history .video img {
                display: block
            }

        .cupcake-history .content {
            background-size: cover;
            padding: 70px 45px 35px;
            height: auto
        }

    .up-row .special-cupcake-content {
        margin-right: 0
    }

    .down-row .special-cupcake-content {
        margin-left: 0
    }

    .blog-standard .blog-single .group-image .grid {
        grid-gap: 10px
    }

    .blog-standard .blog-single .comments-area .comments-item .thumb {
        max-width: 80px
    }

    .blog-standard .blog-single .comments-area .comments-group .comments-group {
        padding-left: 100px
    }

    .blog-standard .blog-single .post-navigation .text h6 {
        font-size: 16px
    }

    .blog-standard .post .post-date {
        width: 72px;
        height: 72px;
        right: 20px;
        top: 17px
    }

        .blog-standard .post .post-date .inner .date {
            font-size: 35px
        }

        .blog-standard .post .post-date .inner .month {
            font-size: 15px
        }

    .blog-masonry .post {
        margin-bottom: 40px
    }

    .blog-masonry.wide .container {
        max-width: 720px
    }

    .menu-page .menu-holder {
        flex-direction: column
    }

        .menu-page .menu-holder .menu-thumb {
            margin-bottom: 20px;
            margin-right: 0
        }

    .reservation form {
        padding-bottom: 60px
    }

        .reservation form .au-btn {
            margin-top: 40px
        }

    .error span {
        font-size: 200px
    }

    .coming-soon form .form-row {
        width: 550px
    }

    #contact-us-page .map-holder {
        height: 400px
    }

    .project .project-image {
        padding-right: 0;
        margin-bottom: 30px
    }

    .project .project-content {
        margin-left: 0
    }

    .bakery-grid-item.fix-image img {
        position: static;
        height: auto
    }

    .gallery.wide .image-holder .frame {
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px
    }

    .gallery.wide .image-holder h6 {
        font-size: 16px;
        margin-bottom: 4px
    }

    .gallery.wide .image-holder span {
        font-size: 15px
    }

    .page-info {
        height: 350px
    }

    .style-color-1 .blog-template .page-info {
        height: 350px !important
    }

    .page-info .section-header {
        bottom: 42%;
        transform: translate(-50%,50%);
        -webkit-transform: translate(-50%,50%);
        -moz-transform: translate(-50%,50%);
        -ms-transform: translate(-50%,50%);
        -o-transform: translate(-50%,50%)
    }

    .brand .brand-item.corner:before {
        width: 30px;
        height: 30px;
        bottom: -15px;
        right: -15px
    }

    .brand .brand-item {
        margin-bottom: 15px
    }

    .bakery-grid-item.is-bg {
        background: none !important
    }

        .bakery-grid-item.is-bg img {
            display: block
        }

    .bakery-thumbnail {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        flex-wrap: wrap
    }

        .bakery-thumbnail li {
            flex-grow: 1;
            margin-right: 20px
        }

            .bakery-thumbnail li:last-child {
                margin-right: 0
            }

    .special-grid .image-holder .inner {
        padding: 0 8px 0 5px
    }

    .our-menu-col.move-left, .our-menu-col.move-right {
        transform: translateX(0)
    }

    .coffee-material .bg-block {
        position: static
    }

    .coffee-material .left, .coffee-material .right {
        margin: 0
    }

    .about-us-col {
        padding: 39px 30px 36px
    }

    .coffee-wrapper .inner {
        padding: 57px 45px 13px;
        height: 1190px
    }

    .formbg .subscribe-form {
        height: 610px !important
    }

    .pizza .grid .pizza-item {
        width: 42%
    }

    .promotion-item {
        margin-bottom: 30px
    }

        .promotion-item .inner.top {
            top: 35px
        }

        .promotion-item .inner.right {
            right: 20px
        }

        .promotion-item .inner.left {
            left: 20px
        }

        .promotion-item .note h4 {
            font-size: 30px
        }

        .promotion-item .discount-box .text {
            font-size: 15px
        }

        .promotion-item .discount-box .price {
            font-size: 34px
        }

        .promotion-item .discount-text {
            margin-bottom: 24px
        }

            .promotion-item .discount-text h3 {
                font-size: 25px
            }

            .promotion-item .discount-text .percent {
                font-size: 40px
            }

        .promotion-item h2 {
            font-size: 35px
        }

        .promotion-item h3 {
            font-size: 20px
        }

        .promotion-item .au-btn {
            width: 118px;
            height: 33px
        }

    .block-banner.style-2 {
        height: 360px
    }

        .block-banner.style-2 h2 {
            font-size: 40px
        }

        .block-banner.style-2 img {
            max-width: 24%
        }

        .block-banner.style-2 .text .first-line span {
            font-size: 25px
        }

        .block-banner.style-2 .text .break {
            font-size: 40px
        }

        .block-banner.style-2 .number {
            font-size: 90px
        }

    #rev_slider_11 li:nth-child(2) .caption-3 {
        line-height: 1.6
    }

    .opening-block .end span {
        text-align: center;
        margin-top: 40px
    }

    .post.smaller .post-body {
        padding: 20px 0 0 0
    }

    .gallery-grid.no-gutter {
        grid-template-columns: auto auto
    }

        .gallery-grid.no-gutter .gallery-item:first-child {
            grid-area: 2 / 1 / span 2 / span 1
        }

        .gallery-grid.no-gutter .gallery-item:nth-child(4) {
            grid-area: 2 / 2 / span 2 / span 1
        }

    .about-us-board {
        width: 80%
    }

        .about-us-board .inner {
            padding: 44px 34px 31px
        }

        .about-us-board .heading h2 {
            font-size: 40px
        }

    .about-us-wrapper {
        padding: 89px 0 112px
    }

        .about-us-wrapper img {
            display: none
        }

    #rev_slider_11 li:first-child .caption-1:before, #rev_slider_11 li:first-child .caption-2:before {
        top: 0;
        left: 0;
        width: calc(100% - 1px)
    }

    #rev_slider_11 li:first-child .caption-1:after, #rev_slider_11 li:first-child .caption-2:after {
        width: calc(100% - 1px);
        bottom: 2px;
        left: 0
    }

    .menu-item h5 .dots {
        transform: translateY(-5px)
    }

    .gallery-grid.has-gutter {
        grid-gap: 13px 12px
    }

    .service-image {
        text-align: center;
        margin-bottom: 80px
    }

        .service-image img {
            display: inline-block;
            width: 100%;
            height: 400px
        }

    .our-story-primary.style-1 .inner {
        width: 70%
    }

    .slideshow-form.on-mobile .inner .form-holder {
        margin-right: 20px
    }

    .slideshow-form.on-mobile .inner button {
        width: 120px
    }

    .page-wrapper main .container, .page-wrapper main .our-menu .container {
        max-width: 600px
    }

    .navbar-desktop {
        display: none
    }

    .navbar-mobile {
        display: block
    }

    .post {
        margin-bottom: 30px
    }

        .post .post-body {
            padding-bottom: 10px
        }

    .section-primary, .section-primary.pt-100, .section-primary.pt-112, .section-primary.pt-120, .section-primary.pt-133, .section-primary.pt-140, .section-primary.pt-150, .section-primary.pb-101, .section-primary.pb-110, .section-primary.pb-113, .section-primary.pb-120 {
        padding-top: 55px;
        padding-bottom: 80px
    }

    .section-header {
        margin-bottom: 50px
    }

        .section-header h2 {
            margin-bottom: 10px
        }

        .section-header span {
            font-size: 25px
        }

    .our-service-col {
        margin-bottom: 30px;
        height: auto
    }

    .our-story .image-wrapper {
        width: 100%
    }

    .our-story-primary.style-2 {
        position: static;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        width: 100%
    }

    .our-menu-board .our-menu-col.right {
        padding-left: 0
    }

    .our-menu-board .our-menu-col.left {
        padding-right: 0
    }

    .our-menu-board .inner {
        padding: 55px 20px 44px
    }

    .booking .booking-content {
        padding: 48px 51px 38px
    }

    .form-row .form-col {
        margin-right: 30px
    }

    .feature-content .heading {
        margin-bottom: 10px
    }

        .feature-content .heading h3 {
            font-size: 26px
        }

        .feature-content .heading span {
            font-size: 20px
        }

    .feature-content .body p {
        height: 100.8px
    }

    .feature-content .body .star-rating {
        margin-bottom: 35px
    }

    .trait .image-holder {
        background: none
    }

        .trait .image-holder img {
            display: block !important
        }

    .trait-content {
        justify-content: space-around
    }

    .trait-col {
        width: 50%;
        margin-right: 0;
        margin-bottom: 53px
    }

        .trait-col h5 {
            margin-top: 23px;
            margin-bottom: 13px
        }

    .feature-small img {
        width: 60% !important
    }

    .feature-small .item-info .price {
        font-size: 15px
    }

    .feature-slider span.lnr {
        font-size: 20px;
        top: 30px
    }

        .feature-slider span.lnr.lnr-chevron-left {
            left: -17px
        }

        .feature-slider span.lnr.lnr-chevron-right {
            right: -17px
        }

    .heading .notify {
        margin-right: 10px
    }

    .hc-mobile-nav .nav-container {
        min-width: 310px
    }

    .welcome .image-group {
        margin-bottom: 50px
    }

    .our-story .image-holder {
        background: none
    }

        .our-story .image-holder img {
            display: block !important;
            width: 100%;
            margin-bottom: 0px !important
        }

    .ft-top .ft-col.pl-50 {
        padding-left: 15px
    }

    .ft-top .ft-col.pl-30 {
        padding-left: 44px
    }

    .section-reservation .opening-time {
        width: 100%;
        margin-right: 0;
        margin-bottom: 70px
    }

    .section-reservation .reservation-tab {
        padding-left: 0
    }

    .reservation-tab .booking-form .form-inner .form-col {
        width: 45%
    }

    .widget_shopping_cart_content {
        width: 270px;
        padding: 25px 20px
    }

        .widget_shopping_cart_content .woocommerce-mini-cart__total {
            font-size: 15px
        }

    .page-wrapper {
        display: block
    }

        .page-wrapper header, .page-wrapper main {
            width: 100%
        }

    .section-form .form-col {
        width: 45%
    }

    .our-story .image-bg {
        background: none
    }

        .our-story .image-bg img {
            display: block
        }

    .menu-wrapper .inner {
        padding: 20px 10px 0;
        border: none
    }

    .middle-wrapper {
        min-width: auto
    }

    body.center {
        display: block
    }

    .page-bg {
        position: static
    }

    .rev_slider_wrapper.px-30 {
        padding: 0
    }

    .middle-wrapper .container {
        max-width: 720px
    }

    .booking-block {
        height: 390px
    }

        .booking-block .inner {
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            width: 80%
        }

    .special-box-slider {
        position: static
    }

        .special-box-slider .container {
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            justify-content: center
        }

        .special-box-slider .owl-carousel {
            transform: translateY(30px);
            -webkit-transform: translateY(30px);
            -moz-transform: translateY(30px);
            -ms-transform: translateY(30px);
            -o-transform: translateY(30px);
            width: 300px
        }

    .block-banner.style-1 {
        height: 350px
    }

        .block-banner.style-1 .inner {
            right: 20px
        }

        .block-banner.style-1 h3 {
            font-size: 16px;
            margin-bottom: 20px
        }

        .block-banner.style-1 h2 {
            font-size: 31px
        }

        .block-banner.style-1 p {
            font-size: 12px;
            margin-bottom: 30px
        }

    .ft-push {
        position: static
    }

    .ft-image {
        background: none
    }

    .ft-top.fixed {
        padding: 40px 0
    }

    .ft-upper {
        height: auto
    }

    .menu-holder.left-40 {
        padding-right: 15px
    }

    .menu-holder.right-40 {
        padding-left: 15px
    }

    .our-menu-block .our-menu-col {
        width: 60%;
        padding: 44px 34px
    }

    .subscribe-form .section-header {
        margin-bottom: 21px
    }

        .subscribe-form .section-header h2 {
            font-size: 30px
        }

        .subscribe-form .section-header span {
            font-size: 20px
        }

    .subscribe-form .form-row {
        display: block
    }

    .subscribe-form .form-control {
        height: 45px;
        margin-bottom: 15px
    }

    .subscribe-form .au-btn {
        height: 40px
    }

    .event-col {
        height: 100%
    }

        .event-col .interior {
            padding: 0 24px 20px
        }

        .event-col .event-date {
            width: 82px;
            height: 82px
        }

            .event-col .event-date .inner .date {
                font-size: 40px
            }

            .event-col .event-date .inner .month {
                font-size: 14px
            }

    .page-breadcrumb {
        padding: 40px 0;
        margin-top: 0
    }

    .gallery div.row {
        margin-left: -20px;
        margin-right: -20px
    }

    .gallery div.col-md {
        padding-right: 10px;
        padding-left: 10px
    }

    .gallery .image-holder {
        margin-bottom: 20px
    }

        .gallery .image-holder h6 {
            font-size: 16px
        }

        .gallery .image-holder .inner {
            top: 10px;
            left: 10px;
            bottom: 10px;
            right: 10px
        }

    .masonry .masonry-wrapper {
        grid-gap: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-mobile .container {
        max-width: 771px
    }

    .widget_person {
        padding: 10px
    }

        .widget_person img {
            max-width: 90%
        }

    .widget_recent_entries .latest-post__item {
        flex-direction: column;
        align-items: flex-start
    }

        .widget_recent_entries .latest-post__item .thumb {
            margin-right: 0;
            margin-bottom: 10px
        }
}

@media (max-width:767px) {
    .blog-template-detail .post .post-body span {
        display: block !important;
    }
    .etkinlik h3 {
        font-size: 30px !important
    }

    .degerler span {
        font-size: 30px !important
    }

    .videotanitim iframe {
        height: 300px !important
    }

    .istirak .image-holder img {
        max-width: 100px
    }

    main .section-primary .resim hr {
        margin-top: 1rem !important
    }

    .title {
        margin-top: 10px
    }

    .blog-template-detail .post-body {
        float: left !important
    }

    .comment .col-sm-4 {
        flex: 0 0 99.333333% !important;
        max-width: 99.333333% !important
    }

    .testimonial-block-one .inner-box .text {
        max-width: 400px !important
    }

    .buttons .slide li {
        padding: 8px 25px !important
    }

    .logo {
        width: 81%
    }

    .blog-standard .blog-post .col-lg-6 {
        -ms-flex: 0 0 99% !important;
        flex: 0 0 99% !important;
        max-width: 99% !important
    }

    .modal .formbg .subscribe-form {
        height: 560px !important
    }

    .blog-template-detail.blog .blog-standard .post {
        display: flex !important;
        flex-wrap: wrap
    }

    .blog-template-detail .post-body {
        padding-top: 0px !important
    }

    .blog-template-detail .post .post-body p {
        margin-top: -3px !important
    }

    .blog .blog-standard .post .post-thumb img {
        width: 100% !important
    }

    .etkinlikler .post .post-body.has-border {
        padding-left: 16px !important;
        padding-right: 16px;
        padding-bottom: 16px
    }

    .description-succes {
        font-size: 24px !important
    }

    .contact-us .subscribe-form {
        padding: 0 !important
    }

    .blog-template-detail .blog-standard .post-thumb {
        margin-right: 0 !important
    }

    .blog-template-detail .blog-standard .post .post-body h4 {
        font-size: 20px
    }

    .blog-template-detail .post-body {
        display: block !important;
        padding-left: 4px !important
    }

    .blog-standard .post .post-thumb img {
        width: 100% !important
    }

    .post .post-body.has-border {
        padding-left: 9px;
        padding-right: 9px
    }

    .nedenarti .row {
        padding: 6px 0 !important
    }

    .nedenarti .pl-md-0 {
        padding-left: 15px !important
    }

    .detay .blog-masonry .post {
        margin-bottom: 20px
    }

    main .section-primary hr {
        margin-top: -1rem !important
    }

    .blog-standard .post .post-body h4 {
        margin-bottom: 5px
    }

    .blog-standard .post .post-body {
        padding-top: 16px
    }

    .blog-template-detail.blog .blog-standard .post {
        display: flex !important
    }

    .post .col-lg-6 {
        -ms-flex: 0 0 99% !important;
        flex: 0 0 99% !important;
        max-width: 99% !important;
        display: block !important
    }

    .page-breadcrumb h3 {
        font-size: 19px !important
    }

    .ft-top .ft-logo {
        margin-bottom: 20px !important
    }

    .partner {
        padding: 50px 0 0
    }

    .istirak {
        padding: 40px 0 40px 0 !important
    }

    .subscribe .form-control {
        width: 44% !important
    }

    .owl-carousel .owl-item img {
        width: 100% !important
    }

    main .food-slider {
        padding: 50px 0 0 0 !important
    }

    .click-to-top-whatsapp {
        right: 32px !important
    }

    .welcome-content .section-header {
        margin-bottom: 7px !important
    }

    .welcome .image-group {
        margin-bottom: 0
    }

    .tp-parallax-wrap .caption-4 {
        top: -32px !important
    }

    h1 {
        font-size: 35px
    }

    h2 {
        font-size: 30px
    }

    h3 {
        font-size: 25px
    }

    h5 {
        font-size: 16px
    }

    h6 {
        font-size: 14px
    }

    .sorting .woocommerce-ordering {
        flex-direction: column;
        align-items: flex-start
    }

        .sorting .woocommerce-ordering .woocommerce-result-count {
            margin-bottom: 10px
        }

    .widget_featured_product .featured-product__item {
        flex-direction: row;
        align-items: center
    }

        .widget_featured_product .featured-product__item .thumb {
            margin-right: 13px;
            margin-bottom: 0
        }

    .cupcake-history .video .play-button {
        font-size: 60px
    }

    .cupcake-history .content {
        padding: 70px 20px 35px
    }

    .menu-page .menu-holder.left, .menu-page .menu-holder.right {
        padding: 0 15px
    }

    .coming-soon .inner {
        width: 100%
    }

    .coming-soon h1 {
        margin-bottom: 41px;
        font-size: 30px
    }

    .coming-soon .time {
        margin-bottom: 33px
    }

        .coming-soon .time .time-box {
            margin: 0 15px
        }

            .coming-soon .time .time-box .time-number {
                font-size: 36px
            }

            .coming-soon .time .time-box .time-unit {
                font-size: 16px
            }

    .coming-soon form .form-row {
        width: auto;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        margin-bottom: 30px
    }

    .coming-soon form .form-col {
        margin-right: 15px;
        margin-bottom: 0
    }

    .coming-soon form .form-control, .coming-soon form .au-btn {
        height: 37px
    }

    .contact-us-content {
        margin-bottom: 20px
    }

    .page-breadcrumb.wide {
        padding-left: 0;
        padding-right: 0
    }

    .gallery div.row {
        margin-left: -15px;
        margin-right: -15px
    }

    .gallery div.col-md {
        padding-right: 15px;
        padding-left: 15px
    }

    .gallery.wide {
        padding: 30px 0
    }

    .page-info .section-header {
        width: 100%
    }

    .hc-mobile-nav .nav-container {
        min-width: 250px
    }

    .coffee-wrapper {
        padding: 15px
    }

        .coffee-wrapper .inner {
            padding: 27px 15px 13px;
            height: auto
        }

    .coffee-material .left, .coffee-material .right {
        text-align: center
    }

    .coffee-material .left {
        margin-bottom: 40px;
        margin-top: 30px
    }

        .coffee-material .left .heading {
            -webkit-display: flex;
            -moz-display: flex;
            -ms-display: flex;
            -o-display: flex;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .coffee-material .left .heading span {
                order: 1;
                margin-right: 21px
            }

            .coffee-material .left .heading h5 {
                order: 2;
                margin-right: 0
            }

    .coffee-material-box {
        margin-bottom: 40px
    }

    .section-primary, .section-primary.pt-100, .section-primary.pt-112, .section-primary.pt-120, .section-primary.pt-133, .section-primary.pt-140, .section-primary.pt-150, .section-primary.pb-60, .section-primary.pb-101, .section-primary.pb-110, .section-primary.pb-113, .section-primary.pb-120 {
        padding-top: 35px;
        padding-bottom: 50px
    }

    .section-header span {
        font-size: 20px
    }

    .ft-top .ft-top-wrapper, .ft-top .ft-top-wrapper.pb-54 {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .ft-col {
        margin-bottom: 10px
    }

        .ft-col:last-child {
            margin-bottom: 0
        }

    .ft-top h6, .ft-top span {
        margin-bottom: 18px
    }

    .ft-top .form-inner {
        margin-bottom: 17px
    }

    .ft-top .ft-col.pl-30 {
        padding-left: 15px
    }

    .ft-top .ft-col.pl-64 {
        padding-left: 15px
    }

    .ft-top .ft-col.mt-51 {
        margin-top: 0
    }

    .booking .image-holder {
        height: 0
    }

    .booking .booking-content {
        padding: 48px 20px 38px
    }

    .form-row {
        display: block
    }

        .form-row .form-col {
            width: 100%;
            margin-right: 0;
            margin-bottom: 43px
        }

        .form-row:last-child .form-col {
            margin-bottom: 0
        }

    .our-menu {
        background-size: cover
    }

    .our-menu-col {
        margin-bottom: 50px
    }

        .our-menu-col .heading .icon, .our-menu-col .heading .icon.mt-12, .our-menu-col .heading .icon.mt-4px {
            margin-top: 0
        }

        .our-menu-col.left {
            padding-right: 0
        }

        .our-menu-col.right {
            padding-left: 0
        }

        .our-menu-col .mt-60 {
            margin-top: 0
        }

    .feature-content {
        margin-top: 30px
    }

        .feature-content span.lnr {
            display: none
        }

        .feature-content .heading {
            margin-bottom: 18px
        }

            .feature-content .heading h3 {
                font-size: 23px
            }

            .feature-content .heading span {
                font-size: 17px
            }

        .feature-content .body p {
            height: auto;
            margin-bottom: 21px
        }

        .feature-content .body .star-rating {
            margin-bottom: 45px
        }

    .feature-small img {
        width: 100% !important
    }

    .feature-small .item-info {
        margin-top: 20px
    }

        .feature-small .item-info .price {
            font-size: 14px
        }

    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 30px
    }

    .form-control {
        font-size: 15px
    }

        .form-control::-webkit-input-placeholder {
            font-size: 15px
        }

        .form-control::-moz-placeholder {
            font-size: 15px
        }

        .form-control:-ms-input-placeholder {
            font-size: 15px
        }

        .form-control:-moz-placeholder {
            font-size: 15px
        }

    #modalSearch .modal-dialog {
        max-width: 80%
    }

    .navbar-mobile span.search-icon {
        font-size: 20px
    }

    .our-menu-block {
        display: block;
        margin-bottom: 60px
    }

        .our-menu-block .au-btn__readmore {
            margin-top: 0
        }

        .our-menu-block .our-menu-col {
            position: static;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            padding: 30px 0 0;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            width: 100%
        }

            .our-menu-block .our-menu-col.no-style {
                margin-top: 0
            }

    .ml--10 {
        margin-left: 0
    }

    .trait-content {
        padding: 25px 10px
    }

    .our-story-primry.style-1 .inner {
        width: 100%;
        padding: 50px 20px
    }

    .our-story-primary.style-2 .interior {
        padding: 30px 15px
    }

    .our-story-primary.style-2 .heading h2 {
        font-size: 50px
    }

    .our-menu.bg-4 {
        background: none
    }

    .our-menu-board {
        padding: 0
    }

        .our-menu-board .inner {
            padding: 0
        }

    #rev_slider_5 li:last-child .caption-2:before, #rev_slider_5 li:last-child .caption-2:after {
        width: 10px;
        height: 9px
    }

    #rev_slider_5 li:last-child .caption-2:after {
        right: -20px
    }

    #rev_slider_5 li:last-child .caption-2:before {
        left: -20px
    }

    .reservation-tab ul {
        display: block
    }

        .reservation-tab ul li a {
            margin: 0 0 10px;
            font-size: 20px
        }

    .reservation-tab .booking-form {
        margin-top: 30px
    }

        .reservation-tab .booking-form p:first-child {
            padding: 0
        }

        .reservation-tab .booking-form .form-inner .form-col {
            width: 100%
        }

    .section-reservation .opening-time {
        margin-bottom: 50px
    }

    .post.has-mb {
        margin-bottom: 40px
    }

    .post .post-body .post-date--style.right span.month {
        transform: translateY(-17px);
        -webkit-transform: translateY(-17px);
        -moz-transform: translateY(-17px);
        -ms-transform: translateY(-17px);
        -o-transform: translateY(-17px)
    }

    .post .post-body .post-date--style.right span.date {
        transform: translateX(-18px);
        -webkit-transform: translateX(-18px);
        -moz-transform: translateX(-18px);
        -ms-transform: translateX(-18px);
        -o-transform: translateX(-18px)
    }

    .cate-box {
        padding: 0
    }

    .our-story-primary.style-2.fixed .interior {
        padding: 30px 20px
    }

    .gallery-grid {
        display: block
    }

        .gallery-grid .gallery-item {
            margin-bottom: 20px
        }

            .gallery-grid .gallery-item.last-child {
                margin-bottom: 0
            }

        .gallery-grid.has-gutter {
            padding: 0
        }

    .section-form .form-col {
        width: 100%
    }

    .wish {
        height: 350px
    }

        .wish h3 {
            font-size: 40px
        }

        .wish p {
            font-size: 14px
        }

    .slideshow-form.on-mobile .inner {
        flex-direction: column
    }

        .slideshow-form.on-mobile .inner .form-holder {
            margin-right: 0;
            margin-bottom: 20px
        }

        .slideshow-form.on-mobile .inner button {
            margin: auto;
            margin-top: 20px
        }

    .our-story-primary.style-1 {
        padding: 35px 15px
    }

        .our-story-primary.style-1 .inner {
            width: 100%
        }

    .menu-navigation ul {
        flex-wrap: wrap
    }

        .menu-navigation ul li {
            margin-right: 0 !important;
            width: 50%;
            margin-bottom: 40px
        }

    .menu-wrapper {
        padding: 0;
        margin: 0 -15px
    }

        .menu-wrapper .inner {
            padding: 30px 15px 0;
            border: none
        }

    .menu-holder .menu-thumb {
        margin-right: 0;
        text-align: center
    }

    .menu-holder.fixed {
        flex-direction: column
    }

        .menu-holder.fixed .menu-thumb {
            margin-bottom: 20px;
            margin-right: 0
        }

    #rev_slider_6 li:last-child .caption-2 {
        overflow: auto !important
    }

    .service-image {
        margin-bottom: 50px
    }

        .service-image img {
            height: auto
        }

    .special-box-slider .owl-carousel {
        width: 100%
    }

    .our-menu-col.mt-60 {
        margin-top: 0
    }

    .middle-image {
        margin-bottom: 50px
    }

        .middle-image img {
            max-width: 65%
        }

    .block-banner.style-1 .inner {
        background: rgba(0,0,0,.4);
        right: 0;
        width: 100%;
        padding: 0 15px
    }

    .block-banner.style-1 h3, .block-banner.style-1 p {
        color: #fff
    }

    .block-banner.style-1 img {
        filter: brightness(0) invert(1)
    }

    .ft-top.fixed {
        padding: 70px 0 40px
    }

    .grid-image .grid-item .item-info h4 {
        font-size: 16px;
        margin-bottom: 0
    }

    .grid-image .grid-item .item-info .star-rating {
        margin-bottom: 0;
        font-size: 12px
    }

        .grid-image .grid-item .item-info .star-rating i {
            margin-right: 2px
        }

    .grid-image .grid-item .item-info .price {
        font-size: 12px
    }

    .trait-content.re-style {
        padding: 60px 0 70px
    }

    .testimonials-2 {
        margin-top: 40px
    }

    .flipster-item .content {
        padding: 0 108px;
        height: 420px
    }

    .flipster__nav {
        display: block;
        order: 1;
        margin: 60px 0 0
    }

    .flipster__item--current .flipster__item__content {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none
    }

    .about-us-wrapper {
        padding: 50px 0 50px
    }

    .about-us-board {
        width: 100%;
        padding: 10px
    }

        .about-us-board .inner {
            padding: 50px 20px
        }

        .about-us-board .heading h2 {
            font-size: 35px
        }

        .about-us-board p {
            margin-bottom: 30px
        }

    .our-menu-wrapper .menu-holder.fixed .menu-thumb {
        margin-bottom: 10px;
        margin-right: 0
    }

    .our-menu-wrapper .menu-holder.fixed .menu-item {
        padding: 10px
    }

    .our-menu-wrapper .menu-holder.fixed.right-40, .our-menu-wrapper .menu-holder.fixed.left-40 {
        padding: 0
    }

    .our-menu-wrapper .right-content {
        padding: 15px
    }

        .our-menu-wrapper .right-content .inner {
            padding: 60px 10px 60px
        }

        .our-menu-wrapper .right-content .content {
            padding: 0 15px
        }

    #rev_slider_12 li:nth-child(2) .caption-4 svg {
        transform: translate(-50%,-50%) scale(.35);
        -webkit-transform: translate(-50%,-50%) scale(.35);
        -moz-transform: translate(-50%,-50%) scale(.35);
        -ms-transform: translate(-50%,-50%) scale(.35);
        -o-transform: translate(-50%,-50%) scale(.35)
    }

    .promotion-item .inner.top {
        top: 8%
    }

    .promotion-item h2 {
        font-size: 30px;
        margin-top: 8px
    }

    .promotion-item .note h4 {
        font-size: 25px
    }

    .promotion-item h3 {
        font-size: 16px
    }

    .promotion-item .discount-box .text {
        font-size: 12px
    }

    .promotion-item .discount-box .price {
        font-size: 29px
    }

    .promotion-item .inner.right {
        right: 5%
    }

    .promotion-item .inner.left {
        left: 4%
    }

    .promotion-item .discount-text h3 {
        font-size: 20px
    }

    .promotion-item .discount-text .percent {
        font-size: 30px
    }

    .promotion-item .au-btn {
        width: 108px;
        height: 28px
    }

    .pizza .grid {
        padding: 0 15px
    }

        .pizza .grid .pizza-item {
            width: 100%;
            margin-right: 0
        }

            .pizza .grid .pizza-item:nth-child(3) {
                margin-bottom: 30px
            }

    .pizza-item.has-mb {
        margin-bottom: 30px
    }

    .event-col {
        margin-bottom: 30px;
        height: auto
    }

    .block-banner.style-2 .inner {
        left: 50%
    }

    .block-banner.style-2 h2 {
        font-size: 35px;
        margin-bottom: 10px
    }

    .block-banner.style-2 .text .first-line span {
        font-size: 20px
    }

    .block-banner.style-2 .text .break {
        font-size: 35px
    }

    .block-banner.style-2 .number {
        font-size: 60px
    }

    .block-banner.style-2:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5)
    }

    .subscribe .image-holder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .formbg .subscribe-form {
        height: 640px !important
    }

    .subscribe-form p {
        color: #fff
    }

    .promotion-item.is-bg {
        height: auto
    }

        .promotion-item.is-bg #promotion-1 {
            position: static
        }

    .about-us .image-holder img {
        height: auto
    }

    .bakery-menu-item img {
        max-width: 70%
    }

    .bakery-thumbnail li:nth-child(2) {
        margin-right: 0
    }

    .bakery-content {
        display: block
    }

        .bakery-content .bakery-right {
            width: 100%
        }

        .bakery-content .image-holder {
            margin: 40px 0 40px;
            width: 100%
        }

            .bakery-content .image-holder img {
                max-width: 70%
            }

    .brand .brand-item.corner:before {
        display: none
    }

    .brand .brand-item {
        border: 1px solid #e6e6e6 !important;
        margin-bottom: 30px
    }

    .section-primary.has-overlay {
        position: relative
    }

        .section-primary.has-overlay:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,.5)
        }

    .testimonials-2-carousel span {
        display: none
    }

    .page-breadcrumb h3 {
        font-size: 25px;
        margin-bottom: 10px
    }

    .special-grid .image-holder.fix-image img {
        position: static;
        height: auto
    }

    .masonry .masonry-wrapper {
        display: block
    }

        .masonry .masonry-wrapper .image-holder {
            margin-bottom: 15px
        }

            .masonry .masonry-wrapper .image-holder.fix-image img {
                position: static;
                height: auto
            }

            .masonry .masonry-wrapper .image-holder:last-child {
                margin-bottom: 0
            }

    .error .inner {
        width: 100%;
        padding: 0 30px
    }

    .error span {
        font-size: 95px;
        margin-bottom: 10px
    }

    .error h3 {
        font-size: 18px
    }

    .error p {
        margin-bottom: 27px
    }

    .reservation form {
        display: block
    }

        .reservation form .form-col {
            margin-bottom: 20px
        }

        .reservation form .au-btn {
            margin-top: 20px
        }

    .reservation .info .support {
        padding-top: 27px
    }

    .sidebar {
        margin-top: 50px
    }

    .blog-standard .blog-post, .blog-standard .blog-single {
        padding-right: 0
    }

        .blog-standard .blog-post .post {
            margin-bottom: 49px
        }

            .blog-standard .blog-post .post:last-child {
                margin-bottom: 42px
            }

    .blog-standard.left-sidebar .blog-post {
        padding-left: 0
    }

    .blog-standard .post .end {
        flex-direction: column;
        align-items: flex-start
    }

    .blog-standard .post .au-btn__readmore {
        order: 1;
        margin-bottom: 20px
    }

    .blog-standard .post .post-meta {
        order: 2
    }

    .blog-standard .post .post-author {
        margin-bottom: 10px
    }

    .blog-standard .post .post-date .inner .date {
        font-size: 21px
    }

    .blog-standard .post .post-date .inner .month {
        font-size: 14px
    }

    .blog-standard .blog-single .author-board p {
        width: 100%
    }

    .blog-standard .blog-single .post-navigation .navigation.right .arrow {
        margin-left: 10px
    }

    .blog-standard .blog-single .post-navigation .navigation.left .arrow {
        margin-right: 10px
    }

    .blog-standard .blog-single .post-navigation .arrow {
        font-size: 15px
    }

    .blog-standard .blog-single .group-image .grid .image-holder:last-child {
        margin-bottom: 0
    }

        .blog-standard .blog-single .group-image .grid .image-holder:last-child img {
            position: static;
            height: auto
        }

    .blog-standard .blog-single .group-image .grid {
        display: block
    }

        .blog-standard .blog-single .group-image .grid .image-holder {
            margin-bottom: 15px
        }

    .blog-standard .blog-single .quote {
        margin-left: 30px
    }

    .blog-standard .blog-single .comments-area .comments-item {
        flex-direction: column
    }

        .blog-standard .blog-single .comments-area .comments-item .thumb {
            margin-right: 0;
            margin-bottom: 20px
        }

        .blog-standard .blog-single .comments-area .comments-item .heading {
            flex-direction: column
        }

    .blog-standard .blog-single .comments-area .comments-group .comments-group {
        padding-left: 40px
    }

    .blog-standard .blog-single .comments-area > .comments-group {
        margin-bottom: 0
    }

    .special-cupcake .image-holder {
        text-align: center
    }

        .special-cupcake .image-holder img {
            max-width: 80%
        }

    .cd-horizontal-timeline .events-wrapper {
        height: 80px
    }

    .shop-list.wide {
        padding-top: 20px !important
    }

        .shop-list.wide .container-fluid {
            padding-left: 20px;
            padding-right: 20px
        }

    .products .item .thumb .add_to_cart_button {
        font-size: 15px
    }

    .products .item:hover .thumb .add_to_cart_button {
        height: 42px
    }

    .woocommerce-tabs {
        margin-top: 50px
    }

        .woocommerce-tabs .tabs {
            flex-direction: column
        }

            .woocommerce-tabs .tabs li {
                margin-bottom: 5px
            }

                .woocommerce-tabs .tabs li a {
                    padding: 0 20px 0 0
                }

    #add-info .shop_attributes th, #add-info .shop_attributes td {
        padding: 0 20px
    }

    .shop-single #shop-single-thumb {
        margin-top: 10px
    }

        .shop-single #shop-single-thumb a {
            margin-right: 10px
        }

    .shop-single .entry-summary .product_title {
        font-size: 25px
    }

    .shop-single .entry-summary .price {
        font-size: 20px;
        margin-right: 20px
    }

    .shop-single .entry-summary .star-rating {
        font-size: 14px
    }

    .woocommerce-cart-form table thead {
        display: none
    }

    .woocommerce-cart-form table tbody td {
        width: 100% !important;
        border: none;
        -webkit-display: flex !important;
        -moz-display: flex !important;
        -ms-display: flex !important;
        -o-display: flex !important;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 16px 0
    }

        .woocommerce-cart-form table tbody td:before {
            content: attr(data-title) ": ";
            font-size: 20px;
            color: #333;
            font-weight: 600
        }

        .woocommerce-cart-form table tbody td.product-remove.none {
            display: none !important
        }

        .woocommerce-cart-form table tbody td.product-remove:before, .woocommerce-cart-form table tbody td.cart-subtotal:before, .woocommerce-cart-form table tbody td.actions:before {
            display: none
        }

        .woocommerce-cart-form table tbody td.product-remove, .woocommerce-cart-form table tbody td.product-thumbnail, .woocommerce-cart-form table tbody td.cart-subtotal {
            justify-content: center
        }

        .woocommerce-cart-form table tbody td.product-name, .woocommerce-cart-form table tbody td.product-remove {
            padding-left: 0
        }

        .woocommerce-cart-form table tbody td.product-remove {
            padding-top: 40px
        }

        .woocommerce-cart-form table tbody td.product-thumbnail {
            padding-bottom: 30px
        }

        .woocommerce-cart-form table tbody td.product-subtotal {
            padding-bottom: 40px
        }

        .woocommerce-cart-form table tbody td.cart-subtotal {
            padding-right: 0
        }

        .woocommerce-cart-form table tbody td .quantity {
            margin-right: 0
        }

    .woocommerce-cart-form table .actions {
        padding: 40px 0 20px
    }

    .woocommerce-cart-form table .coupon {
        width: 100%
    }

    .woocommerce-cart-form .bottom {
        flex-direction: column;
        align-items: center;
        margin-top: 30px
    }

    .woocommerce-cart-form .update-btn {
        margin-bottom: 20px
    }

    .our-story-primary.style-3 .heading h2 {
        font-size: 45px
    }

    .our-story-primary.style-3 .inner {
        padding: 50px 0;
        width: 100%
    }

    .our-service-full {
        width: 100%;
        padding: 50px 0
    }

    .our-menu-full {
        padding: 50px 0
    }

    .testimonials-2.full .item p {
        width: 100%
    }

    .section-form.full {
        padding: 50px 0
    }

        .section-form.full .form-col {
            width: 100%
        }

    .full-col {
        display: block
    }

    .food-slider .owl-theme .owl-nav.disabled + .owl-dots {
        margin-bottom: 30px
    }

    #rev_slider_5.has-shadow .tp-bgimg.defaultimg:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.4)
    }
}

@media (max-width:576px) {
    .etkinlik h3 {
        font-size: 24px !important
    }

    .bottom {
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start
    }

    .share {
        padding-top: 13px
    }

    .our-story-primary.style-1 p {
        line-height: 1.6
    }

    .action .au-btn {
        width: 77px !important;
        font-size: 11px !important;
        padding-top: 15px;
        padding-bottom: 14px
    }

    .buttons {
        margin-left: 0 !important
    }

    .section-header.text-left h1 {
        font-size: 19px !important
    }

    .acc-theme-03 .accordion-01__title {
        font-size: 15px !important
    }

    .title-02 {
        font-size: 19px !important
    }

    .etkinlikresim .col-6:nth-child(odd) {
        padding-right: 3px
    }

    .click-to-top-whatsapp {
        right: 21px !important
    }

    .comment {
        padding: 40px 0 !important
    }

    .comm-form .comm-head-three {
        font-size: 20px !important
    }

    .comm-form .form-control {
        margin-bottom: 20px !important
    }

    .comm-form {
        padding: 0 20px !important
    }

    .comment-owner {
        margin-bottom: 0 !important
    }

    .comment-part .col-sm-12 {
        flex: 0 0 90% !important;
        max-width: 90% !important
    }

    .testimonial-block-one .inner-box .text {
        max-width: 340px !important
    }

    .buttons nav {
        width: 70% !important;
        float: right
    }

    .buttons .slide li {
        padding: 8px 22px !important
    }

    .buttons li a {
        font-size: 13px !important
    }

    .buttons label span {
        font-size: 13px !important
    }

    .buttons {
        margin-left: 13px
    }

    .contact-us {
        padding-top: 30px !important;
        padding-bottom: 50px !important
    }

    .contact-us-content .contact-us-col .body {
        margin-bottom: 25px
    }

    .body .address span {
        display: block !important
    }

    .address p {
        flex: 0 0 99% !important;
        max-width: 99% !important;
        padding: 0 32px 13px 0
    }

    .modal {
        top: 46px !important
    }

        .modal .formbg .subscribe-form {
            height: 693px !important
        }

        .modal .subscribe .form-control {
            width: 97% !important
        }

    .logo {
        width: 61% !important;
        height: 47px !important;
        background-size: contain !important
    }

    .contact-us #form-contact-status-error-1 h2 {
        font-size: 18px !important
    }

    #contact-us-page .contact-us #form-contact-status-error-1 {
        right: 83% !important
    }

    .description-succes {
        font-size: 18px !important
    }

    .contact-us .subscribe-form .form-control {
        padding: 0
    }

    .iletisimbg {
        padding: 20px 45px 60px 45px !important
    }

    .contact-us .subscribe-form .form-control {
        width: 99%
    }

    .contact-us-content {
        margin-bottom: 28px
    }

        .contact-us-content h3 {
            font-size: 22px
        }

    .contact-us-content {
        margin-left: 15px !important
    }

    .blog-template-detail .post .post-body p {
        margin-top: 2px !important
    }

    .blog-template-detail .blog-standard .post .post-body h4 {
        font-size: 16px
    }

    .blog-template-detail .post-body .tarih {
        font-size: 14px !important;
        font-weight: 500
    }

    .style-color-1 .blog-template .page-info {
        height: 220px !important
    }

    .blog-template .post .post-body.has-border {
        padding-bottom: 12px
    }

    .gallery.wide .row {
        justify-content: flex-start !important
    }

    .brand .col-md-3 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33% !important;
        max-width: 33% !important
    }

    .gallery .image-holder:before {
        display: none
    }

    .image-holder .inner, .image-holder .frame {
        display: none !important
    }

    .owl-drag .image-holder .inner, .image-holder .frame {
        display: block !important
    }

    .nedenarti h3 {
        font-size: 14px !important;
        margin-bottom: 17px !important
    }

    .page-info .text-white {
        font-size: 29px
    }

    .nedenarti .row {
        padding: 6px 10px !important
    }

    .blog-standard .post .post-body h4 {
        font-size: 16px
    }

    .page-breadcrumb h3 {
        font-size: 22px
    }

    .post .post-body.has-border {
        padding-bottom: 0
    }

    .post .post-body {
        padding-top: 10px
    }

    .formbg .subscribe-form {
        height: 772px !important
    }

    .istirak {
        padding: 30px 0 22px 0 !important
    }

    .section-header h2 {
        font-size: 24px
    }

    .section-header span {
        font-size: 16px
    }

    .partner {
        padding: 26px 0 0
    }

        .partner .justify-content-between {
            align-items: center !important
        }

        .partner .image-holder {
            padding-right: 28px
        }

    .page-info .section-header {
        bottom: 41%
    }

    .bizkimiz .text-white {
        font-size: 24px
    }

    main .bizkimiz p {
        font-size: 14px !important
    }

    .page-info {
        height: 220px !important
    }

    .section-header p {
        font-size: 13px;
        margin-bottom: 0 !important
    }

    .subscribe-form .section-header span {
        font-size: 15px
    }

    .subscribe-form h2, .subscribe-form h4, .subscribe-form .text-white {
        font-size: 18px !important
    }

    .subscribe-form .au-btn {
        font-size: 15px
    }

    .subscribe-form {
        height: auto !important;
        padding: 61px 20px 30px 20px
    }

    .subscribe .form-control {
        width: 98% !important
    }

    .post .post-thumb img {
        width: 100%
    }

    .food-slider .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 20px
    }

    .food-slider .owl-theme .owl-nav.disabled + .owl-dots {
        margin-bottom: 20px
    }

    .food-slider .section-header h2 {
        font-size: 25px;
        margin-bottom: 0
    }

    .our-story-primary.style-1 p {
        margin-bottom: 0
    }

    .our-story-primary.style-1 .heading {
        margin-bottom: 8px !important
    }

        .our-story-primary.style-1 .heading h2 {
            font-size: 40px !important
        }

    .trait-col {
        width: 100%;
        margin-bottom: 11px !important
    }

    .action .au-btn {
        font-size: 13px;
        width: 104px
    }

    .rev_slider .caption-3 {
        font-size: 30px !important
    }

    .rev_slider .caption-4 p {
        font-size: 26px !important
    }

    .rev_slider_wrapper {
        height: 337px !important
    }

    .rev_slider {
        height: 337px !important
    }

    .tp-parallax-wrap {
        top: 118px !important
    }

        .tp-parallax-wrap .caption-4 {
            top: 70px !important
        }
}

@media(max-width:400px) {
    .istirak .image-holder img {
        max-width: 80px
    }

    .partner .image-holder {
        padding-right: 0
    }

    .trait-col p {
        padding: 0 23px
    }

    .title h3 {
        font-size: 20px !important
    }

    .click-to-top-whatsapp img {
        max-width: 85% !important
    }

    .click-to-top-whatsapp {
        right: 12px !important
    }

    .comment-part .owl-carousel .owl-item img {
        margin-bottom: 20px !important
    }

    .buttons {
        width: 94px;
        margin-left: -20px
    }

    .logo {
        width: 32% !important
    }

    .navbar-mobile .container {
        padding-right: 0 !important
    }

    .comm-form .comm-head-three {
        font-size: 18px !important
    }

    .testimonial-outer .client-testimonial-carousel .owl-nav .owl-prev {
        left: -21px !important
    }

    .testimonial-outer .client-testimonial-carousel .owl-nav .owl-next {
        right: -21px !important
    }

    .comment-owner {
        padding: 0 40px !important
    }

    .testimonial-block-one .inner-box .text {
        max-width: 275px !important;
        margin: 0 42px !important
    }

    .buttons nav {
        width: 70% !important
    }

    .action .au-btn {
        font-size: 8px;
        width: 65px
    }

    .blog-standard .post .post-date {
        width: 64px;
        height: 64px;
        right: 12px;
        top: 10px
    }

        .blog-standard .post .post-date .inner .date {
            font-size: 16px
        }

        .blog-standard .post .post-date .inner .month {
            font-size: 12px
        }

    .contact-us-content h3 {
        font-size: 19px
    }

    .modal .formbg .subscribe-form {
        height: 733px !important
    }

    .address p strong {
        font-size: 17px !important
    }
}

.rev_slider .caption-3 {
    font-weight: 700 !important;
    line-height: 1.5 !important
}

.rev_slider .caption-4 {
    font-weight: 100 !important
}

    .rev_slider .caption-4 p {
        font-weight: 200 !important;
        line-height: 0px !important
    }

.click-to-top-whatsapp {
    position: fixed;
    text-align: center;
    right: 70px;
    bottom: 120px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    z-index: 99;
    line-height: 37px;
    height: 64px;
    width: 64px
}

.food-slider {
    padding: 90px 0 60px 0 !important
}

.item-info h4, .item-info h2 {
    color: #fff !important
}

.food-slider .section-header {
    margin-bottom: 50px
}

.subscribe-form h4, .subscribe-form h2, .subscribe-form .text-white {
    font-size: 29px;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 700
}

.subscribe .form-control {
    width: 48%;
    display: inline-block
}

.description-succes {
    text-align: center;
    font-size: 28px;
    padding: 20px
}

    .description-succes p {
        color: #fff
    }

#form-contact-status-success-4 .description-succes p {
    color: #000
}

.ft-top-wrapper p {
    font-size: 14px
}

.menu-sidebar p {
    color: #fff;
    margin-top: 0;
    margin-bottom: 28px
}

.contact-line p {
    margin: 0;
    display: contents
}

.rev_slider_wrapper .slotholder:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #000;
    opacity: .4;
    z-index: 1
}

.about-us-board p {
    margin-bottom: 0
}

.about-us {
    background: url(/images/hakkimizda-bg.jpg) no-repeat;
    margin-top: -1px
}

.bizkimiz .row {
    flex-direction: column;
    align-content: center
}

.bizkimiz p {
    color: #fff;
    text-align: center;
    font-size: 16px !important
}

.bizkimiz .text-white {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px
}

.bizkimiz h4 {
    padding-top: 42px;
    font-weight: 600 !important;
    font-size: 30px;
    margin-bottom: 10px
}

.bizkimiz .col-10 {
    padding: 0 !important
}

.istirak {
    padding: 50px 0 0 0
}

    .istirak .section-header span {
        color: #c4006c
    }

.post .col-lg-6 {
    display: inline-block;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%
}

.blog-standard .post {
    display: flex
}

.devamibuton {
    width: 152px;
    height: 42px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    border: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: 21px;
    background: #333
}

    .devamibuton:hover {
        background: #c4006c;
        transition: all 0.3s ease 0s !important;
        -webkit-transition: all 0.3s ease 0s !important
    }

.hizmetlerdetay {
    padding: 0 0 !important
}

.blog-standard .post-body p {
    font-size: 15px
}

.ft-top .col-6 {
    display: inline-block;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%
}

.hizmet {
    display: flex;
    flex-wrap: wrap
}

    .hizmet a {
        color: #b2b2b2;
        width: 50%
    }

        .hizmet a:hover {
            color: #c4006c
        }

.js-google-map {
    background: #f7f7f7
}

    .js-google-map iframe {
        width: 100%;
        position: relative;
        top: 6px;
        background: #f7f7f7
    }

.contact-us-content p {
    margin-bottom: 0 !important
}

.brand .col-md-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding-right: 25px;
    padding-left: 25px;
    max-width: 20%
}

.tarih {
    margin-bottom: 0px !important
}

.blog .post .post-body.has-border {
    padding-top: 8px
}

.blog-template .page-info, #contact-us-page .page-info {
    height: 550px;
    background-size: cover
}

.our-story .image-holder img {
    display: none
}

.page-info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #000;
    opacity: .4;
    z-index: 0
}

.blog-template-detail .post-body {
    padding-top: 4px !important;
    display: contents;
    padding-left: 26px;
    float: right
}

.post-body .tarih {
    font-size: 16px !important;
    font-weight: 500
}

.blog-template-detail h4 {
    margin-bottom: 6px !important
}

.current .has-children a {
    color: #c4006c !important
}

.contact-us-col .contact-info a:hover {
    color: #c4006c
}

.tp-parallax-wrap .caption-4 {
    top: -28px
}

.nedenarti .image-holder img {
    display: inline
}

.gallery .image-holder img {
    display: block
}

.istirak .image-holder img {
    display: inline-block
}

.formbg {
    background: url(/images/form-bg.jpg)
}

.description-error span {
    color: red;
    font-size: 23px
}

#form-contact-status-error-1 {
    width: 10%;
    position: absolute;
    top: 82%;
    right: 11%
}

.cevir {
    flex-direction: row-reverse !important
}

.nedenarti h3 {
    font-size: 25px
}

.nedenarti p {
    margin-bottom: 10px
}

.nedenarti .row {
    padding: 10px 0
}

.blog-standard .tarih {
    margin: 20px 0 !important
}

.blog-template-detail .blog-standard .blog-post .post:last-child {
    margin-bottom: 25px
}

.blog-template-detail .blog-standard .post-thumb {
    float: left !important;
    margin-right: 24px
}

.blog-template-detail .post .post-body p {
    margin-bottom: 26px;
    margin-top: 0
}

.blog-template-detail .hizmetlerdetay .post-body {
    display: block !important
}

.contact-us .subscribe-form {
    padding: 60px 45px 0 10px
}

    .contact-us .subscribe-form h2, .contact-us .subscribe-form p {
        color: #333 !important
    }

.contact-us {
    padding-top: 100px;
    padding-bottom: 47px
}

.contact-us-content {
    padding-top: 0
}

.iletisimbg {
    background: url(/images/hakkimizda-bg.jpg);
    background-size: cover
}

.contact-us .subscribe-form .form-control {
    background: #fff;
    color: #333 !important
}

.contact-us input::placeholder {
    color: #333 !important;
    opacity: 1 !important
}

.contact-us #form-contact-status-error-1 {
    top: 87% !important
}

    .contact-us #form-contact-status-error-1 h2 {
        color: red !important
    }

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

.blog .blog-standard .post {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column
}

    .blog .blog-standard .post .post-body {
        padding-top: 10px
    }

.blog .post .post-body p {
    margin-bottom: 3px
}

.blog .end {
    float: right
}

.blog .au-btn__readmore {
    padding-top: 0
}

.blog .blog-standard .post .post-body h4 {
    margin-bottom: 2px
}

.blog .post .post-body p {
    margin-bottom: 0
}

.bd-example-modal-lg .subscribe-form {
    padding: 30px 35px 0 35px
}

.modal {
    top: 120px
}

.address p {
    display: inline-block;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 32px 0 0
}

.address span {
    display: flex !important;
    align-items: flex-start
}

.address p strong {
    font-size: 20px;
    display: block;
    font-weight: 600;
    color: #333
}

#form-contact-status-success-3 .description-succes p {
    color: #333 !important
}

#form-contact-status-success-5 .description-succes p {
    color: #333 !important
}

#form-contact-status-error-3 .description-error {
    padding: 14px 0
}

#form-contact-status-error-5 .description-error {
    padding: 14px 0
}

.blog-standard .blog-post .col-lg-6 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    display: inline-block
}

.blog-standard .btn-holder {
    margin-top: 40px
}

#etkinliklerlistesi .post-body.has-border {
    float: none !important
}

.contact-info i {
    margin-right: 7px
}

.blog-template .justify-content-center .blog-post {
    display: flex;
    flex-wrap: wrap
}

.diger {
    padding-top: 50px !important
}

    .diger .blog-post {
        display: block;
        flex-wrap: wrap
    }

.buttons {
    width: 94px;
    display: block;
    position: relative
}

    .buttons nav {
        width: 100%;
        z-index: 10;
        top: 0
    }

    .buttons label span {
        color: #c4006c !important;
        padding-top: 12px;
        font-size: 17px;
        font-weight: 500;
        cursor: pointer;
        display: block
    }

#touch {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0
}

#touchmobile {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0
}

.buttons .slide {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    position: absolute
}

#touch:checked ~ .slide {
    max-height: 300px
}

#touchmobile:checked ~ .slide {
    max-height: 300px
}

.buttons .slide li {
    padding: 8px 17px;
    font-weight: 500;
    text-align: left;
    border-bottom: 1px solid #eee
}

    .buttons .slide li:last-child {
        border-bottom: none
    }

.buttons li a {
    text-decoration: none;
    color: #2d2f31;
    display: block;
    font-size: 17px
}

    .buttons li a.link_active {
        font-weight: 700;
        color: #c4006c
    }

.buttons i {
    margin: 0 5px
}

.comment-part {
    padding: 30px 0 50px 0;
    background-color: #f5f5f5
}

.section-title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 25px
}

.comment-part .section-title {
    color: #c4006c;
    font-weight: 500;
    font-family: "Great Vibes",cursive
}

.comment-part .comments {
    margin: 0 auto;
    background-color: #fff
}

.testimonial-slider {
    position: relative;
    padding: 46px 0 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

    .testimonial-slider .auto-container {
        position: static;
        max-width: 1200px;
        padding: 0 15px;
        margin: 0 auto
    }

.owl-carousel.owl-loaded {
    display: block
}

.testimonial-slider .client-thumb-outer {
    position: relative;
    max-width: 240px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 20px;
    margin-bottom: -50px
}

.testimonial-outer .client-testimonial-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative
}

.testimonial-outer .client-testimonial-carousel .owl-nav {
    display: block !important
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left
}

.testimonial-block-one {
    position: relative
}

    .testimonial-block-one .inner-box {
        position: relative;
        text-align: center
    }

        .testimonial-block-one .inner-box .text {
            position: relative;
            color: #999;
            line-height: 28px;
            text-align: center;
            font-size: 14px;
            max-width: 740px;
            margin: 0 auto;
            margin-bottom: 6px;
            margin-top: 25px
        }

.testimonial-outer .client-testimonial-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -16px;
    top: 40%;
    color: #fff;
    background: url(../images/left-arrow.png) no-repeat;
    background-color: #e5e5e5;
    padding: 15px;
    height: 12px;
    width: 12px;
    background-position: 10px 9px;
    font-size: 0;
    opacity: .9;
    cursor: pointer
}

.testimonial-outer .client-testimonial-carousel .owl-nav .owl-next {
    position: absolute;
    right: -16px;
    top: 40%;
    color: #fff;
    background: url(../images/right-arrow.png) no-repeat;
    background-color: #e5e5e5;
    padding: 15px;
    height: 12px;
    width: 12px;
    background-position: 12px 9px;
    font-size: 0;
    opacity: .9
}

.testimonial-slider .client-thumb-outer {
    position: relative;
    max-width: 240px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 20px;
    margin-bottom: -50px
}

    .testimonial-slider .client-thumb-outer .client-thumbs-carousel {
        position: relative;
        max-width: 80px;
        margin: 0 auto;
        text-align: center
    }

        .testimonial-slider .client-thumb-outer .client-thumbs-carousel .owl-stage-outer {
            overflow: visible
        }

    .testimonial-slider .client-thumb-outer .owl-item {
        z-index: 0;
        display: inline-block
    }

    .testimonial-slider .client-thumb-outer .thumb-item .thumb-box {
        width: 80px;
        height: 80px;
        cursor: pointer;
        border-radius: 50%;
        margin: 0 auto;
        z-index: -1;
        overflow: hidden;
        -o-transform: scale(.8,.8);
        -ms-transform: scale(.8,.8);
        -webkit-transform: scale(.8,.8);
        transform: scale(.8,.8);
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease
    }

.client-thumbs-carousel .owl-nav {
    display: none !important
}

.owl-next:hover {
    background: url(../images/right-hover-arrow.png) center center no-repeat !important
}

.owl-prev:hover {
    background: url(../images/left-hover-arrow.png) center center no-repeat !important
}

.comm-form .comm-head-three {
    font-size: 26px;
    color: #111;
    font-family: 'Raleway',sans-serif;
    font-weight: 500;
    margin-bottom: 25px
}

.cause-detail h3 {
    line-height: .8;
    padding: 10px 0
}

.comm-form .form-control {
    margin-bottom: 30px;
    border-radius: 0;
    font-size: 13px;
    overflow: hidden
}

.comm-form input::placeholder {
    font-size: 14px !important
}

.comm-form textarea::placeholder {
    font-size: 14px !important
}

.comm-form .form-control textarea {
    height: 100px
}

.form-control {
    display: block;
    width: 100%;
    padding: 1rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-group {
    margin-bottom: 1rem
}

.comm-form .btn.submitcomment {
    background-color: #c4006c;
    color: #fff;
    font-weight: 400;
    border-radius: 0;
    padding: 12px 43px
}

.comment {
    padding: 70px 0
}

.comment-owner {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 14px;
    color: #000
}

.comm-form {
    padding: 0 30px
}

.owl-stage {
    display: flex;
    align-items: center
}

.etkinlikresim {
    display: flex;
    padding: 40px 1px;
    flex-wrap: wrap;
    flex-direction: row
}

.image-holder img {
    margin-bottom: 34px
}

.owl-carousel .image-holder img {
    margin-bottom: 0
}

.trait .image-holder img {
    display: none
}

.comment-part .owl-carousel .owl-item img {
    width: auto !important
}

.flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap
}

#etkinliklerlistesi {
    padding-top: 25px
}

.social a img {
    display: inherit !important;
    position: relative;
    bottom: 2px;
    left: 1px
}

#bilgi::placeholder {
    font-size: 10px !important
}

.content-title {
    font-size: 21px;
    margin-bottom: 14px;
    line-height: 1.5
}

.contact-paragraph {
    padding-bottom: 30px;
    padding-right: 15px;
    padding-top: 15px
}

.section-header.text-left h1 {
    font-size: 27px;
    line-height: 1.5
}

.acc-theme-03 {
    margin-bottom: 40px
}

    .acc-theme-03 .accordion-01__title.state-active {
        color: #c4006c
    }

    .acc-theme-03 .accordion-01__title {
        font-size: 18px;
        line-height: 20px;
        background-color: #fff;
        color: #42474c;
        margin: 0 0 8px;
        padding: 16px 52px 16px 32px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        cursor: pointer;
        font-weight: 400;
        display: flex;
        justify-content: space-between
    }

    .acc-theme-03 .accordion-01__body {
        display: none
    }

    .acc-theme-03 .accordion-01__text {
        padding: 20px 23px
    }

        .acc-theme-03 .accordion-01__text p {
            font-size: 16px;
            line-height: 24px;
            color: #5c656d
        }

            .acc-theme-03 .accordion-01__text p span {
                padding-right: 8px
            }

    .acc-theme-03 .accordion-01__title::before {
        font-family: Font Awesome\ 5 Free;
        content: "\f107";
        font-size: 16px;
        line-height: 16px;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        right: 30px;
        margin-top: -10px
    }

.questions {
    padding: 75px 0;
    background-color: #f6f8f9
}

.title-02--mr-01 {
    margin-bottom: 49px
}

.title-02 {
    font-size: 34px;
    line-height: 38px;
    color: #42474c;
    position: relative;
    padding-bottom: 26px;
    margin-bottom: 31px
}

    .title-02::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 70px;
        height: 1px;
        background-color: #d9e0e4;
        position: absolute;
        bottom: 0;
        left: 0
    }

.partner.has-bd .col-4 {
    display: flex;
    justify-content: center;
    align-items: center
}

.nedenarti li {
    color: #fff
}

.hizmeticerik h4 {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 18px !important
}

.hizmeticerik p {
    margin-bottom: 6px !important
}

.hizmet .col-6.col-md-6:empty {
    display: none
}

.videotanitim iframe {
    width: 100%;
    height: 550px
}

.videotanitim {
    padding: 75px 0 0 0
}

.blog .blog-standard.blog-template .post {
    display: flex !important
}

.blog-template-detail .blog-standard.diger .post-thumb {
    margin-right: 0
}

.diger .post-body h4 {
    padding-top: 10px
}

.form-header {
    padding-bottom: 15px;
    padding-top: 70px
}

.contact-us-2 {
    padding-top: 0;
    background: #f7f7f7
}

.comments-area .comments-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 29px
}

.comments-area .comments-item {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    margin-bottom: 20px
}

    .comments-area .comments-item .heading {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        margin-bottom: 12px
    }

        .comments-area .comments-item .heading h6 {
            font-weight: 600;
            margin-right: 20px
        }

        .comments-area .comments-item .heading .comments-time {
            color: #999;
            margin-top: 1px
        }

    .comments-area .comments-item p {
        margin-bottom: 14px
    }

    .comments-area .comments-item .reply {
        text-transform: uppercase;
        color: #999;
        font-weight: 400
    }

    .comments-area .comments-item .heading h6 a {
        color: #333
    }

.comments-area .comments-group .comments-group {
    padding-left: 118px
}

.comments-area {
    padding-top: 0;
    padding-right: 15px;
    padding-left: 15px
}

.comments-respond {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 45px
}

    .comments-respond h5 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 34px
    }

    .comments-respond .comments-form .form-holder {
        margin-bottom: 30px;
        position: relative
    }

    .comments-respond .comments-form textarea.form-control {
        height: 150px;
        padding: 15px 20px
    }

.bottom {
    margin-bottom: 0;
    margin-top: 42px;
    padding-right: 15px;
    padding-left: 15px
}

.share span {
    color: #333;
    margin-right: 16px;
    font-size: 19px
}

.share .social {
    display: inline-block
}

    .share .social a {
        color: #999;
        font-size: 15px;
        margin-right: 11px
    }

.bottom {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: space-between
}

.comment-count {
    color: #333
}

.like-btn {
    font-size: 40px;
    color: gray;
    cursor: pointer;
    transition: color 0.3s ease;
    border: none;
    background: none;
    display: flex;
    align-items: center
}

    .like-btn.liked {
        color: red
    }

.ortala {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

    .ortala span {
        font-size: 17px
    }

.ssk-group button {
    border: none !important;
    cursor: pointer
}

.like-btn span {
    color: #333 !important;
    margin: 0 0 0 10px;
    font-weight: 700
}

#main-nav {
    display: none
}

.fa-facebook-f:before {
    content: "\f39e"
}

.degerler span {
    color: #fff !important;
    font-weight: 700;
    font-size: 40px
}

.etkinlik h3 {
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 700
}
.blog-template-detail .post .post-body span{
    display:contents
}