@charset "utf-8";

.figure p,
body {
  letter-spacing: 1px;
  overflow-x: hidden; /* only hides horizontal overflow */
    width: 100%;
      position: relative;
}


.index-4 a,
.index-4 a:hover,
.restora a,
.restora a:hover {
    text-decoration: none
}

.hovicon:before,
.input__label {
    -webkit-font-smoothing: antialiased
}

.figure .figcaption::after,
.figure .figcaption::before,
.hovicon:after {
    pointer-events: none
}

.blog-social ul,
.categories ul,
.event-contact ul,
.footer ul,
.img-overlay ul,
.plans-body ul {
    list-style: none
}

body {
    font-family: Raleway;
    color: #666;
    font-size: 17px;
    line-height: 26px
}

.padd-70 {
    padding: 70px 0
}

.padd-50 {
    padding: 50px 0
}

.padd-90 {
    padding: 90px 0
}

.padd-bottom {
    padding-bottom: 0
}

.hr {
    background-color: rgba(255, 255, 255, .3);
    width: 100%;
    height: 1px;
    margin: 20px 0
}

.margin-top-menu {
    margin-top: 40px
}

#back-to-top .top {
    margin: 0;
    color: #fff;
    transition: all .5s ease-in-out;
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 50%;
    z-index: 999;
    background: 0 0;
    font-size: 20px;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px
}

.fifth-leading,
.four-leading,
.leading-head,
.six-leading,
.third-leading {
    margin-bottom: 20px
}

.fifth-leading img,
.first-leading img,
.four-leading img,
.second-leading img,
.six-leading img,
.third-leading img {
    transition-duration: 8s;
    width: 100%;
    left: 0
}

.fifth-leading,
.first-leading,
.four-leading,
.second-leading,
.six-leading,
.third-leading {
    height: 400px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .1);
    overflow: hidden
}

#back-to-top .top:hover {
    background: #1e2327
}

.index-4-center-bg,
.index-4-top-bg {
    background-attachment: fixed;
    background-size: cover
}

.leading-page p {
    max-width: 500px;
    display: inline-block;
    font-weight: 500;
    line-height: 25px;
    margin-top: 20px
}

.leading-page h3 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 19px;
    color: #191919
}

.leading-page h2 {
    font-family: Pacifico;
    font-size: 50px;
    line-height: 54px
}

.leading-head {
    text-align: center;
    font-size: 26px;
    color: #191919;
    font-family: Pacifico;
    margin-top: 30px
}

.first-leading {
    position: relative
}

.first-leading:hover img {
    top: -1277px
}

.first-leading img {
    position: absolute;
    top: 0
}

.second-leading {
    position: relative
}

.second-leading:hover img {
    top: -1299px
}

.second-leading img {
    position: absolute;
    top: 0
}

.third-leading {
    position: relative
}

.third-leading:hover img {
    top: -1235px
}

.third-leading img {
    position: absolute;
    top: 0
}

.four-leading {
    position: relative
}

.four-leading:hover img {
    top: -1378px
}

.four-leading img {
    position: absolute;
    top: 0
}

.fifth-leading {
    position: relative
}

.fifth-leading:hover img {
    top: -1562px
}

.fifth-leading img {
    position: absolute;
    top: 0
}

.six-leading {
    position: relative
}

.six-leading:hover img {
    top: -1301px
}

.six-leading img {
    position: absolute;
    top: 0
}

.leading-btm p {
    margin-top: 30px;
    font-weight: 700
}

.leading-btm a {
    margin-bottom: 0;
    margin-top: 15px
}

.leading-footer p {
    max-width: 700px
}

@media (min-width:320px) and (max-width:359px) {
    .first-leading:hover img {
        top: -951px
    }

    .second-leading:hover img {
        top: -966px
    }

    .third-leading:hover img {
        top: -914px
    }

    .four-leading:hover img {
        top: -1032px
    }

    .fifth-leading:hover img {
        top: -1182px
    }

    .six-leading:hover img {
        top: -968px
    }
}

@media (min-width:360px) and (max-width:480px) {
    .first-leading:hover img {
        top: -1138px
    }

    .second-leading:hover img {
        top: -1153px
    }

    .third-leading:hover img {
        top: -1096px
    }

    .four-leading:hover img {
        top: -1228px
    }

    .fifth-leading:hover img {
        top: -1398px
    }

    .six-leading:hover img {
        top: -1157px
    }
}

@media (min-width:481px) and (max-width:767px) {
    .first-leading:hover img {
        top: -1702px
    }

    .second-leading:hover img {
        top: -1717px
    }

    .third-leading:hover img {
        top: -1644px
    }

    .four-leading:hover img {
        top: -1824px
    }

    .fifth-leading:hover img {
        top: -2058px
    }

    .six-leading:hover img {
        top: -1728px
    }
}

@media (min-width:768px) and (max-width:799px) {
    .first-leading:hover img {
        top: -1178px
    }

    .second-leading:hover img {
        top: -1193px
    }

    .third-leading:hover img {
        top: -1135px
    }

    .four-leading:hover img {
        top: -1272px
    }

    .fifth-leading:hover img {
        top: -1446px
    }

    .six-leading:hover img {
        top: -1200px
    }
}

@media (min-width:800px) and (max-width:979px) {
    .first-leading:hover img {
        top: -1248px
    }

    .second-leading:hover img {
        top: -1263px
    }

    .third-leading:hover img {
        top: -1205px
    }

    .four-leading:hover img {
        top: -1348px
    }

    .fifth-leading:hover img {
        top: -1530px
    }

    .six-leading:hover img {
        top: -1272px
    }
}

@media (min-width:980px) and (max-width:1279px) {
    .first-leading:hover img {
        top: -1650px
    }

    .second-leading:hover img {
        top: -1665px
    }

    .third-leading:hover img {
        top: -1596px
    }

    .four-leading:hover img {
        top: -1774px
    }

    .fifth-leading:hover img {
        top: -1998px
    }

    .six-leading:hover img {
        top: -1680px
    }
}

.index-4-top-bg {
    background-image: url(../img/index-4-top.jpg);
    background-position: bottom
}

.index-4-top-bg-black {
    background-color: rgba(0, 0, 0, .3);
    width: auto;
    height: auto;
    padding: 100px 0
}

.index-4-top-bg h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700
}

.index-4-top-bg h2 {
    color: #FFF;
    font-size: 80px;
    margin-top: 0;
    font-family: Pacifico;
    line-height: 1.3
}

.hover-img {
    position: relative
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(255, 255, 255, .8)
}

.image-hover {
    display: block;
    width: 100%;
    height: auto
}

.hover-img:hover .overlay {
    opacity: 1
}

#clockdiv {
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 30px
}

.counter-sec,
.counter-sec h3 {
    text-align: center;
    color: #FFF
}

#clockdiv>div {
    padding: 10px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block
}

#clockdiv div>span {
    display: inline-block;
    font-family: Pacifico;
    font-size: 80px;
    line-height: 100px;
    margin-bottom: 10px
}

.counter-sec {
    position: relative;
    padding: 60px 0;
    font-weight: 700;
    font-size: 120px;
    line-height: normal;
    box-shadow: 0 -16px 30px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 -16px 30px rgba(0, 0, 0, .7)
}

.counter-sec div {
    position: absolute;
    height: 100px;
    top: -20px;
    width: 100px;
    left: 0;
    margin: 0 auto;
    right: 0;
    transform: rotate(45deg)
}

.counter-num {
    vertical-align: middle;
    margin-bottom: 0
}

.counter-sec h3 {
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: Raleway;
    font-weight: 700;
    margin-top: 15px
}

.logo-bg h2,
.text-h2 {
    color: #191919;
    font-weight: 700;
    text-align: center
}

@media (min-width:320px) and (max-width:480px) {
    .counter-sec {
        font-size: 60px
    }

    .counter-sec h3 {
        font-size: 14px
    }

    .index-tab ul li {
        margin: 0 00px
    }

    .shop-des .tab-content .comment-box h2 {
        text-align: center
    }
}

@media (min-width:481px) and (max-width:767px) {
    .counter-sec {
        font-size: 80px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .counter-sec {
        font-size: 100px
    }
}

.logo-bg {
    background-color: #f5f5f5;
    padding: 30px 0
}

.logo-bg h2 {
    font-size: 20px;
    margin-bottom: 50px
}

.text-h2 {
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.index-4-center-bg {
    background-image: url(../img/about-head-img.jpg)
}

.index-4-center-bg-black {
    background-color: rgba(0, 0, 0, .3);
    width: auto;
    height: auto;
    padding: 100px 0
}

.index-4-center-bg h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700
}

.index-4-center-bg h2 {
    color: #FFF;
    font-size: 80px;
    margin-top: 0;
    font-family: Pacifico;
    line-height: 1.3
}

.img-overlay ul li {
    float: none
}

< !--TOP-->.figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer
}

.figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%
}

.index-4 a,
.restora a,
.restora-icon,
.slider p {
    display: inline-block
}

.figure .figcaption {
    padding: 10px;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.figure .figcaption,
.figure .figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.figure .figcaption>a {
    z-index: 1000;
    opacity: 0
}

.figure h2 {
    word-spacing: -.15em;
    font-weight: 300
}

.figure h2 span {
    font-weight: 800
}

.figure h2,
.figure p {
    margin: 0
}

.figure p {
    font-size: 68.5%
}

.effect-steve {
    z-index: auto;
    overflow: visible;
    position: relative
}

.article-img,
.recent-post-img,
.special-img,
figure {
    overflow: hidden
}

.effect-steve .figcaption {
    position: absolute;
    top: 0
}

.effect-steve h2:before,
.effect-steve:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.figure.effect-steve:before {
    box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
    opacity: 0
}

.figure.effect-steve figcaption {
    z-index: 1
}

.figure.effect-steve img {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
    margin-bottom: 40px;
    width: 100%
}

.figure.effect-steve h2,
.figure.effect-steve p a {
    background: #fff;
    color: #191919
}

.home-2-bg,
.menu-slider-bg,
.testi-bg {
    background-attachment: fixed
}

.book-table-bg-one,
.home-2-bg,
.menu-slider-bg,
.newslatter-bg,
.testi-bg {
    background-size: cover
}

.tab-pane .figure.effect-steve p a {
    color: #fff
}

.figure.effect-steve h2 {
    position: relative;
    padding: .25em;
    text-align: center;
    font-family: Pacifico;
    line-height: 45px
}

.figure.effect-steve p a {
    margin-top: 1em;
    padding: .5em;
    opacity: 0;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1);
    cursor: pointer;
    font-family: Raleway;
    font-size: 14px;
    line-height: normal;
    font-weight: 700
}

