/* 
------------------
Template Name: Happy Day Spa Spa & Therapy Ecommerce Template
Author: Themesitem
Author Email: themesitem@gmail.com
Template Designer: Noor Mohammad
------------------
更多精品模板请访问：http://www.bootstrapmb.com
Table of content Home page
============================
1.Header Part
2.Banner Part
3.About Part
4.Happy Day Spa's Service Part
5.Gallery Part
6.Join Member Part
7.Product Part
8.Testimonials Part
9.Seller Part
10.Footer Part

Table of content Home Page2
============================
1.Header Part
2.Banner Part
3.About Part
4.Happy Day Spa's Service Part
5.Gallery Part
6.Join Member Part
7.Appointment Part
8.Testimonials Part
9.Pricing Part
10.Brand Part
11.Footer Part

Table of content About Page
============================
1.Header Part
2.Breadcumb Part
3.About Part
4.Happy Day Spa's Service Part
5.Gallery Part
6.Footer Part

Table of content Gallery Page
========================================
1.Header Part
2.Breadcumb Part
3.Gallery Part
4.Happy Day Spa's Service Part
5.Pricing Part
6.Footer Part

Table of content Product List View Page
========================================
1.Header Part
2.Breadcumb Part
3.All Product Part
4.Footer Part

Table of content Product Details page
====================================================
1.Header Part
2.Breadcumb Part
3.All Product Part
4.Footer Part

Table of content Product Grid page
====================================================
1.Header Part
2.Breadcumb Part
3.All Product Part
4.Footer Part

Table of content Product Grid with Sidebar page
====================================================
1.Header Part
2.Breadcumb Part
3.All Product Part
4.Footer Part

Table of content Shoping Cart page
====================================================
1.Header Part
2.Breadcumb Part
3.Shoping Cart Part
4.Footer Part

Table of content Checkout page
=====================================
1.Header Part
2.Breadcumb Part
3.Checkout Part
4.Footer Part

Table of content Contact page
=====================================
1.Header Part
2.Breadcumb Part
3.Contact Part
4.Footer Part

Table of content Login page
=====================================
1.Header Part
2.Breadcumb Part
3.Checkout Part
4.Footer Part
*/


