﻿body {
    font-family: 'Roboto Slab';
    font-size: 14px;
}

a:active, a:focus, button, button:active, button:focus, input, input:active, input:focus {
    outline: 0;
    border-radius: 0;
}

section {
    position: relative;
}

.bg-fixed, .bg-parallax, .bg-scroll {
    background-position: 50% 50%;
}

.bg-body {
    background-repeat: repeat;
    background-position: top center;
    background-image: url(../images/bg-body.jpg);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgba(0,0,0,.5);
}

.bg-3 {
    background-image: url(../images/block/img-1.jpg);
}

.clear {
    clear: both;
}

.loading-container {
    margin: auto;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99999;
}

    .loading-container .loading-inner {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .loading-container .loading-1, .loading-container .loading-2, .loading-container .loading-3 {
        width: 20px;
        height: 20px;
        background: #d12853;
        display: inline-block;
        border-radius: 10px;
        animation: pulse 1.2s linear infinite;
        -webkit-animation: pulse 1.2s linear infinite;
    }

    .loading-container .loading-2 {
        background-color: #81c223;
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        margin: 0 10px;
    }

    .loading-container .loading-3 {
        background-color: #1680bc;
        -webkit-animation-delay: .8s;
        animation-delay: .8s;
    }

@-webkit-keyframes pulse {
    0%,100% {
        -moz-opacity: .1;
        -khtml-opacity: .1;
        -webkit-opacity: .1;
        opacity: .1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
        filter: alpha(opacity=10);
    }

    50% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }
}

@keyframes pulse {
    0%,100% {
        -moz-opacity: .1;
        -khtml-opacity: .1;
        -webkit-opacity: .1;
        opacity: .1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
        filter: alpha(opacity=10);
    }

    50% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }
}

.boxed .wrap-page {
    max-width: 1210px;
    background-color: #fff;
    margin: 20px auto;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,.2);
}

.wrap-page {
    overflow: hidden;
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-accordion-title, .r-tabs .r-tabs-panel {
    display: none;
}

    .r-tabs .r-tabs-accordion-title a {
        text-transform: uppercase;
        text-decoration: none;
        padding: 10px 20px;
        border: 1px solid #e6e6e6;
        display: block;
    }

    .r-tabs .r-tabs-panel.r-tabs-state-active {
        display: block;
    }

#scroll-top {
    position: fixed;
    width: 55px;
    height: 50px;
    bottom: 50px;
    text-indent: -9999px;
    z-index: 99;
    cursor: pointer;
    right: 10px;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
    border-radius: 3px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    #scroll-top:hover {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

    #scroll-top:after, #scroll-top:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        height: 0;
        width: 0;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    #scroll-top:before {
        border: 10px solid transparent;
        border-bottom: 20px solid #fff;
        margin-top: -5px;
    }

    #scroll-top:after {
        border: 6px solid transparent;
        border-bottom: 13px solid #ccc;
        margin-top: -2px;
    }

