/***********************************
* Defaults.css ********************
***********************************/
/**
* Owl Carousel v2.3.3
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:auto;touch-action:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.3
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}


/*+++++++++++++++++++++++ Animation.scss +++++++++++++++++*/
.basic-sc{
    position: relative;
}
.basic-sc:before, .basic-sc:after{
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.draw-sc{
    -webkit-transition: color 0.20s;
    transition: color 0.20s;
}
.draw-sc:before, .draw-sc:after{
    border: 2px solid transparent;
    width: 0;
    height: 0;
}
.draw-sc:before{
    top: 0;
    left: 0;
}
.draw-sc:after{
    bottom: 0;
    right: 0;
}
.draw-sc:hover:before, .draw-sc:hover:after,
.draw-sc:focus:before, .draw-sc:focus:after{
    width: 100%;
    height: 100%;
}
.draw-sc:hover:before, .draw-sc:focus:before{
    border-top-color: cyan; /* Show màu mới */
    border-right-color: cyan;
    transition: width 0.20s ease-out, /* Thay đổi chiều rộng trước */
    height 0.20s ease-out 0.20s;  /* Tiếp theo thay đổi chiều cao */
}
.draw-sc:hover:after, .draw-sc:focus:after{
    border-bottom-color: cyan; /* Show màu mới */
    border-left-color: cyan;
    transition: border-color 0s ease-out 0.5s, /* Đợi :: trước khi kết thúc trước khi hiển thị đường viền */
    width 0.20s ease-out 0.5s, /* Và sau đó mở rộng chiều rộng */
    height 0.20s ease-out 0.75s; /* Và cuối cùng chiều cao */
}

/* Thừa kế từ .draw */
.meet-sc:after{
    top: 0;
    left: 0;
}

.meet-sc:hover:before, .meet-sc:focus:before{
    border-top-color: yellow;
    border-right-color: yellow;
}
.meet-sc:hover:after, .meet-sc:focus:after{
    border-bottom-color: yellow;
    border-left-color: yellow;
    transition: height 0.25s ease-out,
    width 0.25s ease-out 0.25s;
}
/*
<button class="basic-sc draw-sc meet-sc btn">basic-sc draw-sc</button>
*/
/*+++++++++++++++++++++ End Animation.scss +++++++++++++++++*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
body {
    font-size: 12px;
    color: #000;
}
a {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    color: #000;
}

a:hover, a:focus {
    color: #f15f61;
    text-decoration: none;
}
.pdd-0 {
    padding: 0 !important;
}
.red {
    color: red !important;
}
.green {
    color: green;
}
.dodgerblue {
    color: dodgerblue;
}
img{
    max-width: 100%;
}
ul, ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

input, button {
    border-radius: 0 !important;
}

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

.row-5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.pdd5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.row-3 {
    margin-left: -3px !important;
    margin-right: -3px !important;
}
.clearfix-25 {
    clear: both;
    height: 25px;
}

.clearfix-10 {
    clear: both;
    height: 10px;
    width: 100%;
}
.content {
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial;
}
.description {
    text-align: justify;
    font-size: 12px;
    line-height: 22px;
}
.description li {
    list-style: inherit !important;
    list-style-position: inside !important;
    float: none !important;
}
.content img, .content table {
    max-width: 100% !important;
    height: auto !important;
    margin: 5px 0;
}
.content iframe {
    max-width: 100% !important;
    margin: 5px 0;
}
.trans02s {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
/*
.container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.row {
    margin-left: -6px !important;
    margin-right: -6px !important;
}*/

.formError .formErrorContent {
    background: red;
    border: 1px solid red;
    box-shadow: 0 0 6px #0941ba;
    -moz-box-shadow: 0 0 6px #0941ba;
    -webkit-box-shadow: 0 0 6px #0941ba;
    -o-box-shadow: 0 0 6px #0941ba;
}
.formError .formErrorArrow div {
    border-left: 2px solid red;
    border-right: 2px solid red;
    box-shadow: 0 2px 3px #0941ba;
    -moz-box-shadow: 0 2px 3px #0941ba;
    -webkit-box-shadow: 0 2px 3px #0941ba;
    -o-box-shadow: 0 2px 3px #0941ba;
    background: red;
}
.opacity0 {
    opacity: 0 !important;
}
.disableBtn {
    pointer-events: none;
    opacity: .5;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #f15927;
    height: 14px;
    width: 14px;
}
.owl-theme .owl-dots .owl-dot span{
    background: #f8ac93;
}

.owl-prev, .owl-next{
    content: "";
    top:30%;
    width: 14px;
    height: 22px;
    padding: 0 !important;
    line-height: 0 !important;
    margin: 0;
    color: #bcbcbc !important;
    font-size: 50px !important;
    z-index: 999999;
    opacity: 1 !important;
    position: absolute;
    cursor: pointer;
    background: transparent !important;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}
.owl-prev{
    left: 0;
}
.owl-next{
    right: 0;
}
.owl-prev:hover, .owl-next:hover{
    color: #f15f61 !important;
}
.owl-prev:focus, .owl-next:focus{
    outline: 0;
}

.btn-green{
    color: #fff;
    padding:5px 18px;
    border-radius: 15px;
    background-color: #f15f61;
    border: 1px solid #414a62;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}
.btn-green:focus, .btn-green:active, .btn-green.active, .btn-green:hover{
    color: #fff;
    background-color: #414a62;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}
.block{
    display: block;
}

.alert{
    font-size: 14px;
}

/*************** Pagination ********************/
.paginations{
    margin: 25px 0 0 0;
    position: relative;
    text-align: center;
}
.paginations:after{
    content: '';
    top:48%;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 1;
    background: #e1e1e1;
    position: absolute;
}
.pagination{
    z-index: 2;
    position: relative;
    background: #fff;
    padding: 0 30px;
}
.pagination li a{
    border-radius: 50% !important;
    margin: 0 2px;
    color: #495b72;
    border: 1px solid #495b72;
}
.pagination li.active a,.pagination li a:hover,.pagination li a:focus,.pagination li a:active{
    color: #fff;
    background: #f05f62  !important;
    border-color: #f05f62 !important;
}
.pagination li.round a{
    padding: 6px 15px;
    border-radius: 15px !important;
}
.pagination li.round.active a,.pagination li.round a:hover,.pagination li.round a:focus,.pagination li.round a:active{
    border-color: #495b72 !important;
}
/******** End pagination *********/


/*********** Background **************/
.header-top,.header-top{
    background: #f05f62;
}
.viewmore a, .searchbyage form .input-group button, .searchbyage form .input-group-btn,
.newsletter .input-group button, .newsletter .input-group-btn, .copyright{
    background: #f15f61;
}

/*********** Color **************/
.bookAgeTab, .copyright, .breads h1, .breads .breadcrumb, .breads .breadcrumb a, .breads .breadcrumb>li+li:before,
.news-image .redire i, .news-title a, .newsfeed .news-title a,.newsfeed .news-title a:hover, .newsfeed .news-author, .newsfeed .news-desc,
.age-year .age-year-choose a:hover, .viewmore a, .viewmore a:hover, .lettertext, .letterphone a, .letterphone a:hover,
.searchbyage form .input-group button,.newsletter .input-group button, .header-right, .header-right a{
    color: #fff;
}
.title a, .age-year-title{
    color: #c794cf;
}
.tags, .tags a, .locations .loca-text, .searchByDesc, .news-title a, .news-author, .news-desc{
    color: #666;
}
.ageNavItem:hover h3 a, .ageNavItem h3 a:hover, .news-list .news-more:hover, .tags a:hover, .postItem .postInfo .postTitle,
.widgetnav li a:hover,.widgetnav li a.active, .widgetnav li a.active, .pricelist a:hover,.pricelist a.active,
.news-title a:hover, .widget-title:hover, .widget-title a:hover, .widget-title a.active, .product-name a:hover,
.nav-menu>.menu-item.active>.menu-link, .nav-menu>.menu-item>.menu-link:hover{
    color: #f05f62;
}
.news-list .news-title a:hover, .footContent ul li a:hover, .footContent ul li a:hover:after{
    color: #f15f61;
}
.news-list .news-more, .postItem .postInfo .kind, .postItem .postInfo .postTitle:hover, .widget-title, .widget-title a, .widgetnav li a, .about-us .news-title, .news-list .news-title a{
    color: #394a5d;
}
/***********************************
* End defaults.css *****************
***********************************/




/***********************************
* nav-menu.css *
***********************************/

/************ Background & Color *************/
.nav{
    background-color:transparent;
}
.menu-link{
    color: #344862;
}

.nav-menu .menu-link{
    font-size: 14px;
}
/************ Background & Color *************/

.nav {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999999999999999;
}
.nav-open .nav{
    position: fixed;
    top: 90px;
    background-color: rgba(0, 0, 0, 0.61) !important;
    height:100%;
}

.nav-container {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 9999;
    overflow-y: auto;
    visibility: hidden;
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-overflow-scrolling: touch;
}

.nav-container.is-visible {
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.nav-toggle {
    border: 0;
    z-index: 99;
    left: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    background: transparent;
}
.nav-toggle .icon-menu {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 15px;
    vertical-align: middle;
    fill: none;
    z-index: 15;
}
.nav-menu .menu-item{
    position: relative;
    border-bottom: 1px solid rgba(195, 195, 195, 0.28);
}
.icon-menu .line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.icon-menu .line-1 {
    top: 0;
}

.is-active .icon-menu .line-1 {
    top: -4px;
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
    -ms-transform: translateY(8px) translateX(0) rotate(45deg);
    transform: translateY(8px) translateX(0) rotate(45deg);
}

.icon-menu .line-2 {
    top: 50%;
    margin-top: -1px;
}

.is-active .icon-menu .line-2 {
    opacity: 0;
}

.icon-menu .line-3 {
    bottom: 0;
}

.is-active .icon-menu .line-3 {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
    transform: translateY(-8px) translateX(0) rotate(-45deg);
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; /* 2 */
}

.nav-menu .menu-link {
    text-decoration: none;
    padding: 10px;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}
.has-dropdown {
    position: relative;
    cursor: pointer;
}

.has-dropdown:after {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    width: 60px;
    height: 30px;
    text-align: center;
    /*content: "+";*/
    color: #505252;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 30px;
}
.has-dropdown.is-active:after {
    content: "\2013"; /* 1 */
}
.nav-dropdown {
    z-index:1;
    display: none;
    position: relative;
}
.has-dropdown.is-active > .nav-dropdown {
    display: block; /* 1 */
}
.nav-menu > .menu-item > .menu-link {
    padding: 8px 15px;
    text-transform: uppercase;
}
.nav-dropdown .menu-link{
    padding:8px 0 8px 25px ;
}
/*.nav-dropdown  .menu-item{
    border-top: 1px solid rgba(21, 104, 46, 0.22);
}*/
.nav-dropdown .nav-dropdown {
    background: #b5b5b5;
}
.nav-dropdown .nav-dropdown .menu-link{
    padding:8px 0 8px 30px ;
}

@media (min-width: 1025px) {
    .nav-menu{
        background: transparent;
        width:100%;
    }
    .nav,.nav-container,.nav-container.is-visible {
        position: relative;
        z-index:10;
        top: auto;
        left: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .nav-container,.nav-container.is-visible {
        visibility: visible;
        height: auto;
        min-height: 0;
        overflow-y: visible;
    }
    .nav-toggle {
        display: none;
    }
    .nav-menu>.menu-item{
        padding: 18px 0;
    }
    .nav-menu>.menu-item>.menu-link{
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        padding: 0 30px;
    }
    .nav-menu .menu-item {
        -webkit-transition: background-color 0.05s ease-in-out, color 0.05s ease-in-out;
        transition: background-color 0.05s ease-in-out, color 0.05s ease-in-out;
        border-bottom: none;
        float: left;
    }
    .nav-menu>.menu-item {
        background: url('../img/bg/line-li.png') no-repeat left center;
    }
    .nav-menu .menu-item:first-child {
        background: none !important;
    }
    .has-dropdown{
        position: inherit;
    }
    .has-dropdown:after {
        content: "" !important;
    }
    .nav-menu > .has-dropdown:after {
        position: absolute;
        top: 50%;
        width: 0;
        height: 0;
        margin-top: -2px;
        margin-left: -4px;
        content: "";
        border-width: 5px 5px 0 5px;
        border-style: solid;
        border-color: transparent transparent transparent transparent;
    }

    .has-dropdown > .menu-link {
        padding-right: 2rem;
    }


    /* menu sub */
    .main-drop{
        padding: 15px;
    }
    .nav-dropdown {
        display: none;
        opacity:0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
        border-radius: 0;
        visibility: hidden;
        -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
        transition: visibility 0s linear 0.25s, opacity 0.25s linear;
    }
    .nav-dropdown  .menu-item{
        border-top: none !important;
    }
    .has-dropdown:hover > .nav-dropdown {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
    .main-drop>.row>.menu-item>.menu-link{
        font-weight: bold;
        text-transform: uppercase;
    }
    .nav-dropdown .menu-item .menu-link{
        float: none !important;
        padding:8px 10px 5px 10px;
        display: inline-block;
        font-weight: normal;
        text-transform: none;
    }
    .nav-dropdown .nav-dropdown {
        border-top: none !important;
        left: 100% !important;
        top: 0;
    }

    .nav-dropdown .nav-dropdown .menu-item .menu-link{
        padding:  8px 0;
    }
    .nav-dropdown .nav-dropdown {
        position: absolute;
        left: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .nav-dropdown .nav-dropdown .menu-item {
        width: 100%;
    }
    .header-top .headerFrame{
        display: flex;
        align-items: center;
    }
    .header-top .headerFrame :nth-child(1){
        order: 3;
    }
    .header-top .headerFrame :nth-child(2){
        order: 2;
    }
    .header-top .headerFrame :nth-child(3){
        order: 1;
    }
}
/* sm */
@media (min-width:768px) and (max-width:991px) {
    .nav-container {
        width: 100%;
    }
}
/* xs */
@media (max-width:767px)  {
    .nav-container{
        max-width: 100%;
        background: #fff;
    }
    .nav-dropdown  .menu-item:last-child{
        border-bottom: none;
    }
}
/*************************** End nav-menu.css  ************************************/
.searchbyage .searchByDesc, .generHighlight ,  .mainnews .blockprice{
    display: none !important;
}
/**********  Header ********************/
.header-top{
    padding: 10px;
}
.header-top .logo{
    text-align: center;
    display: block;
}
.header-right{
    display: flex;
    position: relative;
}
.header-right .header-item{
    display: block;
    text-align: left;
    padding: 0 10px;
}
.header-right .header-item .profile{
    padding-left: 2px;
}
.header-right .header-item a{
    display: block;
    font-size: 14px;
}
.header-cart i{
    font-size: 30px;
}
.header-cart span{
    display: inline-block;
    position: relative;
}
.header-cart span small{
    display: block;
    font-size: 14px;
}
.header-cart span big{
    margin-right: 3px;
}
.headernav{
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25);
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.fixsocial{
    right: -100%;
    top: 50%;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    transform: translateY(-50%);
    -webkit-transition: all .9s;
    transition: all .9s;
}
.fixsocial.is{
    right:0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .9s;
    transition: all .9s;
}
.fixsocial a{
    display: block;
    width: 45px;
    height: 45px;
}
.fixsocial a.study{
    background: url('../img/social/cart.png') center center no-repeat;
}
.fixsocial a.youtube{
    background: url('../img/social/youtube.png') center center no-repeat;
}
.fixsocial a.face{
    background: url('../img/social/facebook.png') center center no-repeat;
}

/*******   wrapper ********************/
.sFullOwl .owl-dots{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sFullOwl .owl-item img {
    width: auto;
    margin: 0 auto;
}
.title{
    display: block;
    text-align: center;
    padding-bottom: 21px;
    margin-bottom: 16px;
    background: url('../img/bg/bg-title-one.png') no-repeat center bottom;
}
.title-lighting{
    background: url('../img/bg/bg-title-lighting.png') no-repeat center bottom;
}
.title a{
    display: block;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}
.title .title-desc{
    font-size: 13px;
    display: block;
    margin: 12px 0;
}
.viewmore{
    display: block;
    text-align: center;
    margin: 20px 0;
}
.viewmore a{
    font-size: 14px;
    padding: 10px 40px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #414a62;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.viewmore a:hover{
    background: #414a62;
}

/*--searchbyage-----*/
.searchbyage{
    /*margin: 35px 0 80px 0;*/
    margin: 35px 0 0 0;
}
.searchbyage form{
    max-width: 690px;
    margin: auto;
    position: relative;
}
.searchbyage form .input-group, .newsletter .input-group{
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #394a5d;
    margin-bottom: 20px;
}
.newsletter input, .newsletter .input-group button,
.searchbyage form .input-group input, .searchbyage form .input-group button{
    border: none;
}

.searchbyage form .input-group button, .newsletter button{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.searchbyage .searchByDesc{
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    font-size: 13px;
    margin-bottom: 20px;
}
.searchByDesc .aside-right a{
    padding: 5px 6px;
    border-radius: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #394a5d;
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.searchByDesc .aside-right a:hover{
    background: #394a5d;
    color: #fff;
}

/*--age-year-----*/
.age-year{
    display: flex;
    align-items: center;
    justify-content: center;
}
.age-year .age-year-title{
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 5px;
}
.age-year .age-year-choose a{
    display: inline-block;
    padding: 6px 6px 3px 6px;
    margin: 5px;
    border-radius: 15px;
    text-transform: uppercase;
    border: 2px solid #394a5d;
}
.age-year .age-year-choose a:nth-child(1){
    color: #fbc378;
    border: 2px solid #fbc378;
}
.age-year .age-year-choose a:hover:nth-child(1){
    background:#fbc378;
}
.age-year .age-year-choose a:nth-child(2){
    color: #fa8179;
    border: 2px solid #fa8179;
}
.age-year .age-year-choose a:hover:nth-child(2){
    background:#fa8179;
}
.age-year .age-year-choose a:nth-child(3){
    color: #0b93d2;
    border: 2px solid #0b93d2;
}
.age-year .age-year-choose a:hover:nth-child(3){
    background:#0b93d2;
}
.age-year .age-year-choose a:nth-child(4){
    color: #c794cf;
    border: 2px solid #c794cf;
}
.age-year .age-year-choose a:hover:nth-child(4){
    background:#c794cf;
}
.age-year .age-year-choose a:hover{
    color: #fff;
}

/*--generHighlight-----*/
.generHighlight .title{
    background: url('../img/bg/bg-title.png') no-repeat center bottom;
}
.generation{
    width: 100%;
    display: block;
    position: relative;
}
.generation .generItem{
    text-align: center;
    display: block;
    position: relative;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.generation .generItem img{
    max-width: 100%;
}
.generation .generItem .generTitle{
    color: #394a5d;
    font-size: 19px;
    margin: 6px 0;
    font-weight: bold;
}
.generation .generItem:hover .generTitle a{
    color: #ffa800;
}/*
.generation .generItem:hover .generTitle:nth-child(1) a{
    color: #9ac9db;
}
.generation .generItem:hover .generTitle:nth-child(2) a{
    color: #afc96e;
}
.generation .generItem:hover .generTitle:nth-child(3) a{
    color: #ffa800;
}
.generation .generItem:hover .generTitle:nth-child(4) a{
    color: #f05f62;
}
.generation .generItem:hover .generTitle:nth-child(5) a{
    color: #64cbd4;
}
.generation .generItem:hover .generTitle:nth-child(6) a{
    color: #c794cf;
}*/
.generation .generItem .generMore{
    color: #666666;
    line-height: 18px;
    font-size: 12px;
    opacity: .6;
    visibility: hidden;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.generation .generItem .generMore a{
    color: #f05f62;
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 5px;
    display: block;
}
.generation .generItem:hover .generMore{
    opacity: 1;
    visibility: visible;
}

.productsindex{
    margin:30px 0 20px 0;
}
.productsindex .item{
    padding: 0 5px;
}

.product-list .product-item{
    margin-bottom: 40px;
}
.product-item {
    position: relative;
    display: block;
    height: 275px;
    margin: 5px 0;
}

.product-name {
    display: block;
    line-height: 12px;
    margin:12px 0 10px 0;
}
.product-name a{
    color: #394a5d;
    font-size: 12px;
}
.product-age{
    color: #999999;
    font-size: 12px;
    margin-bottom: 10px;
}
.product-price{
    color: #f15f61;
    font-size: 13px;
}
.old-price {
    color: #555;
    margin-left: 5px;
    font-weight: 500;
}
.product-image {
    position: relative;
    display: block;
    border: 2px solid transparent;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.product-image img {
    width: 100%;
}
.product-image:hover {
    border-color: #99a5a3;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.product-attrs{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.product-image:hover .product-attrs{
    opacity: 1;
    visibility: visible;
}
.product-attrs a{
    width: 28px;
    height: 28px;
    color: #fff;
    margin: 0 3px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    background: rgba(0,0,0,.3);
}
.product-attrs a:hover,.product-attrs a.acitve, .product-attrs a:focus, .product-attrs a:active{
    background: #394a5d;
}
.product-attrs a, .product-attrs .attrs-star{
    -ms-transform: scale(0.1); /* IE 9 */
    -webkit-transform: scale(0.1); /* Safari */
    transform: scale(0.1);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.product-attrs:hover a, .product-attrs:hover .attrs-star{
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.product-attrs .attrs-star{
    display: flex;
    width: 100%;
    clear: both;
    position: absolute;
    left: auto;
    right: auto;
    text-align: center;
    margin-top: 25px;
    justify-content: center;
}


/******* News  index ********************/
.news-item{
    position: relative;
    margin-bottom: 15px;
}
.news-image{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.news-image img{
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}
.news-image:after{
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    visibility: hidden;
    background: rgba(255,255,255,.4);
    position: absolute;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.news-image .date{
    padding: 5px 12px;
    border-radius: 11px;
    color: #fff;
    font-size: 10px;
    z-index: 5;
    top: 10px;
    left: 10px;
    background: #c794cf;
    position: absolute;
}
.news-image .redire{
    z-index: 3;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.news-image:hover:after, .news-image:hover .redire{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.news-image .redire i{
    color: #fff;
    padding: 11px;
    background: #394a5d;
    position: relative;
    border-radius: 50%;
}
.news-title{
    padding-bottom: 10px;
    margin-bottom: 8px;
    line-height: 17px;
    background: url('../img/bg/round-whrite.png') repeat-x bottom left;
}
.news-title a{
    font-size: 17px;
}
.news-author{
    margin-bottom: 8px;
}
.news-author, .news-desc{
    font-size: 10px;
}
.news-desc{
    font-size: 12px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 4;*/
    line-height: 1.8em;
}

.newsfeed{
    padding: 40px 0;
    background-color: #f15f61;
    background-image: url("../img/bg/bg-new-top-l.png"), url("../img/bg/bg-new-btt-r.png");
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
}
.newsfeed-list{
    position: relative;
}
.newsfeed .news-item{
    margin-bottom: 30px;
}
.newsfeed .title {
    margin-bottom: 30px;
    background: url('../img/bg/bg-title-send.png') no-repeat center bottom;
}
.newsfeed .title a{
    color: #fff;
    text-shadow: 0 2px 10px #000000d1;
}
.newsfeed .news-image{
    -webkit-box-shadow: 0 2px 9px #1f1f1f96;
    -moz-box-shadow: 0 2px 9px #1f1f1f96;
    box-shadow: 0 2px 9px #1f1f1f96;
}
.newsfeed .news-title:hover{
    text-decoration: underline;
}
.newsfeed .news-title{
    padding-bottom: 18px;
    margin-bottom: 10px;
    line-height: 19px;
    font-size: 19px;
}
.newsfeed .news-title a{
    font-size: 17px;
}

.newsfeed .owl-carousel .owl-nav button{
    color: #fff !important;
    font-size: 80px !important;
}

/*---- Category News ----*/
.news-date{
    color: #666;
    font-size: 13px;
    margin-bottom: 10px;
}
.news-list .news-item{
    -webkit-transition: all .6s;
    transition: all .6s;
}
.news-list .news-item:hover{
    -webkit-transition: all .6s;
    transition: all .6s;
    border-radius: 10px;
    -webkit-box-shadow:  0  3px 12px rgba(0,0,0,.35);
    -moz-box-shadow:  0  3px 12px rgba(0,0,0,.35);
    box-shadow:  0  3px 12px rgba(0,0,0,.35);
}
.news-list .news-item .news-image{
    text-align: center;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.news-list .news-item:hover .news-image{
    -webkit-transition: all .6s;
    transition: all .6s;
    border-radius: 10px 10px 0 0;
}
.news-list .news-item:hover .news-image:after{
    display: none;
}
.news-list .news-info{
    padding: 10px 10px 15px 10px;
}
.news-list .news-image{
    border-radius: 10px
}
.news-list .news-title{
    padding: 18px 0 12px 0;
    margin-bottom: 0;
}
.news-list .news-title a{
    font-size: 15px;
}
.news-list .news-desc{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px;
    max-height: 55px;
    -webkit-line-clamp: 3;
}
.news-list .news-more{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

/****** Category news sale *****/
.categorysale .news-item{
    box-shadow: none !important;
}
.categorysale .news-item .news-image{
    border-radius: 10px 10px 0 0 !important;
}
.categorysale .news-item .news-title{
    background: transparent;
}
.categorysale .news-item .news-info{
    background: #fafbfc;
}
.categorysale .news-item .news-more{
    color: #fff;
    background: #f05f62;
    padding: 6px 25px !important;
    border-radius: 30px;
    border: 2px solid #344862;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.categorysale .news-item .news-more:hover{
    color: #fff;
    background: #344862;
    -webkit-transition: all .5s;
    transition: all .5s;
}

/******* about-us **********/
.about-us{
    margin: 40px 0 0 0;
    background: #fafbfc;
}
.about-us .title{
    margin-bottom: 26px;
    background: url('../img/bg/bg-title-foot.png') no-repeat center bottom;
}
.about-us .news-title{
    font-size:20px;
}



/******* Partners **********/
.partners{
    margin: 40px 0 0 0;
}
.partners .title{
    margin-bottom: 26px;
    background: url('../img/bg/bg-ttile-partner.png') no-repeat center bottom;
}
.partners .owl-stage, .partners .item{
    display: flex;
    align-items: center;
    justify-content: center;
}
.partners .item img{
    width: auto;
}

/******* newsletter ********************/
.newsletter{
    margin-top: 42px;
    padding: 20px 0;
    position: relative;
    background-color: #64cbd4;
    background-image: url("../img/bg/bg-newsletter-l.png"), url("../img/bg/bg-newsletter-r.png");
    background-position: center left, center right;
    background-repeat: no-repeat, no-repeat;
}
.newsletter:after{
    content: '';
    bottom: -8px;
    height: 8px;
    width: 100%;
    z-index: 2;
    background:#fff url('../img/bg/line-newsleter.png') repeat-x bottom left;
    position: absolute;
}
.lettertext , .letterphone{
    display: flex;
    min-height: 37px;
    align-items: center;
    justify-content: center;
}
.lettertext{
    font-size: 24px;
    font-weight: bold;
}
.letterphone a{
    display: inline-block;
    font-size: 20px;
    padding: 0 0 0 30px;
    font-weight: bold;
    background: url('../img/icons/phone.png') no-repeat left center;
}
.newsletter .input-group{
    margin-bottom: 0;
}
.newsletter input{
    height: 41px;
    padding: 6px 20px;
}
.newsletter button{
    padding: 12px 20px;
}


/******* Footer ********************/
.footer, .locations, .prefooter, .copyright {
    width: 100%;
    display: inline-block;
}
.footer{
    padding: 45px 0 0 0;
    background: #ebebeb;
}
.locations{
    padding-bottom: 20px;
    margin-bottom: 35px;
    position: relative;
}
.locations:after{
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    z-index: 1;
    position: absolute;
    background: url('../img/bg/after-locat.png') repeat-x left bottom;
}
.locations .loca-item{
    padding-left: 50px !important;
    background-position: top left;
    background-repeat: no-repeat;
}
.locations .loca-text{
    font-size: 13px;
}
.locations .loca-item.green{
    background-image: url("../img/icons/ic-location.png");
}
.locations .loca-item.orgrane{
    background-image: url("../img/icons/ic-hour.png");
}
.locations .loca-item.blue{
    background-image: url("../img/icons/ic-phone.png");
}
.locations .loca-item.violet{
    background-image: url("../img/icons/ic-share.png");
}
.locations .loca-tite{
    font-size: 19px;
    font-weight: bold;
    padding: 12px 0;
}
.locations .green .loca-tite{
    color:#afc96e;
}
.locations .orgrane .loca-tite{
    color:#fbc378;
}
.locations .blue .loca-tite{
    color:#9ac9db;
}
.locations .violet .loca-tite{
    color:#c794cf;
}
.loca-social a{
    display: inline-block;
    position: relative;
}
.loca-social a i{
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 50%;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.loca-social a:hover i{
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.loca-social a i.fa-facebook{
    color: #3b5998;
    border-color:#3b5998;
}
.loca-social a i.fa-google-plus{
    color: #dc4a38;
    border-color:#dc4a38;
}
.loca-social a i.fa-twitter{
    color: #33bdfd;
    border-color:#33bdfd;
}
.loca-social a i.fa-instagram{
    color: #8a6739;
    border-color:#8a6739;
}

.loca-social a:hover i.fa-facebook{
    color: #fff;
    background:#3b5998;
}
.loca-social a:hover i.fa-google-plus{
    background:#dc4a38;
    color: #fff;
}
.loca-social a:hover i.fa-twitter{
    background:#33bdfd;
    color: #fff;
}
.loca-social a:hover i.fa-instagram{
    background:#8a6739;
    color: #fff;
}


/**** prefooter ********/
.prefooter {
    font-size: 12px;
    padding-bottom: 30px;
}
.prefooter .logtxtfooter{
    color: #333333;
    margin-top: 20px;
}
.prefooter .footTitle{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
}

.prefooter .footTitle.green{
    color: #afc96e;
}
.prefooter .footTitle.violet{
    color: #c794cf;
}
.prefooter .footTitle.orgrane{
    color: #fbc378;
}
.prefooter .footTitle:after{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    z-index: 1;
    position: absolute;
}
.prefooter .footTitle.green:after{
    background: url('../img/bg/round-green.png') repeat-x left bottom;
}
.prefooter .footTitle.violet:after{
    background: url('../img/bg/round-violet.png') repeat-x left bottom;
}
.prefooter .footTitle.orgrane:after{
    background: url('../img/bg/round-orange.png') repeat-x left bottom;
}
.footContent{
    color: #333333;
    position: relative;
}
.footContent ul{
    margin: 0;
    padding: 0;
}
.footContent ul li a{
    width: 100%;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: inline-block;
    background: url('../img/bg/border-li-foot.png') repeat-x left bottom;
}
.footContent ul li a:after{
    top: 2px;
    right: 0;
    content:"\f105";
    z-index: 1;
    visibility: hidden;
    position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.footContent ul li a:hover:after{
    visibility: visible;
}
.footContent ul li:last-child a{
    background: transparent;
}
.instagrams{
    position: relative;
}
.instagramsrow{
    margin-left: -5px;
    margin-right: -5px;
}
.instagrams a{
    padding: 3px;
    width: 33.33%;
    float: left;
    display: inline-block;
}
.copyright{
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
}


/************ Popup Modal ***************************************/

.block-modal{
    display: block !important;
    opacity: 1 !important;
    padding-top: 15%;
    background-color: rgba(0, 0, 0, .5) !important;
}
.title-modal{
    font-weight: bold;
    color: #545454;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    clear:  both;
}
.title-x2{
    color: red;
    font-size: 15px;
    margin-bottom: 0;
    font-weight: normal;
}
.desc-modal{
    margin-bottom: 15px;
    font-size: 13px;
    width: 100%;
    clear:  both;
}
.modalControl{
    display: block;
    width:100%;
    margin: 20px 0;
}
.modalControl .btn{
    margin-left: 5px;
}
#modalQuick .modal-body{
    padding: 30px 15px;
}
#modalQuick .info-text{
    margin-bottom: 10px;
}
#modalQuick .product-info{
    min-height: 10px;
}

#modalAddCart .modal-content{
    padding: 10px 20px;
}
#modalAddCart thead tr th:first-child,
#modalAddCart tbody tr td:first-child{
    padding-left: 0;
}
#modalAddCart tr img{
    max-width: 65px;
    max-height: 65px;
    border: 1px solid #d9d9d9;
}
#modalAddCart tbody tr td{
    font-size: 13px;
    border-top: 1px dotted  #d9d9d9 !important;
    vertical-align: middle;
}
#modalAddCart thead tr th,
#modalAddCart tbody tr:first-child td{
    border: none !important;
}
#modalAddCart .involve-title{
    border-top: 1px dashed #a1ce57;
    padding-bottom: 0;
}
#modalAddCart .ProductInvolve {
    margin: 0;
}
#modalAddCart .ProductInvolve .item img{
    border: 1px solid  #d9d9d9 !important;
}
#modalAddCart .owl-prev:after{
    left: 10px;
    /*left: -20px;*/
}
#modalAddCart .owl-next:before{
    right: 10px;
    /*right: -20px;*/
}
#modalAddCart .owl-prev:after,
#modalAddCart .owl-next:before{
    width: 24px;
    height: 48px;
    -webkit-background-size:100%;
    background-size:100%;
}
#modalAddCart .price{
    margin-right: 3px;
}
#modalAddCart .price-old,
#modalAddCart .price{
    font-size: 12px;
    float: left;
}
#show_added{
    position: fixed;text-align: center; top: 140px; right: 20px;z-index: 99999999
}



/************ Childs Layout Users & Orders ***************************************/
.mainlayout{
    display: block;
    overflow: hidden;
    width: 100%;
}
.breads{
    text-align: center;
    padding: 24px 0 ;
    margin-bottom: 40px;
    background: #9ac9db url("../img/bg/bg-bread.png") bottom center repeat-x;
}
.breads h1{
    font-size: 29px;
    font-weight: bold;
}
.breads .breadcrumb{
    margin: 0;
    font-size: 12px;
    background: transparent;
}

.widget-item{
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 40px;
}
.widget-item .product-item{
    width: 100%;
    clear: both;
    display: inline-block;
    margin-bottom: 12px;
}
.widget-title{
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    position: relative;
    text-transform: uppercase;
}
.widget-title:after, .widget-title:before{
    content: '';
    left: 0;
    height: 1px;
    width: 100%;
    max-width: 35px;
    z-index: 1;
    position: absolute;
}
.widget-title:after{
    bottom: 2px;
    background: #f27477;
}
.widget-title:before{
    bottom: 1px;
    background: #f7aaab;
}

.widgetnav{
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
}
.widgetnav li{
    width: 100%;
    display: block;
    margin-bottom: 11px;
    position: relative;
}
.widgetnav li a{
    width: 100%;
    font-size: 14px;
    display: inline-block;
}
.widgetnav>li>a{
    /*font-size: 13px;*/
    font-weight: bold;
}
.widgetnav li.has i{
    content: '+';
    top: -5px;
    right: 0;
    z-index: 1;
    position: absolute;
    color: #394a5d;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    font-style: normal;
}
.widgetnav li.has i:after{
    content: '+';
}
.widgetnav li.has i.is:after{
    content: '-';
}
.widgetnav>li ul{
    margin-top: 20px;
}
.widgetnav li.has ul{
    display: none;
}

.pricelist{
    width: 100%;
    display: block;
}
.pricelist a{
    color: #777;
    width: 100%;
    padding:0 0 10px 18px;
    font-size: 14px;
    position: relative;
    display: inline-block;
}
.pricelist a:after{
    top: 4px;
    left: 0;
    z-index: 1;
    content: "\f096";
    width: 15px;
    height: 15px;
    position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pricelist a.active:after, .pricelist a:hover:after{
    content: "\f046";
}

/********** Category *********/
.categorybanner{
    margin-bottom: 50px;
}
.showing{
    padding: 15px 25px;
    background: #f7f7f7;
    font-size: 14px;
    margin-bottom: 30px;
    border-radius: 5px;
}
.showing, .showing .sngtxt, .showing .sngdrop{
    display: inline-block;
    width: 100%;
}
.showing .sngtxt{
    margin-bottom: 10px;
}
.showing .sngdrop{

}
.showing .sngdrop select, .showing .sngdrop select:focus, .showing .sngdrop select:active{
    border: none;
    box-shadow: none;
    outline: 0;
    background: transparent;
}

/* ++++++++++++++++++++++++++++++++++++++++ Product Details ++++++++++++++++++++++++++++++++++++++++*/
.firstdetail{
    padding: 50px 20px;
    /*background: #ccc;*/
    background: #fafbfc;
}
.firstdetail .gc-display-area{
    background: transparent;
}
.section-name{
    font-weight: bold;
    font-size: 24px;
    color: #222;
}
.orther-name{
    font-size: 14px;
    color: #666;
    display: block;
    margin: 7px 0;
}
.proprice{
    display: block;
    width: 100%;
}
.proprice .priold{
    color: #555;
    font-size: 14px;
    margin-right: 13px;
    display: inline-block;
    font-weight: normal;
}
.proprice .prisale{
    color: #f05f62;
    font-size: 19px;
    font-weight: bold;
    display: inline-block;
}
.productstar{
    font-size: 14px;
    display: block;
    margin-bottom: 17px;
}
.productstar .fa-star{
    color: #f9bf3b;
}
.infotitle{
    color: #999;
    font-size: 14px;
    margin-bottom: 10px;
}
.infotitle span{
    color: #333;
    text-transform: uppercase;
}
.inforContent{
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 22px;
    color: #666;
    margin-bottom: 15px;
}
.infoChildslist{
    margin: 15px 0;
    position: relative;
    display: block;
}
.infoChildslist span{
    color: #010101;
    border-radius: 4px;
    padding: 6px 10px;
    display: inline-block;
    border: 1px solid #010101;
    margin: 0 5px 8px 5px;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
}
.infoChildslist span.inactive{
    pointer-events: none;
}
.infoChildslist span:hover,.infoChildslist span:focus,.infoChildslist span.active{
    color: #fff;
    background: #f15927;
    border: 1px solid #f15927;
}
.infoChildslist span.deactive{
    background: #999;
    color: #fff;
    border-color: #999;
    opacity: .8;
}
.inforcat, .inforAction{
    display: block;
    position: relative;
}
.inforcat .infotitle{
    float: left;
    padding: 0 15px;
}
.inforAction{

}
.quanties{
    float: left;
    margin-right: 20px;
    max-width: 80px;
    display: inline-block;
    border: 2px solid #344862;
}
.quanties input, .quanties .qtybtn{
    float: left;
    border: none;
}
.quanties input{
    color: #344862;
    width: 60%;
    height: 46px;
    font-weight: bold;
    align-items: center;
    display: flex;
    padding: 5px;
    text-align: center;
    justify-content: center;
    border-right: 1px solid #ebebeb;
}
.quanties .qtybtn{
    width: 40%;
}
.quanties .qtybtn a{
    color: #344862;
    height: 23px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
}
.quanties .qtybtn a#QtyDown{
    border-bottom: 1px solid #ebebeb;
}
.prowish{
    font-size: 14px;
    color: #344862;
    margin-left: 20px;
}
.addCart{
    display: inline-block;
    color: #fff;
    border-radius: 24px;
    padding: 12px 25px;
    background: #f05f62;
    border: 2px solid #344862;
    text-transform: uppercase;
    -webkit-transition: all .6s;
    transition: all .6s;
    cursor: pointer;
}
.addCart:hover, .addCart:focus, .addCart:active{
    color: #fff;
    background: #344862;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.addCart.unsel{
    background: #737373;
    border: 2px solid #737373;
    opacity: .9;
}
.maindetail, .mTabContent, .maintab{
    width: 100%;
    display: inline-block;
    position: relative;
}
.maindetail{
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}
.maintab{
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
.maintab span{
    color: #344862;
    font-weight: bold;
    padding:0 0 15px 0;
    margin: 0 15px;
    font-size: 19px;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}
.maintab span:after{
    height: 3px;
    width: 1%;
    bottom: -2px;
    left: 0;
    z-index: 1;
    content: '';
    visibility: hidden;
    background: url('../img/bg/after-maintab.png') left bottom repeat-x;
    position: absolute;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.maintab span.is, .maintab span:hover{
    color: #f05f62;
}
.maintab span.is:after, .maintab span:hover:after{
    width: 100%;
    visibility: visible;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.mTabContent{
    display: none;
    font-size: 14px;
    padding: 25px 0;
    line-height: 25px;
}
.mTabContent.is{
    display: block;
}
.inforContent img,.inforContent table,.inforContent span,.inforContent b,.inforContent i, .inforContent iframe,
.mTabContent img,.mTabContent table,.mTabContent span,.mTabContent b,.mTabContent i, .mTabContent iframe{
    max-width: 100% !important;
}
.mTabContent img{
    margin: 5px 0;
}

.reviews{
    padding: 0;
}
/****** Star vote Product *********/
.star-vote{
    width: 100%;
    display:inline-block;
}
.star-vote span{
    color: #f05f62;
}
.star-vote .fa-star{
    color: #f9c146;
}
.star-vote.star4 .fa-star:nth-child(5),
.star-vote.star3 .fa-star:nth-child(4), .star-vote.star3 .fa-star:nth-child(5),
.star-vote.star2 .fa-star:nth-child(3), .star-vote.star2 .fa-star:nth-child(4),
.star-vote.star2 .fa-star:nth-child(5), .star-vote.star1 .fa-star {
    color: #ececec;
}
.star-vote.star1 .fa-star:nth-child(1){
    color: #f9c146;
}

.revtile{
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    font-size: 17px;
    color: #333;
}
#comment label{
    color: #666;
    font-size: 12px;
}
#comment .lengthCmt{
    display: block;
    text-align: right;
    color: #f05f62;
}
#comment textarea{
    max-width: 100%;
    min-height: 90px;
    border-radius: 10px;
}
#comment input{
    border-radius: 15px !important;
}
#comment #btnRate{
    text-align: center;
}
#comment #btnRate{
    text-align: center;
}
#comment #btnRate .btnRan{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    border-radius: 35px !important;
    padding: 6px 30px;
    background: #71ccf8;
    border: 1px solid #344862;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;
}
#comment #btnRate .btnRan:hover, #comment #btnRate .btnRan:focus, #comment #btnRate .btnRan:active{
    background: #344862;
    border: 1px solid #344862;
    -webkit-transition: all .5s;
    transition: all .5s;
}
#comment .vote {
    display: inline-block;
}
#comment .ic {
    background: url('../img/icons/SpiritIcon.png') no-repeat transparent;
}
#comment .vote .si {
    background-position: 5px -80px;
    float: left;
    height: 15px;
    width: 20px;
    background-size: 80px;
    cursor: pointer;
}
#comment .vote .si.voteHover, #comment .vote .si.active {
    background-position:  5px 0;
}