@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li.row,
figure,
figcaption,
address {
    margin-top: 0;
    margin-bottom: 0;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

button:hover,
button:focus {
    outline: 0;
}

.form-control:focus {
    box-shadow: none;
    outline: 0;
}

ol,
ul {
    list-style: none;
}

@font-face {
    src: url(../fonts/barkeley/BerkeleyRetrospectiveBlackSSiBlack.ttf);
    font-family: barkeleyBlack;
}

.bg {
    background: #f0be18;
}

h1,
h2,
h3 {
    font-family: barkeleyBlack;
}

.jr {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
}

.jsb {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    color: #353535;
}

h2 {
    color: #d5a84c;
    font-size: 32px;
    background: url(../images/shape.png) no-repeat center;
    padding: 25px 0;
    margin-bottom: 60px;
}

h3 {
    color: #cfaa64;
    font-size: 24px;
}

/*============== Ripple Out Effect CSS  Start ==================*/

@-webkit-keyframes abs-reflect {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes abs-reflect {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

/*============== Ripple Out Effect CSS End ==================*/

.form-control:focus {
    outline: 0;
    box-shadow: none;
}

.wh-btn .abs-reflect {
    display: inline-block;
    position: relative;
    color: #d5a84c;
    font-size: 20px;
    padding: 0 25px;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    background: #fff;
    line-height: 55px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    z-index: 999;
}

    .wh-btn .abs-reflect:before {
        content: '';
        position: absolute;
        border: 1px solid #fff;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
    }

    .wh-btn .abs-reflect:after {
        content: '';
        position: absolute;
        background: url(../images/white-border.png) no-repeat center;
        z-index: -1;
        left: 0;
        top: -18px;
        height: 82px;
        width: 100%;
        opacity: 0;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

.wh-btn span.abs-reflect {
    padding: 0;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ph-btn .abs-reflect {
    display: inline-block;
    position: relative;
    color: #d5a84c;
    font-size: 20px;
    padding: 0 22px;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    line-height: 50px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    border: 1px solid rgba(221, 82, 138, 0);
    margin-top: 50px;
    background: #fff;
    transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
}

    .ph-btn .abs-reflect:before {
        content: '';
        position: absolute;
        border: 1px solid #d5a84c;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
    }

    .ph-btn .abs-reflect:after {
        content: '';
        position: absolute;
        background: url(../images/button-border.png) no-repeat center;
        left: 0;
        top: -18px;
        height: 82px;
        width: 100%;
        z-index: -1;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        opacity: 1;
    }

    .ph-btn .abs-reflect:hover {
        background: #d5a84c;
        color: #fff;
    }

.icon-btn li {
    display: inline-block;
}

    .icon-btn li .abs-reflect {
        display: inline-block;
        position: relative;
        color: #dddddd;
        border: 1px solid #dddddd;
        font-size: 17px;
        border-radius: 70px;
        -webkit-border-radius: 70px;
        -moz-border-radius: 70px;
        -ms-border-radius: 70px;
        -o-border-radius: 70px;
        background: #fff;
        line-height: 42px;
        width: 40px;
        height: 40px;
        text-align: center;
        margin: 0;
        transition: all linear 0.4s;
        -webkit-transition: all linear 0.4s;
        -moz-transition: all linear 0.4s;
        -ms-transition: all linear 0.4s;
        -o-transition: all linear 0.4s;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
    }

        .icon-btn li .abs-reflect:before {
            content: '';
            position: absolute;
            border: 1px solid rgba(221, 82, 138, 0);
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            border-radius: 30px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px;
        }

        .icon-btn li .abs-reflect:hover {
            background: #d5a84c;
            color: #fff;
            border-color: #d5a84c;
        }

            .icon-btn li .abs-reflect:hover:before {
                border: 1px solid #d5a84c;
            }

.abs-reflect:hover:before,
.abs-reflect:focus:before,
.abs-reflect:active:before {
    -webkit-animation-name: abs-reflect;
    animation-name: abs-reflect;
}

.abs-reflect:hover:after {
    opacity: 1;
}

/*========================= Common  CSS End ======================== */

/*==================== Preloader CSS Start ========================== */

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    top: 0;
    left: 0;
    z-index: 999999;
}

    .preloader img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(.8);
    }

/*==================== Preloader CSS End ========================== */

/*================== Back to Top CSS Start ======================== */

.top_to i {
    width: 40px;
    height: 40px;
    background: #cfaa64;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    position: fixed;
    right: 20px;
    bottom: 30px;
    border-radius: 50%;
    z-index: 9999;
    cursor: pointer;
    display: none;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

/*================== Back to Top CSS End ======================== */

/*================== Header Part CSS Start ======================== */

header .top-area {
    background: #cfaa64;
}

    header .top-area p {
        line-height: 40px;
        color: #fff;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
    }

        header .top-area p span {
            padding-left: 30px;
        }

            header .top-area p span a {
                color: #fff;
            }

                header .top-area p span a:hover {
                    text-decoration: underline;
                }

header .navigation {
    padding: 22px 0;
    padding-bottom: 25px;
}

.sticky.navigation {
    padding: 0;
    position: fixed;
    width: 100%;
    top: 0;
    background: #fdfdfd;
    z-index: 5;
    animation: sticky .5s;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2);
}

@keyframes sticky {
    from {
        top: -100%;
    }

    top {
        top: 0;
    }
}

header .navigation nav .navbar-nav {
    margin-top: 35px;
}

header .sticky.navigation nav .navbar-brand img {
    transform: scale(.7);
}

header .sticky.navigation nav .navbar-nav {
    margin-top: 5px;
}

header .navigation nav .navbar-nav .nav-item .nav-link {
    padding: 0 20px;
    color: #353535;
    font-size: 20px;
    text-transform: capitalize;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    position: relative;
    display: block;
    cursor: pointer;
}

    header .navigation nav .navbar-nav .nav-item .nav-link:after {
        position: absolute;
        content: '';
        height: 44px;
        width: 100%;
        background: url(../images/border.png) no-repeat center;
        top: -10px;
        left: 0;
        opacity: 0;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

    header .navigation nav .navbar-nav .nav-item .nav-link:hover {
        color: #cfaa64;
    }

        header .navigation nav .navbar-nav .nav-item .nav-link:hover:after {
            opacity: 1;
        }

    header .navigation nav .navbar-nav .nav-item .nav-link.active {
        color: #cfaa64;
    }

        header .navigation nav .navbar-nav .nav-item .nav-link.active:after {
            opacity: 1;
        }

header .navigation nav .add-to-cart {
    padding-top: 30px;
}

header .navigation nav .navbar-nav .nav-item .nav-link i {
    font-size: 14px;
    vertical-align: middle;
}

header .navigation nav .navbar-nav .nav-item {
    position: relative;
}

    header .navigation nav .navbar-nav .nav-item ul {
        display: block;
        background: #fdfdfd;
        width: 210px;
        margin-top: 1px;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transition: all linear .6s;
        -webkit-transition: all linear .6s;
        -moz-transition: all linear .6s;
        -ms-transition: all linear .6s;
        -o-transition: all linear .6s;
        transform: translateY(70px);
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        -ms-transform: translateY(70px);
        -o-transform: translateY(70px);
        z-index: 99999;
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    }

header .sticky.navigation nav .navbar-nav .nav-item:hover > ul {
    transform: translateY(21px);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

header .navigation nav .navbar-nav .nav-item:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(24px);
}

header .navigation nav .navbar-nav .nav-item ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 20px;
}

    header .navigation nav .navbar-nav .nav-item ul li:last-child {
        border-bottom: 0;
    }

    header .navigation nav .navbar-nav .nav-item ul li a {
        color: #353535;
        font-size: 17px;
        text-transform: capitalize;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        display: block;
    }

        header .navigation nav .navbar-nav .nav-item ul li a:hover {
            color: #cfaa64;
        }

header .sticky.navigation nav .add-to-cart {
    padding-top: 0;
}

header .navigation nav .add-to-cart li {
    display: inline-block;
    color: #cfaa64;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
}

    header .navigation nav .add-to-cart li img {
        margin-top: -25px;
        margin-right: 10px;
    }

    header .navigation nav .add-to-cart li .cart_list {
        display: block;
    }

    header .navigation nav .add-to-cart li .price {
        display: block;
        line-height: 17px;
    }

.small-cart {
    display: none;
}

header .navigation .ph-btn .abs-reflect {
    margin-top: 0;
}

    header .navigation .ph-btn .abs-reflect:after {
        opacity: 0;
    }

    header .navigation .ph-btn .abs-reflect:hover:after {
        opacity: 1;
    }

header .navigation .nav-appo {
    margin-bottom: -34px;
}

header .sticky.navigation .nav-appo {
    margin-bottom: 0;
}

header .navigation .nav-appo a {
    color: #fdfdfd;
    font-size: 20px;
    padding: 0 25px;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    background: #d5a84c;
    line-height: 50px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    display: inline-block;
}

/*========================= Header Part CSS End ======================== */

/*========================= Banner Part CSS Start ======================== */

#banner {
    background: url(../images/banner.jpg) no-repeat center;
}

    #banner .banner-overlay {
        background: url(../images/overlay.png) no-repeat center;
        padding: 155px 0 64px;
    }

        #banner .banner-overlay h1 {
            color: #fff;
            font-size: 100px;
            margin-bottom: -18px;
        }

        #banner .banner-overlay h3 {
            font-size: 50px;
            color: #fff;
        }

        #banner .banner-overlay p {
            color: #fff;
            font-size: 16px;
            padding: 33px 0 53px;
        }

    #banner .wh-btn .abs-reflect::after {
        position: absolute;
        opacity: 1;
        left: -4px;
        top: -14px;
    }