.btn {
    padding: 10px 25px;
    font-size: 13px;
    border-radius: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

    .btn .fa {
        margin-right: 2px;
    }

    .btn img {
        vertical-align: bottom;
        margin-right: 10px;
    }

    .btn:active, .btn:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-1 {
        border: 2px solid #252525;
        color: #252525;
        background-color: transparent;
    }

        .btn.btn-1:hover {
            color: #d32c56;
            border-color: #d32c56;
        }

    .btn.btn-2 {
        color: #fff;
        background-color: #252525;
    }

        .btn.btn-2:hover {
            background-color: #d12853;
        }

    .btn.btn-3 {
        color: #fff;
        border-color: #d32c56;
        border-width: 2px;
        background-color: #d32c56;
    }

        .btn.btn-3:hover {
            color: #d32c56;
            background-color: transparent;
        }

    .btn.btn-4 {
        color: #252525;
        border: 1px solid #cdcdcd;
    }

        .btn.btn-4:hover {
            color: #fff;
            background-color: #81c223;
            border-color: #81c223;
        }

    .btn.btn-5 {
        color: #252525;
        border: 1px solid #cdcdcd;
    }

        .btn.btn-5:hover {
            color: #fff;
            background-color: #1680bc;
            border-color: #1680bc;
        }

    .btn.btn-6, .btn.btn-7 {
        color: #fff;
        background-color: #3e5c98;
    }

        .btn.btn-6 i, .btn.btn-7 i {
            margin-right: 5px;
            font-size: 15px;
        }

        .btn.btn-6:hover, .btn.btn-7, .btn.btn-7:hover {
            background-color: #22a9e0;
        }

            .btn.btn-7:hover {
                background-color: #3e5c98;
            }

    .btn.btn-8 {
        border: 2px solid #d32c57;
        color: #d12853;
    }

        .btn.btn-8:hover {
            background-color: #d32c57;
            color: #fff;
        }

    .btn.btn-9 {
        border: 1px solid #81c223;
        color: #81c223;
    }

        .btn.btn-9:hover {
            background-color: #81c223;
            color: #fff;
        }

    .btn.btn-10 {
        border: 1px solid #81c223;
        background-color: #81c223;
        color: #fff;
    }

        .btn.btn-10:hover {
            background-color: transparent;
            color: #81c223;
        }

    .btn.btn-11 {
        color: #252525;
        border: 1px solid #cdcdcd;
        border-radius: 3px;
    }

        .btn.btn-11:hover {
            color: #fff;
            background-color: #1680bc;
            border-color: #1680bc;
        }

    .btn.btn-12 {
        color: #252525;
        border: 1px solid #cdcdcd;
        border-radius: 100px;
    }

        .btn.btn-12:hover {
            color: #fff;
            background-color: #1680bc;
            border-color: #1680bc;
        }

    .btn.btn-13 {
        border: 2px solid #252525;
        color: #252525;
        background-color: transparent;
    }

        .btn.btn-13:hover {
            color: #fff;
            border-color: #d32c56;
            background-color: #d32c56;
        }

    .btn.btn-14 {
        border: 1px solid #fff;
        color: #fff;
    }

        .btn.btn-14:hover {
            color: #fff;
            border-color: #81c223;
            background-color: #81c223;
        }

    .btn.btn-15 {
        border: 2px solid #252525;
        color: #252525;
    }

        .btn.btn-15:hover {
            color: #fff;
            border-color: #252525;
            background-color: #252525;
        }

    .btn.btn-16 {
        border: 1px solid #1680bc;
        color: #fff;
        background-color: #1680bc;
        border-radius: 100px;
    }

        .btn.btn-16:hover {
            color: #1680bc;
            background-color: transparent;
        }

.bg-fixed, .bg-parallax, .bg-scroll {
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

    .bg-fixed.overlay:after, .bg-parallax.overlay:after, .bg-scroll.overlay:after {
        left: 0;
        right: 0;
        position: absolute;
        content: '';
        bottom: 0;
        top: 0;
        background-color: rgba(0,0,0,.5);
    }

.bg-fixed, .bg-parallax {
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

.bg-1 {
    background-image: url(../images/bg/bg-1.jpg);
}

.bg-2 {
    background-image: url(../images/bg/bg-2.jpg);
}

.heading {
    position: relative;
}

    .heading._1 {
        background: url(../images/bg-heading_1.png) center left repeat-x;
    }

        .heading._1.text-left h2 {
            padding-right: 20px;
        }

        .heading._1.text-right h2 {
            padding-left: 20px;
        }

        .heading._1.text-center h2 {
            padding-right: 20px;
            padding-left: 20px;
        }

        .heading._1 h2 {
            display: inline-block;
            color: #252525;
            font-size: 18px;
            background-color: #fff;
            margin: 0;
        }

    .heading._2 {
        border-bottom: 1px solid #dcdcdc;
        font-size: 0;
    }

        .heading._2 h2 {
            margin: 0;
            padding: 0 20px;
            line-height: 38px;
            font-size: 16px;
            border: 1px solid #dcdcdc;
            border-bottom-width: 0;
            display: inline-block;
        }

    .heading._3 {
        background: url(../images/icon-border.png) center left repeat-x;
    }

        .heading._3.text-left h2 {
            padding-right: 20px;
        }

        .heading._3.text-right h2 {
            padding-left: 20px;
        }

        .heading._3.text-center h2 {
            padding-right: 20px;
            padding-left: 20px;
        }

        .heading._3 h2 {
            display: inline-block;
            color: #252525;
            font-size: 18px;
            background-color: #fff;
            margin: 0;
        }

.breakcrumb {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .breakcrumb.bg-grey {
        background-color: #f6f6f6;
    }

    .breakcrumb h3 {
        color: #252525;
        font-size: 20px;
        margin: 0;
    }

        .breakcrumb h3 span {
            font-weight: 300;
        }

    .breakcrumb .nav-breakcrumb {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 0;
    }

        .breakcrumb .nav-breakcrumb li {
            display: inline-block;
            font-size: 14px;
        }

            .breakcrumb .nav-breakcrumb li + li:before {
                content: '>';
                font-size: 13px;
                color: #252525;
                padding-left: 5px;
                padding-right: 5px;
            }

            .breakcrumb .nav-breakcrumb li a {
                color: #252525;
                text-decoration: none;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

            .breakcrumb .nav-breakcrumb li span {
                color: #252525;
            }

blockquote {
    position: relative;
    font-size: 18px;
    margin: 0;
    padding: 0 0 0 100px;
    border-width: 0;
}

    blockquote:before {
        content: '\f10d';
        position: absolute;
        width: 50px;
        height: 50px;
        font-family: FontAwesome;
        display: block;
        top: 10px;
        left: 25px;
        color: #fff;
        text-align: center;
        font-size: 20px;
        line-height: 50px;
        border-radius: 50%;
    }

    blockquote p {
        font-size: 18px;
    }

.form label {
    color: #252525;
    font-weight: 400;
}

    .form label sup {
        color: #d22753;
    }

.form .input-text {
    border: 1px solid #d8d8d8;
    padding: 7px 10px;
    background-color: transparent;
    width: 100%;
    clear: both;
}

.check-box .checkbox {
    display: none;
}

    .check-box .checkbox:checked ~ label:before {
        content: '\f00c';
    }

.check-box label {
    font-weight: 400;
    margin-bottom: 0;
    position: relative;
    padding-left: 26px;
}

    .check-box label:before {
        position: absolute;
        left: 0;
        top: 2px;
        border: 1px solid #dcdde3;
        content: '';
        font-family: FontAwesome;
        line-height: 14px;
        color: #3d4964;
        font-size: 11px;
        text-align: center;
        cursor: pointer;
        display: block;
        width: 16px;
        height: 16px;
    }

.owl-pagination {
    font-size: 0;
    text-align: center;
}

    .owl-pagination .owl-page {
        display: inline-block;
        font-size: 14px;
        border: 1px solid #d6d6d6;
        padding: 2px;
        margin: 0 7px;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .owl-pagination .owl-page span {
            display: block;
            width: 8px;
            height: 8px;
            background-color: transparent;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .owl-pagination .owl-page.active {
            border-color: #252525;
        }

            .owl-pagination .owl-page.active span {
                background-color: #252525;
            }

.navigation {
    position: relative;
    clear: both;
}

    .navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .navigation .menu {
        width: 100%;
        position: relative;
        font-size: 0;
    }

        .navigation .menu li {
            position: relative;
            font-size: 14px;
            text-align: left;
        }

        .navigation .menu > li {
            display: inline-block;
        }

            .navigation .menu > li.menu-parent:hover .sub-menu {
                display: block;
                visibility: visible;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
            }

            .navigation .menu > li.menu-parent:hover > a:after {
                visibility: visible;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
            }

            .navigation .menu > li > a {
                display: block;
                position: relative;
                line-height: 60px;
                color: #252525;
                font-size: 18px;
                text-transform: capitalize;
                text-decoration: none;
                padding-left: 20px;
                padding-right: 20px;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

            .navigation .menu > li.menu-parent > a:after {
                content: '';
                position: absolute;
                bottom: -4px;
                left: 0;
                right: 0;
                margin: auto;
                z-index: 1001;
                height: 8px;
                width: 8px;
                background-color: #fff;
                border-top: 1px solid #dddee6;
                border-left: 1px solid #dddee6;
                visibility: hidden;
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                filter: alpha(opacity=0);
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .navigation .menu .megamenu {
            position: static;
        }

            .navigation .menu .megamenu.col-2 .sub-menu > li {
                width: 50%;
                float: left;
            }

            .navigation .menu .megamenu.col-3 .sub-menu > li {
                width: 33.333333%;
                float: left;
            }

            .navigation .menu .megamenu.col-4 .sub-menu > li {
                width: 25%;
                float: left;
            }

            .navigation .menu .megamenu.col-5 .sub-menu > li {
                width: 20%;
                float: left;
            }

            .navigation .menu .megamenu .sub-menu {
                width: 100%;
                padding: 0 0 30px;
            }

                .navigation .menu .megamenu .sub-menu.bg-l, .navigation .menu .megamenu .sub-menu.bg-r {
                    background-repeat: no-repeat;
                }

                .navigation .menu .megamenu .sub-menu.bg-r {
                    padding-right: 33.33333%;
                    background-position: bottom right 30px;
                }

                .navigation .menu .megamenu .sub-menu.bg-l {
                    padding-left: 33.33333%;
                    background-position: bottom left 30px;
                }

                .navigation .menu .megamenu .sub-menu > li {
                    position: static;
                    padding: 30px 30px 0;
                }

                    .navigation .menu .megamenu .sub-menu > li > a {
                        display: block;
                        border-bottom: 1px solid #dddee6;
                        font-size: 16px;
                        text-transform: capitalize;
                        padding: 0 0 5px;
                        margin-bottom: 10px;
                    }

                        .navigation .menu .megamenu .sub-menu > li > a:before {
                            content: none;
                        }

                        .navigation .menu .megamenu .sub-menu > li > a:hover {
                            text-indent: 0;
                        }

                    .navigation .menu .megamenu .sub-menu > li.block-image {
                        width: 100%;
                        text-align: center;
                        padding-top: 40px;
                    }

                        .navigation .menu .megamenu .sub-menu > li.block-image a {
                            margin: 0;
                            padding-left: 0;
                            border-width: 0;
                        }

                        .navigation .menu .megamenu .sub-menu > li.block-image img {
                            max-width: 100%;
                        }

                    .navigation .menu .megamenu .sub-menu > li:hover ul {
                        -webkit-transform: translate(0,0);
                        -ms-transform: translate(0,0);
                        transform: translate(0,0);
                    }

                    .navigation .menu .megamenu .sub-menu > li ul {
                        position: static;
                        visibility: visible;
                        border-width: 0;
                        padding: 0;
                        min-width: inherit;
                        width: 100%;
                        background-color: transparent;
                        -moz-opacity: 1;
                        -khtml-opacity: 1;
                        -webkit-opacity: 1;
                        opacity: 1;
                        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                        filter: alpha(opacity=100);
                        -webkit-transform: translate(0,0);
                        -ms-transform: translate(0,0);
                        transform: translate(0,0);
                    }

                        .navigation .menu .megamenu .sub-menu > li ul li a {
                            padding: 0;
                        }

        .navigation .menu .sub-menu {
            position: absolute;
            min-width: 170px;
            background-color: #fff;
            z-index: 999;
            left: 0;
            padding: 10px 0;
            border: 1px solid #dddee6;
            visibility: hidden;
            display: none;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .navigation .menu .sub-menu li a {
                display: block;
                padding-left: 15px;
                padding-right: 20px;
                line-height: 25px;
                text-decoration: none;
                color: #252525;
                font-size: 13px;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

                .navigation .menu .sub-menu li a:hover {
                    text-indent: 10px;
                }

                .navigation .menu .sub-menu li a:before {
                    font-family: FontAwesome;
                    content: '\f105';
                    margin-right: 5px;
                }

            .navigation .menu .sub-menu li:hover > ul {
                visibility: visible;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
                -webkit-transform: translate(100%,0);
                -ms-transform: translate(100%,0);
                transform: translate(100%,0);
            }

            .navigation .menu .sub-menu li ul {
                position: absolute;
                top: 0;
                right: 0;
                min-width: 170px;
                background-color: #fff;
                padding: 10px 0;
                border: 1px solid #dddee6;
                visibility: hidden;
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                filter: alpha(opacity=0);
                -webkit-transform: translate(120%,0);
                -ms-transform: translate(120%,0);
                transform: translate(120%,0);
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

.top-menu {
    position: relative;
    display: inline-block;
}

    .top-menu.show-view .box {
        top: 37px;
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

    .top-menu .bar-icon {
        color: #252525;
        font-size: 18px;
        display: block;
        width: 19px;
        height: 15px;
        cursor: pointer;
        position: relative;
        border-top: 3px solid #18274e;
        border-bottom: 3px solid #18274e;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .top-menu .bar-icon:after {
            position: absolute;
            content: '';
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #18274e;
            height: 3px;
            margin: auto;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .top-menu .bar-icon:hover {
            border-color: #d12853;
        }

            .top-menu .bar-icon:hover:after {
                background-color: #d12853;
            }

    .top-menu .box {
        position: absolute;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        padding: 15px;
        width: 200px;
        left: -18px;
        top: 38px;
        visibility: hidden;
        z-index: 100;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .top-menu .box:before {
            position: absolute;
            top: -5px;
            left: 24px;
            content: '';
            padding: 6px 0 0 6px;
            border-left: 1px solid #e1e1e1;
            border-top: 1px solid #e1e1e1;
            background-color: #fff;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .top-menu .box ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .top-menu .box ul li a {
                padding: 3px 0;
                color: #252525;
                text-decoration: none;
                font-size: 13px;
                display: inline-block;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

                .top-menu .box ul li a:before {
                    content: '\f105';
                    font-family: FontAwesome;
                    font-size: 12px;
                    margin-right: 10px;
                    -webkit-transition: all .2s ease-out;
                    transition: all .2s ease-out;
                }

                .top-menu .box ul li a:hover {
                    padding-left: 10px;
                }

        .top-menu .box h6 {
            font-size: 11px;
            color: #252525;
            text-transform: uppercase;
            margin: 20px 0 0;
        }

        .top-menu .box .flags {
            margin-top: 7px;
        }

            .top-menu .box .flags a {
                display: inline-block;
                padding-bottom: 4px;
            }

                .top-menu .box .flags a + a {
                    margin-left: 10px;
                }

                .top-menu .box .flags a.current, .top-menu .box .flags a:hover {
                    border-bottom: 2px solid #d22753;
                }

.search-h {
    position: relative;
    padding-right: 40px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .search-h.show-view .icon-search {
        border-color: #e5e5e5;
    }

    .search-h.show-view .form {
        width: 200px;
        padding-right: 45px;
        visibility: visible;
        border-color: #e5e5e5;
    }

    .search-h .icon-search {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        background: url(../images/icon-search.png) center center no-repeat;
        cursor: pointer;
        border: 1px solid transparent;
        z-index: 12;
        border-radius: 20px;
    }

        .search-h .icon-search:hover {
            border-color: #e5e5e5;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

    .search-h .form {
        position: absolute;
        top: 0;
        right: 0;
        border-style: solid;
        border-width: 1px;
        border-color: transparent;
        background-color: #fff;
        width: 0;
        overflow: hidden;
        z-index: 11;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
        border-radius: 20px;
    }

        .search-h .form .input-text {
            color: #252525;
            padding: 10px 0 10px 15px;
            font-size: 13px;
            border-width: 0;
            width: 100%;
        }

        .search-h .form .search-btn {
            display: none;
        }

.mini-cart {
    position: relative;
    display: inline-block;
}

    .mini-cart .cart-head {
        padding-left: 35px;
        font-size: 13.5px;
        color: #252525;
        background: url(../images/icon-cart.png) left center no-repeat;
        position: relative;
        padding-right: 30px;
        cursor: pointer;
    }

        .mini-cart .cart-head:after {
            content: '\f107';
            font-size: 14px;
            color: #252525;
            font-family: FontAwesome;
            position: absolute;
            right: 0;
            top: 10px;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .mini-cart .cart-head label {
            font-weight: 400;
            margin: 0;
        }

            .mini-cart .cart-head label span {
                color: #d5375f;
            }

        .mini-cart .cart-head p {
            margin: 0;
        }

            .mini-cart .cart-head p span {
                color: #252525;
            }

            .mini-cart .cart-head p small {
                font-size: 13.5px;
            }

        .mini-cart .cart-head .cart-count {
            position: absolute;
            top: 0;
            left: 15px;
            display: block;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            font-size: 12px;
            color: #fff;
            border-radius: 50%;
        }

    .mini-cart .cart-cn {
        position: absolute;
        width: 330px;
        padding: 20px;
        border: 1px solid #e1e1e1;
        background-color: #fff;
        right: 0;
        top: 60px;
        visibility: hidden;
        z-index: 100;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .mini-cart .cart-cn:before {
            position: absolute;
            top: -5px;
            right: 50px;
            content: '';
            padding: 6px 0 0 6px;
            border-left: 1px solid #e1e1e1;
            border-top: 1px solid #e1e1e1;
            background-color: #fff;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .mini-cart .cart-cn .cart-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .mini-cart .cart-cn .cart-list li {
                padding: 15px 0;
                overflow: hidden;
                border-bottom: 1px solid #eaeaea;
            }

                .mini-cart .cart-cn .cart-list li .img {
                    float: left;
                    display: block;
                    text-decoration: none;
                }

                .mini-cart .cart-cn .cart-list li .text {
                    position: relative;
                    padding-right: 40px;
                    margin-left: 80px;
                }

                    .mini-cart .cart-cn .cart-list li .text .name {
                        margin-bottom: 5px;
                    }

                        .mini-cart .cart-cn .cart-list li .text .name a {
                            color: #252525;
                            font-size: 13px;
                            text-decoration: none;
                            line-height: 20px;
                            -webkit-transition: all .2s ease-out;
                            transition: all .2s ease-out;
                        }

                            .mini-cart .cart-cn .cart-list li .text .name a:hover {
                                color: #d32c56;
                            }

                    .mini-cart .cart-cn .cart-list li .text span {
                        color: #d32c56;
                        margin-top: 5px;
                    }

                    .mini-cart .cart-cn .cart-list li .text .delete {
                        position: absolute;
                        right: 0;
                        top: 20px;
                        text-decoration: none;
                    }

        .mini-cart .cart-cn .cart-total {
            text-align: right;
            margin: 15px 0 0;
            color: #202020;
        }

            .mini-cart .cart-cn .cart-total span {
                font-size: 16px;
                color: #d32c56;
            }

        .mini-cart .cart-cn .cart-bt {
            text-align: right;
            font-size: 0;
            margin-top: 15px;
        }

            .mini-cart .cart-cn .cart-bt .btn {
                font-size: 12px;
            }

                .mini-cart .cart-cn .cart-bt .btn + .btn {
                    margin-left: 12px;
                }

    .mini-cart.show-view .cart-head:after {
        color: #d32c56;
    }

    .mini-cart.show-view .cart-cn {
        visibility: visible;
        opacity: 1;
        top: 50px;
    }

.menu-bar {
    height: 32px;
    width: 36px;
    position: relative;
    cursor: pointer;
    display: none;
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear;
}

    .menu-bar:hover {
        -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3);
        box-shadow: inset 0 0 10px rgba(0,0,0,.3);
    }

    .menu-bar span {
        display: block;
        width: 24px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .menu-bar span.one {
            top: 6px;
        }

        .menu-bar span.two {
            top: 0;
            bottom: 0;
        }

        .menu-bar span.three {
            bottom: 6px;
        }

    .menu-bar.show-view span.two {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
    }

    .menu-bar.show-view span.one, .menu-bar.show-view span.three {
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menu-bar.show-view span.three {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.logo img {
    max-width: 100%;
}

.header {
    background-color: #fff;
}

    .header._1 {
        padding-top: 60px;
        background-color: #fff;
        border-bottom: 3px solid #d1d2d5;
    }

        .header._1 .header-cn {
            position: relative;
        }

            .header._1 .header-cn .top-menu {
                float: left;
                margin-top: 13px;
            }

            .header._1 .header-cn .logo {
                display: inline-block;
                position: absolute;
                line-height: 40px;
                left: 50%;
                -webkit-transform: translate(-50%,0);
                -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
            }

            .header._1 .header-cn .mini-cart, .header._1 .header-cn .search-h {
                float: right;
            }

            .header._1 .header-cn .mini-cart {
                padding-left: 20px;
                margin-left: 15px;
            }

                .header._1 .header-cn .mini-cart .cart-head .cart-count, .header._1 .header-cn .mini-cart .cart-head p small {
                    display: none;
                }

                .header._1 .header-cn .mini-cart:before {
                    height: 40px;
                    width: 0;
                    border-left: 1px solid #e5e5e5;
                    content: '';
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            .header._1 .header-cn .navigation {
                clear: both;
                margin-top: 35px;
            }

                .header._1 .header-cn .navigation .menu {
                    text-align: center;
                }

                    .header._1 .header-cn .navigation .menu > li {
                        text-align: left;
                    }

                        .header._1 .header-cn .navigation .menu > li > .sub-menu:before {
                            content: '';
                            border-top: 3px solid transparent;
                            position: absolute;
                            top: -1px;
                            left: -1px;
                            right: -1px;
                        }

                        .header._1 .header-cn .navigation .menu > li.menu-parent > a:after {
                            border-top-width: 2px;
                            border-left-width: 2px;
                            height: 12px;
                            width: 12px;
                            bottom: -8px;
                        }

                        .header._1 .header-cn .navigation .menu > li.current-menu-item > a:before, .header._1 .header-cn .navigation .menu > li > a:hover::before {
                            visibility: visible;
                            -moz-opacity: 1;
                            -khtml-opacity: 1;
                            -webkit-opacity: 1;
                            opacity: 1;
                            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                            filter: alpha(opacity=100);
                        }

                        .header._1 .header-cn .navigation .menu > li > a:before {
                            border-bottom: 3px solid transparent;
                            left: 10px;
                            right: 10px;
                            position: absolute;
                            content: '';
                            bottom: -3px;
                            visibility: visible;
                            -moz-opacity: 0;
                            -khtml-opacity: 0;
                            -webkit-opacity: 0;
                            opacity: 0;
                            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                            filter: alpha(opacity=0);
                            -webkit-transition: all .2s ease-out;
                            transition: all .2s ease-out;
                        }

    .header._2 {
        position: relative;
        z-index: 10;
        -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
        box-shadow: 0 1px 8px 0 rgba(0,0,0,.2);
    }

        .header._2 .header-cn {
            text-align: center;
            position: relative;
            border-left: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
        }

            .header._2 .header-cn .top-menu {
                text-align: left;
                position: absolute;
                left: -25px;
                top: 24px;
                -webkit-transform: translate(-100%,0);
                -ms-transform: translate(-100%,0);
                transform: translate(-100%,0);
            }

            .header._2 .header-cn .mini-cart {
                text-align: left;
                float: right;
                margin-top: 10px;
                padding-right: 10px;
            }

                .header._2 .header-cn .mini-cart .cart-head label {
                    display: none;
                }

                .header._2 .header-cn .mini-cart .cart-head p {
                    line-height: 40px;
                }

                    .header._2 .header-cn .mini-cart .cart-head p span {
                        display: none;
                    }

            .header._2 .header-cn .logo {
                float: left;
                line-height: 60px;
                margin-left: 25px;
            }

            .header._2 .header-cn .search-h {
                text-align: left;
                float: right;
                margin-top: 10px;
                margin-right: 15px;
            }

            .header._2 .header-cn .clear {
                display: none;
            }

            .header._2 .header-cn .navigation {
                display: inline-block;
                position: static;
                text-align: left;
            }

                .header._2 .header-cn .navigation .menu {
                    position: static;
                }

    .header._3 {
        padding-top: 45px;
    }

        .header._3 .header-cn {
            position: relative;
        }

            .header._3 .header-cn .top-menu {
                float: left;
                margin-top: 13px;
            }

            .header._3 .header-cn .mini-cart, .header._3 .header-cn .search-h {
                float: right;
            }

            .header._3 .header-cn .mini-cart {
                padding-left: 20px;
                margin-left: 15px;
            }

                .header._3 .header-cn .mini-cart:before {
                    height: 40px;
                    width: 0;
                    border-left: 1px solid #e5e5e5;
                    content: '';
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

                .header._3 .header-cn .mini-cart .cart-head label {
                    display: none;
                }

                .header._3 .header-cn .mini-cart .cart-head p {
                    line-height: 40px;
                }

                    .header._3 .header-cn .mini-cart .cart-head p span {
                        display: none;
                    }

            .header._3 .header-cn .logo {
                display: inline-block;
                position: absolute;
                line-height: 40px;
                left: 50%;
                -webkit-transform: translate(-50%,0);
                -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
            }

            .header._3 .header-cn .navigation {
                clear: both;
                margin-top: 40px;
                border-top: 1px solid #dadada;
                border-bottom: 1px solid #dadada;
            }

                .header._3 .header-cn .navigation:after, .header._3 .header-cn .navigation:before {
                    display: block;
                    content: '';
                    height: 3px;
                    width: 5px;
                    position: absolute;
                    top: -2px;
                    background-color: #dadada;
                }

                .header._3 .header-cn .navigation:before {
                    left: 2px;
                }

                .header._3 .header-cn .navigation:after {
                    right: 2px;
                }

                .header._3 .header-cn .navigation .menu:after, .header._3 .header-cn .navigation .menu:before {
                    display: block;
                    content: '';
                    height: 3px;
                    width: 5px;
                    position: absolute;
                    bottom: -2px;
                    background-color: #dadada;
                }

                .header._3 .header-cn .navigation .menu:before {
                    left: 2px;
                }

                .header._3 .header-cn .navigation .menu:after {
                    right: 2px;
                }

                .header._3 .header-cn .navigation .menu > li + li:before {
                    border-left: 1px solid #dadada;
                    width: 0;
                    height: 30px;
                    content: '';
                    float: left;
                    margin-top: 10px;
                }

                .header._3 .header-cn .navigation .menu > li > a {
                    line-height: 50px;
                    padding-left: 25px;
                    padding-right: 25px;
                }

.banner .banner-item {
    margin-top: 30px;
    position: relative;
}

    .banner .banner-item a {
        display: block;
    }

        .banner .banner-item a:after {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            content: '';
            background-color: #000;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .banner .banner-item a img {
            width: 100%;
        }

    .banner .banner-item:hover a:after {
        -moz-opacity: .5;
        -khtml-opacity: .5;
        -webkit-opacity: .5;
        opacity: .5;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter: alpha(opacity=50);
    }

.sub-banner {
    margin-top: 30px;
}

    .sub-banner.no-margin {
        margin-top: 0;
    }

    .sub-banner .item {
        position: relative;
    }

        .sub-banner .item img {
            width: 100%;
        }

        .sub-banner .item .caption {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }

            .sub-banner .item .caption._1 {
                padding: 20px;
                left: 80px;
            }

                .sub-banner .item .caption._1 p {
                    color: #252525;
                    font-size: 45px;
                    line-height: 50px;
                    font-weight: 300;
                    margin: 0;
                }

                    .sub-banner .item .caption._1 p span {
                        color: #d12853;
                    }

                    .sub-banner .item .caption._1 p:after {
                        width: 60px;
                        height: 0;
                        border-top: 2px solid #252525;
                        content: '';
                        display: block;
                        margin: 30px auto;
                    }

            .sub-banner .item .caption._2 {
                right: 75px;
            }

                .sub-banner .item .caption._2 p {
                    color: #252525;
                    font-size: 42px;
                    font-weight: 300;
                    margin: 0;
                    line-height: 50px;
                }

                    .sub-banner .item .caption._2 p strong {
                        text-transform: uppercase;
                    }

                    .sub-banner .item .caption._2 p:after {
                        display: block;
                        width: 61px;
                        background: url(../images/icon-border.png) top left repeat-x;
                        height: 7px;
                        content: '';
                        margin: 20px 0 25px;
                    }

.slide {
    background-color: #eeeff2;
}

    .slide .slide-cn .owl-item {
        position: relative;
    }

        .slide .slide-cn .owl-item.active .slide-item .text h2 {
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
            -webkit-transition-duration: .6s;
            transition-duration: .6s;
            -webkit-transition-delay: 1s;
            transition-delay: 1s;
        }

        .slide .slide-cn .owl-item.active .slide-item .text p {
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
            -webkit-transition-duration: .6s;
            transition-duration: .6s;
            -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s;
        }

        .slide .slide-cn .owl-item.active .slide-item .text .group {
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
            -webkit-transition-duration: .6s;
            transition-duration: .6s;
            -webkit-transition-delay: 2s;
            transition-delay: 2s;
        }

        .slide .slide-cn .owl-item.active .slide-item .img {
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
            -webkit-transition-duration: 1s;
            transition-duration: 1s;
            -webkit-transition-delay: .3s;
            transition-delay: .3s;
        }

    .slide .slide-item {
        position: relative;
    }

        .slide .slide-item:after, .slide .slide-item:before {
            content: '';
            display: block;
            clear: both;
        }

        .slide .slide-item .item-inner {
            width: 1170px;
            margin: auto;
            overflow: hidden;
            position: absolute;
            left: 0;
            bottom: 0;
            -webkit-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            transform-origin: 0 100%;
        }

        .slide .slide-item .text {
            position: absolute;
            top: 50%;
            z-index: 10;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }

            .slide .slide-item .text.text-r {
                right: 0;
            }

            .slide .slide-item .text h2 {
                margin: 0;
                color: #252525;
                font-size: 50px;
                line-height: 66px;
                font-weight: 700;
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                filter: alpha(opacity=0);
                -webkit-transform: translate(0,50px);
                -ms-transform: translate(0,50px);
                transform: translate(0,50px);
                -webkit-transition: all .3s ease .1s;
                transition: all .3s ease .1s;
            }

                .slide .slide-item .text h2 span {
                    font-weight: 300;
                }

            .slide .slide-item .text p {
                font-weight: 300;
                margin-top: 40px;
                color: #252525;
                margin-bottom: 0;
                font-size: 18px;
                line-height: 26px;
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                filter: alpha(opacity=0);
                -webkit-transform: translate(0,50px);
                -ms-transform: translate(0,50px);
                transform: translate(0,50px);
                -webkit-transition: all .3s ease .2s;
                transition: all .3s ease .2s;
            }

                .slide .slide-item .text p:before {
                    content: '';
                    width: 90px;
                    clear: both;
                    display: block;
                    margin-bottom: 40px;
                    height: 0;
                    border-top: 2px solid #252525;
                }

            .slide .slide-item .text .group {
                margin-top: 40px;
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                filter: alpha(opacity=0);
                -webkit-transform: translate(0,30px);
                -ms-transform: translate(0,30px);
                transform: translate(0,30px);
                -webkit-transition: all .3s ease .2s;
                transition: all .3s ease .2s;
            }

                .slide .slide-item .text .group .btn {
                    font-size: 15px;
                    padding-left: 30px;
                    padding-right: 30px;
                }

        .slide .slide-item .img {
            float: right;
            margin-top: 30px;
            -webkit-transform: translate(100%,0);
            -ms-transform: translate(100%,0);
            transform: translate(100%,0);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all 1s ease .2s;
            transition: all 1s ease .2s;
        }

            .slide .slide-item .img.img-l {
                float: left;
                -webkit-transform: translate(-100%,0);
                -ms-transform: translate(-100%,0);
                transform: translate(-100%,0);
            }

    .slide .owl-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
    }

.slide-watch-cn {
    margin-top: 20px;
}

    .slide-watch-cn .item {
        position: relative;
    }

        .slide-watch-cn .item .text {
            position: absolute;
            top: 50%;
            left: 50px;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }

            .slide-watch-cn .item .text h2 {
                font-size: 45px;
                line-height: 50px;
                color: #81c223;
            }

                .slide-watch-cn .item .text h2 span {
                    color: #fff;
                    font-weight: 300;
                    text-transform: none;
                }

            .slide-watch-cn .item .text p {
                margin-top: 20px;
                color: #262626;
                font-size: 30px;
                line-height: 36px;
                margin-bottom: 0;
                font-weight: 300;
            }

            .slide-watch-cn .item .text .group {
                margin-top: 50px;
            }

                .slide-watch-cn .item .text .group .btn {
                    text-transform: uppercase;
                }

                    .slide-watch-cn .item .text .group .btn + .btn {
                        margin-left: 5px;
                    }

        .slide-watch-cn .item img {
            width: 100%;
        }

        .slide-watch-cn .item.style-1 .text {
            text-align: center;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

            .slide-watch-cn .item.style-1 .text h2, .slide-watch-cn .item.style-1 .text h2 span, .slide-watch-cn .item.style-1 .text p {
                color: #030303;
            }

        .slide-watch-cn .item.style-2 .text h2 {
            font-size: 60px;
        }

            .slide-watch-cn .item.style-2 .text h2 span {
                color: #262626;
            }

    .slide-watch-cn .owl-pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
    }

.slide-block {
    margin-top: 20px;
}

    .slide-block img {
        width: 100%;
    }

    .slide-block .owl-next, .slide-block .owl-prev {
        position: absolute;
        top: 50%;
        background-color: rgba(255,255,255,.2);
        width: 30px;
        height: 40px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .slide-block .owl-next:hover, .slide-block .owl-prev:hover {
            background-color: rgba(255,255,255,.5);
        }

    .slide-block .owl-next {
        right: 0;
    }

.new-arrivals._1 {
    margin-top: 70px;
}

.new-arrivals._2 {
    margin-top: 50px;
}

.new-arrivals._3 {
    margin-top: 60px;
}

.new-arrivals .new-arrivals-cn._1, .new-arrivals .new-arrivals-cn._3 {
    margin-top: 10px;
}

    .new-arrivals .new-arrivals-cn._1 .grid-item, .new-arrivals .new-arrivals-cn._3 .grid-item {
        margin-top: 40px;
    }

.new-arrivals .new-arrivals-cn._2 {
    margin-top: 10px;
}

    .new-arrivals .new-arrivals-cn._2 .grid-item {
        margin-top: 20px;
    }

.product-featured._1 {
    margin-top: 75px;
}

.product-featured._2 {
    margin-top: 45px;
}

.product-featured._3 {
    margin-top: 30px;
}

.product-featured .heading-tabs._1, .product-featured .heading-tabs._3 {
    margin-left: 50px;
    margin-right: 50px;
}

.product-featured .tab-pane {
    margin-right: -15px;
    margin-left: -15px;
}

.heading-tabs ul {
    list-style: none;
    margin: 0;
    font-size: 0;
    padding: 0;
}

.heading-tabs._1, .heading-tabs._3 {
    background: url(../images/bg-heading_1.png) center center repeat-x;
}

    .heading-tabs._1 ul, .heading-tabs._3 ul {
        padding: 0 20px;
        background-color: #fff;
        display: inline-block;
    }

        .heading-tabs._1 ul li, .heading-tabs._3 ul li {
            display: inline-block;
        }

            .heading-tabs._1 ul li + li, .heading-tabs._3 ul li + li {
                position: relative;
                margin-left: 35px;
            }

                .heading-tabs._1 ul li + li:before, .heading-tabs._3 ul li + li:before {
                    display: inline-block;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: -20px;
                    margin: auto;
                    width: 8px;
                    height: 8px;
                    content: '';
                    background-color: #7c7c7c;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

            .heading-tabs._1 ul li a, .heading-tabs._3 ul li a {
                color: #7c7c7c;
                text-transform: uppercase;
                text-decoration: none;
                font-size: 18px;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

.heading-tabs._2 {
    border-bottom: 1px solid #dcdcdc;
}

    .heading-tabs._2 ul {
        font-size: 0;
    }

        .heading-tabs._2 ul li {
            display: inline-block;
            font-size: 14px;
            margin-bottom: -1px;
        }

            .heading-tabs._2 ul li + li {
                margin-left: 5px;
            }

            .heading-tabs._2 ul li a {
                display: block;
                color: #252525;
                padding-left: 20px;
                padding-right: 20px;
                line-height: 38px;
                text-decoration: none;
                text-transform: uppercase;
                border: 1px solid #dcdcdc;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

                .heading-tabs._2 ul li a:hover, .heading-tabs._2 ul li.active a {
                    color: #fff;
                }

.heading-tabs._3 {
    background: url(../images/icon-border.png) center center repeat-x;
}

.featured-slide .owl-item {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 35px;
}

.featured-slide._1 .owl-next, .featured-slide._1 .owl-prev, .featured-slide._3 .owl-next, .featured-slide._3 .owl-prev {
    position: absolute;
    width: 39px;
    height: 24px;
    z-index: 10;
    top: -24px;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .featured-slide._1 .owl-next:hover, .featured-slide._1 .owl-prev:hover, .featured-slide._3 .owl-next:hover, .featured-slide._3 .owl-prev:hover {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

.featured-slide._1 .owl-next, .featured-slide._3 .owl-next {
    background: url(../images/icon-next.png) center center no-repeat;
    right: 15px;
}

.featured-slide._1 .owl-prev, .featured-slide._3 .owl-prev {
    background: url(../images/icon-prev.png) center center no-repeat;
    left: 15px;
}

.featured-slide._1 .owl-pagination, .featured-slide._3 .owl-pagination {
    margin-top: 35px;
}

.featured-slide._2 .owl-item {
    margin-top: 30px;
}

.featured-slide._2 .owl-next, .featured-slide._2 .owl-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #dcdcdc;
    z-index: 10;
    top: -40px;
    font-size: 16px;
    color: #252525;
    font-family: FontAwesome;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .featured-slide._2 .owl-next:hover, .featured-slide._2 .owl-prev:hover {
        background-color: #81c223;
        color: #fff;
        border-color: #81c223;
    }

.featured-slide._2 .owl-next {
    right: 15px;
}

    .featured-slide._2 .owl-next:before {
        content: '\f105';
    }

.featured-slide._2 .owl-prev {
    right: 54px;
}

    .featured-slide._2 .owl-prev:before {
        content: '\f104';
    }

.featured-slide._2 .owl-pagination {
    display: none;
}

.featured-slide._3 {
    position: relative;
    z-index: 1;
}

    .featured-slide._3 .owl-item {
        padding-bottom: 85px;
    }

    .featured-slide._3 .owl-pagination {
        display: none;
    }

.trend-rated-cn {
    border: 1px solid #ddd;
    margin-top: 60px;
}

    .trend-rated-cn .title-trend-rated {
        text-align: center;
        margin-bottom: 45px;
        margin-top: 30px;
    }

        .trend-rated-cn .title-trend-rated h2 {
            color: #252525;
            font-size: 22px;
            margin: 0;
            text-transform: uppercase;
        }

        .trend-rated-cn .title-trend-rated p {
            color: #252525;
            font-weight: 300px;
            margin-bottom: 0;
            margin-top: 10px;
        }

    .trend-rated-cn .trend-rated-item {
        margin-left: 30px;
        margin-right: 30px;
    }

    .trend-rated-cn .owl-pagination {
        text-align: center;
        border-top: 1px solid #ddd;
        padding-top: 18px;
        padding-bottom: 18px;
    }

.trend-rated-item {
    position: relative;
    overflow: hidden;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ddd;
}

    .trend-rated-item .img {
        float: left;
        max-width: 150px;
    }

        .trend-rated-item .img img {
            max-width: 100%;
        }

    .trend-rated-item .text {
        margin-top: 15px;
    }

        .trend-rated-item .text h2 {
            font-size: 14px;
            margin-top: 0;
            margin-bottom: 5px;
        }

            .trend-rated-item .text h2 a {
                color: #252525;
                text-decoration: none;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

        .trend-rated-item .text .price-box .special-price {
            margin-bottom: 0;
        }

            .trend-rated-item .text .price-box .special-price .price {
                color: #d12853;
                font-size: 20px;
                position: relative;
            }

                .trend-rated-item .text .price-box .special-price .price:before {
                    width: 25px;
                    height: 1px;
                    position: absolute;
                    left: -40px;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    background-color: #ddd;
                    content: '';
                    display: inline-block;
                }

.accessories {
    border: 1px solid #ddd;
    margin-top: 60px;
}

    .accessories .owl-pagination {
        position: absolute;
        left: 0;
        bottom: 20px;
        right: 0;
    }

.accessories-item {
    position: relative;
    text-align: center;
}

    .accessories-item img {
        max-width: 100%;
    }

    .accessories-item .text {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        left: 0;
        right: 0;
    }

        .accessories-item .text p {
            border-top: 1px dashed #fff;
            border-bottom: 1px dashed #fff;
            display: inline-block;
            padding-top: 10px;
            padding-bottom: 10px;
            margin: 0;
            color: #252525;
            font-size: 30px;
            font-weight: 300;
            text-transform: uppercase;
        }

            .accessories-item .text p span {
                color: #fff;
                font-weight: 700;
            }

.parallax-video {
    overflow: hidden;
    margin-top: 70px;
}

    .parallax-video .parallax-video-cn {
        padding-top: 200px;
        padding-bottom: 205px;
        position: relative;
        z-index: 15;
    }

    .parallax-video .overlay {
        z-index: 12;
    }

    .parallax-video #video-wrap {
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1 !important;
    }

.parallax-video-cn p {
    text-align: center;
    font-size: 52px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 100;
}

    .parallax-video-cn p span {
        font-weight: 300;
    }

    .parallax-video-cn p a {
        background-color: #fff;
        display: inline-block;
        height: 80px;
        width: 80px;
        font-size: 29px;
        color: #252525;
        line-height: 80px;
        text-align: center;
        border-radius: 50%;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .parallax-video-cn p a:hover {
            -webkit-box-shadow: 0 0 14px rgba(0,0,0,.7) 1px 2px rgba(0,0,0,.1);
            box-shadow: 0 0 14px rgba(0,0,0,.7) 1px 2px rgba(0,0,0,.1);
        }

        .parallax-video-cn p a.play i:before {
            content: '\f04c';
        }

.bg-video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}

.controls-video {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 20;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

    .controls-video span {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 28px;
        color: #fff;
        text-align: center;
        border: 1px solid #fff;
        margin: 0 10px;
        cursor: pointer;
        border-radius: 50%;
    }

.from-blog._1, .from-blog._3 {
    margin-top: 60px;
}

.from-blog .heading._1 {
    margin-left: 50px;
    margin-right: 50px;
}

.from-blog .from-blog-cn._1 {
    margin-left: -15px;
    margin-right: -15px;
}

.from-blog .from-blog-cn._3 > .row {
    margin-left: -25px;
    margin-right: -25px;
}

    .from-blog .from-blog-cn._3 > .row [class*=col-] {
        padding-left: 25px;
        padding-right: 25px;
    }

.from-blog .from-blog-cn .owl-item {
    padding-left: 15px;
    padding-right: 15px;
}

.from-blog .from-blog-cn .blog-item, .from-blog .from-blog-cn .owl-pagination {
    margin-top: 40px;
}

.from-blog .from-blog-cn .owl-next, .from-blog .from-blog-cn .owl-prev {
    position: absolute;
    width: 39px;
    height: 24px;
    text-indent: -9999px;
    z-index: 10;
    top: -22px;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .from-blog .from-blog-cn .owl-next:hover, .from-blog .from-blog-cn .owl-prev:hover {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

.from-blog .from-blog-cn .owl-next {
    background: url(../images/icon-next.png) center center no-repeat;
    right: 15px;
}

.from-blog .from-blog-cn .owl-prev {
    background: url(../images/icon-prev.png) center center no-repeat;
    left: 15px;
}

.block.block-negative {
    margin-top: -70px;
}

.block .row {
    margin-left: -10px;
    margin-right: -10px;
}

    .block .row [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }

.block .block-item {
    margin-top: 20px;
    position: relative;
}

    .block .block-item a:after {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: '';
        visibility: visible;
        background-color: #000;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .block .block-item.no-hover a:after {
        content: none;
    }

    .block .block-item:hover a:after {
        -moz-opacity: .5;
        -khtml-opacity: .5;
        -webkit-opacity: .5;
        opacity: .5;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter: alpha(opacity=50);
    }

    .block .block-item img {
        width: 100%;
    }

.selles-rated .block-selles-rate, .selles-rated .selles-rate-cn {
    margin-top: 40px;
}

.block-selles-rate img {
    width: 100%;
}

.selles-rate-cn .heading {
    margin-bottom: 10px;
}

.selles-rate-cn .selles-rate-item {
    padding: 20px 0;
}

    .selles-rate-cn .selles-rate-item:last-child {
        padding-bottom: 0;
    }

    .selles-rate-cn .selles-rate-item + .selles-rate-item {
        border-top: 1px solid #e6e6e6;
    }

.selles-rate-item:after, .selles-rate-item:before {
    content: '';
    display: block;
    clear: both;
}

.selles-rate-item .img {
    float: left;
    margin-right: 35px;
    max-width: 110px;
}

    .selles-rate-item .img img {
        max-width: 100%;
    }

.selles-rate-item .text {
    padding-top: 30px;
}

    .selles-rate-item .text .name {
        font-size: 14px;
        margin: 0;
    }

        .selles-rate-item .text .name a {
            color: #252525;
            text-decoration: none;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

    .selles-rate-item .text .price-box {
        margin-top: 5px;
        font-size: 0;
    }

        .selles-rate-item .text .price-box .old-price, .selles-rate-item .text .price-box .special-price {
            font-size: 14px;
            display: inline-block;
            margin: 0;
        }

            .selles-rate-item .text .price-box .special-price .price {
                color: #e10505;
                font-size: 16px;
            }

            .selles-rate-item .text .price-box .old-price .price {
                margin-left: 5px;
                font-size: 14px;
                text-decoration: line-through;
                color: #a6a6a6;
            }

.product-grid .container > .row, .product-list .container > .row {
    margin-left: -25px;
    margin-right: -25px;
}

    .product-grid .container > .row > [class*=col-], .product-list .container > .row > [class*=col-] {
        padding-left: 25px;
        padding-right: 25px;
    }

.state-box {
    position: relative;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

    .state-box._1, .state-box._2, .state-box._3 {
        width: 40px;
        height: 40px;
        color: #fff;
        line-height: 40px;
        background-color: #d61515;
        border-radius: 50%;
    }

    .state-box._2 {
        background-color: #81c223;
    }

    .state-box._3 {
        background-color: #1680bc;
    }

    .state-box._4, .state-box._5, .state-box._6 {
        height: 24px;
        line-height: 22px;
        padding: 0 10px;
        font-size: 10px;
        text-align: center;
    }

    .state-box._4 {
        color: #e10604;
        border: 2px solid;
        border-right: 0;
    }

        .state-box._4:before {
            content: '';
            display: block;
            position: absolute;
            width: 0;
            height: 12px;
            border-left: 3px solid;
            right: -1px;
            top: -2px;
            -webkit-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: skew(45deg);
            -ms-transform: skew(45deg);
            transform: skew(45deg);
        }

        .state-box._4:after {
            content: '';
            display: block;
            position: absolute;
            width: 0;
            height: 12px;
            border-left: 3px solid;
            right: -1px;
            bottom: -2px;
            -webkit-transform-origin: 0 100%;
            -ms-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -webkit-transform: skew(-45deg);
            -ms-transform: skew(-45deg);
            transform: skew(-45deg);
        }

.sidebar-title {
    color: #252525;
    margin: 0;
}

.nav-cat {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .nav-cat li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .nav-cat li:last-child {
            border-bottom-width: 0;
        }

        .nav-cat li label {
            color: #252525;
            padding-left: 22px;
        }

            .nav-cat li label:before {
                width: 13px;
                height: 13px;
                top: 3px;
                line-height: 11px;
            }

            .nav-cat li label span {
                color: #a6a6a6;
                margin-left: 5px;
            }

.sidebar._1 .sidebar-title {
    font-size: 18px;
    font-weight: 400;
    border-top: 2px solid #dedede;
    background-color: #f5f5f5;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: capitalize;
    line-height: 34px;
}

    .sidebar._1 .sidebar-title span {
        font-weight: 300;
    }

.sidebar._1.sidebar-cat, .sidebar._1.sidebar-fac {
    margin-top: 30px;
}

    .sidebar._1.sidebar-cat .nav-cat, .sidebar._1.sidebar-fac .nav-cat {
        padding: 0 10px;
        margin-top: 5px;
    }

.sidebar._1.sidebar-color {
    margin-top: 40px;
}

    .sidebar._1.sidebar-color .nav-color {
        padding: 0 10px;
    }

.sidebar._1.sidebar-size {
    margin-top: 40px;
}

    .sidebar._1.sidebar-size .nav-cat {
        padding: 0 10px;
    }

.sidebar._1.sidebar-tags {
    margin-top: 30px;
}

.sidebar._1.widget_photo_slide {
    margin-top: 40px;
}

.sidebar._2 .sidebar-title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.sidebar._2.sidebar-cat, .sidebar._2.sidebar-fac {
    margin-top: 30px;
}

    .sidebar._2.sidebar-cat .nav-cat, .sidebar._2.sidebar-fac .nav-cat {
        margin-top: 5px;
    }

        .sidebar._2.sidebar-cat .nav-cat li, .sidebar._2.sidebar-fac .nav-cat li {
            border-bottom: 1px solid #e1e1e1;
        }

            .sidebar._2.sidebar-cat .nav-cat li:last-child, .sidebar._2.sidebar-fac .nav-cat li:last-child {
                border-bottom-width: 0;
            }

.sidebar._2.sidebar-slider {
    margin-top: 30px;
}

.sidebar._2.sidebar-color, .sidebar._2.sidebar-size {
    margin-top: 45px;
}

.sidebar._2.sidebar-tags {
    margin-top: 40px;
}

.sidebar._2.widget_photo_slide {
    margin-top: 30px;
}

.sidebar._3 .wrap-sidebar-title {
    background: url(../images/icon-border.png) left center repeat-x;
}

    .sidebar._3 .wrap-sidebar-title .sidebar-title {
        font-size: 18px;
        background-color: #fff;
        display: inline-block;
        padding-right: 15px;
    }

        .sidebar._3 .wrap-sidebar-title .sidebar-title span {
            font-weight: 300;
        }

.sidebar._3.sidebar-cat .nav-cat, .sidebar._3.sidebar-fac .nav-cat {
    margin-top: 5px;
}

    .sidebar._3.sidebar-cat .nav-cat li, .sidebar._3.sidebar-fac .nav-cat li {
        border-bottom: 1px dotted #7c7c7c;
    }

        .sidebar._3.sidebar-cat .nav-cat li:last-child, .sidebar._3.sidebar-fac .nav-cat li:last-child {
            border-bottom-width: 0;
        }

.sidebar._3.sidebar-fac, .sidebar._3.sidebar-slider, .sidebar._3.sidebar-tags, .sidebar._3.widget_photo_slide {
    margin-top: 30px;
}

.sidebar._3.sidebar-color, .sidebar._3.sidebar-size {
    margin-top: 40px;
}

.sidebar-slider .slider {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 30px;
}

    .sidebar-slider .slider .ui-slider {
        background-color: #e6e6e6;
        height: 7px;
    }

    .sidebar-slider .slider .ui-slider-handle {
        width: 16px;
        height: 16px;
        background-color: #000;
        outline: 0;
        cursor: pointer;
    }

        .sidebar-slider .slider .ui-slider-handle:before {
            width: 6px;
            height: 4px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

        .sidebar-slider .slider .ui-slider-handle:focus {
            outline: 0;
        }

.sidebar-slider .slider-g {
    margin-top: 25px;
    overflow: hidden;
}

    .sidebar-slider .slider-g .price-value {
        width: 55px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e8e9ee;
        color: #252525;
        float: left;
        text-align: center;
    }

        .sidebar-slider .slider-g .price-value + .price-value {
            margin-left: 30px;
        }

            .sidebar-slider .slider-g .price-value + .price-value:before {
                display: block;
                height: 2px;
                width: 10px;
                content: '';
                background-color: #252525;
                margin-left: -20px;
                margin-top: 13px;
                float: left;
            }

    .sidebar-slider .slider-g .btn-filter {
        float: right;
        height: 30px;
        line-height: 30px;
        color: #fff;
        border-width: 0;
        padding-left: 15px;
        padding-right: 15px;
        outline: 0;
    }

.sidebar-color .nav-color {
    list-style: none;
    padding: 0;
    margin: 15px -5px 0;
    overflow: hidden;
}

    .sidebar-color .nav-color li {
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 10px;
        float: left;
    }

        .sidebar-color .nav-color li a {
            width: 26px;
            height: 18px;
            display: block;
            position: relative;
            margin: 3px;
        }

            .sidebar-color .nav-color li a:before {
                content: '';
                display: block;
                top: -3px;
                bottom: -3px;
                left: -3px;
                right: -3px;
                position: absolute;
                border: 1px solid #e5e6eb;
            }

        .sidebar-color .nav-color li._1 a {
            background-color: #d1b063;
        }

        .sidebar-color .nav-color li._2 a {
            background-color: #000;
        }

        .sidebar-color .nav-color li._3 a {
            background-color: #225a9e;
        }

        .sidebar-color .nav-color li._4 a {
            background-color: #563601;
        }

        .sidebar-color .nav-color li._5 a {
            background-color: #5c9c41;
        }

        .sidebar-color .nav-color li._6 a {
            background-color: #e97500;
        }

        .sidebar-color .nav-color li._7 a {
            background-color: #8812c4;
        }

        .sidebar-color .nav-color li._8 a {
            background-color: #f5e500;
        }

        .sidebar-color .nav-color li._9 a {
            background-color: #f1518e;
        }

        .sidebar-color .nav-color li._10 a {
            background-color: #29d4c3;
        }

.sidebar-size .nav-cat {
    overflow: hidden;
    margin-top: 10px;
}

    .sidebar-size .nav-cat li {
        width: 50%;
        float: left;
        border-bottom-width: 0;
    }

.sidebar-tags .sidebar-cloud {
    margin-top: 15px;
    font-size: 0;
}

    .sidebar-tags .sidebar-cloud a {
        font-size: 14px;
        color: #252525;
        text-decoration: none;
        border: 1px solid #e8e9ee;
        display: inline-block;
        padding: 0 10px;
        margin: 6px 5px 0 0;
        line-height: 30px;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

.sidebar.widget_photo_slide .photo-slide {
    margin-top: 0;
}

    .sidebar.widget_photo_slide .photo-slide .owl-next, .sidebar.widget_photo_slide .photo-slide .owl-prev {
        background-color: rgba(255,255,255,.36);
    }

        .sidebar.widget_photo_slide .photo-slide .owl-next i, .sidebar.widget_photo_slide .photo-slide .owl-prev i {
            display: none;
        }

        .sidebar.widget_photo_slide .photo-slide .owl-next:before, .sidebar.widget_photo_slide .photo-slide .owl-prev:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            display: block;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .sidebar.widget_photo_slide .photo-slide .owl-next:hover, .sidebar.widget_photo_slide .photo-slide .owl-prev:hover {
            background-color: #fff;
        }

        .sidebar.widget_photo_slide .photo-slide .owl-prev:before {
            border-top: 7px solid transparent;
            border-right: 10px solid #ababab;
            border-bottom: 7px solid transparent;
        }

        .sidebar.widget_photo_slide .photo-slide .owl-prev:hover::before {
            border-right-color: #252525;
        }

        .sidebar.widget_photo_slide .photo-slide .owl-next:before {
            border-top: 7px solid transparent;
            border-left: 10px solid #ababab;
            border-bottom: 7px solid transparent;
        }

        .sidebar.widget_photo_slide .photo-slide .owl-next:hover::before {
            border-left-color: #252525;
        }

.top-filter {
    padding: 10px 0;
    margin-top: 30px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}

    .top-filter .show-page, .top-filter .sort {
        position: relative;
        padding: 0 25px;
    }

        .top-filter .show-page:after, .top-filter .sort:after {
            position: absolute;
            height: 25px;
            border-left: 1px solid #e2e3e9;
            content: '';
            width: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

    .top-filter .paging-p {
        padding-left: 15px;
    }

    .top-filter .group {
        margin-left: 25%;
    }

        .top-filter .group .filter {
            padding-left: 25px;
            padding-right: 25px;
        }

.view a {
    display: block;
    margin: 0 10px;
    float: left;
    width: 19px;
    height: 19px;
    position: relative;
    text-decoration: none;
}

    .view a:after {
        position: absolute;
        content: '';
        display: block;
        height: 2px;
        bottom: -13px;
        left: -10px;
        right: -10px;
        opacity: 0;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .view a:hover:after {
        opacity: 1;
    }

.filter-select label {
    font-weight: 400;
    position: relative;
    margin: 0;
    line-height: 20px;
}

    .filter-select label:after {
        color: #18274e;
        content: '\f107';
        font-family: FontAwesome;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 20px;
        background-color: #fff;
        text-align: center;
    }

    .filter-select label select {
        outline: 0;
        border-width: 0;
        margin-left: 5px;
        cursor: pointer;
    }

.paging-p {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

    .paging-p li {
        font-size: 14px;
        display: inline-block;
        margin: 0 5px;
    }

        .paging-p li a {
            color: #252525;
            text-decoration: none;
            padding: 0 5px;
            display: block;
            line-height: 20px;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

    .paging-p._1 li.last a:before {
        content: '\f04b';
        font-family: FontAwesome;
    }

    .paging-p._2 li.last a:before {
        content: '\f105';
        font-size: 18px;
        font-family: FontAwesome;
    }

.filter {
    position: relative;
}

    .filter.show-view:after {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

    .filter:after {
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-top: 2px solid #d12853;
        border-left: 2px solid #d12853;
        display: block;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -16px;
        margin-left: auto;
        margin-right: auto;
        z-index: 45;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .filter .filter-head {
        font-weight: 400;
        margin: 0;
        color: #252525;
        cursor: pointer;
    }

        .filter .filter-head:after {
            content: '\f107';
            font-family: FontAwesome;
            color: #18274e;
            margin-left: 10px;
        }

.filter-cn {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 40;
    background-color: #fff;
    border: 1px solid #dddee6;
    padding: 0 30px 30px;
    visibility: hidden;
    top: 40px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
}

    .filter-cn.show-view {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

    .filter-cn:before {
        left: -1px;
        right: -1px;
        border-top: 3px solid #d12853;
        top: -1px;
        content: '';
        position: absolute;
    }

    .filter-cn > .row {
        margin-left: -30px;
        margin-right: -30px;
    }

        .filter-cn > .row > [class*=col-] {
            padding-left: 30px;
            padding-right: 30px;
        }

    .filter-cn .filter-title {
        color: #252525;
        font-size: 16px;
        margin-top: 25px;
        margin-bottom: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e6e6;
    }

    .filter-cn .filter-cat {
        list-style: none;
        margin-top: 18px;
        margin-bottom: 0;
        padding: 0;
    }

        .filter-cn .filter-cat li a {
            color: #18274e;
            font-size: 13px;
            text-decoration: none;
            padding: 3px 0;
            display: block;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .filter-cn .filter-cat li a:before {
                content: '\f105';
                font-family: FontAwesome;
                font-size: 12px;
                margin-right: 5px;
            }

            .filter-cn .filter-cat li a:hover {
                text-indent: 10px;
            }

    .filter-cn .slider {
        padding-left: 0;
        padding-right: 0;
    }

    .filter-cn .nav-cat {
        margin-top: 15px;
        overflow: hidden;
    }

        .filter-cn .nav-cat li {
            width: 50%;
            float: left;
            font-size: 13px;
            padding: 7px 0;
        }

            .filter-cn .nav-cat li span {
                margin-left: 0;
            }

.list-cn {
    margin-top: 10px;
}

    .list-cn .list-item {
        padding: 20px 0;
    }

        .list-cn .list-item + .list-item {
            border-top: 1px solid #e6e6e6;
        }

.list-item:after, .list-item:before {
    content: '';
    display: block;
    clear: both;
}

.list-item .image {
    position: relative;
    float: left;
}

    .list-item .image .state-box {
        position: absolute;
    }

        .list-item .image .state-box._1, .list-item .image .state-box._2, .list-item .image .state-box._3 {
            top: 10px;
            left: -10px;
        }

        .list-item .image .state-box._4, .list-item .image .state-box._5, .list-item .image .state-box._6 {
            top: 10px;
            left: -5px;
        }

.list-item .text {
    margin-left: 230px;
    position: relative;
    margin-right: 20px;
    padding-right: 180px;
}

    .list-item .text .name {
        font-size: 18px;
        margin: 0;
    }

        .list-item .text .name a {
            color: #252525;
            text-decoration: none;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

    .list-item .text .rating {
        color: #252525;
        margin-top: 15px;
    }

        .list-item .text .rating .star {
            color: #e10505;
            font-size: 12px;
            margin-right: 10px;
        }

        .list-item .text .rating small {
            margin: 0 10px;
        }

        .list-item .text .rating a {
            color: #252525;
            text-decoration: none;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

    .list-item .text .stock {
        color: #81ca33;
        font-style: italic;
        margin-top: 7px;
    }

        .list-item .text .stock:before {
            content: '\f058';
            font-family: FontAwesome;
            font-style: normal;
            font-size: 15px;
        }

    .list-item .text .hr {
        margin-top: 25px;
    }

        .list-item .text .hr._1 {
            width: 30px;
            height: 2px;
            background-color: #7c7c7c;
        }

        .list-item .text .hr._2 {
            width: 61px;
            height: 7px;
            background: url(../images/icon-border.png) left center repeat-x;
        }

    .list-item .text .sku {
        color: #383838;
        margin-top: 25px;
    }

    .list-item .text .desc {
        margin-top: 10px;
        color: #252525;
        line-height: 22px;
    }

        .list-item .text .desc p {
            margin: 0;
        }

    .list-item .text .group {
        position: absolute;
        top: 0;
        right: 0;
        width: 150px;
    }

        .list-item .text .group .price-box .special-price {
            margin: 0;
            display: inline-block;
        }

            .list-item .text .group .price-box .special-price .price {
                color: #d22753;
                font-size: 20px;
            }

        .list-item .text .group .price-box .old-price {
            margin: 0;
            display: inline-block;
        }

            .list-item .text .group .price-box .old-price .price {
                font-size: 15px;
                color: #a6a6a6;
                text-decoration: line-through;
            }

        .list-item .text .group .btn {
            width: 150px;
            text-align: center;
            padding-left: 10px;
            padding-right: 10px;
            margin-top: 10px;
        }

        .list-item .text .group .share {
            margin-top: 15px;
            color: #000;
            font-size: 13px;
            line-height: 24px;
        }

            .list-item .text .group .share span {
                float: left;
                margin-right: 5px;
            }

            .list-item .text .group .share a {
                float: left;
                font-size: 22px;
                text-decoration: none;
                line-height: 24px;
                margin: 0 5px;
            }

                .list-item .text .group .share a._1 {
                    color: #174c8c;
                }

                .list-item .text .group .share a._2 {
                    color: #00b6d7;
                }

                .list-item .text .group .share a._3 {
                    color: #cb0000;
                }

.bottom-list {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0;
    margin-top: 20px;
}

    .bottom-list .text-page {
        margin-bottom: 0;
        color: #252525;
        font-size: 14px;
    }

.grid-cn-1 .grid-item {
    margin-top: 30px;
}

.grid-cn-2 {
    padding-top: 15px;
}

    .grid-cn-2 .grid-item {
        margin-top: 15px;
    }

.grid-cn-3 > .row {
    margin-left: -10px;
    margin-right: -10px;
}

    .grid-cn-3 > .row > [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }

.grid-cn-3 .grid-item {
    margin-top: 30px;
}

.product-grid .bottom-list, .product-grid-3 .bottom-list {
    margin-top: 40px;
}

.grid-item .image {
    position: relative;
    text-align: center;
}

    .grid-item .image img {
        width: 100%;
    }

    .grid-item .image .state-box {
        position: absolute;
        z-index: 30;
    }

        .grid-item .image .state-box._1, .grid-item .image .state-box._2, .grid-item .image .state-box._3 {
            top: 10px;
            left: -10px;
        }

        .grid-item .image .state-box._4, .grid-item .image .state-box._5, .grid-item .image .state-box._6 {
            top: 10px;
            left: -5px;
        }

.grid-item .count-date {
    text-align: center;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .grid-item .count-date span {
        font-size: 14px;
        text-transform: uppercase;
    }

        .grid-item .count-date span small {
            font-size: 10px;
            display: block;
        }

    .grid-item .count-date._1 {
        width: 45px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: rgba(215,31,83,.88);
    }

        .grid-item .count-date._1 span {
            padding-top: 7px;
            padding-bottom: 7px;
            display: block;
            color: #fff;
        }

            .grid-item .count-date._1 span + span {
                border-top: 1px dotted #fff;
            }

    .grid-item .count-date._2 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 45px;
        border: 1px solid #ddd;
        background-color: #fdfdfd;
    }

        .grid-item .count-date._2 span {
            padding-top: 7px;
            padding-bottom: 7px;
            display: block;
            color: #252525;
        }

            .grid-item .count-date._2 span + span {
                border-top: 1px dotted #ddd;
            }

    .grid-item .count-date._3 {
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        padding: 5px 0;
        font-size: 0;
    }

        .grid-item .count-date._3 span {
            color: #1a1a1a;
            font-size: 14px;
            display: inline-block;
            padding: 0 5px;
        }

            .grid-item .count-date._3 span + span {
                position: relative;
                padding-left: 30px;
            }

                .grid-item .count-date._3 span + span:before {
                    background-color: #e3e3e3;
                    height: 30px;
                    width: 1px;
                    left: 10px;
                    content: '';
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    position: absolute;
                }

            .grid-item .count-date._3 span small {
                display: block;
                font-weight: 400;
            }

.grid-item .text {
    text-align: center;
    position: relative;
    z-index: 40;
}

    .grid-item .text .count-date._3 {
        margin-top: 3px;
    }

    .grid-item .text .name {
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 15px;
    }

        .grid-item .text .name a {
            color: #252525;
            text-decoration: none;
            text-transform: capitalize;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

    .grid-item .text .price-box {
        margin-top: 10px;
    }

        .grid-item .text .price-box .old-price, .grid-item .text .price-box .special-price {
            margin: 0;
            display: inline-block;
        }

        .grid-item .text .price-box .price {
            color: #d61515;
            font-size: 15px;
        }

        .grid-item .text .price-box .old-price .price {
            text-decoration: line-through;
            font-size: 13px;
            color: #a6a6a6;
        }

.grid-item .rating {
    font-size: 13px;
    color: #252525;
}

    .grid-item .rating .star {
        color: #d12853;
        margin-right: 5px;
    }

        .grid-item .rating .star .fa-star-half {
            color: #252525;
        }

.grid-item._1 .image:before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #fff;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.grid-item._1 .image .action {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .grid-item._1 .image .action .group {
        background-color: #fff;
        padding: 10px;
    }

        .grid-item._1 .image .action .group a {
            line-height: 24px;
            color: #252525;
            font-size: 16px;
            display: inline-block;
            border-right: 1px dotted #555;
            padding-left: 10px;
            padding-right: 10px;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .grid-item._1 .image .action .group a:last-child {
                border-right-width: 0;
            }

    .grid-item._1 .image .action .rating {
        margin-top: 10px;
    }

.grid-item._1:hover .image:before {
    visibility: visible;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
}

.grid-item._1:hover .image .action {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}

.grid-item._2 .image:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: #000;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.grid-item._2 .image .action {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

    .grid-item._2 .image .action .add-cart {
        visibility: hidden;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
        transform: translate(50%,0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .grid-item._2 .image .action .add-cart .btn {
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            text-align: center;
        }

    .grid-item._2 .image .action .group {
        overflow: hidden;
        visibility: hidden;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .grid-item._2 .image .action .group .btn {
            width: 40px;
            height: 40px;
            text-align: center;
            padding: 0 10px;
            line-height: 40px;
            font-size: 14px;
            margin-right: 10px;
            margin-top: 10px;
            float: left;
        }

            .grid-item._2 .image .action .group .btn i {
                margin: 0;
            }

            .grid-item._2 .image .action .group .btn:last-child {
                margin-right: 0;
            }

.grid-item._2 .text .rating {
    margin-top: 5px;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.grid-item._2:hover .image:before {
    visibility: visible;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter: alpha(opacity=70);
}

.grid-item._2:hover .image .action .add-cart, .grid-item._2:hover .image .action .group {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}

.grid-item._2:hover .text .rating {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}

.grid-item._3 {
    position: relative;
}

    .grid-item._3:before {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: -75px;
        content: '';
        visibility: hidden;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .grid-item._3 .image:before {
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .grid-item._3 .image .rating-view {
        top: 50%;
        width: 100%;
        position: absolute;
        text-align: center;
        visibility: hidden;
        z-index: 15;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

        .grid-item._3 .image .rating-view .btn {
            width: 40px;
            height: 40px;
            line-height: 38px;
            padding: 0;
            font-size: 14px;
            border-radius: 50%;
        }

            .grid-item._3 .image .rating-view .btn i {
                margin: 0;
            }

        .grid-item._3 .image .rating-view .rating {
            margin-top: 5px;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

    .grid-item._3 .text {
        position: relative;
    }

        .grid-item._3 .text .action {
            position: absolute;
            z-index: 10;
            left: 0;
            right: 0;
            padding-top: 15px;
            text-align: center;
            padding-bottom: 20px;
            background-color: #fff;
            visibility: hidden;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .grid-item._3 .text .action .btn {
                margin-right: 3px;
            }

                .grid-item._3 .text .action .btn:last-child {
                    margin-right: 0;
                }

            .grid-item._3 .text .action .round {
                padding: 0;
                height: 40px;
                width: 40px;
                line-height: 40px;
                font-size: 14px;
                border-radius: 50%;
            }

            .grid-item._3 .text .action .add-cart {
                padding-left: 15px;
                padding-right: 15px;
            }

    .grid-item._3:hover:before {
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
        box-shadow: 0 0 10px rgba(0,0,0,.3);
        z-index: 10;
    }

    .grid-item._3:hover .image:before {
        -moz-opacity: .8;
        -khtml-opacity: .8;
        -webkit-opacity: .8;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
        filter: alpha(opacity=80);
    }

    .grid-item._3:hover .image .rating-view, .grid-item._3:hover .text .action, .grid-item._3:hover:before {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

.grid-item:hover .image .count-date {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
}

.product-detail._1, .product-detail._2 {
    margin-top: 30px;
}

.product-detail._3 {
    margin-top: 10px;
}

.product-detail > .container > .row {
    margin-left: -30px;
    margin-right: -30px;
}

    .product-detail > .container > .row .col-l, .product-detail > .container > .row .col-r {
        padding-left: 30px;
        padding-right: 30px;
        float: left;
    }

    .product-detail > .container > .row .col-l {
        width: 46%;
    }

    .product-detail > .container > .row .col-r {
        width: 54%;
    }

.product-image {
    padding-left: 100px;
    position: relative;
}

    .product-image._1 {
        padding-left: 0;
        padding-right: 100px;
    }

        .product-image._1 .view-block {
            right: 0;
            left: inherit;
        }

    .product-image .image-block #view_full_size {
        text-align: center;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

        .product-image .image-block #view_full_size img {
            max-width: 100%;
        }

        .product-image .image-block #view_full_size .view-link {
            position: absolute;
            bottom: 15px;
            right: 15px;
            display: block;
            background: url(../images/icon-view.png) center center no-repeat;
            width: 24px;
            height: 24px;
        }

    .product-image .view-block {
        position: absolute;
        left: 0;
        top: 0;
        width: 90px;
    }

        .product-image .view-block .thumb_list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .product-image .view-block .thumb_list li {
                position: relative;
                cursor: pointer;
            }

                .product-image .view-block .thumb_list li + li {
                    margin-top: 10px;
                }

                .product-image .view-block .thumb_list li:after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    content: '';
                    border: 3px solid transparent;
                    text-align: center;
                }

                .product-image .view-block .thumb_list li img {
                    max-width: 100%;
                }

    .product-image .share {
        color: #000;
        text-align: center;
        display: inline-block;
        line-height: 30px;
        margin-top: 20px;
    }

        .product-image .share span {
            float: left;
        }

        .product-image .share a {
            font-size: 22px;
            float: left;
            margin-left: 10px;
            text-decoration: none;
        }

            .product-image .share a._1 {
                color: #174c8c;
            }

            .product-image .share a._2 {
                color: #00b6d7;
            }

            .product-image .share a._3 {
                color: #cb1c00;
            }

.product-text .name {
    margin: 0;
    padding: 0;
    color: #252525;
    font-size: 20px;
}

.product-text .product_review {
    margin-top: 10px;
    overflow: hidden;
    line-height: 20px;
}

    .product-text .product_review .review_star {
        font-size: 12px;
        float: left;
        margin-right: 15px;
    }

    .product-text .product_review .review_text {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .product-text .product_review .review_text li {
            float: left;
        }

            .product-text .product_review .review_text li + li:before {
                content: '|';
                color: #000;
                margin-right: 10px;
                margin-left: 10px;
            }

            .product-text .product_review .review_text li a {
                color: #000;
                text-decoration: none;
            }

                .product-text .product_review .review_text li a span {
                    color: #2f367a;
                }

.product-text .product_stock {
    color: #81ca33;
    font-style: italic;
    display: block;
    margin-top: 5px;
}

    .product-text .product_stock:before {
        content: '\f058';
        font-size: 16px;
        font-style: normal;
        margin-right: 5px;
        font-family: FontAwesome;
    }

.product-text .product_sku {
    display: block;
    color: #252525;
    margin-top: 10px;
}

.product-text .hr {
    border-top: 1px solid #6b6b6b;
    margin-top: 20px;
}

    .product-text .hr._1 {
        width: 35px;
    }

.product-text .price-box {
    margin-top: 20px;
    line-height: 1;
}

    .product-text .price-box .special-price {
        display: inline-block;
        margin: 0;
    }

        .product-text .price-box .special-price .price {
            color: #d22753;
            font-size: 29px;
        }

    .product-text .price-box .old-price {
        display: inline-block;
        margin: 0;
    }

        .product-text .price-box .old-price .price {
            font-size: 15px;
            color: #bdbdbd;
            text-decoration: line-through;
            margin-left: 10px;
        }

.product-text .short-description {
    color: #252525;
    line-height: 22px;
    margin-top: 20px;
}

.product-text .attribute .attribute_fieldset {
    margin-top: 25px;
    margin-right: 50px;
    float: left;
}

    .product-text .attribute .attribute_fieldset:last-child {
        margin-right: 0;
    }

.product-text .attribute_fieldset .attribute_label {
    font-weight: 400;
}

.product-text .attribute_fieldset ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-text .attribute_fieldset .attribute_list .attribute_color:after, .product-text .attribute_fieldset .attribute_list .attribute_color:before {
    display: block;
    content: '';
    clear: both;
}

.product-text .attribute_fieldset .attribute_list .attribute_color li {
    float: left;
    padding: 2px;
    border: 1px solid #e5e6eb;
    margin-right: 10px;
    position: relative;
}

    .product-text .attribute_fieldset .attribute_list .attribute_color li.active:after, .product-text .attribute_fieldset .attribute_list .attribute_color li:hover::after {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

    .product-text .attribute_fieldset .attribute_list .attribute_color li:after {
        position: absolute;
        bottom: -8px;
        content: '';
        left: 0;
        right: 0;
        border-top: 3px solid transparent;
        visibility: hidden;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .product-text .attribute_fieldset .attribute_list .attribute_color li a {
        display: block;
        width: 26px;
        height: 18px;
    }

        .product-text .attribute_fieldset .attribute_list .attribute_color li a._1 {
            background-color: #225a9e;
        }

        .product-text .attribute_fieldset .attribute_list .attribute_color li a._2 {
            background-color: #000;
        }

        .product-text .attribute_fieldset .attribute_list .attribute_color li a._3 {
            background-color: #d1b063;
        }

        .product-text .attribute_fieldset .attribute_list .attribute_color li a._4 {
            background-color: #563601;
        }

.product-text .attribute_fieldset .attribute_list .attribute_size {
    overflow: hidden;
}

    .product-text .attribute_fieldset .attribute_list .attribute_size li {
        float: left;
        border: 1px solid #e5e6eb;
        margin-right: 10px;
    }

        .product-text .attribute_fieldset .attribute_list .attribute_size li a {
            display: block;
            line-height: 34px;
            width: 36px;
            height: 34px;
            text-align: center;
            color: #2a2a2a;
            text-decoration: none;
        }

.product-text .add-to-box {
    margin-top: 30px;
}

    .product-text .add-to-box .input-content {
        float: left;
    }

        .product-text .add-to-box .input-content label {
            float: left;
            color: #2a2a2a;
            line-height: 74px;
            margin-right: 10px;
            font-weight: 400;
            margin-bottom: 0;
        }

        .product-text .add-to-box .input-content .qty-box {
            float: left;
            height: 74px;
            padding-right: 38px;
            border: 1px solid #dcdee6;
            position: relative;
        }

            .product-text .add-to-box .input-content .qty-box .input-text {
                border: 0;
                height: 72px;
                text-align: center;
                width: 68px;
            }

            .product-text .add-to-box .input-content .qty-box .qty-decrease, .product-text .add-to-box .input-content .qty-box .qty-increase {
                height: 37px;
                display: block;
                background-color: transparent;
                background-position: center center;
                background-repeat: no-repeat;
                border: 1px solid #dcdee6;
                position: absolute;
                padding: 0;
                width: 38px;
                right: -1px;
            }

            .product-text .add-to-box .input-content .qty-box .qty-decrease {
                top: -1px;
                border-bottom: 0;
                background-image: url(../images/icon-plus.png);
            }

            .product-text .add-to-box .input-content .qty-box .qty-increase {
                bottom: -1px;
                background-image: url(../images/icon-minus.png);
            }

    .product-text .add-to-box .add-to-cart {
        float: left;
        margin-left: 20px;
    }

        .product-text .add-to-box .add-to-cart .btn {
            height: 74px;
            line-height: 70px;
            padding: 0 10px;
            width: 230px;
        }

            .product-text .add-to-box .add-to-cart .btn i {
                font-size: 18px;
            }

    .product-text .add-to-box .add-to-user {
        float: left;
        margin-left: 20px;
    }

        .product-text .add-to-box .add-to-user .btn {
            padding: 6px 10px;
            clear: both;
            display: block;
        }

            .product-text .add-to-box .add-to-user .btn + .btn {
                margin-top: 7px;
            }

.product-collateral {
    margin-top: 60px;
}

    .product-collateral .nav-tab {
        float: left;
        width: 270px;
        padding: 0;
        list-style: none;
        margin: 0;
    }

        .product-collateral .nav-tab li {
            position: relative;
            margin-bottom: 3px;
            display: block;
        }

            .product-collateral .nav-tab li:after {
                position: absolute;
                right: -1px;
                top: 0;
                bottom: 0;
                content: '';
                width: 1px;
                display: none;
                background-color: #fff;
            }

            .product-collateral .nav-tab li.active {
                border: 1px solid #e6e6e6;
                border-right-width: 0;
            }

                .product-collateral .nav-tab li.active:after {
                    display: block;
                }

                .product-collateral .nav-tab li.active a {
                    background-color: #fff;
                }

            .product-collateral .nav-tab li a {
                display: block;
                color: #252525;
                text-transform: uppercase;
                text-decoration: none;
                padding: 10px 15px;
                background-color: #eee;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

    .product-collateral .tab-content {
        margin-left: 270px;
        border: 1px solid #e6e6e6;
    }

        .product-collateral .tab-content .tab-pane {
            padding: 20px 30px;
            visibility: visible;
        }

    .product-collateral .text-content {
        color: #252525;
        line-height: 25px;
    }

        .product-collateral .text-content p {
            margin-bottom: 0;
        }

.product-related {
    margin-top: 100px;
}

    .product-related .heading._1, .product-related .heading._3 {
        margin-left: 50px;
        margin-right: 50px;
    }

.related-cn._1, .related-cn._3 {
    margin-top: 40px;
}

    .related-cn._1 .owl-next, .related-cn._1 .owl-prev, .related-cn._3 .owl-next, .related-cn._3 .owl-prev {
        display: block;
        width: 39px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        top: -62px;
        -moz-opacity: .5;
        -khtml-opacity: .5;
        -webkit-opacity: .5;
        opacity: .5;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter: alpha(opacity=50);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .related-cn._1 .owl-next:hover, .related-cn._1 .owl-prev:hover, .related-cn._3 .owl-next:hover, .related-cn._3 .owl-prev:hover {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
        }

    .related-cn._1 .owl-prev, .related-cn._3 .owl-prev {
        left: 15px;
        background: url(../images/icon-prev.png) center center no-repeat;
    }

    .related-cn._1 .owl-next, .related-cn._3 .owl-next {
        right: 15px;
        background: url(../images/icon-next.png) center center no-repeat;
    }

.related-cn._2 {
    margin-top: 30px;
}

    .related-cn._2 .owl-next, .related-cn._2 .owl-prev {
        cursor: pointer;
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 38px;
        display: block;
        text-align: center;
        border: 1px solid #dcdcdc;
        color: #252525;
        font-size: 16px;
        top: -70px;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .related-cn._2 .owl-next:before, .related-cn._2 .owl-prev:before {
            font-family: FontAwesome;
        }

        .related-cn._2 .owl-next:hover, .related-cn._2 .owl-prev:hover {
            background-color: #81c223;
            color: #fff;
            border-color: #81c223;
        }

    .related-cn._2 .owl-prev {
        right: 49px;
    }

        .related-cn._2 .owl-prev:before {
            content: '\f104';
        }

    .related-cn._2 .owl-next {
        right: 10px;
    }

        .related-cn._2 .owl-next:before {
            content: '\f105';
        }

.related-cn .owl-item {
    padding-left: 15px;
    padding-right: 15px;
}

.related-cn._3 {
    margin-top: 30px;
}

    .related-cn._3 .owl-next, .related-cn._3 .owl-prev {
        top: -52px;
    }

    .related-cn._3 .grid-item {
        margin-top: 10px;
        margin-bottom: 80px;
    }

.collection {
    margin-top: 50px;
}

    .collection > .container > .row {
        margin-left: -.5px;
        margin-right: -.5px;
    }

        .collection > .container > .row > [class*=col-] {
            padding-left: .5px;
            padding-right: .5px;
        }

.collection-item {
    position: relative;
    overflow: hidden;
}

    .collection-item:hover::after {
        background: rgba(0,0,0,.8);
    }

    .collection-item:after {
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
        content: '';
        display: block;
        position: absolute;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .collection-item .text {
        position: absolute;
        top: 50%;
        width: 100%;
        padding: 30px;
        text-align: center;
        z-index: 1;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

        .collection-item .text h2, .collection-item .text h3 {
            color: #fff;
            font-size: 32px;
            font-weight: 300;
            text-transform: uppercase;
            line-height: 50px;
            margin: 0;
        }

        .collection-item .text .hr {
            max-width: 62px;
            margin: 20px auto 50px;
            height: 7px;
            background: url(../images/icon-border-white.png) center center no-repeat;
        }

        .collection-item .text .btn {
            font-size: 15px;
            font-weight: 300;
            padding: 7px 20px;
        }

    .collection-item .img {
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .collection-item .img img {
            width: 100%;
        }

.collection-partner {
    margin-top: 100px;
}

.lookbook-item {
    margin-top: 50px;
    text-align: center;
}

    .lookbook-item:after {
        display: block;
        max-width: 500px;
        border-top: 1px solid #252525;
        border-bottom: 1px solid #252525;
        margin-top: 50px;
        content: '';
        height: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .lookbook-item > .row {
        margin-right: -30px;
        margin-left: -30px;
    }

        .lookbook-item > .row [class*=col-] {
            padding-left: 30px;
            padding-right: 30px;
        }

    .lookbook-item .img {
        display: block;
    }

        .lookbook-item .img img {
            width: 100%;
        }

    .lookbook-item .text {
        padding: 94px 0;
    }

        .lookbook-item .text h2, .lookbook-item .text h3 {
            color: #252525;
            margin: 0;
            font-size: 39px;
            font-weight: 300;
            line-height: 50px;
        }

        .lookbook-item .text h3 {
            margin-top: 0;
        }

        .lookbook-item .text p {
            color: #252525;
            font-size: 15px;
            line-height: 25px;
            padding: 0 50px;
            margin-bottom: 0;
            font-weight: 300;
        }

            .lookbook-item .text p:before {
                display: block;
                height: 7px;
                content: '';
                background: url(../images/icon-border.png) top left repeat-x;
                margin: 20px auto;
                width: 67px;
            }

    .lookbook-item .thumb {
        display: block;
    }

        .lookbook-item .thumb img {
            width: 100%;
        }

.lookbook-partner {
    margin-top: 175px;
}

.shop-cart {
    margin-top: 50px;
}

.table-cn .table-cart {
    max-width: inherit;
    margin-bottom: inherit;
    border-top: 3px solid #d7d7d7;
    border-bottom: 3px solid #d7d7d7;
}

    .table-cn .table-cart thead tr th {
        border-bottom: 0;
        text-transform: uppercase;
        text-align: center;
        font-weight: 400;
        color: #252525;
        padding-top: 14px;
        padding-bottom: 14px;
    }

        .table-cn .table-cart thead tr th + th {
            border-left: 1px solid #d7d7d7;
        }

    .table-cn .table-cart tbody tr td {
        padding-top: 25px;
        padding-bottom: 25px;
    }

        .table-cn .table-cart tbody tr td + td {
            border-left: 1px solid #d7d7d7;
            vertical-align: middle;
        }

        .table-cn .table-cart tbody tr td .img {
            display: inline-block;
            margin-right: 30px;
        }

        .table-cn .table-cart tbody tr td .info {
            display: inline-block;
        }

            .table-cn .table-cart tbody tr td .info a {
                color: #252525;
                text-transform: capitalize;
                text-decoration: none;
                font-size: 15px;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

            .table-cn .table-cart tbody tr td .info .attr {
                margin-top: 10px;
                display: block;
                color: #323232;
            }

                .table-cn .table-cart tbody tr td .info .attr + .attr {
                    margin-top: 0;
                }

        .table-cn .table-cart tbody tr td .qty {
            display: inline-block;
            position: relative;
        }

            .table-cn .table-cart tbody tr td .qty .input-text {
                width: 80px;
                border: 1px solid #d7d7d7;
                height: 42px;
                padding: 0 30px 0 10px;
                text-align: center;
                color: #18274e;
            }

            .table-cn .table-cart tbody tr td .qty .qty-minus, .table-cn .table-cart tbody tr td .qty .qty-plus {
                line-height: 20px;
                width: 24px;
                height: 21px;
                text-align: center;
                background-color: transparent;
                border: 1px solid #d7d7d7;
                border-top: 0;
                position: absolute;
                right: 0;
                font-size: 13px;
                outline: 0;
            }

            .table-cn .table-cart tbody tr td .qty .qty-plus {
                top: 0;
            }

            .table-cn .table-cart tbody tr td .qty .qty-minus {
                bottom: 0;
            }

        .table-cn .table-cart tbody tr td.td-sub {
            font-size: 20px;
        }

    .table-cn .table-cart tfoot tr td {
        padding: 25px 10px;
    }

        .table-cn .table-cart tfoot tr td p {
            color: #252525;
            margin: 0;
        }

            .table-cn .table-cart tfoot tr td p span {
                font-style: italic;
            }

        .table-cn .table-cart tfoot tr td.td-sub {
            font-size: 20px;
        }

.shop-button {
    padding: 15px 30px;
    background-color: #f7f7f7;
}

    .shop-button .btn {
        text-transform: uppercase;
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.cart-collaterals .row {
    margin-left: -25px;
    margin-right: -25px;
}

    .cart-collaterals .row [class*=col-] {
        padding-left: 25px;
        padding-right: 25px;
    }

.cart-collaterals h2 {
    font-size: 20px;
    color: #252525;
    margin-top: 50px;
    margin-bottom: 30px;
}

.cart-collaterals .input-text {
    clear: both;
    height: 36px;
    padding: 0 10px;
    color: #2c2c2c;
    border: 1px solid #d7d7d7;
    margin-bottom: 15px;
    width: 100%;
}

.cart-collaterals label {
    color: #252525;
    font-size: 14px;
    font-weight: 400;
    margin-top: -5px;
    display: block;
}

    .cart-collaterals label sup {
        color: #d22753;
    }

.cart-collaterals select {
    border: 1px solid #d7d7d7;
    outline: 0;
    width: 100%;
    padding: 6px 10px;
    color: #2c2c2c;
    margin-bottom: 15px;
}

.cart-collaterals .btn {
    font-size: 13px;
    text-transform: uppercase;
}

.check-out {
    padding-top: 50px;
}

.check-out-cn {
    position: relative;
}

    .check-out-cn .check-out-step {
        float: left;
        width: 270px;
    }

    .check-out-cn .check-out-form {
        margin-left: 270px;
        padding: 80px;
        border: 1px solid #e1e1e1;
    }

        .check-out-cn .check-out-form .row {
            margin-left: -10px;
            margin-right: -10px;
        }

            .check-out-cn .check-out-form .row [class*=col-] {
                padding-left: 10px;
                padding-right: 10px;
            }

.check-out-step {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #eee;
}

    .check-out-step li {
        padding: 10px;
        line-height: 30px;
        position: relative;
        color: #252525;
        overflow: hidden;
        border-left: 1px solid transparent;
    }

        .check-out-step li:first-child.current {
            border-top: 1px solid #e1e1e1;
        }

        .check-out-step li.current {
            background-color: #fff;
            border-left-color: #e1e1e1;
            margin-right: -1px;
        }

            .check-out-step li.current:after {
                border-bottom-color: #e1e1e1;
            }

        .check-out-step li:before {
            content: attr(data-step);
            width: 30px;
            height: 30px;
            display: block;
            color: #fff;
            text-align: center;
            background-color: #000;
            float: left;
            margin-right: 10px;
        }

        .check-out-step li:after {
            position: absolute;
            bottom: 0;
            content: '';
            left: 0;
            right: 0;
            height: 0;
            border-bottom: 1px solid #fff;
        }

.check-out-form .input-text {
    margin-bottom: 25px;
}

.check-out-form .btn {
    font-size: 13px;
}

.partner-check-out {
    margin-top: 175px;
}

.login-register .heading {
    margin-top: 50px;
    margin-bottom: 40px;
}

    .login-register .heading h2 {
        font-size: 20px;
        line-height: 1;
    }

.login-register .container > .row {
    margin-left: -60px;
    margin-right: -60px;
}

    .login-register .container > .row > [class*=col-] {
        padding-right: 60px;
        padding-left: 60px;
    }

.login-register .btn-group > .row {
    margin-left: -10px;
    margin-right: -10px;
}

    .login-register .btn-group > .row [class*=col-] {
        padding-left: 10px;
        padding-right: 10px;
    }

.login-register .login {
    padding-right: 30px;
}

.login .input-text {
    margin-bottom: 20px;
}

.login .check-box {
    margin-bottom: 15px;
    color: #2a2a2a;
}

.login p {
    margin-bottom: 20px;
}

    .login p a {
        color: #252525;
        font-style: italic;
    }

.login .btn {
    width: 145px;
    text-align: center;
    display: block;
}

.login .btn-group {
    margin-top: 50px;
    width: 100%;
}

    .login .btn-group p {
        margin-bottom: 0;
    }

    .login .btn-group .btn {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }

.partner-cn {
    position: relative;
    margin-top: 25px;
    margin-left: -10px;
    margin-right: -10px;
}

    .partner-cn .owl-item {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .partner-cn img {
        max-width: 100%;
    }

    .partner-cn._1, .partner-cn._3 {
        padding-left: 50px;
        padding-right: 50px;
    }

        .partner-cn._1 .owl-next, .partner-cn._1 .owl-prev, .partner-cn._3 .owl-next, .partner-cn._3 .owl-prev {
            display: block;
            width: 39px;
            height: 24px;
            cursor: pointer;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            -moz-opacity: .5;
            -khtml-opacity: .5;
            -webkit-opacity: .5;
            opacity: .5;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
            filter: alpha(opacity=50);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .partner-cn._1 .owl-next:hover, .partner-cn._1 .owl-prev:hover, .partner-cn._3 .owl-next:hover, .partner-cn._3 .owl-prev:hover {
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
            }

        .partner-cn._1 .owl-prev, .partner-cn._3 .owl-prev {
            left: -40px;
            background: url(../images/icon-prev.png) center center no-repeat;
        }

        .partner-cn._1 .owl-next, .partner-cn._3 .owl-next {
            right: -40px;
            background: url(../images/icon-next.png) center center no-repeat;
        }

    .partner-cn._2 .owl-next, .partner-cn._2 .owl-prev {
        cursor: pointer;
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 38px;
        display: block;
        text-align: center;
        border: 1px solid #dcdcdc;
        color: #252525;
        font-size: 16px;
        top: -65px;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .partner-cn._2 .owl-next:before, .partner-cn._2 .owl-prev:before {
            font-family: FontAwesome;
        }

        .partner-cn._2 .owl-next:hover, .partner-cn._2 .owl-prev:hover {
            background-color: #81c223;
            color: #fff;
            border-color: #81c223;
        }

    .partner-cn._2 .owl-prev {
        right: 49px;
    }

        .partner-cn._2 .owl-prev:before {
            content: '\f104';
        }

    .partner-cn._2 .owl-next {
        right: 10px;
    }

        .partner-cn._2 .owl-next:before {
            content: '\f105';
        }

.partner-shop {
    margin-top: 125px;
}

.partner-grid, .partner-list {
    margin-top: 70px;
}

.portfolio-partner {
    margin-top: 50px;
}

.partner-detail-3 {
    margin-top: 20px;
}

.blog-item {
    text-align: center;
}

    .blog-item .img {
        position: relative;
        text-align: center;
        display: inline-block;
    }

        .blog-item .img a:after {
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            position: absolute;
            content: '';
            visibility: hidden;
            background-color: #000;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .blog-item .img img {
            max-width: 100%;
        }

        .blog-item .img .blog-date {
            z-index: 1;
            font-size: 15px;
            width: 70px;
            height: 30px;
            background-repeat: no-repeat;
            line-height: 26px;
            top: 10px;
            left: -6px;
            position: absolute;
        }

            .blog-item .img .blog-date small {
                font-size: 14px;
            }

    .blog-item .text {
        text-align: left;
    }

        .blog-item .text .blog-meta {
            margin-bottom: 0;
            padding-left: 0;
            padding-bottom: 10px;
            list-style: none;
            font-size: 0;
            border-bottom: 1px solid #e4e4e4;
        }

            .blog-item .text .blog-meta li {
                font-size: 12px;
                display: inline-block;
                margin-top: 10px;
            }

                .blog-item .text .blog-meta li + li:before {
                    content: '';
                    border-left: 1px dotted #aaa;
                    height: 15px;
                    display: inline-block;
                    margin-left: 20px;
                    margin-right: 5px;
                    margin-bottom: -3px;
                }

                .blog-item .text .blog-meta li a {
                    color: #252525;
                    text-decoration: none;
                }

                    .blog-item .text .blog-meta li a img {
                        margin-right: 15px;
                        border-radius: 50%;
                        -webkit-transition: all .2s ease-out;
                        transition: all .2s ease-out;
                    }

                    .blog-item .text .blog-meta li a:hover img {
                        -moz-opacity: .5;
                        -khtml-opacity: .5;
                        -webkit-opacity: .5;
                        opacity: .5;
                        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
                        filter: alpha(opacity=50);
                    }

        .blog-item .text h2 {
            margin-top: 15px;
            margin-bottom: 0;
            font-size: 16px;
            line-height: 26px;
        }

            .blog-item .text h2 a {
                text-decoration: none;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

        .blog-item .text p {
            color: #252525;
            line-height: 24px;
            margin-bottom: 0;
            margin-top: 15px;
        }

    .blog-item:hover .img a:after {
        visibility: visible;
        -moz-opacity: .5;
        -khtml-opacity: .5;
        -webkit-opacity: .5;
        opacity: .5;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter: alpha(opacity=50);
    }

.blog > .container > .row {
    margin-left: -25px;
    margin-right: -25px;
}

    .blog > .container > .row > [class*=col-] {
        padding-left: 25px;
        padding-right: 25px;
    }

.blog .post {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

    .blog .post + .post {
        margin-top: 40px;
    }

.blog .paging {
    margin-top: 20px;
}

.blog #comments {
    margin-top: 55px;
}

.blog-partner {
    margin-top: 135px;
}

.widget-title {
    color: #252525;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.widget_archive ul, .widget_categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .widget_archive ul li, .widget_categories ul li {
        border-bottom: 1px solid #e1e1e1;
    }

        .widget_archive ul li a, .widget_categories ul li a {
            color: #252525;
            text-decoration: none;
            display: block;
            padding: 10px 0;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .widget_archive ul li a:before, .widget_categories ul li a:before {
                content: '\f105';
                margin-right: 10px;
                font-family: FontAwesome;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

            .widget_archive ul li a .nav-plus, .widget_categories ul li a .nav-plus {
                display: inline-block;
                width: 20px;
                height: 20px;
                line-height: 20px;
                font-size: 12px;
                float: right;
                text-align: center;
            }

                .widget_archive ul li a .nav-plus:after, .widget_categories ul li a .nav-plus:after {
                    content: '\f067';
                    font-family: FontAwesome;
                }

                .widget_archive ul li a .nav-plus.nav-minus::after, .widget_categories ul li a .nav-plus.nav-minus::after {
                    content: '\f068';
                }

        .widget_archive ul li ul, .widget_categories ul li ul {
            border-top: 1px solid #e1e1e1;
            padding-left: 20px;
            display: none;
        }

            .widget_archive ul li ul li, .widget_categories ul li ul li {
                border-top: 1px solid #e1e1e1;
                border-bottom-width: 0;
            }

                .widget_archive ul li ul li:first-child, .widget_categories ul li ul li:first-child {
                    border-top-width: 0;
                }

.widget_archive > ul, .widget_categories > ul {
    margin-top: 15px;
}

.widget_categories {
    margin-top: 30px;
}

.widget_archive, .widget_recent_entries {
    margin-top: 50px;
}

    .widget_recent_entries ul {
        list-style: none;
        margin: 10px 0 0;
        padding: 0;
    }

        .widget_recent_entries ul li {
            padding: 20px 0;
            overflow: hidden;
            border-bottom: 1px solid #e1e1e1;
        }

            .widget_recent_entries ul li .post-thumb {
                display: block;
                float: left;
                margin-right: 10px;
            }

            .widget_recent_entries ul li .post-name {
                text-decoration: none;
                color: #262626;
                line-height: 20px;
                display: block;
                font-size: 15px;
                margin-top: -5px;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

            .widget_recent_entries ul li .post-date {
                color: #a4a4a4;
                font-size: 12px;
                margin-top: 7px;
                display: block;
            }

.widget_social_icons {
    margin-top: 50px;
}

    .widget_social_icons .social-icons {
        margin-top: 30px;
        font-size: 0;
    }

        .widget_social_icons .social-icons a {
            display: inline-block;
            text-decoration: none;
            font-size: 18px;
            color: #fff;
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            margin-right: 10px;
            border-radius: 3px;
        }

            .widget_social_icons .social-icons a._1 {
                background-color: #2369b8;
            }

            .widget_social_icons .social-icons a._2 {
                background-color: #00bbf1;
            }

            .widget_social_icons .social-icons a._3 {
                background-color: #d93217;
            }

            .widget_social_icons .social-icons a._4 {
                background-color: #0276a5;
            }

            .widget_social_icons .social-icons a._5 {
                background-color: #ea2100;
            }

.widget_tag_cloud {
    margin-top: 45px;
}

    .widget_tag_cloud .tag_cloud {
        margin-top: 25px;
        font-size: 0;
    }

        .widget_tag_cloud .tag_cloud a {
            font-size: 14px;
            color: #252525;
            text-decoration: none;
            border: 1px solid #e8e9ee;
            display: inline-block;
            padding: 0 10px;
            margin: 6px 5px 0 0;
            line-height: 30px;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

.widget_photo_slide {
    margin-top: 50px;
    overflow: hidden;
}

    .widget_photo_slide .photo-slide {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 30px;
    }

        .widget_photo_slide .photo-slide a {
            display: block;
            margin-left: 10px;
            margin-right: 10px;
        }

        .widget_photo_slide .photo-slide img {
            width: 100%;
        }

        .widget_photo_slide .photo-slide .owl-next, .widget_photo_slide .photo-slide .owl-prev {
            position: absolute;
            width: 30px;
            height: 30px;
            color: #fff;
            line-height: 30px;
            font-size: 18px;
            text-align: center;
            background-color: rgba(0,0,0,.4);
            top: 50%;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .widget_photo_slide .photo-slide .owl-next:hover, .widget_photo_slide .photo-slide .owl-prev:hover {
                background-color: rgba(0,0,0,.7);
            }

        .widget_photo_slide .photo-slide .owl-next {
            right: 10px;
        }

        .widget_photo_slide .photo-slide .owl-prev {
            left: 10px;
        }

.post {
    position: relative;
    padding-left: 120px;
}

    .post .entry-header .entry-photo-slide img {
        width: 100%;
    }

    .post .entry-header .entry-photo-slide .owl-next, .post .entry-header .entry-photo-slide .owl-prev {
        position: absolute;
        width: 36px;
        height: 36px;
        color: #fff;
        line-height: 36px;
        font-size: 18px;
        text-align: center;
        background-color: rgba(255,255,255,.4);
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .post .entry-header .entry-photo-slide .owl-next:hover, .post .entry-header .entry-photo-slide .owl-prev:hover {
            background-color: rgba(0,0,0,.7);
        }

    .post .entry-header .entry-photo-slide .owl-next {
        right: 0;
    }

    .post .entry-header .entry-thumb a {
        display: block;
        position: relative;
    }

        .post .entry-header .entry-thumb a:after, .post .entry-header .entry-thumb a:before {
            position: absolute;
        }

        .post .entry-header .entry-thumb a:after {
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            content: '';
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

        .post .entry-header .entry-thumb a:before {
            content: '+';
            display: block;
            width: 42px;
            height: 42px;
            border: 1px solid #fff;
            text-align: center;
            line-height: 40px;
            color: #fff;
            font-size: 28px;
            font-weight: 300;
            z-index: 1;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

        .post .entry-header .entry-thumb a:hover::before {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
        }

        .post .entry-header .entry-thumb a:hover:after {
            -moz-opacity: .8;
            -khtml-opacity: .8;
            -webkit-opacity: .8;
            opacity: .8;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
            filter: alpha(opacity=80);
        }

    .post .entry-header .entry-thumb img {
        width: 100%;
    }

    .post .entry-header .entry-title {
        font-weight: 300;
        font-size: 29px;
        margin: 25px 0 0;
        color: #252525;
    }

        .post .entry-header .entry-title a {
            color: #252525;
            text-decoration: none;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

    .post .entry-header .entry-meta {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100px;
        border-top: 2px solid #404040;
    }

        .post .entry-header .entry-meta li {
            border: 1px solid #eee;
            border-top-width: 0;
            padding: 10px;
            text-align: center;
            color: #313232;
            font-size: 13px;
            font-weight: 300;
            position: relative;
        }

            .post .entry-header .entry-meta li span {
                font-weight: 400;
            }

            .post .entry-header .entry-meta li.post-date {
                text-transform: uppercase;
            }

                .post .entry-header .entry-meta li.post-date span {
                    font-size: 18px;
                    display: block;
                }

            .post .entry-header .entry-meta li.post-author a {
                display: block;
                text-transform: capitalize;
                text-decoration: none;
            }

            .post .entry-header .entry-meta li.post-comment a {
                text-decoration: none;
            }

                .post .entry-header .entry-meta li.post-comment a span {
                    font-size: 15px;
                    display: block;
                    line-height: 1;
                    padding-top: 7px;
                }

            .post .entry-header .entry-meta li.post-share {
                padding: 16px 10px;
            }

                .post .entry-header .entry-meta li.post-share:hover .share-list {
                    visibility: visible;
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    -webkit-opacity: 1;
                    opacity: 1;
                    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                    filter: alpha(opacity=100);
                }

                .post .entry-header .entry-meta li.post-share .share-list {
                    position: absolute;
                    left: 98px;
                    top: -1px;
                    background-color: #fff;
                    border: 1px solid #eee;
                    padding: 10px 0 10px 10px;
                    width: 228px;
                    font-size: 0;
                    visibility: hidden;
                    -moz-opacity: 0;
                    -khtml-opacity: 0;
                    -webkit-opacity: 0;
                    opacity: 0;
                    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                    filter: alpha(opacity=0);
                    -webkit-transition: all .2s ease-out;
                    transition: all .2s ease-out;
                }

                    .post .entry-header .entry-meta li.post-share .share-list a {
                        font-size: 18px;
                        width: 44px;
                        height: 44px;
                        line-height: 44px;
                        color: #fff;
                        margin-right: 10px;
                        display: inline-block;
                        text-decoration: none;
                        -webkit-transition: all .2s ease-out;
                        transition: all .2s ease-out;
                    }

                        .post .entry-header .entry-meta li.post-share .share-list a:hover {
                            border-radius: 50%;
                        }

                        .post .entry-header .entry-meta li.post-share .share-list a._1 {
                            background-color: #2269b9;
                        }

                        .post .entry-header .entry-meta li.post-share .share-list a._2 {
                            background-color: #00bbf2;
                        }

                        .post .entry-header .entry-meta li.post-share .share-list a._3 {
                            background-color: #d73317;
                        }

                        .post .entry-header .entry-meta li.post-share .share-list a._4 {
                            background-color: #0276a5;
                        }

    .post .entry-content {
        margin-top: 15px;
    }

        .post .entry-content p {
            color: #252525;
            line-height: 25px;
            margin: 0;
            font-weight: 300;
        }

        .post .entry-content .more-link {
            margin-top: 15px;
        }

            .post .entry-content .more-link a {
                font-weight: 300;
                text-decoration: none;
                border-bottom-width: 1px;
                border-bottom-style: solid;
            }

                .post .entry-content .more-link a:after {
                    content: '\f101';
                    margin-left: 5px;
                    font-family: FontAwesome;
                    -webkit-transition: all .2s ease-out;
                    transition: all .2s ease-out;
                }

                .post .entry-content .more-link a:hover::after {
                    margin-left: 10px;
                }

.paging ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
}

    .paging ul li {
        display: inline-block;
        font-size: 14px;
        margin: 0 5px;
    }

        .paging ul li a {
            display: block;
            padding: 0 12px;
            text-decoration: none;
            line-height: 40px;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .paging ul li.first a:before {
            content: '\f100';
            font-family: FontAwesome;
            margin-right: 5px;
        }

        .paging ul li.last a:after {
            content: '\f101';
            font-family: FontAwesome;
            margin-left: 5px;
        }

.post-single {
    padding-bottom: 20px;
}

    .post-single .entry-content p {
        font-weight: 400;
        margin-bottom: 30px;
    }

    .post-single .entry-content blockquote {
        margin-bottom: 30px;
    }

        .post-single .entry-content blockquote p {
            margin-bottom: 0;
        }

    .post-single .entry-content .aligncenter {
        text-align: center;
        margin-bottom: 30px;
    }

        .post-single .entry-content .aligncenter img {
            max-width: 100%;
        }

        .post-single .entry-content .aligncenter .wp-caption-text {
            font-style: italic;
            color: #272727;
            margin-top: 10px;
        }

#comments .title-comment {
    margin: 0;
    padding: 0;
    font-size: 27px;
    color: #252525;
}

#comments .commentlist {
    list-style: none;
    padding: 15px 0 0;
    margin: 0;
}

    #comments .commentlist .comment {
        overflow: hidden;
        margin-top: 25px;
    }

        #comments .commentlist .comment .comment-author {
            float: left;
            margin-right: 15px;
        }

        #comments .commentlist .comment .comment-body {
            padding-left: 65px;
            border-bottom: 1px solid #eee;
            padding-bottom: 25px;
        }

            #comments .commentlist .comment .comment-body .fn {
                font-style: normal;
            }

                #comments .commentlist .comment .comment-body .fn a {
                    color: #272727;
                    text-decoration: none;
                }

            #comments .commentlist .comment .comment-body .comment-date {
                font-size: 12px;
                color: #272727;
                -moz-opacity: .6;
                -khtml-opacity: .6;
                -webkit-opacity: .6;
                opacity: .6;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
                filter: alpha(opacity=60);
            }

                #comments .commentlist .comment .comment-body .comment-date:before {
                    content: '|';
                    padding: 0 15px;
                }

            #comments .commentlist .comment .comment-body p {
                padding-top: 10px;
                color: #2d2d2d;
                line-height: 22px;
            }

            #comments .commentlist .comment .comment-body .comment-f a {
                font-size: 13px;
                text-decoration: none;
                display: inline-block;
                margin-right: 5px;
                font-style: italic;
                -webkit-transition: all .3s ease-out;
                transition: all .3s ease-out;
            }

                #comments .commentlist .comment .comment-body .comment-f a:hover {
                    border-width: 0 !important;
                }

        #comments .commentlist .comment .children {
            margin: 0 0 0 65px;
            padding: 0;
            list-style: none;
        }

.comment-respond {
    margin-top: 55px;
}

    .comment-respond .comment-reply-title {
        margin: 0;
        padding: 0;
        color: #252525;
        font-size: 27px;
    }

    .comment-respond .input-text, .comment-respond .textarea {
        border: 1px solid #eee;
        width: 100%;
        padding: 10px 20px;
        font-size: 12px;
        color: #252525;
        font-weight: 300;
        margin-top: 20px;
    }

        .comment-respond .input-text:-moz-placeholder, .comment-respond .textarea:-moz-placeholder {
            color: #252525;
        }

        .comment-respond .input-text:-ms-input-placeholder, .comment-respond .textarea:-ms-input-placeholder {
            color: #252525;
        }

        .comment-respond .input-text::-webkit-input-placeholder, .comment-respond .textarea::-webkit-input-placeholder {
            color: #252525;
        }

    .comment-respond .textarea {
        min-height: 190px;
        outline: 0;
    }

    .comment-respond .btn {
        margin-top: 15px;
        width: 130px;
        text-align: center;
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.page-404 {
    position: relative;
    background-position: center right;
}

    .page-404 .overlay {
        background-color: rgba(255,255,255,.84);
    }

    .page-404 .page-404-cn {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

        .page-404 .page-404-cn h2 {
            text-transform: uppercase;
            font-size: 100px;
            color: #252525;
            text-align: center;
            margin: 0;
            font-weight: 300;
        }

            .page-404 .page-404-cn h2 span {
                color: #d61415;
                font-weight: 700;
                margin-right: 30px;
            }

        .page-404 .page-404-cn p {
            text-align: center;
            color: #252525;
            font-size: 25px;
            margin: 20px 0 0;
            font-weight: 300;
        }

        .page-404 .page-404-cn .search-page {
            max-width: 500px;
            margin: 75px auto 0;
            position: relative;
            padding-right: 40px;
            border: 1px solid #dcdcdc;
            background-color: #fff;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .page-404 .page-404-cn .search-page .input-text {
                width: 100%;
                padding: 10px 15px;
                border-width: 0;
                background-color: transparent;
                color: #252525;
                font-weight: 300;
            }

                .page-404 .page-404-cn .search-page .input-text:-moz-placeholder {
                    color: #252525;
                }

                .page-404 .page-404-cn .search-page .input-text:-ms-input-placeholder {
                    color: #252525;
                }

                .page-404 .page-404-cn .search-page .input-text::-webkit-input-placeholder {
                    color: #252525;
                }

            .page-404 .page-404-cn .search-page .btn-search {
                background: url(../images/icon-search.png) center center no-repeat;
                position: absolute;
                right: 0;
                top: -1px;
                bottom: -1px;
                width: 40px;
                border-width: 0;
                border-left: 1px solid transparent;
            }

        .page-404 .page-404-cn .btn {
            margin-top: 70px;
            font-size: 14px;
        }

.partner-404 {
    margin-top: 50px;
}

.portfolio_2 {
    background-color: #f4f4f4;
}

.portfolio._1 {
    margin-top: 20px;
}

.portfolio._3 {
    margin-top: 50px;
}

    .portfolio._3 .row {
        margin-left: 0;
        margin-right: 0;
    }

        .portfolio._3 .row [class*=col-] {
            padding-left: 0;
            padding-right: 0;
        }

.portfolio .portfolio-cn {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

    .portfolio .portfolio-cn._1 .portfolio-item {
        margin-top: 30px;
    }

.portfolio .portfolio-item, .portfolio .portfolio-item .img {
    position: relative;
}

    .portfolio .portfolio-item .img img {
        width: 100%;
    }

    .portfolio .portfolio-item h2 {
        font-size: 15px;
        margin: 0;
    }

    .portfolio .portfolio-item p {
        margin: 0;
        font-size: 13px;
        font-weight: 300;
    }

    .portfolio .portfolio-item a {
        color: #fff;
        text-decoration: none;
    }

        .portfolio .portfolio-item a i {
            font-size: 15px;
            margin-right: 5px;
        }

    .portfolio .portfolio-item._1:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        background-color: rgba(129,194,35,.92);
        visibility: hidden;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .portfolio .portfolio-item._1 .text {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
        top: 50%;
        visibility: hidden;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .portfolio .portfolio-item._1 .text:after, .portfolio .portfolio-item._1 .text:before {
            position: absolute;
            content: '';
            height: 25px;
            width: 2px;
            left: 0;
            right: 0;
            margin: auto;
            background-color: #fff;
            visibility: hidden;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .portfolio .portfolio-item._1 .text:after {
            bottom: -50px;
        }

        .portfolio .portfolio-item._1 .text:before {
            top: -50px;
        }

        .portfolio .portfolio-item._1 .text h2 {
            color: #fff;
            text-transform: uppercase;
        }

        .portfolio .portfolio-item._1 .text p {
            color: #fff;
            margin-top: 5px;
        }

    .portfolio .portfolio-item._1 .group {
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 50px;
        text-align: center;
        visibility: visible;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translate(0,20px);
        -ms-transform: translate(0,20px);
        transform: translate(0,20px);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .portfolio .portfolio-item._1 .group a {
            display: inline-block;
            margin: 0 10px;
            font-size: 13px;
        }

    .portfolio .portfolio-item._1:hover:after {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        visibility: visible;
    }

    .portfolio .portfolio-item._1:hover .text {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

        .portfolio .portfolio-item._1:hover .text:after, .portfolio .portfolio-item._1:hover .text:before {
            visibility: visible;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
        }

        .portfolio .portfolio-item._1:hover .text:after {
            bottom: -30px;
        }

        .portfolio .portfolio-item._1:hover .text:before {
            top: -30px;
        }

    .portfolio .portfolio-item._1:hover .group {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

    .portfolio .portfolio-item._2 .img:after {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: '';
        background-color: rgba(0,0,0,.6);
        visibility: hidden;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .portfolio .portfolio-item._2 .img .quick-view {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        color: #fff;
        font-size: 14px;
        background-color: rgba(0,0,0,.6);
        margin-top: 15px;
        visibility: visible;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        border-radius: 5px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

        .portfolio .portfolio-item._2 .img .quick-view:hover {
            background-color: #81c223;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }

        .portfolio .portfolio-item._2 .img .quick-view i {
            margin: 0;
        }

    .portfolio .portfolio-item._2 .text {
        position: relative;
        background-color: #fff;
        padding: 15px;
        text-align: center;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .portfolio .portfolio-item._2 .text:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #5e8d1a;
            height: 2px;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            visibility: hidden;
            -webkit-transform: translate(0,10px);
            -ms-transform: translate(0,10px);
            transform: translate(0,10px);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .portfolio .portfolio-item._2 .text h2 a {
            color: #252525;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .portfolio .portfolio-item._2 .text p {
            margin-top: 5px;
            color: #686868;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .portfolio .portfolio-item._2 .text p span {
                color: #81c223;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

    .portfolio .portfolio-item._2:hover .img:after {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .portfolio .portfolio-item._2:hover .img .quick-view {
        visibility: visible;
        margin-top: 0;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

    .portfolio .portfolio-item._2:hover .text {
        background-color: #81c223;
    }

        .portfolio .portfolio-item._2:hover .text:after {
            visibility: visible;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
        }

        .portfolio .portfolio-item._2:hover .text h2 a, .portfolio .portfolio-item._2:hover .text p, .portfolio .portfolio-item._2:hover .text p span {
            color: #fff;
        }

    .portfolio .portfolio-item._3 .img {
        overflow: hidden;
    }

        .portfolio .portfolio-item._3 .img .text {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0,0,0,.68);
            padding: 15px;
            text-align: center;
            visibility: hidden;
            -webkit-transform: translate(0,100%);
            -ms-transform: translate(0,100%);
            transform: translate(0,100%);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .portfolio .portfolio-item._3 .img .text h2 {
                font-weight: 300;
                text-transform: uppercase;
                font-size: 13px;
            }

            .portfolio .portfolio-item._3 .img .text p {
                color: #fff;
                margin-top: 5px;
            }

        .portfolio .portfolio-item._3 .img .quick-view {
            width: 50px;
            height: 50px;
            border: 2px solid #fff;
            text-align: center;
            line-height: 46px;
            color: #fff;
            font-size: 14px;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            visibility: hidden;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            border-radius: 50%;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            .portfolio .portfolio-item._3 .img .quick-view:hover {
                background-color: rgba(0,0,0,.68);
                border-color: transparent;
            }

            .portfolio .portfolio-item._3 .img .quick-view i {
                margin: 0;
            }

    .portfolio .portfolio-item._3:hover .text {
        visibility: visible;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

    .portfolio .portfolio-item._3:hover .quick-view {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        visibility: visible;
    }

.load-more-pf {
    margin-top: 50px;
}

    .load-more-pf .btn {
        position: relative;
    }

        .load-more-pf .btn:after {
            visibility: hidden;
            margin-left: -20px;
            content: ' . . .';
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
        }

        .load-more-pf .btn.load-active {
            background-color: #81c223;
            color: #fff;
        }

            .load-more-pf .btn.load-active:after {
                margin-left: 0;
                color: #fff;
                visibility: visible;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
            }

.portfolio-dt {
    margin-top: 50px;
}

    .portfolio-dt .portfolio-text {
        margin-top: 60px;
    }

    .portfolio-dt .portfolio-info {
        margin-top: 65px;
    }

.portfolio-slide img {
    width: 100%;
}

.portfolio-slide .owl-next, .portfolio-slide .owl-prev {
    position: absolute;
    font-size: 22px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: #313131;
    bottom: 30px;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .portfolio-slide .owl-next:hover, .portfolio-slide .owl-prev:hover {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

.portfolio-slide .owl-next {
    right: 30px;
}

.portfolio-slide .owl-prev {
    left: 30px;
}

.portfolio-text {
    color: #252525;
    line-height: 22px;
}

    .portfolio-text h2 {
        font-size: 20px;
        margin: 0 0 20px;
    }

.portfolio-info {
    border: 1px solid #e6e6e6;
    padding: 20px 30px 15px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 6px #e6e6e6;
    box-shadow: 0 0 6px #e6e6e6;
}

    .portfolio-info h2 {
        color: #252525;
        font-size: 20px;
        margin: 0;
    }

    .portfolio-info ul {
        list-style: none;
        padding: 0;
        margin: 20px 0 0;
        border-bottom: 1px dotted #aaa;
    }

        .portfolio-info ul li {
            border-top: 1px dotted #aaa;
            color: #252525;
            padding: 12px 0;
        }

            .portfolio-info ul li:after, .portfolio-info ul li:before {
                content: '';
                clear: both;
                display: block;
            }

            .portfolio-info ul li .label-inf i {
                color: #81c223;
                font-size: 16px;
                margin-right: 10px;
            }

            .portfolio-info ul li p {
                float: right;
                margin: 0;
            }

                .portfolio-info ul li p a {
                    color: #81c223;
                }

    .portfolio-info .portfolio-social {
        color: #252525;
        line-height: 20px;
        margin-top: 15px;
    }

        .portfolio-info .portfolio-social a {
            font-size: 18px;
            margin-left: 20px;
            text-decoration: none;
        }

            .portfolio-info .portfolio-social a._1 {
                color: #0080c3;
            }

            .portfolio-info .portfolio-social a._2 {
                color: #00d5ee;
            }

            .portfolio-info .portfolio-social a._3 {
                color: #e80000;
            }

            .portfolio-info .portfolio-social a._4 {
                color: #00ccd3;
            }

            .portfolio-info .portfolio-social a._5 {
                color: #ca0000;
            }

.colio.colio-theme-1 {
    margin-bottom: 0;
    background-color: #fff;
}

.colio .colio-close {
    right: 15px;
    width: 30px;
    height: 30px;
    top: 0;
}

    .colio .colio-close:after, .colio .colio-close:before {
        content: '';
        height: 2px;
        width: 30px;
        position: absolute;
        background-color: #252525;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .colio .colio-close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .colio .colio-close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .colio .colio-close:hover:after, .colio .colio-close:hover:before {
        background-color: #81c223;
    }

.colio .colio-container {
    padding: 30px 0 0;
}

.colio.colio-theme-2 {
    margin-bottom: 0;
}

    .colio.colio-theme-2 .quick-view-cn {
        padding: 30px;
    }

.colio.colio-theme-3 {
    margin-bottom: 0;
}

    .colio.colio-theme-3 .container .row {
        margin-left: 0;
        margin-right: 0;
    }

        .colio.colio-theme-3 .container .row [class*=col-] {
            padding-left: 0;
            padding-right: 0;
        }

    .colio.colio-theme-3 .quick-view-cn {
        background-color: #fff;
        padding: 30px;
    }

.colio .quick-view-cn {
    background-color: #fff;
}

.shipping-top .item {
    margin-top: 50px;
    overflow: hidden;
}

    .shipping-top .item .img {
        float: left;
        position: relative;
        margin-right: 35px;
    }

        .shipping-top .item .img:after {
            border: 34px solid transparent;
            border-right-color: #fff;
            position: absolute;
            top: 50%;
            right: 0;
            content: '';
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }

        .shipping-top .item .img .icon {
            font-size: 32px;
            line-height: 32px;
            z-index: 1;
            position: absolute;
            right: -15%;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 32px;
        }

    .shipping-top .item .text {
        margin-top: 55px;
    }

        .shipping-top .item .text h2 {
            color: #252525;
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 0;
            text-transform: uppercase;
        }

        .shipping-top .item .text p {
            color: #252525;
            font-size: 12px;
            margin-bottom: 0;
            margin-top: 5px;
        }

            .shipping-top .item .text p span {
                color: #d32c56;
            }

.shipping .container > .row {
    margin-left: -8px;
    margin-right: -8px;
}

    .shipping .container > .row [class*=col-] {
        padding-left: 8px;
        padding-right: 8px;
    }

.shipping.shipping-grid .shipping-item {
    margin-top: 60px;
}

.shipping.shipping-list .shipping-item {
    margin-top: 80px;
}

.shipping-item {
    border: 1px solid #dcdcdc;
    position: relative;
    cursor: pointer;
    min-height: 250px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .shipping-item:hover {
        background-color: #81c223;
        border-color: #81c223;
    }

        .shipping-item:hover .inner {
            margin-top: 0 !important;
        }

            .shipping-item:hover .inner .icon, .shipping-item:hover .inner h2 {
                color: #fff;
            }

            .shipping-item:hover .inner p {
                visibility: visible;
                height: inherit;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
            }

    .shipping-item .inner {
        text-align: center;
        position: absolute;
        padding: 50px;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .shipping-item .inner .icon {
            font-size: 50px;
            color: #81c223;
        }

        .shipping-item .inner h2 {
            margin: 20px 0 0;
            font-size: #252525;
            font-size: 18px;
            text-transform: uppercase;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .shipping-item .inner p {
            color: #fff;
            margin-top: 20px;
            margin-bottom: 0;
            font-size: 15px;
            font-weight: 300;
            line-height: 20px;
            visibility: hidden;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            -webkit-opacity: 0;
            opacity: 0;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

footer {
    margin-top: 35px;
}

    footer.dark {
        background-color: #252525;
    }

        footer.dark .footer-b {
            background-color: #1e1e1e;
        }

    footer.blue {
        background-color: #126a9c;
    }

        footer.blue .ul-f li a {
            color: #89b5d0;
        }

            footer.blue .ul-f li a:before {
                border-color: #89b5d0;
            }

        footer.blue .letter-from {
            border-color: #498db4;
        }

            footer.blue .letter-from .input-text {
                color: #89b5d0;
            }

                footer.blue .letter-from .input-text:-moz-placeholder {
                    color: #89b5d0;
                }

                footer.blue .letter-from .input-text:-ms-input-placeholder {
                    color: #89b5d0;
                }

                footer.blue .letter-from .input-text::-webkit-input-placeholder {
                    color: #89b5d0;
                }

            footer.blue .letter-from .letter-btn {
                color: #126a9c;
            }

        footer.blue .footer-b {
            background-color: #12608e;
        }

            footer.blue .footer-b .copyright {
                color: #89b5d0;
            }

    footer .title-f {
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        margin: 60px 0 0;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }

    footer .ul-f {
        padding: 0;
        margin: 15px 0 0;
        list-style: none;
    }

        footer .ul-f li {
            padding: 5px 0;
        }

            footer .ul-f li a {
                color: #9f9f9f;
                text-decoration: none;
                -webkit-transition: all .2s linear;
                transition: all .2s linear;
            }

                footer .ul-f li a:before {
                    content: '';
                    border: 1px solid rgba(100,100,100,.5);
                    padding: 2px;
                    display: inline-block;
                    margin-right: 10px;
                    -webkit-transition: all .2s linear;
                    transition: all .2s linear;
                }

                footer .ul-f li a:hover {
                    color: #fff;
                }

                    footer .ul-f li a:hover:before {
                        border-color: #fff;
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

    footer .letter-from {
        border: 1px solid #393939;
        padding: 5px;
        position: relative;
        margin-top: 25px;
    }

        footer .letter-from .input-text {
            background-color: transparent;
            color: rgba(255,255,255,.4);
            font-size: 13px;
            font-weight: 300;
            border-width: 0;
            height: 32px;
            padding: 0 10px;
            width: 100%;
        }

            footer .letter-from .input-text:-moz-placeholder {
                color: rgba(255,255,255,.4);
            }

            footer .letter-from .input-text:-ms-input-placeholder {
                color: rgba(255,255,255,.4);
            }

            footer .letter-from .input-text::-webkit-input-placeholder {
                color: rgba(255,255,255,.4);
            }

        footer .letter-from .letter-btn {
            position: absolute;
            color: #2e2e2e;
            font-size: 13px;
            background-color: #fff;
            width: 34px;
            height: 32px;
            line-height: 32px;
            right: 5px;
            top: 5px;
            border-width: 0;
        }

    footer .follow-f .title-f {
        margin-top: 40px;
    }

    footer .follow-f .follow-sc {
        margin-top: 20px;
    }

        footer .follow-f .follow-sc a {
            display: inline-block;
            margin-left: 20px;
            font-size: 16px;
            color: rgba(255,255,255,.6);
            text-decoration: none;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            footer .follow-f .follow-sc a:first-child {
                margin-left: 0;
            }

            footer .follow-f .follow-sc a:hover {
                color: #fff;
            }

    footer .flickr {
        margin: 20px 2.5px 0;
    }

        footer .flickr a {
            display: block;
            width: 33.3333333%;
            float: left;
            padding: 5px 2.5px 0;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

            footer .flickr a img {
                width: 100%;
            }

            footer .flickr a:hover {
                -moz-opacity: .5;
                -khtml-opacity: .5;
                -webkit-opacity: .5;
                opacity: .5;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
                filter: alpha(opacity=50);
            }

    footer .footer-b {
        padding: 15px 0;
        margin-top: 50px;
    }

        footer .footer-b .copyright p {
            color: #aaa;
            margin: 0;
            line-height: 25px;
        }

            footer .footer-b .copyright p a {
                color: #aaa;
            }

        footer .footer-b .payment-icon {
            text-align: right;
        }

            footer .footer-b .payment-icon a {
                line-height: 25px;
                display: inline-block;
                margin-left: 20px;
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

                footer .footer-b .payment-icon a:hover {
                    -moz-opacity: .5;
                    -khtml-opacity: .5;
                    -webkit-opacity: .5;
                    opacity: .5;
                    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
                    filter: alpha(opacity=50);
                }

@media (min-width:1920px) {
    .header._2 .header-cn .mini-cart {
        position: absolute;
        right: -25px;
        top: 10px;
        margin: 0;
        -webkit-transform: translate(100%,0);
        -ms-transform: translate(100%,0);
        transform: translate(100%,0);
    }
}

@media (max-width:1199px) {
    .boxed .wrap-page {
        max-width: 980px;
    }

    .top-menu .box {
        left: -15px;
    }

        .top-menu .box:before {
            left: 20px;
        }

    .header._2 .header-cn {
        border-width: 0;
    }

        .header._2 .header-cn .top-menu {
            position: relative;
            float: left;
            top: inherit;
            margin-top: 24px;
            left: inherit;
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
        }

        .header._2 .header-cn .mini-cart {
            float: right;
            position: relative;
            margin-right: 0;
            right: 0;
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
        }

        .header._2 .header-cn .search-h .icon-search {
            border-color: #e5e5e5;
        }

        .header._2 .header-cn .clear {
            display: block;
        }

        .header._2 .header-cn .navigation {
            display: block;
            position: relative;
        }

            .header._2 .header-cn .navigation .menu {
                position: relative;
                text-align: center;
            }

                .header._2 .header-cn .navigation .menu li {
                    text-align: left;
                }

    .slide .slide-cn._2 {
        padding: 0 30px;
    }

        .slide .slide-cn._2 .slide-item {
            padding-top: 80px;
            padding-bottom: 90px;
        }

            .slide .slide-cn._2 .slide-item .img {
                display: none;
            }

            .slide .slide-cn._2 .slide-item .text {
                position: static;
                text-align: center;
                -webkit-transform: translate(0,0);
                -ms-transform: translate(0,0);
                transform: translate(0,0);
            }

    .shipping-top .item {
        margin-top: 30px;
        text-align: center;
    }

        .shipping-top .item .img {
            float: none;
            display: inline-block;
            margin: 0;
        }

            .shipping-top .item .img img {
                max-width: 100%;
            }

            .shipping-top .item .img .icon {
                top: inherit;
                right: inherit;
                bottom: -16px;
                left: 50%;
                -webkit-transform: translate(-50%,0);
                -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
            }

            .shipping-top .item .img:after {
                left: 50%;
                bottom: 0;
                top: inherit;
                right: inherit;
                border-right-color: transparent;
                border-bottom-color: #fff;
                -webkit-transform: translate(-50%,0);
                -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
            }

        .shipping-top .item .text {
            margin-top: 30px;
        }

    .parallax-video .parallax-video-cn {
        padding-top: 100px;
        padding-bottom: 105px;
    }

    .product-grid .container > .row {
        margin-left: -15px;
        margin-right: -15px;
    }

        .product-grid .container > .row > [class*=col-] {
            padding-left: 15px;
            padding-right: 15px;
        }

    .grid-cn-3 > .row {
        margin-left: -15px;
        margin-right: -15px;
    }

        .grid-cn-3 > .row > [class*=col-] {
            padding-left: 15px;
            padding-right: 15px;
        }

    .top-filter .group {
        margin-left: 20%;
    }

    .product-image {
        padding-left: 0;
    }

        .product-image._1 {
            padding-right: 0;
        }

        .product-image .view-block {
            position: static;
            width: inherit;
            overflow: hidden;
            margin-left: -5px;
            margin-right: -5px;
        }

            .product-image .view-block .thumb_list li {
                float: left;
                margin-top: 10px;
                padding: 0 5px;
                width: 20%;
            }

                .product-image .view-block .thumb_list li:after {
                    left: 5px;
                    right: 5px;
                }

    .product-text .add-to-box {
        margin-top: 10px;
    }

        .product-text .add-to-box .input-content {
            margin-top: 20px;
        }

            .product-text .add-to-box .input-content label {
                line-height: 40px;
            }

            .product-text .add-to-box .input-content .qty-box {
                height: 40px;
                padding-left: 32px;
                padding-right: 32px;
                overflow: hidden;
            }

                .product-text .add-to-box .input-content .qty-box .qty-decrease, .product-text .add-to-box .input-content .qty-box .qty-increase {
                    width: 32px;
                    height: 40px;
                    top: -1px;
                }

                .product-text .add-to-box .input-content .qty-box .qty-decrease {
                    right: -1px;
                }

                .product-text .add-to-box .input-content .qty-box .qty-increase {
                    left: -1px;
                }

                .product-text .add-to-box .input-content .qty-box .input-text {
                    height: 40px;
                    width: 75px;
                }

        .product-text .add-to-box .add-to-cart {
            margin-top: 20px;
        }

            .product-text .add-to-box .add-to-cart .btn {
                height: 40px;
                line-height: 38px;
                width: inherit;
                padding-left: 15px;
                padding-right: 15px;
            }

                .product-text .add-to-box .add-to-cart .btn i {
                    font-size: 14px;
                }

        .product-text .add-to-box .add-to-user {
            margin-left: 43px;
        }

            .product-text .add-to-box .add-to-user .btn {
                display: inline-block;
                width: inherit;
                margin-top: 20px;
                height: 40px;
                line-height: 38px;
                padding-top: 0;
                padding-bottom: 0;
            }

                .product-text .add-to-box .add-to-user .btn + .btn {
                    margin-top: 20px;
                    margin-left: 17px;
                }

    .check-out-cn .check-out-form {
        padding: 40px;
    }

    .partner-check-out {
        margin-top: 100px;
    }

    .login-register .login {
        padding-right: 0;
    }

    .lookbook-item .text {
        padding: 40px 0;
    }

    .lookbook-partner {
        margin-top: 100px;
    }
}

@media (max-width:991px) {
    .boxed .wrap-page {
        max-width: 760px;
    }

    .header._1 .header-cn .navigation, .header._2 .header-cn .navigation, .header._3 .header-cn .navigation {
        position: fixed !important;
        left: 0;
        width: 250px;
        background-color: #252525;
        top: 0;
        z-index: 999;
        height: 100%;
        overflow-y: auto;
        webkit-overflow-scrolling: touch;
        border-right: 1px solid rgba(0,0,0,.2);
        padding-top: 40px;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
    }

        .header._1 .header-cn .navigation.show-view, .header._2 .header-cn .navigation.show-view, .header._3 .header-cn .navigation.show-view {
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
        }

        .header._1 .header-cn .navigation .menu > li, .header._2 .header-cn .navigation .menu > li, .header._3 .header-cn .navigation .menu > li {
            display: block;
            clear: both;
            width: 100%;
        }

            .header._1 .header-cn .navigation .menu > li:after, .header._1 .header-cn .navigation .menu > li:before, .header._2 .header-cn .navigation .menu > li:after, .header._2 .header-cn .navigation .menu > li:before, .header._3 .header-cn .navigation .menu > li:after, .header._3 .header-cn .navigation .menu > li:before {
                content: none;
                display: none;
            }

            .header._1 .header-cn .navigation .menu > li > a, .header._2 .header-cn .navigation .menu > li > a, .header._3 .header-cn .navigation .menu > li > a {
                line-height: 30px;
                font-size: 13px;
                padding: 0;
                color: #fff;
            }

                .header._1 .header-cn .navigation .menu > li > a:after, .header._1 .header-cn .navigation .menu > li > a:before, .header._2 .header-cn .navigation .menu > li > a:after, .header._2 .header-cn .navigation .menu > li > a:before, .header._3 .header-cn .navigation .menu > li > a:after, .header._3 .header-cn .navigation .menu > li > a:before {
                    content: none;
                    display: none;
                }

            .header._1 .header-cn .navigation .menu > li.menu-parent:hover .sub-menu, .header._2 .header-cn .navigation .menu > li.menu-parent:hover .sub-menu, .header._3 .header-cn .navigation .menu > li.menu-parent:hover .sub-menu {
                display: none;
            }

            .header._1 .header-cn .navigation .menu > li.megamenu .sub-menu > li, .header._2 .header-cn .navigation .menu > li.megamenu .sub-menu > li, .header._3 .header-cn .navigation .menu > li.megamenu .sub-menu > li {
                width: 100% !important;
                float: none !important;
                display: block;
                padding: 0;
            }

                .header._1 .header-cn .navigation .menu > li.megamenu .sub-menu > li > a, .header._2 .header-cn .navigation .menu > li.megamenu .sub-menu > li > a, .header._3 .header-cn .navigation .menu > li.megamenu .sub-menu > li > a {
                    padding: 0;
                    border: 0;
                    margin: 0;
                    font-size: 13px;
                }

                .header._1 .header-cn .navigation .menu > li.megamenu .sub-menu > li.block-image, .header._2 .header-cn .navigation .menu > li.megamenu .sub-menu > li.block-image, .header._3 .header-cn .navigation .menu > li.megamenu .sub-menu > li.block-image {
                    display: none;
                }

        .header._1 .header-cn .navigation .menu li a, .header._2 .header-cn .navigation .menu li a, .header._3 .header-cn .navigation .menu li a {
            text-transform: uppercase !important;
            padding: 5px 10px !important;
            border-top: 1px solid rgba(0,0,0,.2) !important;
            position: relative;
        }

            .header._1 .header-cn .navigation .menu li a:hover, .header._2 .header-cn .navigation .menu li a:hover, .header._3 .header-cn .navigation .menu li a:hover {
                background-color: #3f3f3f;
            }

            .header._1 .header-cn .navigation .menu li a .nav-plus, .header._2 .header-cn .navigation .menu li a .nav-plus, .header._3 .header-cn .navigation .menu li a .nav-plus {
                position: absolute;
                width: 30px;
                top: 0;
                bottom: 0;
                right: 0;
                font-size: 12px;
            }

                .header._1 .header-cn .navigation .menu li a .nav-plus.nav-minus:before, .header._2 .header-cn .navigation .menu li a .nav-plus.nav-minus:before, .header._3 .header-cn .navigation .menu li a .nav-plus.nav-minus:before {
                    content: '\f068';
                }

                .header._1 .header-cn .navigation .menu li a .nav-plus:before, .header._2 .header-cn .navigation .menu li a .nav-plus:before, .header._3 .header-cn .navigation .menu li a .nav-plus:before {
                    position: absolute;
                    font-family: FontAwesome;
                    content: '\f067';
                    text-transform: inherit;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translate(-50%,-50%);
                    -ms-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                }

        .header._1 .header-cn .navigation .menu li ul, .header._2 .header-cn .navigation .menu li ul, .header._3 .header-cn .navigation .menu li ul {
            display: none;
            -webkit-transition: none !important;
            transition: none !important;
        }

        .header._1 .header-cn .navigation .menu .sub-menu, .header._2 .header-cn .navigation .menu .sub-menu, .header._3 .header-cn .navigation .menu .sub-menu {
            min-width: inherit;
            display: none;
            width: 100%;
            position: static;
            padding: 0 !important;
            visibility: visible;
            border: 0;
            background-image: none;
            background-color: #2d2d2d;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
        }

            .header._1 .header-cn .navigation .menu .sub-menu:after, .header._1 .header-cn .navigation .menu .sub-menu:before, .header._2 .header-cn .navigation .menu .sub-menu:after, .header._2 .header-cn .navigation .menu .sub-menu:before, .header._3 .header-cn .navigation .menu .sub-menu:after, .header._3 .header-cn .navigation .menu .sub-menu:before {
                content: none;
            }

            .header._1 .header-cn .navigation .menu .sub-menu li a, .header._2 .header-cn .navigation .menu .sub-menu li a, .header._3 .header-cn .navigation .menu .sub-menu li a {
                border-width: 0;
                padding-left: 20px !important;
                padding-right: 0;
                color: #fff;
                font-size: 13px;
            }

                .header._1 .header-cn .navigation .menu .sub-menu li a:after, .header._1 .header-cn .navigation .menu .sub-menu li a:before, .header._2 .header-cn .navigation .menu .sub-menu li a:after, .header._2 .header-cn .navigation .menu .sub-menu li a:before, .header._3 .header-cn .navigation .menu .sub-menu li a:after, .header._3 .header-cn .navigation .menu .sub-menu li a:before {
                    content: none;
                }

                .header._1 .header-cn .navigation .menu .sub-menu li a:hover, .header._2 .header-cn .navigation .menu .sub-menu li a:hover, .header._3 .header-cn .navigation .menu .sub-menu li a:hover {
                    text-indent: 0;
                }

            .header._1 .header-cn .navigation .menu .sub-menu li ul li a, .header._2 .header-cn .navigation .menu .sub-menu li ul li a, .header._3 .header-cn .navigation .menu .sub-menu li ul li a {
                padding-left: 40px !important;
            }

            .header._1 .header-cn .navigation .menu .sub-menu ul, .header._2 .header-cn .navigation .menu .sub-menu ul, .header._3 .header-cn .navigation .menu .sub-menu ul {
                display: none;
                visibility: visible;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
                -webkit-transform: translate(0,0) !important;
                -ms-transform: translate(0,0) !important;
                transform: translate(0,0) !important;
            }

            .header._1 .header-cn .navigation .menu .sub-menu .block-image, .header._2 .header-cn .navigation .menu .sub-menu .block-image, .header._3 .header-cn .navigation .menu .sub-menu .block-image {
                display: none;
            }

    .header._1 {
        padding-top: 0;
    }

        .header._1 .header-cn {
            padding-bottom: 20px;
        }

            .header._1 .header-cn .top-menu {
                margin-top: 0;
                float: none;
                clear: both;
                display: block;
                overflow: hidden;
                padding-top: 5px;
                padding-bottom: 25px;
            }

                .header._1 .header-cn .top-menu .bar-icon {
                    display: none;
                }

                .header._1 .header-cn .top-menu .box {
                    visibility: visible;
                    position: static;
                    width: inherit;
                    padding: 0;
                    border-width: 0;
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    -webkit-opacity: 1;
                    opacity: 1;
                    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                    filter: alpha(opacity=100);
                }

                    .header._1 .header-cn .top-menu .box ul li {
                        float: left;
                        font-size: 13px;
                        line-height: 22px;
                    }

                        .header._1 .header-cn .top-menu .box ul li + li:before {
                            content: '|';
                            margin-left: 5px;
                            margin-right: 5px;
                        }

                        .header._1 .header-cn .top-menu .box ul li a {
                            padding: 0;
                        }

                            .header._1 .header-cn .top-menu .box h6, .header._1 .header-cn .top-menu .box ul li a:before {
                                display: none;
                            }

                    .header._1 .header-cn .top-menu .box .flags {
                        float: right;
                        margin: 0;
                    }

            .header._1 .header-cn .logo {
                position: static;
                float: left;
                line-height: 30px;
                margin-top: 30px;
                -webkit-transform: translate(0,0);
                -ms-transform: translate(0,0);
                transform: translate(0,0);
            }

            .header._1 .header-cn .mini-cart {
                display: none;
            }

            .header._1 .header-cn .search-h {
                float: none;
                width: 65%;
                margin-left: auto;
                margin-right: auto;
            }

                .header._1 .header-cn .search-h .form {
                    width: 100%;
                    border-color: #e5e5e5;
                }

            .header._1 .header-cn .menu-bar {
                display: block;
                margin-top: 30px;
                float: right;
            }

            .header._1 .header-cn .navigation {
                margin-top: 0;
            }

                .header._1 .header-cn .navigation .menu .sub-menu:after, .header._1 .header-cn .navigation .menu .sub-menu:before {
                    content: none !important;
                }

    .header._2 .header-cn {
        padding-bottom: 20px;
    }

        .header._2 .header-cn .top-menu {
            margin-top: 0;
            float: none;
            clear: both;
            display: block;
            overflow: hidden;
            padding-top: 5px;
            padding-bottom: 25px;
        }

            .header._2 .header-cn .top-menu .bar-icon {
                display: none;
            }

            .header._2 .header-cn .top-menu .box {
                visibility: visible;
                position: static;
                width: inherit;
                padding: 0;
                border-width: 0;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
            }

                .header._2 .header-cn .top-menu .box ul li {
                    float: left;
                    font-size: 13px;
                    line-height: 22px;
                }

                    .header._2 .header-cn .top-menu .box ul li + li:before {
                        content: '|';
                        margin-left: 5px;
                        margin-right: 5px;
                    }

                    .header._2 .header-cn .top-menu .box ul li a {
                        padding: 0;
                    }

                        .header._2 .header-cn .top-menu .box h6, .header._2 .header-cn .top-menu .box ul li a:before {
                            display: none;
                        }

                .header._2 .header-cn .top-menu .box .flags {
                    float: right;
                    margin: 0;
                }

        .header._2 .header-cn .logo {
            margin-left: 0;
            line-height: 30px;
            margin-top: 30px;
        }

        .header._2 .header-cn .mini-cart {
            display: none;
        }

        .header._2 .header-cn .menu-bar {
            display: block;
            float: right;
            margin-top: 30px;
        }

        .header._2 .header-cn .search-h {
            float: none;
            width: 60%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0;
        }

            .header._2 .header-cn .search-h .form {
                width: 100%;
                border-color: #e5e5e5;
            }

    .header._3 {
        padding-top: 0;
    }

        .header._3 .header-cn {
            padding-bottom: 20px;
            border-bottom: 1px solid #dadada;
        }

            .header._3 .header-cn .top-menu {
                margin-top: 0;
                float: none;
                clear: both;
                display: block;
                overflow: hidden;
                padding-top: 5px;
                padding-bottom: 25px;
            }

                .header._3 .header-cn .top-menu .bar-icon {
                    display: none;
                }

                .header._3 .header-cn .top-menu .box {
                    visibility: visible;
                    position: static;
                    width: inherit;
                    padding: 0;
                    border-width: 0;
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
                    -webkit-opacity: 1;
                    opacity: 1;
                    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                    filter: alpha(opacity=100);
                }

                    .header._3 .header-cn .top-menu .box ul li {
                        float: left;
                        font-size: 13px;
                        line-height: 22px;
                    }

                        .header._3 .header-cn .top-menu .box ul li + li:before {
                            content: '|';
                            margin-left: 5px;
                            margin-right: 5px;
                        }

                        .header._3 .header-cn .top-menu .box ul li a {
                            padding: 0;
                        }

                            .header._3 .header-cn .top-menu .box h6, .header._3 .header-cn .top-menu .box ul li a:before {
                                display: none;
                            }

                    .header._3 .header-cn .top-menu .box .flags {
                        float: right;
                        margin: 0;
                    }

            .header._3 .header-cn .mini-cart {
                display: none;
            }

            .header._3 .header-cn .logo {
                position: static;
                float: left;
                line-height: 30px;
                margin-top: 30px;
                -webkit-transform: translate(0,0);
                -ms-transform: translate(0,0);
                transform: translate(0,0);
            }

            .header._3 .header-cn .search-h {
                float: none;
                width: 65%;
                margin-left: auto;
                margin-right: auto;
            }

                .header._3 .header-cn .search-h .form {
                    width: 100%;
                    border-color: #e5e5e5;
                }

            .header._3 .header-cn .menu-bar {
                float: right;
                display: block;
                margin-top: 30px;
            }

            .header._3 .header-cn .navigation {
                margin: 0;
            }

                .header._3 .header-cn .navigation .menu:after, .header._3 .header-cn .navigation .menu:before, .header._3 .header-cn .navigation:after, .header._3 .header-cn .navigation:before {
                    content: none;
                }

                .header._3 .header-cn .navigation .menu > li:after, .header._3 .header-cn .navigation .menu > li:before {
                    display: none;
                }

                .header._3 .header-cn .navigation .menu > li > a {
                    padding: 0;
                    line-height: 30px;
                }

    .slide-watch-cn .item .text h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .slide-watch-cn .item .text .btn {
        padding: 5px 10px;
    }

    .slide-watch-cn .item .text p {
        font-size: 20px;
        line-height: 24px;
        margin-top: 15px;
    }

    .slide-watch-cn .item .text .group {
        margin-top: 15px;
    }

    .slide-watch-cn .item.style-2 .text h2 {
        font-size: 30px;
    }

    .slide-watch-cn .owl-pagination {
        bottom: 15px;
    }

    .new-arrivals._1, .new-arrivals._2, .new-arrivals._3, .parallax-video, .product-featured._1, .product-featured._2, .product-featured._3 {
        margin-top: 40px;
    }

    .parallax-video-cn p {
        font-size: 36px;
    }

        .parallax-video-cn p a {
            width: 60px;
            height: 60px;
            line-height: 60px;
        }

    .partner, .section.from-blog._1, .section.from-blog._3, .trending-toprated .trend-rated-cn {
        margin-top: 40px;
    }

    .top-filter .group {
        margin-left: 5%;
    }

    .sidebar.sidebar-cat._3 {
        margin-top: 30px;
    }

    .product-detail > .container > .row {
        margin-left: -15px;
        margin-right: -15px;
    }

        .product-detail > .container > .row .col-l, .product-detail > .container > .row .col-r {
            padding-left: 15px;
            padding-right: 15px;
        }

    .blog-partner {
        margin-top: 50px;
    }

    .widget_categories {
        margin-top: 45px;
    }

    .table-cn .table-cart tbody tr td {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .table-cn .table-cart tbody tr td .img {
            display: none;
        }

        .table-cn .table-cart tbody tr td .info a, .table-cn .table-cart tbody tr td.td-sub, .table-cn .table-cart tfoot tr td.td-sub {
            font-size: 14px;
        }

    .check-out-cn .check-out-form {
        padding: 25px;
    }

    .partner-check-out {
        margin-top: 50px;
    }

    .lookbook-item > .row {
        margin-left: -15px;
        margin-right: -15px;
    }

        .lookbook-item > .row [class*=col-] {
            padding-left: 15px;
            padding-right: 15px;
        }

    .lookbook-item .img {
        display: none;
    }

    .lookbook-item .text {
        padding-top: 0;
    }

    .lookbook-partner {
        margin-top: 50px;
    }

    .collection-item {
        margin-top: 1px;
    }

        .collection-item .text h2, .collection-item .text h3 {
            font-size: 24px;
            line-height: 36px;
        }

        .collection-item .text .btn {
            padding-left: 15px;
            padding-right: 15px;
            font-size: 13px;
        }

    .collection-partner {
        margin-top: 50px;
    }

    .shipping-item .inner {
        padding: 20px;
    }

        .shipping-item .inner .icon {
            font-size: 40px;
        }

    footer .footer-b .copyright, footer .footer-b .payment-icon {
        text-align: center;
    }

        footer .footer-b .payment-icon a {
            margin-bottom: 10px;
        }
}

@media (max-width:768px) {
    .product-collateral .tab-content {
        margin-left: 0;
        border-width: 0;
    }

        .product-collateral .tab-content .tab-pane {
            padding: 15px 20px;
        }

    .product-collateral.r-tabs .r-tabs-accordion-title a {
        border-top-width: 0;
    }

    .product-collateral.r-tabs .r-tabs-accordion-title:first-child a {
        border-top-width: 1px;
    }

    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-panel {
        padding: 15px;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        margin-top: -1px;
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}

@media (max-width:767px) {
    .boxed .wrap-page {
        margin-top: 0;
        margin-bottom: 0;
    }

    .slide-watch-cn .item .text h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .slide-watch-cn .item .text p {
        font-size: 16px;
        margin-top: 10px;
    }

    .slide-watch-cn .item .text .btn {
        font-size: 10px;
    }

    .slide-watch-cn .item.style-3 .text h2 {
        font-size: 20px;
    }

    .slide-watch-cn .owl-pagination {
        bottom: -20px;
    }

    .shipping-top .item .text h2 {
        font-size: 16px;
    }

    .new-arrivals .new-arrivals-cn._1, .new-arrivals .new-arrivals-cn._2, .new-arrivals .new-arrivals-cn._3 {
        margin-top: 0;
    }

        .new-arrivals .new-arrivals-cn._1 .grid-item, .new-arrivals .new-arrivals-cn._2 .grid-item, .new-arrivals .new-arrivals-cn._3 .grid-item {
            margin-top: 30px;
        }

    .product-featured .heading-tabs._1, .product-featured .heading-tabs._2, .product-featured .heading-tabs._3 {
        background-image: none;
        margin-left: 0;
        margin-right: 0;
        border-width: 0;
        text-align: center;
    }

        .product-featured .heading-tabs._1 ul, .product-featured .heading-tabs._1 ul li, .product-featured .heading-tabs._2 ul, .product-featured .heading-tabs._2 ul li, .product-featured .heading-tabs._3 ul, .product-featured .heading-tabs._3 ul li {
            display: block;
            padding: 0;
        }

            .product-featured .heading-tabs._1 ul li.active, .product-featured .heading-tabs._2 ul li.active, .product-featured .heading-tabs._3 ul li.active {
                position: relative;
                z-index: 1;
            }

            .product-featured .heading-tabs._1 ul li + li, .product-featured .heading-tabs._2 ul li + li, .product-featured .heading-tabs._3 ul li + li {
                margin: 0;
            }

                .product-featured .heading-tabs._1 ul li + li:before, .product-featured .heading-tabs._2 ul li + li:before, .product-featured .heading-tabs._3 ul li + li:before {
                    content: none;
                }

                .product-featured .heading-tabs._1 ul li + li a, .product-featured .heading-tabs._2 ul li + li a, .product-featured .heading-tabs._3 ul li + li a {
                    margin-top: -1px;
                }

            .product-featured .heading-tabs._1 ul li a, .product-featured .heading-tabs._2 ul li a, .product-featured .heading-tabs._3 ul li a {
                display: block;
                border: 1px solid #ccc;
                line-height: 40px;
            }

                .product-featured .heading-tabs._1 ul li a:hover, .product-featured .heading-tabs._2 ul li a:hover, .product-featured .heading-tabs._3 ul li a:hover {
                    background-color: transparent;
                }

        .product-featured .heading-tabs._1.color-pink ul li a:hover, .product-featured .heading-tabs._1.color-pink ul li.active a, .product-featured .heading-tabs._2.color-pink ul li a:hover, .product-featured .heading-tabs._2.color-pink ul li.active a, .product-featured .heading-tabs._3.color-pink ul li a:hover, .product-featured .heading-tabs._3.color-pink ul li.active a {
            background-color: transparent;
            color: #d12853;
            border-color: #d12853;
        }

        .product-featured .heading-tabs._1.color-green ul li a:hover, .product-featured .heading-tabs._1.color-green ul li.active a, .product-featured .heading-tabs._2.color-green ul li a:hover, .product-featured .heading-tabs._2.color-green ul li.active a, .product-featured .heading-tabs._3.color-green ul li a:hover, .product-featured .heading-tabs._3.color-green ul li.active a {
            background-color: transparent;
            color: #81c223;
            border-color: #81c223;
        }

        .product-featured .heading-tabs._1.color-blue ul li a:hover, .product-featured .heading-tabs._1.color-blue ul li.active a, .product-featured .heading-tabs._2.color-blue ul li a:hover, .product-featured .heading-tabs._2.color-blue ul li.active a, .product-featured .heading-tabs._3.color-blue ul li a:hover, .product-featured .heading-tabs._3.color-blue ul li.active a {
            background-color: transparent;
            color: #1680bc;
            border-color: #1680bc;
        }

    .product-featured .featured-slide._1 .owl-next, .product-featured .featured-slide._1 .owl-prev, .product-featured .featured-slide._2 .owl-next, .product-featured .featured-slide._2 .owl-prev, .product-featured .featured-slide._3 .owl-next, .product-featured .featured-slide._3 .owl-prev {
        font-size: 50px;
        background-image: none;
        text-align: center;
        height: inherit;
        top: 50%;
        border-width: 0;
        -moz-opacity: .3;
        -khtml-opacity: .3;
        -webkit-opacity: .3;
        opacity: .3;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
        filter: alpha(opacity=30);
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

        .product-featured .featured-slide._1 .owl-next:hover, .product-featured .featured-slide._1 .owl-prev:hover, .product-featured .featured-slide._2 .owl-next:hover, .product-featured .featured-slide._2 .owl-prev:hover, .product-featured .featured-slide._3 .owl-next:hover, .product-featured .featured-slide._3 .owl-prev:hover {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
            filter: alpha(opacity=100);
            background-color: transparent;
        }

        .product-featured .featured-slide._1 .owl-next:before, .product-featured .featured-slide._1 .owl-prev:before, .product-featured .featured-slide._2 .owl-next:before, .product-featured .featured-slide._2 .owl-prev:before, .product-featured .featured-slide._3 .owl-next:before, .product-featured .featured-slide._3 .owl-prev:before {
            font-family: FontAwesome;
        }

    .product-featured .featured-slide._1 .owl-next, .product-featured .featured-slide._2 .owl-next, .product-featured .featured-slide._3 .owl-next {
        right: 0;
    }

        .product-featured .featured-slide._1 .owl-next:before, .product-featured .featured-slide._2 .owl-next:before, .product-featured .featured-slide._3 .owl-next:before {
            content: '\f105';
        }

    .product-featured .featured-slide._1 .owl-prev, .product-featured .featured-slide._2 .owl-prev, .product-featured .featured-slide._3 .owl-prev {
        left: 0;
    }

        .product-featured .featured-slide._1 .owl-prev:before, .product-featured .featured-slide._2 .owl-prev:before, .product-featured .featured-slide._3 .owl-prev:before {
            content: '\f104';
        }

        .product-featured .featured-slide._2 .owl-next:hover, .product-featured .featured-slide._2 .owl-prev:hover {
            color: #252525;
        }

    .from-blog .heading._1 {
        margin-left: 0;
        margin-right: 0;
    }

    .from-blog .from-blog-cn .owl-next, .from-blog .from-blog-cn .owl-prev {
        background-image: none;
        top: 22%;
        font-size: 50px;
    }

        .from-blog .from-blog-cn .owl-next:before, .from-blog .from-blog-cn .owl-prev:before {
            position: absolute;
            text-align: center;
            text-indent: 0;
            left: 0;
            right: 0;
            content: '';
            color: #d12853;
            font-family: FontAwesome;
        }

    .from-blog .from-blog-cn .owl-prev {
        left: 0;
    }

        .from-blog .from-blog-cn .owl-prev:before {
            content: '\f104';
        }

    .from-blog .from-blog-cn .owl-next {
        right: 0;
    }

        .from-blog .from-blog-cn .owl-next:before {
            content: '\f105';
            right: 0;
        }

    .blog .post-single {
        padding-bottom: 0;
    }

    .blog #comments, .blog .comment-respond {
        margin-top: 25px;
    }

    .post {
        padding-left: 0;
    }

        .post .entry-header .entry-title {
            font-size: 25px;
        }

        .post .entry-header .entry-meta {
            position: static;
            border-width: 0;
            width: inherit;
            padding-top: 10px;
        }

            .post .entry-header .entry-meta li {
                display: inline-block;
                border-width: 0;
                padding: 0;
                margin-top: 10px;
            }

                .post .entry-header .entry-meta li:after {
                    content: '-';
                    padding-left: 10px;
                    padding-right: 10px;
                }

                .post .entry-header .entry-meta li:last-child:after {
                    content: none;
                }

                .post .entry-header .entry-meta li.post-date {
                    text-transform: inherit;
                }

                    .post .entry-header .entry-meta li.post-date span {
                        display: inherit;
                        font-size: 13px;
                        font-weight: 300;
                        margin-left: 5px;
                    }

                .post .entry-header .entry-meta li.post-author a {
                    display: inherit;
                    margin-left: 5px;
                }

                .post .entry-header .entry-meta li.post-comment a {
                    color: #313232;
                }

                    .post .entry-header .entry-meta li.post-comment a:before {
                        content: 'Comment';
                    }

                    .post .entry-header .entry-meta li.post-comment a img {
                        display: none;
                    }

                    .post .entry-header .entry-meta li.post-comment a span {
                        line-height: inherit;
                        padding: 0;
                        font-size: 13px;
                        display: inherit;
                        margin-left: 5px;
                    }

                .post .entry-header .entry-meta li.post-share {
                    padding: 0;
                }

                    .post .entry-header .entry-meta li.post-share:before {
                        content: 'Share: ';
                    }

                    .post .entry-header .entry-meta li.post-share img {
                        display: none;
                    }

                    .post .entry-header .entry-meta li.post-share .share-list {
                        position: static;
                        width: inherit;
                        height: inherit;
                        padding: 0;
                        display: inherit;
                        border-width: 0;
                        visibility: visible;
                        -moz-opacity: 1;
                        -khtml-opacity: 1;
                        -webkit-opacity: 1;
                        opacity: 1;
                        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                        filter: alpha(opacity=100);
                    }

                        .post .entry-header .entry-meta li.post-share .share-list a {
                            display: inherit;
                            font-size: 13px;
                            width: 20px;
                            height: 20px;
                            line-height: 20px;
                            margin-right: 0;
                            margin-left: 10px;
                        }

    #comments .title-comment, .comment-respond .comment-reply-title {
        font-size: 22px;
    }

    .comment-respond .input-text, .comment-respond .textarea {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sub-banner .item .caption._1 {
        width: 100%;
        left: inherit;
    }

        .sub-banner .item .caption._1 p {
            font-size: 36px;
            line-height: 36px;
        }

            .sub-banner .item .caption._1 p:after {
                margin-top: 20px;
                margin-bottom: 20px;
            }

    .sub-banner .item .caption._2 {
        width: 100%;
        text-align: center;
        right: inherit;
    }

        .sub-banner .item .caption._2 p {
            font-size: 36px;
            line-height: 36px;
        }

            .sub-banner .item .caption._2 p:after {
                margin-left: auto;
                margin-right: auto;
            }

    .list-item {
        text-align: center;
    }

        .list-item .image {
            float: none;
            text-align: center;
        }

            .list-item .image img {
                width: 100%;
            }

        .list-item .text {
            margin-left: 0;
            margin-top: 30px;
            clear: both;
            text-align: left;
            margin-right: 0;
            padding-right: 0;
        }

            .list-item .text .group {
                position: static;
                width: inherit;
                margin-top: 5px;
            }

                .list-item .text .group .action .btn {
                    width: inherit;
                }

                    .list-item .text .group .action .btn + .btn {
                        margin-left: 10px;
                    }

                    .list-item .text .group .action .btn span {
                        display: none;
                    }

                    .list-item .text .group .action .btn.btn-add-cart {
                        width: 150px;
                    }

        .list-item._3 .text .group .action .btn {
            width: 40px;
            border-radius: 50%;
        }

            .list-item._3 .text .group .action .btn.btn-add-cart {
                border-radius: 100px;
                width: 150px;
            }

    .list-cn .list-item {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .top-filter .group {
        margin-left: 10px;
    }

        .top-filter .group .filter, .top-filter .group .filter-select {
            padding-left: 15px;
            padding-right: 15px;
        }

    .product-detail > .container > .row .col-l, .product-detail > .container > .row .col-r {
        width: 100%;
    }

    .product-detail > .container > .row .col-r {
        margin-top: 30px;
    }

    .product-image {
        display: inline-block;
    }

    .product-related {
        margin-top: 50px;
    }

        .product-related .heading._1, .product-related .heading._3 {
            margin-left: 0;
            margin-right: 0;
        }

    .related-cn._1 .owl-next, .related-cn._1 .owl-prev, .related-cn._3 .owl-next, .related-cn._3 .owl-prev {
        background-image: none;
        top: 22%;
        font-size: 50px;
    }

        .related-cn._1 .owl-next:before, .related-cn._1 .owl-prev:before, .related-cn._3 .owl-next:before, .related-cn._3 .owl-prev:before {
            position: absolute;
            text-align: center;
            text-indent: 0;
            left: 0;
            right: 0;
            content: '';
            color: #252525;
            font-family: FontAwesome;
        }

    .related-cn._1 .owl-prev, .related-cn._3 .owl-prev {
        left: 0;
    }

        .related-cn._1 .owl-prev:before, .related-cn._3 .owl-prev:before {
            content: '\f104';
        }

    .related-cn._1 .owl-next, .related-cn._3 .owl-next {
        right: 0;
    }

        .related-cn._1 .owl-next:before, .related-cn._3 .owl-next:before {
            content: '\f105';
            right: 0;
        }

    .partner .partner-detail-3 {
        margin-top: 0;
    }

    .table-cn {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-cn .table {
            width: 720px;
            border-top-width: 1px;
            border-bottom-width: 1px;
        }

    .check-out-cn .check-out-step {
        width: 50px;
    }

        .check-out-cn .check-out-step li {
            position: relative;
            overflow: inherit;
        }

            .check-out-cn .check-out-step li:before {
                float: none;
            }

            .check-out-cn .check-out-step li span {
                position: absolute;
                width: 200px;
                padding: 10px;
                background-color: #eee;
                right: -199px;
                top: 0;
                z-index: 1;
                visibility: hidden;
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                filter: alpha(opacity=0);
                -webkit-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

            .check-out-cn .check-out-step li.current span {
                top: -2px;
                border: 1px solid #e1e1e1;
                border-left-width: 0;
                background-color: #fff;
            }

            .check-out-cn .check-out-step li:hover span {
                visibility: visible;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                filter: alpha(opacity=100);
            }

    .check-out-cn .check-out-form {
        margin-left: 50px;
    }

    .page-404 .page-404-cn {
        position: static;
        padding: 70px 0 100px;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

        .page-404 .page-404-cn h2 {
            font-size: 70px;
        }

        .page-404 .page-404-cn p {
            font-size: 20px;
        }

        .page-404 .page-404-cn .search-page {
            margin-top: 50px;
        }

    .lookbook-item .text {
        padding-top: 0;
    }

        .lookbook-item .text h2, .lookbook-item .text h3 {
            font-size: 30px;
            line-height: 39px;
        }

    .collection {
        margin-top: 30px;
    }

    .collection-item .text {
        padding: 15px;
    }

        .collection-item .text h2, .collection-item .text h3 {
            font-size: 20px;
        }

    .shipping-item {
        min-height: inherit;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .shipping-item .inner {
            position: static;
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
        }

    .portfolio-slide .owl-next, .portfolio-slide .owl-prev {
        top: 50%;
        bottom: inherit;
        font-size: 50px;
        background-color: transparent;
        width: inherit;
        height: inherit;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .portfolio-slide .owl-next {
        right: 15px;
    }

    .portfolio-slide .owl-prev {
        left: 15px;
    }

    .portfolio-dt .portfolio-info, .portfolio-dt .portfolio-text {
        margin-top: 40px;
    }

    .bg-fixed, .bg-parallax {
        background-attachment: scroll;
        -webkit-background-size: auto;
        background-size: auto;
    }

    .breakcrumb h3 {
        display: none;
    }
}

@media (max-width:600px) {
    .shipping-top .item .text h2 {
        font-size: 14px;
    }

    .list-item .text {
        padding-right: 0;
    }

        .list-item .text .hr._1, .list-item .text .hr._2, .list-item .text .sku {
            margin-top: 10px;
        }

        .list-item .text .group .price-box {
            margin-top: 15px;
        }

        .list-item .text .group .share {
            margin-top: 20px;
        }

    .show-page, .sort {
        display: none;
    }

    .grid-item .text .action .btn.add-cart {
        padding: 0;
        font-size: 14px;
        line-height: 38px;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 50%;
    }

        .grid-item .text .action .btn.add-cart span {
            display: none;
        }

    .grid-item .text .action .btn i {
        margin-right: 0;
    }

    .portfolio .row .portfolio-cn [class*=col-] {
        width: 100%;
    }
}

@media (max-width:480px) {
    .header._1 .header-cn .top-menu .flags, .header._2 .header-cn .top-menu .flags, .header._3 .header-cn .top-menu .flags {
        display: none;
    }

    .header._1 .header-cn .top-menu .box ul, .header._2 .header-cn .top-menu .box ul, .header._3 .header-cn .top-menu .box ul {
        text-align: center;
        float: none;
    }

        .header._1 .header-cn .top-menu .box ul li, .header._2 .header-cn .top-menu .box ul li, .header._3 .header-cn .top-menu .box ul li {
            float: none;
            display: inline-block;
        }

    .header._1 .header-cn .search-h, .header._2 .header-cn .search-h, .header._3 .header-cn .search-h {
        width: 80%;
    }

    .slide-watch-cn .item .text h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .slide-watch-cn .item .text p {
        display: none;
    }

    .slide-watch-cn .owl-pagination {
        bottom: -20px;
    }

    .shipping-top .row [class*=col-] {
        width: 100%;
    }

    .shipping-top .item {
        text-align: left;
    }

        .shipping-top .item .img {
            float: left;
            display: block;
            margin-right: 30px;
        }

            .shipping-top .item .img:after {
                bottom: inherit;
                right: 0;
                top: 50%;
                border-bottom-color: transparent;
                border-right-color: #fff;
                left: inherit;
                -webkit-transform: translate(0,-50%);
                -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
            }

            .shipping-top .item .img .icon {
                top: 0;
                bottom: 0;
                left: inherit;
                right: -15px;
                -webkit-transform: translate(0,0);
                -ms-transform: translate(0,0);
                transform: translate(0,0);
            }

        .shipping-top .item .text {
            margin-top: 40px;
        }

    .block .block-cn .row [class*=col-], .new-arrivals-cn .row [class*=col-] {
        width: 100%;
    }

    .trend-rated-item .img {
        max-width: 100px;
    }

    .trend-rated-item .text .price-box .special-price .price {
        font-size: 16px;
    }

    .banner .row [class*=col-], .grid-cn-1 > .row > [class*=col-], .grid-cn-2 > .row > [class*=col-], .grid-cn-3 > .row > [class*=col-] {
        width: 100%;
    }

    .top-filter .filter, .top-filter .filter-cn.show-view {
        display: none;
    }

    .product-text .add-to-box .input-content {
        float: none;
        clear: both;
        overflow: hidden;
    }

    .product-text .add-to-box .add-to-cart {
        margin-left: 0;
    }

    .product-text .add-to-box .add-to-user {
        margin-left: 20px;
    }

        .product-text .add-to-box .add-to-user .btn span {
            display: none;
        }

        .product-text .add-to-box .add-to-user .btn-12 {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            padding: 0;
            text-align: center;
            line-height: 38px;
        }

    blockquote {
        padding-left: 70px;
    }

        blockquote:before {
            width: 40px;
            height: 40px;
            font-size: 14px;
            line-height: 40px;
            left: 10px;
        }

        blockquote p {
            font-size: 14px;
            font-style: italic;
        }

    .post .entry-header .entry-title {
        font-size: 22px;
    }

    .page-404 .page-404-cn h2 {
        font-size: 40px;
    }

        .page-404 .page-404-cn h2 span {
            margin-right: 15px;
        }

    .page-404 .page-404-cn p {
        font-size: 14px;
    }

    .page-404 .page-404-cn .search-page {
        margin-top: 30px;
    }

    .shop-button .btn {
        display: block;
        width: 100%;
    }

        .shop-button .btn + .btn {
            margin-top: 15px;
        }

    .check-out-cn .check-out-form .row {
        margin-left: -15px;
        margin-right: -15px;
    }

        .check-out-cn .check-out-form .row [class*=col-] {
            padding-left: 15px;
            padding-right: 15px;
            width: 100%;
        }

    .lookbook-item .text h2, .lookbook-item .text h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .lookbook-item .text p {
        padding-left: 0;
        padding-right: 0;
    }

    .collection {
        margin-top: 50px;
    }

        .collection > .container > .row {
            margin-left: -15px;
            margin-right: -15px;
        }

            .collection > .container > .row > [class*=col-] {
                padding-left: 15px;
                padding-right: 15px;
                width: 100%;
            }

    .collection-item .text h2, .collection-item .text h3 {
        font-size: 24px;
    }

    .portfolio-info ul li p {
        float: none;
        margin-left: 30px;
        margin-top: 10px;
    }

    footer {
        padding-top: 10px;
    }

        footer [class*=col-] {
            width: 100%;
        }

        footer .title-f {
            margin-top: 35px;
        }

        footer .footer-b {
            margin-top: 30px;
        }
}

@media (max-width:320px) {
    .header-blue .header-cn .logo, .header-pink .header-cn .logo {
        width: 230px;
    }

    .heading._1 h2 {
        font-size: 16px;
    }

    .heading._1.text-center h2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .heading._2 h2 {
        padding: 0 10px;
        font-size: 14px;
    }

    .heading._3 h2 {
        font-size: 14px;
    }

    .paging-p li {
        margin-left: 0;
        margin-right: 0;
    }

        .paging-p li a {
            padding-left: 8px;
            padding-right: 8px;
        }
}
