.animated, .card-product-04:hover .card-product__hover i:first-child, .card-product-04:hover .card-product__hover i:last-child, .header-01__bot .hd-menu>div.language a:hover, .header-02__top .top-search.is-active button, .header-02__top ul.ht-language li:hover a {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.format-detail a, .news-page__detail a, .product-page__detail a {
    color: #00f;
    background: 0 0
}
.format-detail a:hover, .news-page__detail a:hover, .product-page__detail a:hover {
    color: #fe6600
}
.format-detail ol, .format-detail ul, .news-page__detail ol, .news-page__detail ul, .product-page__detail ol, .product-page__detail ul {
    list-style: initial;
    padding-left: 15px
}
.format-detail img, .news-page__detail img, .product-page__detail img {
    height: auto !important
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 2.5%;
    padding-right: 2.5%
}
@media (min-width:576px) {
    .container-fluid {
        padding-left: 1.25%;
        padding-right: 1.25%
    }
}
.container-fluid:after, .container-fluid:before {
    content: " ";
    display: table
}
.container-fluid:after {
    clear: both
}
.btn--primary {
    -webkit-box-shadow: 0 2px 2px 0 rgba(25, 118, 210, .14), 0 3px 1px -2px rgba(25, 118, 210, .2), 0 1px 5px 0 rgba(25, 118, 210, .12);
    box-shadow: 0 2px 2px 0 rgba(25, 118, 210, .14), 0 3px 1px -2px rgba(25, 118, 210, .2), 0 1px 5px 0 rgba(25, 118, 210, .12)
}
.btn--primary, .btn--primary.active, .btn--primary.active:focus, .btn--primary.active:hover, .btn--primary:active, .btn--primary:active:focus, .btn--primary:active:hover, .btn--primary:focus, .btn--primary:hover {
    background-color: #0078c1
}
.btn--primary:active, .btn--primary:focus, .btn--primary:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(25, 118, 210, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(25, 118, 210, .2);
    box-shadow: 0 14px 26px -12px rgba(25, 118, 210, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(25, 118, 210, .2)
}
.btn--secondary {
    -webkit-box-shadow: 0 2px 2px 0 rgba(255, 102, 0, .14), 0 3px 1px -2px rgba(255, 102, 0, .2), 0 1px 5px 0 rgba(255, 102, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(255, 102, 0, .14), 0 3px 1px -2px rgba(255, 102, 0, .2), 0 1px 5px 0 rgba(255, 102, 0, .12)
}
.btn--secondary, .btn--secondary.active, .btn--secondary.active:focus, .btn--secondary.active:hover, .btn--secondary:active, .btn--secondary:active:focus, .btn--secondary:active:hover, .btn--secondary:focus, .btn--secondary:hover {
    background-color: #fe6600
}
.btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(255, 102, 0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(255, 102, 0, .2);
    box-shadow: 0 14px 26px -12px rgba(255, 102, 0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(255, 102, 0, .2)
}
.btn--sm {
    font-size: 1.2rem
}
.form-label .form__label {
    font-size: 1.4rem;
    color: #333;
    font-style: italic;
    pointer-events: none;
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}
.form-label.is-focused .form__label, .form-label:not(.is-empty) .form__label {
    font-size: 1.1rem;
    position: absolute;
    top: -6px;
    left: 0;
    color: #0f4ba3
}
.dropdownjs {
    position: relative;
    line-height: 0
}
.dropdownjs>.form__select, .dropdownjs>ul {
    background: #fff;
    border-radius: .29em;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    padding: .36em .36em .36em .36em;
    overflow: auto;
    width: 100%;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    visibility: hidden;
    z-index: 10000;
    line-height: 1.43em
}
.dropdownjs>.form__select .radio, .dropdownjs>.form__select li, .dropdownjs>ul .radio, .dropdownjs>ul li {
    font-size: 1.4rem;
    font-weight: 400;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    border-radius: 3px;
    padding: .72em .72em .72em .72em
}
.dropdownjs>.form__select .radio.is-selected, .dropdownjs>.form__select .radio:hover, .dropdownjs>.form__select li.is-selected, .dropdownjs>.form__select li:hover, .dropdownjs>ul .radio.is-selected, .dropdownjs>ul .radio:hover, .dropdownjs>ul li.is-selected, .dropdownjs>ul li:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(255, 102, 0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(255, 102, 0, .2);
    box-shadow: 0 14px 26px -12px rgba(255, 102, 0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(255, 102, 0, .2);
    background-color: #fe6600;
    color: #fff
}
.dropdownjs>.form__select .radio a, .dropdownjs>.form__select li a, .dropdownjs>ul .radio a, .dropdownjs>ul li a {
    color: inherit;
    display: block;
    position: relative
}
.dropdownjs>.form__select .radio a .badge, .dropdownjs>.form__select li a .badge, .dropdownjs>ul .radio a .badge, .dropdownjs>ul li a .badge {
    font-size: 78%;
    top: auto;
    right: 0
}
.dropdownjs>ul {
    width: 200px
}
.dropdownjs>.icons {
    position: absolute;
    right: 0;
    height: auto;
    width: auto;
    z-index: -1
}
.dropdownjs>.icons>i {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}
.dropdownjs--up ul {
    bottom: 2.5em
}
.dropdownjs-border {
    border-top: 1px solid #ccc;
    margin: .36em 0 .36em 0 !important;
    padding: 0 !important
}
.dropdownjs>.form__input {
    height: auto;
    min-height: 36px;
    cursor: pointer
}
.dropdownjs .form__select {
    max-height: 217px;
    overflow: auto
}
.dropdownjs .form__select .radio {
    margin-top: 0;
    margin-bottom: 5px
}
.dropdownjs .form__select .radio label {
    padding-left: 0;
    display: block;
    color: inherit
}
.dropdownjs .form__select .radio [class^=radio__] {
    display: none
}
.dropdownjs .form__select .checkbox {
    margin: .72em
}
.dropdownjs.is-focused .form__select, .dropdownjs.is-focused ul {
    opacity: 1;
    visibility: visible;
    margin-top: .36em
}
.dropdownjs.is-focused>.form__input {
    outline: 0;
    background-size: 100% 2px, 100% 1px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.dropdownjs.is-focused>.icons i {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.datepicker {
    position: relative;
    font-family: Arial, Helvetica, sans-serif
}
.datepicker .c-icons {
    position: absolute;
    right: 0;
    height: auto;
    width: auto;
    z-index: 1
}
.picker {
    font-size: 1.4rem;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: .22em
}
.form-icon .picker {
    left: 20px
}
.picker__holder {
    position: absolute;
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .22em;
    max-width: 20.36em;
    min-width: 20.36em;
    max-height: 0;
    opacity: 0;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    -webkit-transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s;
    -webkit-transition: opacity .15s ease-out, max-height 0s .15s, -webkit-transform .15s ease-out;
    transition: opacity .15s ease-out, max-height 0s .15s, -webkit-transform .15s ease-out;
    transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s;
    transition: transform .15s ease-out, opacity .15s ease-out, max-height 0s .15s, -webkit-transform .15s ease-out;
    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
.picker--opened .picker__holder {
    max-height: 23.22em;
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}
.picker__box {
    padding: 1.08em 1.08em 1.08em 1.08em
}
.picker__header {
    text-align: center;
    position: relative
}
.picker__month, .picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}
.picker__year {
    color: #999;
    font-style: italic
}
.picker__select--month, .picker__select--year {
    border: 1px solid #0f4ba3;
    margin-left: .22em
}
.picker__select--month:focus, .picker__select--year:focus {
    border-color: #0f4ba3
}
.picker__nav--next, .picker__nav--prev {
    position: absolute;
    top: -5px;
    padding: .5em 1.15em .5em 1.15em
}
.picker__nav--prev {
    left: -1.07em
}
.picker__nav--next {
    right: -1.07em
}
.picker__nav--next:before, .picker__nav--prev:before {
    content: '';
    height: 0;
    width: 0;
    border-bottom: .575em solid transparent;
    border-right: .575em solid #0f4ba3;
    border-top: .575em solid transparent;
    display: block
}
.picker__nav--next:before {
    border-right: 0;
    height: 0;
    width: 0;
    border-bottom: .575em solid transparent;
    border-left: .575em solid #0f4ba3;
    border-top: .575em solid transparent
}
.picker__nav--next:hover, .picker__nav--prev:hover {
    cursor: pointer;
    color: #fff;
    background: #8cbbe9
}
.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}
.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .72em;
    margin-bottom: .36em
}
.picker__table td {
    margin: 0;
    padding: 0
}
.picker__weekday {
    font-size: 1.3rem;
    width: 2.58em;
    height: 20px;
    color: #999;
    font-weight: 600
}
.picker__day {
    padding: .36em 0 .36em 0;
    font-weight: 200;
    border: 1px solid transparent;
    border-radius: .22em;
    line-height: 20px
}
.picker__day--today {
    position: relative;
    border: 1px solid #0f4ba3
}
.picker__day--today:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    height: 0;
    width: 0;
    border-top: .5em solid #0f4ba3;
    border-left: .5em solid transparent
}
.picker__day--disabled:before {
    border-top-color: #aaa
}
.picker__day--outfocus {
    color: #ddd
}
.picker__day--infocus:hover, .picker__day--outfocus:hover {
    cursor: pointer;
    color: #222;
    background: #8cbbe9
}
.picker__day--highlighted {
    border-color: #0f4ba3
}
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover {
    cursor: pointer;
    color: #fff;
    background: #8cbbe9
}
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover {
    background: #0f4ba3;
    color: #fff
}
.picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}
.picker__footer {
    text-align: center
}
.picker__button--clear, .picker__button--close, .picker__button--today {
    width: 5em;
    padding: .58em 0 .58em 0;
    margin: 0 .15em 0 .15em;
    background-color: #0f4ba3
}
.picker__button--clear:before, .picker__button--close:before, .picker__button--today:before {
    position: relative;
    display: inline-block;
    height: 0
}
.picker__button--clear:before, .picker__button--today:before {
    content: " ";
    margin-right: .45em
}
.picker__button--today:before {
    position: relative;
    top: -2px;
    height: 0;
    width: 0;
    border-top: .36em solid #fff;
    border-left: .36em solid transparent
}
.picker__button--clear:before {
    top: -.25em;
    width: .66em;
    border-top: 3px solid #fff
}
.picker__button--today[disabled], .picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}
.picker__button--today[disabled]:before {
    border-top-color: #aaa
}
.pagination {
    font-size: 1.2rem
}
.pagination>li {
    display: inline;
    margin: 0 2px
}
.pagination>li>a {
    font-size: inherit;
    display: inline-block;
    font-weight: 400;
    border: 0;
    border-radius: 30px;
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    line-height: 2.34em;
    color: #999;
    -webkit-transition: all .3s;
    transition: all .3s
}
.pagination>li>a:hover {
    background-color: #eee;
    color: #999
}
.pagination>li.active>a {
    background-color: #0078c1;
    color: #fff
}
.pagination--circle>li>a {
    border: 1px solid #ddd
}
.pagination--circle>.active>a {
    border: 1px solid #0078c1
}
.pagination--rounded>li>a {
    border-radius: 3px;
    border: 1px solid #ddd
}
.pagination--rounded>.active>a {
    border: 1px solid #0078c1
}
.pagination--square>li>a {
    border-radius: 0;
    border: 1px solid #ddd
}
.pagination--square>.active>a {
    border: 1px solid #0078c1
}
.pagination--right {
    text-align: right
}
.pagination--center {
    text-align: center
}
.pagination--large {
    font-size: 1.4rem
}
.pagination--huge {
    font-size: 1.6rem
}
.slick-slider.slide {
    max-height: 400px;
    overflow: hidden
}
.slider-nav .item {
    position: relative;
    cursor: pointer
}
.slider-nav .slick-slide .overlay {
    opacity: 1
}
.slider-nav .slick-current .overlay, .slider-nav .slick-slide:hover .overlay {
    opacity: 0
}
.slick-vertical .slick-next, .slick-vertical .slick-prev {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.slick-vertical .slick-prev {
    top: 0
}
.slick-vertical .slick-prev::before {
    content: "\f077"
}
.slick-vertical .slick-next {
    bottom: 0
}
.slick-vertical .slick-next::before {
    content: "\f078"
}
.slick-vertical.slider-nav {
    padding: 1.08em 0 1.08em 0;
    width: 100%
}
.slick-vertical.slider-nav .slick-track {
    margin: 0 auto
}
.slick-vertical.slider-nav .item {
    margin: .22em 0 .22em 0
}
.slick-vertical.slider-nav .slick-next, .slick-vertical.slider-nav .slick-prev {
    height: 1.08em;
    width: 100%
}
.slick-vertical.slider-nav .item img {
    padding: .36em;
    border: 1px solid transparent
}
.slick-vertical.slider-nav .item.active img, .slick-vertical.slider-nav .item:hover img {
    border: 1px solid #eee
}
.slick-vertical.slider-nav:hover .slick-next, .slick-vertical.slider-nav:hover .slick-prev {
    background-color: rgba(0, 0, 0, .7)
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
.table {
    width: 100%;
    max-width: 100%;
    font-size: 1.4rem
}
.table td, .table th {
    padding: .5em;
    border-bottom: 1px solid #ccc
}
.table tr:last-child td {
    border: none
}
.table td:first-child, .table th:first-child {
    padding-left: 0
}
.table td:last-child, .table th:last-child {
    padding-right: 0
}
.table .td-image {
    width: 6%;
    line-height: 0
}
.table .td-image img {
    width: 3.58em
}
.table .td-desc, .table .td-name {
    width: 20%
}
.table .td-number {
    width: 10%
}
.table .td-quantity {
    font-size: 81%
}
.table .td-quantity input {
    font-family: Quicksand, Arial, sans-serif;
    font-weight: 500;
    margin: 0 auto;
    width: 2.29em;
    height: 2.29em;
    display: block;
    text-align: center;
    border: 1px solid #0078c1;
    font-size: inherit
}
.table .td-remove {
    width: 1%
}
@media (max-width:768px) {
    .td-desc, .th-desc {
        display: none
    }
}
@media (max-width:480px) {
    .table {
        font-size: 78%
    }
    .td-image, .th-image {
        display: none
    }
}
.product-page__social {
    margin: 20px 0 30px 5px;
    text-align: right
}
.product-page__image {
    line-height: 0;
    margin: 0 auto;
    text-align: center
}
@media (max-width:991px) {
    .product-page__content {
        margin-top: 20px
    }
}
.product-page__content-title {
    line-height: 24px;
    margin-bottom: 15px;
    color: #0078c1;
    font-weight: 700
}
.product-page-01 .product-page__social:before {
    content: '';
    display: inline-block;
    width: 65px;
    height: 1px;
    background: #ddd;
    margin-right: 20px
}
.product-page-01 .product-page__content-info {
    position: relative
}
.product-page-01 .product-page__content-info ul:first-child li {
    line-height: 20px;
    margin-bottom: 5px
}
.product-page-01 .product-page__content-info ul:first-child li>span:first-child {
    /* width: 95px;
    display: inline-block;
    color: #333;
    opacity: .8;
    margin-right: 20px */
    width: 145px;
    display: inline-block;
    color: #333;
    margin-right: 10px;
}
.product-page-01 .product-page__content-info ul:first-child.width li>span:first-child {
    width: 120px;
}
.product-page-01 .product-page__content-info ul:first-child li>span:first-child::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f60;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -1.5px;
}
.product-page-01 .product-page__content-info ul:first-child li>span:last-child {
    color: #222;
    font-weight: bold;
}
.product-page-01 .product-page__content-info ul:first-child li>span:last-child a {
    display: inline-block;
    text-transform: uppercase;
}
.product-page-01 .product-page__content-info ul:first-child li>span:last-child a:hover {
    color: #fe6600;
}
.product-page-01 .product-page__content-description {
    color: #444;
    line-height: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
    margin: 15px 0;
}
.product-page-01 .product-page__detail>div:first-child {
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    display: table;
    color: #000;
    margin: 40px auto 0;
    border-bottom: 1px solid #ccc;
    font-family: Quicksand, Arial, sans-serif
}
@media (min-width:768px) {
    .product-page-01 .product-page__detail .format-detail, .product-page-01 .product-page__detail .news-page__detail, .product-page-01 .product-page__detail .product-page__detail {
        padding: 20px 50px
    }
}
.news-page__detail {
    line-height: 1.43em;
    margin-bottom: 2.15em
}
.news-page-02 .news-page__content {
    border-radius: 5px;
    background: #e5eef8
}
.news-page-02 .news-page__content:after, .news-page-02 .news-page__content:before {
    content: " ";
    display: table
}
.news-page-02 .news-page__content:after {
    clear: both
}
.news-page-02 .news-page__content__desc-short {
    width: calc(50% - 40px);
    margin: 20px;
    padding: 20px;
    float: left;
    background: #fff;
    border-radius: 5px
}
.news-page-02 .news-page__content__desc-short span {
    position: relative;
    padding: 20px;
    display: block;
    font-weight: 700;
    color: #666
}
.news-page-02 .news-page__content__desc-short span:after, .news-page-02 .news-page__content__desc-short span:before {
    content: '';
    display: block;
    position: absolute;
    width: 150px;
    height: 50px;
    z-index: 11
}
.news-page-02 .news-page__content__desc-short span:before {
    border-radius: 5px 0 0 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    top: 0;
    left: 0
}
.news-page-02 .news-page__content__desc-short span:after {
    right: 0;
    bottom: 0;
    border-radius: 0 0 5px 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}
@media (max-width:640px) {
    .news-page-02 .news-page__content__desc-short {
        float: none;
        width: calc(100% - 40px);
        margin: 20px auto 0
    }
}
.news-page-02 .news-page__detail {
    padding: 30px 40px 0
}
@media (max-width:640px) {
    .news-page-02 .news-page__detail {
        padding: 30px 20px 0
    }
}
.pull-right {
    float: right !important
}
.pull-left {
    float: left !important
}
.center-block, .modal-box {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none
}
.visible-xs, td.visible-xs, th.visible-xs, tr.visible-xs {
    display: none !important
}
@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row !important
    }
    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}
.visible-sm, td.visible-sm, th.visible-sm, tr.visible-sm {
    display: none !important
}
@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row !important
    }
    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}