/*======================== Banner Part CSS End ==================== */

/*======================== About Part CSS Start ==================== */

#about {
    padding-top: 69px;
}

    #about h2 {
        margin-bottom: 47px;
    }

    #about .about-left img {
        margin-top: 15px;
    }

    #about .about-content .item {
        padding-left: 85px;
        padding-bottom: 50px;
        position: relative;
    }

        #about .about-content .item h3 {
            padding-bottom: 10px;
        }

        #about .about-content .item img {
            border: 1px solid #cfaa64;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            transition: all linear 0.4s;
            -webkit-transition: all linear 0.4s;
            -moz-transition: all linear 0.4s;
            -ms-transition: all linear 0.4s;
            -o-transition: all linear 0.4s;
            background: #fff;
        }

        #about .about-content .item:after {
            position: absolute;
            content: '';
            width: 1px;
            height: 100%;
            background: url(../images/dotted.png) repeat-Y;
            top: 0;
            left: 35px;
            z-index: -1;
        }

        #about .about-content .item:last-child:after {
            height: 0;
        }

/*==================== About Part CSS End =================== */

/*================ Happy Day Spa's Service Part CSS Start ============= */

#Happy Day Spas-service {
    background: #ffd7e7;
    background: url(../images/service-bg.png) no-repeat center;
    position: relative;
    height: 245px;
    padding-top: 100px;
    margin-top: -50px;
}

    #Happy Day Spas-service .content {
        padding-left: 75px;
        position: relative;
    }

        #Happy Day Spas-service .content img {
            position: absolute;
            left: 0;
            top: 0;
        }

        #Happy Day Spas-service .content h4 {
            color: #353535;
            font-family: barkeleyBlack;
            font-size: 20px;
            padding-top: 10px;
        }

/*================ Happy Day Spa's Service Part CSS End =============*/

/*================ Gallery Part CSS Start =============*/

#gallery {
    padding-top: 70px;
    padding-bottom: 99px;
}

    #gallery .col-lg-3 {
        padding: 0 10px;
    }

    #gallery h2 {
        margin-bottom: 38px;
    }

    #gallery .gallery-items {
        position: relative;
        padding: 5px;
    }

        #gallery .gallery-items img {
            border: 5px solid #fff;
        }

        #gallery .gallery-items .gallery-overlay {
            background: rgba(128, 107, 182, 0.8);
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            opacity: 0;
            transition: all linear 0.4s;
            -webkit-transition: all linear 0.4s;
            -moz-transition: all linear 0.4s;
            -ms-transition: all linear 0.4s;
            -o-transition: all linear 0.4s;
        }

            #gallery .gallery-items .gallery-overlay h3 {
                color: #fff;
                position: absolute;
                bottom: 20px;
                width: 100%;
            }

        #gallery .gallery-items:hover .gallery-overlay {
            opacity: 1;
        }

.vbox-overlay {
    z-index: 999999;
}

.gal-price {
    padding-top: 49px !important;
}

/*================ Gallery Part CSS End ============= */

/*================ Join Member Part CSS Start ============= */

#join-member {
    padding: 30px 0;
    position: relative;
    padding-bottom: 33px;
}

    #join-member:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        background: url(../images/member.jpg) no-repeat center;
        background-size: cover;
        width: 100%;
        height: 100%;
        z-index: -4;
    }

    #join-member h3 {
        color: #fdfdfd;
        font-size: 32px;
    }

    #join-member h4 {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        color: #d5a84c;
        font-size: 24px;
    }

    #join-member .abs-reflect {
        background: #d5a84c;
        color: #fff;
        margin-top: 56px;
    }

        #join-member .abs-reflect:hover {
            background: #fff;
            color: #d5a84c;
        }

            #join-member .abs-reflect:hover:before {
                border-color: #fff;
            }

/*================ Join Member Part CSS End ============= */

/*================ Product Part CSS Start ============= */

#product {
    padding-top: 70px;
    padding-bottom: 20px;
    position: relative;
}

    #product h2 {
        margin-bottom: 47px;
    }

    #product figure {
        border: 1px solid #dddddd;
        transition: all linear 0.4s;
        -webkit-transition: all linear 0.4s;
        -moz-transition: all linear 0.4s;
        -ms-transition: all linear 0.4s;
        -o-transition: all linear 0.4s;
    }

        #product figure:hover {
            border: 1px solid #d5a84c;
        }

            #product figure:hover .cart-list .abs-reflect {
                border-color: #d5a84c;
            }

        #product figure .cart-list li {
            margin: 0 5px;
        }

        #product figure img {
            width: 100%;
        }

        #product figure figcaption {
            padding: 18px 0 33px;
            position: relative;
        }

            #product figure figcaption h4 {
                color: #353535;
                font-family: 'Josefin Sans', sans-serif;
                font-weight: 600;
                font-size: 20px;
                transition: all linear 0.3s;
                -webkit-transition: all linear 0.3s;
                -moz-transition: all linear 0.3s;
                -ms-transition: all linear 0.3s;
                -o-transition: all linear 0.3s;
            }

            #product figure figcaption .review {
                padding: 3px 0;
            }

                #product figure figcaption .review li {
                    display: inline-block;
                }

                    #product figure figcaption .review li i {
                        color: #d5a84c;
                        margin: 0px 2px;
                    }

            #product figure figcaption .cart-list {
                position: absolute;
                width: 100%;
                left: 50%;
                bottom: -20px;
                transform: translateX(-50%);
            }

                #product figure figcaption .cart-list li {
                    display: inline-block;
                }

        #product figure:hover .title {
            color: #d5a84c;
        }

    #product .col-lg-3 {
        padding-bottom: 29px;
    }

/*================ Product Part CSS End ============= */

/*================ Appointment Part CSS Start ============= */