.effect-steve:hover:before {
    opacity: 1
}

.effect-steve:hover img {
    -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
    transform: perspective(1000px) translate3d(0, 0, 21px)
}

.effect-steve:hover h2:before {
    opacity: 0
}

.effect-steve:hover p a {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.portfolio {
    margin-top: 30px
}

.portfolio figure {
    position: relative
}

.img {
    padding-top: 45px
}

.restora {
    padding: 80px 0 30px
}

.index-4 {
    padding: 50px 0
}

.restora-icon {
    margin-top: 20px
}

.restora h3 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 19px;
    color: #191919
}

.restora h2 {
    font-family: Pacifico;
    font-size: 50px;
    line-height: 54px
}

.restora p {
    font-weight: 500;
    line-height: 25px;
    margin-top: 20px
}

.index-4 h3,
.restora a {
    font-weight: 700;
    color: #191919
}

.restora a {
    line-height: 30px;
    margin-top: 15px
}

.restora a:hover {
    color: #191919
}

.index-4 h3 {
    font-family: Raleway;
    font-size: 19px
}

.index-4 h2 {
    font-family: Pacifico;
    font-size: 50px;
    line-height: 54px
}

.index-4 p {
    font-weight: 500;
    line-height: 25px;
    margin-top: 20px
}

.index-4 a {
    font-weight: 700;
    color: #191919;
    line-height: 30px;
    margin-top: 15px
}

.index-4 a:hover {
    color: #191919
}

.menu-slider-bg {
    background-image: url(../img/story-bg.jpg)
}

.menu-slider-bg-black {
    background-color: rgba(0, 0, 0, .4);
    height: auto;
    width: 100%
}

.slider-h3 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 18px;
    color: #FFF
}

.slider h2 {
    font-family: Pacifico;
    font-size: 46px;
    color: #FFF;
    line-height: 1.2
}

.content p,
.slider p,
.slider-2 p {
    line-height: 25px;
    max-width: 500px
}

.slider p {
    font-weight: 500;
    margin-top: 10px;
    color: #FFF
}

.menu-list {
    border-bottom: 1px dashed #FFF;
    margin-bottom: 15px
}

.menu-list b {
    color: #FFF;
    font-size: 20px;
    float: left;
    text-align: left
}

.menu-list span {
    text-align: right;
    color: #FFF;
    font-weight: 700;
    display: block;
    font-size: 28px
}

.menu-list h4 {
    font-family: Raleway;
    color: #FFF;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0;
    text-align: left
}

.menu-all-btn,
.menu-all-btn-wht {
    padding: 13px 40px;
    margin-bottom: 30px;
    margin-top: 15px;
    font-weight: 700;
    display: inline-block;
    transition: all .4s;
    text-decoration: none
}

.menu-all-btn-wht {
    color: #FFF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 2px solid #ff5722
}

.menu-all-btn-wht:hover {
    color: #191919;
    background-color: #FFF;
    border: 2px solid #191919;
    text-decoration: none
}

.menu-all-btn {
    color: #FFF;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.menu-all-btn:hover {
    background-color: #FFF;
    text-decoration: none
}

.index-tab ul {
    display: inline-block
}

.index-tab ul li {
    width: auto
}

.index-tab ul li a {
    color: #FFF;
    font-family: Pacifico;
    font-size: 36px;
    transition: all .4s;
    padding: 10px
}

.slider-2-h3 {
    font-family: Raleway;
    font-weight: 700;
    font-size: 18px;
    color: #FFF
}

.slider-2 h2 {
    font-family: Pacifico;
    font-size: 46px
}

.slider-2 p {
    font-weight: 500;
    margin-top: 10px;
    display: inline-block
}

.menu-list-2 {
    border-bottom: 1px dashed #191919;
    margin-bottom: 15px
}

.menu-list-2 b {
    font-size: 20px;
    color: #191919;
    float: left
}

.menu-list-2 span {
    text-align: right;
    font-weight: 700;
    display: block;
    font-size: 28px;
    color: #191919
}

.menu-list-2 h4 {
    font-family: Raleway;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0;
    color: #191919;
    text-align: left
}

.content {
    text-align: center
}

.content h2 {
    font-family: Pacifico;
    font-size: 46px
}

.content p {
    font-weight: 500;
    margin-top: 10px;
    display: inline-block
}

.content-sld {
    margin-top: 50px
}

.content-sld b {
    font-size: 20px;
    float: left;
    margin-top: 20px
}

.content-sld span {
    text-align: right;
    font-weight: 700;
    display: block;
    font-size: 28px;
    color: #ff5722;
    margin-top: 20px
}

.gallery-head-bg h2,
.gallery-head-bg p,
.head-img h2,
.head-img p,
.icon-bor,
.newslatter-bg a,
.swiper-slide,
.testimonial {
    text-align: center
}

.content-sld h4 {
    font-family: Raleway;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0
}

.gallery-head-bg h2,
.home-2-bg h2,
.menu-top h3,
.newslatter-bg h2,
.plans-body h2,
.testimonial-head-h2 {
    font-family: Pacifico
}

.testi-bg {
    background-image: url(../img/testimonial-bg.jpg)
}

.testimonial-under {
    width: 100px;
    height: 3px;
    background-color: #262b2a;
    display: inline-block;
    margin-bottom: 50px
}

.testimonial-head-h3 {
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0
}

.testimonial-head-h2 {
    color: #FFF;
    display: inline-block;
    font-size: 36px;
    margin-bottom: 40px;
    margin-top: 10px
}

.testimonial .pic {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 auto 15px
}

.testimonial .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #FFF
}

.testimonial .testimonial-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    margin: 20px 0 0;
    text-transform: uppercase
}

.testimonial p {
    color: #FFF;
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 0
}

.testimonial span {
    width: 2px;
    height: 25px;
    display: inline-block
}

.testimonial .testimonial-title small {
    font-size: 15px;
    font-weight: 600;
    color: #787878
}

.testimonial .description {
    font-size: 17px;
    color: #FFF;
    line-height: 27px;
    position: relative;
    margin-top: 30px
}

.owl-theme .owl-controls .owl-page span {
    border: 2px solid #FFF;
    opacity: 1
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    border: 2px solid #FFF;
    background-color: #FFF
}

.home-2-bg {
    background-image: url(../img/home-2-back.jpg)
}

.home-2-bg h2 {
    font-size: 46px
}

.menu-b {
    color: #FFF;
    font-size: 16px;
    float: left;
    margin-top: 15px
}

.menu-span {
    font-size: 20px;
    float: right;
    font-weight: 700;
    margin-top: 15px
}

.menu-p {
    color: #FFF;
    font-size: 14px;
    float: left;
    font-weight: 400
}

.icon-bor {
    width: 100px;
    height: 100px;
    background-color: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #ff5722;
    display: inline-block;
    line-height: 90px;
    transition: all .4s
}

.icon-bor i {
    font-size: 60px;
    color: #ff5722
}

.icon-bor:hover {
    background-color: #ff5722
}

.icon-bor:hover>i {
    color: #FFF
}

.menu-top a,
.plans-body:hover>h2,
.plans-body:hover>h3,
.plans-body:hover>p,
.plans-body:hover>ul li a {
    color: #191919
}

.block {
    margin-top: 50px
}

.hovicon.effect-3 {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.hovicon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.hovicon:before {
    speak: none;
    line-height: 110px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: block
}

#lab_video_text_overlay .btn,
.blog-head-img p,
.box,
.capcities h3,
.cart-head-img p,
.checkout h2,
.come-soon-bg p,
.contact-head-img p,
.error-img p,
.event-head-img p,
.footer-h2,
.gallery-head-bg p,
.head-img p,
.recipe-head-img p,
.shop-a,
.shop-head-img p {
    text-transform: uppercase
}

.menu-top a,
.menu-top span,
.plan-btn,
.plans-body p {
    display: inline-block
}

.menu-top h3 {
    font-size: 30px
}

.menu-top span {
    width: 50px;
    height: 3px
}

.menu-top p {
    line-height: 26px;
    margin-top: 10px
}

.menu-top a {
    font-weight: 700;
    text-decoration: none;
    line-height: 30px;
    margin-top: 15px
}

.menu-top a:hover {
    text-decoration: none;
    color: #191919
}

.plans-body {
    border: 2px solid #FFF;
    margin-top: 40px;
    background-color: transparent;
    transition: all .4s
}

.plans-body:hover {
    background-color: #FFF
}

.plan-btn,
.plans-body h2,
.plans-body h3,
.plans-body p,
.plans-body ul li a {
    color: #FFF;
    transition: all .4s
}

.plan-icon {
    margin-top: 35px
}

.plans-body h2 {
    font-size: 68px;
    margin-top: 10px
}

.plans-body h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px
}

.plans-body p {
    font-weight: 500;
    line-height: 25px;
    margin-top: 0
}

.plans-body ul {
    padding-left: 0;
    margin-top: 15px
}

.plans-body ul li {
    line-height: 30px
}

.newslatter-bg a,
.newslatter-bg input {
    line-height: 65px;
    width: 100%;
    margin-top: 20px
}

.plan-btn {
    padding: 14px 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 40px;
    margin-top: 15px
}

.plan-btn:hover {
    color: #191919;
    text-decoration: none;
    border: 2px solid #191919;
    background-color: transparent
}