.visible-md, td.visible-md, th.visible-md, tr.visible-md {
    display: none !important
}
@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row !important
    }
    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}
.visible-lg, td.visible-lg, th.visible-lg, tr.visible-lg {
    display: none !important
}
@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row !important
    }
    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md {
        display: none !important
    }
}
@media (min-width:1200px) {
    .hidden-lg, td.hidden-lg, th.hidden-lg, tr.hidden-lg {
        display: none !important
    }
}
.b-news__img {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden
}
.b-news__img::before {
    content: '';
    display: block;
    padding-bottom: 75%
}
.b-news__img>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.b-news__img>a img {
    width: 100%
}
.b-news__content-title {
    font-size: 1.6rem;
    line-height: 1.13em;
    margin-bottom: 10px;
    font-family: Quicksand, Arial, sans-serif;
    font-weight: 500
}
.b-news__content-title>a:hover {
    color: #fe6600
}
.b-news__content-desc {
    text-align: justify
}
@media screen and (max-width:479px) {
    .b-news__content-title {
        font-size: 1.5rem
    }
}
[class*=b-news-] {
    background-color: #fff;
    overflow: hidden;
    margin: 0 5px 20px
}

[class*=b-news-1]:after, [class*=b-news-1]:before {
    content: " ";
    display: table
}
[class*=b-news-1]:after {
    clear: both
}
[class*=b-news-1] .b-news__img {
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
    width: 150px
}
@media screen and (min-width:480px) {
    [class*=b-news-1] .b-news__img {
        width: 220px
    }
    [class*=b-news-1] .b-news__img.w200 {
        width: 200px
    }
}
[class*=b-news-1] .b-news__img.w70 {
    width: 70px
}
[class*=b-news-1] .b-news__content-title {
    margin-top: 10px
}
[class*=b-news-1].b-news--center .b-news__content, [class*=b-news-1].b-news--center .b-news__img {
    width: calc((100% - 15px)/ 2);
    float: left
}
.b-news-1a .b-news__content-source {
    margin-top: 10px
}
.b-news-1a .b-news__content-source li {
    display: inline-block;
    font-size: 12px
}
.b-news-1a .b-news__content-source li:first-child {
    margin-right: 20px
}
.b-news-1a .b-news__content-source li a {
    color: #fe6600;
    padding: 5px;
    border: 1px solid #ccc;
    display: inline-block;
}
.b-news-1a .b-news__content-source li a:hover {
    border-color: #fe6600;
}
.b-news-1a .b-news__content-source li a span {
    text-transform: uppercase;
    line-height: 1.2
}
.b-news-1a .b-news__content-source li a:hover, .b-news-1a .b-news__content-source li a span::before {
    color: #fe6600
}
@media screen and (max-width:767px) {
    .b-news-1a .b-news__content-source {
        display: none
    }
}
[class*=s-dnews-] {
    margin-bottom: 15px
}
.s-dnews__title {
    color: #0078c1;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.19em;
    margin-bottom: 15px
}
.s-dnews__source {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}
.s-dnews__source:after, .s-dnews__source:before {
    content: initial !important
}
.s-dnews__source li {
    display: inline-block;
    font-size: 12px;
    margin-right: 20px;
    line-height: 0
}
.s-dnews__source li span.fa {
    text-transform: uppercase;
    line-height: 1.2
}
.s-dnews__source li span.fa:before {
    color: #fe6600
}
.s-dnews__source li a:hover {
    color: #fe6600
}
.s-dnews__source li.cate a {
    color: #fe6600;
    padding: 5px;
    border: 1px solid #ccc;
    display: inline-block;
}
.s-dnews__source li.cate a:hover {
    border-color: #fe6600;
}
.s-dnews__desc {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.34em;
    margin-bottom: 20px;
    position: relative;
    text-align: justify
}
.s-dnews__detail {
    margin-bottom: 30px
}
.s-dnews__detail a {
    color: #00f;
    background: 0 0
}
.s-dnews__detail a:hover {
    color: #fe6600
}
.s-dnews__detail ol, .s-dnews__detail ul {
    list-style: initial;
    padding-left: 15px
}
.s-dnews__detail img {
    height: auto !important
}
.s-dnews__other {
    margin: 30px 0 0 40px
}
@media screen and (max-width:479px) {
    .s-dnews__other {
        margin-left: 0
    }
}
.radio {
    cursor: pointer
}
.radio label {
    cursor: pointer;
    position: relative;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.radio [class^=radio__] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}