#appointment {
    padding-top: 68px;
    padding-bottom: 20px;
    position: relative;
}

    #appointment h2 {
        margin-bottom: 48px;
    }

    #appointment form .form-control {
        border-radius: 0px;
    }

    #appointment form input {
        margin-bottom: 30px;
    }

.calender-icon {
    height: 34px;
}

#appointment .ph-btn .abs-reflect {
    margin-top: 29px;
}

#appointment .form-control {
    width: 100%;
    color: #777;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: italic;
    border: 1px solid #DDDDDD;
    line-height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
}

.calender-icon::-webkit-inner-spin-button,
.calender-icon::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

#appointment select {
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    color: #777;
}

#appointment .calender-icon {
    background: url(../images/calender.png) no-repeat 98% 50%;
}

#appointment .down-arrow {
    background: url(../images/arrow-down.png) no-repeat 98% 50%;
}

/*================ Appointment Part CSS End ============= */

/*================ Testimonial Part CSS Start ============= */

#testimonials {
    background: url(../images/testimonials-bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

    #testimonials .test-overlay {
        background: rgba(0, 0, 0, 0.3);
        padding: 60px 0;
    }

        #testimonials .test-overlay .client {
            background: #fff;
            border-right: 3px solid #d5a84c;
        }

            #testimonials .test-overlay .client h4 {
                color: #151515;
                font-size: 20px;
                font-family: 'Josefin Sans', sans-serif;
                font-weight: 600;
                padding-top: 25px;
                padding-left: 15px;
            }

                #testimonials .test-overlay .client h4 span {
                    display: block;
                    color: #353535;
                    font-size: 16px;
                }

            #testimonials .test-overlay .client p {
                padding: 15px 15px;
            }

.left_arrow {
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
    color: #d5a84c;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.right_arrow {
    position: absolute;
    right: -15px;
    top: 50%;
    cursor: pointer;
    color: #d5a84c;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

#testimonials .test-overlay .left_arrow,
#testimonials .test-overlay .right_arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

    #testimonials .test-overlay .left_arrow:hover,
    #testimonials .test-overlay .right_arrow:hover {
        background: #d5a84c;
        border-color: #d5a84c;
    }

#testimonials .test-overlay .left_arrow {
    left: -80px;
}

#testimonials .test-overlay .right_arrow {
    right: -80px;
}

/*================ Testimonial Part CSS End ============= */

/*================ Sellar Part CSS Start ============= */

#seller {
    padding-top: 95px;
    padding-bottom: 40px;
}

    #seller .sell-border {
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    #seller h3 {
        color: #d5a84c;
        margin-bottom: 28px;
    }

    #seller h4 {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
        color: #d5a84c;
        font-size: 20px;
        padding-top: 10px;
        padding-left: 10px;
    }

    #seller .review {
        padding-bottom: 5px;
        padding-left: 10px;
    }

        #seller .review li {
            display: inline-block;
        }

            #seller .review li i {
                color: #d5a84c;
                font-size: 14px;
            }

    #seller h5 {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
        color: #353535;
        font-size: 20px;
        padding-left: 10px;
    }

        #seller h5 del {
            color: #777;
        }

    #seller .cart-list {
        margin-top: 25px;
        padding-left: 5px;
    }

        #seller .cart-list li {
            display: inline-block;
            margin: 0 5px;
        }

/*================ Sellar Part CSS End ============= */

/*================ Pricing Part CSS Start ============= */

#pricing {
    padding-top: 69px;
    padding-bottom: 99px;
}

    #pricing h2 {
        margin-bottom: 48px;
    }

    #pricing .price-item {
        background: #F1F1F1;
        padding-bottom: 30px;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

    #pricing .price-head {
        background: #cfaa64;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

        #pricing .price-head h3 {
            color: #fdfdfd;
            font-size: 24px;
            line-height: 24px;
            padding-top: 21px;
            padding-bottom: 17px;
        }

    #pricing .price-item img {
        padding-top: 28px;
    }

    #pricing .price-item h4 {
        font-family: barkeleyBlack;
        color: #cfaa64;
        padding-top: 13px;
        padding-bottom: 15px;
        border-bottom: 1px solid #DDDDDD;
        margin-bottom: 15px;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
    }

        #pricing .price-item h4 span {
            font-size: 35px;
        }

    #pricing .price-item ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 40px;
        font-family: 'Open Sans', sans-serif;
        color: #353535;
    }

    #pricing .price-item .price-btn {
        margin-top: 15px;
    }

        #pricing .price-item .price-btn a {
            color: #cfaa64;
            font-size: 20px;
            padding: 0 25px;
            border: 1px solid #cfaa64;
            border-radius: 70px;
            -webkit-border-radius: 70px;
            -moz-border-radius: 70px;
            -ms-border-radius: 70px;
            -o-border-radius: 70px;
            background: transparent;
            line-height: 50px;
            font-family: 'Josefin Sans', sans-serif;
            font-weight: 600;
            display: inline-block;
            transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            -moz-transition: all linear 0.3s;
            -ms-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
        }

    #pricing .price-item:hover {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    }

        #pricing .price-item:hover .price-head {
            background: #d5a84c;
        }

        #pricing .price-item:hover h4 {
            color: #d5a84c;
        }

        #pricing .price-item:hover .price-btn a {
            background: #d5a84c;
            border: 1px solid #d5a84c;
            color: #fdfdfd;
        }

.glry-price {
    padding-top: 44px !important;
}

/*================ Pricing Part CSS End ============= */

/*================ Brand Part CSS Start ============= */

#brand {
    padding-bottom: 99px;
}

.brand-item {
    text-align: center;
    padding: 20px 10px;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;
    margin: 0 15px;
}

    .brand-item img {
        filter: grayscale(1);
    }

.brand-slide-main {
    position: relative;
}

#brand .slick-center {
    border: 1px solid #d5a84c;
}

    #brand .slick-center img {
        filter: grayscale(0);
    }