.newslatter-bg {
    background-image: url(../img/menu-caption.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.newslatter-bg-org {
    height: auto;
    width: auto
}

.newslatter-bg h2 {
    font-size: 50px;
    color: #FFF;
    margin-top: 0
}

.newslatter-bg input {
    background-color: #FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: none;
    text-indent: 20px;
    color: #191919
}

.newslatter-bg a {
    background-color: #191919;
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #FFF;
    font-weight: 700;
    transition: all .4s
}

.newslatter-bg a:hover {
    text-decoration: none;
    color: #191919;
    background-color: #fff
}

.book-table-bg-one {
    background-image: url(../img/slider/slider-1.jpg.jpg)
}

.book-table-bg-one-black {
    background-color: rgba(0, 0, 0, .45);
    width: auto;
    height: auto
}

.book-table-bg-one h2,
.book-table-bg-one h3,
.book-table-bg-one p {
    color: #FFF
}

.book-table-bg-one .fa-calendar,
.book-table-bg-one span {
    color: rgba(255, 255, 255, .5)
}

.book-table-bg-one .input__label--nariko::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 64px;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, .5);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, 1px, 0);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.book-table-bg-one .textarea:focus+.input__label--nariko .input__label-content--nariko {
    color: #fff;
    -webkit-transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1)
}

.message .textarea:focus+.input__label--nariko .input__label-content--nariko {
    -webkit-transform: translate(0, -70px, 0) scale3d(.81, .81, 1);
    transform: translate(0, -70px, 0)
}

.message .input--filled .input__label-content--nariko {
    color: #fff;
    -webkit-transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1)
}

.message .input__label-content--nariko {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

#lab_video_text_overlay h2 {
    font-size: 58px;
    font-family: Pacifico;
    color: #fff;
    line-height: 65px
}

#lab_video_text_overlay p {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px
}

#lab_video_text_overlay .btn {
    border-radius: 0;
    font-weight: 200
}

#lab_video_text_overlay .btn-warning {
    background-color: #F5D328
}

#lab_video_text_overlay {
    position: absolute;
    color: #FFF;
    width: 100%;
    top: 35%
}

#lab_video_text_overlay .container {
    text-align: center;
    margin: 0 auto;
    background-color: #690
}

@media screen and (max-width:480px) {
    #lab_video_text_overlay {
        top: 15%
    }

    #lab_video_text_wrap {
        height: 250px
    }

    #lab_video_text_overlay h2 {
        font-size: 26px;
        line-height: 1.1
    }

    #lab_video_text_overlay p {
        font-size: 10px
    }

    #lab_video_text_overlay a {
        display: none
    }
}

@media (min-width:481px) and (max-width:767px) {
    #lab_video_text_overlay {
        top: 15%
    }

    #lab_video_text_wrap {
        height: 250px
    }

    #lab_video_text_overlay h2 {
        font-size: 40px
    }

    #lab_video_text_overlay p {
        font-size: 20px
    }

    #lab_video_text_overlay a {
        display: none
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #lab_video_text_overlay {
        top: 15%
    }

    #lab_video_text_wrap {
        height: 250px
    }

    #lab_video_text_overlay h2 {
        font-size: 50px
    }

    #lab_video_text_overlay p {
        font-size: 22px
    }

    #lab_video_text_overlay a {
        display: none
    }
}

.gallery-head-bg {
    background-image: url(../img/header-image/gallery-head.jpg);
    min-height: 500px
}

.gallery-head-bg-black {
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    min-height: 500px
}

.gallery-head-bg h2 {
    color: #FFF;
    font-size: 60px;
    margin-top: 17%
}

.gallery-head-bg p {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.gallery-head-bg span {
    display: inline-block;
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.gallery-head-bg span b {
    font-weight: 800
}

.gallery-head-bg span a {
    text-decoration: none;
    color: #FFF
}

figure {
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
    display: block;
    cursor: pointer
}

figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0
}

figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    background-color: rgba color: #fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s
}

.menu-btm-bg,
.menu-caption-bg,
.menu-top-bg {
    background-attachment: fixed
}

.head-img,
.menu-btm-bg,
.menu-top-bg {
    background-size: cover
}

figure img {
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    -ms-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s
}

figure:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

figcaption i {
    margin: 48%;
    color: #fff
}

@media (max-width:480px) {
    figcaption i {
        margin: 46% 47%
    }

    .on-portfolio .shop-categorie-btm {
        min-height: 312px
    }
}

figure:hover a {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    text-decoration: none;
    opacity: 1;
    line-height: 263px
}

figcaption a:hover {
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

.on-portfolio img {
    width: 100%
}

.on-portfolio .item {
    margin-bottom: 30px
}

@media (max-width:991px) {
    .on-portfolio .item {
        padding: 0 40px
    }
}

@media (max-width:767px) {
    .on-portfolio .shop-categorie-btm {
        min-height: 434px
    }
}

@media (max-width:1024px) {
    .on-portfolio .shop-categorie-btm {
        min-height: 360px
    }
}

#portfolio-grid {
    margin-top: 100px
}

#projects-filter a {
    display: inline-block;
    padding: 16px;
    color: #191919;
    font-family: Raleway;
    font-weight: 600;
    margin: 0 12px
}

#projects-filter a:hover {
    color: #272727;
    text-decoration: none
}

#projects-filter a.active {
    cursor: default;
    color: #fff;
    text-decoration: none;
    border-radius: 5px
}

.gallery-head {
    background-color: #FFF;
    margin: 0 auto
}

.head-img {
    background-image: url(../img/header-image/menu-head.jpg);
    min-height: 500px
}

.head-img h2 {
    color: #FFF;
    font-size: 60px;
    font-family: Pacifico;
    margin-top: 17%
}

.head-img p {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.head-img span {
    display: inline-block;
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.head-img span b {
    font-weight: 800
}

.head-img span a {
    text-decoration: none;
    color: #FFF
}

.menu-top-bg {
    background-image: url(../img/menu-page-top-bg.jpg)
}

.menu-top-bg-front {
    background-color: rgba(0, 0, 0, .6);
    height: auto;
    width: auto
}

.menu-btm-bg {
    background-image: url(../img/menu-page-btm-bg.jpg)
}

.menu-page-btm-menu {
    position: relative;
    border-bottom: 1px dashed #191919;
    margin-bottom: 15px;
    padding-left: 100px;
    height: 100px
}

.menu-page-btm-menu img {
    position: absolute;
    left: 0
}

.menu-page-list-2 {
    padding-top: 15px
}

.menu-page-list-2 b {
    font-size: 20px;
    float: left;
    color: #191919
}

.menu-page-list-2 span {
    text-align: right;
    font-weight: 700;
    display: block;
    font-size: 28px;
    color: #191919
}

@media (min-width:320px) and (max-width:369px) {
    .menu-page-list-2 span {
        text-align: left;
        margin: 5px 0
    }
}

.menu-page-list-2 h4 {
    font-family: Raleway;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0;
    color: #191919
}

.menu-sty-2 h2 {
    font-family: Pacifico;
    color: #191919;
    font-size: 36px
}

.menu-sty-2 .heading span {
    width: 90px;
    height: 4px;
    display: block;
    margin-bottom: 40px
}

.menu-sty-div {
    margin-bottom: 25px
}

.menu-sty-div span {
    text-align: right;
    font-weight: 700;
    display: block;
    font-size: 20px;
    color: #191919
}

.menu-page-list-tit {
    padding-right: 257px;
    float: left
}

.menu-list-des {
    position: relative;
    display: block
}

.menu-page-list-tit h4 {
    position: relative;
    padding-right: 3px;
    display: inline-block;
    z-index: 5;
    background-color: #FFF;
    flex: 1 0 auto
}

.menu-page-list-tit span.dots {
    background-image: radial-gradient(circle closest-side, #383c50 99%, transparent 1%);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 6px 3px;
    border: 0;
    bottom: 11px;
    display: block;
    height: 3px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.featured.highlight {
    margin-bottom: 15px
}

.menu-list__item-desc,
.menu-page-list-tit {
    position: relative;
    margin-bottom: 0;
    text-align: left
}

.menu-sty-div {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.menu-page-list-tit {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-top: 0;
    padding: 0
}

.menu-item-price {
    background-color: #FFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-left: 5px;
    position: relative;
    z-index: 5
}

.menu-list-des h4 {
    line-height: 18px;
    margin: 0;
    font-size: 16px
}

.menu-list__item-desc {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.forimg span.box {
    margin: 0;
    color: #fff;
    width: 100%;
    text-align: left;
    font-size: 17px
}

.menu-sty-div.section-starters.padright {
    padding-right: 30px;
    margin-bottom: 10px
}

@media screen and (max-width:1280px) {
    .menu-sty-div span {
        font-size: 20px
    }

    .menu-list-des h4 {
        font-size: 16px
    }
}

@media screen and (max-width:992px) {
    .menu-page-list-tit h4 {
        font-size: 14px
    }

    .menu-sty-div span {
        font-size: 18px
    }

    .menu-list-des h4 {
        font-size: 16px
    }
}

@media screen and (max-width:767px) {
    .menu-sty-div.section-starters.padright {
        padding-right: 15px
    }

    .menu-list-des h4 {
        font-size: 15px
    }
}

@media screen and (max-width:600px) {

    .imgsection .col-md-2.col-sm-2.col-xs-2,
    .imgsection.col-md-10.col-sm-10.menu-sty-div.section-starters.padright {
        width: 100%
    }

    .imgsection .col-md-2.col-sm-2.col-xs-2 img {
        display: block;
        margin: 0 auto
    }
}

@media screen and (max-width:480px) {
    .menu-page-list-tit h4 {
        font-size: 12px
    }

    .menu-list-des h4,
    .menu-sty-div span {
        font-size: 14px
    }
}

.box {
    color: #fff;
    display: block;
    margin: 0 -15px;
    padding: 3px 20px 2px
}

.menu-caption-bg {
    background-image: url(../img/menu-caption.jpg);
    background-size: cover;
    background-position: center
}

.menu-caption-bg-black {
    background-color: rgba(0, 0, 0, .6);
    height: auto;
    width: auto
}

.menu-caption-bg h2 {
    font-size: 50px;
    color: #FFF;
    font-family: Pacifico;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 56px
}

.menu-caption-bg p {
    font-size: 20px;
    color: #FFF
}

.menu-caption-bg a {
    display: inline-block;
    padding: 20px 40px;
    background-color: transparent;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid #fff;
    transition: all .4s;
    margin: 30px 0;
    line-height: normal
}

.menu-caption-bg a:hover {
    color: #FFF
}

.shop-head-img {
    background-image: url(../img/header-image/shop-head.jpg);
    min-height: 500px;
    background-position: center
}

.shop-head-img-black {
    background-color: rgba(0, 0, 0, .4);
    min-height: 500px;
    width: 100%
}

.shop-head-img h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    font-family: Pacifico;
    margin-top: 17%
}

.shop-head-img p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.shop-head-img span {
    display: inline-block;
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.shop-head-img span b {
    font-weight: 800
}

.shop-head-img span a {
    text-decoration: none;
    color: #FFF
}

.new-label {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 2px 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    font-weight: 700
}

.shop,
.shop-hover {
    position: relative
}

.menu-2-b {
    color: #191919;
    font-size: 15px;
    float: left;
    margin-top: 15px
}

.menu-2-span {
    font-size: 20px;
    float: right;
    font-weight: 700;
    margin-top: 15px
}

.menu-2-p {
    color: #666;
    font-size: 13px;
    float: left;
    font-weight: 400
}

.shop h2,
.shop p,
.shop span {
    float: none
}

.shop h2 {
    font-size: 18px;
    font-weight: 700
}

.del-food a i,
.shop p,
.shop-a {
    font-size: 14px
}

.shop span {
    display: inline-block;
    margin-top: 0;
    opacity: 1;
    transition: all .3s
}

.shop-a,
a:hover div.shop-hover span.menu-2-span {
    opacity: 0
}

.shop .divider {
    margin: 15px 0
}

.shop-a {
    display: block;
    text-decoration: none;
    font-weight: 600
}

.cart-button a,
.cart-hover .sub-cart-menu .list-product p b,
.total-count b {
    font-weight: 700
}

a:hover div.shop-hover div.shop-a {
    opacity: 1;
    position: absolute;
    right: 35%;
    transform: scale(1.2);
    top: 0
}

@media (min-width:320px) and (max-width:359px) {
    a:hover div.shop-hover div.shop-a {
        right: 31%
    }
}

@media (min-width:360px) and (max-width:480px) {
    a:hover div.shop-hover div.shop-a {
        right: 31%
    }
}

.cart-hover {
    position: relative
}

.cart-hover:hover>.sub-cart-menu {
    margin: 0;
    opacity: 1;
    visibility: visible;
    padding: 15px;
    width: 300px
}

.cart-hover .sub-cart-menu {
    background-color: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
    left: -270px;
    margin: 20px 0 0;
    opacity: 0;
    padding-left: 0;
    position: absolute;
    text-align: left;
    transition: all .2s ease-in-out 0s;
    visibility: hidden;
    z-index: 9999
}

.cart-button,
.total-count {
    text-align: center
}

@media (min-width:320px) and (max-width:992px) {
    .cart-hover:hover>.sub-cart-menu {
        opacity: 0;
        visibility: hidden;
        display: none
    }
}

.cart-hover .sub-cart-menu .list-product a h4 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    transition: all .3s;
    margin: 0;
    color: #191919
}

.cart-hover .sub-cart-menu .list-product p {
    margin-top: 5px;
    color: #666;
    line-height: normal
}

.cart-hover .sub-cart-menu .list-product p s {
    text-decoration: line-through;
    margin-right: 5px
}

.cart-hover .sub-cart-menu .hr {
    background-color: #d1d1d1;
    margin: 20px 0 15px
}

.list-product {
    position: relative;
    padding-left: 100px;
    min-height: 85px;
    margin-bottom: 10px
}

.list-product-img {
    position: absolute;
    left: 0
}

.del-food {
    position: absolute;
    right: 0;
    top: -5px;
    margin-left: 5px;
    line-height: normal
}

.del-food a i {
    color: #999
}

.cart-button a,
.total-count {
    font-size: 14px;
    color: #191919;
    line-height: normal
}

.cart-button {
    margin: 15px 0;
    line-height: normal
}

.cart-button a {
    display: inline;
    margin: 0 6px
}

#search {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate(0, -100%) scale(0, 0);
    -moz-transform: translate(0, -100%) scale(0, 0);
    -o-transform: translate(0, -100%) scale(0, 0);
    -ms-transform: translate(0, -100%) scale(0, 0);
    transform: translate(0, -100%) scale(0, 0);
    opacity: 0
}

#search.open {
    -webkit-transform: translate(0, 0) scale(1, 1);
    -moz-transform: translate(0, 0) scale(1, 1);
    -o-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1
}

.article-img:hover img,
.special-inn:hover .special-img img {
    transform: scale(1.1)
}

#search input[type=search] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0;
    margin: -51px auto 0;
    padding-left: 30px;
    padding-right: 30px;
    outline: 0
}

.shop-des h3,
.shop-des p {
    text-align: left
}

@media (min-width:320px) and (max-width:767px) {
    #search input[type=search] {
        font-size: 20px
    }
}

#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    font-weight: 700;
    color: #fff
}