/******* list Comment Item **********/
.commentProduct{
    margin-top: 30px;
}
.cmtItem{
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding-left: 50px;
}
.cmtItemAvarta{
    left: 0;
    top: 0;
    position: absolute;
    height: 32px;
    width: 32px;
    display: inline-block;
    background: url('../img/icons/user.png') no-repeat center center;
}
.cmtItemD{
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 1.8em;
    max-height: 150px;
}
.cmtItemInfo{
    display: block;
    position: relative;
    margin: 5px 0 0;
    padding: 15px;
    clear: both;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    background: #71ccf808;
    border: 1px dashed #dfdfdf;
}
.cmtItemInfo:after{
    content: '';
    position: absolute;
    top: 18px;
    left: -8px;
    border-top: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
    transform: rotate(-50deg) skew(-10deg);
    width: 12px;
    height: 12px;
    background-color: #fafeff;
}
.cmtItemInfo .cmtItemName{
    font-weight: bold;
}
.cmtItemInfo .cmtItemDate{
    font-style: italic;
    font-size: 12px;
}
.cmtItemInfo .cmtItemD{
    position: relative;
}


/*************** News Content ********************/
.newsContent{
    font-size: 14px;
    padding: 15px;
    position: relative;
    background: #fbfbfb;
}
.newsContImg{
    text-align: center;
}
.newsContImg img{
    border-radius: 10px 10px 0 0;
    height: auto;
    max-width: 100%;
}
.detail-title{
    font-size: 30px;
    color: #394a5d;
    font-weight: bold;
    margin-bottom: 18px;
}
.detail-att {
    color: #666;
}
.detail-line{
    width: 100%;
    height: 3px;
    display: inline-block;
    margin: 20px 0;
    background: url('../img/bg/border-att.png') repeat-x left bottom;
}
.detail-content{
    line-height: 1.8em;
    font-size: 15px;
    position: relative;
}
.detail-content p,.detail-content span,.detail-content strong,.detail-content b,
.detail-content img,.detail-content table,.detail-content iframe{
    max-width: 100% !important;
}
.detail-content img{
    height: auto !important;
}
.detail-content p, .detail-content h1, .detail-content h2, .detail-content h3, .detail-content h4, .detail-content h5, .detail-content h6{
    margin: 0 0 10px;
}
.tags{
    margin-bottom: 10px;
}
.tags a{
    margin-right: 3px;
}
.newssmilar{
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

/*** Article Post ***/
.articlePost{
    margin-bottom: 10px;
}
.postItem {
    display: block;
    margin-bottom: 15px;
}
.postItem .postImg{
    /*max-width: 175px;*/
    display: block;
    /*float: left;*/
}
.postItem .postImg img{
    max-width: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
    border: 1px solid #cccccc5c;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.postItem .postImg img:hover{
    -webkit-box-shadow: 0 2px 9px #1f1f1f24;
    -moz-box-shadow: 0 2px 9px #1f1f1f24;
    box-shadow: 0 2px 9px #1f1f1f24;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.postItem .postInfo{
    padding: 15px 10px;
    display: block;
    /*float: left;*/
}
.postItem .postInfo .kind{
    font-size: 14px;
    margin-bottom: 15px;
}
.postItem .postInfo .postTitle{
    font-size: 16px;
    font-weight: bold;
    display: block;
}


/*************** main About ********************/
.mainabout{
    background: url('../img/bg/bg-about.png') #fff center center;
}
.mainabout .title {
    background: url(../img/bg/bg-title.png) no-repeat center bottom;
}
.about-image{
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.about-info{
    font-size: 14px;
    color: #666;
    line-height: 1.8em;
    position: relative;
}
.about-info p{
    margin: 0 0 10px;
}
.whyabout{
    font-size: 14px;
    color: #f1c410;
    display: block;
    font-weight: bold;
    margin-bottom: 25px;
}
.whyitem{
    display: block;
    border-bottom: 1px solid #fff;
}
.whytab{
    color: #fff;
    width: 100%;
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 8px 25px 8px 15px;
    border-radius: 5px 5px 0 0;
    background: #f05c5c;
    cursor: pointer;
}
.whytab img{
    float: left;
    margin-right: 10px;
}
.aboutSection  .whyitem:nth-child(3) .whytab{
    background: #87dba2;
}
.aboutSection  .whyitem:nth-child(4) .whytab{
    background: #1ec0ff;
}
.aboutSection  .whyitem:nth-child(5) .whytab{
    background: #fb9130;
}
.whytext{
    color: #666;
    width: 100%;
    font-size: 14px;
    padding: 20px 20px 40px 20px;
    background: #f7f7f7;
    display: none;
}
.whytext p{
    margin: 0 0 10px;
}


/*************** Book By Age ********************/
.mainBook .title{
    background: url(../img/bg/bg-title-book.png) no-repeat center bottom;
}
.bookage-nav{
    position: relative;
}

.bookage-nav .row>.col-md-2{
    text-align: center;
}
.ageNavItem{
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.ageNavImg{
    display: inline-block;
    margin: auto;
    position: relative;
    width: 100%;
}
.ageNavImg img{
    display: inline-block !important;
    width: auto !important;
}
.ageNavItem h3 a{
    color: #344862;
    font-size: 17px;
    font-weight: bold;
    display: block;
    margin: 12px 0 5px 0;
}
.ageNavItem .ageNavInfo{
    color: #666;
    font-size: 13px;
}

.bookagelist{
    display: block;
}
.bookAgeItem{
    width: 100%;
    padding: 35px 0 10px 0;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    background: url('../img/bookage/bg-age-1.png') #fafbfc no-repeat right bottom;
}
.bookAgeItem:nth-child(2){
    background: url('../img/bookage/bg-age-2.png') #fafbfc no-repeat right bottom;
}
.bookAgeItem:nth-child(3){
    background: url('../img/bookage/bg-age-3.png') #fafbfc no-repeat right bottom;
}
.bookAgeItem:nth-child(4){
    background: url('../img/bookage/bg-age-4.png') #fafbfc no-repeat right bottom;
}
.bookAgeItem:nth-child(5){
    background: url('../img/bookage/bg-age-5.png') #fafbfc no-repeat right bottom;
}
.bookAgeItem:before{
    left: 0;
    top: 0;
    width: 100%;
    min-height: 120px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    background: url('../img/bookage/before-1.png') #fbc378  repeat-x left center;
}
.bookAgeItem:nth-child(2):before{
    background: url('../img/bookage/before-2.png') #9ac9db  no-repeat left center;
}
.bookAgeItem:nth-child(3):before{
    background: url('../img/bookage/before-3.png') #afc96e  repeat-x left center;
}
.bookAgeItem:nth-child(4):before{
    background: url('../img/bookage/before-4.png') #c794cf  no-repeat left center;
}
.bookAgeItem:nth-child(5):before{
    background: url('../img/bookage/before-5.png') #f05f62  no-repeat left center;
}
.bookAgeTab , .bookAgeText{
    display: block;
}
.bookAgeTab h3{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 3px;
}
.bookAgeTab small{
    font-size: 15px
}
.bookAgeText{
    color: #666;
    font-size: 14px;
    padding-top: 55px;
}
.bookAgeItem .btn{
    padding: 8px 30px;
    border-radius: 20px;
    margin-top: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

/*************** Book Reading ********************/
.readingDesc{
    font-size: 15px;
    float: none;
    margin: 25px auto 40px auto;
}
.readingBtn{
    width: 100%;
    text-align: center;
    display: inline-block;
}
.readingBtn .btn-green{
    padding: 9px 18px;
    border-radius: 30px;
    border-width: 2px;
}
.readinglist{
    margin: 50px 0 0 0;
    display: block;
}
.readingItem{
    color: #fff;
    max-height: 230px;
    padding:45px 25px 55px 25px;
    margin-bottom: 15px;
    overflow: hidden;
    background: url('../img/reading/bg-1.png') #9ac9db no-repeat  center top;
    -moz-transition: height 2s;
    -webkit-transition: height 2s;
    transition: height 2s;
}
.readingItem.is{
    max-height: 100%;
    -moz-transition: height 2s;
    -webkit-transition: height 2s;
    transition: height 2s;
}
.readingItem:nth-child(2){
    background: url('../img/reading/bg-2.png') #afc96e no-repeat  center top;
}
.readingItem:nth-child(3){
    background: url('../img/reading/bg-3.png') #fbc378 no-repeat  center top;
}
.readingItem:nth-child(4){
    background: url('../img/reading/bg-4.png') #f05f62 no-repeat  center top;
}
.readingItem:nth-child(5){
    background: url('../img/reading/bg-5.png') #64cbd4 no-repeat  center top;
}
.readingItem:last-child{
    border-radius:0 0 15px 15px ;
    background:url('../img/reading/bg-6-l-b.png') left bottom no-repeat,
    url('../img/reading/bg-6-r-t.png') right top no-repeat;
    background-color: #c794cf;
}
.readingItem:first-child{
    border-radius: 15px 15px 0 0;
}
.readingItem:after{
    position: absolute;
    left: -14px;
    bottom: -15px;
    z-index: 1;
    height: 100px;
    filter: blur(10px);
    width: 104%;
    text-align: center;
    opacity: 1;
    visibility: visible;
    -moz-transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    background: linear-gradient(to bottom,rgba(255, 255, 255, 0.35),rgba(255,255,255,.9),rgba(255, 255, 255,1));
}
.readingItem.is:after{
    opacity: 0;
    visibility: hidden;
    -moz-transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.readingItem .ellipse{
    z-index: 2;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    position: absolute;
}
.readingItem .ellipse i{
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    background: #f05f62;
    border: 1px solid #344862;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.readingItem .ellipse i:hover{
    background: #344862;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.readingItem.is .ellipse i{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*.readingItem.is .ellipse i:before{
    content: '\f077';
}*/
.readingItem .readFirst{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 24px;
}
.readingItem .readFirstL{

}
.readingItem .readFirstR{

}
.readingItem .readContent{
    font-size: 17px;
}
.readingItem .readContent table{
    width: 100% !important;
    border: none !important;
    border-color: transparent !important;
}
.readingItem .readContent table tr td{
    padding: 5px 10px;
    line-height: 1.55em;
    vertical-align: top;
    width: 33.3% !important;
}
.readingItem .readContent table tr td:first-child{
    padding-left: 0;
}
.readingItem .readContent table tr td:last-child{
    padding-right: 0;
}
.readingItem .readAction{
    z-index: 2;
    position: relative;
}
.readingItem .readAction .btn-green{
    margin: 10px 0 0 0;
    display: block;
    width: 100% !important;
    text-transform: uppercase;
    padding: 10px 15px;
    border-radius: 25px;
    border-width: 2px;
    font-size: 14px;
    font-weight: bold;
}
.readingItem .readAction .btn-green i{
    position: relative;
    float: right;
    margin-top: 3px;
}

.productThumbs li{
    opacity: .5;
}

.productThumbs li.gc-active{
    opacity: 1;
}

/***************** searchFolding ********************/
.suggetsearch{
    position: relative;
}
#searchFolding {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width:100%;
    background: #fff;
    box-shadow: 0 0 5px #bbb;
    z-index: 200;
}
#searchFolding a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px 10px;
    color: #7e7e7e;
    font-size: 15px;
}

#searchFolding a i {
    color: #f15f61;
}
#searchFolding a:nth-of-type(odd) {
    background: #F6F6F6;
}
#searchFolding a:hover {
    background: #3e4f61;
    color: #fff;
}
#searchFolding a:hover i{
    color: #fff;
}
#searchFolding a span {
    float: right;
    color: #7e7e7e;
}
/***************** End searchFolding ********************/