.left_arrow2 {
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
    color: #d5a84c;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.right_arrow2 {
    position: absolute;
    right: -50px;
    top: 50%;
    cursor: pointer;
    color: #d5a84c;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

#brand .left_arrow2,
#brand .right_arrow2 {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #d5a84c;
    color: #d5a84c;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

    #brand .left_arrow2:hover,
    #brand .right_arrow2:hover {
        background: #d5a84c;
        border-color: #d5a84c;
        color: #fdfdfd;
    }

/*================ Brand Part CSS End ============= */

/*================ Footer Part CSS Start ============= */

footer .footer-up {
    padding: 56px 0 32px;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #f5f5f5;
    background: #FAFAFA;
}

    footer .footer-up .footer-logo p {
        padding: 25px 0;
        padding-bottom: 20px;
    }

    footer .footer-up .footer-logo .icon-btn li .abs-reflect {
        border-color: #d5a84c;
        color: #d5a84c;
    }

        footer .footer-up .footer-logo .icon-btn li .abs-reflect:hover {
            color: #fff;
        }

    footer .footer-up h4 {
        color: #151515;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 15px;
    }

    footer .footer-up .links ul li {
        padding-bottom: 12px;
        margin-top: -8px;
    }

        footer .footer-up .links ul li a {
            color: #353535;
            font-size: 14px;
            transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            -moz-transition: all linear 0.3s;
            -ms-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
        }

            footer .footer-up .links ul li a:hover {
                color: #d5a84c;
                padding-left: 15px;
            }

    footer .footer-up .location p {
        padding-bottom: 23px;
        margin-top: -8px;
    }

        footer .footer-up .location p.minus-top {
            margin-top: -10px;
        }

    footer .footer-up .instagram ul li {
        float: left;
        width: 33.33%;
        box-sizing: border-box;
        padding: 0 10px;
        margin-bottom: 20px;
    }

        footer .footer-up .instagram ul li img {
            width: 100%;
        }

footer .footer-bottom {
    padding: 14px 0;
    padding-top: 15px;
}

    footer .footer-bottom p {
        padding-top: 5px;
        font-size: 14px;
    }

        footer .footer-bottom p a {
            text-transform: uppercase;
            font-weight: 500;
            color: #444;
        }

.footer-bottom-card {
    text-align: right;
}

.footer-bootom-card img {
    padding-top: 2px;
}

/*================ Footer Part CSS End ============= */

/*================ Breadcumb Part CSS Start ============= */

#breadcumb {
    background-size: cover;
    background-repeat: no-repeat;
}

    #breadcumb .bnr-overlay {
        background: #d5a84c;
        padding: 70px 0;
    }

        #breadcumb .bnr-overlay h1 {
            font-size: 36px;
            color: #fff;
            font-family: barkeleyBlack;
        }

        #breadcumb .bnr-overlay ul li {
            display: inline-block;
        }

            #breadcumb .bnr-overlay ul li i {
                color: #fff;
                font-size: 20px;
                margin: 0 5px;
            }

            #breadcumb .bnr-overlay ul li a {
                color: #fff;
                font-family: 'Open Sans', sans-serif;
                font-weight: 400;
                font-size: 20px;
                transition: all linear 0.3s;
                -webkit-transition: all linear 0.3s;
                -moz-transition: all linear 0.3s;
                -ms-transition: all linear 0.3s;
                -o-transition: all linear 0.3s;
            }


/*================ Breadcumb Part CSS End ============= */

/*================ All Product Part CSS Start ============= */

#all-product {
    padding-top: 100px;
    padding-bottom: 99px;
}

.product-sagor {
    padding-bottom: 58px !important;
}

#all-product .grid-border {
    border: 1px solid #dddddd;
    padding: 10px 0;
    margin-bottom: 10px !important;
}

    #all-product .grid-border .grid-view ul {
        padding-left: 15px;
    }

        #all-product .grid-border .grid-view ul li {
            display: inline-block;
        }

            #all-product .grid-border .grid-view ul li a i {
                color: #999999;
                font-size: 26px;
                width: 46px;
                height: 46px;
                text-align: center;
                line-height: 45px;
                border: 1px solid rgba(128, 107, 182, 0);
                transition: all linear 0.3s;
                -webkit-transition: all linear 0.3s;
                -moz-transition: all linear 0.3s;
                -ms-transition: all linear 0.3s;
                -o-transition: all linear 0.3s;
            }

                #all-product .grid-border .grid-view ul li a i:hover {
                    color: #cfaa64;
                    border: 1px solid #cfaa64;
                }

            #all-product .grid-border .grid-view ul li a.active i {
                border: 1px solid #cfaa64;
                color: #cfaa64;
            }

    #all-product .grid-border .sort-by select {
        color: #999999;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        height: 44px;
        border: 1px solid #f1f1f1;
        padding: 0 25px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        background: url(../images/grid-view/arrow-down.png) no-repeat 92% 51%;
    }

    #all-product .grid-border .p-show p {
        font-size: 16px;
        color: #999;
        text-align: right;
        padding-right: 15px;
        padding-top: 10px;
    }

#all-product figure {
    border: 1px solid #dddddd;
    margin-top: 20px;
    margin-bottom: 30px;
    transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
}

    #all-product figure:hover {
        border-color: #d5a84c;
    }

        #all-product figure:hover .icon-btn li .abs-reflect {
            border-color: #d5a84c;
        }

    #all-product figure img {
        width: 100%;
    }

    #all-product figure figcaption {
        padding: 18px 0 33px;
        position: relative;
    }

        #all-product figure figcaption h4 {
            color: #353535;
            font-family: 'Josefin Sans', sans-serif;
            font-weight: 600;
            font-size: 20px;
            transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            -moz-transition: all linear 0.3s;
            -ms-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
        }

        #all-product figure figcaption .review {
            padding: 3px 0;
        }

            #all-product figure figcaption .review li {
                display: inline-block;
            }

                #all-product figure figcaption .review li i {
                    color: #d5a84c;
                    margin: 0px 2px;
                }

        #all-product figure figcaption .cart-list {
            position: absolute;
            width: 100%;
            left: 50%;
            bottom: -20px;
            transform: translateX(-50%);
        }

            #all-product figure figcaption .cart-list li {
                display: inline-block;
                margin: 0 5px;
            }

    #all-product figure:hover .title {
        color: #d5a84c;
    }

