/*-----------------------------------------------------------------------------------

    Template Name: Noraure-eCommerce-bootstrap-template 
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. index
    3. index-2
    4. index-3
    5. index-4
    6. index-5
    7. index-6
    8. contact
    9. blog
    10. blog-details
    11. shop
    12. my-account page
    13. wish-list
    14. checkout
    15. login
    16. shopping-cart
    17. single-product
    18. scrollUp
    19. Quick view

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html,
body {
    height: 100%;
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.aligncenter {
    display: block;
    margin: 0 auto 15px
}

a:focus {
    outline: 0px solid
}

img {
    max-width: 100%;
    height: auto
}

.fix {
    overflow: hidden
}

p {
    margin: 0 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
}

a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

a:hover {
    color: #ec4445;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0 none;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.clear {
    clear: both
}

::-moz-selection {
    background: #84d8c9;
    text-shadow: none;
}

::selection {
    background: #a0e3d7;
    text-shadow: none;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body {
    color: #747474;
    font-family: Poppins, "Nunito", -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
    letter-spacing: 3px;
}

.slider-active-two .col-md-4 {
    width: 100%;
}



@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

/*--------------------- 2. index-1--------------------*/
.header-area .header-top {
    background: #181818 none repeat scroll 0 0;
    color: #ffffff;
    padding: 10px 0;
}

.logo.floatleft>a {
    line-height: 100px;
}

.header-area .widget {
    float: right;
}

.design-area.again-design.theard {
    padding: 70px 0;
}

.widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget ul>li {
    border-right: 1px solid #575757;
    display: inline-block;
    line-height: 13px;
    padding: 0 10px;
}

.widget ul>li>a {
    color: #ffffff;
}

.widget ul>li>a:hover {
    opacity: 0.7;
}

.header-area .header-menu {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #ffffff;
    left: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 9999;
}

.header-area .header-menu.stick {
    position: fixed;
    top: 0;
    background: #000000 none repeat scroll 0 0;
}

.header-menu.stick .muti_menu ul li a,
.header-menu.stick .logo.floatleft>a,
.header-menu.stick .tb-menu-sidebar .search-item>a,
.header-menu.stick .top-shop-title>a {
    line-height: 80px;
}

.header-menu.stick .top-shop-title a span.count {
    top: 23px;
}

.header-wrapper {
    position: relative;
}

.header-wrapper::before,
.header-wrapper::after {
    clear: both;
    content: "";
    display: table;
}

.menu-cart {
    float: right;
}

.muti_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.muti_menu ul li {
    float: left;
    display: inline-block;
}

.muti_menu ul li a {
    color: #fff;
    display: inline-block;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 14px;
    font-style: normal;
    padding: 0px 20px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    line-height: 100px;
}

.muti_menu ul li a:hover {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.muti_menu ul li .mega-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    display: none;
    left: 0;
    max-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 23px 30px 10px;
    position: absolute;
    text-align: left;
    top: 100%;
    visibility: visible;
    width: 100%;
    z-index: -999;
}

.muti_menu ul li .rayed {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    display: none;
    margin: 0;
    max-height: 0;
    max-width: 0;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    visibility: visible;
    width: 220px;
    z-index: -999;
}

.muti_menu ul li:hover .mega-menu,
.muti_menu ul li:hover .rayed {
    max-height: 3000px;
    max-width: 3000px;
    display: block;
    animation: 0.4s ease 0s normal both 1 running fadeInUp;
    z-index: 5000;
}

.muti_menu ul li .mega-menu .tas,
.muti_menu ul li .rayed .tas {
    float: left;
    padding-bottom: 20px;
    width: 29.33%;
    margin-right: 20px;
}

.muti_menu ul li .rayed.ru .tas {
    margin-right: 0px;
    padding-bottom: 0px;
    width: 100%;
}

.muti_menu ul li .mega-menu .tas a {
    border-top: 1px solid rgba(170, 170, 170, 0.2);
    color: #747474;
    display: block;
    font-family: inherit;
    font-size: 13px;
    line-height: 38px;
    padding: 0 0 0 0px;
    text-transform: inherit;
}

.muti_menu ul li .rayed.ru .tas a {
    border-bottom: 1px solid rgba(170, 170, 170, 0.2);
    color: #747474;
    display: block;
    font-family: inherit;
    font-size: 13px;
    line-height: 38px;
    padding: 0 0 0 20px;
    text-transform: inherit;
}

.muti_menu ul li .mega-menu .tas a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #84d8c9;
    padding-left: 5px;
}

.muti_menu ul li .rayed .tas a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #84d8c9;
}

.muti_menu ul li .mega-menu .tas .hedding-border a,
.muti_menu ul li .rayed .tas .hedding-border a {
    color: #474747;
    text-transform: uppercase;
    width: bold;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 14px;
    font-style: normal;
}

h3.hedding-border {
    margin-bottom: 0;
}

.muti_menu ul li .mega-menu .tas .hedding-border a:hover,
.muti_menu ul li .rayed .tas .hedding-border a:hover {
    color: #84d8c9;
    padding-left: 0px;
}

.muti_menu ul li .mega-menu .tas a:hover {
    background: none repeat scroll 0 0 transparent !important;
}

.muti_menu ul li .rayed.ru {
    padding: 0px 0;
}

.muti_menu ul li .rayed .tas a :last-child {
    border-bottom: medium none;
}

.muti_menu ul li .mega-menu .tas a:first-child {
    border-top: medium none;
}

.tas2 {
    float: left;
    width: 50%;
}

.tas1 {
    float: left;
    width: 50%;
}

.tas1.tas3 {
    float: left;
    width: 100%;
}

.muti_menu ul li .mega-menu .tas1.tas3 .tas {
    float: left;
    margin-right: 20px;
    padding-bottom: 20px;
    width: 14.96%;
}

.tas4 {
    float: left;
    margin: 0 -15px;
}

.menu-img.im3 {
    float: left;
    padding: 0 15px;
    width: 50%;
}

.menu-img.im3>a {
    display: block;
    padding: 0px 0 39px;
}

.muti_menu ul li .mega-menu .tas1.tas3 .tas.mrgn-none {
    margin-right: 0px;
}

.menu-img.ist>a {
    padding: 25px 0 38px;
}

.muti_menu ul li a.active {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.tb-menu-sidebar {
    display: inline-block;
    vertical-align: middle;
}

.tb-menu-sidebar .search-item {
    display: inline-block;
    position: relative;
}

.tb-menu-sidebar .search-item>a {
    display: block;
    font-size: 14px;
    line-height: 100px;
    padding: 0 12px;
    transition: all 0.4s ease 0s;
    color: #fff;
}

.tb-menu-sidebar .search-item>a:hover {
    color: #84d8c9;
}

.tb-menu-sidebar .widget_searchform_content {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    display: none;
    min-width: 300px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 100%;
}

.tb-menu-sidebar .widget_searchform_content.active {
    animation: 0.4s ease 0s normal both 1 running fadeInUp;
    display: block;
    z-index: 99999999;
}

.tb-menu-sidebar .widget_searchform_content>form,
.blog-area .widget_searchform_content>form {
    padding-right: 80px;
    position: relative;
}

.tb-menu-sidebar .widget_searchform_content>form>input,
.blog-area .widget_searchform_content>form>input {
    background: transparent none repeat scroll 0 0;
    height: 40px;
    margin: 0;
}

.tb-menu-sidebar input[type="text"],
.blog-area .widget_searchform_content input[type="text"] {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    line-height: 28.8px;
    outline: medium none;
    padding: 5px 15px;
    transition: all 0.4s ease 0s;
    width: 100%;
    color: #444;
}

.tb-menu-sidebar .widget_searchform_content>form>input[type="submit"],
.blog-area .widget_searchform_content>form>input[type="submit"] {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
    color: #ffffff;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 80px;
    border: 1px solid #84d8c9;
}

.tb-menu-sidebar input[type="text"]:focus {
    border-color: #84d8c9;
}

.top-shop-title a span.count {
    background: #84d8c9 none repeat scroll 0 0;
    border: 2px solid #84d8c9;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    line-height: 14px;
    position: absolute;
    right: -1px;
    text-align: center;
    top: 33px;
    width: 18px;
}

.wish-cart {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    color: #999;
    display: none;
    font-size: 12px;
    padding: 10px 20px;
    position: absolute;
    right: 0px;
    top: 100%;
    transition: all 0.5s ease 0s;
    width: 360px;
}

.wish-cart.active {
    animation: 0.4s ease 0s normal both 1 running fadeInUp;
    display: block;
    z-index: 999999999;
}

.cat {
    margin-bottom: 10px;
}

.cat img {
    border: 1px solid #ddd;
    float: left;
    height: 100px;
    margin-bottom: 5px;
    width: 100px;
}

.top-cart {
    border-left: 1px solid #ddd;
    float: right;
    padding: 25px 15px;
}

.cat {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 15px 0 15px 0px;
    border-bottom: 1px solid #eee;
}

.cat a.image {
    border: medium none;
    color: #5c5c5c;
    float: left;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    width: 100px;
}

.cat_two {
    display: block;
    float: left;
}

.cat p {
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 22px;
    color: #747474;
}

.cat p a {
    color: #747474;
}

.cat_icon {
    position: absolute;
    right: 0;
    top: 40%;
}

.cat a i {
    background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 100%;
    color: #f59997;
    font-size: 11px;
    height: 15px;
    margin-left: 7px;
    text-align: center;
    width: 17px;
}

.top-shop-title>a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 100px;
    padding: 0 12px;
    transition: all 0.4s ease 0s;
}

.cat_bottom .total {
    color: #363636;
    font-size: 18px;
    font-weight: 400;
    padding-top: 15px;
    text-transform: uppercase;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.cat_bottom .total>strong {
    font-weight: 400;
    margin-right: 40px;
}

.cat_bottom .total>span {
    font-size: 16px;
    font-weight: 400;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.cat_bottom .buttons>a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 20px;
    color: #747474;
    display: block;
    float: none !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    transition: all 0.5s ease 0s;
}

.cat_bottom .buttons>a.wc-forward {
    margin-bottom: 15px;
}

.cat_bottom .buttons>a:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
    color: #ffffff;
}

.cat_two span {
    color: #484848;
    font-size: 16px;
    font-weight: 400;
}

span.agn {
    color: #747474;
    font-size: 19px;
    font-weight: 400;
}

.cat_icon>a.remove {
    background: #84d8c9 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 15px;
}

.main-slider {
    position: relative;
}

.bend.niceties.preview-2 {
    position: relative;
}

.an-si .preview-2 .nivo-controlNav {
    bottom: 0;
    left: 49%;
    position: absolute;
    z-index: 91;
    display: none;
}

.slide-all {
    display: block;
    float: right;
    margin-right: 10%;
    margin-top: 23%;
    text-align: center;
}

.slide-all2 {
    display: block;
    float: left;
    margin-left: 20%;
    margin-top: 20%;
    text-align: center;
}

h1.title5 {
    font-size: 30px;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-weight: lighter;
}

h2.title6 {
    font-size: 79px;
    font-weight: 400;
    letter-spacing: 7px;
    line-height: 79px;
    text-transform: uppercase;
    margin: 0;
}

p.title0 {
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 8px;
    line-height: 22px;
    text-transform: uppercase;
}

a.min1 {
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    padding: 10px 31px;
    line-height: 72px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s !important;
    font-weight: bold;
}

h2.title5.s3 {
    font-size: 26px;
    font-weight: lighter;
    letter-spacing: 15px;
}

h1.title6.s3 {
    font-size: 64px;
    font-weight: 700;
    line-height: 117px;
}

p.title0.s3 {
    letter-spacing: 14px;
}

a.min1:hover {
    color: #84d8c9;
    background-color: #fff;
}

a {
    color: #84d8c9;
}

.design-area {
    padding: 70px 0 40px;
}

.design-area .tb-info-box {
    margin-bottom: 30px;
    position: relative;
}

.design-area .tb-info-box .tb-image {
    display: inline-block;
    line-height: 0;
    max-width: 370px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 48%;
}

.design-area .tb-info-box .tb-image::after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 15px;
}

.design-area .tb-info-box .tb-image.tb-right::after {
    left: -8px;
    right: auto;
}