.subcribleBlock{
    float: left;
    width: 100%;
    text-align: center;
}
.subcribleBlock form{
    width: 45%;
    margin: 0 auto;
}
.subcribleBlock label{
    display: block;
    text-align: left;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
}
.subcribleBlock input{
    width: 100%;
    padding: 5px;
}
.subcribleBlock button{
    padding: 5px 25px;
    margin: 10px 0;
    font-size: 16px;
    background: #f05f62;
    color: #fff;
    border: none;
}
.subcribleBlock > p{
    display: block;
    padding: 10px 0;
    margin: 0;
    font-size: 13px;
}
a.twolinks {
    max-width: 50% !important;
    float: left;
}
#popuphome .modal-content{
    border-top: 40px solid #f15f61;
    background: url('../img/bg/pop-up.jpg') no-repeat bottom center;
    background-size: cover;
}
.download-crabit a{
    font-size: 18px;
    font-weight: 400;
    color: #f05f62;
    margin-bottom: 10px;
    display: block;
}
.download-crabit a:hover{
     text-decoration: underline;
}

/*======================= Update 04-12-2018 ===============================*/
.banner-fulls, .banner-fulls a{
    width: 100%;
    display: block;
}
.banner-fulls img{
    width: 100%;
    display: inline-block;
}
.banner-figure .owl-stage-outer{
    padding-top: 30px;
}
.banner-figure .item{
    padding: 0 10px;
}
.giftset a img, .giftgroups a img, .banner-figure .item img{
    -webkit-transition: all .5s;
    transition: all .5s;
}
.giftset a img:hover, .giftgroups a img:hover,  .banner-figure .item img:hover{
    margin-top: -20px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.giftset{
    padding:160px 0 25px 0;
    background: url('../img/version2/bg-gifset.png') top center no-repeat;
    background-size: cover !important;
}
.giftset a{
    text-align: center;
}

.giftgroups{
    padding: 140px 0 40px 0;
    background: url('../img/version2/bg-giftgroups.png') top center no-repeat;
    background-size: cover !important;
}
.giftgroups a{
    text-align: center;
}
.banner-figure, .banner-fulls, .giftset, .giftgroups{
    margin-bottom: 20px;
}
/*======================= Edit Update 04-12-2018 ===============================*/

.label-sale {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #f15f61;
    padding: 4px 7px;
    font-weight: 600;
    color: #f15f61;
}
.loca-item.violet img{
    width: 25.7px;
    padding-bottom: 3px;
}
.s-oldprice{
    float: right;
    margin-right: 5px;
}
.widget-item .product-showhot{
    height: unset;
}
.widget-item .product-showhot .product-image img{
    height: unset;
}

.pview-brand{
    margin-bottom: 10px;
    font-size: 14px;
}
.pview-brand span{
    text-transform: uppercase;
    font-weight: 700;
}
.pview-brand a{
    color: #666;
}
.pview-brand a:hover{
    color: #f05f62;
}
.blockShip-present {
    margin-top: 20px;
}

.psGifts b {
    font-size: 16px;
    padding-left: 5px;
}

.psGifts i {
    font-size: 14px;
}

.psGifts a {
    font-size: 14px;
}