#all-product .list-view h3 {
    color: #151515;
    margin-top: -5px;
}

#all-product .list-view .catagory ul {
    padding-top: 10px;
}

    #all-product .list-view .catagory ul li a {
        color: #444;
        transition: all linear 0.3s;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -ms-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        display: inline-block;
        margin: 10px 0;
    }

        #all-product .list-view .catagory ul li a:hover {
            color: #d5a84c;
        }

#all-product .list-view .price-filter h3 {
    padding-top: 40px;
    padding-bottom: 25px;
}

#all-product .list-view .price-filter select {
    background: #f1f1f1;
    color: #353535;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: 0;
    width: 100%;
    height: 38px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../images/grid-view/arrow-down.png) no-repeat 90% 50%, #f1f1f1;
}

#all-product .list-view .discount-slide {
    margin-top: 60px;
}

#all-product .page-border {
    border: 1px solid #dddddd;
    padding: 10px 0;
    margin-top: 50px;
}

#all-product .list-view .page-border {
    border: 1px solid #dddddd;
    padding: 10px 0;
    margin-top: 60px;
}

#all-product .page-border ul {
    padding-top: 0;
}

    #all-product .page-border ul li {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        display: inline-block;
        color: #353535;
    }

        #all-product .page-border ul li a {
            display: inline-block;
            border: 1px solid #ddd;
            line-height: 40px;
            padding: 0 15px;
            font-size: 14px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            color: #353535;
            transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            -moz-transition: all linear 0.3s;
            -ms-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
        }

            #all-product .page-border ul li a i {
                vertical-align: middle;
                padding-left: 2px;
                padding-bottom: 2px;
            }

        #all-product .page-border ul li form input {
            padding: 0 15px;
            line-height: 40px;
            border: 1px solid #ddd;
            width: 50px;
        }

        #all-product .page-border ul li a:hover {
            border-color: #d5a84c;
            color: #d5a84c;
        }

        #all-product .page-border ul li a i {
            font-size: 20px;
        }

#all-product .product-details .slide_item li {
    padding: 0 5px;
}

    #all-product .product-details .slide_item li img {
        width: 100%;
    }

    #all-product .product-details .slide_item li a {
        display: block;
        position: relative;
    }

        #all-product .product-details .slide_item li a:after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            left: 0;
            top: 0;
            transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            -moz-transition: all linear 0.3s;
            -ms-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
        }

    #all-product .product-details .slide_item li.slick-current a:after {
        background: rgba(0, 0, 0, 0);
    }

#all-product .product-details .slide_item .left_arrow {
    width: 30px;
    height: 30px;
    line-height: 29px;
    background: #fff;
    color: #444;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 9999;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    font-size: 14px;
}

    #all-product .product-details .slide_item .left_arrow:hover {
        background: #d5a84c;
        border-color: #d5a84c;
        color: #fff;
    }

#all-product .product-details .slide_item .right_arrow {
    width: 30px;
    height: 30px;
    line-height: 29px;
    background: #fff;
    color: #444;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 9999;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    font-size: 14px;
}

    #all-product .product-details .slide_item .right_arrow:hover {
        background: #d5a84c;
        border-color: #d5a84c;
        color: #fff;
    }

#all-product .product-details .product-brief h3 {
    color: #d5a84c;
    font-size: 24px;
    margin-top: -5px;
}

#all-product .product-details .product-brief ul {
    padding-bottom: 5px;
}

    #all-product .product-details .product-brief ul li {
        display: inline-block;
        color: #d5a84c;
        font-size: 14px;
    }

#all-product .product-details .product-brief h4 {
    color: #353535;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

#all-product .product-details .product-brief h5 {
    color: #151515;
    font-size: 20px;
    font-family: barkeleyBlack;
    padding-top: 15px;
    padding-bottom: 30px;
}

    #all-product .product-details .product-brief h5 span {
        color: #4c9236;
    }

#all-product .product-details .product-brief .icon-btn {
    padding-top: 30px;
    padding-bottom: 23px;
    position: relative;
    margin-left: 50px;
}

    #all-product .product-details .product-brief .icon-btn li .abs-reflect.carts {
        width: auto;
        height: auto;
        padding: 3px 30px;
        background: #d5a84c;
        border-color: #d5a84c;
        color: #fff;
        font-size: 16px;
    }

    #all-product .product-details .product-brief .icon-btn li:first-child {
        position: absolute;
        top: 55px;
        transform: translateY(-50%);
        left: -49px;
    }

    #all-product .product-details .product-brief .icon-btn li:last-child {
        position: absolute;
        top: 55px;
        transform: translateY(-50%);
        left: 159px;
    }

#all-product .product-details .product-brief .share {
    padding-bottom: 0;
}

    #all-product .product-details .product-brief .share li {
        color: #151515;
        font-size: 20px;
        font-family: barkeleyBlack;
        margin: 0 10px;
    }

        #all-product .product-details .product-brief .share li a i {
            font-size: 20px;
            color: #a8a8a8;
            transition: all linear 0.3s;
            -webkit-transition: all linear 0.3s;
            -moz-transition: all linear 0.3s;
            -ms-transition: all linear 0.3s;
            -o-transition: all linear 0.3s;
        }

        #all-product .product-details .product-brief .share li a:hover .fa-facebook-f {
            color: #3B5998;
        }

        #all-product .product-details .product-brief .share li a:hover .fa-twitter {
            color: #1da1f2;
        }

        #all-product .product-details .product-brief .share li a:hover .fa-google-plus-g {
            color: #d34836;
        }

#all-product .quantity {
    position: relative;
    height: 40px;
    display: block;
    margin-top: 30px;
}