.radio input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}
.radio input[type=radio]:checked~.radio__check, .radio input[type=radio]:checked~.radio__circle {
    opacity: 1
}
.radio input[type=radio]:checked~.radio__check {
    background-color: #0078c1
}
.radio input[type=radio]:checked~.radio__circle {
    border-color: #0078c1
}
.radio input[type=radio]:checked+.radio__check::after {
    -webkit-animation: rippleOn .5s;
    animation: rippleOn .5s
}
.radio input[type=radio]:checked+.radio__circle .radio__check {
    -webkit-transform: scale3d(.65, .65, 1);
    transform: scale3d(.65, .65, 1)
}
.radio input[type=radio]:checked+.radio__circle .radio__check::after {
    -webkit-animation: rippleOn .5s;
    animation: rippleOn .5s
}
.radio input[type=radio][disabled]~.radio__check, .radio input[type=radio][disabled]~.radio__circle {
    opacity: .26
}
.radio input[type=radio][disabled]~.radio__check {
    background-color: #000
}
.radio input[type=radio][disabled]~.radio__circle {
    border-color: #000
}
@-webkit-keyframes rippleOn {
    0% {
        opacity: 0
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: 0
    }
}
@keyframes rippleOn {
    0% {
        opacity: 0
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: 0
    }
}
.radio__circle {
    border: 1px solid #666;
    width: 1.08em;
    height: 1.08em;
    border-radius: 100%;
    margin-right: .36em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.radio__check {
    width: 1.08em;
    height: 1.08em;
    border-radius: 100%;
    background-color: #0078c1;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}
.radio__check:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .84);
    width: 1.08em;
    height: 1.08em;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    -webkit-transform: scale3d(4, 4, 1);
    transform: scale3d(4, 4, 1)
}