.design-area .tb-info-box:hover .tb-image>img {
    opacity: 0.8;
    transform: scale(1.2);
}

.design-area .tb-info-box .tb-image>img,
.ro-info-box-wrap.tpl3 .tb-image>img {
    height: auto;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.design-area .tb-info-box .tb-content {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 49%;
}

.design-area .tb-info-box .tb-content>h5,
.tb-content-inner>h5 {
    color: #353535;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 42px;
    margin-bottom: 0;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.design-area .tb-info-box .tb-content>h3,
.tb-content-inner>h3 {
    color: #353535;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 42px;
    margin-bottom: 20px;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.design-area .tb-info-box .tb-content>h6>a,
.tb-content-inner>h6>a {
    border-top: 1px solid #9c9c9c;
    color: #9c9c9c;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 27px;
    padding-top: 5px;
    transition: all 0.4s ease 0s;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.design-area .tb-info-box .tb-content>h6>a:hover,
.tb-content-inner>h6>a:hover {
    color: #84d8c9;
}

.design-area .tb-info-box:hover .tb-content>h6>a {
    border-top: 1px solid #84d8c9;
}

.ro-info-box-wrap.tpl3:hover .tb-content-inner>h6>a {
    border-top: 1px solid #84d8c9;
}

.design-area .tb-info-box .tb-content>h6,
.tb-content-inner>h6 {
    margin-bottom: 0;
}

.tb-info-box.bt-no {
    margin-bottom: 0;
}

.ro-info-box-wrap.tpl3 {
    max-width: 370px;
    overflow: hidden;
    position: relative;
}

.ro-info-box-wrap.tpl3 .tb-content .tb-content-inner {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    padding: 40px 10px;
}

.ro-info-box-wrap.tpl3 .tb-content {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.ro-info-box-wrap.tpl3:hover .tb-image>img {
    opacity: 0.8;
    transform: scale(1.2);
}

.ro-info-box-wrap.tpl3 .tb-image>img {
    height: auto;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.product-area {
    background: rgba(0, 0, 0, 0) url("img/bg-img/bg-have-overlay.jpg");
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.product-top {
    background: rgba(53, 53, 53, 0.5) none repeat scroll 0 0;
}

.pro-text h3 {
    color: #fff;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 29px;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
    text-transform: uppercase;
}

.pro-text::after {
    background: rgba(0, 0, 0, 0) url("assets/images/underline-style-1.png") no-repeat scroll 0 0;
}

.product-area .tb-product-item-inner .onsale,
.product-tab-area .tb-product-item-inner .onsale,
.design-area .tb-product-item-inner .onsale,
.shop-area .tb-product-item-inner .onsale,
.single-pro-area7 .tb-product-item-inner .onsale {
    background: #ba2222 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    box-shadow: 1px 1px 0 1px #dadada;
    color: #f8e5d7;
    font-size: 13px;
    font-weight: 400;
    height: 44px;
    left: 15px;
    line-height: 44px;
    padding: 0;
    right: -10px;
    text-shadow: initial;
    top: 15px;
    width: 44px;
    z-index: 9;
    display: block;
    text-align: center;
    position: absolute;
    letter-spacing: 1.3px;

}

.tb-product-item-inner {
    position: relative;
}

.product-area .tb-product-item-inner:hover .tb-item-content-info {
    opacity: 1;
}

.product-area .tb-item-content-info {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    height: 90%;
    left: 5%;
    opacity: 0;
    position: absolute;
    top: 5%;
    transition: all 0.4s ease 0s;
    width: 90%;
    z-index: 8;
}

.product-area .tb-item-content-info-inner {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.product-area .tb-item-content-info .tb-product-title a,
.tb-beg a {
    color: #747474;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    font-weight: 400;
}

.product-area .tb-product-price,
.product-tab-area .tb-product-price,
.modal-content .tb-product-price,
.home-3 .tb-product-price,
.top-shop-sidebar .tb-product-price,
.shop-area .tb-product-price,
.single-product-area .tb-product-price {
    color: #484848;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    transition: all 0.4s ease 0s;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.product-area .tb-product-price span.amount,
.product-tab-area .tb-product-price span.amount,
.modal-content .tb-product-price span.amount,
.shop-area .tb-product-price span.amount {
    color: #c5c5c5;
    font-size: 12px;
    line-height: 12px;
    margin-right: 10px;
    position: relative;
    text-decoration: none;
}

.product-area .tb-product-price span.amount::before,
.product-tab-area .tb-product-price span.amount::before,
.modal-content .tb-product-price span.amount::before,
.shop-area .tb-product-price span.amount::before {
    border-top: 1px solid #c5c5c5;
    content: "";
    left: -3px;
    position: absolute;
    top: 10px;
    transform: rotate(-15deg);
    width: 120%;
}

.product-area .tb-product-price span.amount2,
.product-tab-area .tb-product-price span.amount2,
.modal-content .tb-product-price span.amount2 {
    color: #484848;
    line-height: 36px;
    /*text-decoration: underline;*/
}

.product-area .tb-product-btn a,
.home-3 .tb-product-btn a,
.shop-area .li-item .tb-product-btn a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 40px;
    color: #757575;
    display: inline-block;
    height: 40px;
    margin: 10px 2px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 40px;
    line-height: 39px;
}

.product-area .tb-product-btn a:hover,
.product-tab-area .last-cart a.las3:hover,
.home-3 .tb-product-btn a:hover,
.shop-area .last-cart a.las3:hover,
.shop-area .li-item .tb-product-btn a:hover {
    background: #84d8c9 none repeat scroll 0 0;
    color: #ffffff;
}

.product-tab-area .last-cart a.las3,
.design-area .last-cart a.las3,
.shop-area .last-cart a.las3,
.single-pro-area7 .last-cart a.las3 {
    line-height: 39px;
    color: #757575;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 40px;
    display: inline-block;
    height: 40px;
    margin-left: 0;
    margin-right: 10px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all 0.4s ease 0s;
    vertical-align: middle;
    width: 0;
}

.single-pro-area7 .last-cart a.las3:hover {
    background: #84d8c9 none repeat scroll 0 0;
    color: #ffffff;
}

.design-area .last-cart a.las3:hover {
    background: #84d8c9 none repeat scroll 0 0;
    color: #ffffff;
}

.product-tab-area .last-cart a.las3.las7,
.design-area .last-cart a.las3.las7 {
    margin-left: 10px;
}

.tb-product-item-inner.tb2.pct-last:hover .last-cart a.las3 {
    opacity: 1;
    width: 40px;
}

.last-cart.l-mrgn {
    margin-top: 10px;
}

.last-cart a.last1 {
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    color: #747474;
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 130px;
    padding: 7px 3px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.last-cart a.las4 {
    background-color: #ffffff;
    border: 1px solid #747474;
    border-radius: 30px;
    color: #747474;
    display: inline-block;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 30px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;

}

.last-cart a.full {
    width: 100%;
}

.last-cart a.last1:hover,
.last-cart a.las4:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
    color: #ffffff;
}

.tb-product-item-inner.tb2 {
    margin-bottom: 30px;
}

.product-area .tb-product-price span.amount2.tno {
    text-decoration: none;
}

.pro-text {
    padding: 70px 0 35px;
}

.tb-product-item-inner img {
    width: 100%;
}

.tb-product-item-inner>a {
    display: block;
}

.view-all {
    margin-bottom: 50px;
    overflow: hidden;
    padding-top: 50px;
    position: relative;
}

.view-all a {
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding: 9px 42px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.view-all a:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
}

.view-all::after,
.view-all::before {
    background: #fff none repeat scroll 0 0;
    bottom: 19px;
    content: "";
    height: 1px;
    position: absolute;
    width: 43%;
}

.view-all::before {
    left: 0;
}

.view-all::after {
    right: 0;
}

.free-shopping-area .tb-service {
    margin: 0 auto 74px;
    max-width: 370px;
    position: relative;
    text-align: center;
}

.free-shopping-area .tb-service .tb-icon {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    height: 80px;
    line-height: 78px;
    margin-bottom: 25px;
    transition: all 0.4s ease 0s;
    width: 80px;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.free-shopping-area .tb-service:hover .tb-icon {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
}

.free-shopping-area .tb-service .tb-title::after {
    border-top: 1px solid #9f8364;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all 0.4s ease 0s;
    width: 30px;
}

.free-shopping-area .tb-service:hover .tb-title::after {
    border-color: #84d8c9;
}

.free-shopping-area .tb-service .tb-title {
    color: #9f8364;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 18px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    position: relative;
}

.free-shopping-area .tb-service .tb-content {
    color: #9f8364;
    font-size: 13px;
    line-height: 22px;
    font-size: 13px;
}

.free-shopping-area {
    padding-top: 70px;
}

.features-curosel2 .col-md-3 {
    width: 100%;
}

.tb-product-item-inner.tb2.pct-last {
    position: relative;
}

.tb-product-item-inner.tb2.pct-last a.la-icon,
.home-3 .tb-product-item .tb-image a.la-icon {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-radius: 50%;
    color: #585858;
    display: inline-block;
    font-size: 20px;
    height: 60px;
    left: 50%;
    line-height: 60px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 32%;
    transform: translateX(-50%) translateY(-50%) scale(0.6);
    transition: all 0.4s ease 0s;
    width: 60px;
}

.tb-product-item-inner.tb2.pct-last a.la-icon:hover,
.home-3 .tb-product-item .tb-image a.la-icon:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
}

.tb-product-item-inner.tb2.pct-last:hover a.la-icon,
.home-3 .tb-product-item:hover a.la-icon {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
    font-size: 12px;
}

.tb-product-item-inner.tb2.pct-last .tb-content {
    padding: 20px 10px;
    text-align: center;
}

.nav.nav-tabs {
    display: inline-block;
    text-align: center;
}

.product-tab-area .vc_tta-tab::before,
.design-area .vc_tta-tab::before {
    background: #cacaca none repeat scroll 0 0;
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    top: 14px;
    width: 2px;
}

.product-tab-area .vc_tta-tab.active::after,
.design-area .vc_tta-tab.active::after {
    background: rgba(0, 0, 0, 0) url("../img/icon-img/underline-style-2.png") no-repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50px;
    transform: translateX(-50%);
    width: 87px;
    z-index: 9;
}

.product-tab-area .vc_tta-tab,
.design-area .vc_tta-tab {
    display: inline-block;
    margin-bottom: 50px;
    position: relative;
    margin-left: -1px;
    margin-top: -1px;
}

.product-tab-area .vc_tta-tab.active>a,
.design-area .vc_tta-tab.active>a {
    color: #383838;
    background: transparent none repeat scroll 0 0;
}

.product-tab-area .vc_tta-tab>a,
.design-area .vc_tta-tab>a {
    border: medium none;
    color: #cacaca;
    font-size: 22px;
    line-height: 18px;
    transition: all 0.4s ease 0s;
    font-weight: 600;
    box-sizing: border-box;
    display: block;
    padding: 14px 20px;
}

.product-tab-area .vc_tta-tab>a:hover,
.design-area .vc_tta-tab>a:hover {
    background: transparent none repeat scroll 0 0;
}

.features-tab .nav-tabs>li.active>a,
.features-tab .nav-tabs>li.active>a:focus,
.features-tab .nav-tabs>li.active>a:hover {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #383838;
}

.product-tab-area .nav-tabs,
.design-area .nav-tabs {
    border-bottom: none;
}

.product-tab-area {
    padding-bottom: 25px !important;
    padding-top: 70px !important;
}

.indicator-style2.owl-theme .owl-controls .owl-buttons div {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    color: #757575;
    font-size: 20px;
    height: 40px;
    line-height: 32px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 110px;
    transition: all 0.4s ease 0s;
    width: 40px;
}

.indicator-style2.owl-theme .owl-controls .owl-buttons div:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
    color: #ffffff;
}

.indicator-style2.owl-theme:hover .owl-controls .owl-buttons div {
    opacity: 1;
}

.indicator-style2 .owl-prev {
    left: -150px;
}

.indicator-style2 .owl-next {
    right: -150px;
}

.indicator-style2:hover .owl-prev {
    left: -50px;
}

.indicator-style2:hover .owl-next {
    right: -50px;
}

.features-curosel2,
.slider-active-two {
    position: relative;
    z-index: 1;
}

.features-curosel2::before,
.slider-active-two::before {
    content: "";
    height: 100%;
    left: -60px;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: -1;
}

.features-curosel2::after,
.slider-active-two::after {
    content: "";
    height: 100%;
    position: absolute;
    right: -60px;
    top: 0;
    width: 60px;
    z-index: -1;
}

.lastest-area .lastest-from::after,
.design-area .lastest-from::after {
    background: rgba(0, 0, 0, 0) url("../img/icon-img/underline-style-2.png") no-repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 39px;
    transform: translateX(-50%);
    width: 87px;
    z-index: 9;
}

.lastest-from>h3 {
    color: #373737;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 29px;
    opacity: 1;
    text-transform: uppercase;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
}

.lastest-area .tb-post-item,
.blog-area .tb-post-item {
    margin: 0 auto 30px;
    position: relative;
}

.lastest-area .tb-post-item .tb-thumb,
.blog-area .tb-post-item .tb-thumb {
    line-height: 0;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease 0s;
}

.lastest-area .tb-post-item .tb-thumb .tb-publish,
.blog-area .tb-post-item .tb-thumb .tb-publish {
    background: #686868 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    left: 0;
    line-height: 24px;
    padding: 10px 20px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    transition: all 0.4s ease 0s;
}

.lastest-area .tb-content7 a h4.tb-titlel,
.blog-area .tb-content7 a h4.tb-titlel {
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.lastest-area .tb-content7 a h4.tb-titlel:hover,
.blog-area .tb-content7 a h4.tb-titlel:hover {
    color: #84d8c9;
}

.lastest-area .tb-post-item .tb-content7 .tb-excerpt,
.blog-area .tb-post-item .tb-content7 .tb-excerpt {
    color: #6e6e6e;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.lastest-from {
    margin-bottom: 34px;
    overflow: hidden;
}

.lastest-area {
    background-color: #f4f4f4 !important;
    padding-bottom: 40px !important;
    padding-top: 70px !important;
}

.lastest-area .tb-thumb>img,
.blog-area .tb-thumb>img {
    height: auto;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.lastest-area .tb-post-item:hover .tb-thumb>img,
.blog-area .tb-post-item:hover .tb-thumb>img {
    transform: scale(1.2);
}

.lastest-area .tb-post-item:hover .tb-thumb,
.blog-area .tb-post-item:hover .tb-thumb {
    opacity: 0.6;
}

.footer-area .footer-top {
    padding: 55px 0 40px;
    background-color: #212121;
}

.footer-area .footer-top .first-footer h3,
.footer-area .footer-top .last-footer h3 {
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 9px;
    text-transform: uppercase;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 29px;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
}

.footer-area .footer-top .first-footer ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footer-area .footer-top .first-footer ul li {
    margin-bottom: 10px;
    padding-left: 50px;
    position: relative;
}

.footer-area .footer-top .first-footer ul li a {
    color: #ddd;
}

.footer-area .footer-top .first-footer ul li a i {
    background-clip: padding-box;
    border: 1px solid #727272;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 33px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 33px;
}

.footer-area .footer-top .first-footer ul.f-none li {
    margin-bottom: 7px;
    padding-left: 0px;
}

.footer-area .footer-top .first-footer ul.f-none li a {
    transition: all 0.4s ease 0s;
}

.footer-area .footer-top .first-footer ul.f-none li a:hover {
    color: #fff;
}

.last-footer .newsletter form {
    overflow: hidden;
    padding-right: 90px;
    position: relative;
}

.last-footer .newsletter form input {
    background: #121212 none repeat scroll 0 0 padding-box;
    border: 0 none transparent;
    border-radius: 30px 0 0 30px;
    box-shadow: none;
    height: 34px;
    margin: 0;
    padding: 0 15px;
}

.last-footer .newsletter form input[type="email"] {
    line-height: 28.8px;
    outline: medium none;
    transition: all 0.4s ease 0s;
    width: 100%;
    color: #ddd;
}

.last-footer .newsletter form input:focus {
    color: #ddd;
}

.last-footer .newsletter form input[type="submit"] {
    background: #494949 none repeat scroll 0 0 padding-box;
    border-radius: 0 30px 30px 0;
    color: #ffffff;
    font-size: 12px;
    line-height: 35px;
    text-transform: uppercase;
}

.last-footer .newsletter form p:last-child {
    position: absolute;
    right: 0;
    top: 0;
}

.last-footer .newsletter {
    margin-bottom: 30px;
}

.last-footer .textwid ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.last-footer .socials li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 15px;
}

.last-footer .socials li a {
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 33px;
    color: #ddd;
}

.last-footer .socials li a:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
}

.footer-area .footer-bottom {
    padding: 20px 0;
    background-color: #fcfbfb;
}

.footer-address {
    color: #918f8f;
}

.footer-address a {
    color: #84d8c9;
}

address {
    font-style: normal;
    line-height: 1.6rem;
    margin-bottom: 0;
}

.footer-address address a:hover {
    text-decoration: underline;
}

.footer-area .footer-bottom .foot-icon ul {
    line-height: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footer-area .footer-bottom .foot-icon ul li {
    display: inline-block;
    float: left;
    margin-left: 15px;
}

.foot-icon {
    float: right;
}

.product-tab-area .tb-product-price span.amount2.ana {
    text-decoration: none;
}

.product-tab-area .tb-product-item-inner .onsale.two,
.design-area .tb-product-item-inner .onsale.two {
    background: #2b2b2b none repeat scroll 0 0;
    color: #fff;
}

.product-area .tb-item-content-info .tb-product-title a:hover,
.tb-beg a:hover {
    color: #84d8c9;
}

/*--------------------- 3. index-2--------------------*/
.header-area.home-2 {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    left: 0;
    padding-left: 280px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.home-2 .header-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    padding: 9px 0 8px;
}

.header-area.home-2 .header-top,
.header-area.home-2 .header-menu {
    background: transparent none repeat scroll 0 0;
}

.logo-stiky {
    display: none;
    left: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-2 .muti_menu ul li a:hover,
.home-2 .muti_menu ul li a.active {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.logo-2 {
    left: 0;
    position: absolute;
    top: 0;
}

.logo-2-wrap {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    height: 122px;
    position: relative;
    width: 250px;
}

.logo-2-wrap>a {
    display: block;
    left: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-menu-2 {
    position: static !important;
}

.home-2 .top-shop-title>a,
.home-2 .tb-menu-sidebar .search-item>a,
.home-2 .muti_menu ul li a {
    line-height: 80px;
}

.home-2 .header-wrapper {
    padding-right: 162px;
    text-align: center;
    position: static;
}

.home-2 .menu-cart {
    float: none;
}

.home-2 .muti_menu {
    display: block;
    float: left;
    max-height: 80px;
    width: 100%;
}

.home-2 .muti_menu nav {
    display: inline-block;
}

.menu-sidebar-container {
    position: absolute;
    right: 0;
}

.home-2 .search-item,
.home-2 .top-cart-wrapper.wrap {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    width: 80px;
}

.home-2 .top-shop-title a span.count {
    right: 20px;
    top: 22px;
}

.home-2 .muti_menu ul li .mega-menu .tas {
    width: 30.666%;
}

.home-2 .menu-img.ist img {
    width: 100%;
}

.home-2 .menu-img.ist>a {
    display: block;
}

.home-2 .muti_menu ul li .mega-menu .tas1.tas3 .tas {
    width: 15.66%;
}

.home-2 .muti_menu ul li .mega-menu .tas a {
    max-width: 160px;
}

.home-2 .menu-img.im3 img {
    width: 100%;
}

.home-2 .tas4 {
    width: 100%;
}

.home-2 .menu-img.im3>a {
    display: block;
}

.header-menu.header-menu-2.stick {
    background: #000 none repeat scroll 0 0 !important;
    left: 0;
    padding-left: 280px;
    position: fixed !important;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 9999;
}

.stick .logo-stiky {
    display: block;
}

.bottom-design {
    display: block;
    margin-bottom: 75px;
    overflow: hidden;
}

.home-2 .tb-product-item-inner.tb2 {
    margin-bottom: 0px;
}

.home-2.indicator-style2.owl-theme .owl-controls .owl-buttons div {
    top: 28%;
}

.client-area {
    background-image: url("img/bg-img/bg.jpg");
    background-attachment: fixed !important;
    background-size: cover !important;
}

.home-2 .pro-text {
    padding: 0 0 20px;
}

.home-2 .client-bg {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    padding-bottom: 40px !important;
    padding-top: 70px !important;

}

.sppb-testimonial-message p {
    color: #fff;
}

.client-img>img {
    border-radius: 50%;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 56px;
}

.client-img {
    color: #ffffff;
    display: inline-block;
    min-height: 56px;
    padding-left: 70px;
    position: relative;
    text-align: left;
}

.client-img a .ro-title {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    font-weight: 600;
}

.client-img a .ro-title:hover {
    color: #84d8c9;
}

.client-slider {
    padding-bottom: 10px;
}

.owl-theme .owl-controls .owl-page span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    height: 12px;
    opacity: 1;
    overflow: hidden;
    width: 12px;
}

.owl-theme .owl-controls .owl-page:focus span,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    background: transparent none repeat scroll 0 0;
    color: transparent;
}

.home-2 .free-shopping-area {
    padding-top: 0px;
}

.home-2 .free-shopping-area .tb-service {
    margin: 0 auto 0px;
}

.money-area {
    background-attachment: fixed !important;
    background-image: url("../img/bg-img/bg1.jpg");
    background-position: center 100px !important;
    background-size: cover !important;
}

.money-bg {
    /*background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;*/
    padding-bottom: 150px !important;
    padding-top: 185px !important;
}

.icon-slider-area .mates {
    display: inline-block;
    float: left;
    width: 20%;
}

.icon-slider-area {
    background-color: #ffffff !important;
    margin-bottom: 0 !important;
    padding-bottom: 85px !important;
    padding-top: 85px !important;
}

/*--------------------- 4. index-3--------------------*/
.header-area .header-menu.home-3 {
    position: inherit;
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #5d5d5d;
}

.home-3 .muti_menu ul li a {
    color: #5d5d5d;
}

.home-3 .tb-menu-sidebar .search-item>a {
    color: #5d5d5d;
}

.header-area .header-menu.home-3.stick {
    background: #fff none repeat scroll 0 0;
    position: fixed;
    top: 0;
}

.home-3 .top-shop-title>a {
    color: #5d5d5d;
}

.home-3 .slide-all {
    margin-top: 10%;
}

.home-3 .slide-all2 {
    margin-left: 9%;
    margin-top: 11%;
}

.home-3 .muti_menu ul li a:hover,
.home-3 .muti_menu ul li a.active {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #3d3d3d;
}

.specail-top {
    position: relative;
}

.specail-top>h3 {
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    color: #373737;
    font-size: 17px;
    font-style: normal;
    font-weight: normal;
    line-height: 29px;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
    text-transform: uppercase;
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    margin: 0;
    padding-right: 10px;
    position: relative;
}

.specail-top::before {
    background: #f4f4f4 none repeat scroll 0 0;
    content: " ";
    height: 1px;
    position: absolute;
    top: 21px;
    width: 100%;
    z-index: -1;
}

.specail-area.home-3 {
    border-bottom: 1px solid #f4f4f4 !important;
    margin-bottom: 0 !important;
    padding-bottom: 40px !important;
    padding-top: 70px !important;
}

.home-3 .tb-product-item {
    margin-bottom: 30px;
    position: relative;
    margin-top: 30px;
}

.home-3 .tb-product-item .tb-image {
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 120px;
}

.home-3 .tb-product-item .tb-image .new {
    background: #2b2b2b none repeat scroll 0 0;
    box-shadow: 1px 1px 0 1px #dadada;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -22px;
    text-align: center;
    top: 0;
    transform: rotate(45deg);
    width: 75px;
}

.home-3 .tb-product-item .tb-image a.la-icon {
    top: 50%;
}

.home-3 .tb-product-btn a {
    text-align: center;
}

.home-3 .tb-content {
    padding-left: 150px;
}

/*--------------------- 5. index-4--------------------*/
.header-four {
    background: #ffffff none repeat scroll 0 0;
    padding: 60px 0 20px;
    text-align: center;
}

.home-3.hm-4 .muti_menu ul li a:hover,
.home-3.hm-4 .muti_menu ul li a.active {
    background: inherit;
    color: #3d3d3d;
}

.hm-4 .muti_menu ul li .rayed .tas a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #84d8c9;
}

.hm-4 .muti_menu ul li .mega-menu .tas a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #84d8c9;
}

.hm-4 .logo.floatleft>a {
    display: none;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.hm-4.stick .logo>a {
    display: block;
}

.hm-4.stick .logo>a img {
    width: 100%;
}

.logo.hm4 {
    height: 80px;
    line-height: 0;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 100px;
}

.header-menu.hm-4 .header-wrapper {
    text-align: center;
}

.header-menu.hm-4 .menu-cart {
    float: none;
    height: 100px;
}

.header-menu.hm-4 .muti_menu {
    display: inline-block;
    float: none;
    max-height: 100px;
}

.header-menu.hm-4.stick .muti_menu {
    line-height: 80px;
}

.header-menu.hm-4 .two-hom4 {
    display: block;
    float: right;
}

.header-menu.hm-4.stick .menu-cart {
    height: 80px;
}

.home-4 .bottom-design {
    margin-bottom: 69px;
}

.home-4 .design-area {
    padding: 70px 0 34px;
}

.specail-area.home-3.hm-4 {
    border-bottom: 0px solid #f4f4f4 !important;
}

.design-area.home-4 {
    padding: 70px 0 10px;
}

/*--------------------- 6. index-5--------------------*/
.home-5 .logo-stiky {
    display: block;
}

.header-menu-item-icon>a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 100px;
    padding: 0 12px;
    transition: all 0.4s ease 0s;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    width: 80px;
}

.home-5 .stick .header-menu-item-icon>a {
    line-height: 80px;
    width: 80px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.home-5 .widget ul>li {
    display: block;
    padding: 0;
    border-right: 0px solid #575757;
}

.home-5 .widget ul>li a {
    color: #747474;
    display: block;
    font-family: inherit;
    font-size: 13px;
    line-height: 40px;
    text-transform: inherit;
    font-weight: 600;
    transition: all 0.4s ease 0s;
}

.home-5 .widget ul>li a:hover {
    color: #84d8c9;
}

.widget_searchform {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    display: none;
    line-height: 38px;
    min-width: 250px;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%;
    transition: all 0.4s ease 0s;
}

.home-5.header-area .widget {
    float: left;
}

.home-5 h3.wg-title {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
    color: #474747;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-style: normal;
    font-weight: normal;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
}

.home-5 .tb-menu-canvas-wrap.floatleft {
    position: relative;
}

.home-5 .top-shop-title a span.count {
    top: 32px;
}

.home-5 .widget ul>li a>i {
    margin-right: 5px;
}

.widget_searchform.active {
    animation: 0.4s ease 0s normal both 1 running fadeInUp;
    display: block;
    z-index: 999;
}

.home-2 .header-wrapper {
    /*padding-right: 260px;*/
}

.home-5 .muti_menu {
    float: right;
}

.home-5 .menu-cart {
    float: right;
}

.home-5 .top-shop-title>a,
.home-5 .tb-menu-sidebar .search-item>a,
.home-5 .muti_menu ul li a {
    line-height: 100px;
}

.home-5.header-area {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #ffffff;
    transition: all 0.4s ease 0s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.home-5 .muti_menu {
    max-height: 100%;
}

.home-5 .muti_menu nav {
    display: block;
}

.home-5 .muti_menu ul li a:hover,
.home-5 .muti_menu ul li a.active {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
}

.home-5 .stick .muti_menu ul li a:hover,
.home-5 .stick .muti_menu ul li a.active {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.home-5.header-area {
    border-bottom: 0 none;
    padding: 0;
}

.home-5 .header-menu.header-menu-2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 280px;
}

.home-5 .header-wrapper {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.home-5 .muti_menu ul li .mega-menu {
    margin-top: -1px;
}

.home-5 .muti_menu ul li .rayed {
    margin-top: -1px;
}

.home-5 .pro-text {
    padding: 0 0 34px;
}

.home-5.money-area {
    background-attachment: fixed !important;
    background-image: url("img/bg-img/05_Homepage.jpg");
    background-position: center 120px !important;
    background-size: cover !important;
}

.home-5 .tb-title5 {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}

.home-5 .tb-title5 .count {
    background: transparent none repeat scroll 0 0;
    padding: 0;
    border-radius: 3px;
    color: #fff;
}

.home-5 .money-bg {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    padding-bottom: 70px !important;
    padding-top: 65px !important;
}

.home-5 .muti_menu ul li .mega-menu .menu-img.ist a:hover,
.home-5 .muti_menu ul li .mega-menu .menu-img.im3 a:hover,
.home-3 .muti_menu ul li .mega-menu .menu-img.ist a:hover,
.home-3 .muti_menu ul li .mega-menu .menu-img.im3 a:hover {
    background: transparent none repeat scroll 0 0 !important;
}

/*--------------------- 7. index-6--------------------*/
.home-6.header-area {
    background: #ffffff none repeat scroll 0 0;
    z-index: 102;
}

.home-6 .muti_menu ul li a:hover,
.home-6 .muti_menu ul li a.active {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #3d3d3d;
}

.home-6 .muti_menu ul li a {
    color: #5d5d5d;
}

.home-6 .header-menu.header-menu-2.stick {
    background: #ffffff none repeat scroll 0 0 !important;
    position: fixed !important;
}

.home-6 .tb-menu-sidebar .search-item>a,
.home-6 .header-menu-item-icon>a,
.home-6 .top-shop-title>a {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    color: #3d3d3d;
}

.home-6 .stick .header-menu-item-icon>a {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.home-6 .tb-menu-sidebar .search-item>a:hover,
.home-6 .header-menu-item-icon>a:hover,
.home-6 .top-shop-title>a:hover {
    color: #84d8c9;
}

.home-6 .header-wrapper {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.home-6 .header-menu.header-menu-2 {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 280px;
    position: absolute !important;
    z-index: 102;
}

.home-6 .stick .muti_menu ul li a:hover,
.home-6 .stick .muti_menu ul li a.active {
    background: #f3f3f3 none repeat scroll 0 0;
}

.home-6 .muti_menu ul li .rayed .tas.menu-last2 a:hover,
.home-6 .muti_menu ul li .mega-menu .menu-img.im3 a:hover {
    background: transparent none repeat scroll 0 0 !important;
}

/*--------------------- 8. contact--------------------*/
.contact-img-area {
    background-color: transparent;
    background-image: url("../img/bg-img/product-9.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    padding: 80px 0 100px;
    background-size: contain;
    margin-top: 150px;
}

.contact-img-area.v2 {
    background-image: url("../img/bg-img/product-8.jpg");
}

.contact-img-area.v3 {
    background-image: url("../img/bg-img/product-7.jpg");
}

.contact-img-area.v4 {
    background-image: url("../img/bg-img/product-6.jpg");
}

.contact-img-area.v5 {
    background-image: url("../img/bg-img/product-5.jpg");
}

.contact-img-area::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.contact-img-area {
    position: relative;
}

h2.page-title {
    color: #5a524f;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 40px;
    font-weight: 500;
    font-style: normal;
    font-weight: normal;
    line-height: 40px;
    opacity: 1;
}

.con-text>p {
    color: #a5a5a5;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin: 20px 0 0;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
}

.con-text a {
    color: #5a524f;
}

.con-text a:hover {
    color: #fff;
}

.header-area.contact {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.all-contact input[type="text"],
.all-contact input[type="email"],
.all-contact textarea,
.bd-comment input[type="text"],
.bd-comment input[type="email"],
.bd-comment textarea,
.checkbox-form .di-na input[type="text"],
.tab-content .di-na input[type="text"],
.tab-content .di-na input[type="email"],
.tab-content .di-na input[type="password"],
.tab-content .di-na input[type="tel"],
.tab-content .di-na textarea[type="textarea"],
.form-row-wide input[type="text"],
.all-contact select.form-control,
.all-contact .di-na input[type="number"] {
    background-color: #fff7e6;
    border-color: 1px solid #d3d3d3;
    line-height: 1.5rem;
    outline: medium none;
    border: none;
    padding: 5px 15px;
    transition: all 0.4s ease 0s;
    width: 100%;
    height: 50px;
    box-shadow: inherit;
    border-radius: inherit;
    -webkit-appearance: none;
}

.checkbox-form .di-na input[type="text"],
.tab-content .di-na input[type="text"],
.tab-content .di-na input[type="email"],
.tab-content .di-na input[type="password"],
.tab-content .di-na input[type="tel"],
.tab-content .di-na textarea[type="textarea"],
.form-row-wide input[type="text"] {
    height: 40px;
}

textarea.input-text {
    height: 54px;
    padding: 5px 15px;
    width: 100%;
    border: 1px solid #d3d3d3;
    resize: none;
}

.form-control:focus {
    border-color: #84d8c9;
    box-shadow: inherit;
    outline: 0 none;
}

.all-contact label.l-contact,
.bd-comment label.l-contact,
.checkbox-form label.l-contact,
.tab-content label.l-contact,
.checkout-coupon label.l-contact {
    color: #666;
    font-weight: normal;
    position: relative;
    z-index: 0;
    margin-bottom: 2px;
    font-weight: lighter;
}

.all-contact label.l-contact em,
.bd-comment label.l-contact em,
.checkbox-form label.l-contact em,
.checkout-coupon label.l-contact em {
    color: #e74c3c;
    float: right;
    font-size: 15px;
    font-style: normal;
    position: absolute;
    right: -10px;
    top: 0;
}

label.l-contact.con-color em {
    color: #84d8c9;
    font-size: 15px;
    right: -10px;
}

.noru-contact {
    margin: 50px 0;
}

textarea.form-control {
    border: none;
    background-color: #f8f8f8;
    border-radius: inherit;
    box-shadow: inherit;
    height: 140px;
}

.di-na {
    margin-bottom: 15px;
}

.last-cart-con input[type="submit"] {
    background-color: transparent;
    border: 1px solid #c5c5c5;
    border-radius: 8px;
    color: #747474;
    display: inline-block;
    line-height: 1;
    margin-top: 10px;
    outline: medium none;
    padding: 20px 45px;
    text-align: center;
    text-transform: uppercase;
    width: initial;
    transition: all 0.4s ease 0s;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.last-cart-con input[type="submit"]:hover {
    background-color: #84d8c9;
    border-color: #84d8c9;
    color: #fff;
}

.last-cart-con {
    float: right;
    margin-top: 15px;
}

#hastech {
    height: 385px;
    width: 100%;
}

.map-area {
    margin-top: 50px;
}

/*--------------------- 9. blog--------------------*/
.blog-area .blog-info {
    color: #a1a1a1;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 10px;
}

.blog-area .blog-info>span {
    display: inline-block;
    margin-right: 20px;
}

.blog-area .blog-info>span>i {
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-top;
}

.blog-area .blog-info>span>a {
    color: #a1a1a1;
    transition: all 0.4s ease 0s;
}

.blog-area .blog-info>span>a:hover {
    color: #84d8c9;
}

.blog-area .tb-content7>a.blog7,
.top-shop-sidebar.sim>a.blog7 {
    background-color: transparent;
    border: 1px solid #c5c5c5;
    border-radius: 30px;
    color: #747474;
    display: inline-block;
    margin: 30px 0;
    outline: medium none;
    padding: 7px 34px;
    text-align: center;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.blog-area .tb-content7>a.blog7:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
    color: #fff;
}

.blog-area {
    margin: 50px 0 30px;
}

.blog-area {
    position: relative;
}

.blog-area h3.wg-title,
.top-shop-sidebar h3.wg-title,
.last-line h3 {
    background: #fff none repeat scroll 0 0;
    color: #474747;
    display: inline-block;
    font-size: 17px;
    margin: 0;
    padding-right: 10px;
    text-transform: uppercase;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 29px;
    visibility: visible;
    z-index: 99;
    opacity: 1;
}

.zo-recent-posts .tb-recent-thumbb,
.top-shop-sidebar .tb-recent-thumbb {
    display: block;
    float: left;
    margin-right: 15px;
}

.zo-recent-posts .tb-recentb,
.top-shop-sidebar .tb-recentb {
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
    padding-top: 15px;
}

.tb-postb>p {
    margin-bottom: 5px;
    color: #747474;
    font-size: 14px;
}

.zo-recent-posts {
    margin-bottom: 30px;
    margin-top: 30px;
}

.widget_searchform_content input[type="text"]:focus {
    border-color: #84d8c9;
}

.zo-recent-posts .tb-postd {
    color: #84d8c9;
}

.blog-area .zo-recent-posts ul li {
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    list-style: outside none none;
    padding: 15px 0 15px;
    width: 100%;
}

.blog-area .zo-recent-posts2 ul li a {
    color: #747474;
    font-size: 13px;
}

.blog-area .zo-recent-posts2 ul li a:hover {
    color: #84d8c9;
}

.blog-area .zo-recent-posts2 ul li {
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    list-style: outside none none;
    padding: 7px 0;
    width: 100%;
}

.zo-recent-posts3 {
    margin: 30px 0;
}

.zo-recent-posts2.os4 {
    margin: 30px 0;
}

.blog-area .zo-recent-posts2 ul li a abbr {
    border-bottom: 1px dotted #777;
    cursor: help;
}

.blog-area .zo-recent-posts::before,
.blog-area .zo-recent-posts2::before,
.blog-area .zo-recent-posts3::before,
.shop-area .top-shop-sidebar::before {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 21px;
    width: 100%;
    z-index: -1;
}

.zo-recent-posts,
.zo-recent-posts2,
.zo-recent-posts3,
.top-shop-sidebar {
    position: relative;
}

.blog-area .pagination {
    border-top: 1px solid #c5c5c5;
    margin: 0;
    padding: 15px 0 30px;
    width: 100%;
}

.blog-area .pagination .page-numbers {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c5c5c5;
    border-radius: 50%;
    color: #7b7b7b;
    display: inline-block;
    font-size: 12px;
    height: 21px;
    line-height: 19px;
    margin: 0 2px;
    padding: 0;
    text-align: center;
    width: 21px;
}

.blog-area .pagination .page-numbers.current,
.blog-area .pagination .page-numbers:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
    color: #fff;
}

/*--------------------- 10. blog-details --------------------*/
.blog-area.bd-area .tb-post-item:hover .tb-thumb {
    opacity: inherit;
}

.blog-area.bd-area .tb-post-item:hover .tb-thumb>img {
    transform: inherit;
}

.blog-area.bd-area .tb-post-item .tb-thumb .tb-publish:hover {
    color: #84d8c9;
    font-weight: 600;
}

.blog-area.bd-area .tb-content7 h4.tb-titlel,
.blog-area.bd-area .bd-comment h4.tb-titlel {
    color: #4e4e4e;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    margin: 16px 0;
}

.bd-area .blog2 {
    margin-left: 20px;
}

.bd-area .next-pre a {
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    line-height: 20px;
    transition: all 0.3s ease 0s;
    color: #999;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    border-radius: 50px;
    display: inline-block;
    font-weight: 300;
    vertical-align: top;
}

.bd-area .next-pre a:hover {
    color: #333;
    border-color: #adadad;
}

.bd-area .next-pre {
    display: block;
    float: right;
    margin-bottom: 14px;
    margin-top: 7px;
}

.bd-comment .di-na {
    margin-bottom: 20px;
}

.di-na.bs {
    margin-top: 20px;
}

.last-cart-con.bd-icon {
    float: left;
    margin-top: 4px;
}

.blog-area.bd-area {
    margin: 50px 0;
}

/*--------------------- 11. shop --------------------*/
.shop-area {
    margin: 50px 0;
    position: relative;
}

.shop-area h3.wg-title2 {
    color: #999;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    font-family: Roboto;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
}

.shop-area .shop-one ul {
    margin: 0;
    padding: 0;
}

.shop-area .shop-one ul li {
    border: medium none !important;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    list-style: outside none none;
    width: 100%;
}

.shop-area .shop-one {
    position: relative;
}

.shop-area .shop-one ul li::after {
    border: 1px solid #cccccc;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
}

.shop-area .shop-one ul li a {
    color: #747474;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    padding-left: 20px;
    transition: all 0.4s ease 0s;
}

.shop-area .shop-one ul li span {
    color: #cccccc;
}

.shop-area .shop-one ul li.current-cat::before {
    color: #84d8c9;
    content: "";
    font-family: FontAwesome;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease 0s;
}

.tb-recent-thumbb>a img {
    width: 90px;
}

.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #eeeeee none repeat scroll 0 0;
    border: none;
    border-radius: none;
    height: 5px;
    margin-top: 7px;
    margin-left: auto;
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {

    border-radius: 1em;
    cursor: ew-resize;
    height: 1em;
    outline: 0 none;
    position: absolute;
    width: 1em;
    z-index: 2;
    background: #84d8c9 none repeat scroll 0 0;
    border: medium none !important;
    box-shadow: none !important;
}

.price_filter .ui-slider-range {
    background: #a7a7a7 none repeat scroll 0 0;
}

.price_slider_amount input#amount {
    margin: 20px 0 !important;
}

#amount>input.first_price[type="text"],
#amount>input.last_price[type="text"] {
    border: 1px solid #cccccc;
    border-radius: 30px;
    color: #585858;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 85px;
    margin-right: 25px;
}

.price_filter>#amount {
    margin-bottom: 27px;
    margin-top: 20px;
}

.shop-area .button-shop {
    background: #cccccc none repeat scroll 0 0;
    border: medium none;
    border-radius: 30px;
    color: #cccccc;
    float: right;
    height: 30px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 30px;
}

.shop-area .button-shop i {
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
}

.shop-area .button-shop:hover {
    background: #84d8c9 none repeat scroll 0 0;
}

.shop-area .button-shop i:hover {
    color: #84d8c9;
}

.top-shop-sidebar.sim {
    margin-top: 14px;
}

.top-shop-sidebar.sim ul li {
    border-bottom: 1px solid #cccccc !important;
    padding: 9px 0 7px !important;
}

a.clear-all {
    color: #747474;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    display: inline-block;
    line-height: 13px;
    padding: 8px 0;
}

.top-shop-sidebar.sim>a.blog8 {
    color: #747474;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    line-height: 13px;
    padding: 8px 15px;
    transition: all 0.4s ease 0s;
    float: right;
}

.top-shop-sidebar.sim>a.blog8:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
    color: #fff;
}

.products-list {
    margin-bottom: 10px;
}

.top-shop-sidebar.sim2 {
    margin-top: 25px;
}

.shop-area .top-shop-sidebar ul li.b-none {
    border-bottom: inherit;
    display: inline-block;
    list-style: outside none none;
    padding: 15px 0 11px;
    width: 100%;
}

.shop-area .top-shop-sidebar ul li.b-none:hover .tb-beg a {
    color: #84d8c9;
}

.b-none .tb-product-price span.amount {
    position: relative;
    margin-right: 10px;
}

.b-none .tb-product-price span.amount::before {
    border-top: 1px solid #484848;
    content: "";
    left: -3px;
    position: absolute;
    top: 10px;
    transform: rotate(-15deg);
    width: 120%;
}

.top-shop-sidebar.an-shop {
    margin-top: 18px;
}

.shop-area .ro-info-box-wrap.tpl3:hover .tb-image>img {
    opacity: inherit;
    transform: inherit;
}

.shop-area .tb-content-inner.an-inner>h5,
.single-product-area .tb-content-inner.an-inner>h5 {
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 33px;
    margin: 0;
}

.shop-area .tb-content-inner.an-inner>h3,
.single-product-area .tb-content-inner.an-inner>h3 {
    color: #3a3a3a;
    font-size: 23px;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 33px;
    margin: 0 0 20px;
}

.shop-area .ro-info-box-wrap.tpl3 {
    margin-top: 30px;
}

.shop-all-tab-nor {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 100%;
}

.shop-all-tab-nor .two-part {
    float: left;
}

.tabs {
    position: relative;
    text-align: left;
    display: block;
}

.shop-all-tab {
    /*border-bottom: 1px solid #ebebeb;*/
}

.shop-all-tab-nor {
    border-top: 1px solid #ebebeb;
}

.shop-all-tab {
    overflow: hidden;
    display: block;
}

.features-tab .shop-all-tab .two-part {
    float: left;
    width: 50%;
}

.two-part {
    float: right;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    ;
    margin: 0;
    padding: 0;
    text-align: center;
}

.features-tab .shop-all-tab .shop5 {
    float: left;
    margin-left: 81px;
}

.features-tab .shop-all-tab .shop6 {
    float: right;
}

.shop6 .sort-by {
    float: right;
    width: 47%;
}

.features-tab ul.tabs {
    display: inline-block;
    float: left;
}

.two-part .shop5 label,
.shop6 label {
    color: #747474;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    vertical-align: middle;
}

.shop-all-tab .shop5 select,
.shop6 select {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    color: #777;
    font-size: 14px;
    margin: 0 5px;
    padding: 5px 12px;
    vertical-align: middle;
}

.shop6 select {
    width: 180px;
}

.shop-all-tab .sort-by .shop6 a {
    color: #2b2b2b;
    margin: 0 0 1px;
    padding: 3px 5px 3px 0px;
    vertical-align: middle;
}

.shop-all-tab .sort-by .shop6 a:hover {
    color: #00a9e0;
}

.two-part .shop5,
.shop6 {
    font-size: 12px;
    color: #707070;
}

.two-part .page p {
    float: left;
    height: 50px;
    margin: 10px 2px 0px;
}

.two-part .page ul {
    margin-top: 10px;
    float: left;
}

.two-part .page ul li {
    color: #00a9e0;
    text-decoration: underline;
    display: inline;
    margin: 10px 2px 0px;
}

.two-part .page ul li a {
    font-size: 12px;
    color: #9b9b9b;
    margin-left: 3px;
}

.two-part .page ul li a:hover {
    color: #3AA9E0;
}

.two-part .page ul li a.active {
    color: #3AA9E0;
}

.features-tab .shop-all-tab {
    margin-bottom: 30px;
    margin-top: 30px;
}

.features-tab ul.tabs li {
    /*float: left;
    margin-right: -15px;*/
    display: inline-block;
    margin-bottom: 6px;
}

.features-tab ul li a {
    color: #d3d3d3;
    font-size: 18px;
}

.features-tab ul li a:hover {
    color: #84d8c9;
}

.features-tab ul li.active-icon a {
    color: #EE4A42;
}

.tab-content .tab-pane .shop-tab .product-content {
    padding-bottom: 30px;
}

.f-fix {
    border-bottom: 1px solid #ebebeb;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 11px;
    position: relative;
}

.li-item {
    padding-bottom: 30px;
    display: inline-table;
    position: relative;

}

.li-item:hover a.la-icon.ts {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.f-fix h2 {
    margin: 0px;
}

.f-fix .pro-rating {
    margin-top: 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}

.pro-rating .rating-links {
    display: inline-block;
}

.pro-rating .rating-links {
    font-size: 12px;
    margin: 5px 0 0 10px;
}

.f-fix .desc {
    clear: both;
    color: #777;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    text-align: justify;
}

.f-fix .p-box span.special-price {
    font-family: Lato;
    font-size: 16px;
    font-weight: 900;
    color: #f65656;
    margin-bottom: 17px;
}

.f-fix .p-box span.old-price {
    font-family: Lato;
    font-weight: 400;
    color: #b2b2b2;
    font-size: 14px;
    margin-bottom: 17px;
    text-decoration: line-through;
}

.f-fix .p-box {
    margin-bottom: 15px;
}

.features-tab .tabs>li>a {
    color: #747474;
    border: 1px solid #ddd;
    font-size: 12px;
}

.features-tab .tabs>li.active>a,
.features-tab .tabs>li.active>a:focus,
.features-tab .tabs>li.active>a:hover {
    color: #84d8c9;
    border: 1px solid #84d8c9;
    font-size: 14px;
}

.features-tab .nav>li>a:focus,
.features-tab .nav>li>a:hover {
    background-color: inherit;
    border-bottom-color: #84d8c9;
    color: #84d8c9;
}

.features-tab .nav>li>a {
    padding: 4px 15px;
}

.features-tab .nav.tabs>li.vali {
    color: #747474;
    float: left;
    font-size: 14px;
    margin-right: 5px;
    margin-top: 4px;
}

.last-cart.l-mrgn.ns {
    display: block;
    text-align: center;
    margin-left: 81px;
}

.tb-product-item-inner.tb2.pct-last a.la-icon.ts {
    top: 50%;
}

.shop-area .li-item .tb-product-btn a,
.single-product-area .li-item .tb-product-btn a {
    margin-left: 10px;
    text-align: center;
}

.shop-area .tb-product-btn {
    display: inline-block;
    float: left;
    margin-left: 8px;
}

.li-item .tb-beg a {
    font-size: 14px;
    font-weight: 600;
}

.shop-area .li-item .tb-product-price {
    font-size: 15px;
}

.shop-area .li-item .tb-product-item-inner.tb2 {
    margin-bottom: 0px;
}

.shop-area .tb-content-inner.an-inner>h6>a:hover,
.single-product-area .tb-content-inner.an-inner>h6>a:hover {
    color: #9c9c9c;
}

.ro-info-box-wrap.tpl3.st:hover .tb-content-inner>h6>a {
    border-top: 1px solid #9c9c9c;
}

/*--------------------------- 12. my-account page.-----------------------------*/
.easy2>h2 {
    color: #444;
    font-size: 18px;
    text-transform: uppercase;
}

.easy2 legend {
    font-size: 18px;
    padding: 7px 0 15px;
    border-width: 0 0 1px;
    border-bottom: 1px solid #e5e5e5;
}

.easy2 div.required .control-label::before {
    color: #84d8c9;
    content: "* ";
    font-weight: bold;
}

.easy2 .form-group label {
    font-size: 14px;
    font-weight: normal;
    color: #444;
}

.easy2 .form-control {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    height: 40px;
}

.easy2 .table-bordered td {
    padding: 8px !important;
    text-align: center;
    vertical-align: middle !important;
}

.easy2 .btn-info {
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.easy2 .btn-info:hover {
    background-color: #df5c39;
    background-image: none;
}

.easy2 .btn.btn-info.g6 {
    background: none repeat scroll 0 0 #df5c39;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    padding: 10px 12px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.btn.btn-info.g6:hover {
    background: none repeat scroll 0 0 #84d8c9;
}

a.collap {
    background: none repeat scroll 0 0 #323a45;
    color: #fff;
    display: block;
    padding: 11px 15px;
    text-transform: uppercase;
}

.panel-group.pas7 {
    margin-bottom: 5px;
}

.collapse_area.coll2 {
    margin-bottom: 35px;
}

.single-product.an-pro7 {
    margin-bottom: 41px;
}

.tooltip.in {
    z-index: 9999999;
}

.preview-2 .nivo-controlNav {
    position: absolute;
    left: 50%;
}

a.o-back-to {
    color: #666;
}

a.o-back-to:hover {
    color: #019cb2;
}

.mobile-menu-area {
    display: none;
}

.check h2 {
    color: #474747;
    font-size: 18px;
    text-transform: uppercase;
}

.check {
    margin: 35px 0 0;
}

.easy,
.easy2 {
    overflow: hidden;
    padding: 40px;
}

.faq-accordion .panel-default>.panel-heading {
    background: none repeat scroll 0 0 #323a45;
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    border-top: 0 none;
    padding: 12px 15px 12px;
}

.faq-accordion .panel.panel-default.actives .panel-title a {
    color: #84d8c9;
}

.faq-accordion .panel-title a {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    position: relative;
    text-decoration: none;
}

.panel-title a:hover {
    text-decoration: none;
}

.btn.btn-default.ce5,
.btn.btn-primary.ce5,
.btn.btn-danger.g6 {
    background: #222 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    padding: 10px 12px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.btn.btn-default.ce5:hover,
.btn.btn-primary.ce5:hover,
.btn.btn-danger.g6:hover {
    background: #84d8c9 none repeat scroll 0 0;
}

/*--------------------- 13. wish-list--------------------*/
.nr-wish-area {
    margin: 18px 0 40px;
}

.s-cart-all .page-title h1 {
    margin: 35px 0 30px;
}

.s-cart-all .page-title h1 {
    color: #474747;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    line-height: 36px;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
}

.table-responsive {
    border: 0 solid #ddd !important;
    margin-bottom: 10px;
    overflow-x: inherit;
    overflow-y: hidden;
}

.cart-form {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #f2f2f2;
    width: 100%;
}

.data-table {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #f2f2f2;
    width: 100%;
}

.cart-form .cart-table th {
    padding: 15px;
}

.data-table th {
    background: none repeat scroll 0 0 #f7f7f7;
    border-right: 1px solid #f2f2f2;
    color: #4d4d4d;
    font-family: Lato;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 10px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    white-space: nowrap;
    min-width: 100px;
}

.data-table th,
.data-table td {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.data-table td {
    padding: 6px 10px;
}

.cart-form .cart-table td {
    text-align: center;
}

.cart-table .sop-icon a i {
    border: 1px solid #3f4859;
    border-radius: 50%;
    color: #3f4859;
    font-size: 22px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    width: 40px;
}

.cart-table .sop-cart>a,
.cart-table .sop-cart {
    color: #666;
    font-size: 14px;
    text-decoration: none !important;
}

.cart-table .sop-cart>a:hover {
    color: #84d8c9;
}

.cen input.qty {
    border: 1px solid #ddd;
    height: 32px;
    text-align: center;
    width: 38px !important;
}

.cart-form .cart-table .sop-icon a i {
    background: none repeat scroll 0 0 #222;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 12px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s
}

.cart-form .cart-table .sop-icon a i:hover {
    background: none repeat scroll 0 0 #019cb2;
    color: #fff;
}

.tas.ce-ta {
    display: inline-block;
}

.cart-form .tas.ce-ta a i {
    background: none repeat scroll 0 0 #222;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    padding: 6px 11px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.cart-form .tas.ce-ta a i:hover {
    background: none repeat scroll 0 0 #019cb2;
    color: #fff;
}

.cart-form.table-responsive.ma {
    padding-bottom: 30px;
}

a img.primary-image {
    margin: 12px 0;
    width: 90px;
}

.data-table th.low1 {
    min-width: 60px;
}

.data-table th.low2 {
    min-width: 300px;
}

.sop-cart.an-sh .tb-beg a {
    font-size: 14px;
    color: #474747
}

.cart-table .sop-cart.an-sh .tb-beg>a {
    display: inline-block;
    float: left;
    overflow: hidden;
    padding-top: 11px;
}

.shopping-cart-area .last-cart.l-mrgn {
    float: right;
    margin: 0;
}

.shopping-cart-area .sop-icon1 a {
    border: 0 none;
    border-radius: 100%;
    color: red !important;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
    width: 25px;
}

.shopping-cart-area .sop-icon1 a:hover {
    background: red none repeat scroll 0 0;
    color: #fff !important;
}

.shopping-cart-area .last-cart a.las4 {
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
}

.shopping-cart-area span.wishlist-in-stock {
    color: #297e29;
    font-size: 14px;
}

.last-cart.l-mrgn.wish {
    float: inherit;
}

h4.yith-wcwl-share-title {
    float: left;
    color: #474747;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    opacity: 1;
    transition: opacity 0.24s ease-in-out 0s;
    visibility: visible;
    margin: 10px 0;
}

.yith-wcwl-share ul,
.yith-wcwl-share li {
    height: 21px;
}

.yith-wcwl-share ul {
    display: block;
    margin: 0px 0 10px;
    overflow: hidden;
    padding: 0;
}

.yith-wcwl-share li {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    float: left;
}

.yith-wcwl-share li a {
    border: medium none;
    display: inline-block;
    height: 21px;
    margin-right: 3px;
    width: 21px;
}

.yith-wcwl-share li a:hover img {
    margin-top: -27px;
}

.yith-wcwl-share img {
    transition: all 0.4s ease 0s;
}

.as {
    display: block;
    overflow: hidden;
}

/*--------------------- 14. checkout--------------------*/
textarea.input-text:focus,
.checkout-coupon.top>input:focus,
.checkout-coupon.top-down>input:focus,
.checkout-coupon.top.log.a-an>input:focus {
    border-color: #84d8c9;
}

.coupon-accordion h3::before {
    color: #1e85be;
    content: "";
    display: inline-block;
    font-family: fontawesome;
    left: 1.5em;
    position: absolute;
    top: 20px;
}

.coupon-accordion h3 {
    background-color: #f7f6f7;
    border-top: 3px solid #84d8c9;
    color: #515151;
    font-size: 12px;
    font-weight: 300;
    list-style: outside none none !important;
    margin: 0 0 2em !important;
    padding: 19px 2em 19px 3.5em !important;
    position: relative;
    width: auto;
    font-weight: 600;
}

.coupon-checkout-content {
    display: block;
    margin-bottom: 30px;
    border: 1px solid #d3ced2;
    border-radius: 5px;
    margin: 2em 0;
    padding: 20px;
}

.coupon-checkout-content.tnm {
    display: none;
}

p.checkout-coupon input[type="text"],
p.checkout-coupon input[type="email"],
p.checkout-coupon input[type="password"] {
    height: 42px;
    padding-left: 10px;
    width: 47%;
    border: 1px solid #d3d3d3;
    color: #777;
}

p.checkout-coupon input[type="submit"],
.cop-left input[type="submit"] {
    background: #444444 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    margin-left: 86px;
    padding: 4px 39px;
    transition: all 0.3s ease 0s;
}

.cop-left input[type="submit"] {
    margin-left: 0;
}

.coupon-accordion span {
    color: #515151;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.coupon-accordion span:hover {
    color: #84d8c9;
}

p.checkout-coupon input[type="submit"]:hover,
.cop-left input[type="submit"]:hover {
    background: #84d8c9 none repeat scroll 0 0;
}

.checkout-area {
    margin: 50px 0;
}

.checkout-area .nav .ano>a {
    position: relative
}

.checkout-area .nav .ano>a {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 40px;
    margin-top: 23px;
    transition: all 0.4s ease 0s;
    padding: 0;
    margin-bottom: 15px;
}

.checkout-area .nav-tabs>li.active>a,
.checkout-area .nav-tabs>li.active>a:hover,
.checkout-area .nav-tabs>li.active>a:focus {
    border-color: #84d8c9;
}

.checkout-area .nav-tabs {
    border-bottom: 0 solid #ddd;
    padding: 0 20px;
    padding-bottom: 75px;
}

.checkout-area .nav-tabs>li.complete>a::before {
    background-color: transparent;
    color: #84d8c9;
    content: "";
    font-family: "FontAwesome";
    opacity: 1;
    top: 2px;
}

.checkout-area .nav-tabs>li.active>a {
    position: relative;
}

.checkout-area .nav-tabs>li.active>a::after {
    background-color: #84d8c9;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease 0s;
    width: 14px;
}

.checkout-area .nav>li>a:hover,
.nav>li>a:focus {
    background-color: #fff;
    text-decoration: none;
    border-color: #84d8c9;
}

.checkout-area ul.nav.nav-tabs::after {
    background: #aaaaaa none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 20px;
    position: absolute;
    top: 33px;
    width: 86%;
    z-index: -1;
}

.checkout-area .text {
    position: relative;
}

.checkout-area .nav-tabs>li {
    margin-right: 215px;
}

.checkout-area .nav-tabs>li.la {
    margin-right: 0px;
}

.checkout-area .ano>span {
    margin-left: -21px;
    font-size: 18px;
    font-weight: 700;
}

.checkout-area .checkbox-form .di-na.bs {
    margin-top: 0px;
}

.checkout-area .checkbox-form select.s-wid {
    width: 100%;
    height: 40px;
}

.checkout-area .checkbox-form select.email {
    border: 1px solid #d3d3d3;
    padding: 6px;
}

.checkout-area .checkbox-form .country-select {
    margin-bottom: 15px;
}

.checkout-area h3.checkbox9 {
    color: #474747;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 30px;
    opacity: 1;
}

.checkout-area .checkbox-form .di-na.bs.tana {
    margin-top: 5px;
}

.coupon-checkout-content2 {
    display: none;
    width: 100%;
}

.checkout-area .tab-content h3.checkbox9 {
    margin-bottom: 20px;
    margin-top: 50px;
}

.checkout-area .tab-content p.checkout-coupon input[type="submit"] {
    margin-top: 35px;
    padding: 10px 39px;
    margin-left: 0;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.checkout-area .top-check-text h3 {
    float: left;
}

.checkout-area .top-check-text span {
    float: right;
    margin-top: 50px;
}

.checkout-area .top-check-text span a {
    color: #84d8c9;
    font-size: 14px;
    transition: all .3s ease 0s;
}

.checkout-area .top-check-text span a:hover {
    color: #777;
}

.checkout-area .check-down {
    display: block;
    margin-bottom: 21px;
    overflow: hidden;
}

.checkout-area .top-check-text .ro-info2 p span {
    float: inherit;
    margin: 0;
}

.checkout-area .ro-content2 .ro-info2 span {
    display: inline-block;
    min-width: 160px;
}

.checkout-area .all-payment {
    background: #ebe9eb none repeat scroll 0 0;
    border-radius: 5px;
}

.checkout-area .all-payment .payment_box {
    background-color: #dfdcde;
    border-radius: 2px;
    box-sizing: border-box;
    color: #515151;
    font-size: 0.92em;
    line-height: 1.5;
    margin: 1em 0;
    padding: 1em;
    position: relative;
    width: 100%;
    display: none;
}

.checkout-area .payment-method {
    display: block;
    overflow: hidden;
    padding: 25px 20px;
}

.form-row.place-order input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #444444;
    border-radius: 0 !important;
    box-shadow: none;
    color: #444444;
    display: inline-block !important;
    float: right;
    font-weight: 600;
    margin-top: 5px;
    padding: 4px 28px;
    text-shadow: none;
    margin-right: 20px;
}

.checkout-area .form-row.place-order input:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border: 1px solid #84d8c9;
    color: #ffffff;
    transition: all .4s ease 0s;
}

.checkout-area .form-row.place-order {
    border-top: 1px solid #d3ced2;
    padding: 20px 0;
    overflow: hidden;
}

.checkout-area .all-payment .payment_box::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #dfdcde;
    border-image: none;
    border-style: solid;
    border-width: 1em;
    content: "";
    display: block;
    left: 0;
    margin: -1em 0 0 2em;
    position: absolute;
    top: -0.75em;
}

.checkout-area .pay-top.sin-payment img {
    margin-left: 7px;
    max-height: 52px;
}

.checkout-area .pay-top.sin-payment a {
    font-size: 11px;
    line-height: 56px;
    float: right;
    color: #747474;
}

.ro-checkout-summary {
    border: 1px solid #cccccc;
    font-weight: 400;
    margin-bottom: 85px;
    margin-top: 24px;
}

.ro-checkout-summary .ro-title {
    background-color: #eeeeee;
    padding: 25px 35px;
}

.ro-title h3 {
    margin: 0;
    text-align: center;
}

.ro-checkout-summary .ro-body {
    overflow: hidden;
    padding: 0 35px;
}

.ro-checkout-summary .ro-body .ro-item {
    font-size: 14px;
    padding: 40px 0 0;
}

.ro-checkout-summary .ro-body .ro-item .ro-image {
    float: left;
    padding-bottom: 40px;
    width: 25%;
}

.ro-checkout-summary .ro-body .ro-item>div:nth-of-type(2) {
    padding-left: 20px;
    width: 75%;
}

.ro-checkout-summary .ro-body .ro-item>div,
.ro-checkout-summary .ro-body .ro-item>div .ro-quantity,
.ro-checkout-summary .ro-body .ro-item>div .ro-item-color,
.ro-checkout-summary .ro-body .ro-item>div .ro-price {
    display: inline-block;
}

.ro-checkout-summary .ro-body .ro-item>div:nth-of-type(3) .ro-price {
    width: 33.33%;
}

.ro-checkout-summary .ro-body .ro-item>div:nth-of-type(3) .product-total {
    float: right;
}

.ro-checkout-summary .ro-body .ro-item>div:nth-of-type(3) {
    padding-left: 20px;
    width: 75%;
}

.ro-checkout-summary .tb-beg {
    margin-top: 15px;
    text-transform: uppercase;
}

.ro-checkout-summary .ro-footer>div {
    background-color: #eeeeee;
    padding: 0 35px;
}

.ro-checkout-summary .ro-footer>div p {
    color: #666666;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 20px 0;
    vertical-align: middle;
    font-weight: 600;
}

.ro-checkout-summary .ro-footer>div p span {
    clear: both;
    float: right;
    font-size: 14px;
}

.ro-checkout-summary .ro-footer>div .ro-divide {
    border-bottom: 1px solid #cccccc;
    width: 100%;
}

.ro-checkout-summary .ro-footer>div:last-of-type {
    background-color: #ffffff;
    padding: 30px 35px;
}

.ro-checkout-summary .ro-footer>div.shipping>p {
    float: left;
    width: 30%;
}

.ro-checkout-summary .ro-footer>div.shipping .ro-shipping-method {
    float: right;
    width: 70%;
}

.ro-checkout-summary .ro-footer>div:last-of-type p span {
    color: #84d8c9;
    font-size: 18px;
}

.ro-shipping-method>p {
    float: right;
}

.ro-checkout-summary .ro-body .ro-item .ro-image img:hover {
    opacity: 0.5;
    transition: all .4s ease 0s;
}

.checkout-coupon.top-down>input[type="text"],
p.checkout-coupon input[type="email"],
p.checkout-coupon input[type="password"] {
    width: 100%;
}

.checkout-coupon.top>input[type="text"],
.checkout-coupon.top>input[type="email"],
.checkout-coupon.top>input[type="password"] {
    width: 100%;
}

.checkout-coupon.top {
    float: left;
    width: 47%;
}

.checkout-coupon.top-down {
    float: right;
    width: 47%;
}

.coupon-info.top1 {
    overflow: hidden;
}

.cop-left .inline {
    margin-left: 9px;
}

p.lost_password {
    color: #444444;
    margin: 20px 0;
}

p.lost_password a {
    color: #444444;
}

p.lost_password a:hover {
    color: #84d8c9;
}

.cop-left {
    display: inline-block;
    margin-top: 5px;
}

/*-------------------- 15. login--------------------*/
.checkout-coupon.top-down.log {
    width: 100%;
}

.checkout-coupon.top.log {
    float: left;
    width: 100%;
}

.forgot-password {
    float: right;
}

.login-area {
    margin: 50px 0;
}

.login-area .tb-login-form h5.tb-title,
.tb-info-login h5.tb-title4 {
    border-bottom: 1px solid #f0f0f0;
    color: #525151;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    line-height: 19px;
}

.tb-info-login h5.tb-title4 {
    border-bottom: 0 solid #f0f0f0;
    margin-top: 40px;
}

.login-area .tb-login-form>p {
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px !important;
}

.login-area .tb-login-form .tb-social-login {
    margin-bottom: 30px;
}

.tb-login-form .tb-social-login>a.tb-facebook-login {
    background: #3d5c98 none repeat scroll 0 0;
}

.tb-login-form .tb-social-login>a {
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    min-width: 250px;
    padding: 12px 30px;
    text-align: center;
}

.tb-login-form .tb-social-login>a.tb-twitter-login {
    background: #22aadf none repeat scroll 0 0;
    float: right;
}

.tb-login-form .tb-social-login>a:hover {
    opacity: 0.7;
}

.tb-login-form .tb-social-login>a>i {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.checkout-coupon.top.log.a-an,
.checkout-coupon.top-down.log.a-an {
    margin-bottom: 40px;
}

.inline2>input {
    margin-right: 11px;
}

.tb-login-form>form .forgot-password {
    color: #84d8c9;
    float: right;
    font-size: 14px;
    font-weight: 400;
}

.tb-login-form>form>p.login-submit5>input {
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    color: #747474;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    padding: 8px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    width: 120px;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.tb-login-form>form>p.login-submit5>input:hover {
    background: #84d8c9 none repeat scroll 0 0;
    border-color: #84d8c9;
    color: #ffffff;
}

.forgot-password1 {
    margin-bottom: 33px;
}

.forgot-password1 .inline2>em {
    color: #84d8c9;
    font-size: 15px;
    right: -10px;
    top: 0;
}

.tb-register-form .tb-info>ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.tb-info-login>ul>li::before {
    color: #84d8c9;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}

.tb-info-login>ul>li {
    color: #8b8b8b;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

/*--------------------- 16. shoping-cart--------------------*/
.ray .input-text.qty.text {
    border: 1px solid #d3d3d3;
    padding: 5px 8px 5px 20px;
    width: 90px;
    color: #676767;
}

.cart-form.table-responsive {
    margin-bottom: 0px;
}

.yith-wcwl-share.yit {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
}

.remove>span {
    color: #474747;
}

.remove>span:hover {
    color: red;
}

.s-cart-area a.remove {
    background: #dfdfdf none repeat scroll 0 0 padding-box;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 17px;
    line-height: 16px;
    margin: 10px auto 0;
    position: relative;
    text-align: center;
    width: 17px;
}

td.sop-cart.an-shop-cart {
    text-align: inherit;
}

.s-cart-area a img.primary-image {
    margin: 30px 17px 30px 30px;
    width: 173px;
}

.s-cart-area th.low7 {
    min-width: 178px;
}

.s-cart-area .data-table th {
    color: #333;
}

.s-cart-area .tb-product-price .amount,
.cen span.amount,
.s-cart-area .tb-product-price .amount2 {
    font-size: 16px;
    font-weight: 600;
}

.cen span.amount {
    color: #333;
}

.checkout-coupon.an-cop {
    margin-bottom: 0;
    margin-left: 0;
    padding: 25px 25px 25px 0;
    text-align: right;
}

p.checkout-coupon.an-cop input[type="submit"] {
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    padding: 7px 55px;
}

.tb-tab-container2 {
    border: 1px solid #c5c5c5;
    display: inline-block;
    width: 100%;
}

.tb-tab-container2 .etabs {
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 20px 0 0;
    padding: 0;
    width: 35%;
}

.tb-tab-container2 .etabs li {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #c5c5c5;
    display: inline-block;
    width: 100%;
}

.tb-tab-container2 .etabs li.active a {
    background: #84d8c9 none repeat scroll 0 0;
    color: #fff;
}

.tb-tab-container2 .etabs li a {
    color: #6f6f6f;
    display: inline-block;
    font-size: 13px;
    outline: medium none;
    padding: 15px 20px;
    text-transform: uppercase;
    width: 100%;
}

.tb-tab-container2 .nav-tabs>li.active>a,
.tb-tab-container2 .nav-tabs>li.active>a:hover,
.tb-tab-container2 .nav-tabs>li.active>a:focus {
    border-width: inherit;
}

.tb-tab-container2 .nav-tabs>li>a {
    border-radius: inherit;
}

.tb-tab-container2 .another-cen {
    border-left: 1px solid #c5c5c5;
    float: left;
    min-height: 220px;
    padding: 20px 40px;
    width: 65%;
}

.top-shopping4>p {
    margin: 0;
}

.down-shop {
    padding-bottom: 10px;
}

.woocommerce-shipping-calculator p {
    display: inline-block;
    width: 100%;
}

.woocommerce-shipping-calculator p.form-row {
    margin: 0 0 6px;
    padding: 3px;
    position: relative;
}

.woocommerce-shipping-calculator p.form-row label {
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: normal;
    width: 135px;
}

.woocommerce-shipping-calculator p.form-row label span,
.sin-ha em {
    color: #e74c3c;
    font-size: 15px;
}

.woocommerce-shipping-calculator p.form-row select,
.form-row-wide input[type="text"] {
    float: left;
    width: calc(100% - 135px) !important;
}

.woocommerce-shipping-calculator p.form-row select {
    background-color: #f8f8f8;
    border: none;
    line-height: 28.8px;
    outline: medium none;
    padding: 5px 15px;
    transition: all 0.4s ease 0s;
    width: 100%;
    height: 50px;
    -webkit-appearance: none;
}

p.checkout-coupon.two input[type="submit"] {
    border-radius: 30px;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    margin-left: 138px;
    margin-top: 15px;
    padding: 5px 27px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c5c5c5;
    color: #747474;
    transition: all .4s ease 0s;
}

p.checkout-coupon.two input[type="submit"]:hover,
p.checkout-coupon.full input[type="submit"]:hover {
    background-color: #84d8c9;
    border-color: #84d8c9;
    color: #fff;
}

.form-row-wide input.again[type="text"] {
    float: left;
    width: calc(100% - 0px) !important;
}

p.checkout-coupon.full input[type="submit"] {
    border-radius: 30px;
    margin-left: 0;
    margin-top: 12px;
    width: 100%;
    padding: 5px 27px;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c5c5c5;
    color: #747474;
    transition: all .4s ease 0s;
}

.sub-total {
    border: 1px solid #ddd;
    text-align: center;
}

.cart-table td {
    text-align: center;
}

.cart-subtotal th {
    color: #646464;
    font-size: 17px;
    font-weight: normal;
}

.cart-subtotal td {
    color: #646464;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
}

.order-total th {
    color: #363636;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bolder;
}

.order-total td {
    color: #484848;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    font-weight: 600;
}

.sub-total table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.sub-total table th {
    text-align: right;
    width: 40%;
    padding: 15px 0;
}

.cart-subtotal>td {
    width: 60%;
    padding: 15px 0;
}

.order-total td .amount,
.cart-subtotal td .amount {
    padding-left: 80px;
}

.s-cart-area .order-total {
    border-top: 1px solid #ddd;
}

.wc-proceed-to-checkout a.wc-backward,
.wc-proceed-to-checkout a.wc-forward {
    background-color: transparent;
    border: 1px solid #c5c5c5;
    border-radius: 30px;
    color: #747474;
    display: inline-block;
    font-weight: normal;
    outline: medium none;
    padding: 4px 27px;
    text-align: center;
    text-transform: uppercase;
    transition: all .4s ease 0s;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.wc-proceed-to-checkout a.wc-backward:hover,
.wc-proceed-to-checkout a.wc-forward:hover {
    background-color: #84d8c9;
    border-color: #84d8c9;
    color: #fff;
}

.wc-proceed-to-checkout p.return-to-shop {
    float: left;
}

.wc-forward {
    float: right;
}

.wc-proceed-to-checkout {
    margin-top: 20px;
}

.second-all-class {
    display: block;
    margin: 20px 0 41px;
    overflow: hidden;
}

/*--------------------- 17. single-product--------------------*/
.single-product-area {
    margin: 50px 0;
}

.single-product-area .b-none {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}

.single-product-area .entry-summary .entry-title {
    color: #515151;
    font-size: 17px;
    margin-bottom: 8px;
    margin-top: 8px;
    text-transform: uppercase;
}

.single-product-area .tb-product-price.nurore {
    font-size: 22px;
    float: left;
}

.single-product-area .tb-product-wrap-price-rating {
    border-bottom: 1px dotted #c5c5c5;
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
}

.single-product-area .stock {
    color: #898989;
    display: inline-block;
    float: right;
    margin-top: 9px;
}

.single-product-area .stock span {
    color: #84d8c9;
}

.single-product-area .description>p {
    border-bottom: 1px dotted #c5c5c5;
    margin-bottom: 30px;
    margin-top: 10px;
    padding-bottom: 8px;
}

.single-product-area .woocommerce-shipping-calculator p.form-row label {
    width: 80px;
}

.single-product-area .woocommerce-shipping-calculator p.form-row select {
    width: calc(100% - 81px) !important;
}

.single-product-area .single-price>div {
    display: block;
    float: left;
    width: 100%;
}

.single-product-area .ro-quantity {
    margin-bottom: 15px;
}

.single-product-area .ro-quantity label {
    float: left;
    width: 81px;
    color: #515151;
    font-size: 13px;
    font-weight: normal;
}

.single-product-area .ro-quantity span.s-color {
    color: #e74c3c;
}

.single-product-area .ro-quantity .quantity input {
    -moz-appearance: textfield;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 14px;
    padding: 8px;
    width: 50%;
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #d3d3d3;
    color: #777;
    margin-bottom: 10px;
    transition: all 0.3s ease 0s;
}

.single-product-area input.cart-plus-minus-box {
    text-align: center;
}

.single-product-area .inc.qtybutton,
.single-product-area .dec.qtybutton {
    border: 1px solid #d3d3d3;
    cursor: pointer;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 25%;
    font-size: 22px;
    transition: all .4s ease 0s;
}

.single-product-area .inc.qtybutton {
    border-width: 1px 1px 1px 0px;
}

.single-product-area .dec.qtybutton {
    border-width: 1px 0 1px 1px;
    font-size: 30px;
    line-height: 33px;
}

.cart-plus-minus {
    width: 100%;
}

.single-product-area .quantity {
    display: block;
    overflow: hidden;
    width: calc(100% - 81px) !important;
}

.single-product-area .ro-info-box-wrap.tpl3.st {
    margin-top: 50px;
}

.single-product-area .inc.qtybutton:hover,
.single-product-area .dec.qtybutton:hover {
    color: #84d8c9;
}

.single-product-area .tb-product-btn a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 40px;
    color: #757575;
    display: inline-block;
    height: 40px;
    margin: 10px 2px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 40px;
    line-height: 39px;
}

.single-product-area .tb-product-btn a:hover {
    background: #84d8c9 none repeat scroll 0 0;
    color: #ffffff;
}

.single-product-area .tb-product-btn.shp {
    display: inline-block;
    float: left;
    margin-left: 8px;
}

.single-product-area .tb-product-btn a {
    margin-left: 10px;
    text-align: center;
}

.single-product-area .capture-pn {
    margin-top: 8px;
    text-align: right;
    cursor: pointer;
}

.single-product-area .ro-info-box-wrap.tpl3:hover .tb-image>img {
    opacity: inherit;
    transform: inherit;
}

.single-price>div p.single-price-top {
    margin-top: 18px;
}

.single-product-area .top-shop-sidebar::before {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 21px;
    width: 100%;
    z-index: -1;
}

.single-product-area .top-shop-sidebar h3.wg-title {
    margin-bottom: 23px;
}

.text-sin {
    margin-top: 48px;
}

.text-sin>ul {
    display: block;
    overflow: hidden;
}

.text-sin ul li.active {
    background: #dddddd none repeat scroll 0 0 !important;
}

.text-sin ul li.active a {
    color: #1d1d1d !important;
}

.text-sin ul li {
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 0 14px;
}

.text-sin ul li a {
    display: inline-block;
    font-weight: 700;
    padding: 0.5em 0;
    text-decoration: none;
    color: #bebebe !important;
    font-size: 17px !important;
    font-weight: normal !important;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.single-product-area .text-sin .tab-content {
    background-clip: padding-box;
    border: 1px solid #bebebe !important;
    border-radius: 0 !important;
    padding: 30px 25px !important;
}

.sin-ha h2 {
    font-size: 14px;
    line-height: 1.6rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #474747;
    font-family: Poppins, -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

.last-line h3 {
    font-size: 15px;
    margin-bottom: 12px;
}

.single-product-area table.shop_attributes {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.1) -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: dotted none none;
    border-width: 1px 0 0;
    margin-bottom: 1.618em;
    width: 100%;
}

.single-product-area table.shop_attributes th {
    font-weight: 700;
    padding: 8px;
    width: 150px;
}

.single-product-area table.shop_attributes td,
.single-product-area table.shop_attributes th {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    border-top: 0 none;
    line-height: 2.5;
    margin: 0;
}

.single-product-area table.shop_attributes td {
    font-style: italic;
    padding: 0;
}

.single-product-area table.shop_attributes td p {
    margin: 0;
    padding: 8px 0;
}

.single-product-area table.shop_attributes tr.alt {
    background-color: #F9F9F9;
}

.single-product-area table.shop_attributes th {
    border-right: 1px dotted rgba(0, 0, 0, 0.2);
}

.last-cart-con.s-icon2 {
    float: left;
    margin-top: -8px;
}

.single-product-area textarea.form-control {
    margin-bottom: 15px;
    height: 75px;
}

.sin-form2 span a {
    color: #aaaaaa;
    font-size: 17px;
}

.sin-form2 {
    margin: 0 0 14px;
}

p.woocommerce-nore2 {
    margin: 0;
}

.tagged_as>a {
    color: #747474;
}

.last-line {
    position: relative;
}

.single-pro-area7 .last-line::before {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 21px;
    width: 100%;
    z-index: -1;
}

.zoom {
    border-radius: 0 !important;
    border: 3px solid #84d8c9 !important;
    box-shadow: none !important;
}

.demo4 img {
    width: 100%;
}

.tab-zoom .tab-menu img {
    width: 100px;
}

.tab-zoom .tab-menu>li {
    display: inline-block;
    float: left;
    margin-top: 30px;
    position: relative;
}

.zoom-mrgn-none {
    margin-right: 0 !important;
}

.tab-menu li>a {
    display: block;
    margin: 0 17px;
    position: relative;
}

.tab-menu li>a::before {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.tab-menu li>a:hover::before {
    opacity: 1;
}

.tab-zoom {
    position: relative;
}

.tab-menu li.active>a::before {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
}

/*............. 18. scrollUp................*/
#toTop {
    text-align: center;
    background-color: #7f7f7f;
    bottom: 65px;
    cursor: pointer;
    display: none;
    height: 40px;
    position: fixed;
    right: 12px;
    width: 40px;
    z-index: 9999;
    line-height: 40px;
    color: #fff;
    transition: all .4s ease 0s;
}

#toTop:hover {
    background-color: #84d8c9;
}

/*............. 19.start QUICK VIEW................*/
.product-name>h1 {
    font-size: 24px;
    line-height: 42px;
    text-transform: uppercase;
}

.input-content input {
    -moz-appearance: textfield;
    float: left;
    font-size: 14px;
    line-height: 14px;
    width: 85%;
}

.input-content input.qty {
    border: 1px solid #d3d3d3;
    color: #777;
    margin-bottom: 10px;
    padding: 10px;
    transition: all 0.3s ease 0s;
    text-align: center;
    font-size: 16px;
}

.input-content input.qty:focus {
    border-color: #84d8c9;
    color: #333;
}

.modal-product .input-content label {
    float: left;
    font-weight: 400;
    width: 15%;
}

.modal-product .input-content {
    margin-bottom: 8px;
    overflow: hidden;
}

.modal-product .last-cart {
    display: block;
    float: left;
    min-width: 251px;
    overflow: hidden;
}

.modal-product .input-content label span {
    color: #84d8c9;
}

.add-to-box.add-to-box2 {
    display: block;
    overflow: hidden;
}

.stock2 {
    margin-top: 20px;
}

.modal-content .tb-product-price {
    font-size: 20px;
}

.modal-content .tb-product-price span.amount {
    font-size: 20px;
}

.modal-body {
    padding: 31px;
    position: relative;
}

.availability.in-stock2 {
    font-weight: inherit;
}

.modal {
    z-index: 2147483647;
}

#productModal .modal-dialog {
    margin: 5% auto;
    max-width: 96%;
    min-height: 300px;
    padding: 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 1019px;
}

#productModal .modal-header,
#noticeModal .modal-header {
    border: 0 none;
    padding: 0;
    min-height: auto;
}

#productModal button.close,
#noticeModal button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 2;
    opacity: 1;
}

#productModal button.close span,
#noticeModal button.close span {
    border: 1px solid #909295;
    border-radius: 60px;
    color: #909295;
    display: block;
    height: 30px;
    line-height: 25px;
    text-align: center;
    width: 30px;
    padding-top: 1px;
}

#quickview-wrapper .modal-content {
    border-radius: 0;
    max-height: calc(100vh - 68px);
    overflow: auto;
}

.modal-product {
    overflow: hidden
}

.modal-product .product-images {
    display: block;
    float: left;
    width: 50%;
}

.modal-product .product-images .quick-thumbnails {
    float: left;
    width: 100%;
}

.modal-product .product-images .main-image {
    float: left;
    margin-bottom: 10px;
    padding-right: 20px;
    width: 100%;
}

.modal-product .product-images .main-image img {
    box-shadow: none;
    width: 100%;
}

.foot-icon {
    float: right;
    margin-top: 8px;
}

/*15. end QUICK VIEW == */









.mobile-menu {
    display: none;
}

.mobile-menu {
    position: absolute;
    top: 96px;
    width: 100%;
}

.meanmenu-reveal {
    position: absolute;
    top: -67px !important;
}