#all-product input[type=number]::-webkit-inner-spin-button,
#all-product input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#all-product input[type=number] {
    -moz-appearance: textfield;
}

#all-product .quantity span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #444;
    font-size: 16px;
}

#all-product .quantity input {
    width: 40px;
    height: 40px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 0;
    border-right: 0;
    margin-left: 45px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    margin-top: -20px;
    background: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #444;
    font-size: 17px;
}

    #all-product .quantity input:focus {
        outline: 0;
    }

#all-product .quantity-nav {
    float: left;
    position: relative;
    height: 42px;
    top: -1px;
}

#all-product .quantity-button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #444;
    font-size: 20px;
    top: -1px
}

    #all-product .quantity-button.quantity-up {
        position: absolute;
        left: 40px;
        top: -1px;
    }

    #all-product .quantity-button.quantity-down {
        position: absolute;
        left: 118px;
        font-size: 30px;
        line-height: 33px;
        display: block;
        top: -1px;
    }

#all-product .quantity .weight {
    margin-left: 100px;
    margin-right: 5px;
}

#all-product .quantity select {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #444;
    height: 38px;
    border: 1px solid #f1f1f1;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../images/arrow-down.png) no-repeat 90% 50%;
}

#all-product .tab-part {
    margin-top: 30px;
}

    #all-product .tab-part .nav-tabs .nav-item.show .nav-link,
    #all-product .tab-part .nav-tabs .nav-link.active {
        color: #d5a84c;
    }

    #all-product .tab-part .nav-tabs {
        border-bottom: 0;
    }

        #all-product .tab-part .nav-tabs .nav-link {
            color: #999999;
            font-size: 20px;
            font-family: barkeleyBlack;
            border: 0;
            position: relative;
        }

            #all-product .tab-part .nav-tabs .nav-link:after {
                position: absolute;
                content: '';
                width: 2px;
                height: 16px;
                background: #999999;
                left: 0;
                top: 16px;
            }

    #all-product .tab-part .nav-item:first-child a:after {
        height: 0;
    }

    #all-product .tab-part p {
        color: #353535;
        padding-top: 20px;
        padding-bottom: 15px;
    }

#all-product .related-product {
    margin-bottom: 40px;
}

    #all-product .related-product h2 {
        margin-top: 52px;
        margin-bottom: 18px;
    }

    #all-product .related-product .ph-btn .abs-reflect {
        margin-top: 48px;
    }

/* Product List View  */

.product-listview {
    text-align: left;
    margin-bottom: 0 !important;
}

    .product-listview figcaption {
        padding-bottom: 0 !important;
    }

#all-product .product-listview figcaption .review {
    padding: 6px 0;
    padding-bottom: 8px;
}

.product-listview p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #353535;
    padding-top: 15px;
    padding-right: 50px;
}

#all-product .product-listview figcaption {
    position: relative;
}

    #all-product .product-listview figcaption .cart-list {
        position: absolute;
        width: 40px;
        top: 43px;
        left: 99%;
    }

        #all-product .product-listview figcaption .cart-list li {
            display: block;
            margin-bottom: 15px;
        }

            #all-product .product-listview figcaption .cart-list li:last-child {
                margin-bottom: 0;
            }

.love-center {
    line-height: 45px !important;
}


/*================ All Product Part CSS End ============= */

/*================ Shoping Cart Part CSS Start ============= */

#shoping-cart {
    padding: 100px 0;
}

    #shoping-cart .table-area {
        background: #fff;
    }

    #shoping-cart table th {
        color: #151515;
        font-size: 20px;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
        border: 1px solid #dddddd;
        height: 70px;
        text-align: center;
        padding: 0 20px;
    }

    #shoping-cart table tbody tr {
        text-align: center;
    }

        #shoping-cart table tbody tr td {
            border: 1px solid #dddddd;
            padding: 0px;
            margin-top: 30px;
            color: #353535;
            font-size: 14px;
            font-family: 'Open Sans', sans-serif;
        }

            #shoping-cart table tbody tr td .trash {
                color: #353535;
                font-size: 23px;
                transition: all linear 0.3s;
                -webkit-transition: all linear 0.3s;
                -moz-transition: all linear 0.3s;
                -ms-transition: all linear 0.3s;
                -o-transition: all linear 0.3s;
            }

                #shoping-cart table tbody tr td .trash:hover {
                    color: #d5a84c;
                }

            #shoping-cart table tbody tr td.cart-content {
                width: 60%;
                text-align: left;
                padding: 30px;
            }

                #shoping-cart table tbody tr td.cart-content .cart-item {
                    float: left;
                    width: 40%;
                }

                #shoping-cart table tbody tr td.cart-content .content {
                    float: left;
                    width: 60%;
                    padding: 0 15px;
                }

                    #shoping-cart table tbody tr td.cart-content .content h3 {
                        color: #222;
                        font-size: 20px;
                        padding-top: 20px;
                    }

                        #shoping-cart table tbody tr td.cart-content .content h3.weight {
                            color: #444;
                            padding-top: 0;
                        }

                    #shoping-cart table tbody tr td.cart-content .content ul {
                        padding: 10px 0;
                    }

                        #shoping-cart table tbody tr td.cart-content .content ul li {
                            display: inline-block;
                        }

                            #shoping-cart table tbody tr td.cart-content .content ul li a {
                                color: #ffce24;
                                font-size: 16px;
                            }

    #shoping-cart .cupon-area h4 {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 10px;
    }

        #shoping-cart .cupon-area h4.cart-total {
            padding: 59px 0 5px;
        }

    #shoping-cart .cupon-area .code {
        border: 1px solid #dfdfdf;
        width: calc(75%);
        color: #999999;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-style: italic;
        line-height: 34px;
        padding: 0 10px;
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
    }

    #shoping-cart .cupon-area button {
        border: 0;
        background: #fff;
    }

        #shoping-cart .cupon-area button i {
            width: 50px;
            height: 36px;
            background: #d5a84c;
            border: 1px solid #d5a84c;
            line-height: 33px;
            color: #fff;
            margin-left: -5px;
            border-bottom-right-radius: 20px;
            border-top-right-radius: 20px;
            cursor: pointer;
        }

    #shoping-cart .noor2 {
        padding-top: 10px;
    }

    #shoping-cart .cupon-area ul li {
        color: #353535;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        border-bottom: 1px solid #dddddd;
        padding: 20px 0;
    }

        #shoping-cart .cupon-area ul li span {
            float: right;
        }

    #shoping-cart .cupon-area .abs-reflect {
        margin-right: 5px;
    }