.available,
.review,
.tag {
    font-weight: 600
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    opacity: 1;
    padding: 10px 17px;
    font-size: 30px
}

.available,
.review,
.tag {
    font-size: 16px
}

.available {
    color: #ff5722;
    float: left
}

.rating,
.review,
.star {
    float: right
}

.available span {
    color: #191919
}

.review {
    color: #ed8a19
}

.star i {
    color: gold
}

.review span {
    color: #191919
}

.item-info {
    margin-top: 30px
}

.rating {
    border: none
}

.rating>input {
    display: none
}

.rating>label:before {
    margin: 0 2px;
    font-size: 16px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"
}

.article-body h3,
.blog-head-img h2,
.cart-head-img h2,
.categories h3,
.count,
.special-h4 h4,
.story-head h2,
.story-right h2,
.story-top-head {
    font-family: Pacifico
}

.rating>.half:before {
    content: "\f089";
    position: absolute
}

.rating>label {
    color: #ddd;
    float: right
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label {
    color: gold
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #FFED85
}

.tag {
    color: #666;
    margin-top: 10px
}

.item-desc h3,
.tag span {
    color: #191919
}

.item-desc,
.number-add,
.recipes {
    margin-top: 30px
}

.item-desc h3 {
    font-size: 20px;
    font-weight: 700
}

.item-desc p {
    font-size: 16px;
    color: 666;
    font-weight: 500;
    line-height: 22px
}

.recipes h3 {
    font-size: 20px;
    color: #191919;
    font-weight: 700;
    margin-bottom: 10px
}

.check {
    position: relative;
    padding-left: 30px;
    color: #666;
    font-size: 16px;
    line-height: 20px
}

.shop-categorie-btn,
.shop-categorie-btn:hover {
    color: #FFF;
    text-decoration: none
}

.check i {
    position: absolute;
    font-size: 18px;
    left: 0
}

.number-add {
    width: 150px;
    float: left
}

.shop-categorie-btn {
    padding: 11px 30px;
    display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 30px;
    margin-left: 10px;
    font-size: 16px
}

.shop-description {
    color: #191919;
    font-size: 20px;
    font-weight: 600
}

.shop-des {
    margin-top: 60px
}

.shop-des p {
    font-size: 16px;
    margin-bottom: 10px
}

.shop-des ul {
    border-bottom: 1px solid #ddd
}

.shop-des ul li {
    border: 1px solid #ddd
}

.shop-des ul li.active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ff5722
}

.shop-des .tab-content {
    border: 1px solid #d1d1d1;
    padding: 30px;
    margin-top: -8px
}

.shop-des .tab-content .comment-box h2,
.shop-des .tab-content .item-desc,
.shop-des .tab-content .item-desc h3,
.shop-des .tab-content .recipes h3 {
    margin-top: 0
}

.recipes-h3-top-margin {
    margin-top: 20px
}

.cart-head-img {
    background-image: url(../img/header-image/cart-head.jpg);
    min-height: 500px;
    background-position: center
}

.cart-head-img-black {
    background-color: rgba(0, 0, 0, .4);
    min-height: 500px;
    width: 100%
}

.cart-head-img h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    margin-top: 17%
}

.cart-head-img p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.cart-head-img span {
    display: inline-block;
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.cart-head-img span b {
    font-weight: 800
}

.cart-head-img span a {
    text-decoration: none;
    color: #FFF
}

.coupon,
.update-cart {
    padding: 8px 15px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

.coupon {
    margin-left: 8px;
    margin-top: 3px
}

.update-cart {
    background-color: #666;
    display: inline-block;
    float: right
}

.input-close a i {
    transition: all .3s
}

.input-close a:hover i {
    color: #191919
}

.checkout {
    margin-top: 30px
}

.alert-faq .checkout {
    margin-top: 20px
}

.alert-faq #section1 {
    border: 1px solid #eee;
    padding: 12px;
    margin-bottom: 20px;
    font-weight: 400
}

.alert-faq #section1 a,
.checkout h2,
.story-head p {
    font-weight: 700
}

.alert-faq .accordian-body .faq {
    border: 1px solid #eee;
    margin-bottom: 20px;
    background-color: transparent;
    padding: 12px 20px
}

.alert-faq .accordian-body .faq p {
    color: #333;
    margin-bottom: 15px;
    line-height: 26px
}

.alert-faq a {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 5px
}

.alert-coupon {
    border-radius: 6px;
    line-height: 40px
}

.alert-faq span {
    float: left;
    padding: 0;
    margin-right: 25px;
    background: 0 0
}

.lost-pwd {
    color: #333
}

.checkout h2 {
    font-size: 24px;
    color: #191919;
    margin-bottom: 30px;
    letter-spacing: 2px
}

.checkout h3 {
    font-size: 16px;
    color: #333;
    margin-top: 0
}

.checkout input {
    width: 100%;
    line-height: 50px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    text-indent: 20px
}

.checkout .order-notes {
    height: 100px
}

.checkout .form-control {
    line-height: 50px;
    height: 50px;
    margin-bottom: 15px
}

.checkout .form-control option {
    height: 30px
}

.checkout label {
    margin-left: 10px
}

.check-faq .accordian-body .faq {
    background-color: transparent
}

.check-faq .accordian-body .faq p {
    color: #333;
    margin-bottom: 15px
}

.check-faq #section1 {
    cursor: pointer;
    padding-bottom: 0
}