.ht-hover a:hover {
    color: #f60;
}
.ht-page {
    margin: 15px 0;
}
.pagination {
    margin: 20px;
}
.sidebar-news__title {
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}
.sidebar-news__content ul li a {
    padding: 8px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.sidebar-news__content ul li a:before {
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 7px;
    font-size: 10px;
    color: #888;
}
.sidebar-news__content {
    border: 1px solid #ddd;
}
.filter-title {
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
}
.filter-title i {
    margin-right: 5px;
}
.filter-content>ul>li>a, .filter-content>ul>li>span, .filter-content>ul>li>label {
    padding: 8px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #eee;
    cursor: pointer;
}
.filter-content>ul>li>label input {
    position: absolute;
    opacity: 0;
}
.filter-content>ul>li>a:hover, .filter-content>ul>li>label:hover {
    color: #0078C1;
}
.filter-content>ul>li>a>span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.filter-content>ul>li>a sup {
    margin-left: 5px;
    top: 0.5em;
}
.filter-content>ul>li>a>span>img {
    height: 22px;
}
.filter-content>ul>li>a>span, .filter-content>ul>li>label span {
    padding: 0 7px;
}
.filter-content>ul>li>a>span:first-child {
    text-align: right;
    line-height: 0;
}
.filter-content>ul>li i {
    margin-right: 10px;
}
.news-page-02 .news-page__content {
    background: transparent;
    margin: 0 auto;
    width: 90%;
    display: table;
    float: none;
}
.news-page-02 .news-page__content__desc-short {
    width: calc(100% - 10px);
}
.news-page-02 .news-page__content__desc-short {
    margin: 0px 5px;
}
.news-page-02 .news-page__detail {
    padding: 20px 15px;
}
/* s-headline-1 */
.s-headline-1 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.s-headline-1 .s-headline__name {
    display: inline-block;
    position: relative;
    top: 10px;
    background-color: #FFFFFF;
    padding: 0 10px;
    margin: 0 20px;
}
/* s-headline-2 */
.s-headline-2 {
    text-align: center;
}
.s-headline-2 .s-headline__divider {
    text-align: center;
    font-size: inherit;
}
.s-headline-2 .s-headline__divider::before, .s-headline-2 .s-headline__divider::after {
    content: '';
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: rgba(255, 0, 0, 0);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0)), color-stop(50%, #CCCCCC), to(rgba(255, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #CCCCCC 50%, rgba(255, 0, 0, 0));
}
@media (max-width: 480px) {
    .s-headline-2 .s-headline__divider:first-child::before, .s-headline-2 .s-headline__divider:first-child::after {
        display: block;
        margin: 0 auto;
    }
}
.s-headline-2 .s-headline__divider i {
    position: relative;
    top: 5px;
}
/* s-headline-3 */
.s-headline-3 {
    position: relative;
}
.s-headline-3:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -0.05em;
    background-color: rgba(255, 0, 0, 0);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 0, 0, 0)), color-stop(300%, #CCCCCC));
    background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #CCCCCC 300%);
}
.s-headline-3 i {
    position: relative;
}
.s-headline-3 i:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FE6600;
    left: 0;
    bottom: -0.27em;
    z-index: 1;
}

