:root {
  --color-primary: #FEC909;
  --color-second: #f86447;
  --gray-bg: rgba(250, 250, 250, 1);
  --gray-dark: rgba(0, 0, 0, 0.6);
  --gray-light: rgba(0, 0, 0, 0.1);
  --white-text: rgba(255, 255, 255, 0.55);
  --black-dark: #171717;
  --black-text: #262626;
  --black-light: rgba(19, 19, 19, 0.6);
  --green-bg: rgba(0, 82, 56, 0.72);
  --red-light: #ff4949;
  --yellow-light: #fffbf9;
  --bg-menu: #F1F4F5;
  --border-color: #c8c8c8;
  --font-awesome: 'FontAwesome';
}

a:hover {
    color: #e60000;
}
a:focus {
    outline: none;
    outline-offset: -2px;
    color: #e60000;
}
a,
a:hover,
a:focus {
    -webkit-transition: color 0.4s ease 0s;
    transition: color 0.4s ease 0s;
    text-decoration: none;
}

body {
    color: #333; background: #E9EBEE;
    font-size: 15px;
}
img {
    display: inline-block; 
    max-width: 100%; 
    height: auto!important;
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
}
img[src=""] {display: none;}
.text-gray {color:#999 !important;}
.no-scroll {overflow: hidden}
.box-social {text-align: right; padding-bottom: 8px;}
.box-social a {display: inline-block; width: 28px; height: 28px; border-radius: 50%; background-color: white; text-align: center; line-height: 26px; border: 2px solid #ddd; margin-left: 2px;}
.box-social a i {color: #ddd; font-size: 16px; line-height: 26px;}
.box-social a.facebook:hover {border-color: #0284cf;}
.box-social a.facebook:hover i {color: #0284cf;}
.box-social a.twitter:hover {border-color: #4099ff;}
.box-social a.twitter:hover i {color: #4099ff;}
.box-social a.google:hover {border-color: #c33219;}
.box-social a.google:hover i {color: #c33219;}
.box-social a.youtube:hover {border-color: #c33219;}
.box-social a.youtube:hover i {color: #c33219;}

.form-group {position: relative;}
.form-group .form-control {font-size: .813rem;}
.form-group .form-control:focus {outline: none; box-shadow: none;}
.material-field {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.material-field label {
    position: absolute;
    z-index: 101;
    font-size: 13px;
    padding: 0 10px;
    pointer-events: none;
    -o-transition: .1s ease all;
    transition: .1s ease all;
    left: 0;
    margin-bottom: 0;
    top: 14px;
    color: #999;
}
.material-field input,.material-field .field__input {
    position: relative;
    top: 0;
    box-sizing: border-box;
    float: left;
    border: none;
    color: #333;
    background: transparent;
    height: 48px;
    padding: 16px 10px 10px;
    width: 100%;
    font-size: 13px;
    box-shadow: none;
    z-index: 100;
}
.material-field input[type=date]{
    width:100%
}
.material-field input[type=date]::-webkit-calendar-picker-indicator{
    -webkit-appearance:none
}
.material-field.is-dirty input~label,.material-field.is-dirty .field__input~label,.material-field input:focus~label{
    font-size:10px;
    top:6px;
    color:#999
}
.material-field.is-dirty input~label,.material-field.is-dirty .field__input~label,.material-field input:focus~label span.required{color:#999}
.material-field.material-disabled{
    background:#ddd;
    color:#999
}
.material-field.readonly{
    background:#ddd;
    color:#999
}
.material-radio__input>* {
    display: inline-block;
    vertical-align: middle;
}
.material__required {
    margin-left: 2px;
    color: var(--red);
}
.material-field input.form-control:disabled, .material-field input.form-control[readonly] {background-color: transparent;}
.material-field input:focus,.material-field .field__input:focus {
    outline: 0;
    background-color: transparent;
    box-shadow: none;
}
/**/
.swiper-container {overflow: hidden;}
.swiper-button-next, .swiper-button-prev {
    color: black;
    border: 0 solid var(--border-color);
    border-radius: .25rem;
    width: 40px;
    height: 40px;
    background-color: white;
    margin: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 5px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 5px;}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.swiper-button-next:hover,.swiper-button-prev:hover {color: var(--green);}

/**/
.registerStatus {
    display: none;
    position: absolute;
    top: 1px;
    right: 1px;
}
.form-container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.form-container > * {
    flex: 1;
}
.box_shadow {
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
}
.box_border {
    border: 1px solid #ddd;
}
.box_radius {
    -webkit-border-radius:.75rem;
    border-radius:.75rem;
}

#header {
    position: relative;
    z-index: 101;
    width: 100%;
    background: #FEC909; 
    border-bottom: 0px solid #fff;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
#header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-o-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}
@-webkit-keyframes underline-link {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }

  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
}

@keyframes underline-link {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }

  50.01% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
}
.brandnav.navbar{padding: 0; gap: 2rem}
.navbar-brand {
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.brandnav .navbar-brand a.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 150px;
    margin: 0 auto;
}
#header .on_menu_left {
    display: none;
    position: relative;
    border: 0;
    background-color: transparent;
    border-radius: 4px;
    padding: 5px;
}
#header .on_menu_left svg {
    width: 24px;
    height: 24px;
}
.featured-product, .article-layout .article-detail {margin-bottom: 10px;}
#header .logo a {display: block; margin: 0;}
#header .hd-info {margin-left: 10px; padding-top: 38px;}
#header .hd-info > span {display: block; margin-bottom: 3px;}
#header .hd-info > span i {color: #bbb; top:3px}
#header .alert-box > .name > a {
    font-size: 22px; 
    display: block; 
    height: 30px; 
    line-height: 30px; 
    color: #000; 
    padding:0 5px;
    margin-left: 20px;
}
.nav-search {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .35rem;
}
.discovery {
    position: relative;
}
.discovery > button{
    padding: .5rem .75rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: 14px;
    cursor: pointer;
    border-width: 0;
    border-radius: 4px;
    background-color: var(--white);
}
.discovery > button:focus, .discovery > button:active {
    outline: none;
    box-shadow: none;
}
.discovery > button svg {
    width: 16px;
    height: 16px;
}
#searchtopbox {flex: 1;}
.search-content {
    background-color: white;
    border-radius: 4px;
    padding-right: 45px;
    position: relative;
}
.search-content .search_query {border-width: 0;}
.search-content .search-submit {
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 4px;
    background-color: #FF8800;
    border-width: 0;
}
.search-content .search-submit:focus,.search-content .search_query:focus {
    outline: none;
    box-shadow: none;
}
.search-content .search-submit svg {
    width: 20px;
    height: 20px;
    fill: white;
}
.news-post-link2 {
    font-weight: 600;
    color: white;
    border-color: #FF8800;
    background-color: #FF8800;
}
.news-post-link2:hover,.news-post-link2:focus {
    color: white;
    background-color: #E56700;
    border-color: #E56700;
}
.location-menu {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.location-menu button {
    flex: 1;
    border-width: 0;
    background-color: white;
    text-align: left;
    padding: 6px 5px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.location-menu button:before, .location-menu button:after {
    content: '';
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 50%;
}
.location-menu button:before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-color: #F4F4F4;
}
.location-menu button:after {
    width: 8px;
    height: 8px;
    margin-top: -4px;
    right: 11px;
    background-color: white;
}
.location-menu button:hover, .location-menu button:focus, .location-menu button:active {
    outline: none;
    box-shadow: none;
}
.location-menu button:hover {
    background-color: var(--bg-menu);
}
.location-menu button:hover:before, .location-menu button.selected:before {
    background-color: #FF8800;
}
#loginPopupPH {text-align: center;}
.nav-control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    gap: 1.25rem;
}
.nav-control .alert-box,.nav-control .user-box { 
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
}
.nav-control .alert-box:focus,.nav-control .user-box:focus {
    outline: none;
    box-shadow: none;
}
.nav-control button {
    display: flex;
    align-items: center;
    gap: 5px;
}
.nav-control button svg, .nav-control button img {
    width: 24px;
    height: 24px;
    fill: currentColor;
    border-radius: 50%;
}
#header .dropdown-menu {
    margin-top: 6px;
    padding: 0;
    border-width: 0;
    font-size: 15px;
}
#header .dropdown-menu:before,#header .dropdown-menu:after {
    position: absolute;
    content: "";
    top: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
}
#header .dropdown-menu:before {
    top: -5px;
    left: 10px;
    z-index: 2;
    border-bottom: 5px solid var(--gray-light);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
#header .dropdown-menu:after {
    top: -5px;
    left: 10px;
    border-bottom: 5px solid #aaa;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
#header .dropdown-menu.dropdown-menu-right:before {
    left: auto;
    right: 0.35rem;    
}
#header .dropdown-menu button {
    cursor: pointer;
}
#header .dropdown-menu button:hover,#header .dropdown-menu button:focus,#header .dropdown-menu button:active {
    outline: none;
    box-shadow: none;
    background-color: var(--color-primary);
}
.dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem 1rem;
}
.member-wrap {
    position: relative;
}
.member-info {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    align-items: center;
    justify-content: center;
    font-size: .813rem;
    text-align: center;
    padding: .35rem;
    background-color: var(--gray-light);
}
.member-info .member-img {
    width: 32px;
    height: 32px;
    background-color: white;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: .25rem;
}
.member-info .member-text {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    white-space: nowrap;
}

/* Responsive menu Css Start */
.has-verticalmenu .vaz-verticalmenu:hover > .box-content {display: block; }

.has-verticalmenu .vaz-verticalmenu {
    overflow: visible;
    margin-bottom: 0;
    position: absolute; left: 0; top: 0; 
}
.has-verticalmenu .vaz-verticalmenu .box-content {
    position: absolute;
    background: white;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13);
    z-index: 9999;
    width: 200px;
    display: none;
}
.navbar-collapse {padding: 0;}
.nav-responsive { cursor:pointer; border-right: 1px solid #e5e6e6;}
.nav-responsive span { display:inline-block;}
.nav-responsive .expandable{
    color: #fff;
    font-size: 14px;
} 
.nav-responsive .expandable {
    background: none;
    height: 36px;
    width: 49px;
    z-index: 2;
    cursor: pointer;
}

/*Menu Css end*/
.navbar-toggle {
    display: block;
    border: none;
    float: none;
    margin: 0;
    padding: 10px 14px;
    width: 48px;
    height: 36px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.navbar-toggle .icon-bar {
    display:block;
    width:22px;
    height:3px;
    background-color:#eee;
    border-radius:1px;
    border-color:#eee
}
.navbar-toggle .icon-bar+.icon-bar{margin-top:3px}
.navbar-toggle:hover .icon-bar {background-color: #0284cf; border-color:#0284cf}
.menu-icon {
    display: inline-block;
    height: 20px;
    background-position: left 5px !important;
}
.menu-icon span {
    display: block;
    margin-left: 20px;
    line-height: 24px;
}
.menu-icon.none span {margin-left: 0;}

/* categories */

.widget-categories ul,.widget-member ul {padding: 0; margin: 0; list-style: none;}
.widget-categories li,.widget-member li {display: block; position: relative;}
.widget-categories li {border-bottom: 1px solid #eee;}
.widget-categories li:last-child {border-bottom: 0 solid #eee;}
.widget-categories li a, .widget-member li a{
    display: block; 
    padding: 8px 10px; 
    font-weight: 600;
    color: #111;
    font-size: 14px; 
    position: relative;
}
.widget-categories li a {
    line-height: 26px;
    text-transform: uppercase; 
}
.widget-categories li a:hover {color: #f00;}
.widget-categories li a.wicon,.widget-member li a.wicon {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 6px 10px;
}
.widget-categories li a.wicon span {flex: 1;}
.widget-categories li a.wicon img {
    flex-shrink: 0;
    width: 24px; 
    height: 24px; 
    border-radius: 50%;
    overflow: hidden;
    display: inline-block; 
}
/* Top member */
.widget-member li a .avatar {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
}
.widget-member li a .item-info {
    padding-right: 50px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase
}
.widget-member li .btn-info {
    position: absolute;
    right: 6px;
    top: 9px;
    color: #9197a3;
    padding: 5px 6px;
    line-height: 12px;
    font-size: 10px;
    border-radius: 12px;
    display: block;
    overflow: hidden;
    letter-spacing: -.2px;
    background-color: #ededf0;
}

.vaz-verticalmenu .caret { display: none;}
.vaz-verticalmenu .menu-title {
    font-weight: 400;
    font-size: 12px;
    color: #828282;
    line-height: 24px;
}
.vaz-verticalmenu .navbar-vertical {
    margin: 0;
    padding: 0;
    border: none;
}
.vaz-verticalmenu .verticalmenu {
    padding: 0;
    float: none;
}
.vaz-verticalmenu .verticalmenu > li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.vaz-verticalmenu .verticalmenu > li:hover.dropdown:before {
    color: #268bb9;
}
.vaz-verticalmenu .verticalmenu li {
    display: block;
    float: none;
    width: 100%;
    position: static;
}
.vaz-verticalmenu .verticalmenu li > a {
    position: relative;
    padding: 6px 15px;
}
.vaz-verticalmenu .verticalmenu li:hover > .dropdown-menu {
    left: 100%;
    top: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
}
.vaz-verticalmenu .verticalmenu li.dropdown > a:before {
    content: "\f105";
    position: absolute;
    top: 0;
    font-family: FontAwesome;
    color: #828282;
    right: 15px;
    line-height: 40px;
    font-weight: 300;
}
.rtl .vaz-verticalmenu .verticalmenu li.dropdown > a:before {
    left: 15px;
    right: auto;
}
.vaz-verticalmenu .verticalmenu li.dropdown:hover a:before {color: #268bb9;}
.vaz-verticalmenu .verticalmenu li.dropdown > a:hover:after {
    border: 5px solid white;
    content: "";
    height: 100%;
    position: absolute;
    right: -5px;
    top: 0;
    width: 0;
    z-index: 10001;
}
.vaz-verticalmenu .verticalmenu li.dropdown-submenu { position: relative;}
.vaz-verticalmenu .verticalmenu li.dropdown-submenu:before {
    content: "\f105";
    position: absolute;
    top: 0;
    font-family: FontAwesome;
    color: #828282;
    right: 15px;
    line-height: 30px;
}
.vaz-verticalmenu .verticalmenu ul > li {border: none;}
.vaz-verticalmenu .verticalmenu ul > li:hover {border: none;}
.vaz-verticalmenu .verticalmenu ul > li:hover a { color: #268bb9;}

/* BLOCK */
.box, .widget {position: relative; overflow: hidden;}
.box {margin-bottom: 10px; background: none;}
.box-heading {
    font-size: 1rem;
    margin: 0 0 10px 0;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
}
.box-heading.text-center {
    justify-content: center;
}
.box-heading > * {
    padding: 5px 10px;
    display: inline-block;
    line-height: 1.4;
    margin-bottom: 0;
}
.box-heading > .name {
    font-size: 1.125rem;
    font-weight: 600;
    padding: 8px 10px;
}
.itsopen {display: inline-block; margin-right: 8px; color: #fce204; font-weight: 600;}
.item_info .itsopen {color: #14a501;}
.itsclose {display: inline-block; margin-right: 8px; color: #000; font-weight: 600;}

.box-content, .widget-content { position: relative;}
.box-content:before, .box-content:after {
    content: " ";
    display: table;
}
.box-content:after {
    clear: both;
}

.article-grid .swiper-slide {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}
.article-grid.row {
    row-gap: 1rem;
}
.article-grid .article-block {
    background-color: white;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.article-block .image {
    height: 0;
    padding-bottom: 100%;
    aspect-ratio: auto 1 / 1;    
    display: block;
    position: relative;
    overflow: hidden;
    background: url(../images/no-pic.png) no-repeat center;
    background-size: cover;
}
.article-block .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 100% !important;
    min-width: 100%;
    -webkit-transition: filter 1s, -webkit-transform 1s; 
    transition: filter 1s, transform 1s;
}
.article-block .caption {
    color: black;
    font-size: 80%;
    line-height: 1.2;
    height: 28px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.article-layout .article-detail,
.article-grid .article-thumb,
.article-list .article-thumb {
    background-color: #fff;
    clear: both;
    overflow: visible;
}
.article-layout .article-block-inner {position: relative;}
.article-detail .article-block-inner {padding: 15px;}
.article-grid .article-block-inner,
.article-list .article-block-inner{
    margin: 0 0 10px;
    padding:15px 10px;
}
.article-layout .article-block-inner:before,
.article-layout .article-block-inner:after {display: table; content: ""; line-height: 0;}
.article-layout .article-block-inner:after {clear: both;}
.article-detail .title {margin: 0 0 15px;}
.article-thumb .image { text-align: center; width: 160px; height: 130px;}
.article-list .article-thumb .image { width: 220px; overflow: hidden;}
.article-thumb .image a { display: block;}
.article-thumb .image img {
    margin-left: auto;
    margin-right: auto;
}
.article-thumb h4 {
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 0;
}
.article-thumb .caption { text-align:left; overflow: hidden;}
.article-grid .article-thumb .caption,.article-list .article-thumb .caption { max-height: 130px;}
.article-thumb .caption .description {display: block;}

.ft-content {padding: 5px 0; color: #5b311a;}
.ft-content .bg-inner-footer {padding: 8px; background-color: #e5e5e3; margin-top: 8px;}
.bginfo {
    background: rgb(238, 238, 238);
    background: -moz-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(255, 255, 255) 70%);
    background: -webkit-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(255, 255, 255) 70%);
    background: -o-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(255, 255, 255) 70%);
    background: -ms-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(255, 255, 255) 70%);
    background: linear-gradient(180deg, rgb(238, 238, 238) 30%, rgb(255, 255, 255) 70%);
}
.inner {padding: 20px 0;}

.detail-Thumb {padding:0; position: relative;}
.detail-Thumb ul {padding: 0; list-style: none;}
.detail-Thumb li {list-style-type: none;}

.content_list_product ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.content_list_product .box-heading h3 {margin: 0; padding: 5px 0; font-size: 18px; font-weight: 400;}
.content_list_product .catalog-viewmore {line-height: 24px; display: block; font-size: 13px; padding: 0;}
.content_list_product .box-heading .catalog-viewmore {float: right;}
.content_list_product .catalog-viewmore a {display: inline-block; background-color: #00a3e7; color: #fff;  text-align: center; padding: 5px 25px; font-weight: 600;}
.slide-detail .content_list_product .products-list {padding: 10px;}
.slide-detail .content_list_product {margin-bottom: 10px;}
.slide-detail .content_list_product .box-heading{ background-color: #eef0f3; font-size: 18px; text-align: center; font-weight: 600;}
.slide-detail .content_list_product .box-content{ padding: 0 10px;}

.brand-map {margin-top: 10px;}

.article-comment .header-article {border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 10px; position: relative;}
.article-comment .header-article ul {display: block; max-height: 40px; overflow: hidden;}
.article-comment .header-article ul li {display: block; float: left; margin-left: 10px;}
.article-comment .header-article ul li:first-child {margin-left: 0;}
.article-comment .header-article ul li span {display: inline-block; padding: 5px; margin: 6px 0;}
.article-comment .header-article ul li .point {background-color: #14a501; padding: 5px 10px; color: #fff;}
.article-comment .header-article ul li .clip-mask {
    position: relative;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
}
.article-comment .header-article ul li .clip-mask > a {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    margin-left: 5px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);     /* IE 9 */
    -moz-transform:rotate(45deg);     /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari & Chrome */
    -o-transform:rotate(45deg);     /* Opera */
}
.article-comment .header-article ul li .clip-mask > a > img {
    display: block;
    width: 45px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);     /* IE 9 */
    -moz-transform:rotate(-45deg);     /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari & Chrome */
    -o-transform:rotate(-45deg);     /* Opera */
    margin-top: -8px;
    margin-left: -8px;
}

.article-comment .box-heading {background-color: #cdeafe; padding: 8px 10px; font-size: 18px; line-height: 24px;}
.article-comment .postRating .box-heading {background: transparent; padding: 0 0 8px; border-bottom: 1px dashed #ddd; font-size: 20px;}
.article-comment .postRating .box-heading .rating-point{background: #14a501; font-size: 14px; color: #fff; position: absolute; right: 0; padding: 2px 10px; display: inline-block; text-align: center;}
.article-comment .postRating .rating-item {position: relative; margin-bottom: 5px;}
.article-comment .postRating .rating-item:before,.article-comment .postRating .rating-item:after {content: ''; display: table; line-height: 0;}
.article-comment .postRating .rating-item:after {clear: both;}
.article-comment .postRating .rating-item .rating-label {float: left; margin-right: 5px; width: 90px;}
.article-comment .postRating .rating-item .rating-bar {overflow: hidden;}
.article-comment .postRating .rating-item .rating-bar .glyphicon-star{ color: #fc0;}
.article-comment .postRating .rating-item .rating-bar .glyphicon-star-empty{ color: #aaa;}
.article-comment .postRating .rating-item .rating-bar .label-default{ margin-left: 10px; background-color: red; padding:3px 4px; min-width: 20px; display: inline-block;}
.article-comment #frmComment {display: block; position: relative; margin: 0; padding: 10px; border: 1px solid #ddd;}
.article-comment #frmComment .button_comment {border-top: 1px solid #eee; padding-top: 10px; margin-top: 10px;}
.article-comment .postcomment {padding-left: 51px; position: relative;}
.article-comment .postcomment i.i-icon {
    position: absolute; top: 0; left: 0; width: 45px; height: 45px; background: url(../images/default-avatar.jpg) no-repeat 0 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.article-comment .postcomment .desc {font-size: 11px; color: #aaa;}
.article-comment .postcomment textarea {width: 100%; height: 110px;}
.article-comment .postcomment label {margin: 0;}
.article-comment .postcomment textarea,
.article-comment .postcomment input[type="text"] {
    -webkit-appearance:none;
    margin: 0; 
    border: #ddd 1px solid; 
    padding: 4px 6px;
    outline:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.article-comment .postcomment textarea:focus,
.article-comment .postcomment input[type="text"]:focus {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.article-comment .postcomment.selected textarea {height: 110px;}
.article-comment .postcomment .reviewBt {margin-top: 5px; position: relative;}
.article-comment .postcomment.selected .reviewBt {display: block;}
.article-comment .postcomment .reviewBt .item {margin-bottom: 5px;}
.article-comment .postcomment .reviewBt .item.security {display: table;}
.article-comment .postcomment .reviewBt .item > * {display: table-cell; vertical-align: middle; white-space: nowrap;}
.article-comment .postcomment .reviewBt .item > div img {display: inline-block;}
.article-comment .postcomment .reviewBt .item table {display: inline-block; vertical-align: middle;}
.article-comment .postcomment .reviewBt .item input.fullname {width: 100%;}
.article-comment .postcomment .reviewBt .item input.textForm {margin-right: 10px;}
.article-comment .postcomment .reviewBt .item label {
    display: inline-block; vertical-align: middle; margin-right: 3px; width: 120px; font-weight: 700; text-align: right;
    background-color: #f1f1f1;
    padding: 5px 8px;
}

.article-comment .postcomment .reviewBt .item #securityImg {
    height: 28px; border: 1px solid #eaeaea;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.article-comment .postcomment .reviewBt .item #reloadImg {
    border: 1px solid #eaeaea;
    padding: 2px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.article-comment .button_comment .single_comment_button {
    text-align: center;
    background: rgb(0, 163, 231);
    background: -moz-linear-gradient(90deg, rgb(0, 163, 231) 30%, rgb(0, 150, 212) 70%);
    background: -webkit-linear-gradient(90deg, rgb(0, 163, 231) 30%, rgb(0, 150, 212) 70%);
    background: -o-linear-gradient(90deg, rgb(0, 163, 231) 30%, rgb(0, 150, 212) 70%);
    background: -ms-linear-gradient(90deg, rgb(0, 163, 231) 30%, rgb(0, 150, 212) 70%);
    background: linear-gradient(0deg, rgb(0, 163, 231) 30%, rgb(0, 150, 212) 70%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    color: #ffffff;
    font-weight: bold;
    height: 32px;
    margin-bottom: 0;
    padding: 0 20px 0 32px;
    position: relative;
}

.article-comment .button_comment .single_comment_button:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f075";
    text-align: center;
    line-height: 32px;
    display: block;
    height: 32px;
    width: 32px;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.article-comment .button_comment .single_comment_button:hover {  color: #fff; }
.article-comment .button_comment .single_comment_button:focus {  outline: none; }
.article-comment .post-article {border-top: 0 solid #eee;}
.article-comment .upload_img_comment {position: relative; margin-top: 10px;}
.article-comment .upload_img_comment:before,.article-comment .upload_img_comment:after {display: table; content: ''; line-height: 0;}
.article-comment .upload_img_comment:after {clear: both;}
.article-comment .title-comment {margin-top: 20px}
.article-comment .list-comment {margin: 0 0 10px; list-style: none; padding: 10px 0;}
.article-comment .list-comment li {position: relative; display: block; padding-bottom: 15px; margin-bottom: 15px; min-height: 75px;}
.article-comment .list-comment li .review-item-info {position: relative; display: block;}
.article-comment .list-comment li ul {padding: 0; margin: 0;}
.article-comment .list-comment li:last-child {margin-bottom: 0;}
.article-comment .list-comment li .review-product {position: relative; border-bottom: 1px solid #dddddd; margin-bottom: 10px; padding-bottom: 10px;}
.article-comment .list-comment li .review-product .item_title {line-height: 24px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; margin: 0 0 7px; font-size: 18px;}
.article-comment .list-comment li .review-product .item_title a { color: #444;}
.article-comment .list-comment li .review-product .item_title a:hover { color: #e8583b;}
.article-comment .list-comment li .review-product .item_address { color: #888; line-height: 16px; max-height: 32px; overflow: hidden; padding-left: 15px; position: relative;}
.article-comment .list-comment li .review-product .item_address:before {font-family: 'FontAwesome'; content: '\f041'; position: absolute; top: 0; left: 0; font-size: 15px; color: #888;}
.article-comment .list-comment li .review-product .item_button { position: relative; font-size: 12px;}
.article-comment .list-comment li .review-product .item_button > * { display: inline-block; vertical-align: middle; position: relative; line-height: 12px;}
.article-comment .list-comment li .review-product .item_button > a {padding: 0 10px; border-left: 1px solid #0088cc; color: #0088cc;}
.article-comment .list-comment li .review-product .item_button > a:hover {text-decoration: underline;}
.article-comment .list-comment li .review-product .item_button > a:first-child {border-left: 0; padding-left: 0;}
.article-comment .list-comment li .review-product .item_button > a:last-child {padding-right: 0;}

.article-comment .list-comment li .review-item {position: relative; padding-left: 90px;}
.article-comment .list-comment li .review-item.no-avatar {position: relative; padding-left: 0;}
.article-comment .list-comment li .review-item .review-reply-item {
    position: relative;
    background: #f0f0f0;
    clear: both;
    margin-top: 5px;
    padding: 5px;
    display: block;    
}
.review-reply-item .review-reply-item-content {padding-left: 35px; position: relative;}
.review-reply-item .review-reply-item-content:before, .review-reply-item .review-reply-item-content:after {display: table; content: ''; line-height: 0;}
.review-reply-item .review-reply-item-content:after {clear: both;}
.review-reply-item .review-reply-item-content > a {font-size: 11px; font-weight: 600;}
.review-reply-item .review-reply-item-avatar {position: absolute; top: 5px; left: 5px; width: 30px; height: 30px;}
.review-reply-item .review-reply-item-avatar a {display: block;}
.review-reply-item .review-reply-item-content .write_comment {
    width: 100%;
    padding: 5px;
    margin-bottom: 0;
    overflow: auto;
    border: 0 solid #eee;
    color: #333;
    box-sizing: border-box;
    height: 30px;
    max-width: 100%;
}
.review-reply-item .review-reply-item-content .write_comment:focus {outline: none;}
.article-comment .list-comment li .clip-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    display: inline-block;
}
.article-comment .list-comment li .clip-mask > a {
    display: inline-block;
    overflow: hidden;
    width: 55px;
    height: 55px;
    margin-top: 10px;
    margin-left: 10px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);     /* IE 9 */
    -moz-transform:rotate(45deg);     /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari & Chrome */
    -o-transform:rotate(45deg);     /* Opera */
}
.article-comment .list-comment li .clip-mask > a > img {
    display: block;
    width: 75px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);     /* IE 9 */
    -moz-transform:rotate(-45deg);     /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari & Chrome */
    -o-transform:rotate(-45deg);     /* Opera */
    margin-top: -10px;
    margin-left: -10px;
}

.article-comment .list-comment li .username {margin-bottom: 5px; font-size: 11px; color: #999; position: relative;}
.article-comment .list-comment li .title {font-size: 18px; position: relative;}
.article-comment .list-comment li .title span.avrg, .article-comment .list-comment li .username span.avrg {font-size: 13px; color: #fff; font-weight: 400; position: absolute; right: 0; top: 0; background-color: #14a501; padding: 4px 12px;}
.article-comment .list-comment li li .title {font-size: 14px; font-weight: 600;}
.article-comment .list-comment li li .desc {overflow: hidden;}
.article-comment .list-comment li .date {font-size: 11px; color: #999; margin-bottom: 5px;}
.article-comment .list-comment li .add {font-size: 13px; color: #0088cc; margin-bottom: 5px; font-weight: 600; padding-left: 12px; position: relative;}
.article-comment .list-comment li .add a {color: #0088cc;}
.article-comment .list-comment li .add:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 200;
    color: #0088cc;
}
.article-comment .list-comment li .add:before {content: '\f041';}

.article-comment .list-comment li .review-photo {display: block; margin-top: 10px;}
.article-comment .list-comment li .review-photo .row {margin-left: -1px; margin-right: -1px;}
.article-comment .list-comment li .review-photo .row [class*='col-'] {padding-left: 1px; padding-right: 1px; padding-bottom: 2px;}
.article-comment .list-comment li .comment-share {display: block; margin-top: 10px; position: relative;}
.article-comment .list-comment li .comment-share a {display: inline-block; vertical-align: middle; padding: 2px 5px; margin-left: 5px; color: #aaa; border: 1px solid #f0f0f0; line-height: 16px;}
.article-comment .list-comment li .comment-share a:first-child {margin-left: 0;}
.article-comment .list-comment li .comment-share a:hover {background:#eee; color:#333; border:1px solid #ddd}
.article-comment .list-comment li .username b {font-size: 12px; color: #333;}
.article-comment .list-comment li .review-reply {background-color: #f0f0f0; padding: 0; position: relative; margin-top:5px;}
.article-comment .list-comment li .review-reply .review-reply-item {position: relative;}
.article-comment .list-comment li .review-reply .review-reply-item .img {position: absolute; width: 40px; height: 40px; overflow: hidden; border-radius:20px; left: 0;}
.article-comment .list-comment li .review-reply .review-reply-item span.date {
    color: #999;
    font-size: 11px;
    line-height: 14px;
    height: 14px;
    font-weight: 400;
    padding: 2px 6px;
    display: inline-block;
    vertical-align: middle;
}
.category_image .add-image {background-color: #e6e6e6; height: 207px; position: relative;}
.category_image .add-image a {
    display: block;
    border: #ccc 1px dashed;
    padding: 10px;
    text-decoration: none;
    color: #aaa;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    margin-top: -20px;
    margin-left: -46px;
}
.category_image .add-image:hover a {border-color: #333; color: #666;}
.category_image .add-image a.selected {border:1px solid green; color: #fff; background-color: green;}
.category_image .title-image {margin-top: 8px; margin-bottom: 20px; font-size: 16px;}
.category_image .title-image span {display: block; font-size: 12px;}

.content_add_image {position: relative;}
.content_add_image .upload_img_product {padding: 10px; border: 1px dashed #e6e6e6; min-height: 300px; margin: 20px 0;}
.content_add_image.withImage .upload_img_product {background: url(../images/image-add-text.png) no-repeat 50% 50%;}
.content_add_image .button_comment {background-color: #f2f3f7; padding: 5px; position: relative;}
.content_add_image .button_comment .filemore-button span {padding: 8px 10px; background-color: #dfdfdf; border-color: #b3b3b3;}
.article-gallery .list-gallery li {position: relative; display: block; margin-bottom: 15px;}
.member-gallery {position: relative; margin-bottom: 10px;}
.member-gallery .box-heading {margin-top: 20px;}
.member-gallery .list-gallery.two-col {margin-left: -5px; margin-right: -5px;}
.member-gallery .list-gallery li {margin-bottom: 15px; position: relative;}
.member-gallery .list-gallery.two-col li {padding-left: 5px; padding-right: 5px; margin-bottom: 10px;}
.member-gallery .list-gallery.two-col li a {display: block;}
.breadcrumbs {margin-bottom: 10px;}
.breadcrumb {background-color: transparent; padding-left: 0; padding-right: 0; padding-top: 0; margin: 0; line-height: 20px;}
.bgContent {
    background-color: #fff; 
    padding: 20px 20px 10px;
    border-radius: 4px;
    webkit-box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.2);
}
.flexslider-product .flex-viewport { border: 1px solid #dddddd;}
.single-product .product .detail_product_d .product_detail {padding-top: 15px; padding-bottom: 15px;}
.single-product .product .detail_product_d .product_detail .slider_img_productd {margin-bottom: 15px;}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .jw-video {position: relative; overflow: hidden;}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flexslider-product .flex-viewport .slides li .zoom {  position: relative;  display: block;}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flexslider-product .flex-viewport .slides li a .play {
    position: absolute; 
    display: block; 
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: url(../images/caption_gray.png) repeat; 
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flexslider-product .flex-viewport .slides li a .play i {
    position: absolute;
    width: 48px;
    height: 48px;
    background: url(../images/video_play.png) no-repeat;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    transform: translateY(-50%);    
    color: #fff;
    
}

.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flexslider-product .flex-direction-nav {
  display: none;
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-viewport .slides li {
  margin-right: 6px;
  min-width: 80px !important;
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-viewport .slides li:hover,
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-viewport .slides li.flex-active-slide img {
  opacity: .55;
  filter: alpha(opacity=55);
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-viewport .slides li:last-child {
  margin-right: 0;
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-direction-nav li a {
  opacity: 1;
  background-image: url(../images/next-prev-detail.png);
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 3;
  text-indent: 9999px;
  margin: -13px 0 0;
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-direction-nav li a.flex-prev {
  left: 0;
  background-position: -36px center;
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-direction-nav li a.flex-prev:hover {
  background-position: -1px center;
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-direction-nav li a.flex-next {
  right: 0;
  background-position: -72px center;
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-direction-nav li a.flex-next:hover {
  background-position: -107px center;
}
.single-product .product .detail_product_d .product_detail .slider_img_productd .product-images .flex-thumbnail .flex-direction-nav li a:hover {
  background-color: #f4a137;
}

.single-product .product .detail_product_d .product_detail .content_product_detail .product_title {
  font-size: 22px;
  font-weight: 400;
  color: #222;
  margin-top: 0;
  margin-bottom: 15px;
}
.single-product .product .detail_product_d .product_detail .content_product_detail .product_title > span {display: inline-block; padding: 5px 10px; background-color: #14a501; color: #fff; font-size: 16px; margin-right: 5px;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_rating {margin-bottom: 15px;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_rating li {
    float: left; 
    margin-left: 2px; 
    margin-bottom: 2px; 
    min-width: 68px; 
    font-size: 11px; 
    color: #666;
    display: block; 
    border-radius: 5px; 
    background-color: #efefef; 
    padding:6px 5px; 
    text-align: center;
}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_rating li:first-child {margin-left: 0;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_rating li span {display: block; font-size: 20px; color: #00a3e7;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info { margin-bottom: 10px;  line-height: 1.8;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info > span {display: block; position: relative; padding-left: 20px; font-size: 14px;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info > span.phone {font-weight: 600;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info > span:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 200;
    color: #999;
}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info > span.add:before {content: '\f041';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info > span.price:before {content: '\f155';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info > span.open:before {content: '\f017';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info > span.phone:before {content: '\f095';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_info > span.view:before {content: '\f06e';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action {margin-bottom: 10px;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul {margin: 0;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li {padding: 0; margin-bottom: 1px;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li:nth-child(2n) {padding-left: 1px;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li a {
    display: block;
    position: relative;
    text-overflow:ellipsis; 
    overflow: hidden; 
    white-space: nowrap; 
    background-color: #eef0f3;
    font-size: 13px;
    line-height: 18px;
    padding: 6px 45px 6px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li a span {position: absolute; right: 15px; top: 5px; font-size: 12px; color: #8092ae; display: block; font-weight: 600; line-height: 20px;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li a span.new {
    font-size: 11px; 
    font-weight: 400;
    line-height: 18px;
    color: #fff; 
    background-color: red;
    padding: 0 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li a:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 6px;
    right: 30px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 200;
    color: #8092ae;
}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li a.favorist:before {content: '\f08a';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li a.wanted:before {content: '\f006';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li a.checkin:before {content: '\f00c';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li a.comment:before {content: '\f0e6';}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li.disSave a.wanted:before, .single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li.disSave a.favorist:before {color: #ff771c;}
.single-product .product .detail_product_d .product_detail .content_product_detail .item_action ul li.disSave a.checkin:before {color: #14a501;}

.single-product .product .detail_product_d .product_detail .item_member {position: relative;}
.single-product .product .detail_product_d .product_detail .item_member .item_member_img ul {padding: 0; margin: 0 -3px;}
.single-product .product .detail_product_d .product_detail .item_member .item_member_img ul li {float: left; padding: 3px; width: 16.66666667%;}
.single-product .product .detail_product_d .product_detail .item_member .info_member {margin-bottom: 8px; padding: 5px 70px 10px 60px; position: relative;}
.single-product .product .detail_product_d .product_detail .item_member .info_member .info {font-size: 11px; color: #999;}
.single-product .product .detail_product_d .product_detail .item_member .info_member .item_button {position: absolute; right: 0; top: 5px; white-space: nowrap; font-weight: 600;}
.single-product .product .detail_product_d .product_detail .item_member .info_member .item_button > a {padding: 0 0 0 15px; color: #0088cc; font-size: 14px;}
.single-product .product .detail_product_d .product_detail .item_member .info_member .item_button > a:hover {text-decoration: underline;}
.single-product .product .detail_product_d .product_detail .item_member .info_member .item_button > a:before {font-family: 'FontAwesome';content: '\f1e0'; position: absolute; top: 2px; left: 0; font-size: 13px; color: #0088cc;}
.single-product .product .detail_product_d .product_detail .item_member .info_member .clip-mask {
    position: absolute;
    top: -2px;
    left: 10px;
    display: inline-block;
}
.single-product .product .detail_product_d .product_detail .item_member .info_member .clip-mask > a {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin-top: 5px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);     /* IE 9 */
    -moz-transform:rotate(45deg);     /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari & Chrome */
    -o-transform:rotate(45deg);     /* Opera */
}
.single-product .product .detail_product_d .product_detail .item_member .info_member .clip-mask > a > img {
    display: block;
    width: 55px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);     /* IE 9 */
    -moz-transform:rotate(-45deg);     /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari & Chrome */
    -o-transform:rotate(-45deg);     /* Opera */
    margin-top: -10px;
    margin-left: -10px;
}


.single-product .product .detail_product_d .product_detail .content_product_detail .product-description { margin-bottom: 20px;}

.single-product .product .detail_product_d .product_detail .content_product_detail .product-description .social-share { margin: 5px 0 0 0; }
.social-share{
    display: table;
    margin: 5px 0;
    width: 100%;
    position: relative;
}
.social-share-item{
    float: left;
    margin-left: 20px;
}
.social-share-item:first-child {margin-left: 0;}
.social-share a.back-to {position: absolute; right: 0; padding-left: 20px; background: url(../images/backto.png) no-repeat 0 50%; line-height: 16px; color: #0654ba;}

.ui-form-control {margin-bottom: 30px;}

.description_detail .box-content {padding: 10px; background-color: #f7f8f9; border: 1px solid #dfdfdf; margin-bottom: 15px;}
.description_detail .box-content ul li {position: relative; border-bottom: 1px solid #dfdfdf; padding: 5px 30px 5px 10px; min-height: 52px;}
.description_detail .box-content ul li.last {border-bottom: 0;}
.description_detail .box-content ul li:before {
    font-family: 'FontAwesome';
    content: '\f040';
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 200;
    color: #ddd;
}
.description_detail .box-content ul li span {display: block; margin-top: 5px;}
.description_detail .box-content ul li span > span {display: inline-block; margin-top: 0;}
.description_detail .detail-content {padding: 10px 0;}
/*my account*/
.header-acount {position: relative;}
.header-acount .member-cover {
    min-height: 310px;
    position: relative;
    background-color: #6D6E71;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.header-acount .member-cover #addCover,.header-acount .member-cover #saveCover {
    position: absolute;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer;
    background-color: rgba(255,255,255,0.5);
}
.header-acount .member-cover #saveCover { left: 40px; color: red;}
.header-acount .member-cover #addCover {opacity: 0; left: 5px;}
.header-acount .member-cover:hover #addCover {opacity: 1;}
.header-acount .member-inner {
    padding: 0;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
}
.header-acount .member-inner .clip-mask {
    position: relative;
    margin-left: 20px;
    display: inline-block;
    margin-bottom: -32px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    border:4px solid #fff;
    webkit-box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.25);
}
.header-acount .member-inner .clip-mask > a {
    display: inline-block;
    overflow: hidden;
}

.header-acount .member-inner .member-content {
    flex: 1;
    overflow: hidden; 
    margin-top: 40px;
    padding: 0 20px;
}
.header-acount .member-inner .title {
    font-size: 22px; 
    color: #fff; 
    white-space: nowrap; 
    text-overflow:ellipsis; 
    overflow: hidden;
    letter-spacing: 1px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.header-acount .member-inner .title i {color: #999;}
.header-acount .member-inner .description {
    overflow: hidden; 
    line-height: 18px; 
    padding-top: 25px;
    padding-left: 30px;
    margin: 0 auto; 
    color: #999;
    position: relative;
}
.header-acount .member-inner .description:before {
    position: absolute;
    content: '\f10d';
    font-family: "FontAwesome";
    left: 0;
    top: 20px;
    font-size: 20px;
    color: #999;
}
.member-statistic {
    background-color: #fff; 
    margin-bottom: 20px;
    webkit-box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.25);
}
.member-statistic .member-tab {
    display: flex;
    text-align: center; 
    padding: 0;
    margin-bottom: 0;
    gap: 1.5rem;
}
.member-statistic .member-tab li {
    display: block;
    text-align: center;
}
.member-statistic .member-tab li a {
    display: block; 
    padding: 12px 0; 
    color: #111;
    text-transform: uppercase;
    font-weight: 600; 
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
}
.member-statistic .member-tab li a span {display: block;}
.member-statistic .member-tab li a:hover {color: #aaa;}
.member-statistic .member-tab li a.selected {color: #000; position: relative;}
.member-statistic .member-tab li a.selected:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    content: '';
    background-color: #FA4B4B;
}
/*header brand*/
.header-brand {background: url(../images/bgbrand.jpg) no-repeat 50% 0 #1c213a;}
.brand-inner {
    padding: 30px 25% 30px 110px;
    position: relative;
}
.brand-inner .brand-inner-bg {
    background-color: #cd3a71;
    padding: 15px 10px 15px 140px;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.header-brand .brand-inner .clip-mask {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -100px;
    display: inline-block;
    width: 200px;
    height: 200px;
}
.header-brand .brand-inner .clip-mask > a {
    display: inline-block;
    overflow: hidden;
    width: 148px;
    height: 148px;
    margin-top: 26px;
    margin-left: 26px;
    background-color: #fff;
    border: 2px solid #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.35);
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);     /* IE 9 */
    -moz-transform:rotate(45deg);     /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari & Chrome */
    -o-transform:rotate(45deg);     /* Opera */
}
.header-brand .brand-inner .clip-mask > a > img {
    display: block;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);     /* IE 9 */
    -moz-transform:rotate(-45deg);     /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari & Chrome */
    -o-transform:rotate(-45deg);     /* Opera */
    margin-top: -35px;
    margin-left: -35px;
}

.header-brand .brand-inner .brand-inner-bg .box-heading {font-size: 28px; font-weight: 600; color: #fff;}
.header-brand .brand-inner .brand-inner-bg .box-heading > i.fa-check-circle {
    color: #16d003;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1em;
}
.header-brand .brand-inner .brand-inner-bg .item_info { line-height: 1.8;}
.header-brand .brand-inner .brand-inner-bg .item_info > span {display: block; position: relative; padding-left: 20px; font-size: 14px;}
.header-brand .brand-inner .brand-inner-bg .item_info > .desc {display: block; position: relative; font-size: 13px; margin: 0; height: 36px; overflow: hidden; line-height: 1.4;}
.header-brand .brand-inner .brand-inner-bg .item_info > .page {display: block; position: relative; font-size: 14px; margin: 0; height: 18px; overflow: hidden; line-height: 1.4;}
.header-brand .brand-inner .brand-inner-bg .item_info > .page a {color: #fff;}
.header-brand .brand-inner .brand-inner-bg .item_info > .page a:hover {text-decoration: underline;}
.header-brand .brand-inner .brand-inner-bg .item_info > span:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 25px;
    font-weight: 200;
    color: #fff;
}
.header-brand .brand-inner .brand-inner-bg .item_info > span.add:before {content: '\f041';}
.header-brand .brand-inner .brand-inner-bg .item_info > span.price:before {content: '\f155';}
.header-brand .brand-inner .brand-inner-bg .item_info > span.open:before {content: '\f017';}
.brand-statistic {position: absolute; bottom: 0; right: 0;}
.brand-statistic .brand-tab {margin: 0; position: relative; bottom: 0; right: 0;}
.brand-statistic .brand-tab li {
    float: left;
    display: block; 
    text-align: center;
    font-size: 14px;
    margin-left: 5px; 
    padding: 5px 25px;
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}
.brand-statistic .brand-tab li:first-child {margin-left: 0;}
.brand-statistic .brand-tab li span {display: block; font-weight: 600; font-size: 18px;}
.larger-map .infoBox {
    width: 320px!important
}
.map-infobox-container {
    width: 320px;
    border: 1px solid #000;
    padding: 3px 5px;
    color: #444;
    margin-top: -6px;
    border-radius: 2px;
    float: left;
    background: #45484d
}
.map-infobox-title {
    float: left;
    width: 250px;
    padding-bottom: 2px;
    text-shadow: none!important;
    font-size: 15px
}
.map-infobox-title a {
    color: #fff
}
.map-infobox-title>a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}
.map-infobox-address {
    float: left;
    width: 250px;
    font-weight: 400;
    font-size: 11px;
    color: #fff;
    text-shadow: none!important
}
.infoBox img:nth-of-type(1) {
    top: 10px
}
/**/
.entry-content .col2-set { width: auto;}
.entry-content .col3-left { width: 50%; margin: 0}
.entry-content .col3-center { width: 50%; margin: 0 auto;}
.entry-content .checkout .col2-set .col-1,
.entry-content .checkout .col2-set .col-2 {
  float: left;
  width: 50%;
}
.entry-content .entry-title {font-size: 22px; margin-top: 0;}
.ya-page.main .type-page header .entry-title {
  font-size: 22px;
  font-weight: bold;
  position: relative;
  margin-top: 0;
  margin-bottom: 25px;
}
.ya-page.main .type-page header .entry-title.withLine {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}
.btn-primary,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    color: white;
    background-color: #FF8800;
    border-color: #FF8800;
}
.btn-primary:hover {
    background-color: #FF8800;
    border-color: #FF8800;
    opacity: .8;
}
.btn:before {font-family: var(--font-awesome);}
.btn-secondary,.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
    color: white;
    background-color: var(--color-second);
    border-color: var(--color-second);
}
.btn-secondary:hover {
    background-color: var(--color-second);
    border-color: var(--color-second);
    opacity: .8;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-size: 14px;
}
.btn svg {
    width: 16px;
    height: 16px;
}
.btnDefault {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 26px;
    color: #fff;
    border: 0;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f86447;
    padding: 5px 10px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.btnBlue {background-color: #03b1f1; border-color: #03b1f1; display: inline-block;}
a.btnBlue:hover {color: #fff;}
.btnDefault:focus {outline: none;}
.btnDefault:hover {opacity: .9;}
.btnDefault:before {
  position: absolute;
  font-family: 'FontAwesome';
  font-weight: 100;
  display: block;
  width: 30px;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btnRegister:before {
    padding: 5px 0;
    content: "\f234";
}
.btnLogin:before {
    padding: 5px 0;
    content: "\f023";
}
.btnCancel:before {
    padding: 5px 0;
    content: "\f079";
}
.btnAddNew:before {
    padding: 5px 0;
    content: "\f0c7";
}
#pac-input {
    background-color: #fff;
    padding: 0 11px 0 13px;
    width: 400px;
    font-size: 15px;
    position: absolute;
    top: 0;
    font-weight: 300;
    text-overflow: ellipsis;
}
.controls {
    margin-top: 10px;
    border: 0 solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
/**/
.selectlist-list {
    list-style: none;
    margin: 0;
    padding: 0;float:right;width: 375px;
}

.selectlist-item {
    background: url(../images/cross-circle.png) no-repeat scroll 0 5px #f8f8f8;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    float:left;
    font-size: 12px;
    margin:0 2px 2px 0 !important;
    padding: 5px 10px 4px 25px; color:#888;
}
.fileinput-button {
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor:pointer;
  display: flex;
  flex-direction: column;
  padding: 0 5px;
}
.button_comment {margin-top: 10px;}
.filemore-button {
    position: relative;
    overflow: hidden;
    display: block;
    float: left;
    padding: 0;
    cursor: pointer;
    margin-left: 15px;
}
.filemore-button.first{margin-left: 0;}
.button-image-holder .desc {color: #999; font-style: italic;}
.filemore-button .desc {color: #999; font-style: italic; display: inline-block; white-space: nowrap; vertical-align: middle;}
.button-image-holder .fileinput-button {display: inline-block; padding: 0;}
.button-image-holder .fileinput-button > span {
    display: block; border: 1px solid #eee; padding: 7px 20px; background-color: #eef0f3; 
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 600;
}
.button-image-holder .fileinput-button input[type="file"] {height: 34px; font-size: 22px; padding: 0; border: 0;}
.fileinput-button span, .filemore-button span {display: block; position:relative; cursor:pointer; text-align: center; padding: 8px 0;}
.filemore-button span {
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border: 0 solid #eee;
    font-size: 13px;
    background-color: #f6f7f9;
    padding: 8px 25px;
    font-weight: 600;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.filemore-button:hover span {background-color: #e9ebee;}
.filemore-button span .fa-camera {color: #89BE48;}
.filemore-button span .fa-video-camera {color: #FEC909;}
.fileinput-button span .camera-add-image {color: #ebebeb; font-size: 52px; cursor:pointer;}
.fileinput-button span .plus-add-image {
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -8px;
    font-size: 18px;
    color: #5bc3e9;
}
.fileinput-button input, .fileinput-button input[type="file"],
.filemore-button input, .filemore-button input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: 0;
    background: transparent;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 44px;
    z-index: 999;
    cursor:pointer !important;
    direction: ltr;
}
#popup-video-div .newspostform {min-width: 380px; padding: 0 10px 60px;}
.login-content {min-width: 250px;}
.signin-or {
    display: block;
    position: relative
}
.signin-or .or-used {
    padding: 5px 0;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    text-shadow: 0 1px 1px #fff
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
.images-holder {
    position: relative;
    float: left;
}
.images-holder ul {margin: 0 -5px; padding: 0; list-style: none;}
.images-holder ul:before, .images-holder ul:after {content: ''; display: table; line-height: 0;}
.images-holder ul:after {clear: both;}
.article-comment #frmComment .images-holder {padding: 0; float: none;}
.button-image-holder {text-align: center;}
.images-holder ul > li {
    float: left;
    width: 134px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}
.images-holder ul > li .thumb {display: block; position: relative; overflow: hidden; height: 120px;}
.images-holder ul > li > img {max-width: 100%; height: auto; vertical-align: middle;}
.images-holder ul > li a i {font-size: 13px;}
.images-holder > .thumb {
    position: relative;
    float: left;
    width: 130px;
    height: 130px;
    border: #ddd 1px solid; 
    padding: 0;
    overflow: hidden;
    display: block;
    text-align: center;
}
.images-holder .thumb > img { vertical-align: middle;}
.images-holder .thumb .close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px; 
    background-color: rgba(255,255,255,.8); 
    position: absolute; 
    top: 0; right: 0; 
    text-align: center; 
    color: red;
}
.images-holder .thumb .close:focus {outline: none; box-shadow: none;}
.images-holder .thumb .close svg {
    width: 12px;
    height: 12px;
}
#uploader .queueList {
    margin: 20px 0;
    border: 2px dashed #e6e6e6;
}
#uploader .queueList.filled {
    padding: 0;
    margin: 0;
    border: 2px dashed transparent;
}
#uploader .placeholder {
    min-height: 250px;
    padding-top: 128px;
    text-align: center;
    background: url(../images/image-add.png) center 53px no-repeat;
    color: #cccccc;
    position: relative;
}
.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.webuploader-pick-hover {
    background: #00a2d4;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}
#uploader .placeholder .webuploader-pick {
    font-weight: 600;
    background: #00b7ee;
    border-radius: 3px;
    line-height: 44px;
    padding: 0 30px;
    *width: 120px;
    color: #fff;
    display: inline-block;
    margin: 0 auto 10px auto;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#uploader .placeholder .webuploader-pick-hover {
    background: #00a2d4;
}
#uploader .filelist {
    list-style: none;
    margin: 0;
    padding: 0;
}

#uploader .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

#uploader .filelist li {
    width: 110px;
    height: 110px;
    background: url(../images/bgthumb.png) no-repeat;
    text-align: center;
    margin: 0 8px 20px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px;
}
#uploader .filelist li p.log {
    position: relative;
    top: -45px;
}

#uploader .filelist li p.title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    top: 5px;
    text-indent: 5px;
    text-align: left;
}

#uploader .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 8px;
    overflow: hidden;
    z-index: 50;
    margin: 0;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: 0 0 0;
}
#uploader .filelist li p.progress span {
    display: none;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #1483d8 url(../images/progress.png) repeat-x;

    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;

    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;

    -webkit-transform: translateZ(0);
}
@-webkit-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}

#uploader .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 110px;
    vertical-align: middle;
    overflow: hidden;
    width: 110px;
    height: 110px;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

#uploader .filelist li img {
    width: 100%;
}

#uploader .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100;
}

#uploader .filelist li .success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../images/success.png) no-repeat right bottom;
}

#uploader .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

#uploader .filelist div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/icons.png) no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer;
}

#uploader .filelist div.file-panel span.rotateLeft {
    background-position: 0 -24px;
}
#uploader .filelist div.file-panel span.rotateLeft:hover {
    background-position: 0 0;
}

#uploader .filelist div.file-panel span.rotateRight {
    background-position: -24px -24px;
}
#uploader .filelist div.file-panel span.rotateRight:hover {
    background-position: -24px 0;
}

#uploader .filelist div.file-panel span.cancel {
    background-position: -48px -24px;
}
#uploader .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0;
}
#uploader .statusBar {
    padding: 0;
    vertical-align: middle;
    position: relative;
}

#uploader .statusBar .progress {
    border: 1px solid #1483d8;
    width: 198px;
    background: #fff;
    height: 18px;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #6dbfff;
    position: relative;
    margin: 0 10px 0 0;
}
#uploader .statusBar .progress span.percentage {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1483d8;
    position: absolute;
}
#uploader .statusBar .progress span.text {
    position: relative;
    z-index: 10;
}

#uploader .statusBar .info {
    display: inline-block;
    font-size: 14px;
    color: #666666;
}

#uploader .statusBar .btns {
    position: absolute;
    top: 20px;
    left: 0;
    line-height: 30px;
}

#filePicker2 {
    display: inline-block;
    float: left;
}

#uploader .statusBar .btns .webuploader-pick,
#uploader .statusBar .btns .uploadBtn,
#uploader .statusBar .btns .uploadBtn.state-uploading,
#uploader .statusBar .btns .uploadBtn.state-paused {
    background: #fff;
    border: 1px solid #eee;
    color: #333;
    padding: 0 18px;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
    float: left;
}
#uploader .statusBar .btns .webuploader-pick-hover,
#uploader .statusBar .btns .uploadBtn:hover,
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
#uploader .statusBar .btns .uploadBtn.state-paused:hover {
    background: #f0f0f0;
}

#uploader .statusBar .btns .uploadBtn {
    background: #00b7ee;
    color: #fff;
    border-color: transparent;
}
#uploader .statusBar .btns .uploadBtn:hover {
    background: #00a2d4;
}

#uploader .statusBar .btns .uploadBtn.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.btn-shopping {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    border: 0;
    font-weight: bold;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
.btn-shopping:before {
  position: absolute;
  font-family: 'FontAwesome';
  display: block;
  height: 32px;
  width: 30px;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-shopping:hover {color: #000;}

.btn-clear {
    background: rgb(18, 135, 215);
    background: -moz-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -webkit-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -o-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -ms-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: linear-gradient(0deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    padding: 0 10px 0 30px;
}

.btn-clear:before {
  content: "\f057";
}
.btn-backto {
    background: rgb(18, 135, 215);
    background: -moz-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -webkit-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -o-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -ms-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: linear-gradient(0deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    padding: 0 10px 0 30px;
}

.btn-backto:before {
  content: "\f112";
}
.btn-register {
    background: rgb(18, 135, 215);
    background: -moz-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -webkit-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -o-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: -ms-linear-gradient(90deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    background: linear-gradient(0deg, rgb(18, 135, 215) 30%, rgb(0, 105, 171) 70%);
    padding: 0 10px 0 30px;
}

.btn-register:before {
  content: "\f09c";
}
.dropdown-menu .dropdown-panel {padding: 10px;}
/**/
.widget, .widget_filter {
    margin-bottom: 15px; 
    background-color: #fff; 
    border-radius: 8px;
    webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.20);
}
.widget .box-heading {font-size: 1rem; font-weight: 600; margin-bottom: 0;}
.widget .box-heading.header-bg {background-color: #FA4B4B; color: #fff;}
.widget .box-heading span {display: block; padding: 8px 0; line-height: 20px;}

.widget .info-profile h4 {margin-top: 0; font-weight: 600;}
.widget .info-profile .description {margin-bottom: 10px; font-size: 13px;}
.widget .info-profile ul {margin: 0; padding: 10px 0 0; list-style: none; border-top: 1px solid #eee; font-size: 13px; color: #666;}
.widget .info-profile ul li {display: block; padding: 5px 0;}
.widget_filter,.widget_filter .ft-wrap, .widget_filter .ft-wrap form.ft-form {
    padding: 0; 
    margin: 0;
}
.widget_filter {margin-bottom: 15px; overflow: hidden;}
.widget_filter .ft-wrap .ft-group { padding: 0;}
.widget_filter .ft-wrap .ft-filtering .ft-content .ft-current-group {  margin-top: 5px;}

.widget_filter .ft-group .ft-heading.withImage {padding: 0;}
.widget_filter .ft-group .ft-heading {
    cursor: pointer;
    padding: 8px 10px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background-color: #FA4B4B;
    position: relative;
}
.widget_filter .ft-group .ft-heading.withImage {padding: 0;}
.widget_filter .ft-heading .profile {
    text-align: center; 
    padding: 15px 10px;
    background-color: #f2f3f4;
}
.widget_filter .ft-heading .profile a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.widget_filter .ft-heading .profile .thumb {
    display: inline-block;
    overflow: hidden; 
    border: 2px solid #fff; 
    border-radius: 50%;
}
.widget_filter .ft-heading .profile span {font-weight: 600; font-size: 13px; display: block; margin-top: 5px;}
.widget_filter .ft-heading .profile span.info {font-weight: 400; font-size: 11px; text-transform: none;}

.widget_filter .ft-group .ft-heading.ft-product {
    font-size: 14px;
    font-weight: 600;
    padding: 6px 10px;
    border-bottom: 0;
}
.widget_filter .ft-wrap .ft-group .ft-content {
    padding: 0;
}
.widget_filter .ft-option {line-height: 16px;}
.widget_filter .ft-option input[type="radio"],
.widget_filter .ft-option input[type="checkbox"] {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
}
.widget_filter .ft-option .ft-opt-inner {
    font-weight: normal;
    margin: 0;
    padding: 0;
    display: inline;
}
.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select {margin: 0; padding: 0;}
.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select li {
    padding: 0;
    list-style: none;
    position: relative;
    display: block;
    border-bottom: 1px solid #eee;
}
.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select ul {padding-left: 0; border-top: 1px solid #eee;}
.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select li:last-child {border-bottom: 0;}
.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select li:before,.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select li:after {display: table; content: ""; line-height: 0;}
.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select li:after {clear: both;}
.widget_filter .ft-wrap .ft-group .ft-content .ft-select li .dropdown-menu {
  top: 0;
  left: 110%;
  display: block;
  width: auto;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.widget_filter .ft-wrap .ft-group .ft-content .ft-select li:hover .dropdown-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  left: 100%;
  top: 0;
  visibility: visible;
}
.widget_filter .ft-wrap .ft-group .ft-content .ft-select li:hover .dropdown-menu li {padding: 0;}
.widget_filter .ft-wrap .ft-group .ft-content .ft-select li:hover .dropdown-menu li a {padding: 6px 20px;}
.widget_filter .ft-wrap .ft-group .ft-content .ft-select li:hover .dropdown-menu li a:hover {background-color: #f4a137;}
.widget_filter .ft-wrap .ft-group-categories .ft-content li a.item-link {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: black;
    padding: 10px 10px; position: relative;
}
.widget_filter .ft-wrap .ft-group-categories .ft-content .for-news li a.item-link {font-weight: 600;}
.widget_filter .ft-wrap .ft-group-categories .ft-content li a.item-link span {
    display: block; padding: 0 5px; 
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 11px;
    color: #ddd;
    border: 1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.widget_filter .ft-wrap .ft-group-categories .ft-content li a.selected {font-weight: 700;}
.widget_filter .ft-wrap .ft-group-categories .ft-content li a.dropdown-toggle {padding-right: 10px;}
.widget_filter .ft-wrap .ft-group-categories .ft-content li li a {display: block; padding: 8px 10px 8px 20px; position: relative;}
.widget_filter .ft-wrap .ft-group-categories .ft-content li li a:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 8px;
    left: 10px;
    content: '\f105';
}
.widget_filter .ft-wrap .ft-group-categories .ft-content li a.item-link .menu-dropdown{
    position: absolute;
    right: 0;
    top: 7px;
    background: url(../images/ico-menu-parent2.png) no-repeat -3px 0;
    height: 15px;
    width: 10px;    
}
.widget_filter .ft-wrap .ft-group-categories li.dropdown:hover>.dropdown-menu {
  display: inline-block;
  background-color: #fff;
}

.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select li .ft-opt-inner span {
    color: #444;
    font-size: 12px;
}
.widget_filter .ft-wrap .ft-group .ft-content ul.ft-select li .ft-opt-inner span:hover { color: #f4a137;}
.widget_filter .ft-wrap .ft-group.ft-group-prices .ft-content {
  border-bottom: 0 none;
  padding-bottom: 0;
}
.widget_filter .ft-wrap .ft-group-categories .ft-content li .ft-opt-inner {
    padding: 8px 10px 8px 28px;
    display: block;
    position: relative;
    cursor: pointer;
}
.widget_filter .ft-wrap .ft-group-categories .ft-content li .ft-opt-inner input {
    position: absolute;
    left: 10px;
    top: 10px;
}
.widget_filter .ft-content-prices .ft-opt-price {
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: center;
}
.widget_filter .ft-wrap .ft-group .ft-content.ft-content-times {padding: 10px;}
.widget_filter .ft-content-times .ft-opt-times {margin-left: -5px; margin-right: -5px;}
.widget_filter .ft-option .ft-opt-times span,
.widget_filter .ft-option .ft-opt-inner span {
    margin-left: 3px;
    vertical-align: middle;
    cursor: pointer;
}
.widget_filter .ft-content-times .ft-times-value {
    float: left;
    width: 50%;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

.widget_filter .ft-content-times .ft-times-value.ft-times-button {
    width: 100%;
    text-align: right;
}
.widget_filter .ft-content-times .ft-times-value.ft-times-button button {background-color: #0284cf; border: 0; line-height: 20px; padding: 3px 10px; color: #fff; margin-top: 8px;}
.widget_filter .ft-content-times .ft-times-value.ft-times-button button:focus {box-shadow: inset 0 0 0 #fff}

.widget_filter .ft-content-times .ft-times-value .ui-datepicker-trigger {position: absolute;bottom: 4px; right: 8px;}
.widget_filter .ft-content-times .ft-times-value input[type="text"] {
    width: 100%;
    display: inline-block;
    border-radius: 0;
    border: 1px solid #e8e8e8;
    background-color: #f6f7f7;
    line-height: 24px;
    box-shadow: none;
    transition: none;
    padding: 3px;
    margin: 0;
    font-size: 12px;
}
.widget .widget_content {
    padding: .75rem 1rem;
}
#homeBanner.row {margin-left: -5px; margin-right: -5px;}
#homeBanner.row .col-lg-9,#homeBanner.row .col-md-9,#homeBanner.row .col-lg-3,#homeBanner.row .col-md-3 {padding-left: 5px; padding-right: 5px;}
.bn-hover a {display: block; position: relative; margin-bottom: 10px;}
.bn-hover a:last-child {margin-bottom: 0;}
.bn-hover a > img {max-width: 100%; height: auto;}
.ui-shadow {
    -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 2px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         0 2px 2px 0px rgba(0, 0, 0, 0.15);
}
.ui-radius {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.ui-border { border: 1px solid #e4e4e4;}
.social-block {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
.fb-page{
    transform-origin: 0 0;
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
}
#footer { margin-top: 10px; padding: 10px 0; color: #000; font-size: 13px;}
#footer h5 {text-transform: uppercase; margin-top: 5px; font-weight: 600;}
#footer a {color: #000;}
#footer a:hover {color: #f00;}
#footer .column li a {line-height:24px;}

#footer .social-block li a {
    font-size: 18px;
    padding: 0;
    text-align: center;
    margin-right:5px;
    width:30px; 
    height:30px; 
    line-height: 28px;
    float:left;
    color: #000;
    font-family: 'FontAwesome';
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background-color: transparent;
    border: 2px solid #111;
}
#footer .social-block .facebook > a:before {content: "\f09a";}
#footer .social-block .facebook > a:hover{color: #0284cf; border-color: #0284cf;}
#footer .social-block .twitter > a:before {content: "\f099";}
#footer .social-block .twitter > a:hover{color: #4099ff; border-color: #4099ff;}
#footer .social-block .google > a:before {content: "\f0d5";}
#footer .social-block .google > a:hover{color: #c33219; border-color: #c33219;}
#footer .social-block .youtube > a:before {content: "\f167";}
#footer .social-block .youtube > a:hover{color: #c33219; border-color: #c33219;}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe { width: 100% !important;}
.italic {font-style: italic;}
.m-T10{margin-top: 10px;}
.m-T20{margin-top: 20px;}

.p-10 {padding: 10px;}
.p-20 {padding: 20px;}
.p-T15 {padding-top: 15px;}
.p-T25 {padding-top: 25px;}
.p-L25 {padding-left: 25px;}

.cLgGray {color:#999 !important;}
.cBlue {color:#0289cf !important;}
.cYellow {color:#ffe26f !important;}
.cRed {color: #e94001 !important;}
.cGreen {color: #179a01 !important;}
.cTrans {text-transform: uppercase;}

#panel {
    opacity: 0;
    display: none;
    background: #fff;
    z-index: 100!important;
    position: relative
}
#panel.nav-is-visible {
    opacity: 1;
    padding-top: 54px;
    display: block;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s;
}
#panel .mobile-search {
    height: 46px;
    background: #00a3e7;
    position: relative;
    padding: 5px 7px
}
.navigationMenu li:active {
    background: #009cd7
}
.navigationMenu li:active a {
    color: #fff
}
.navigationMenu li:active .fa {
    color: #fff
}
.navigationMenu .panel {border: none;}
.navigationMenu .nav-heading {
    color: #009cd7;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 43px;
    line-height: 42px;
    margin: 0;
    padding: 0 50px 0 15px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    position: relative;
}
.navigationMenu .nav-heading a {display: block;color: #009cd7;}
.navigationMenu .nav-heading .fa-chevron-down {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    line-height: 40px;
    margin: 0;
    padding: 0 15px 0 30px;
    width: auto;
    font-size: 10px
}
.navigationMenu .nav-heading [data-toggle="collapse"].fa-chevron-down:before {content:"\f077"}
.navigationMenu .nav-heading [data-toggle="collapse"].collapsed.fa-chevron-down:before {content:"\f078"}
.navigationMenu .navi-nofollow {
    color: #333;
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0 15px;
    font-family: RobotoSlab-Regular;
    font-size: 14px
}
.sub-list {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    margin-bottom: 0;
    background: #f7f7f7
}
.sub-list a {
    display: block;
    padding: 8px 50px 8px 15px;
    color: #333;
    font-size: 14px;
    position: relative;
}
.sub-list a > em {font-style: normal; position: absolute; right: 10px; top: 8px; font-size: 11px; border: 1px solid #eee; display: block; padding: 1px 8px; border-radius: 3px;}
.sub-list a:active {
    background: #009cd7;
    color: #fff
}
.sub-list .fa-chevron-circle-right {
    margin-right: 10px;
    color: #009cd7;
    font-size: 11px
}
.front-page::before {
    display: none;
    content: 'mobile';
}
.site-wrap {padding: 15px 0;}
.fb_iframe_widget_fluid span, iframe.fb_ltr { 
    width: 100% !important; 
}
.products-nav {margin-top: 20px;}
.pageNumber {
    line-height: 100%;
    height:32px;
    padding:0;
    display:block;
    line-height:30px;
    text-align: center;
    margin:0;
}
.pageNumber a {
    display: inline-block;
    width:30px;
    height:30px;
    text-align:center;
    margin: 0 4px;
    background: #fff;
    font-weight:700;
    color: #000;
    border:1px solid #0284cf;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius:  3px;
    -moz-border-radius:  3px;
}
.pageNumber a:first-child {margin-left: 0;}
.pageNumber a:hover {
    background: #0284cf;
    color: #FFF;
    border:1px solid #0284cf;
}
.pageNumber a.current {
    background: #03b1f1;
    color: #FFF;
    border:1px solid #03b1f1;
}
.content-map {
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
}
.content-map iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-wrapper,.maps-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe, .maps-wrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pop-review-header {
    border-radius: 5px 5px 0 0;
    margin-left: -12px;
    margin-top: -12px;
    padding: 12px 12px 10px;
    position: absolute;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 16px;
    text-shadow: 0 1px 1px #fff;
    background: #f6f6f6;
    border-bottom: #ddd 1px solid
}
.pop-review-footer {
    border-radius: 0 0 5px 5px;
    padding: 12px 22px;
    text-align: right;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    border-top: #ddd 1px solid
}
#news-post-popup .article-comment {width: 480px; padding-bottom: 50px; padding-left: 10px; padding-right: 10px;}
#news-post-popup .article-comment, .writereview-loginform {
    padding-top: 60px
}
.writereview-loginform:before, .writereview-loginform:after {display: table; content: ''; line-height: 0;}
.writereview-loginform:after {clear: both;}
.writereview-loginform h1 {
    margin: 10px 0 50px;
    float: left;
    width: 100%;
    border-bottom: #ccc 1px dashed;
    padding-bottom: 15px;
    color: #c00;
    font-weight: 400
}
.writereview-loginform .social-icon {width: 320px}
.writereview-loginform .title {
    font-size: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    color: #555;
}
.writereview-loginform .title span {
    white-space: nowrap;
    color: #595959;
    margin: 0 12px;
}
.writereview-loginform .title hr {
    width: 100%;
    height: 1px;
    color: #8c8c8c;
    margin: 8px 0;
}
.writereview-loginform .login-social-writereview .login-social-action {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    gap: 8px;
}
.writereview-loginform .login-remember {
    clear: both;
    margin-top: 5px
}
.writereview-loginform .login-remember .registerl a {
    background: url(../images/icons/account-icons.png) no-repeat 0 -42px;
    width: 113px;
    height: 20px;
    border: none;
    float: left;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 12px 0
}
.writereview-loginform .login-remember a:hover {
    text-decoration: underline
}
.register-header {
    width: 1000px;
    margin: 0 auto 20px;
    position: relative;
    border-bottom: #f3d6d0 1px solid;
    padding: 15px 0
}
.register-maincontent {
    margin: 0 auto;
    width: 1000px;
    padding-top: 15px
}
.register-maincontent .left {
    width: 500px;
    float: left;
    margin: 150px 0 100px
}
.register-maincontent .right {
    width: 460px;
    float: right;
    margin-top: 150px;
    color: #444;
    padding-bottom: 20px;
    text-shadow: 0 1px 1px #fff
}
.register-maincontent .right a {
    color: #28a1be
}
.register-maincontent .right a:hover {
    text-decoration: underline
}
.register-form-head {
    width: 100%;
    float: left;
    clear: both;
    padding-bottom: 15px;
    font-weight: 700
}
.register-form-head .register-title {
    font-size: 20px;
    float: left;
    width: 250px;
    color: #333
}
.register-form-head .register-register-link {
    float: right;
    margin-right: 12px
}
.input-item {
    float: left;
    width: 450px
}
.register-inputs table {
    float: left;
    width: 100%;
    clear: both
}
.register-inputs .register_bg {
    background: #fff;
    border: 1px solid #ddd;
    width: 300px;
    height: 38px;
    margin-top: 5px;
    float: left
}
.register-inputs .register_bg input {
    border: none;
    width: 100%;
    font-size: 14px;
    color: #555;
    background: none repeat scroll 0 0 transparent
}
.register-inputs .register_bg input:focus {outline: none;}
.register-inputs .register_bg input[type="text"],.register-inputs .register_bg input[type="password"] {padding: 4px 5px; height: 36px;}
#registration-success {
    background: #F7E171;
    border: 1px dashed #C00;
    color: #c00;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 15px;
    width: 707px;
    text-align: center
}
.input-item span {
    float: left
}
.input-item img {
    vertical-align: middle;
    padding-top: 5px
}
.register-completed-msg {
    padding: 30px 5px;
    background: #fff;
    color: #3face1;
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #ddd;
    margin-bottom: 15px
}
.register_completed {
    border: 1px dashed #ccc;
    text-align: center;
    padding: 150px 0;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 10px;
    background: #f9f9f9;
    font-size: 16px;
    color: #999
}
.form-check {margin-bottom: 1rem;}
.form-check-input {margin-top: .125rem;}
.foody-policies {
    font-size: 12px;
}
.foody-policies a {
    text-decoration: underline;
    color: red;
}
#dynamic_button {position: absolute; height: 0; overflow: hidden;}
/*Suggestion*/
.wrap-suggestion {
    display: block;
    width: 315px;
    padding: 0;
    margin: 5px auto 0 90px;
    border: 1px solid #dadada;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #fff;
    position: absolute;
    z-index: 999;
}
.wrap-suggestion:after,.wrap-suggestion:before {
    bottom: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.wrap-suggestion:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.wrap-suggestion:before {
    border-color: rgba(218,218,218,0);
    border-bottom-color: #dadada;
    border-width: 9px;
    margin-left: -9px;
}
.wrap-suggestion li {
    display: block;
    background: #fff;
    overflow: hidden;
    list-style: none;
    text-align: left;
    border-bottom: 1px dotted #ccc;
    float: none;
}
.wrap-suggestion li:last-child {
    border-bottom: 0;
}
.wrap-suggestion li a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 6px;
}
.wrap-suggestion li a img {
    float: left;
    width: 50px;
    height: 40px;
    margin: 0 6px 0 0;
}
.wrap-suggestion li a .desc {display: block; position: relative; overflow: hidden;}
.wrap-suggestion li a b {
    display: block;
    line-height: 1.3em;
    color: #333;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wrap-suggestion li a span {
    float: left;
    font-size: 11px;
    line-height: 12px;
    color: #333;
}
.wrap-suggestion li a span.add {
    margin-top: 5px;
    color: #999;
    padding-left: 12px;
    display: block;
    position: relative;
}
.wrap-suggestion li a span.add > a {display: inline-block; padding: 0;}
.wrap-suggestion li a span.add:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    content: '\f041';
    line-height: 18px;
    font-weight: 200;
    color: #aaa;
}
.wrap-suggestion li a label {
    margin-top: 8px;
    display: block;
    font-size: 12px;
    color: #999;
    text-align: right;
}
.wrap-suggestion li a label strong {font-size: 12px; color: #d0021b;}
.wrap-suggestion li:hover,.wrap-suggestion li.selected {background: #f8f8f8;}
.wrap-suggestion li .tagnone {
    background: #fff;
    display: none;
}
/*tooltip*/
.helpfultooltip {
    background: #fff none repeat scroll 100px 150px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 3px #ccc;
    color: #333;
    display: none;
    font-size: 12px;
    padding: 5px;
    position: relative;
    width: 215px;
    z-index: 1000;
}
.helpfultooltip .arrow {
    bottom: -10px;
    left: 25px;
    position: absolute;
}
.helpfultooltip .count {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 0 2px;
}

#timzi-photo-detail {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
#timzi-photo-detail .fpd-frame {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
#timzi-photo-detail .fpd-wapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
#timzi-photo-detail .btn-close {
    position: fixed;
    top: 10px;
    cursor: pointer;
    display: block;
    height: 34px;
    width: 34px;
    right: 10px;
    z-index: 100;
    border-radius: 3px;
    background: url(../images/fd-box-btn-close.png) no-repeat center center #000
}
#timzi-photo-detail .fpd-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .9;
    filter: alpha(opacity=90)
}
#timzi-photo-detail .fpd-colum-left {
    width: 700px;
    position: relative;
    float: left
}
#timzi-photo-detail .fpd-colum-right {
    width: 310px;
    position: relative;
    float: right
}
#timzi-photo-detail .fpd-btn {
    padding: 8px 15px 7px;
    display: inline-block;
    margin: 0 8px 0 0;
    background: #eee;
    border-radius: 3px;
    font-size: 14px;
    color: #555;
    font-weight: 700
}
#timzi-photo-detail .fpd-btn.fpd-btn-highlight .fa {
    color: #c00!important
}
.to-save-photo {
    background: #c00!important;
    color: #fff!important;
    border: none
}
#timzi-photo-detail .fpd-box {
    position: relative;
    background: #fff;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: default
}
#timzi-photo-detail .fpd-box,
#timzi-photo-detail .fpd-box.fpd-box-loading:after,
#timzi-photo-detail .fpd-box.fpd-box-loading:before {
    border-radius: 2px
}
#timzi-photo-detail .fpd-box.fpd-box-loading:after,
#timzi-photo-detail .fpd-box.fpd-box-loading:before {
    display: block;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: .3;
    filter: alpha(opacity=30)
}
#timzi-photo-detail .fpd-box.fpd-box-loading:after {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 3;
    background: url(../images/loading.gif) no-repeat center center
}
#timzi-photo-detail .fpd-float-right {
    float: right
}
#timzi-photo-detail .fpd-btn.fpd-float-right {
    margin-left: 8px;
    margin-right: 0
}
#timzi-photo-detail .fpd-photo-toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px;
    z-index: 1
}
#timzi-photo-detail .fpd-photo-main {
    text-align: center;
    max-height: 590px;
    background: #fff;
    padding: 55px 0 0;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative
}
#timzi-photo-detail .fpd-photo-main img {
    max-width: 100%;
    max-height: 540px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    border-radius: 0;
    background: url(../images/loading.gif) no-repeat center center;
}
#timzi-photo-detail .fpd-photo-main .helper-middle {
    height: 100%;
    display: inline-block;
    margin-left: -5px;
    vertical-align: middle
}

#timzi-photo-detail .fpd-photo-main .fpd-photo-nav-next,
#timzi-photo-detail .fpd-photo-main .fpd-photo-nav-prev {
    position: absolute;
    bottom: 0;
    width: 50%;
    cursor: pointer;
    font-size: 60px;
    color: #fff;
    box-sizing: border-box
}
#timzi-photo-detail .fpd-photo-main .fpd-photo-nav-next:hover,
#timzi-photo-detail .fpd-photo-main .fpd-photo-nav-prev:hover {
    color: #ddd
}
#timzi-photo-detail .fpd-photo-main .fpd-photo-nav-prev {
    left: 0;
    text-align: left;
    padding-left: 25px;
    top: 55px;
    height: 100%
}
#timzi-photo-detail .fpd-photo-main .fpd-photo-nav-next {
    right: 20px;
    text-align: right;
    height: 100%;
    padding-right: 25px;
    top: 50px
}
#timzi-photo-detail .fpd-photo-main .fpd-photo-nav-next i {
    top: 50%;
    margin-top: -30px;
    position: absolute;
    right: 10px
}
#timzi-photo-detail .fpd-photo-main .fpd-photo-nav-prev i {
    top: 50%;
    margin-top: -30px;
    position: absolute;
    left: 30px
}
#timzi-photo-detail .fpd-photo-res {
    border-top: 1px solid #eee;
    padding: 15px 20px;
    float: left;
    width: 100%;
    box-sizing: border-box
}
#timzi-photo-detail .fpd-photo-res .fpd-res-avatar {
    margin-right: 10px;
    float: left
}
#timzi-photo-detail .fpd-photo-res .fpd-res-avatar img {
    width: 35px;
    height: 22px;
    float: left;
    display: block
}
#timzi-photo-detail .fpd-user {
    padding: 0 20px 15px;
    box-sizing: border-box
}
#timzi-photo-detail .fpd-user-info {display: block; overflow: hidden;}
#timzi-photo-detail .fpd-user .fpd-user-avatar {
    float: left;
    margin-right: 10px
}
#timzi-photo-detail .fpd-user .fpd-user-avatar img {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    float: left
}
#timzi-photo-detail .fpd-user .fpd-summary .fpd-resource {
    float: right
}
#timzi-photo-detail .fpd-user .fpd-summary,
#timzi-photo-detail .fpd-user .fpd-summary .fpd-name {
    float: left;
    width: 100%
}
#timzi-photo-detail .fpd-user .fpd-summary .fpd-name a {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    color: #000
}
#timzi-photo-detail .fpd-user .fpd-summary .fpd-name a:hover {
    text-decoration: underline
}
#timzi-photo-detail .fpd-summary .fpd-name.light {
    font-size: 11px;
    color: #777
}
#timzi-photo-detail .fpd-summary .fpd-resource {
    font-size: 11px;
    margin: 0;
    padding: 0;
}
#timzi-photo-detail .fpd-summary .fpd-resource li {
    display: inline-block
}
#timzi-photo-detail .fpd-summary .fpd-resource .fpd-time-create span {
    display: inline-block;
    margin: 0
}
#timzi-photo-detail .fpd-summary .fpd-resource .fpd-time-create img {
    display: inline-block;
    width: 11px
}

#timzi-photo-detail .fpd-box-comment {
    overflow: visible;
    padding: 10px 0;
    background: #fff
}
#timzi-photo-detail .fpd-user .fpd-photo-des {
    clear: both;
    padding: 0;
    font-size: 14px;
    position: relative
}
#timzi-photo-detail .fpd-user .fpd-photo-des-edit {
    clear: both;
    position: relative
}
#timzi-photo-detail .fpd-user .fpd-photo-des-edit .fpd-input-text {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 10px 77px 10px 5px;
    height: 36px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}
#timzi-photo-detail .fpd-user .fpd-photo-des-edit .fpd-btn-group {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}
#timzi-photo-detail .fpd-user .fpd-photo-des-edit .fpd-btn-save {
    float: right;
    padding: 10px;
    background: #049ec5;
    color: #fff;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}
#timzi-photo-detail .fpd-user .fpd-photo-des .fpd-btn-edit {
    position: absolute;
    top: 5px;
    right: -15px;
    cursor: pointer;
    color: #049ec5
}
#timzi-photo-detail .fpd-user .fpd-photo-des-edit .fpd-btn-cancel {
    float: right;
    padding: 10px;
    background: #ccc;
    color: #000
}
#timzi-photo-detail .fpd-box-comment .fpd-photo-des {
    clear: both;
    padding: 5px 0 0
}
#timzi-photo-detail .fpd-photo-review {
    clear: both;
    margin-top: 10px
}
#timzi-photo-detail .fpd-photo-review a {
    color: #049ec5;
    margin: 0 5px 0 0
}
#timzi-photo-detail .fpd-photo-review a:hover {
    text-decoration: underline
}
#timzi-photo-detail .fpd-box-comment .timzi-comment .fc-list-comment {margin: 0; padding: 0; list-style: none;}
#timzi-photo-detail .fpd-box-comment .timzi-comment .fc-list-comment .fcl-item {
    padding: 8px 20px!important;
    background: #fff
}
#timzi-photo-detail .fpd-box-comment .timzi-comment .fc-row-action {
    padding: 5px 20px!important;
    background: #fff!important
}
#timzi-photo-detail .fpd-box-comment .timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top {
    right: 10px!important
}
#timzi-photo-detail .fpd-box-comment .timzi-comment .fc-c-gray {
    font-size: 11px!important
}
#timzi-photo-detail .fpd-box-comment .timzi-comment .fc-list-comment .fcl-item .fcl-content.fclc-input>textarea {
    border: 1px solid #eee!important;
    padding: 10px 5px!important;
    height: 36px!important
}
#timzi-photo-detail .fpd-box-comment .timzi-comment .fc-list-comment .fcl-item .fcl-content.fclc-input>textarea:focus {outline: 0;}
#timzi-photo-detail .fpd-box-comment .timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-user {
    color: #333!important
}


#timzi-photo-detail .fpd-btns-buy-now {
    text-align: center;
    margin-bottom: 10px
}
#timzi-photo-detail .fpd-btns-buy-now li {
    display: inline-block;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 46.5%;
    margin: 0 5px
}
#timzi-photo-detail .fpd-btns-buy-now li.fpd-btn-service-1 {
    background: #cf2127
}
#timzi-photo-detail .fpd-btns-buy-now li.fpd-btn-service-2 {
    background: #f37934
}
#timzi-photo-detail .fpd-btns-buy-now li .fpd-btn-s-avatar {
    float: right;
    width: 40px;
    height: 40px;
    background: no-repeat #fff center center;
    margin: 1px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
#timzi-photo-detail .fpd-btns-buy-now li span {
    font-size: 18px;
    line-height: 40px;
    color: #fff
}
.timzi-comment {
    overflow: visible;
    clear: both;
    background: #f0f0f0
}
.timzi-comment .fc-list-comment .fcl-item {
    position: relative;
    clear: both;
    padding: 5px
}
.timzi-comment .fc-list-comment .fcl-item .fcl-avatar img {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    float: left
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content {
    margin: 0 0 0 40px
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-user {
    font-weight: 700;
    text-transform: capitalize;
    float: left;
    padding: 0 5px 0 0
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-comment {
    white-space: pre-line
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-bot {
    padding: 3px 0 0
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-bot>li {
    display: inline-block;
    padding: 0 3px 0 0
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top {
    position: absolute;
    background: #fff;
    top: 0;
    right: 0
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top>li {
    display: inline-block;
    padding: 3px;
    background: #fff
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top>li.over-show {
    display: none
}
.timzi-comment .fc-list-comment .fcl-item:hover .fcl-content .fclc-tool-top>li.over-show {
    display: inline-block
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown {
    position: relative
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown>ul {
    display: none;
    position: absolute;
    top: 25px;
    right: -10px;
    background: #fff;
    border: 1px solid #777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 1
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown.active>ul {
    display: block;
    padding: 0;
    margin: 0;
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown>ul>li {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    padding: 5px;
    white-space: nowrap;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    cursor: pointer
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown>ul>li:hover {
    background-color: #ddd
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown>ul>li:first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown>ul>li:last-child {
    border-bottom: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown>ul:before {
    display: block;
    position: absolute;
    top: -8px;
    z-index: 1;
    right: 12px;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #777
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-top .fclc-tool-item-dropdown>ul:after {
    display: block;
    position: absolute;
    top: -7px;
    z-index: 2;
    right: 14px;
    content: ' ';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #fff
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content .fclc-tool-bot .fclc-tool-item {
    display: inline-block;
    padding: 0 0 0 5px
}
.timzi-comment .fc-list-comment .fcl-item .fcl-content.fclc-input>textarea {
    overflow: hidden;
    padding: 3px 5px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box
}
.timzi-comment .fc-row-action {
    padding: 5px;
    cursor: pointer
}

#timzi-photo-detail .fpd-box-list-photo h2 {font-size: 18px; font-weight: 600; padding: 20px 0 0 15px; margin: 0;}
#timzi-photo-detail .fpd-photo-list{clear:both;margin:15px}
#timzi-photo-detail .fpd-photo-list>ul{padding: 0; margin: 0 -10px; list-style: none;}
#timzi-photo-detail .fpd-photo-list>ul>li{
    display:block;
    float:left;
    position:relative;
    width:25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
#timzi-photo-detail .fpd-photo-list>ul>li a{ display:block;position:relative; overflow: hidden;}
#timzi-photo-detail .fpd-photo-list>ul>li .fpd-l-thumb { height: 126px; min-height: 100px;}
#timzi-photo-detail .fpd-photo-list li img.fpd-l-image{display:block; height: auto; max-width: 100%;}
#timzi-photo-detail .fpd-photo-list .fpd-pl-user{clear:both;width:100%;float:left;padding:8px 3px;box-sizing:border-box}
#timzi-photo-detail .fpd-photo-list .fpd-pl-user .fpd-l-user-img{float:left}
#timzi-photo-detail .fpd-photo-list .fpd-pl-user .fpd-l-user-avatar{display:block;width:20px;height:20px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;}
#timzi-photo-detail .fpd-photo-list .fpd-pl-user .fpd-l-user-name{padding:1px 5px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.detail-content + [data-readmore-toggle] { padding-bottom: 1.5em; padding-right: 12px; font-weight: bold; background-color: #fff; color: #333; display: block; width: 100%; clear: both; margin-top: 10px; text-align: right; font-size: 14px; position: relative;}
.detail-content + [data-readmore-toggle]:before {position: absolute; top: 0; right: 0; line-height: 16px; height: 16px; width: 12px; font-family: 'FontAwesome'; content: "\f0dd";}
.p-T20 {padding-top: 20px;}
.p-TB20 {padding-top: 20px; padding-bottom: 20px;}
.article-grid .end-record-info {
    width: 100%;
    padding: 10px; text-align: center; font-size: 22px;
}
.article-grid .loading-image {display: block;margin: 5px auto;}
.article-grid .item_article, .article-list .item_article {
    position: relative; 
    background-color: #fff;
}
.article-list .item_article:before, .article-list .item_article:after {content: ''; display: table; line-height: 0;}
.article-list .item_article:after {clear: both;}
#siderbarLeft,#siderbarRight {
    height: 100%;
    overflow: hidden;
}
#siderbarRight .article-list {padding: 0 10px;}
#siderbarRight .vjs-default-skin .vjs-big-play-button {display: none;}
.article-list .items {margin-bottom: 15px;}
.article-list .items:before,.article-list .items:after {content: ''; display: table; line-height: 0;}
.article-list .items:after {clear: both;}
.article-list .items.withImgLeft .video-container, .article-list .items.withImgLeft .images-container {width: 40%; float: left; margin-right: 10px;}

.article-list .items.withImgLeft .article-info {overflow: hidden;}
.article-grid > li{padding-bottom: 30px !important}
.item_article .images-container, .item_article .video-container {position: relative;}
.item_article .images-container .video_label {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_label svg {
    width: 36px;
    height: 36px;
} 
.item_article .video-container, .item_article .images-container.video {background-color: #000;}
.item_article .video-container {margin-bottom: 2px;}
.item_article .images-container, .item_article .video-container {
    height: 0;
    padding-bottom: 75%;
    display: block;
    position: relative;
    overflow: hidden;
    background: url(../images/no-pic.png) no-repeat center;
    background-size: cover;
}
.item_article .images-container img,.item_article .video-container iframe, .item_article .video-container .video-js {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 100% !important;
    min-width: 100%;
    -webkit-transition: filter 1s, -webkit-transform 1s; 
    transition: filter 1s, transform 1s;
}
.item_article .video-container iframe {width: 100%;}
.item_article .images-container .onsale {
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
}
.item_article .images-container .onsale.hot {background: url(../images/label_hot.png) no-repeat 0 0;}
.item_article .images-container a img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.item_article .images-container:before{
    content: "";
    /*background: rgba(0,0,0,0.3);*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=0);
    visibility: hidden;
    pointer-events: none;
}
.item_article:hover .images-container:before{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.item_article:hover .images-container a > img {opacity: 0.8;}
.article-grid .item_article {
    background-color: white;
    display: flex;
    flex-direction: column;
}
.article-grid .item_article:not(.nogap) {gap: .75rem;}
.item_article .image {
    height: 0;
    padding-bottom: 75%;
    display: block;
    position: relative;
    overflow: hidden;
    background: url(../images/no-pic.png) no-repeat center;
    background-size: cover;
}
.item_article .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 100% !important;
    min-width: 100%;
    -webkit-transition: filter 1s, -webkit-transform 1s; 
    transition: filter 1s, transform 1s;
}

.item_article .article-info, .item_article .article-caption {position: relative; overflow: hidden;}
.item_article .article-info {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    line-height: 1.4;
}
.item_article .article-info.height {height: 134px;}
.item_article .article-caption {
    display: flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
}
.article-caption.pushpin {padding-right: 30px;}
.article-caption .item_date  {
    font-size: 11px;
    display: block;
}
.item_article .article-desc {
    position: relative; 
    color: #777;
    font-size: 95%;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.item_article .article-desc a {color: #666;}
.item_article .avatar {
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    width: 24px;
    height: 24px;
}
.widget-grid .item_article .avatar {
    width: 16px;
    height: 16px;
}
.item_article .push {
    position: absolute; 
    right: 0; 
    top: 0px;
    width: 26px;
    height: 26px;
    display: block;
    background-image: url(../images/icon_pushpin.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.widget-grid .item_article .push {
    width: 16px;
    height: 16px;
}
.item_article .avatar a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.item_article .author {
    display: flex;
    align-items: center;
    gap: .35rem;
    line-height: 1.2;
    font-size: 85%;
}
.item_article .author a {color: #111;}
.item_article .author a:hover {color: #e60000;}
.article-featured .article-grid .item_article .article-info {height: 135px;}
.article-featured .item_article .article-info {
    position: absolute; 
    bottom: 0; left: 0; right: 0; 
    background-color: rgba(0, 0, 0, 0.65); 
    color: #ddd; 
    font-size: 13px;
}
.item_article .article-info .article-name{
    font-size: 14px; 
    line-height: 20px; 
    font-weight: 600; 
    color: #111;
    overflow: hidden; 
    display: block;
}
.item_article .article-info h1.article-name {
    font-size: 1.125rem;
}
.article-member .item_article .article-info .article-name{
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item_article .article-info .article-name a:hover{color: #e60000; }
.article-featured .item_article .article-info .article-name {color: #fff; margin-bottom: 8px; text-overflow: inherit; white-space: normal;}
.item_article .article-info .item_button,.item_article .article-info .item_status,.item_article .article-info .item_date {font-size: 11px;}
.item_article .item_date {color: #aaa;}
.item_article .article-info .item_action a {display: inline-block; vertical-align: middle; margin-right: 20px;}
.item_article .article-info .article-seo {display: none;}
.item_article .article-review {position: relative;}
.item_article .review-list {background-color: #f2f3f4; padding: 10px 20px; border-top: 1px solid #dedede;}
.item_article .review-list .load_more_comment {display: block; font-size: 12px; padding: 5px 0; margin-top: 5px;}
.item_article .review-list .load_more_comment:hover {text-decoration: underline}
.item_article .review-list ul {margin: 0; padding: 0; list-style: none;}
.item_article .review-list ul li {
    display: block; 
    padding: 0 0 0 45px; 
    position: relative; 
    margin-top: 15px; 
    font-size: 12px;
    color: #444;
}
.item_article .review-list ul li:first-child {margin-top: 0;}
.item_article .review-list ul li .avatar {position: absolute; top: 0; left: 0;}
.item_article .review-list ul li .avatar a {display: block;}
.item_article .review-list ul li .author a {color: #111;}
.item_article .review-list ul li .date {color: #9197a3; font-size: 11px;}

.item_article .review-comment {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: #eee; 
    padding: 10px; 
}
.item_article .review-comment span {display: block; font-size: 10px;}
.item_article .review-comment input[type="text"] {
    background-color: #fff; 
    padding: 0 10px; 
    width: 100%; 
    height: 30px; 
    line-height: 30px; 
    overflow: hidden; 
    margin-bottom: 0;
    border-radius: 5px; 
    border: 0px solid #ddd;
    font-size: 12px;
}
.item_article .review-comment input[type="text"]:focus {outline: 0;}
.item_article .review-comment input[type="text"]:focus::-webkit-input-placeholder,
.item_article .review-comment input[type="text"]:focus:-moz-placeholder,
.item_article .review-comment input[type="text"]:focus::-moz-placeholder,
.item_article .review-comment input[type="text"]:focus:-ms-input-placeholder { color: #ddd;}
.item_article .article-button {
    border-top: 1px solid #dedede; 
    position: relative; 
    line-height: 26px;
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%;
}
.item_article .article-button a,.item_article .article-button button {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #616770;
    letter-spacing: 1px;
    padding: 8px 5px;
    gap: 5px;
    background-color: transparent;
    border: 0;
    cursor: pointer; 
}
.item_article .article-button button:focus,.item_article .article-button button:active {
    outline: none;
    box-shadow: none;
}
.item_article .article-button a.highlight {color: #0088cc;}
.item_article .article-button a .fa {font-size: 16px;}
.item_article .article-button a:hover, .item_article .article-button button:hover {color: #000; background-color: #f6f6f6;}
.article-list .item_article .article-info {padding-top: 0;}
.article-list .item_article .article-info .article-name {margin-bottom: 10px;}


.article-carousel .carousel-control {
    position:absolute;
    color: #333;
    font-size: 18px;
    font-weight: 100;
    opacity: 1;
    top:50%;
    z-index: 10;
    line-height: 32px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-color: #fff;
    text-align: center;
    text-shadow: 0 0 1px #000;
    box-shadow: 0 0 4px #F0EFE7;
    border-radius: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0, 0);
}
.article-carousel .carousel-control:hover {
    color: #e60000;
    transform: scale(1.3);
}
.article-carousel .carousel-control.left {left: 10px; right: auto;}
.article-carousel .carousel-control.right { right: 10px; left: auto;}
.article-carousel .carousel-control.left,.article-carousel .carousel-control.right { background-image:none;}
.article-carousel .carousel-control .bx-prev,.article-carousel .carousel-control .bx-next {
    display: block;
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
}
.article-carousel .carousel-control.left:before{content:"\f104"}
.article-carousel .carousel-control.right:before{content:"\f105"}

#last_mst_loader {display: block; text-align: center;}
.banner_adv {
    display: flex;
    gap: .5rem;
}
#siderbarRight .banner_adv {
    flex-direction: column;
}
#siderbarRight .banner_adv img {width: 100%;}
.widget .product-wrapper {position: relative;}
.widget .product-wrapper .box-heading {
    background-color: #eee;
    color: #111;
}
.widget .product-wrapper .box-heading .name {
    font-size: 16px;
    margin: 0;
    padding: 8px 10px;
    font-weight: 600;
}
.products-grid .item_product {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 10px 0;
}
.images-container a {
    display: block;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.item_product .product-image img {
    margin: 0 auto;
}
.products-grid .product-info {
    padding: 5px 10px;
    overflow: hidden;
    text-align: center;
}
.products-grid .product-name {
    margin: 0;
    overflow: hidden;
    line-height: 1.2;
    height: 36px;
}
.products-grid .box-price ins, .products-grid .box-price del {
    display: block;
    vertical-align: middle;
    line-height: 12px;
}
.products-grid .box-price ins {
    text-decoration: none;
}
.products-grid .box-price .amount {
    font-weight: 700;
    color: #f00;
    font-size: 13px;
}
.products-grid .box-price del .amount {
    color: #999;
    font-weight: 400;
}
.product-carousel .carousel-control {
    color: #000;
    font-size: 36px;
    font-weight: 100;
    top: 0;
    margin-top: 0;
    z-index: 10;
    text-shadow: none;
    line-height: 38px;
    width: 42px;
    height: 38px;
    border-radius: 0;
    cursor: pointer;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background-image: none;
}
.product-carousel .carousel-control.left {
    right: 43px;
    left: auto;
}
.product-carousel .carousel-control.right {
    right: 0;
}
.product-carousel .carousel-control.left:before, .product-carousel .carousel-control.right:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 22px;
    left: 50%;
    top: 50%;
    z-index: 11px;
    margin-top: -10px;
    margin-left: -7px;
    background-image: url(../images/icondesktop@1x.png);
    background-repeat: no-repeat;
}
.product-carousel .carousel-control.left:before {
    background-position: -179px -50px;
}
.product-carousel .carousel-control.right:before {
    background-position: -193px -50px;
}
.onsale {
    background: #e31;
    color: #FFF;
    padding: 2px 5px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    z-index: 100;
}
.modal-dialog .modal-title {font-size: 1.25rem;}
/**/
.stickymenu_bottom {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 0;
    background: rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 7px 0 rgba(0,0,0,.1);
    -webkit-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
}
.stickymenu_bottom:after {
    content: '';
    position: fixed;
    background: white;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: -1;
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.1);
    box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, .1);
}
.stickymenu_bottom .stickymenu-item {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 5;
    padding: 6px 0;
    background-color: white;
}
.stickymenu_bottom .stickymenu-item > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.stickymenu_bottom .stickymenu-item a,.stickymenu_bottom .stickymenu-item button {
    padding: 2px 0;
    color: #222;
    background-color: transparent;
    border: none;
}
.stickymenu_bottom .stickymenu-item a:focus,
.stickymenu_bottom .stickymenu-item a:hover {color: var(--color-primary);}
.stickymenu_bottom .stickymenu-item button:focus,.stickymenu_bottom .stickymenu-item button:active {
    outline: none;
    box-shadow: none;
}
.stickymenu_bottom .stickymenu-item .add_product:after {
    content: '';
    position: absolute;
    background-color: var(--color-primary);
    border-radius: 50%;
    width: 64px;
    height: 64px;
    z-index: -1;
    top: -11px;
}
.stickymenu_bottom .stickymenu-item svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}
.stickymenu_bottom .stickymenu-item span {
    font-size: 75%; 
    color: var(--gray-dark);   
}