.checkbox-span .accordion-close span {
    float: left;
    margin-right: 15px;
    background: url(../img/check-box/off.jpg) center center no-repeat;
    padding: 10px;
    display: block
}

.checkbox-span .accordion-open span {
    float: left;
    margin-right: 15px;
    background: url(../img/check-box/on.jpg) center center no-repeat;
    padding: 10px;
    display: block
}

.pay-faq .accordion-close span,
.pay-faq .accordion-open span {
    float: left;
    padding: 8px;
    margin-right: 25px;
    display: block;
    margin-top: 5px;
    cursor: pointer
}

.pay-faq .accordion-close span {
    background: url(../img/Redio%20button/Off.png) center center no-repeat
}

.pay-faq .accordion-open span {
    background: url(../img/Redio%20button/On.png) center center no-repeat
}

.event-head-img,
.story-left,
.story-team-bg {
    background-position: center
}

.counter-bg,
.event-huge-bg,
.event-room-bg,
.story-team-bg {
    background-attachment: fixed
}

.come-soon-bg,
.counter-bg,
.event-head-img,
.event-huge-bg,
.event-room-bg,
.recipe-head-img,
.story-head,
.story-left,
.story-team-bg {
    background-size: cover
}

.pay-faq {
    background-color: #f4f4f4;
    border: 1px solid #eee;
    padding: 10px;
    margin-top: 30px
}

.pay-faq h4 {
    display: inline
}

.pay-faq a.coupon {
    float: right;
    margin: 10px 0
}

.pay-faq #section1 {
    margin-top: 0;
    background-color: transparent
}

.pay-faq .accordian-body .faq {
    background-color: #fff;
    color: #333;
    position: relative;
    border: 1px solid #eee
}

.pay-faq .accordian-body .faq p {
    color: #333
}

.payment-box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 1em;
    content: "";
    display: block;
    left: 0;
    margin: -1em 0 0 2em;
    position: absolute;
    top: -.75em
}

.blog-head-img span,
.story-head span,
.story-right a,
.story-team-bg a,
.story-top-head-img {
    display: inline-block
}

.story-head {
    background-image: url(../img/header-image/about-head-img.jpg);
    min-height: 500px
}

.story-head-black {
    background-color: rgba(0, 0, 0, .1);
    min-height: 500px;
    width: auto
}

.story-left,
.story-right {
    width: 50%;
    float: left;
    height: 600px
}

.story-head h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    margin-top: 17%
}

.story-head p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 32px
}

.story-head span {
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.story-head span b {
    font-weight: 800
}

.story-head span a {
    text-decoration: none;
    color: #FFF
}

.story-top-head {
    font-size: 40px;
    margin-top: 0;
    line-height: 62px;
    color: #191919
}

.story-top-head-p {
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 23px
}

.story-top-head-b {
    font-size: 20px
}

.story-left {
    background-image: url(../img/story-left.jpg)
}

.story-right {
    background-color: #191919
}

.story-right h2 {
    font-size: 40px;
    color: #FFF
}

.story-right p {
    font-size: 30px;
    color: #FFF;
    line-height: 1.3;
    max-width: 500px;
    margin: 30px 0
}

.story-right a {
    font-weight: 700;
    text-decoration: none;
    color: #FFF;
    line-height: 30px
}

.story-right a:hover {
    color: #FFF
}

.story-mission {
    margin-top: 50px
}

.story-team-bg {
    background-image: url(../img/story-bg.jpg)
}

.story-team-bg-black {
    background-color: rgba(0, 0, 0, .4);
    height: auto;
    width: auto;
    padding: 100px 0
}

.story-team-bg h2 {
    font-size: 40px;
    font-family: Pacifico;
    color: #FFF;
    line-height: 60px;
    margin-top: 0
}

.story-team-bg p {
    font-size: 18px;
    line-height: 26px;
    color: #FFF
}

.story-team-bg a {
    font-weight: 700;
    text-decoration: none;
    color: #FFF;
    line-height: 30px;
    margin-top: 30px
}

.story-team-bg a:hover {
    color: #FFF
}

.counter-bg {
    background-image: url(../img/counter-up-bg.jpg);
    padding: 150px 0
}

.flaticon-coffee-cup,
.flaticon-cooker {
    font-size: 72px;
    color: #ff5722
}

.flaticon-cover,
.flaticon-restaurant {
    color: #ff5722
}

.counter-p {
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
    margin-top: 15px
}

.count {
    font-size: 83px;
    color: #FFF;
    line-height: 80px
}

.counter-underline {
    width: 45px;
    height: 4px;
    margin: 0 auto
}

.chef-body h2 {
    font-size: 20px;
    font-weight: 700
}

.chef-body h4 {
    font-size: 16px;
    color: #191919;
    font-weight: 500
}

.chef-body p {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    line-height: 22px
}

.blog-head-img {
    background-image: url(../img/header-image/blog-head-img.jpg);
    min-height: 500px;
    background-size: cover
}

.blog-head-img-black {
    background-color: rgba(0, 0, 0, .4);
    min-height: 500px;
    width: 100%
}

.blog-head-img h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    margin-top: 17%
}

.blog-head-img p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.blog-head-img span {
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.blog-head-img span b {
    font-weight: 800
}

.blog-head-img span a {
    text-decoration: none;
    color: #FFF
}

.article-img {
    margin-bottom: 20px
}

.article-img img {
    transition: all .4s ease 0s
}

.article-body {
    padding-left: 70px;
    position: relative
}

.article-body p {
    line-height: 26px;
    margin-right: 0;
    margin-top: 15px
}

.article-body h3 {
    font-size: 26px;
    color: #191919;
    margin-bottom: 15px;
    line-height: 34px
}

@media screen and (max-width:640px) {
    .article-body {
        padding-left: 0
    }

    .article-body h3 {
        padding-left: 70px
    }
}

.date {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    font-weight: 600;
    color: #FFF;
    position: absolute;
    left: 0;
    font-size: 17px;
    line-height: 20px;
    padding-top: 3px
}

.date span {
    font-size: 12px;
    display: block
}

.article-body-span {
    margin-right: 15px
}

@media screen and (max-width:360px) {
    .article-body-span {
        margin-right: 15px;
        display: block;
        margin-bottom: 5px
    }
}

.article-body-span a {
    text-decoration: none;
    color: #666;
    transition: all .4s
}

.article-read {
    padding: 15px 30px;
    border-radius: 11px;
    -webkit-border-radius: 11px;
    display: inline-block;
    margin-top: 15px;
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
    line-height: normal
}

.page-1,
.prev-blog {
    border: 1px solid #d1d1d1;
    display: inline-block;
    text-decoration: none
}

.article-read:hover {
    text-decoration: none;
    color: #FFF
}

.btm-line {
    width: auto;
    height: 4px;
    background-color: #262b2a;
    margin: 40px 0 18px
}

.blog-social ul li a,
.page-1 {
    background-color: transparent;
    height: 50px;
    text-align: center
}

.prev-blog {
    font-size: 14px;
    color: #191919;
    width: 80px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 800
}

.blog-social ul li a,
.blog-social ul ul li a,
.page-1 {
    width: 50px;
    line-height: 50px
}

.prev:hover {
    text-decoration: none;
    color: #262b2a
}

.page-1 {
    font-size: 17px;
    color: #191919;
    font-weight: 600;
    margin-right: 5px;
    transition: all .4s
}

.page-1:hover {
    text-decoration: none;
    color: #FFF;
    border: none
}

.blog-social {
    display: inline-block;
    margin-left: 20px
}

.blog-social ul {
    padding-left: 0
}

.blog-social ul li a {
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    color: #191919;
    transition: delay .3s
}

.blog-social ul ul li {
    float: none;
    position: relative;
    z-index: 5;
    margin-right: 10px
}

.blog-social ul ul {
    display: none;
    position: absolute
}

.blog-social ul li:hover>ul {
    display: inline-flex;
    margin-top: -48px;
    padding-left: 65px
}

.blog-social ul ul li a {
    display: inline-block;
    text-decoration: none;
    padding: 0 15px;
    color: #333;
    transition: all .3s
}

.divider {
    background-color: #f1f1f1;
    height: 1px;
    margin: 40px 0 50px
}

.categories h3 {
    margin-top: 0;
    font-size: 34px;
    margin-bottom: 18px
}

.categories span {
    width: 90px;
    height: 3px;
    background-color: #191919;
    display: inline-block;
    margin-bottom: 20px
}

.categories ul {
    padding-left: 0
}

.categories ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1
}

.categories ul li i {
    line-height: 24px;
    font-size: 18px
}

.categories ul li a {
    font-size: 16px;
    color: #666;
    transition: all .3s
}

.categories ul li a:hover {
    text-decoration: none
}

.special {
    margin-top: 50px;
    margin-bottom: 30px
}

.special h3 {
    margin-top: 0;
    font-size: 34px;
    color: #b5121b
}

.special span {
    width: 100px;
    height: 2px;
    background-color: #262b2a;
    display: inline-block;
    margin-bottom: 20px
}

.special-img {
    z-index: -1
}

.special-inn .special-img img {
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.special-h4 {
    position: absolute;
    top: 0;
    z-index: 1;
    min-height: 167px;
    width: 90%
}

.special-h4 h4 {
    font-size: 28px;
    color: #FFF;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 232px;
    cursor: pointer
}

.special-inn {
    margin-bottom: 25px;
    position: relative
}

@media (min-width:980px) and (max-width:1279px) {
    .special-h4 {
        position: absolute;
        top: 0;
        z-index: 1;
        min-height: 167px;
        width: 90%;
        bottom: 0
    }

    .special-h4 h4 {
        line-height: 297px
    }
}

.recent-post {
    position: relative;
    padding-left: 140px;
    min-height: 92px
}

.recent-post .recent-post-img img {
    position: absolute;
    left: 0;
    transition: all .4s ease 0s
}

.recent-post-img:hover img {
    transform: scale(1.05)
}

.recent-post a h3 {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    font-family: Raleway;
    margin-bottom: 10px;
    line-height: 20px;
    transition: all .4s
}

.event-head-img h2,
.event-left h2,
.event-room-bg h2,
.events h2 {
    font-family: Pacifico
}

.recent-post a:hover h3 {
    color: #ff5722
}

.recent-post p {
    font-size: 14px;
    line-height: 20px
}

.recent-post p a {
    font-size: 14px;
    transition: all .4s
}

.recent-post p a:hover {
    color: #666;
    text-decoration: none
}

.categories .divider {
    margin: 25px 0
}

.blog-quote-span {
    font-weight: 600;
    color: #262c2c;
    letter-spacing: 2px
}

.comment-box h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px
}