/* Phan style chung cho S-CART */
.s-cart__table {
    font-size: 14px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.s-cart__table tr td {
    border-bottom: 1px solid #CCCCCC;
    padding: 0.5em 0.22em 0.5em 0.22em;
}
.s-cart__table tr td:first-child {
    padding-left: 0;
}
.s-cart__table tr td:last-child {
    padding-right: 0;
}
.s-cart__table tr:last-child td {
    border: none;
}

/* s-breadcrumb-1 */
.s-breadcrumb-1 {
    font-size: 1.3rem;
    margin-bottom: 30px;
    color: #777;
}
.s-breadcrumb-1 ul {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.s-breadcrumb-1 ul:after, .s-breadcrumb-1 ul:before {
    content: initial !important;
}
.s-breadcrumb-1 ul li {
    margin-left: 0.54em;
}
.s-breadcrumb-1 ul li i {
    font-size: 0.85em;
}
.s-breadcrumb-1 ul li i.fa-angle-double-right {
    color: #888;
}
.s-breadcrumb-1 ul li a {
    font-weight: bold;
    color: inherit;
}
.s-breadcrumb-1 ul li a:hover {
    color: #FE6600;
}
.s-breadcrumb-1 ul li:first-child {
    margin-left: 0;
}
.s-breadcrumb-1 ul li:first-child a>i {
    font-size: 1.54em;
}