/* ============== Shoping Cart Part CSS End ======================= */

/* ============== Checkout Part CSS Start ======================= */

#cart-page {
    padding-top: 99px;
    padding-bottom: 100px;
}

    #cart-page h4 {
        color: #222;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-size: 20px;
    }

    #cart-page .text,
    #cart-page textarea {
        width: 100%;
        color: #999999;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-style: italic;
        border: 1px solid #eeeeee;
        line-height: 34px;
        margin-top: 15px;
        padding: 0 10px;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
    }

        #cart-page .text.email,
        #cart-page textarea.email {
            width: 48%;
        }

        #cart-page .text.phone,
        #cart-page textarea.phone {
            width: 48%;
            float: right;
        }

    #cart-page select {
        height: 34px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        position: relative;
        background: url(../images/arrow-down.png) no-repeat 98% 50%;
        color: #999999;
    }

    #cart-page textarea {
        height: 100px;
        line-height: normal;
        padding: 10px;
        resize: none;
        margin-bottom: 10px;
    }

    #cart-page .ship {
        font-size: 16px;
        color: #444;
        padding-top: 20px;
    }

        #cart-page .ship input {
            margin-right: 10px;
        }

    #cart-page .order-details ul {
        border: 1px solid #dddddd;
        margin-top: 15px;
    }

        #cart-page .order-details ul li {
            color: #353535;
            font-size: 16px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            padding: 20px 15px;
            border-bottom: 1px solid #F7F7F7;
        }

            #cart-page .order-details ul li span {
                float: right;
            }

            #cart-page .order-details ul li.total {
                border-top: 1px solid #ddd;
            }

    #cart-page .order-details .payment-way {
        border: 1px solid #dddddd;
        margin-top: 30px;
        padding: 30px;
    }

        #cart-page .order-details .payment-way h4 {
            color: #333333;
            font-family: 'Josefin Sans', sans-serif;
            font-weight: 600;
            font-size: 20px;
        }

            #cart-page .order-details .payment-way h4 .noor {
                padding-top: 10px;
            }

            #cart-page .order-details .payment-way h4 label {
                margin-bottom: 0;
            }

            #cart-page .order-details .payment-way h4 input {
                margin-right: 10px;
            }

        #cart-page .order-details .payment-way p {
            padding-bottom: 15px;
            color: #68696C;
        }

.payment-way .btn {
    padding: 0;
}

.payment-way .noor {
    padding-top: 5px;
    padding-left: 25px;
    padding-bottom: 0;
}

.accordion-noor {
    padding-bottom: 10px;
}

/* ============== Checkout Part CSS End =================== */

/* ============== Contact Part CSS Start ================== */

#contact {
    padding-top: 98px;
    padding-bottom: 80px;
    position: relative;
}

.map {
    position: absolute;
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 99;
}

    .map iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

#contact form label {
    color: #151515;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

#contact form {
    padding: 20px;
}

    #contact form input {
        margin-bottom: 20px;
    }

.contact-item {
    margin-bottom: 20px;
}

    .contact-item h4 {
        color: #151515;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 15px;
    }

    .contact-item p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        font-family: 'Open Sans', sans-serif;
        color: #353535;
    }

.sagor-m-0 {
    margin-bottom: 0 !important;
}

/* ============== Contact Part CSS End ================ */

/* ============== Login Part CSS Start ======================= */

#login-page {
    padding-top: 98px;
    padding-bottom: 100px;
}

    #login-page h4 {
        color: #222;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 600;
        font-size: 20px;
    }

.login .rememmr {
    margin-bottom: 20px;
}

.login .forgot {
    color: #d5a84c;
}

#login-page .text {
    width: 100%;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: italic;
    border: 1px solid #eeeeee;
    line-height: 34px;
    margin-top: 15px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

#login-page .remem {
    font-size: 16px;
    color: #444;
    padding-top: 20px;
}

    #login-page .remem input {
        margin-right: 10px;
    }

#login-page .order-details ul {
    border: 1px solid #dddddd;
    margin-top: 15px;
}

    #login-page .order-details ul li {
        color: #353535;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        padding: 20px 15px;
        border-bottom: 1px solid #F7F7F7;
    }

#login-page .order-details .regis,
#login-page .order-details .regis2 {
    width: 48%;
}

#login-page .order-details .regis {
    margin-right: 15px;
}

#login-page .order-details h4 span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #999;
    font-style: italic;
    font-size: 14px;
}

#login-page .order-details .remem2 {
    font-size: 16px;
    color: #444;
}

#login-page .regis-mar {
    margin-bottom: 20px;
}

#login-page .order-details .remem2 input {
    margin-right: 10px;
}


.register {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 16px;
    color: #444;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .register input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 7px;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #fdfdfd;
    border: 1px solid #444;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.register:hover input ~ .checkmark {
    background-color: #fdfdfd;
}

/* When the checkbox is checked, add a blue background */
.register input:checked ~ .checkmark {
    background-color: #353535;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.register input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.register .checkmark::after {
    left: 3px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#login-page .login .ph-btn .abs-reflect {
    margin-top: 20px;
}

#login-page .order-details .ph-btn .abs-reflect {
    margin-top: 20px;
}

#login-page .ph-btn {
    text-align: left;
}

/* ============== Login Part CSS End =================== */