.comment-box .divider {
    margin: 30px 0
}

.comment-1 {
    position: relative;
    padding-left: 140px;
    margin-top: 30px;
    min-height: 121px
}

.comment-1 img {
    position: absolute;
    left: 0
}

.comment-1 h4 {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    display: inline
}

.comment-1 a:hover,
.comment-2 a:hover {
    color: #ff5722
}

.comment-1 a {
    text-decoration: none;
    transition: all .4s
}

.comment-1 span {
    font-size: 14px;
    display: inline-block
}

.comment-1 font {
    font-size: 14px
}

.comment-1 p {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px
}

.comment-2 {
    position: relative;
    padding-left: 200px;
    margin-top: 30px;
    min-height: 121px
}

.comment-2 a {
    text-decoration: none;
    transition: all .4s
}

.comment-2 img {
    position: absolute;
    left: 57px
}

.comment-2 h4 {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    display: inline
}

.comment-2 span {
    font-size: 14px;
    display: inline-block
}

.comment-2 font {
    font-size: 14px
}

.comment-2 p {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px
}

.leave-comt h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 40px
}

.leave-comt p {
    display: inline
}

@media (min-width:320px) and (max-width:540px) {

    .comment-1,
    .comment-2 {
        padding-left: 0;
        text-align: center
    }

    .comment-1 img {
        display: inline-block;
        position: relative
    }

    .comment-1 h4 {
        display: block
    }

    .comment-2 img {
        display: inline-block;
        position: relative;
        left: 0
    }

    .comment-2 h4 {
        display: block
    }
}

.come-soon-bg img,
.enquire-btn,
.error-a,
.error-img span,
.event-contact ul,
.event-head-img span,
.event-info,
.events-p,
.recipe-head-img span {
    display: inline-block
}

.event-head-img {
    background-image: url(../img/header-image/event-head-img.jpg);
    min-height: 500px
}

.event-head-img-black {
    background-color: rgba(0, 0, 0, .4);
    min-height: 500px;
    width: 100%
}

.event-head-img h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    margin-top: 17%
}

.event-head-img p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.event-head-img span {
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.event-head-img span b {
    font-weight: 800
}

.event-head-img span a {
    text-decoration: none;
    color: #FFF
}

.events h2 {
    font-size: 50px;
    margin-top: 0;
    line-height: 1.2
}

.events-p {
    font-size: 20px;
    line-height: 1.4;
    max-width: 800px;
    margin-top: 30px
}

.event-info {
    font-size: 16px;
    max-width: 600px;
    margin-top: 20px;
    line-height: 25px
}

.event-room-bg {
    background-image: url(../img/event-room-bg.jpg)
}

.event-room-bg-black {
    background-color: rgba(0, 0, 0, .5);
    height: auto;
    width: auto;
    padding: 100px 0
}

.error-img-black,
.recipe-head-img-black {
    background-color: rgba(0, 0, 0, .4);
    min-height: 500px;
    width: 100%
}

.event-room-bg p {
    color: #FFF;
    font-size: 20px;
    font-weight: 700
}

.event-room-bg h2 {
    color: #FFF;
    font-size: 90px;
    margin-top: 0
}

.event-row {
    margin-top: 50px
}

.event-left h5 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px
}

.event-left h2 {
    color: #191919;
    font-size: 60px;
    margin: 30px 0
}

.event-left p {
    font-size: 18px;
    line-height: 1.4
}

.capcities {
    margin-top: 40px
}

.capcities h3 {
    font-size: 20px;
    color: #191919;
    font-weight: 700;
    margin-bottom: 20px
}

.facility {
    padding-left: 30px;
    position: relative
}

.facility i {
    position: absolute;
    left: 0;
    line-height: 1.3
}

.facility p {
    font-size: 16px
}

.enquire-btn {
    padding: 17px 45px;
    text-decoration: none;
    color: #FFF;
    font-weight: 700;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 25px
}

.enquire-btn:hover {
    text-decoration: none;
    color: #FFF
}

.event-huge-bg {
    background-image: url(../img/event-huge.jpg);
    background-position: bottom
}

.event-huge-bg p {
    color: #FFF;
    font-size: 20px;
    font-weight: 700
}

.event-huge-bg h2 {
    color: #FFF;
    font-size: 90px;
    font-family: Pacifico;
    margin-top: 0
}

.huge-info h3,
.huge-info-right h3 {
    color: #191919;
    font-family: Pacifico
}

.huge-info h3 {
    font-size: 30px;
    margin-top: 0
}

.huge-info p,
.huge-info-right p {
    margin: 25px 0
}

.huge-info p {
    font-size: 20px;
    line-height: 28px
}

.huge-info span,
.huge-info-right p {
    font-size: 16px;
    line-height: 25px
}

.huge-info-right h3 {
    font-size: 30px;
    margin-top: 0
}

.event-enqury {
    border: 10px solid #191919;
    padding: 50px 100px;
    margin-top: 40px
}

.event-enqury h3 {
    font-size: 30px;
    color: #FFF;
    font-family: Pacifico;
    margin-top: 0;
    margin-bottom: 25px
}

.event-enqury p {
    font-size: 20px;
    color: #FFF;
    line-height: 1.3;
    max-width: 700px;
    display: inline-block
}

.event-contact h2 {
    font-size: 20px;
    color: #FFF;
    margin-top: 25px;
    font-weight: 700
}

.event-contact ul {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 15px
}

.event-contact ul li {
    float: left;
    color: #FFF;
    font-size: 20px;
    padding: 0 15px
}

.border-right {
    border-right: 1px solid #FFF
}

.recipe-head-img {
    background-image: url(../img/header-image/recipe-head-img.jpg);
    min-height: 500px;
    background-position: center
}

.recipe-head-img h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    font-family: Pacifico;
    margin-top: 17%
}

.recipe-head-img p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.recipe-head-img span {
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.recipe-head-img span b {
    font-weight: 800
}

.recipe-head-img span a {
    text-decoration: none;
    color: #FFF
}

.error-img {
    background-image: url(../img/header-image/404-error-head-img.jpg);
    min-height: 500px;
    background-position: bottom
}

.error-img h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    font-family: Pacifico;
    margin-top: 17%
}

.error-img p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.error-img span {
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.error-img span b {
    font-weight: 800
}

.error-img span a {
    text-decoration: none;
    color: #FFF
}

.error-a,
.error-a:hover {
    color: #191919
}

.error-a {
    font-weight: 700;
    text-decoration: none;
    line-height: 30px;
    margin-top: 15px
}

.error-bg {
    background-image: url(../img/book-table-bg.jpg)
}

.error-bg-white {
    background-color: rgba(255, 255, 255, .95);
    width: auto;
    height: auto
}

.come-soon-bg {
    background-image: url(../img/slider/slider-1.jpg.jpeg)
}

.come-soon-bg h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    font-family: Pacifico;
    margin-top: 2%
}

.come-soon-bg p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px
}

.come-soon-bg img {
    margin-top: 20%
}

.buttons h2,
.buttons h3 {
    font-weight: 700;
    margin-top: 0
}

.come-soon-black {
    background-color: rgba(0, 0, 0, .5);
    min-height: 800px;
    width: auto
}

.buttons h2 {
    font-size: 26px
}

.buttons h3 {
    font-size: 20px
}

.large a,
.medium a {
    font-weight: 800;
    display: inline-block;
    margin-top: 15px;
    color: #fff
}

.buttons a {
    margin-right: 15px
}

.medium a {
    line-height: 30px;
    border-radius: 8px;
    padding: 8px 20px
}

.large a {
    border-radius: 6px;
    padding: 18px 40px
}

.element-table tr td,
.element-table tr th {
    border: 1px solid #f3f3f3;
    padding: 10px 15px
}

.element .divider {
    margin: 50px 0
}

.element-faq {
    margin-top: 15px
}

.element-faq .accordion {
    background-color: #474747;
    color: #fff
}

.element-faq .accordian-body .faq {
    color: #474747;
    background-color: transparent
}

.element-faq .accordian-body .faq p {
    color: #474747
}

.client-sld {
    margin-top: 30px
}

.element-table h2 {
    margin-bottom: 40px
}

.element-table {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em
}

.element-table table {
    width: 100%
}

.element-table tr th {
    background-color: #fafafa;
    color: #191919
}

.element .icons-example .columns {
    float: left
}

.element .icons-example ul {
    list-style: none;
    padding-left: 0;
    width: 25%
}

.element .icons-example ul li {
    line-height: 26px
}

.element .headline h3,
.element h2 {
    margin-bottom: 30px
}

.pricing .plans-body {
    border: 2px solid #f1f1f1;
    transition: all .3s
}

.pricing .plans-body:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3)
}

.pricing .plans-body h2,
.pricing .plans-body h3,
.pricing .plans-body p,
.pricing .plans-body ul li a {
    color: #191919
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    font-weight: 700
}

.tool-tip p a {
    color: #06F
}

.list-style {
    margin-top: 40px
}

.list-style ul li {
    border-bottom: 0;
    padding-bottom: 0
}

.list-style .check {
    margin-bottom: 10px
}

.typo-col .col-top {
    margin-top: 20px
}

.typo-divider .line-divider {
    background-color: #e0e0e0;
    height: 1px;
    width: 100%;
    margin: 30px 0 10px
}

.typo-divider .d-line-divider {
    background-color: #e0e0e0;
    height: 2px;
    width: 100%;
    margin: 30px 0 10px
}

.accordion,
.accordion-open {
    background: #FFF
}

.typo-divider .dot-divider {
    border-bottom: 2px dotted #e0e0e0;
    margin: 30px 0 10px
}

.typo-divider .dashed-divider {
    border-bottom: 2px dashed #e0e0e0;
    margin: 30px 0 10px
}

.alert-typo h2 {
    margin-bottom: 30px
}

.accordion {
    margin: 10px 0 0;
    padding: 10px;
    height: auto;
    text-decoration: none;
    font-weight: 600
}

.accordion-open span {
    display: block;
    float: right;
    padding: 10px;
    background: url(../img/icon-minus-round-128.png) center no-repeat
}

.accordion-close span {
    display: block;
    float: right;
    background: url(../img/add-128.png) center no-repeat;
    padding: 10px
}

.accordian-body {
    padding: 0;
    margin: 0
}

div.faq {
    background: #474747;
    margin: 0;
    padding: 10px
}

div.faq p,
div.faqt ul {
    margin: 0;
    padding: 3px;
    color: #FFF;
    font-weight: 500;
    line-height: 22px;
    word-spacing: 2px
}

div.faq ul li {
    list-style-position: inside;
    line-height: 25px
}

div.faq ul li a {
    color: #555
}

code {
    overflow: auto
}

.contact-head-img {
    /*background-image: url(../img/contact-head.jpg);*/
    background-size: cover;
    min-height: 500px;
    background-position: bottom
}

.contact-head-img-black {
    background-color: rgba(0, 0, 0, .4);
    min-height: 500px;
    width: 100%
}

.contact-head-img h2 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    font-family: Pacifico;
    margin-top: 17%
}

.contact-head-img p {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px
}

.contact-head-img span {
    display: inline-block;
    margin-top: 12%;
    color: #FFF;
    font-weight: 700
}

.contact-head-img span b {
    font-weight: 800
}

.contact-head-img span a {
    text-decoration: none;
    color: #FFF
}

.contact-page-head h2 {
    font-family: Pacifico;
    font-size: 30px;
    color: #333;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 20px
}

.contact-page-head p {
    color: #333
}

.contact-page-head-border {
    border-right: 1px solid #d5d5d5
}

.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: .8em;
    width: 60%;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    font-weight: 400;
    -webkit-appearance: none
}

.input__field:focus {
    outline: 0
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #696969;
    font-weight: 700;
    font-size: 70.25%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none
}

.icon {
    color: #ddd;
    font-size: 150%
}

.input--nariko {
    overflow: hidden;
    padding-top: 30px
}

.input__field--nariko {
    width: 100%;
    opacity: 0;
    z-index: 100;
    color: #191919
}

.input__label--nariko {
    width: 100%;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    text-align: left;
    color: #8E9191;
    padding: 0 .5em
}

.input__label--nariko::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 64px;
    top: 100%;
    left: 0;
    background: rgba(155, 159, 159, .1);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, 1px, 0);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.input__label-content--nariko {
    padding: 12px 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: -webkit-transform .4s, color .4s;
    transition: transform .4s, color .4s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    color: #333;
    font-size: 16px
}

.book-table-bg-one .date-pick,
.date-pick {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 12px;
    position: relative;
    font-weight: 700
}

.input--filled .input__field--nariko,
.input__field--nariko:focus {
    cursor: text;
    opacity: 1;
    -webkit-transition: opacity 0s .4s;
    transition: opacity 0s .4s
}

.input--filled .input__label--nariko::before,
.input__field--nariko:focus+.input__label--nariko::before {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.book-table-bg a,
.submit-btn {
    display: inline-block;
    float: right;
    transition: all .4s;
    text-decoration: none
}

.black .input--filled .input__label-content--nariko,
.black .input__field--nariko:focus+.input__label--nariko .input__label-content--nariko {
    color: #191919;
    -webkit-transform: translate3d(0, -2.3em, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -2.3em, 0) scale3d(.81, .81, 1)
}

.black .textarea:focus+.input__label--nariko .input__label-content--nariko {
    color: #191919;
    -webkit-transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -3.8em, 0) scale3d(.81, .81, 1)
}

.book-table-bg-one .input--filled .input__label-content--nariko,
.book-table-bg-one .input__field--nariko:focus+.input__label--nariko .input__label-content--nariko {
    color: #fff;
    -webkit-transform: translate3d(0, -2.3em, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -2.3em, 0) scale3d(.81, .81, 1)
}

.textarea:focus+.input__label--nariko .input__label-content--nariko {
    color: #6B6E6E;
    -webkit-transform: translate3d(0, -140px, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -140px, 0) scale3d(.81, .81, 1)
}

.date-pick,
.date-pick placeholder,
.input i {
    color: #191919
}

.book-table-bg-one .date-pick {
    color: #191919;
    border-bottom: 4px solid rgba(255, 255, 255, .5)
}

.date-pick {
    border-bottom: 4px solid rgba(155, 159, 159, .1)
}

.input i {
    position: absolute;
    right: 10px;
    top: 46px
}

.submit-btn {
    padding: 17px 40px;
    color: #FFF;
    font-weight: 700;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 15px;
    line-height: normal
}

.submit-btn:hover {
    text-decoration: none;
    background-color: #fff
}

#map {
    height: 500px
}

.contact-head-u {
    width: 80px;
    height: 4px
}

.contact-det {
    padding-left: 50px;
    position: relative;
    margin-top: 30px
}

.contact-icon {
    position: absolute;
    left: 0;
    text-align: center
}

.branch,
.contact,
.footer ul li a {
    position: relative
}

.contact-icon .flaticon-envelope,
.contact-icon .flaticon-phone-call,
.contact-icon .flaticon-placeholder {
    font-size: 30px
}

.contact-det span {
    font-weight: 700;
    color: #191919
}

.contact-det span p {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0
}

.contact-det .contact-icon i.fa-clock-o {
    color: #ff5722;
    font-size: 40px
}

.contact-det-line {
    background-color: #d5d5d5;
    width: 100%;
    height: 1px;
    margin: 30px 0
}

.contact-btm-img {
    margin-bottom: 20px;
    margin-top: 40px
}

.branch {
    padding-left: 40px
}

.branch .flaticon-placeholder {
    font-size: 25px
}

.branch .flaticon-envelope,
.branch .flaticon-phone-call {
    font-size: 25px;
    line-height: 17px
}

.direction-btn {
    padding: 13px 20px;
    text-decoration: none;
    display: inline-block;
    color: #FFF;
    font-weight: 700;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 15px
}

.direction-btn:hover {
    text-decoration: none
}

.book-table-bg {
    background-image: url(../img/book-table-bg.jpg)
}

.book-table-bg-black {
    background-color: rgba(255, 87, 34, .9);
    height: auto;
    width: auto
}

.book-table-bg h2 {
    font-family: Pacifico;
    font-size: 50px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 15px
}

.book-table-bg p {
    font-size: 18px;
    color: #FFF;
    line-height: 27px
}

.book-table-bg a {
    background-color: #191919;
    padding: 23px 28px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
    line-height: normal
}

.book-table-bg a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #191919
}

.policy-bg {
    background-image: url(../img/book-table-btm.jpg);
    background-attachment: fixed
}

.policy-bg h2 {
    color: #FFF;
    font-size: 90px;
    font-family: Pacifico;
    margin-top: 0;
    line-height: 1.3
}

.foot-logo img {
    margin-bottom: 25px
}

.foot-logo-h3 {
    font-size: 16px;
    font-weight: 700
}

.footer ul {
    padding-left: 0
}

.footer ul li {
    float: left;
    margin: 0 5px
}

.footer ul li a {
    text-decoration: none;
    font-size: 20px;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #191919;
    transition: all .2s;
    -webkit-transition: all .2s
}

.footer ul li a:hover {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    top: -2px
}

.footer-h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: 3px
}

.footer-span {
    width: 70px;
    height: 3px;
    display: block;
    margin-bottom: 30px
}

.contact,
.posts,
.work-time {
    margin-bottom: 20px
}

.black-footer .posts a {
    color: #fff;
    transition: all .4s
}

.work-time p {
    float: left
}

.work-time span {
    text-align: right;
    display: block
}

.posts a {
    text-decoration: none;
    color: #191919;
    font-weight: 700;
    display: block;
    transition: all .4s;
    font-size: 16px;
    line-height: 24px
}

.foot-3-logo,
.footer-3-bg p,
.footer-3-bg ul,
.footer-3-btm span {
    display: inline-block
}

.posts a:hover {
    text-decoration: none
}

.posts span {
    font-size: 13px
}

.contact {
    padding-left: 30px
}

.contact i {
    position: absolute;
    left: 0;
    font-size: 26px
}

.payment {
    float: right
}

.payment-p {
    float: left;
    margin-right: 10px
}

.footer-bg {
    background-color: #191919;
    color: #FFF
}

.footer-pay-bg {
    background-color: #121212;
    color: #FFF
}

.footer-pay-bg .container p b,
.footer-white p b {
    font-weight: 500
}

.foot-logo a .flaticon-dinner {
    font-size: 54px
}

.footer-3-bg {
    background-image: url(../img/book-table-bg.jpg);
    color: #FFF
}

.footer-3-bg h3 {
    color: #FFF;
    margin-top: 40px
}

.footer-3-bg-black {
    background-color: rgba(0, 0, 0, .95);
    height: auto;
    width: auto
}

.footer-3-bg ul li a {
    color: #FFF
}

.footer-3-bg p {
    max-width: 300px;
    margin-top: 0
}

.footer-3-bg h2 {
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-top: 40px
}

.footer-3-btm .flaticon-envelope,
.footer-3-btm .flaticon-phone-call,
.footer-3-btm .flaticon-placeholder {
    font-size: 45px
}

.footer-3-btm h4 {
    color: #FFF;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0
}

.footer-3-btm span {
    width: 70px;
    height: 4px
}

.footer-3-btm p {
    color: #FFF;
    line-height: 25px;
    margin-top: 10px
}

.footer-3-mar-tp {
    margin-top: 30px
}

.footer-btm-p {
    padding: 25px 0;
    margin-bottom: 0
}

@media (min-width:320px) and (max-width:480px) {

    .footer-pay-p,
    .menu-list b,
    .menu-list h4,
    .menu-list span {
        text-align: center
    }

    .comment-2 img,
    .recent-post .recent-post-img img {
        position: relative
    }

    .margin-btm-img {
        margin-bottom: 30px
    }

    .padd-70,
    .padd-90 {
        padding: 40px 0
    }

    .menu-caption-bg h2 {
        font-size: 30px
    }

    figure.effect-steve h2 {
        font-size: 22px
    }

    .menu-list b,
    .menu-page-list-2 b {
        font-size: 16px;
        float: none
    }

    .restora {
        padding: 30px 0
    }

    .menu-list span {
        margin: 5px 0
    }

    .hour-work,
    .location,
    .recent-posts {
        margin-top: 30px
    }

    .res-blc {
        display: none
    }

    .payment,
    .payment-p {
        float: none
    }

    figure:hover a {
        line-height: 240px
    }

    .story-left,
    .story-right {
        width: 100%;
        height: 600px
    }

    .menu-page-list-2 {
        padding-top: 8px
    }

    .menu-page-list-2 span {
        font-size: 20px;
        text-align: left
    }

    .menu-page-list-2 h4 {
        font-size: 12px
    }

    .menu-list-2 b {
        font-size: 14px;
        float: none
    }

    .menu-list-2 span {
        text-align: center;
        font-size: 20px;
        margin: 5px 0
    }

    .blog-social,
    .shop-categorie-btn {
        margin-left: 0
    }

    .menu-list-2 h4 {
        font-size: 12px;
        text-align: center
    }

    .content h2,
    .slider-2 h2 {
        font-size: 32px
    }

    .slider-2 h2 {
        line-height: 1.2
    }

    .newslatter-bg h2 {
        font-size: 30px
    }

    .story-head h2 {
        font-size: 40px;
        margin-top: 55%
    }

    .story-head p {
        font-size: 14px;
        margin-top: 25px
    }

    .story-head span {
        margin-top: 35%
    }

    .book-table-bg a {
        float: none;
        margin-top: 15px
    }

    .book-table-bg p {
        text-align: center;
        margin-bottom: 15px
    }

    .blog-head-img h2,
    .contact-head-img h2,
    .error-img h2,
    .event-head-img h2,
    .gallery-head-bg h2,
    .head-img h2,
    .recipe-head-img h2,
    .shop-head-img h2 {
        font-size: 40px;
        margin-top: 30%;
        line-height: 56px
    }

    .blog-head-img p,
    .contact-head-img p,
    .error-img p,
    .event-head-img p,
    .gallery-head-bg p,
    .head-img p,
    .recipe-head-img p,
    .shop-head-img p {
        font-size: 16px
    }

    .blog-head-img span,
    .contact-head-img span,
    .error-img span,
    .event-head-img span,
    .gallery-head-bg span,
    .head-img span,
    .recipe-head-img span,
    .shop-head-img span {
        margin-top: 45%
    }

    .special-h4 h4 {
        font-size: 20px;
        line-height: 167px
    }

    .blog-social ul li:hover>ul {
        margin-top: -34px;
        padding-left: 45px
    }

    .comment-2,
    .recent-post {
        padding-left: 0
    }

    .blog-social ul ul li a {
        width: 35px;
        line-height: 35px;
        padding: 0
    }

    .blog-social ul li a {
        height: 35px;
        width: 35px;
        line-height: 35px
    }

    .blog-social ul {
        margin-top: 10px
    }

    .blog-social {
        display: block
    }

    .story-top-head {
        font-size: 28px
    }

    .available {
        float: none;
        margin-bottom: 10px
    }

    .event-right-img,
    .shop-cat-img {
        margin-bottom: 30px
    }

    .review {
        float: none
    }

    .shop-des .tab-content {
        margin-top: -1px
    }

    .shop-description {
        font-size: 16px
    }

    .menu-page-list-tit {
        padding-right: 19px
    }

    .menu-page-list-tit h4 {
        font-size: 15px
    }

    .event-huge-bg h2,
    .event-left h2,
    .event-room-bg h2,
    .index-4-center-bg h2,
    .index-4-top-bg h2,
    .policy-bg h2 {
        font-size: 40px
    }

    .border-right {
        border: 0
    }

    .huge-info-right h3 {
        margin-top: 30px
    }

    .book-table-bg h2 {
        text-align: center;
        font-size: 40px;
        line-height: 1.3
    }

    .restora h2 {
        font-size: 30px
    }

    .index-tab ul li a {
        font-size: 16px
    }

    .story-top-head-img {
        margin-top: 40px
    }

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

    .prev {
        width: 60px
    }

    .recent-post a h3 {
        margin-top: 5px
    }

    .contact-page-head-border {
        border-right: 0 solid #d5d5d5
    }

    .element .icons-example ul {
        width: 100%
    }

    .counter-sec div {
        height: 50px;
        width: 50px
    }

    .pay-faq a.coupon {
        float: none;
        display: inline-block
    }

    #portfolio-grid {
        margin-top: 40px
    }
}

@media (min-width:481px) and (max-width:767px) {

    .book-table-bg h2,
    .book-table-bg p,
    .footer-pay-p {
        text-align: center
    }

    .padd-90 {
        padding: 60px 0
    }

    .margin-btm-img {
        margin-bottom: 30px
    }

    .hour-work,
    .location,
    .recent-posts {
        margin-top: 30px
    }

    .restora {
        padding: 30px 0
    }

    .res-blc {
        display: none
    }

    .payment,
    .payment-p {
        float: none
    }

    .story-left,
    .story-right {
        width: 100%;
        height: 600px
    }

    .story-head h2 {
        font-size: 40px;
        margin-top: 45%
    }

    .story-head p {
        font-size: 16px;
        margin-top: 25px
    }

    .story-head span {
        margin-top: 20%
    }

    .book-table-bg a {
        float: none;
        margin-top: 15px
    }

    .blog-head-img span,
    .contact-head-img span,
    .error-img span,
    .event-head-img span,
    .gallery-head-bg span,
    .head-img h2,
    .head-img span,
    .recipe-head-img span,
    .shop-head-img span {
        margin-top: 30%
    }

    .book-table-bg p {
        margin-bottom: 15px
    }

    .event-right-img,
    .shop-cat-img {
        margin-bottom: 30px
    }

    .head-img h2 {
        font-size: 50px;
        line-height: 60px
    }

    .blog-head-img h2,
    .contact-head-img h2,
    .error-img h2,
    .event-head-img h2,
    .gallery-head-bg h2,
    .recipe-head-img h2,
    .shop-head-img h2 {
        font-size: 50px;
        margin-top: 30%;
        line-height: 60px
    }

    .blog-head-img p,
    .contact-head-img p,
    .error-img p,
    .event-head-img p,
    .gallery-head-bg p,
    .head-img p,
    .recipe-head-img p,
    .shop-head-img p {
        font-size: 16px
    }

    .event-huge-bg h2,
    .event-left h2,
    .event-room-bg h2,
    .policy-bg h2 {
        font-size: 60px
    }

    .shop-des ul li {
        border: 1px solid #ddd;
        float: left
    }

    .shop-des .tab-content {
        margin-top: -5px
    }

    .huge-info-right h3,
    .margin-top {
        margin-top: 30px
    }

    .menu-page-list-tit {
        padding-right: 171px
    }

    .border-right {
        border: 0
    }

    .event-contact ul li {
        float: none
    }

    .menu-list-2 b {
        font-size: 18px;
        float: left;
        text-align: left
    }

    .story-top-head-img {
        margin-top: 40px
    }

    .contact-page-head-border {
        border-right: 0 solid #d5d5d5
    }

    .element .icons-example ul {
        width: 100%
    }

    .counter-sec div {
        height: 50px;
        width: 50px
    }

    .pay-faq a.coupon {
        float: none;
        display: inline-block
    }

    #portfolio-grid {
        margin-top: 50px
    }
}

@media (min-width:768px) and (max-width:1023px) {

    .location,
    .recent-posts {
        margin-top: 30px
    }

    .margin-btm-img {
        margin-bottom: 30px
    }

    .menu-list-2 b {
        font-size: 18px;
        float: left;
        text-align: left
    }

    .restora {
        padding: 30px 0
    }

    .payment,
    .payment-p {
        float: none
    }

    .footer-pay-p {
        text-align: center
    }

    figure:hover a {
        line-height: 295px
    }

    .story-left {
        width: 40%;
        height: 600px
    }

    .story-right {
        width: 60%;
        height: 600px
    }

    .story-head h2 {
        font-size: 54px;
        margin-top: 30%
    }

    .story-head p {
        font-size: 18px;
        margin-top: 25px
    }

    .recent-post {
        min-height: 92px
    }

    .index-tab ul li {
        margin: 0 25px
    }

    .huge-info-right h3,
    .margin-top {
        margin-top: 30px
    }

    .menu-page-list-tit {
        padding-right: 41px
    }

    .event-right-img {
        margin-bottom: 30px
    }

    .counter-sec {
        font-size: 100px
    }

    .story-top-head-img {
        margin-top: 40px
    }

    .contact-page-head-border {
        border-right: 0 solid #d5d5d5
    }

    .element .icons-example ul {
        width: 50%
    }

    .head-img h2 {
        margin-top: 25%
    }

    .head-img span {
        margin-top: 20%
    }

    .blog-head-img h2,
    .contact-head-img h2,
    .error-img h2,
    .event-head-img h2,
    .gallery-head-bg h2,
    .recipe-head-img h2,
    .shop-head-img h2 {
        margin-top: 25%
    }

    .blog-head-img span,
    .contact-head-img span,
    .error-img span,
    .event-head-img span,
    .gallery-head-bg span,
    .recipe-head-img span,
    .shop-head-img span {
        margin-top: 20%
    }
}

@media(min-width:1024px) and (max-width:1099px) {
    .foot-logo img {
        width: 68%
    }

    .footer-bg .container {
        width: 1000px
    }

    .footer-h2 {
        font-size: 18px
    }

    .contact p,
    .posts a,
    .work-time p,
    .work-time span {
        font-size: 15px
    }

    .footer ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .mega-menu .header-li>li {
        padding: 0 10px !important
    }
}

@media(min-width:1100px) and (max-width:1199px) {
    .foot-logo img {
        width: 68%
    }

    .footer-bg .container {
        width: 1080px
    }

    .footer ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .mega-menu .header-li>li {
        padding: 0 10px !important
    }
}

.bx-wrapper {
    width: 100%
}