:root {
    --main-color: #653b86;
    --sub-color: #D50D15;
    --extra-color: #333;
    --black-color: #000;
    --border-color: #ada090;
    --button-color: #b1a18f
}

.image_template {
    left: -8px;
    position: absolute;
    top: 0;
    display: none
}

.wrapper {
    opacity: 06
}

html {
    color: #333;
    background: #FFF
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
legend,
input,
button,
textarea,
p,
blockquote {
    margin: 0;
    padding: 0
}

body {
    font: 14px/18px Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    max-width: 100%
}

.fieldset {
    margin: 0;
    padding: 10px
}

th,
td {
    margin: 0
}

a {
    color: #000;
    text-decoration: none;
    display: inline-block
}

a:hover {
    color: var(--main-color) !important;
    webkit-transition: 0.3s ease-in-out color;
    transition: 0.3s ease-in-out color
}

input[type=text],
input[type=number],
input[type=password],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none
}

.red,
.label_error {
    color: red;
    clear: both
}

.label_success {
    color: #3b5998
}

.redborder {
    border: 1px solid red
}

.bold {
    font-weight: bold
}

.owl-lazy,
.lazy {
    opacity: 0
}

.display-off {
    display: none !important
}

.display-open {
    display: block !important
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
    webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    display: inline-block
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit
}

del,
ins {
    text-decoration: none
}

li {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

legend {
    color: #000000;
    font-weight: bold;
    padding: 0 8px
}

figure {
    margin: 0
}

.description {
    line-height: 24px
}

.description table {
    border-collapse: collapse;
    width: 100%
}

.description table td,
.description table #customers th {
    border: 1px solid #ddd;
    padding: 8px
}

.description table tr:nth-child(even) {
    background-color: #f2f2f2
}

.description table tr:hover {
    background-color: #ddd
}

.description table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: var(--main-color);
    color: white
}

.description figure {
    margin: 10px 0;
    text-align: center
}

.description figure figcaption {
    font-style: italic
}

.description ul li {
    padding-left: 29px !important;
    position: relative
}

.description ul li:after {
    content: "";
    color: #e6e6e6;
    position: absolute;
    top: 10px;
    left: 8px;
    width: 6px;
    height: 6px;
    background: #bdbdbd;
    border-radius: 50%
}

.description em,
.description i {
    font-style: italic
}

.description h2,
.description h3,
.description h4,
.description p,
.description div {
    margin-top: 10px
}

@media screen and (max-width: 600px) {

    .description h2,
    .description h3,
    .description h4,
    .description p,
    .description div {
        margin-top: 10px;
        font-size: 15px
    }
}

.description a {
    color: #3a70f1
}

.description img {
    max-width: 100%;
    height: auto !important;
    border: 1px solid rgba(243, 243, 243, 0.8)
}

.figcaption {
    font-style: italic
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: 14px;
    font-style: inherit;
    font-weight: inherit
}

input,
button,
textarea,
select {
    *font-size: 100%
}

table {
    font-size: inherit;
    border-collapse: collapse
}

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%
}

.clear,
.clearfix {
    clear: both
}

.cls::after,
.cls::before,
.clearfix::after,
.clearfix::before {
    content: '';
    display: block;
    clear: both
}

.hidden,
.hide,
.hiden {
    display: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.cf::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

strong,
b {
    font-weight: 700
}

.benmarch {
    display: none
}

.pagination {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 66px
}

@media screen and (max-width: 550px) {
    .pagination {
        margin-bottom: 40px
    }
}

.pagination .current {
    background: none repeat scroll 0 0 #303030;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    margin-right: 8px;
    padding: 7px 13px;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    border-radius: 50%
}

.pagination a,
.pagination b {
    border: 1px solid #e7e7e7;
    color: #4C4C4C;
    display: inline-block;
    font-size: 14px;
    margin-right: 8px;
    padding: 6px 13px;
    text-decoration: none;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    border-radius: 50%
}

.pagination a:hover,
.pagination b:hover {
    background: none repeat scroll 0 0 #303030;
    color: #FFFFFF !important;
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all
}

.next-page {
    padding: 6px 15px 6px !important
}

.pre-page {
    padding: 6px 15px 6px !important
}

.next-page:hover {
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all
}

.pre-page:hover {
    -webkit-transition: 0.15s ease-in-out all;
    transition: 0.15s ease-in-out all
}

.container {
    width: 1170px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0px auto
}

@media screen and (max-width: 1160px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

.page_title {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.page_title span {
    padding: 0px 20px 14px 0px;
    display: inline-block;
    position: relative;
    margin-left: 0px;
    z-index: 1;
    min-width: 78px;
    text-align: center;
    webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 36px;
    text-decoration: none;
    text-align: left
}

@media screen and (max-width: 768px) {
    .page_title span {
        font-size: 20px
    }
}

.center-2col-right {
    width: calc(70% - 20px);
    float: left
}

.right-col {
    width: calc(30% - 20px);
    float: right
}

.star-on {
    color: #FF9727
}

.full_screen {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.48);
    display: none;
    top: 0;
    left: 0px
}

.full_screen_white {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
    display: none;
    top: 0;
    left: 0px
}

.scroll_bar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #EBEBEB
}

.scroll_bar::-webkit-scrollbar {
    width: 8px;
    background-color: #EBEBEB;
    border-radius: 10px
}

.scroll_bar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: scroll center center var(--main-color);
    border: 1px solid #EBEBEB
}

.col-md-offset-6 {
    margin-left: 50%
}

.col-md-6 {
    width: 50%;
    float: left;
    min-height: 1px
}

@media only screen and (max-width: 768px) {
    .col-md-6 {
        width: 100%;
        float: none;
        margin-left: 0
    }
}

.col-md-offset-5 {
    margin-left: 41.66666667%;
    position: relative
}

.col-md-7 {
    width: 58.33333333%
}

.col-lg-4 {
    width: 33.33333333%;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    float: left
}

#modal_alert {
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    z-index: 99999;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

.modal_alert_inner {
    width: 350px;
    background: white;
    border-radius: 2px;
    max-width: 96%;
    margin: 2% auto
}

.modal_alert_title {
    background: var(--main-color);
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 0;
    font-size: 17px;
    position: relative;
    border-radius: 2px 2px 0 0
}

.modal_alert_title .close {
    position: absolute;
    right: 0px;
    padding: 0px 10px 8px;
    top: 0;
    color: #FFF;
    font-size: 22px
}

.modal_alert_body {
    background: white;
    color: #616161;
    padding: 20px;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.wrapper_header {
    background: #58585A;
    position: relative
}

@media screen and (max-width: 1060px) {
    .wrapper_header {
        display: none
    }
}

.wrapper_header .bg_l {
    width: calc((100% - 1170px)/2 + 91px);
    left: 0;
    height: 15px;
    background: #7D1416;
    position: absolute;
    top: 0
}

.header-wrap {
    position: relative
}

.sb-toggle-left {
    padding: 0px 2px 0 0px;
    cursor: pointer;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 222
}

@media only screen and (max-width: 876px) {
    .sb-toggle-left {
        display: block
    }
}

.sb-toggle-left .navicon-line {
    width: 22px;
    height: 3px;
    border-radius: 1px;
    margin-bottom: 5px;
    background-color: #fff
}

#logo {
    width: 40%;
    float: left;
    text-align: left
}

#logo .logo_img {
    width: 270px
}

#logo .logo_img_small {
    display: none;
    width: 170px
}

@media only screen and (max-width: 1110px) {
    #logo .logo_img {
        display: none
    }

    #logo .logo_img_small {
        display: inline-block
    }
}

@media only screen and (max-width: 876px) {
    #logo {
        width: 100%;
        float: none;
        text-align: center
    }
}

#search-mobile {
    display: none
}

@media only screen and (max-width: 1110px) {
    #search-mobile {
        display: block
    }
}

#left-head {
    width: 30%;
    float: right;
    padding-top: 31px
}

@media only screen and (max-width: 876px) {
    #left-head {
        display: none
    }
}

#left-head .search {
    width: 26%;
    float: right;
    margin-top: 4px
}

#left-head #address-map {
    float: right;
    position: relative;
    margin-left: 40px;
    width: 40px;
    height: 40px
}

#left-head #address-map a {
    color: #fff;
    display: inline-block;
    font-size: 13px
}

#left-head #address-map svg {
    position: absolute;
    left: 0px;
    width: 16px;
    height: 16px;
    fill: #fff;
    border: 1px solid #b9b9b9;
    padding: 7px;
    border-radius: 50%
}

@media only screen and (max-width: 930px) {
    #left-head #address-map {
        display: none
    }
}

#left-head #hotline {
    color: #fff;
    position: relative;
    float: right
}

#left-head #hotline svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    position: absolute;
    top: 3px
}

#left-head #hotline span {
    position: absolute;
    top: 0px;
    left: 39px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase
}

#left-head #hotline a {
    color: #fff;
    font-weight: 400;
    margin-top: 16px;
    display: inline-block;
    margin-left: 38px;
    font-size: 15px
}

@media only screen and (max-width: 1050px) {
    #left-head #hotline {
        display: none
    }
}

#left-head #shopcart {
    float: right;
    margin-left: 40px;
    position: relative
}

@media only screen and (max-width: 930px) {
    #left-head #shopcart {
        margin-left: 12px
    }
}

#right-head-mobile {
    display: none;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4
}

@media only screen and (max-width: 876px) {
    #right-head-mobile {
        display: block
    }
}

#right-head-mobile .chk_search_mobile {
    text-align: right;
    display: none
}

#right-head-mobile .chk_search_mobile svg {
    fill: #fff;
    cursor: pointer;
    width: 22px;
    height: 22px
}

@media only screen and (max-width: 876px) {
    #right-head-mobile .chk_search_mobile {
        display: block
    }
}

#right-head-mobile .chk_search_mobile_hide {
    display: none;
    position: absolute;
    right: 6px;
    top: 40px;
    z-index: 3
}

#right-head-mobile .chk_search_mobile_hide svg {
    fill: #1e1e1e;
    width: 20px;
    height: 20px
}

@media only screen and (max-width: 876px) {
    #right-head-mobile .search {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3333;
        width: 100%
    }
}

.right-head-mobile-full {
    width: 100%;
    transform: translate(0px, 0px)
}

#right-head {
    float: right;
    width: 30%;
    padding-top: 31px
}

@media only screen and (max-width: 876px) {
    #right-head {
        display: none
    }
}

#right-head .chk_search_mobile_hide {
    display: none
}

#nav-mainmenu {
    border-top: 1px solid var(--border-color)
}

@media only screen and (max-width: 990px) {
    #nav-mainmenu .container {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
}

.wrapper_top_c {
    float: right;
    margin-top: 20px
}

@media screen and (max-width: 1060px) {
    .wrapper_top_c {
        float: none;
        margin-top: 10px
    }
}

.wrapper_top_c>div {
    float: right;
    color: #58585A;
    font-size: 15px;
    box-sizing: border-box
}

.wrapper_top_c .contact_map {
    margin-top: 8px;
    position: relative;
    padding-left: 26px
}

@media screen and (max-width: 960px) {
    .wrapper_top_c .contact_map {
        margin-top: 0px
    }
}

.wrapper_top_c .contact_map a:before {
    position: absolute;
    top: 0px;
    left: 0;
    content: "\f279";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    color: #58585A
}

@media screen and (max-width: 960px) {
    .wrapper_top_c .contact_map a:before {
        font-size: 16px;
        background: #EEE;
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

@media screen and (max-width: 960px) {
    .wrapper_top_c .contact_map a span {
        display: none
    }
}

.wrapper_top_c .top_menu {
    margin-top: 14px
}

@media screen and (max-width: 1060px) {
    .wrapper_top_c .top_menu {
        margin-top: 14px;
        clear: both;
        float: none;
        background: red;
        text-align: center
    }
}

.nav-mainmenu-no-home {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box
}

.center-2col-left {
    width: calc(100% - 302px);
    float: right;
    margin-left: 30px;
    box-sizing: border-box
}

.left-col {
    width: 272px;
    float: left;
    box-sizing: border-box
}

.left-col .block {
    background: #FFF;
    border: none;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-bottom: 20px
}

.left-col .block .block_title {
    color: var(--main-color);
    font-weight: normal;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 15px;
    text-transform: uppercase;
    font-family: Roboto;
    background: #F4F4F4;
    margin: 0px 10px;
    border-left: 2px solid var(--main-color);
    font-size: 17px
}

.left-col .block ul>li a {
    color: #333;
    display: block;
    font-size: 14px;
    margin-bottom: 1px;
    padding: 4px;
    text-decoration: none;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
    text-transform: uppercase
}

.left-col .block ul>li a:before {
    position: absolute;
    content: "\f138";
    font-family: FontAwesome;
    left: 11px;
    top: 7px;
    color: var(--main-color);
    font-size: 14px;
    -webkit-transition: 0.7s ease-in-out all;
    transition: 0.7s ease-in-out all
}

.left-col .block ul>li:hover a:before {
    transform: rotate(180deg) translate(0, 0);
    -webkit-transform: rotate(180deg) translate(0, 0)
}

.main_bottom .block {
    background: #FFF;
    margin-top: 30px
}

.main_wrapper_normal {
    background: #F4F4F4;
    padding-top: 20px;
    padding-bottom: 40px
}

.hello .blocks_fullframe .text {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

.hello .blocks_fullframe .sum {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

.hello .blocks_fullframe .btn {
    transform: translate(0, 0);
    -webkit-transform: scale(1) rotate(0deg);
    -webkit-transition: all cubic-bezier(0.4, 0, 1, 1) 2s
}

.block>.lazy {
    background-repeat: no-repeat;
    background-position: center center
}

#header-main {
    background: #000;
    padding: 6px 0px
}

footer .top-footer {
    padding-bottom: 28px;
    border-bottom: 1px solid var(--border-color)
}

@media only screen and (max-width: 920px) {
    footer .top-footer {
        padding-bottom: 42px
    }
}

footer .footer-facebook {
    margin-top: 40px
}

@media screen and (max-width: 460px) {
    footer .footer-facebook {
        margin-top: 20px
    }
}

footer .footer-facebook .bottommenu-ft {
    width: calc(100% - 300px);
    float: left
}

footer .footer-facebook .fanpage-fb {
    width: 300px;
    float: right;
    min-height: 223px
}

footer .footer-facebook .fanpage-fb-mb {
    min-height: auto
}

@media only screen and (max-width: 920px) {
    footer .footer-facebook .bottommenu-ft {
        width: 100%;
        float: none
    }

    footer .footer-facebook .fanpage-fb {
        width: 100%;
        float: none
    }
}

footer .bottom-footer {
    background: var(--main-color);
    padding: 24px 0px 20px;
    color: #f3f3f3
}

footer .bottom-footer .bottom-footer-l {
    width: 50%;
    float: left
}

footer .bottom-footer .bottom-footer-l .title {
    font-weight: 600;
    margin-bottom: 11px
}

footer .bottom-footer .bottom-footer-l ul {
    line-height: 20px;
    font-size: 13px
}

footer .bottom-footer .bottom-footer-r {
    width: 38%;
    float: right
}

footer .bottom-footer .bottom-footer-r .bct-copyright {
    margin-bottom: 10px
}

footer .bottom-footer .bottom-footer-r .bct-copyright a {
    width: 148px;
    float: left;
    display: block
}

footer .bottom-footer .bottom-footer-r .bct-copyright a img {
    width: 100%
}

footer .bottom-footer .bottom-footer-r .bct-copyright .copyring {
    width: calc(100% - 148px);
    float: right;
    text-align: right;
    margin-top: 27px
}

@media only screen and (max-width: 430px) {
    footer .bottom-footer .bottom-footer-r .bct-copyright .copyring {
        width: 100%;
        float: none;
        text-align: left
    }

    footer .bottom-footer .bottom-footer-r .bct-copyright a {
        width: 100%;
        float: none;
        width: 34%
    }
}

footer .bottom-footer .bottom-footer-r .block-tags-ft {
    text-align: right
}

@media only screen and (max-width: 920px) {
    footer .block_facebook {
        display: none
    }

    footer .bottom-footer-l {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px
    }

    footer .bottom-footer-r {
        width: 100% !important;
        float: none !important
    }
}

#fixed-bar {
    margin: 0;
    padding: 0;
    z-index: 100;
    right: 0;
    display: none
}

#fixed-bar #bar-inner {
    height: 50px;
    margin: 0 10px 0 auto
}

#fixed-bar #bar-inner a {
    background: #8d7a66bf;
    display: block;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in 0;
    -webkit-transition: all 0.2s ease-in;
    -webkit-transition-delay: 0;
    transition: all 0.2s ease-in 0;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 50%;
    line-height: 42px
}

#fixed-bar #bar-inner a:hover {
    background: #000
}

#fixed-bar #bar-inner a svg {
    color: #FFF;
    width: 17px;
    margin-top: 7px
}

.fb-livechat,
.fb-widget {
    display: none
}

.ctrlq.fb-overlay {
    z-index: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.05);
    display: none
}

.fb-widget {
    background: #fff;
    z-index: 1000;
    position: fixed;
    width: 360px;
    height: 435px;
    overflow: hidden;
    opacity: 0;
    bottom: 0;
    right: 24px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16)
}

.ctrlq.fb-button {
    z-index: 999;
    background: #0084ff;
    width: 60px;
    height: 60px;
    text-align: center;
    bottom: 30px;
    border: 0;
    outline: 0;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
    -webkit-transition: box-shadow .2s ease;
    background-size: 80%;
    transition: all .2s ease-in-out
}

.ctrlq.fb-button svg {
    margin: 8px 10px;
    box-sizing: border-box;
    color: #FFF
}

.ctrlq.fb-button,
.ctrlq.fb-close {
    position: fixed;
    right: 7px;
    cursor: pointer
}

.bubble {
    width: 20px;
    height: 20px;
    background: #c00;
    color: #fff;
    position: absolute;
    z-index: 999999999;
    text-align: center;
    vertical-align: middle;
    top: -2px;
    left: -5px;
    border-radius: 50%
}

.ctrlq.fb-close {
    position: relative;
    cursor: pointer;
    background: var(--main-color);
    text-align: right
}

.ctrlq.fb-close:after {
    content: "X";
    font-family: sans-serif;
    color: #FFF;
    padding: 7px 10px
}

@media only screen and (max-width: 1200px) {
    .callnow-mb {
        display: block;
        position: fixed;
        bottom: 0px;
        z-index: 11111;
        left: 10px
    }
}

@media only screen and (min-width: 1200px) {
    .callnow-mb {
        display: none
    }
}

.top_pro {
    margin-bottom: 20px
}

.back-top {
    background: #cacaca;
    padding: 6px;
    text-align: center
}

.back-top p {
    text-transform: uppercase;
    margin-top: 5px
}

.pos0 {
    position: relative;
    width: 100%;
    overflow: hidden
}

.pos0 .close_svg {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 5px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.pos0 svg {
    fill: #fff;
    width: 20px
}

.pos0 .banners .itemi_1 {
    display: none !important
}

@media only screen and (max-width: 700px) {
    .pos0 .banners .itemi_0 {
        display: none
    }

    .pos0 .banners .itemi_1 {
        display: block !important
    }
}

.pos1 {
    background: #000
}

@media only screen and (max-width: 1170px) {
    .pos1 .container {
        padding: 0px
    }
}

#bl_block {
    min-height: 184px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#bl_block .block_title {
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    color: #eaeaea;
    padding: 36px 0px 88px
}

@media only screen and (max-width: 1025px) {
    #bl_block {
        background-image: none !important;
        min-height: auto
    }

    #bl_block .block_title {
        padding: 36px 0px 36px;
        margin-bottom: 30px;
        color: #000000
    }
}

@media only screen and (max-width: 768px) {
    #bl_block .block_title {
        padding: 14px 0px 20px;
        margin-bottom: 0px;
        min-height: 84px;
        box-sizing: border-box
    }
}

@media (min-width: 1025px) {
    #bl_block {
        clip-path: polygon(0 0, 100% 0%, 100% 72%, 50% 100%, 0 72%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 72%, 50% 100%, 0 72%);
        -moz-clip-path: polygon(0 0, 100% 0%, 100% 72%, 50% 100%, 0 72%);
        -o-clip-path: polygon(0 0, 100% 0%, 100% 72%, 50% 100%, 0 72%);
        -ms-clip-path: polygon(0 0, 100% 0%, 100% 72%, 50% 100%, 0 72%)
    }
}

.block_title {
    text-align: center;
    margin-bottom: 61px;
    line-height: 25px
}

.block_title span {
    font-size: 27px;
    text-transform: uppercase
}

@media only screen and (max-width: 876px) {
    .block_title span {
        font-size: 20px;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 768px) {
    .block_title {
        margin-bottom: 30px
    }

    .block_title span {
        font-size: 18px
    }
}

.strengths {
    position: relative;
    margin-bottom: 175px
}

@media only screen and (max-width: 1169px) {
    .strengths {
        margin-bottom: 25px
    }
}

#strengths.hello .item {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    transition: all 1s ease
}

#strengths.hello .item_2 {
    transition-delay: 0.2s;
    transform: translate(0, 0px)
}

@media all and (min-width: 1025px) {
    #strengths.hello .item_2 {
        transform: translate(0, 0px)
    }
}

#strengths.hello .item_1,
#strengths.hello .item_3 {
    transition-delay: 0.4s;
    transform: translate(0, 0px)
}

@media all and (min-width: 1025px) {

    #strengths.hello .item_1,
    #strengths.hello .item_3 {
        transform: translate(0, 10px)
    }
}

.pos_mix_home {
    margin-bottom: 54px
}

.pos_mix_home .pos_mix_left_1 {
    width: calc(50% - 15px);
    float: left
}

@media screen and (max-width: 1024px) {
    .pos_mix_home .pos_mix_left_1 {
        width: calc(60% - 30px)
    }
}

@media screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_left_1 {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
}

.pos_mix_home .pos_mix_right_1 {
    width: calc(50% - 15px);
    float: right
}

@media screen and (max-width: 1024px) {
    .pos_mix_home .pos_mix_right_1 {
        width: 40%
    }
}

.pos_mix_home .pos_mix_right_1 #top-content,
.pos_mix_home .pos_mix_right_1 #bot-content {
    background-repeat: no-repeat;
    background-size: cover;
    height: 144px;
    width: 100%;
    content: "";
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    overflow: hidden
}

.pos_mix_home .pos_mix_right_1 #top-content {
    margin-bottom: 18px
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 #top-content {
        margin-bottom: 10px;
        width: calc(50% - 5px);
        float: left
    }
}

@media only screen and (max-width: 625px) {
    .pos_mix_home .pos_mix_right_1 #top-content {
        width: 100%;
        float: none
    }
}

.pos_mix_home .pos_mix_right_1 #top-content .text1 {
    color: #fff !important;
    background: #d71921;
    font-size: 34px;
    padding: 15px 63px 10px 61px;
    text-align: center;
    display: inline-block;
    font-family: sans-serif;
    position: absolute;
    transform: skewY(8deg) translate(-11%);
    top: 18px;
    z-index: 3;
    transition: all 4s ease 0s;
    -webkit-transition: all 4s ease 0s
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 #top-content .text1 {
        font-size: 20px;
        padding: 11px 64px 6px 80px;
        transform: skewY(6deg) translate(-100%);
        z-index: 3;
        transition: all 4s ease 0s;
        -webkit-transition: all 4s ease 0s
    }
}

.pos_mix_home .pos_mix_right_1 #top-content .text2 {
    color: #fff !important;
    background: #b41319;
    font-size: 16px;
    padding: 14px 117px 11px 23px;
    text-align: center;
    display: inline-block;
    font-family: sans-serif;
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 74px;
    transform: skewY(-12deg) translate(100%) !important;
    transition: all 4s ease 0s;
    -webkit-transition: all 4s ease 0s
}

.pos_mix_home .pos_mix_right_1 #top-content .text2 .before {
    content: '';
    background: #b41319;
    position: absolute;
    left: -23px;
    width: 25px;
    top: 0px;
    height: 44px;
    transform: skewY(-7deg);
    -webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);
    clip-path: polygon(0 50%, 100% 100%, 100% 0)
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 #top-content .text2 .before {
        left: -19px;
        width: 20px;
        top: -7px;
        height: 50px;
        transform: skewY(-3deg)
    }
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 #top-content .text2 {
        font-size: 14px;
        padding: 10px 90px 8px 2px;
        left: 25px;
        top: 61px;
        transform: skewY(-7deg) rotate3d(1, 1, 1, -120deg)
    }
}

.pos_mix_home .pos_mix_right_1 #top-content .text2 .fake {
    color: #ffeb3f
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 #bot-content {
        width: calc(50% - 5px);
        float: right
    }
}

@media only screen and (max-width: 625px) {
    .pos_mix_home .pos_mix_right_1 #bot-content {
        width: 100%;
        float: none
    }
}

.pos_mix_home .pos_mix_right_1 #bot-content .text1 {
    color: #fff !important;
    background: #b41319;
    font-size: 26px;
    padding: 15px 152px 12px 51px;
    text-align: center;
    display: inline-block;
    font-family: sans-serif;
    position: absolute;
    top: 30px;
    z-index: 3;
    transition: all 4s ease 0s;
    -webkit-transition: all 4s ease 0s;
    transform: translateX(120%)
}

@media only screen and (max-width: 1110px) {
    .pos_mix_home .pos_mix_right_1 #bot-content .text1 {
        padding: 15px 65px 12px 51px;
        font-size: 20px
    }
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 #bot-content .text1 {
        font-size: 16px;
        padding: 14px 82px 10px 48px
    }
}

.pos_mix_home .pos_mix_right_1 #bot-content .text1 .before {
    content: '';
    background: #b41319;
    position: absolute;
    left: -23px;
    width: 25px;
    top: -7px;
    height: 60px;
    -webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);
    clip-path: polygon(0 50%, 100% 100%, 100% 0)
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 #bot-content .text1 .before {
        left: -21px;
        width: 24px;
        top: -6px;
        height: 54px
    }
}

.pos_mix_home .pos_mix_right_1 #bot-content .text2 {
    color: #fff !important;
    font-size: 33px;
    text-align: center;
    display: inline-block;
    font-family: monospace;
    position: absolute;
    z-index: 2;
    left: 107px;
    top: 104px;
    font-weight: normal;
    transition: all 4s ease 0s;
    -webkit-transition: all 4s ease 0s;
    transform: translateY(300%)
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 #bot-content .text2 {
        top: 98px;
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .pos_mix_home .pos_mix_right_1 {
        width: 100%;
        float: none
    }
}

.pos_mix_home .hello #top-content .text1 {
    transform: skewY(6deg) translate(-5px) !important;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .hello #top-content .text1 {
        transform: skewY(7deg) translate(-3px) !important;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        top: 30px
    }
}

.pos_mix_home .hello #top-content .text2 {
    transform: skewY(-7deg) rotate3d(1, 1, 1, 0deg) !important;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    left: 33px;
    top: 58px
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .hello #top-content .text2 {
        transform: skewY(-7deg) rotate3d(1, 1, 1, 0deg) !important;
        left: 27px;
        top: 63px
    }
}

.pos_mix_home .hello #top-content .text2 .before {
    top: -8px;
    height: 60px
}

@media only screen and (max-width: 768px) {
    .pos_mix_home .hello #top-content .text2 .before {
        height: 54px
    }
}

.pos_mix_home .hello #bot-content .text1 {
    transform: translateX(10%) !important;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.pos_mix_home .hello #bot-content .text2 {
    transform: translateY(0%) !important;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.pos3 {
    overflow: hidden;
    margin-bottom: 30px;
    min-height: 270px
}

@media only screen and (max-width: 768px) {
    .pos3 {
        min-height: 170px
    }
}

@media only screen and (max-width: 580px) {
    .pos3 {
        min-height: 370px
    }
}

.pos3 .banners a {
    display: inline-block;
    max-width: 100%;
    width: calc(50% - 5px)
}

@media only screen and (max-width: 580px) {
    .pos3 .banners a {
        width: 100%
    }
}

.pos3 .banners a:first-child {
    float: left
}

@media only screen and (max-width: 580px) {
    .pos3 .banners a:first-child {
        margin-bottom: 10px
    }
}

.pos3 .banners a:nth-child(2) {
    float: right
}

.pos3 .banners a img {
    width: 100%
}

.pos4 {
    margin-bottom: 30px;
    min-height: 80px
}

@media only screen and (max-width: 500px) {
    .pos4 {
        min-height: 50px
    }
}

@media only screen and (max-width: 580px) {

    .pos3,
    .pos4 {
        margin-bottom: 20px
    }
}

.slider-collection {
    margin-bottom: 70px;
    min-height: 420px
}

@media only screen and (max-width: 1024px) {
    .slider-collection {
        min-height: 170px
    }
}

@media only screen and (max-width: 580px) {
    .slider-collection {
        margin-bottom: 30px
    }
}

.pos5a {
    margin-top: 80px
}

@media only screen and (max-width: 580px) {
    .pos5a {
        margin-top: 30px
    }
}

.pos5 {
    margin-top: 70px
}

@media only screen and (max-width: 580px) {
    .pos5 {
        margin-top: 30px
    }
}

.pos6a {
    margin-top: 70px
}

@media only screen and (max-width: 580px) {
    .pos6a {
        margin-top: 30px
    }
}

.pos6a .block_title {
    margin-bottom: 30px;
    position: relative
}

.pos6a .block_title span {
    background: #fff;
    padding: 0px 20px;
    box-sizing: border-box
}

.pos6a .block_title:after {
    content: "";
    width: 60%;
    height: 2px;
    background: var(--main-color);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%)
}

.pos6 {
    border-bottom: 1px solid #eee
}

@media all and (max-width: 768px) {
    .pos6 {
        margin-top: 30px
    }

    .pos6 .block_title {
        margin-bottom: 10px
    }

    .pos6 .certifications_0 {
        display: none
    }
}

.pos6 .certifications_1 {
    display: none
}

@media all and (max-width: 768px) {
    .pos6 .certifications_1 {
        display: block
    }
}

@media all and (max-width: 920px) {
    .pos6 {
        border-bottom: 0px solid #eee;
        margin-bottom: 50px
    }
}

@media all and (max-width: 500px) {
    .pos6 {
        margin-bottom: 20px
    }
}

.pos7 {
    padding: 56px 0px 70px
}

@media all and (max-width: 768px) {
    .pos7 {
        padding: 30px 0px 30px
    }
}

.pos8_pos9 {
    background: #f1f1f1;
    padding: 68px 0px
}

@media all and (max-width: 768px) {
    .pos8_pos9 {
        padding: 30px 0px
    }
}

.pos8 {
    margin-bottom: 50px
}

@media all and (max-width: 768px) {
    .pos8 {
        margin-bottom: 20px
    }
}

.pos10 {
    width: calc(50% - 15px);
    float: left;
    height: 472px;
    overflow-y: scroll
}

.pos10::-webkit-scrollbar {
    width: 10px
}

.pos10::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px
}

.pos10::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 10px;
    transition: 0.2s;
    cursor: pointer
}

.pos10::-webkit-scrollbar-thumb:hover {
    background: #eee
}

@media all and (max-width: 900px) {
    .pos10 {
        width: 100%;
        float: none;
        height: auto;
        overflow-y: auto;
        margin-bottom: 30px
    }
}

.pos10 .block_title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    text-align: left;
    position: relative
}

.pos10 .view-all {
    position: absolute;
    right: 0px
}

.pos10b {
    padding-top: 10px;
    width: calc(50% - 15px);
    float: right
}

@media all and (max-width: 900px) {
    .pos10b {
        width: 100%;
        float: none
    }
}

.pos10_pos10b {
    margin-top: 40px
}

.pos10_pos10b .title_pos10 {
    border-bottom: 1px solid var(--main-color);
    margin-bottom: 25px
}

.pos10_pos10b .title_pos10 span {
    display: inline-block;
    padding: 14px 36px 8px;
    color: #fff;
    background: var(--main-color);
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0 100%)
}

.pos10_pos10b .title_pos10 span a {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase
}

.pos10_pos10b .title_pos10 span a:hover {
    color: #ffe10b !important
}

@media all and (max-width: 768px) {
    .pos10_pos10b {
        margin-top: 30px
    }

    .pos10_pos10b span {
        padding: 10px 25px 6px
    }
}

.pos11 {
    background: var(--main-color);
    padding: 45px 0px 38px;
    margin-bottom: 26px;
    margin-top: 60px
}

@media all and (max-width: 768px) {
    .pos11 {
        padding: 30px 0px 0px;
        margin-top: 30px
    }
}

.blocks_strengths_news {
    background: #f4f4f6;
    margin-bottom: 60px;
    padding: 20px 0px
}

.xemthem {
    text-align: center;
    width: 100%;
    position: relative
}

.xemthem:after {
    content: '';
    height: 1px;
    background: var(--border-color);
    width: 100%;
    position: absolute;
    left: 0px
}

.xemthem a span {
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 38px;
    transition: 0.5s;
    font-size: 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 11px 45px;
    background: var(--button-color);
    color: #fff
}

@media all and (max-width: 500px) {
    .xemthem a span {
        text-transform: unset;
        transform: translate(-50%, -50%);
        padding: 6px 15px;
        width: 92%
    }
}

.xemthem a span:hover {
    color: #fff;
    background: var(--main-color)
}

.product_grid,
.products_blocks_wrapper {
    margin-top: 80px
}

.col-right-detail-news .block {
    border: 1px solid #ebebeb;
    padding: 20px 26px;
    box-sizing: border-box;
    margin-bottom: 20px
}

.col-right-detail-news .block .block_title {
    font-size: 19px
}

@media screen and (max-width: 768px) {
    .col-right-detail-news .block {
        width: 50%;
        float: left
    }

    .col-right-detail-news .block .block_title {
        font-size: 16px
    }
}

@media screen and (max-width: 550px) {
    .col-right-detail-news .block {
        width: 100%;
        float: none
    }
}

.col-right-detail-content .block_title {
    padding: 8px 20px 10px 0px;
    position: relative;
    font-size: 24px;
    text-align: left;
    margin-bottom: 8px;
    text-transform: uppercase
}

.col-right-detail-content .block_title:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 83px;
    height: 0;
    border-style: solid;
    border-width: 3px 0px 0 0;
    border-color: var(--sub-color) transparent transparent transparent;
    webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (max-width: 768px) {
    .col-right-detail-content .block_title {
        font-size: 16px
    }

    .col-right-detail-content .block_title:after {
        border-width: 2px 0px 0 0
    }
}

.channel-social-title {
    margin-bottom: 35px
}

.right_b .blocks0 .news_list_body_default {
    margin-top: 26px
}

@media only screen and (max-width: 550px) {
    .right_b .blocks0 .news_list_body_default {
        margin-top: 10px
    }
}

.product_pos1,
.product_pos3 {
    margin-bottom: 60px
}

.product_pos1_detail,
.certifications-block {
    margin-bottom: 73px
}

@media screen and (max-width: 768px) {

    .product_pos1_detail,
    .certifications-block {
        margin-bottom: 30px
    }
}

.product_pos3_detail .testimonials_body,
.news_pos2 .testimonials_body {
    margin-top: 35px
}

.news_pos1 .block_title {
    padding-bottom: 12px;
    border-bottom: 1px solid #ebebeb;
    position: relative
}

.news_pos1 .block_title:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 3px;
    background: var(--main-color);
    left: 0px;
    bottom: 0px
}

.news_pos1 .block_title span {
    padding: 8px 12px;
    background: var(--main-color);
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 5px;
    display: inline-block
}

@media screen and (max-width: 550px) {
    .news_pos1 .block_title span {
        font-size: 16px;
        padding: 6px 12px
    }
}

.news_pos1 .block_title .summary-block {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #ababab;
    padding-left: 10px
}

@media screen and (max-width: 768px) {
    .news_pos1 .block_title .summary-block {
        display: none
    }
}

.logo-bct-ft {
    text-align: left
}

@media screen and (max-width: 1110px) {
    .logo-bct-ft {
        text-align: center
    }
}

.logo-bct-ft img {
    max-height: 56px;
    width: auto !important
}

.display_open {
    display: block !important
}

.display_off {
    display: none !important
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    background: url("../templates/duyanh/images/fotorama.png") no-repeat
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 2dppx) {

    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        background: url("../templates/duyanh/images/fotorama@2x.png") 0 0/96px 160px no-repeat
    }
}

.slide-up {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-down {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.m-slide-up {
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.m-slide-up #search-mobile {
    display: none !important
}

.m-slide-down {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.m-slide-down #search-mobile {
    display: block !important
}

.menu-fixed-bar {
    z-index: 10000;
    transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1)
}

.menu-fixed-bar {
    top: 81px;
    width: 100%
}

@media screen and (max-width: 1110px) {
    .menu-fixed-bar {
        top: 0px
    }
}

.suntory-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 120px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 120px;
    z-index: 2 !important;
    display: block;
    left: 0px;
    bottom: -25px
}

.suntory-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 80px;
    left: 5px;
    opacity: 0.1;
    position: absolute;
    top: 5px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 80px
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
    border-color: #39b54ac4;
    opacity: 1
}

.suntory-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 60px;
    left: 15px;
    position: absolute;
    top: 15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 60px
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: rgba(77, 190, 98, 0.65)
}

.suntory-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    position: absolute;
    top: 25px;
    left: 25px;
    transform-origin: 50% 50% 0;
    width: 40px;
    height: 40px
}

.suntory-alo-ph-img-circle svg {
    position: absolute;
    top: 8px;
    left: 11px;
    width: 20px
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: #39b54ac4
}

.suntory-alo-ph-img-circle i {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    font-size: 30px;
    line-height: 50px;
    display: block;
    width: 24px;
    height: 30px;
    color: #b6af96;
    content: " ";
    position: absolute;
    top: 15px;
    left: 13px;
    background-position: -37px -165px;
    background-repeat: no-repeat
}

@keyframes suntory-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg)
    }

    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg)
    }

    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes suntory-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes suntory-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg)
    }

    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg)
    }
}

.fb-comments iframe {
    width: 100% !important
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1111;
    transform: translate(-50%, -50%);
    display: none
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.banner-cat-news {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 400px;
    position: relative;
    margin-bottom: 60px
}

.banner-cat-news .page_title {
    position: absolute;
    margin-bottom: 0px;
    border-bottom: 0px;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase
}

.banner-cat-news .page_title span {
    padding: 0px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .banner-cat-news {
        background-image: none !important;
        min-height: auto;
        margin-bottom: 20px
    }

    .banner-cat-news .page_title {
        position: inherit;
        margin-bottom: 0px;
        border-bottom: 0px;
        text-align: center;
        left: auto;
        top: auto;
        transform: translate(0, 0);
        text-transform: uppercase
    }

    .banner-cat-news .page_title span {
        padding: 0px;
        color: #000
    }
}

.all-navicon-line {
    width: 24px;
    height: 24px;
    position: relative
}

.all-navicon-line svg {
    width: 24px;
    height: 24px;
    display: none;
    position: absolute;
    z-index: 222
}

.mm-opening .all-navicon-line {
    transform: rotate(45deg)
}

.mm-opening .all-navicon-line .navicon-line-1 {
    transform: rotate(-8deg);
    margin-top: 8px;
    width: 28px
}

.mm-opening .all-navicon-line .navicon-line-2 {
    transform: rotate(-86deg);
    margin-top: -8px;
    width: 28px
}

.mm-opening .all-navicon-line .navicon-line-3 {
    display: none
}

.zalo-chat-widget {
    z-index: 2 !important;
    bottom: 88px !important;
    top: auto;
    right: 14px !important
}

/*# sourceMappingURL=template.css.map */
.product_grid {
    margin-top: 12px;
    display: flex;
    flex-flow: row wrap
}

.product_grid .row_inner {
    width: 100%
}

.text-sold-out {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);
    background: var(--main-color);
    position: absolute;
    top: 0px;
    right: 0px;
    height: 50px;
    color: #fff;
    text-transform: uppercase;
    padding: 3px;
    font-size: 11px;
    line-height: 19px
}

.product_grid .item {
    float: left;
    width: 20%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: 80px
}

.product_grid .item .loai_may,
.product_grid .item .duong_kinh {
    font-size: 12px;
    text-transform: uppercase;
    color: #777;
    margin-bottom: 5px;
    display: inline-block
}

.product_grid .item .row-lm {
    padding: 0px 5px;
    color: #777;
    font-size: 13px
}

.product_grid .item .discount {
    position: absolute;
    top: 0px;
    left: 5px;
    background: #ed1c24;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    box-sizing: border-box;
    border-radius: 50%
}

@media screen and (max-width: 997px) {
    .product_grid .item .discount {
        font-size: 10px;
        height: 36px;
        width: 36px;
        line-height: 36px
    }
}

.product_grid .item img {
    transition: all 0.7s ease 0s !important;
    -webkit-transition: all 0.7s ease 0s;
    max-height: 290px
}

@media screen and (max-width: 500px) {
    .product_grid .item img {
        max-height: 238px
    }
}

@media screen and (max-width: 375px) {
    .product_grid .item img {
        max-height: 215px
    }
}

@media screen and (max-width: 320px) {
    .product_grid .item img {
        max-height: 181px
    }
}

.product_grid .item:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

@media screen and (max-width: 997px) {
    .product_grid .item {
        width: 33.333%
    }
}

@media screen and (max-width: 768px) {
    .product_grid .item {
        width: 50%;
        margin-bottom: 50px
    }
}

.product_grid .item .product_image {
    margin-bottom: 16px;
    position: relative;
    min-height: 283px
}

@media screen and (max-width: 1024px) {
    .product_grid .item .product_image {
        min-height: 240px
    }
}

@media screen and (max-width: 500px) {
    .product_grid .item .product_image {
        min-height: 210px
    }
}

.product_grid .item .product_image .icon_bl {
    position: absolute;
    left: 20px;
    bottom: 0px;
    color: #fff;
    background: #f19655;
    padding: 2px 10px;
    border-radius: 2px;
    z-index: 2
}

.product_grid .item .product_image .icon_br {
    position: absolute;
    right: 20px;
    bottom: 0px;
    color: #fff;
    background: red;
    padding: 2px 10px;
    border-radius: 2px;
    z-index: 2
}

.product_grid .item .product_image .image_gift_cat {
    position: absolute;
    bottom: 0px;
    right: 0px;
    transform: scale(1) !important
}

.product_grid .item .product_image .installment {
    position: absolute;
    left: 10px;
    bottom: 0px;
    background: #f28902;
    padding: 2px 4px;
    font-size: 13px;
    color: #fff;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    border-radius: 2px
}

.product_grid .item h2 a,
.product_grid .item h3 a {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px
}

@media all and (max-width: 768px) {

    .product_grid .item h2 a,
    .product_grid .item h3 a {
        font-size: 15px
    }
}

.product_grid .item h2 a .cat_name,
.product_grid .item h3 a .cat_name {
    color: #777;
    display: block;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 8px;
    font-weight: normal
}

.product_grid .item .price_old {
    font-size: 15px;
    color: #b1b1b1;
    margin-bottom: 8px;
    text-decoration: line-through
}

.product_grid .item .price_current {
    font-size: 18px;
    color: #e10c00;
    font-weight: 600
}

@media all and (max-width: 450px) {
    .product_grid .item .price_current {
        font-size: 14px
    }
}

.product_grid .frame_inner {
    position: relative
}

.product_grid .frame_title {
    color: #555;
    font-size: 13px;
    max-height: 38px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 38px;
    overflow: hidden;
    line-height: 19px
}

.product_grid .button-cart-fast-cat {
    position: absolute;
    bottom: 83px;
    padding: 7px 32px;
    background-color: #652d92d4;
    color: #FFF;
    left: 50%;
    transform: translate(-50%, 0) scale(0.5);
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Arial;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    opacity: 0
}

.product_grid .item:hover .button-cart-fast-cat {
    display: block;
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

/*# sourceMappingURL=products.css.map */
/*
@font-face {
font-family: 'SEGOEUIL';
src: url('https://donghoduyanh.com/dong-ho-nu/SEGOEUIL.eot');
src: local('SEGOEUIL'), url('https://donghoduyanh.com/dong-ho-nu/SEGOEUIL.woff') format('woff'), url('https://donghoduyanh.com/dong-ho-nu/SEGOEUIL.ttf') format('truetype');
}
*/
.wrapper {
    zoom: 1;
}

.wrapper:after,
.wrapper:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.wrapper:after {
    clear: both;
}

@media screen and (max-width:768px) {

    /*
#sbzoff_frame, #sbzon_frame, #sbzon_frame, #sbzoff {
display: none;
}
*/
    .bottom-menu {
        bottom: 0px;
        width: 95%;
        z-index: 1;
        position: fixed;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*Google Nexus 7 S*/
/*
@media screen and (min-width:310px) {
.wrapper {
width: 290px;
margin: 0 auto;
}
}
*/
/*Google Nexus 7 S*/
/*
@media screen and (min-width:360px) {
.wrapper {
width: 330px;
margin: 0 auto;
}
}
*/
/*LG optimus G*/
/*
@media screen and (min-width:384px) {
.wrapper {
width: 354px;
margin: 0 auto;
}
}
*/
/*SS Galaxy Note*/
/*
@media screen and (min-width:400px) {
.wrapper {
width: 370px;
margin: 0 auto;
}
}
*/
/*LG optimus LTE*/
/*
@media screen and (min-width:424px) {
.wrapper {
width: 394px;
margin: 0 auto;
}
}
*/
/*Sony Xperia*/
/*
@media screen and (min-width:480px) {
.wrapper {
width: 450px;
margin: 0 auto;
}
}
*/
/*Motorola Droi3 Droi4*/
/*
@media screen and (min-width:540px) {
.wrapper {
width: 510px;
margin: 0 auto;
}
}
/*
@media screen and (min-width:640px) {
.wrapper {
width: 608px;
margin: 0 auto;
}
}
*/
/*Motorola DroiZ*/
/*
@media screen and (min-width:720px) {
.wrapper {
width: 690px;
margin: 0 auto;
}
}
@media screen and (min-width:768px) {
.wrapper {
width: 704px;
margin: 0 auto;
}
}
*/
/*Google Nexus 7*/
@media screen and (min-width:966px) {

    /*
.wrapper {
width: 936px;
margin: 0 auto;
}
*/
    .content-block.full-bleed-light-text .caption p,
    .content-block.full-bleed-light-text .caption-link a,
    .content-block.full-bleed-light-center-text .caption p,
    .content-block.full-bleed-light-center-text .caption-link a,
    .content-block.full-bleed-light-right-text .caption p,
    .content-block.full-bleed-light-right-text .caption-link a {
        color: #292929;
    }

    .content-block.full-bleed-dark-text header,
    .content-block.full-bleed-light-text header,
    .content-block.full-bleed-dark-center-text header,
    .content-block.full-bleed-light-center-text header,
    .content-block.full-bleed-dark-right-text header,
    .content-block.full-bleed-light-right-text header {
        position: absolute;
        top: 0px;
        z-index: 1;
        padding: 0.45em 5% 0.6em 5%;
        width: 60%;
        box-sizing: border-box;
    }
}

/*Google Nexus 7 2*/
/*
@media screen and (min-width:960px) {
.wrapper {
width: 930px;
margin: 0 auto;
}
}
*/
@media screen and (min-width:1024px) {

    /*
.wrapper {
width: 828px;
margin: 0 auto;
}
*/
    .content-block header {
        padding: 1em 1.5em;
        box-sizing: border-box;
        vertical-align: middle;
    }
}

/*Nokia Lumia 1520*/
/*@media screen and (min-width:1024px){
.wrapper{
width:828px;
margin:0 auto
}
}*/
/*
@media screen and (min-width:1100px) {
.wrapper {
width: 100%;
margin: 0 auto;
}
}
*/
/*
@media screen and (min-width:1300px) {
.wrapper {
width: 1099px;
margin: 0 auto;
}
}
*/
@media screen and (min-width:1378px) {

    /*
.wrapper {
width: 1099px;
margin: 0 auto;
}
*/
    .col-md-10 {
        float: none;
        margin: auto;
    }
}

/*
@media screen and (min-width:1680px) {
.wrapper {
width: 1099px;
margin: 0 auto;
}
}
*/
@media screen and (max-width:960px) {
    .vertical-bg {
        display: none;
    }
}

#prodetail {
    /*
font-family: 'SEGOEUIL' !important;
*/
    font-weight: normal;
    font-size: 125%;
}

.wrapper:after {
    clear: both;
}

wrapper:after,
.wrapper:before {
    content: ".";
    display: block;
    height: 0px;
    overflow: hidden;
}

.content-block:after {
    clear: both;
}

.content-block:after,
.content-block:before {
    content: ".";
    display: block;
    height: 0px;
    overflow: hidden;
}

.content-block {
    position: relative;
    /*
background: none repeat scroll 0% 0% #F2F2F2;
*/
}

section {
    display: block;
}

.content-block .content:after {
    clear: both;
}

.content-block .content:after,
.content-block .content:before {
    content: ".";
    display: block;
    height: 0px;
    overflow: hidden;
}

.content-block .content {
    position: relative;
    background: none repeat scroll 0% 0% #FFF;
    overflow: hidden;
}

.content-block .default-content {
    position: relative;
    width: 100%;
}

body.ltr .content-block.full-bleed-dark-text header,
body.ltr .content-block.full-bleed-light-text header,
body.ltr .content-block.full-bleed-dark-center-text header,
body.ltr .content-block.full-bleed-center-light-text header {
    left: 0px;
}

.content-block.full-bleed-dark-right-text header,
.content-block.full-bleed-light-right-text header {
    right: 0px;
}

.content-block.full-bleed-dark-center-text header,
.content-block.full-bleed-light-center-text header {
    width: 100%;
}

.content-block .headline:after {
    clear: both;
}

.content-block .headline:after,
.content-block .headline:before {
    content: ".";
    display: block;
    height: 0px;
    overflow: hidden;
}

.content-block .caption-link {
    position: relative;
}

body.ltr .content-block .caption-link a:before {
    margin-left: -1.8em;
}

.content-block {
    position: relative;
    /*
background: #f2f2f2;
*/
    zoom: 1;
}

.content-block div {
    margin-top: 0px;
}

.content-block:after,
.content-block:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.content-block:after {
    clear: both;
}

.content-block .content {
    position: relative;
    background: #fff;
    overflow: hidden;
    zoom: 1;
}

.content-block .content:after,
.content-block .content:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.content-block .content:after {
    clear: both;
}

.content-block .default-content {
    position: relative;
    width: 100%;
}

.content-block header {
    padding-left: 1.5em;
    padding-right: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.content-block .headline {
    padding-top: .5em;
    line-height: 1.14em;
    margin: 0 0 .5em;
    letter-spacing: -.0125em;
    font-size: 1.75em;
    font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
    font-weight: 300;
    zoom: 1;
}

.content-block .headline strong {
    font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
    font-weight: 400;
}

.content-block .headline strong strong {
    font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
    font-weight: 500;
}

.content-block .headline:after,
.content-block .headline:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.content-block .headline:after {
    clear: both;
}

@media screen and (min-width:480px) {
    .content-block .headline {
        padding-top: .5em;
        line-height: 1.1em;
        margin: 0 0 .56em;
        letter-spacing: -.03em;
        font-size: 2.5em;
        font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 300;
    }

    .content-block .headline strong {
        font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 400;
    }

    .content-block .headline strong strong {
        font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 500;
    }
}

.content-block .caption p {
    padding-top: 0;
    line-height: 1.4em;
    margin: 0 0 1.4em;
    letter-spacing: -.005em;
    font-size: .75em;
    font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
    font-weight: 400;
}

.content-block .caption p strong {
    font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
    font-weight: 500;
}

.content-block .caption p ::last-child {
    margin-bottom: 0;
}

.content-block .caption-link {
    position: relative;
}

.content-block .caption-link a {
    line-height: 1.5em;
    display: block;
}

body.ltr .content-block .caption-link a {
    padding-left: 2.2em;
}

body.rtl .content-block .caption-link a {
    padding-right: 2.2em;
}

.content-block .caption-link a:before {
    content: '';
    position: absolute;
    margin-top: -.05em;
}

body.ltr .content-block .caption-link a:before {
    margin-left: -2.2em;
}

body.rtl .content-block .caption-link a:before {
    margin-right: -2.2em;
}

.hero-area+.content-block {
    margin-top: -1em;
}

.hero-area+.content-block .wrapper,
.smartpages .content-block {
    padding-top: 1em;
}

@media screen and (min-width:480px) {
    .content-block .caption p {
        padding-top: 0;
        line-height: 1.4em;
        margin: 0 0 1.4em;
        letter-spacing: -.005em;
        font-size: 1em;
        font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 300;
    }

    .content-block .caption p strong {
        font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 400;
    }

    .content-block .caption p strong strong {
        font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 500;
    }

    .content-block .caption-link a {
        letter-spacing: -.005em;
        font-size: 1em;
        font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 300;
    }

    .content-block .caption-link a strong {
        font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 400;
    }

    .content-block .caption-link a strong strong {
        font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 500;
    }

    body.ltr .content-block .caption-link a {
        padding-left: 1.8em;
    }

    body.rtl .content-block .caption-link a {
        padding-right: 1.8em;
    }

    .content-block .caption-link a:before {
        /*margin-top:.2em*/
    }

    body.ltr .content-block .caption-link a:before {
        margin-left: -1.8em;
    }

    body.rtl .content-block .caption-link a:before {
        margin-right: -1.8em;
    }
}

@media screen and (min-width:1024px) {
    .content-block .caption p {
        padding-top: 0;
        line-height: 1.4em;
        letter-spacing: -.005em;
        /*
font-size: 1em;
*/
        font-size: 18px;
        font-weight: 400;
    }

    .content-block .caption p strong {
        font-weight: 500;
    }

    .content-block .visuals .images img,
    .content-block .visuals .images video,
    .content-block .visuals .moving-images img,
    .content-block .visuals .moving-images video {
        /*height:472px*/
    }

    .content-block header {
        vertical-align: middle;
    }

    .content-block .caption p {
        margin: 0 0 1.5em;
    }

    .content-block .caption p ::last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width:1280px) {

    /*.content-block .visuals .images img,.content-block .visuals .images video,.content-block .visuals .moving-images img,.content-block .visuals .moving-images video{
height:576px
}*/
    .content-block span.play {
        margin: -23px 0 0 -23px;
        width: 46px;
        height: 46px;
    }

    .content-block .yt-thumb {
        margin: -15px 0;
    }

    .content-block .headline {
        padding-top: .5em;
        line-height: 1.1em;
        margin: 0 0 .56em;
        letter-spacing: -.03em;
        font-size: 2.5em;
        font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 300;
    }

    .content-block .headline strong {
        font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 400;
    }

    .content-block .headline strong strong {
        font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 500;
    }
}

@media screen and (min-width:1680px) {
    .content-block .slideshow-posters {
        margin-bottom: 1em;
    }

    .content-block .slideshow-posters .poster {
        width: 150px;
    }

    .content-block .slideshow-posters .poster .poster-trigger span.headline {
        letter-spacing: -.005em;
        font-size: .75em;
        font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 400;
    }

    .content-block .slideshow-posters .poster .poster-trigger span.headline strong {
        font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 500;
    }

    .content-block .headline {
        padding-top: .5em;
        line-height: 1.07em;
        margin: 0 0 .5em;
        letter-spacing: -.03em;
        font-size: 3.5em;
        font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 300;
    }

    .content-block .headline strong {
        font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 400;
    }

    .content-block .headline strong strong {
        font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 500;
    }

    .content-block .caption p {
        padding-top: 0;
        line-height: 1.4em;
        margin: 0 0 2em;
        letter-spacing: -.005em;
        font-size: 1em;
        font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 300;
    }

    .content-block .caption p strong {
        font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 400;
    }

    .content-block .caption p strong strong {
        font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 500;
    }

    .content-block .caption p ::last-child {
        margin-bottom: 0;
    }

    .content-block .caption-link {
        margin-top: 1em;
    }

    .content-block .caption-link a {
        letter-spacing: -.005em;
        font-size: 1.25em;
        font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 300;
    }

    .content-block .caption-link a strong {
        font-family: wf_segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 400;
    }

    .content-block .caption-link a strong strong {
        font-family: wf_segoe-ui_semibold, 'Segoe UI Semibold', Segoe Semibold, 'Segoe WP Semibold', 'Segoe UI', Segoe, 'Segoe WP', Tahoma, Verdana, Arial, sans-serif;
        font-weight: 500;
    }

    body.ltr .content-block .caption-link a {
        padding-left: 1.4em;
    }

    body.rtl .content-block .caption-link a {
        padding-right: 1.4em;
    }

    .content-block .caption-link a:before {
        margin-top: .35em;
    }

    body.ltr .content-block .caption-link a:before {
        margin-left: -1.4em;
    }

    body.rtl .content-block .caption-link a:before {
        margin-right: -1.4em;
    }

    .content-block .visuals .images img,
    .content-block .visuals .images video,
    .content-block .visuals .moving-images img,
    .content-block .visuals .moving-images video {
        height: 792px;
    }
}

@media screen and (min-width:1024px) {

    .content-block.full-bleed-dark-text header,
    .content-block.full-bleed-light-text header,
    .content-block.full-bleed-dark-center-text header,
    .content-block.full-bleed-light-center-text header,
    .content-block..full-bleed-light-right-text header,
    .content-block.full-bleed-dark-right-text header {
        position: absolute;
        top: 0;
        z-index: 1;
        padding: 1em 5%;
        width: 60%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .content-block.full-bleed-light-right-text header {
        padding: 1em 1%;
        width: 50%;
        right: 0;
    }

    body.ltr .content-block.full-bleed-dark-text header,
    body.ltr .content-block.full-bleed-light-text header,
    body.ltr .content-block.full-bleed-light-right-text header {
        left: 0;
    }
}

.content-block.full-bleed-dark-text .caption p,
.content-block.full-bleed-dark-text .caption-link a,
.content-block.full-bleed-dark-center-text .caption p,
.content-block.full-bleed-dark-center-text .caption-link a,
.content-block.full-bleed-dark-right-text .caption p,
.content-block.full-bleed-dark-right-text .caption-link a {
    color: #292929;
}

@media screen and (min-width:1024px) {

    .content-block.full-bleed-light-text .caption p,
    .content-block.full-bleed-light-text .caption-link a,
    .content-block.full-bleed-light-center-text .caption p,
    .content-block.full-bleed-light-center-text .caption-link a,
    .content-block.full-bleed-light-right-text .caption p,
    .content-block.full-bleed-light-right-text .caption-link a {
        color: #fff;
    }
}

@media screen and (min-width:1024px) {

    .content-block.full-bleed-dark-text .caption p,
    .content-block.full-bleed-dark-text .headline {
        color: #333;
    }
}

.content-block .video-player {
    padding-top: 0;
}

@media screen and (min-width:1024px) {

    .content-block.text-bottom-left .default-content,
    .content-block.text-bottom-right .default-content,
    .content-block.text-middle-left .default-content,
    .content-block.text-middle-right .default-content,
    .content-block.text-top-left .default-content,
    .content-block.text-top-right .default-content {
        display: table;
    }

    .content-block.text-bottom-left .visuals,
    .content-block.text-bottom-left header,
    .content-block.text-bottom-right .visuals,
    .content-block.text-bottom-right header,
    .content-block.text-middle-left .visuals,
    .content-block.text-middle-left header,
    .content-block.text-middle-right .visuals,
    .content-block.text-middle-right header,
    .content-block.text-top-left .visuals,
    .content-block.text-top-left header,
    .content-block.text-top-right .visuals,
    .content-block.text-top-right header {
        display: table-cell;
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .content-block.text-bottom-left header,
    .content-block.text-bottom-right header,
    .content-block.text-middle-left header,
    .content-block.text-middle-right header,
    .content-block.text-top-left header,
    .content-block.text-top-right header {
        padding: 0;
    }

    .content-block.text-bottom-left header .caption,
    .content-block.text-bottom-left header .headline,
    .content-block.text-bottom-right header .caption,
    .content-block.text-bottom-right header .headline,
    .content-block.text-middle-left header .caption,
    .content-block.text-middle-left header .headline,
    .content-block.text-middle-right header .caption,
    .content-block.text-middle-right header .headline,
    .content-block.text-top-left header .caption,
    .content-block.text-top-left header .headline,
    .content-block.text-top-right header .caption,
    .content-block.text-top-right header .headline {
        padding: 0 10%;
    }
}

@media screen and (min-width:1024px) {

    .content-block.text-top-left header,
    .content-block.text-top-right header {
        padding-top: 1.5em;
        vertical-align: top;
    }
}

@media screen and (min-width:1280px) {

    .content-block.text-top-left header,
    .content-block.text-top-right header {
        padding-top: 3em;
    }
}

@media screen and (min-width:1680px) {

    .content-block.text-top-left header,
    .content-block.text-top-right header {
        padding-top: 5em;
    }
}

@media screen and (min-width:1024px) {

    .content-block.text-bottom-left header,
    .content-block.text-bottom-right header {
        vertical-align: bottom;
        padding-bottom: 1em;
    }
}

@media screen and (min-width:1024px) {

    .content-block.text-bottom-right .default-content,
    .content-block.text-middle-right .default-content,
    .content-block.text-top-right .default-content {
        direction: rtl;
    }

    .content-block.text-bottom-right .slideshow-posters .poster,
    .content-block.text-middle-right .slideshow-posters .poster,
    .content-block.text-top-right .slideshow-posters .poster {
        direction: ltr;
    }

    .content-block.text-bottom-right .slideshow-posters .poster .poster-trigger span.play,
    .content-block.text-middle-right .slideshow-posters .poster .poster-trigger span.play,
    .content-block.text-top-right .slideshow-posters .poster .poster-trigger span.play {
        text-indent: 999em;
    }

    .content-block.text-bottom-right header,
    .content-block.text-middle-right header,
    .content-block.text-top-right header {
        direction: ltr;
    }

    body.ltr .content-block.text-bottom-right header,
    body.ltr .content-block.text-middle-right header,
    body.ltr .content-block.text-top-right header {
        text-align: left;
    }

    body.rtl .content-block.text-bottom-right header,
    body.rtl .content-block.text-middle-right header,
    body.rtl .content-block.text-top-right header {
        text-align: right;
    }

    .content-block.text-bottom-right .slideshow-posters,
    .content-block.text-middle-right .slideshow-posters,
    .content-block.text-top-right .slideshow-posters {
        left: auto;
        right: 0;
    }
}

@media screen and (min-width:1024px) {

    .content-block.text-bottom-left .default-content,
    .content-block.text-middle-left .default-content,
    .content-block.text-top-left .default-content {
        direction: ltr;
    }
}

@media screen and (max-width:950px) {
    .content .default-content header {
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.top-product-detail {
    margin-bottom: 30px
}

@media only screen and (max-width: 500px) {
    .top-product-detail {
        margin-bottom: 0px
    }
}

.link_cat_filter_manu {
    text-transform: uppercase;
    margin-bottom: 7px
}

.logo-manufactory {
    text-align: center;
    margin-bottom: 10px
}

.product_name {
    position: relative
}

.product_name h1 {
    font-size: 20px;
    line-height: 33px;
    text-transform: uppercase;
    width: calc(100% - 72px)
}

@media only screen and (max-width: 420px) {
    .product_name h1 {
        font-size: 16px
    }
}

.related-products {
    margin-bottom: 40px
}

.related-products .block_title {
    margin-bottom: 0px
}

.related-products .products_blocks_wrapper {
    margin-top: 50px !important
}

.rate_head {
    line-height: 14px;
    display: inline-block;
    margin-top: 10px
}

.rate_head span.star {
    width: 13px;
    display: inline-block;
    color: #FF9727
}

.rate_head span.star.star-on {
    color: #FF9727
}

.rate_head span.star.star-off {
    color: #FF9727
}

.rate_head .rate_count {
    margin-left: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #8a8a8a
}

.frame_left {
    width: 34%;
    float: left;
    margin-bottom: 25px;
    position: relative
}

@media only screen and (max-width: 990px) {
    .frame_left {
        width: 50%
    }
}

@media only screen and (max-width: 600px) {
    .frame_left {
        width: 100%;
        float: none
    }
}

.frame_left .icon_bl {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #f19655;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px
}

.frame_left .discount_pro {
    position: absolute;
    right: 0px;
    background: #f9141e;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    z-index: 2;
    border-radius: 50%;
    box-sizing: border-box;
    padding-top: 11px;
    font-size: 12px;
    line-height: 20px
}

.summary-product {
    line-height: 28px;
    margin-bottom: 15px;
    padding-top: 10px;
    border-top: 1px solid #ddd
}

@media only screen and (max-width: 736px) {
    .summary-product {
        padding-top: 0px;
        border-top: 0px solid #ddd;
        padding-bottom: 10px;
        border-bottom: 1px solid #ededed;
        margin-bottom: 0px;
        margin-top: 10px
    }
}

.frame_center {
    width: 44%;
    float: left;
    padding: 0px 30px;
    box-sizing: border-box
}

@media only screen and (max-width: 990px) {
    .frame_center {
        width: 50%;
        padding-right: 0px;
        padding-left: 10px
    }
}

@media only screen and (max-width: 600px) {
    .frame_center {
        width: 100%;
        float: none;
        padding-left: 0px;
        margin-bottom: 10px
    }
}

.frame_center .price {
    margin-bottom: 20px
}

.frame_center .price .price_old {
    font-size: 20px;
    color: #c1c1c1;
    text-decoration: line-through;
    margin-bottom: 10px
}

.frame_center .price .price_current {
    color: #d71921;
    font-size: 22px;
    position: relative;
    display: inline-block;
    padding-right: 80px
}

.frame_center .price .price_buy {
    margin-bottom: 10px
}

.frame_center .price .price_km {
    line-height: 22px
}

.frame_center .price .price_km .note_price {
    font-size: 16px;
    color: #333
}

.frame_center .price .title_price {
    font-size: 16px;
    color: #d71921
}

.frame_center .price .discount {
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    background: #d71921;
    font-size: 18px;
    position: absolute;
    right: 0px;
    top: -3px
}

.frame_center .price .discount span {
    position: relative
}

.frame_center .price .discount span:after {
    content: '';
    position: absolute;
    top: 6px;
    left: -17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8px 5px 0;
    border-color: transparent #d71921 transparent transparent
}

.frame_center .summary-height {
    height: auto
}

.frame_center .view-more-summary {
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-bottom: 2px solid #bbbbbb
}

.frame_center .view-more-summary:hover {
    color: red
}

.frame_center .view-more-summary:after {
    content: "";
    width: 11px;
    height: 17px;
    position: absolute;
    right: -15px;
    top: 1px;
    transform: rotate(90deg);
    background: url('data:image/svg+xml;utf8, <svg fill="red" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="12px" version="1.1" viewBox="0 0 129 129" enable-background="new 0 0 129 129" > <g> <path d="m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z" /> </g> </svg> ');background-repeat:no-repeat}.frame_center .view-more-summary-click:after{transform:rotate(-90deg);right:-17px}.frame_center .insurrance-image{padding:8px;border:1px solid #ebebeb;margin-bottom:10px}.frame_center .insurrance-image .img{width:72px;float:left;animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim}.frame_center .insurrance-image .text-r{width:calc(100% - 88px);float:right;font-size:17px;text-transform:uppercase;line-height:22px;margin-top:10px;font-weight:bold;color:#444444;text-align:left}@media screen and (max-width: 500px){.frame_center .insurrance-image .text-r{font-size:14px}}.frame_center .insurrance-image .text-r .txt1{font-weight:normal}.product .hit_share{margin-top:15px;text-align:center;margin:15px auto 0px;height:20px;width:50%}@media screen and (max-width: 600px){.product .hit_share{width:200px}}.product .hit_share .fb_iframe_widget{display:inline-block;position:relative;height:20px;width:80px;float:left;margin:0px 17px 0px 0px}.box-gift-img{margin-bottom:20px}.box-gift{border:1px solid #ddd;padding:25px 15px 1px;margin-bottom:20px}@media only screen and (max-width: 500px){.box-gift{margin-bottom:20px}}.box-gift .title-gift{color:#ef0000;text-transform:uppercase;margin-bottom:10px}.box-gift .gift{position:relative;margin-bottom:15px;line-height:26px}.box-gift .gift p{position:relative;padding-left:16px}.box-gift .gift p:after{content:'';position:absolute;background:#e88f38;top:7px;left:0;width:12px;height:12px;background:url(' data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-check fa-w-16" > <path fill="rgb(61, 193, 6)" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" class="" ></path> </svg> ');background-repeat:no-repeat}.frame_right{width:22%;float:right;margin-bottom:25px}.frame_right .box-price-right{background:#f1f1f1cc;margin-bottom:20px;padding:25px 0px}.frame_right .box-price-right-top{padding:0px 15px}.frame_right .box-price-right-bot{padding:0px 15px}.frame_right .price_by_warranty_note_right{margin-bottom:15px}.frame_right .price_by_warranty_note_right .title{background:var(--main-color);text-align:center;color:#fff;text-transform:uppercase;padding:10px 0px 8px;margin-bottom:15px;font-family:arial}.frame_right .price_by_warranty_note_right .price_by_warranty_note_right_content{padding:0px 15px}.frame_right .price_by_warranty_note_right .price_by_warranty_note_right_content .warranty-name{font-weight:bold;text-align:center;margin-bottom:10px}.frame_right .price_by_warranty_note_right .price_by_warranty_note_right_content .warranty-content{background:#fff;border-right:3px;padding:10px 14px;border-radius:5px;margin-bottom:10px}.frame_right .price_by_warranty_note_right .price_by_warranty_note_right_content .title-bot{text-align:center}.frame_right .price_by_warranty_note_right .price_by_warranty_note_right_content .title-bot div{color:red;text-transform:uppercase;margin-bottom:5px}.frame_right .price_by_warranty_note_right .price_by_warranty_note_right_content .title-bot a{text-decoration:underline}.frame_right .price_old,.frame_right .title_price_current{margin-bottom:6px;font-size:14px;text-transform:uppercase;font-weight:bold;color:#4c4c4c}.frame_right .price_old{text-decoration:line-through}.frame_right .number_price_current{font-weight:bold;color:#f30404;font-size:25px;margin-bottom:10px}.frame_right .note_vat{color:#5d5d5d;font-size:13px;margin-bottom:20px}.frame_right .note_hotline{position:relative;padding-left:36px}.frame_right .note_hotline svg{width:30px;height:30px;position:absolute;left:0px;top:5px;fill:#000}.frame_right .note_hotline .phone_call{font-size:16px;font-weight:600;display:block}.frame_right .block{margin-bottom:20px}.frame_right .box-gift-img img{width:100%}@media only screen and (max-width: 990px){.frame_right{width:100%;float:none;clear:both}}.status-product{color:#2f80ed;text-transform:uppercase;font-weight:bold;position:relative;padding-left:24px}.status-product svg{width:20px;height:20px;fill:#2f80ed;position:absolute;left:0px;top:5px}.status-product-11{color:#4caf50}.status-product-11 svg{fill:#4caf50}.status-product-17{color:#ef0000}.status-product-17 svg{fill:#ef0000}.wrapper-info-pro{margin-bottom:25px}.code-manu{margin-bottom:5px;margin-top:10px}.code-manu .code-product{float:left}.code-manu .rate_head{float:right;margin-top:0px}@media only screen and (max-width: 600px){.code-manu .code-product{float:none}.code-manu .rate_head{float:none;margin-top:-3px;margin-bottom:12px;width:100%}}.code-manu>div{color:#333;font-size:14px;font-family:"arial"}.code-manu>div span{font-size:14px;color:#777;font-family:"arial";font-weight:normal}.info_main_filter{line-height:30px;text-transform:unset;margin-bottom:12px}.stick-detail.fl{width:0.5px;height:12px;background:#dddcdcb3;margin:3px 12px 0px 12px;line-height:32px}.left-info.fl{width:100%;border-bottom:1px solid #ccc}.left-info.fl>ul{width:60%;float:left;padding-left:0px;margin-bottom:18px}.left-info.fl>ul li{list-style:none;margin-top:15px;position:relative;padding-left:13px;line-height:20px}.left-info.fl>ul li .li-left{width:90px;font-family:"arial";font-size:14px;color:#777777}.left-info.fl>ul li .li-left:before{content:"";width:6px;height:6px;background:#414c5c;border-radius:50%;position:absolute;left:0px;top:6px}.left-info.fl>ul li>span{margin-top:0px}.left-info.fl>ul li .li-right{font-size:14px;padding-left:20px;color:#333}@media only screen and (max-width: 420px){.left-info.fl>ul li .li-right{padding-left:5px}}.left-info.fl .list-social-detail{width:calc(40% - 10px);float:right;border:1px solid #ccc;padding:10px 5px;box-sizing:border-box;margin-top:20px;text-align:center}.left-info.fl .list-social-detail p{font-size:16px;color:var(--main-color)}.left-info.fl .usp{padding:10px 23px;font-size:18px;background:#f3f3f3;color:var(--main-color);line-height:30px;margin-top:20px;text-transform:uppercase}.left-info.fl .usp p{color:var(--main-color);font-size:16px;line-height:22px}.price-cell-r{font-size:20px}.price-cell-r span{font-size:14px;font-family:arial;font-weight:bold}.old_price{position:absolute;left:88px;top:-6px}.price-row{width:100%;margin-bottom:20px;position:relative;color:#4e4d4d}.price-row>span:first-child{font-size:15px}.product .bor-retails{padding:23px;background:#f3f3f3;margin-bottom:0px}.product .bor-retails .cart420{margin-bottom:0px}.product .bor-retails .price{font-size:28px;color:#c4161c !important;font-weight:bold}@media only screen and (max-width: 420px){.product .bor-retails .price{font-size:25px}}.product .bor-retails .price-bf span,.product .bor-retails .percent_new{background:url(' data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="30" width="30" fill="#FF0000" version="1.1" x="0px" y="0px" viewBox="0 0 164 164" enable-background="new 0 0 164 164" xml:space="preserve" > <path fill-rule="evenodd" clip-rule="evenodd" d="M97.599,8.855c21.379-2.333,16.222-4.629,28.793,12.819  c20.479,6.563,16.701,2.369,21.088,23.421c16.039,14.327,14.296,8.956,9.74,29.975c8.825,19.613,9.416,13.994-3.295,31.344  c0.086,21.509,2.91,16.615-15.759,27.295c-8.67,19.683-4.1,16.361-25.498,18.525c-15.926,14.454-10.398,13.279-30.828,6.553  c-20.429,6.727-14.902,7.901-30.828-6.553c-21.398-2.164-16.828,1.157-25.498-18.525c-18.668-10.68-15.844-5.786-15.758-27.295  c-12.711-17.35-12.12-11.73-3.294-31.344c-4.556-21.019-6.299-15.648,9.739-29.975c4.387-21.053,0.61-16.858,21.089-23.421  C49.86,4.226,44.703,6.521,66.082,8.855C84.662-1.972,79.019-1.972,97.599,8.855L97.599,8.855z M102.409,104.24  c0,17.933,8.467,13.231,9.908,11.09c1.925-2.858,4.833-24.267-3.998-24.267C102.993,91.063,102.409,97.722,102.409,104.24  L102.409,104.24z M49.073,60.081c0,18.081,8.664,12.902,9.967,10.99c1.838-2.697,4.758-24.05-4.058-24.05  C49.668,47.021,49.073,53.649,49.073,60.081L49.073,60.081z M36.428,60.081c0,13.383,5.538,22.277,18.811,22.277  c23.32,0,20.913-31.104,13.552-39.118C61.157,34.928,36.428,32.75,36.428,60.081L36.428,60.081z M65.459,126.893  C80.39,97.071,95.32,67.25,110.251,37.428c-3.913,0-7.826,0-11.739,0C83.496,67.25,68.48,97.071,53.464,126.893  C57.463,126.893,61.461,126.893,65.459,126.893L65.459,126.893z M89.765,104.201c0,13.389,5.51,22.436,18.811,22.436  c23.297,0,20.929-31.178,13.552-39.297C114.423,78.861,89.765,76.878,89.765,104.201z" /> </svg> ');background-repeat:no-repeat;width:30px;height:30px;display:inline-block;vertical-align:-4px}.btn-buy{color:#fff;width:100%;text-align:center;cursor:pointer}.btn-buy .submit,.btn-buy .button_chat{border:none;text-transform:uppercase;text-decoration:none;background:none;font-family:arial;font-size:14px;border-radius:5px;color:#FFF;display:block;text-align:center;padding:12px 0;width:calc(50% - 5px);width:100%;background:#f9141e;transition:0.2s;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;display:inline-block;position:relative;transform:translateZ(0);transition-duration:.2s;transition-property:color;-webkit-transform:translateZ(0);-webkit-transition-duration:.2s;-webkit-transition-property:color;-moz-transform:translateZ(0);-moz-transition-duration:.2s;-moz-transition-property:color;-o-transform:translateZ(0);-o-transition-duration:.2s;-o-transition-property:color;vertical-align:middle;cursor:pointer}.btn-buy .submit:nth-child(1),.btn-buy .button_chat:nth-child(1){float:left;margin-bottom:10px}.btn-buy .submit:before,.btn-buy .button_chat:before{position:absolute;content:"";bottom:0;left:0;right:0;top:0;transform:scale(0);transition-duration:.2s;transition-property:transform;transition-timing-function:ease-out;-webkit-transform:scale(0);-webkit-transition-duration:.2s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;-moz-transform:scale(0);-moz-transition-duration:.2s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-o-transform:scale(0);-o-transition-duration:.2s;-o-transition-property:transform;-o-transition-timing-function:ease-out;z-index:-1;background:#000;border-radius:5px;cursor:pointer}.btn-buy .submit:hover,.btn-buy .button_chat:hover{color:#fff !important}.btn-buy .submit:hover:before,.btn-buy .button_chat:hover:before{background:#111;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}.btn-buy .btnsubiz{background:#000000;margin-bottom:12px}.btn-buy .btnsubiz svg{top:-3px;left:-19px}.btn-buy .btnsubiz:hover:before{background:var(--main-color)}.btn-buy .tragop-link{margin-bottom:10px}.btn-buy .tragop-link a{width:calc(50% - 5px);border-radius:5px;background:#2f80ed;color:#fff;text-transform:uppercase;padding:8px 0px;font-size:13px;line-height:16px}.btn-buy .tragop-link a p{display:block;text-transform:initial}.btn-buy .tragop-link a:nth-child(1){float:left}.btn-buy .tragop-link a:nth-child(2){float:right}.btn-buy .tragop-link a:hover{color:#fff !important;background:#000}.btn-buy span{position:relative;padding-left:38px}.btn-buy svg{width:25px;height:25px;fill:#fff;position:absolute;left:19%;top:10px}.buy-now{margin-bottom:10px}.buy-now-fast .submit{background:#e88f38}.txt-price{font-size:14px;margin-bottom:8px}.wrapper-regis-phone{margin-top:20px}.txt-hotline-dl{font-size:16px;color:#333;display:block;padding-left:20px;line-height:20px;position:relative;width:calc(50% - 20px);box-sizing:border-box;float:right}.txt-hotline-dl svg{position:absolute;width:16px;left:0;top:4px;color:#515151}.hotline-dl{font-size:14px;color:#333;font-family:arial;font-weight:bold;display:inline-block}.order-fast .text-regis-phone{position:relative;padding-left:40px;display:inline-block;color:#fff;text-transform:uppercase;font-size:16px}.order-fast .text-regis-phone svg{position:absolute;width:30px;height:30px;left:0px;top:-7px;fill:#fff}.text-regis-phone{margin-bottom:16px;line-height:18px;padding-right:26px;font-size:14px;word-spacing:1.2px;color:#5d5c5c;background:url(' data:image/svg+xml; utf8, <svg height="40" width="40" fill="#f5f5f5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve" > <polygon style="" points="50,0 16.667,0 50,50 16.667,100 50,100 83.333,50 " fill="#f5f5f5" ></polygon> </svg> ');background-repeat:no-repeat;background-position:right -5px center}.wrapper-infor{position:relative;height:34px}.wrapper-infor select{width:120px;height:34px;border:1px solid #ededed;border-left:0px;text-align:left;padding-left:10px;box-sizing:border-box}.wrapper-infor .txt-phone{border:none;color:#aaa;font-size:15px;width:calc(100% - 195px);height:34px;padding-left:12px;box-sizing:border-box;text-align:left;float:left;border:1px solid #ededed}.wrapper-infor .button-sub.button{background:transparent;border:none;position:absolute;right:0px;top:0px;width:75px;height:34px;color:#fff;text-transform:uppercase;text-align:center;transition:0.2s;cursor:pointer;box-sizing:border-box;background:#000}.wrapper-infor .button-sub.button:hover{background:red}.product_related_title{font-size:25px;text-align:center;margin-bottom:15px;font-family:Verdana,sans-serif;font-weight:bold}.product_related.cf{padding-left:0px;text-align:right}.product_related.cf li{display:inline-block;width:100px;height:100px;list-style:none;border:1px solid #e3e3e3;text-align:center;padding:10px 0px;margin:0px 20px 20px 0px;box-sizing:border-box}.product_related.cf li:hover{border:1px solid #414c5c}.product_tags a{color:#505def;font-size:16px}.product_button2{padding:17px 0px 9px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;margin-bottom:73px}@media screen and (max-width: 768px){.product_button2{margin-bottom:30px}}.product_button2 figure{width:140px;float:left}.product_button2 .product_button2_info{width:30%;float:left}.product_button2 .product_button2_info h3{font-size:17px;font-weight:bold;margin-bottom:12px}.product_button2 .product_button2_info .price_old{font-size:18px;color:#c1c1c1;text-decoration:line-through;margin-bottom:12px}.product_button2 .product_button2_info .price_current{color:#d71921;font-size:23px;position:relative;display:inline-block;padding-right:80px}.product_button2 .product_button2_info .discount{color:#fff;padding:4px 10px;border-radius:4px;background:#d71921;font-size:18px;position:absolute;right:0px;top:-7px}.product_button2 .product_button2_info .discount span{position:relative}.product_button2 .product_button2_info .discount span:after{content:'';position:absolute;top:6px;left:-17px;width:0;height:0;border-style:solid;border-width:5px 8px 5px 0;border-color:transparent #d71921 transparent transparent}@media screen and (max-width: 600px){.product_button2 .product_button2_info{width:calc(100%  - 140px)}.product_button2 .product_button2_info h3{margin-top:17px}.product_button2 .product_button2_info .price_old{font-size:15px}.product_button2 .product_button2_info .price_current{font-size:19px}.product_button2 .product_button2_info .discount{padding:2px 10px;background:#d71921;font-size:13px;position:absolute;right:19px;top:-5px}.product_button2 .product_button2_info .discount:after{border-width:3px 7px 3px 0;top:4px}}.product_button2 .button2_wrap{float:right;width:calc(100% - 32% - 195px)}@media screen and (max-width: 600px){.product_button2 .button2_wrap{width:100%;margin-top:10px}}.product_button2 .button2_wrap .btn-buy .submit{width:100%;float:none}.product_button2 .button2_wrap .btn-buy svg{left:0%;top:-4px}.bottom-detail .bottom-detail-l{width:100%;float:left;margin-top:30px}.bottom-detail .bottom-detail-r{width:27%;float:right;margin-top:30px;margin-bottom:20px}.bottom-detail .bottom-detail-r .title-box{background:var(--main-color);color:#fff;padding:20px 10px 17px;font-size:18px;text-transform:uppercase;text-align:center}.bottom-detail .bottom-detail-r .content-box{padding:40px;background:#f1f1f1cc;text-align:center}@media screen and (max-width: 500px){.bottom-detail .bottom-detail-r .content-box{padding:20px}.bottom-detail .bottom-detail-r .content-box img{max-height:335px;width:auto}}.bottom-detail .product-tab{margin-bottom:30px}@media screen and (max-width: 600px){.bottom-detail .product-tab{margin-bottom:15px}}.bottom-detail .tab_content_label{font-size:16px;font-weight:normal;text-transform:uppercase}@media screen and (max-width: 600px){.bottom-detail .tab_content_label{font-size:16px}}@media screen and (max-width: 990px){.bottom-detail{width:100%;float:none}.bottom-detail .bottom-detail-l{width:100%;float:none;margin-top:14px}.bottom-detail .bottom-detail-r{width:100%;float:none}}.product_tabs_ul{display:flex;flex-wrap:wrap}.product_tabs_ul .scroll-nav__item{width:calc(100% / 3 - 4px);border-bottom:3px solid #ebebeb;margin:0px 2px;border-left:0px;box-sizing:border-box;text-align:center}.product_tabs_ul a{padding:20px 30px 15px 0px;font-size:18px;box-sizing:content-box;display:inline-block;text-transform:uppercase;color:#969696}.product_tabs_ul a:hover{color:#000 !important}@media only screen and (max-width: 880px){.product_tabs_ul a{padding:10px 5px 10px 5px;font-size:14px}}.scroll-nav__item.active{position:relative;border-bottom:0px}.scroll-nav__item.active:before{content:"";width:100%;height:3px;background:var(--main-color);position:absolute;bottom:0px;left:0px}.scroll-nav__item.active a{color:#000}.product_tab_content,.prodetails_tab_cm{margin-bottom:40px}@media only screen and (max-width: 600px){.product_tab_content,.prodetails_tab_cm{margin-bottom:20px}}.tab_content{font-size:14px;margin-bottom:61px;line-height:22px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:20px 0px 10px}@media only screen and (max-width: 1170px){.tab_content{padding:10px 10px}}.tab_content .title-description{text-transform:uppercase;font-size:16px;font-weight:bold;margin-bottom:10px}@media only screen and (max-width: 650px){.compare_table{width:100%;padding-bottom:10px}}.compare_table .tr-0{width:calc(50% - 10px);float:left;clear:both}.compare_table .tr-1{width:calc(50% - 10px);float:right}.compare_table tr .title_charactestic{width:40% !important;display:block;float:left;font-weight:600}.compare_table tr .content_charactestic{width:60% !important;display:block;float:right}.compare_table td{padding:10px 0px}@media only screen and (max-width: 650px){.compare_table td{padding:8px 0px 0px 0px}}.compare_table td .field_extend{margin-bottom:0}.compare_table .title-table-dt td{border-top:none !important;border-bottom:2px solid #414c5c !important;padding:0 0 4px !important;font-size:16px;font-family:"arial";font-weight:bold;text-transform:uppercase}.wrapper-gift .li-left{margin-bottom:3px;color:var(--main-color);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;text-transform:uppercase}.wrapper-gift .li-left>span{position:relative;padding-left:20px;box-sizing:border-box}.wrapper-gift .li-left>span svg{position:absolute;left:0px;top:-4px;width:19px;height:19px;display:inline-block;position:absolute}.full{height:100%;background-color:rgba(0,0,0,0.9);position:fixed;width:100%;z-index:1111;display:none}.wrapper-popup{width:500px;position:fixed;left:33%;z-index:1113;min-height:188px;top:45%;display:none;background:#fff;padding:25px 20px 20px 20px}.title-popup{font-size:23px;text-transform:uppercase;text-align:center;margin-bottom:15px}.name-pro-pop{font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:15px}.sub-wrapper-popup{border-radius:5px}.fl.bt-pop{width:220px;height:38px;text-align:center;text-transform:uppercase;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;background:#652d92;padding-top:11px;box-sizing:border-box}.view-cart{background:#414c5c !important;margin-right:20px}.main-img{border-bottom:1px solid #e3e3e3;padding-bottom:10px;margin-bottom:20px}.thumb-pro .owl-stage{margin:0 auto}.mz-thumb img{box-shadow:none !important}.prodetails_tab_content,.prodetails_tab_cm{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.cat-title-main{padding-bottom:4px;font-size:23px;position:relative}#box_conten_linfo{max-height:500px;transition:height 75ms;overflow:hidden}#box_conten_linfo iframe{max-width:100% !important}#readmore_desc{text-align:center;display:block;margin-top:20px;margin-bottom:28px;font-size:15px}#readmore_desc span{text-align:center;color:#fff;background:#3f82e6;padding:10px 60px 10px 40px;border-radius:5px;position:relative;cursor:pointer;-moz-transition:all 0.2s ease-in 0;-webkit-transition:all 0.2s ease-in;-webkit-transition-delay:0;transition:all 0.2s ease-in 0;display:inline-block;border:1px solid #e9e9e98a}@media screen and (max-width: 600px){#readmore_desc span{padding:6px 34px 6px 20px}}#readmore_desc span:hover{background:var(--main-color)}#readmore_desc span::before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;display:inline-block;width:0;height:0;position:absolute;right:27px;top:15px;vertical-align:top;content:'';border-radius:3px}@media screen and (max-width: 600px){#readmore_desc span::before{right:12px}}#readmore_desc span::after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #FFF;display:inline-block;width:0;height:0;position:absolute;right:27px;top:12px;vertical-align:top;content:''}@media screen and (max-width: 600px){#readmore_desc span::after{right:12px}}#readmore_desc span:hover::after{-moz-transition:all 0.2s ease-in 0;-webkit-transition:all 0.2s ease-in;-webkit-transition-delay:0;transition:all 0.2s ease-in 0;border-top:10px solid var(--main-color)}#readmore_des .opened::after{border-bottom:8px solid #fff;border-top:0px solid #fff}#readmore_des .opened::before{border-bottom:8px solid #fff;border-top:0px solid #fff}@media only screen and (min-width: 736px){.thumb-pro{width:12%;float:left}.thumb-pro .item{width:200px;display:block;margin-bottom:10px}.main-img{width:85%;float:right}}.mz-thumb,.mz-thumb:focus{border:1px solid #ccc}.mz-thumb-selected{border:1px solid red !important}.products_orders{font-size:14px;line-height:19px;position:relative;padding-left:20px;margin-top:20px}@media only screen and (max-width: 736px){.products_orders{margin:20px 0px}}.products_orders #products_orders>.item{display:none}.products_orders #products_orders>.item:first-child{display:block}.products_orders svg{position:absolute;width:15px;height:15px;left:0px;top:1px;fill:#e41d1d}.products_orders li{position:relative;text-align:left;font-style:italic}.products_orders li .name{font-weight:bold;font-style:normal}.products_orders label{position:absolute;top:-11px;left:19px;text-transform:uppercase;padding:0 11px 0 35px}.top-info-detail .title-detail-char{text-transform:uppercase;font-size:16px;position:relative;font-weight:bold;margin-bottom:10px}.top-info-detail .view-more-detail-char{display:block;width:50%;padding:6px 0;margin:10px auto 0;cursor:pointer;text-align:center;font-size:14px;color:#e88f38;background:#fff;border:1px solid #e88f38;border-radius:4px;transition:0.3s;margin-bottom:20px}.top-info-detail .view-more-detail-char:hover{background:#e88f38;color:#fff}.status_quantity{position:relative;margin-bottom:20px;padding-left:20px;box-sizing:border-box;font-weight:bold}.status_quantity svg{position:absolute;width:15px;height:15px;fill:var(--main-color);left:0px;top:1px}.guarantee-tab{padding:8px;border:1px solid #ebebeb;margin-bottom:10px}.guarantee-tab .img{width:72px;float:left}.guarantee-tab .text-r{width:calc(100% - 88px);float:right;font-size:17px;text-transform:uppercase;line-height:22px;margin-top:10px;font-weight:bold;color:#444444;text-align:left}.guarantee-tab .text-r .txt1{font-weight:normal}.config-guarantee{line-height:30px}.products_accessoriess_other{display:flex;flex-wrap:wrap;margin-bottom:20px;margin:0px -5px 10px}.products_accessoriess_other .pro_acc_item{display:inline-block;width:calc(25% - 10px);margin:0px 5px;padding:7px 10px;cursor:pointer;text-align:center;transition:0.3s;border:1px solid var(--main-color);color:var(--main-color);margin-bottom:10px;box-sizing:border-box}.products_accessoriess_other .pro_acc_item:hover{background:#288ad6;color:#fff;border:1px solid #288ad6}.products_accessoriess_other .active{background:#288ad6;color:#fff;border:1px solid #288ad6}.label_products_accessoriess_other{position:relative;margin-bottom:10px;padding-left:20px;box-sizing:border-box;font-weight:bold}.label_products_accessoriess_other svg{position:absolute;width:15px;height:15px;fill:var(--main-color);left:0px;top:1px}.boxwarranty-all{padding:0px 15px;box-sizing:border-box}.boxwarranty-all .boxwarranty{width:100%;float:left;padding:7px;border:1px solid #ddd;margin-bottom:20px;border-radius:4px;box-sizing:border-box}.boxwarranty-all .boxwarranty-note{width:8%;float:right;text-align:right;padding-top:5px;position:relative}.boxwarranty-all .boxwarranty-note svg{cursor:pointer}.boxwarranty-all .boxwarranty-note #boxwarranty-note-ct{position:absolute;z-index:2;background:#080808;width:250px;text-align:left;left:0px;padding:12px;color:#fff;line-height:22px;display:none}@media only screen and (max-width: 500px){.boxwarranty-all .boxwarranty-note #boxwarranty-note-ct{left:-203px}}.boxwarranty-all .boxwarranty-note:hover #boxwarranty-note-ct{display:block}.select_warranty .products_warranty{display:flex;flex-wrap:wrap;margin-bottom:20px;margin:0px -5px 10px}.select_warranty .products_warranty .pro_warranty_item{display:inline-block;width:calc(50% - 10px);margin:0px 5px;padding:7px 10px;cursor:pointer;text-align:center;transition:0.3s;border:1px solid var(--main-color);color:var(--main-color);margin-bottom:10px;box-sizing:border-box;line-height:24px;font-size:15px}.select_warranty .products_warranty .pro_warranty_item:hover{background:#000000;color:#fff;border:1px solid #fb0e0e}.select_warranty .products_warranty .pro_warranty_item .name{font-weight:bold}.select_warranty .products_warranty .pro_warranty_item .price_item{color:#f30404;font-weight:bold;font-size:16px}.select_warranty .products_warranty .active{background:#000000;color:#fff;border:1px solid #fb0e0e}.banner_gif_detail img{width:100%;margin-bottom:10px}.comments_website{margin-top:40px}.title_relate_news{font-size:20px;text-align:center;text-transform:uppercase}@media only screen and (max-width: 768px){.title_relate_news{font-size:18px}}.news_list_column4{display:flex;flex-wrap:wrap;box-sizing:border-box;margin:40px -15px 0px -15px}@media screen and (max-width: 768px){.news_list_column4{margin:20px -5px 0px -5px}}.news_list_column4 .news-item{width:calc(25%  - 30px);box-sizing:border-box;margin:0px 15px}@media screen and (max-width: 768px){.news_list_column4 .news-item{width:calc(50%  - 10px);margin:0px 5px;margin-bottom:10px}}.news_list_column4 .news-item img{width:100%;transition:all 0.7s ease 0s !important;-webkit-transition:all 0.7s ease 0s}.news_list_column4 .news-item:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}.news_list_column4 .img{overflow:hidden;position:relative}.news_list_column4 .img .time{position:absolute;bottom:0px;left:0px;color:#fff;padding:10px 16px;background:var(--main-color)}.news_list_column4 .img a{display:block}.news_list_column4 .title{padding:11px 0px 0px;text-align:left;margin-bottom:11px}.news_list_column4 .title a{display:inline-block;text-transform:uppercase;line-height:20px;letter-spacing:0.2px;font-weight:bold}.news_list_column4 .date{position:relative;padding-left:20px;margin-bottom:18px}.news_list_column4 .date svg{width:15px;height:15px;fill:#3c3c3c;position:absolute;left:0px}.news_list_column4 .summary{line-height:22px;text-align:left;color:#464646}#fb-coment-ws{min-height:209px}.item-ss{position:relative;padding-left:20px;color:#3182ed;display:inline-block;cursor:pointer;margin-top:14px}.item-ss .icon-ss{width:16px;height:16px;position:absolute;content:'';left:0px;top:1px;background-image:url("https://donghoduyanh.com/modules/products/assets/images/plus.svg");background-repeat:no-repeat}.item-ss-active .icon-ss{background-image:url("https://donghoduyanh.com/modules/products/assets/images/tick.svg")}.item-ss-main{margin-top:0px;position:absolute;right:0px;bottom:8px}.stickcompare{display:none;width:100%;max-width:400px;margin:auto;position:fixed;left:0;right:0;border-radius:10px;top:10%;z-index:100;background:#fff;box-shadow:0 -2px 10px #0000001f}.stickcompare.stickcompare_new{max-width:1170px;top:unset;bottom:0;border-radius:0;border-top:1px solid #e5e5e5}label.error{color:#d0021c;font-size:13px;line-height:21px;display:block;margin:10px 12px 0;opacity:.1;text-align:center}.stickcompare.stickcompare_new label.error{top:0;z-index:9;background:#000000e3;color:#fff !important;padding:10px;width:90%;height:max-content;margin:0 5%;text-align:center;border-radius:4px;position:fixed;left:0;right:0;bottom:0;max-width:400px;display:none;margin:auto}.stickcompare.stickcompare_new a.clearall{position:absolute;right:0;top:-39px;padding:10px 30px 10px 10px;border-radius:8px 8px 0 0;color:#000;background:#fff;box-shadow:0 -2px 10px #0000001f}.stickcompare.stickcompare_new a.clearall .iconcate-closess{position:relative;width:100%;display:block}.stickcompare.stickcompare_new a.clearall .iconcate-closess:after{background-image:url("https://donghoduyanh.com/modules/products/assets/images/down-arrow.svg");content:'';background-repeat:no-repeat;position:absolute;width:16px;height:16px;z-index:2;right:-20px;top:2px}ul.listcompare{display:grid;grid-auto-rows:minmax(min-content, max-content);grid-template-columns:repeat(1, minmax(0, 1fr));overflow:hidden;width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.stickcompare.stickcompare_new ul.listcompare{display:flex;width:calc(100% - 26%);border:unset;flex-wrap:wrap;float:left}@media only screen and (max-width: 736px){.stickcompare.stickcompare_new ul.listcompare{width:100%;float:none;border-bottom:1px solid #e0e0e0}}.listcompare li{overflow:visible;position:relative;padding-top:7px;width:80%;display:block}.stickcompare.stickcompare_new .listcompare li{width:calc(100% / 3);border-right:1px solid #e0e0e0;padding-top:0;box-sizing:border-box}.listcompare a{display:flex;overflow:hidden;padding:10px 0 5px;align-content:center}.stickcompare.stickcompare_new .listcompare a{justify-content:center;flex-flow:column;align-items:center;width:unset;cursor:pointer}.listcompare span{position:absolute;top:20px;right:-20px;width:16px;height:16px;cursor:pointer;background-position:center}@media only screen and (max-width: 600px){.listcompare span{width:12px;height:12px}}.stickcompare.stickcompare_new .listcompare span{right:10px;top:10px}.closecompare{overflow:hidden;position:relative}.stickcompare.stickcompare_new .closecompare{display:inline-block;vertical-align:middle;width:25%;margin-top:45px}@media only screen and (max-width: 736px){.stickcompare.stickcompare_new .closecompare{width:100%;margin-top:0px}}.closecompare a{display:block;text-align:center;margin:10px auto;width:50%;padding:12px 0;border-radius:10px;font-size:14px;color:#2f80ed !important}@media only screen and (max-width: 736px){.closecompare a{float:left}}.closecompare a.doss{background:#2f80ed;color:#fff !important;font-size:14px}.closecompare a.doss-no-compare{background:#bdbdbd;color:#fff !important;font-size:14px}.stickcompare.stickcompare_new .closecompare a.doss{border-radius:0;margin:0 auto 10px}@media only screen and (max-width: 736px){.stickcompare.stickcompare_new .closecompare a.doss{margin:0 auto 0px}}.stickcompare.stickcompare_new .closecompare a.txtremoveall{margin:auto;width:unset;padding:0}@media only screen and (max-width: 736px){.stickcompare.stickcompare_new .closecompare a.txtremoveall{padding:12px 0;width:50%}}.listcompare li img{width:70px;height:auto;max-height:80px;margin:5px;object-fit:contain}.stickcompare.stickcompare_new .listcompare li img{width:60px}.listcompare h3{overflow:hidden;line-height:1.6em;color:#333;font-weight:normal;font-size:13px;height:33px;margin:5px 0 5px 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1.3em;text-align:center}.stickcompare.stickcompare_new .listcompare h3{margin:5px;text-align:center}.stickcompare{display:none}.stickcompare .remove-ic-compare{background-image:url("https://donghoduyanh.com/modules/products/assets/images/cancel.svg");content:'';background-repeat:no-repeat}.stickcompare.stickcompare_new .listcompare .cp-plus>i.icImageCompareNew{background:url("https://donghoduyanh.com/modules/products/assets/images/icon_add_desktop.png") no-repeat top center;background-size:45px 45px;width:45px;height:45px;margin-top:30px;margin-bottom:10px}.close_products_compare_wrap{position:relative;padding:5px 10px 5px 27px;float:right;border:1px solid #ededed;cursor:pointer;border-radius:5px}.close_products_compare_wrap:before{background-image:url("https://donghoduyanh.com/modules/products/assets/images/cancel.svg");content:'';background-repeat:no-repeat;width:16px;height:16px;position:absolute;left:6px;top:5px}.products_compare_wrap{background:#fff;position:fixed;top:10vh;left:10px;right:10px;border-radius:5px;padding:15px 10px 50px;z-index:999;max-width:640px;margin:auto;height:calc(100vh - 36vh);overflow-y:scroll;display:none}.products_compare_wrap .cat-title-main{padding-bottom:4px;font-size:16px;position:relative;text-align:center;margin-bottom:5px}.compare_box{width:100%}.compare_box label{font-weight:500}.compare_box input{padding:10px 23px;width:100%;box-sizing:border-box;border:none;border-radius:4px;font-size:13px;border:1px solid #d0d0d0}.compare-popup #searchproductcompare ul{overflow:hidden;border:1px solid #d0d0d0;border-radius:4px;margin:2px 0}.compare-popup #searchproductcompare ul li{float:unset;display:block;width:100%;margin:auto;text-align:left;border-left:unset;border-right:unset;position:relative}.compare-popup #searchproductcompare ul li{display:block;overflow:hidden;border-top:0;padding:10px;border-top:1px solid #d0d0d0;border-bottom:unset;max-width:unset;box-sizing:border-box}.compare-popup #searchproductcompare ul li:first-child{border-top:0}.compare-popup .pro-compare li .item-img{position:relative}.compare-popup #searchproductcompare ul li .item-img{height:50px;float:left;width:60px}.compare-popup .pro-compare li img{display:block;width:100% !important;max-width:86px;margin:0 auto 5px;height:auto;position:relative}.compare-popup #searchproductcompare li img{float:left;width:100%;max-width:45px;margin-right:10px}.compare-popup #searchproductcompare ul li img{float:left;width:100%;max-width:45px;margin-right:10px}.compare-popup #searchproductcompare ul li .item-img img{float:left;width:80%;margin-right:10px;height:auto}.compare-popup .pro-compare .pro-nrview{display:block;overflow:hidden;font-size:12px;color:#2f80ed;position:absolute;left:0;right:0;bottom:6px;margin:auto}.compare-popup #searchproductcompare ul li .pro-nrview{left:unset;right:10px;bottom:12px}.compare-popup .pro-compare li h3{overflow:hidden;font-size:14px;padding:0 0 3px 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.item-txt-online{color:#333;font-size:12px;line-height:16px;margin-top:0 !important;margin-bottom:5px;padding:0 0 3px 0}.compare-popup .pro-compare li strong.price{font-size:12px;color:#000;padding:0 0 4px 0}.compare-popup #searchproductcompare .pro-compare li strong.price{display:inline-flex;vertical-align:middle;padding:0 0 3px 15px}.block_title_bg span{font-size:22px;text-transform:uppercase;background:var(--main-color);color:#fff;padding:10px 34px 8px}.bk-btn-paynow{width:100% !important}.bk-btn .bk-btn-installment{width:100% !important}.bk-btn .bk-btn-installment span{padding:0}.bk-btn .bk-btn-installment-amigo{width:100%}.btn-buy span{padding-left:0px;text-align:center}.bk-btn-installment-amigo .bk-insta-content strong{font-size:13px}.popup-video-full{position:fixed;z-index:22222222;top:0;left:0px;width:100%;height:100%;background:#000000f2;display:none}.popup-video-full .content-video{width:100%;height:100%}.popup-video-full .video{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 900px){.popup-video-full .video{width:100%}}.popup-video-full .close{float:right;color:#ffff;font-size:22px;padding:10px;cursor:pointer}.popup-video-full .close svg{fill:#fff}.popup-distinguish,.popup-products-couple{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:640px;max-width:96%;display:none;z-index:10;box-sizing:border-box}.popup-distinguish .close,.popup-products-couple .close{position:absolute;right:-8px;top:-12px;cursor:pointer}.popup-distinguish .close svg,.popup-products-couple .close svg{fill:red}.popup-distinguish .content-distinguish,.popup-distinguish .content-products-couple,.popup-products-couple .content-distinguish,.popup-products-couple .content-products-couple{background:#fff;padding:20px;max-height:80vh;width:100%;overflow-y:auto;z-index:22222;box-sizing:border-box}.popup-distinguish .content-distinguish iframe,.popup-distinguish .content-products-couple iframe,.popup-products-couple .content-distinguish iframe,.popup-products-couple .content-products-couple iframe{max-width:100%}@media screen and (max-width: 800px){.popup-distinguish .content-distinguish,.popup-distinguish .content-products-couple,.popup-products-couple .content-distinguish,.popup-products-couple .content-products-couple{padding:10px}}.popup-products-couple .product_grid .item{width:50%}


    /*# sourceMappingURL=product.css.map */
    .owl-carousel .animated {
    -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both
    }

    .owl-carousel .owl-animated-in {
    z-index:0
    }

    .owl-carousel .owl-animated-out {
    z-index:1
    }

    .owl-carousel .fadeOut {
    -webkit-animation-name:fadeOut; animation-name:fadeOut
    }

    @-webkit-keyframes fadeOut {
    0% {
    opacity:1
    }

    100% {
    opacity:0
    }
    }

    @keyframes fadeOut {
    0% {
    opacity:1
    }

    100% {
    opacity:0
    }
    }

    .owl-height {
    -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out
    }

    .owl-carousel {
    display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1
    }

    .owl-carousel .owl-stage {
    position:relative; -ms-touch-action:pan-Y
    }

    .owl-carousel .owl-stage:after {
    content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0
    }

    .owl-carousel .owl-stage-outer {
    position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none
}

.owl-carousel.owl-loaded {
    display:block
}

.owl-carousel.owl-loading {
    opacity:0; display:block
}

.owl-carousel.owl-hidden {
    opacity:0
}

.owl-carousel .owl-refresh .owl-item {
    display:none
}

.owl-carousel .owl-item {
    position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none
}

.owl-carousel .owl-item img {
    -webkit-transform-style:preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto
}

.owl-carousel .owl-grab {
    cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab
}

.owl-carousel.owl-rtl {
    direction:rtl
}

.owl-carousel.owl-rtl .owl-item {
    float:right
}

.no-js .owl-carousel {
    display:block
}

.owl-carousel .owl-item .owl-lazy {
    opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style:preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position:relative; height:100%; background:#000
}

.owl-carousel .owl-video-play-icon {
    position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url("https://donghoduyanh.com/dong-ho-nu/owl.video.play.png") no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition:scale(1.3, 1.3); -moz-transition:scale(1.3, 1.3); -ms-transition:scale(1.3, 1.3); -o-transition:scale(1.3, 1.3); transition:scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display:none
}

.owl-carousel .owl-video-tn {
    opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position:relative; z-index:1
}

/*# sourceMappingURL=owl.carousel.css.map */
/*
Magic Zoom Plus v5.0.3
Copyright 2015 Magic Toolbox
Buy a license: https://www.magictoolbox.com/magiczoomplus/
License agreement: https://www.magictoolbox.com/license/
*/
/**
* Core styles
*/
@font-face {
    font-family: "magictoolbox-thin";
    font-weight: normal;
    font-style: normal;
    src:url("https://donghoduyanh.com/dong-ho-nu/fonts/magictoolbox-thin.eot");
    src:url("https://donghoduyanh.com/dong-ho-nu/fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"),
    url("https://donghoduyanh.com/dong-ho-nu/fonts/magictoolbox-thin.woff") format("woff"),
    url("https://donghoduyanh.com/dong-ho-nu/fonts/magictoolbox-thin.ttf") format("truetype"),
    url("https://donghoduyanh.com/dong-ho-nu/fonts/magictoolbox-thin.svg#magictoolbox-thin") format("svg");
}

.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage > figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.MagicZoom {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

figure.mz-figure {
    -webkit-perspective: 300px;
    perspective: 300px;
    margin: 0 !important;
}

figure.mz-figure a {
    display:none !important;
}

.MagicZoom img,
.mz-figure img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
}

.MagicZoom > img,
.mz-figure > img {
    width: 100%;
    height: auto;
}

.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
    width: 100%;
    max-width: none !important;
}

.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
    cursor: default !important;
}

.mz-figure.mz-active,
.mz-expand {
    -ms-touch-action: none;
    touch-action: none;
}

.mz-lens,
.mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.mz-lens img,
.mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important;
}

.mz-zoom-window {
    z-index: 2000000000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mz-zoom-window.mz-magnifier {
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-mask-clip: content;
    cursor: none;
}

.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647;
}

.mz-zoom-window img {
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto !important;
    -ms-transform-origin: 50% 50% !important;
    -webkit-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important;
}

.mz-zoom-window.mz-preview img {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
}

.lt-ie9-magic .mz-zoom-window img {
    margin: 0 !important;
}

.mz-expand-controls {
    z-index: 2147483647;
}

.mz-fade {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.mz-hidden {
    opacity: 0;
}

.mz-visible {
    opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
    -webkit-transform-style: flat !important;
    transform-style: flat !important;
}

.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {
    display: none !important;
}

.mobile-magic .mz-expand-controls.mz-fade {
    transition: none !important;
}

.mobile-magic .mz-expand .mz-zoom-window {
    top: 0 !important;
    left: 0 !important;
}

/**
* Main figure
*/
.mz-figure.mz-active {
    background: #fff;
}

.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair;
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none;
}

.mz-figure.mz-active > img {
    filter: url("data:image/svg+xml;utf8, <svg xmlns=\'http: //www.w3.org/2000/svg\'> <filter id=\'grayscale\'> <feColorMatrix type=\'saturate\' values=\'0\'/> <feComponentTransfer> <feFuncA type=\'linear\' slope=\'0.6\'/> </feComponentTransfer> </filter> </svg> #grayscale");
    -webkit-filter: grayscale(80%) opacity(60%);
    filter: grayscale(80%) opacity(60%);
}

.no-cssfilters-magic .mz-figure.mz-active > img {
    opacity: 0.6;
}

.lt-ie10-magic .mz-figure.mz-active > img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=0.6);
}

.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
    opacity: 0;
}

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
    opacity: 1;
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
    filter: alpha(opacity=0);
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent;
}

/**
* Zoom lens
*/
.mz-lens {
    border: 1px solid #aaa;
    border-color: rgba(170, 170, 170, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    cursor: none;
    z-index: 10;
    opacity: 0;
}

.mz-figure.mz-active .mz-lens {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
    transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none;
}

/**
* Zoom window
*/
.mz-zoom-window {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.mz-zoom-window.mz-magnifier {
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, .3);
}

.mz-zoom-window.mz-magnifier:before {
    content: "";
    display: block;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    border-radius: 100%;
    border: 1px solid rgba(170, 170, 170, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    background: transparent;
    z-index: 1;
}

.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5;
}

.mz-zoom-window.mz-inner {
    border: none;
    box-shadow: none;
}

/* Caption in zoom window */
.mz-zoom-window .mz-caption {
    background: #777;
    color: #fff;
    font-size: 10pt;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important;
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
    filter: alpha(opacity=80);
}

.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0;
}

.mz-zoom-window.mz-expanded > .mz-caption {
    display: none;
}

/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
    transition-duration: .25s, .25s, .25s;
}

.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100;
}

.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
}

.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
}

.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
}

.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
}

/* Inner mode animation */
.mz-zoom-window > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
    -webkit-transform: scale(.1);
    transform: scale(.1);
}

/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
    opacity: 0;
}

/**
* Hint & Loading
*/
.mz-hint,
.mz-loading {
    color: #eee;
    background: rgba(49, 51, 61, 0.7);
    font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.mz-hint {
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
    transition: opacity 0.25s ease, z-index 0.25s ease;
}

.mz-hint-message {
    display: inline-block;
    background: rgba(49, 51, 61, 0.7);
    border-radius: 2em;
    padding: .7em 1.1em;
}

.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.mobile-magic .mz-hint-message:before {
    display: none;
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

/* Hint in the expanded view on mobile */
.mobile-magic .mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mobile-magic .mz-expand .mz-hint-message {
    padding: 1.1em;
}

.mobile-magic .mz-expand .mz-hint-message:before {
    display: none;
}

.mobile-magic .mz-expand .mz-hint-hidden {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0;
}

/* Loading indicator */
.mz-loading {
    font-size: 0;
    border-radius: 100%;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mz-loading:after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 1);
    border-top-color: transparent;
    box-sizing: border-box;
}

.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
}

.mz-loading.shown:after {
    -webkit-animation: spin-loading .9s infinite linear;
    animation: spin-loading .9s infinite linear;
}

@-webkit-keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.lt-ie10-magic .mz-loading {
    font-size: 12px;
    padding: .7em 1.1em;
    width: auto;
    height: auto;
}

.lt-ie10-magic .mz-loading:after {
    content: 'Loading...';
    text-indent: 0;
    border: none;
    position: relative;
}

.lt-ie9-magic .mz-loading {
    filter: alpha(opacity=0);
    right: 0;
    left: 0;
    width: 126px;
    margin: auto;
}

.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}

.lt-ie9-magic .mz-hint-hidden {
    filter: alpha(opacity=0);
}

/**
* Expanded view
*/
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
    width: auto !important;
    height: auto !important;
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg {
    min-width: 100% !important;
    min-height: 100% !important;
}

.mz-expand {
    background-color: rgba(0, 0, 0, 1);
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-overflow-style: none;
}

.mz-expand > div > a {
    display:none;
}

/* Expanded view background */
.mz-expand .mz-expand-bg {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    z-index: -100;
    max-width: none !important;
    max-height: none !important;
    -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
    -ms-transform: translate(0, 0) scale(10, 10) rotate(0.01deg);
    transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
    -webkit-perspective: 600px;
    perspective: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}

.mz-expand .mz-expand-bg > img {
    margin: auto;
    filter: url("data:image/svg+xml;utf8, <svg xmlns=\'http: //www.w3.org/2000/svg\'> <filter id=\'blur\'> <feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur> </filter> </svg> #blur");
    -webkit-filter: blur(20px) brightness(60%);
    filter: blur(20px) brightness(60%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mz-expand .mz-expand-bg > svg {
    margin: auto;
    opacity: .6;
}

.lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none !important;
}

.lt-ie9-magic .mz-expand {
    background: #1f1f1f;
}

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
    display: none !important;
}

.mz-expand.dark-bg {
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, .96);
}

.mz-expand.white-bg {
    background-color: #fff;
}

/* Expanded view stage */
.mz-expand .mz-expand-stage {
    z-index: 2100000000;
    padding: 0;
}

.mz-expand .mz-expand-stage .mz-image-stage {
    z-index: 50;
    left: 120px;
    right: 120px;
    padding: 20px 0 40px 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 120px;
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding: 0 !important;
    left: 0;
    right: 0;
}

.mz-expand .mz-image-stage > figure:before,
.mz-expand .mz-image-stage:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 0;
    line-height: 100%;
    width: 0;
}

.mz-expand .mz-image-stage > figure {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 100%;
    position: relative;
}

.mz-expand .mz-figure {
    overflow: visible;
    max-width: 100% !important;
}

.mz-expand .mz-figure > img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
    width: 100%;
    height: 100%;
}

.mz-expand .mz-figure {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mz-expand .mz-figure.mz-active {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}

/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
    z-index: 1;
    position: absolute !important;
    top: -5000px !important;
    bottom: -5000px !important;
    left: -5000px !important;
    right: -5000px !important;
    margin: auto !important;
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
    filter: alpha(opacity=100);
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
    filter: alpha(opacity=100);
}

/* Caption in expanded view */
.mz-expand .mz-caption {
    color: #fff;
    text-shadow: 0px 0px 46px #000;
    padding: 10px 4px;
    font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
}

.mz-expand .mz-caption.mz-show {
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    opacity: 1;
}

.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer;
}

.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none;
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%;
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent;
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0;
}

/* Expanded view on mobile */
.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
    left: 0px;
    right: 0px;
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
    bottom: 0px;
}

.mobile-magic .mz-expand-stage .mz-image-stage {
    padding: 0;
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 5px 0 60px;
}

.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding-top: 0;
}

.mobile-magic .mz-expand .mz-expand-thumbnails {
    padding: 0;
    height: 60px;
}

/**
* Buttons & Arrows
*/
.mz-expand-controls,
button.mz-button {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
}

button.mz-button {
    color: #b4b4b4 !important;
    font: 900 34px/1 'magictoolbox-thin' !important;
    cursor: pointer;
    z-index: 90 !important;
    background-color: transparent !important;
    border: 1px solid rgba(180, 180, 180, 0) !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    width: 60px !important;
    height: 60px !important;
}

button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
    margin: auto 10px !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
}

button.mz-button.mz-button-prev {
    left: 0 !important;
}

button.mz-button.mz-button-next {
    right: 0 !important;
}

button.mz-button.mz-button-close {
    font-size: 30px !important;
    margin: 10px !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 95 !important;
}

:root:not(.mobile-magic) button.mz-button {
    color: rgba(180, 180, 180, .75) !important;
    -webkit-transform: scale(.85) !important;
    transform: scale(.85) !important;
    -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important;
    transition: color .25s, border-color .25s, transform .25s !important;
}

:root:not(.mobile-magic) button.mz-button:hover {
    color: rgba(180, 180, 180, 1) !important;
    border-color: rgba(180, 180, 180, .6) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.mobile-magic button.mz-button {
    -webkit-transition: -webkit-transform .1s !important;
    transition: transform .1s !important;
}

.mobile-magic button.mz-button:active {
    border-color: rgba(180, 180, 180, .6) !important;
    -webkit-transform: scale(.95) !important;
    transform: scale(.95) !important;
}

button.mz-button.mz-button-close:before {
    content: "\a001";
}

button.mz-button.mz-button-prev:before {
    content: "\a002";
}

button.mz-button.mz-button-next:before {
    content: "\a003";
}

@media screen and (max-device-width: 767px) {

    button.mz-button-prev,
    button.mz-button-next {
        display: none !important;
    }

    .mobile-magic .mz-expand button.mz-button {
        background: rgba(255, 255, 255, .12) !important;
        border-color: rgba(180, 180, 180, .3) !important;
    }
}

.lt-ie9-magic button.mz-button {
    border: 0;
    filter: alpha(opacity=75);
}

.lt-ie9-magic button.mz-button:hover {
    filter: alpha(opacity=100);
}

/**
* Thumbnails
*/
/* Thumbnails on the page */
.mz-thumb, .mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: none;
}

.mz-thumb img {
    border: 0;
    box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

.mz-thumb:hover:not(.mz-thumb-selected) img {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
}

.mz-thumb-selected img {
    /* -webkit-filter: brightness(50%);
filter: brightness(50%);*/
}

.no-cssfilters-magic .mz-thumb {
    background: #000;
}

.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70);
}

.no-cssfilters-magic .mz-thumb-selected img {
    opacity: .5;
    filter: alpha(opacity=50);
}

.ie9-magic .mz-thumb img {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
}

/* Thumbnails in expanded view */
.mz-expand-thumbnails {
    z-index: 50;
    position: absolute;
    /*bottom: 0;*/
    left: 65px;
    /*right: 65px;*/
    /*height: 80px;*/
    padding: 10px 0;
    width: 100px;
    box-sizing: border-box;
}

.mz-expand-thumbnails .magic-thumbs .magic-thumb {
    padding: 10px 2px;
}

.mz-expand-thumbnails .magic-thumb > img {
    cursor: pointer;
    height: 92px;
    /*box-shadow:0 0 5px 1px rgba(0,0,0,0.3);*/
    border: 4px solid #fff;
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
}

.mz-expand-thumbnails .magic-thumb-selected img {
    /* -webkit-filter: brightness(50%);
filter: brightness(50%);*/
    border: 4px solid #5E5E5E;
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none;
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
    opacity: 0;
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70);
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: .5; filter: alpha(opacity=50);
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    touch-action: none;
}

.magic-thumbs {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.magic-thumbs.no-buttons {
    padding: 0 !important;
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap;
}

.magic-thumbs.no-buttons ul {
    padding: 0 !important;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    left: 0 !important;
}

.magic-thumbs ul li {
    margin: 0 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block;
}

.magic-thumbs ul li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.magic-thumbs ul li > img {
    width: auto;
    height: auto;
    max-height: 100%;
    vertical-align: middle;
}

.ie8-magic .magic-thumbs ul li > img {
    max-width: none !important;
    max-height: none !important;
}

/* vertical */
.magic-thumbs.magic-thumbs-vertical {
    height: 100%;
}

.magic-thumbs-vertical {
    padding: 30px 0;
}

.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal;
}

.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto;
}

.magic-thumbs-vertical ul li {
    margin: 4px 0;
}

.magic-thumbs-vertical ul li > img {
    max-width: 100%;
    max-height: none;
}

.ie8-magic .magic-thumbs-vertical ul li > img {
    width: 100%;
}

/**
* Buttons
*/
.magic-thumbs .magic-thumbs-button {
    cursor: pointer;
    z-index: 90;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    position: absolute;
    font-family: "magictoolbox-thin";
    font-style: normal;
    font-weight: 200;
    font-variant: normal;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    text-align: center;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    width: 30px;
    height: 100%;
    top: 0; bottom: 0;
}

.magic-thumbs .magic-thumbs-button-prev {
    left: 0;
}

.magic-thumbs .magic-thumbs-button-next {
    right: 0;
}

.magic-thumbs .magic-thumbs-button-prev:before {
    content: "\a002";
}

.magic-thumbs .magic-thumbs-button-next:before {
    content: "\a003";
}

.magic-thumbs-button:before {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: .6;
}

.magic-thumbs .magic-thumbs-button:hover:before {
    opacity: 1;
}

/* Vertical buttons */
.magic-thumbs-vertical .magic-thumbs-button {
    width: 100%;
    height: 30px;
    left: 0; right: 0;
    top: auto; bottom: auto;
}

.magic-thumbs-vertical .magic-thumbs-button-prev {
    top: 0;
}

.magic-thumbs-vertical .magic-thumbs-button-next {
    bottom: 0;
}

.magic-thumbs-vertical .magic-thumbs-button-prev:before {
    content: "\a005";
}

.magic-thumbs-vertical .magic-thumbs-button-next:before {
    content: "\a004";
}

.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none !important;
}

.magic-thumbs-button-disabled {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.frame_img {
    display:block; background:white; text-align:center; position:relative; overflow:hidden; margin-bottom:12px; border:1px solid #ebebeb
}

.frame_img img:hover, #colorbox img:hover {
    opacity:1
}

.frame_img_inner {
    max-height:1500px
}

#sync1_wrapper {
    display:none
}

#sync1 .item {
    color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center
}

#sync2 .item {
    padding:2px; text-align:center; cursor:pointer; box-sizing:border-box; border:1px solid #ebebeb; background:#FFF; margin:0 2px
}

#sync2 .item img {
    width:100%
}

#sync2 .item:hover, #sync2 .owl-item.current .item {
    border:1px solid #AAA
}

#sync2 .item h1 {
    font-size:18px
}

#sync2 .synced .item {
    background:#0c83e7
}

#sync1 .owl-prev, #sync1 .owl-next {
    display:inline-block; padding:0PX; text-align:center; position:absolute; top:35% !important; width:20px; height:35px; font-size:12px; margin:5px; padding:3px 10px; border-radius:4px; background:rgba(1, 131, 191, 0.77); font-size:46px; color:#fff; line-height:29px
}

#sync1:hover .owl-prev, #sync1:hover .owl-next {
    display:inline-block !important
}

#sync1 .owl-prev {
    left:0px
}

#sync1 .owl-next {
    right:0px
}

#sync1 .owl-prev:hover {
    right:4px
}

#sync1 .owl-next:hover {
    right:4px
}

#sync1.owl-carousel .owl-item img {
    transform-style:preserve-3d; display:inherit; width:auto
}

.product_image .thumbs {
    padding:0 25px; margin-top:18px
}

.thumbs {
    text-align:center
}

.thumbs .item {
    float:left; margin:0px 5px; box-sizing:border-box; text-align:center; cursor:pointer; display:inline-block; max-width:57px
}

.thumbs .item:hover img {
    border:1px solid var(--main-color)
}

.thumbs .item:hover span {
    color:var(--main-color)
}

.thumbs .list-item {
    display:inline-block; margin:0px -5px
}

.thumbs img {
    border-radius:10px; background:#fff; border:1px solid #ddddddba; transition:0.2s
}

.thumbs span {
    font-size:11px; color:#5a5555; display:inline-block; margin-top:6px; line-height:14px
}

.thumbs .owl-carousel .owl-stage {
    text-align:center; margin:0 auto
}

#sync2 .owl-prev, #sync2 .owl-next {
    display:inline-block; zoom:1; position:absolute; padding:6px 0 0; margin:0; border-radius:0px; -webkit-border-radius:3px; -moz-border-radius:3px; background:var(--main-color); width:24px; height:27px; text-align:center; font-size:46px; color:#fff; font-family:-webkit-body; line-height:12px; top:50%; transform:translate(0%, -50%)
}

#sync2:hover .owl-prev, #sync2:hover .owl-next {
    display:inline !important
}

#sync2 .owl-prev {
    left:0px
}

#sync2 .owl-next {
    right:0px
}

.product .frame_left #sync1_wrapper {
    border:1px solid #EEE
}

@media screen and (max-width: 600px) {
    .product .frame_left .magic_zoom_area {
        display:none
    }

    .frame_img {
        padding:0px; height:300px
    }

    .frame_img img {
        height:290px
    }

    .frame_img_inner {
        padding:0px
    }

    .product .frame_left #sync1_wrapper {
        display:block; border:0px
    }
}

/*# sourceMappingURL=product_images_magiczoom.css.map */
.slide-products-home {
    position:relative; margin-top:30px
}

.slideshow-hot {
    margin-top:auto
}

.products_blocks_slideshow_hot {
    clear:both; display:block; background:#fff; 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%; margin-bottom:20px; position:relative; overflow:hidden; height:470px; overflow:hidden
}

@media all and (max-width: 768px) {
    .products_blocks_slideshow_hot {
        height:auto
    }
}

.products_blocks_slideshow_hot>.item {
    width:calc(100% / 4)
}

@media all and (max-width: 997px) {
    .products_blocks_slideshow_hot>.item {
        width:calc(100% / 3)
    }
}

@media all and (max-width: 768px) {
    .products_blocks_slideshow_hot>.item {
        width:50%
    }
}

.products_blocks_slideshow_hot {
    box-sizing:border-box
}

.products_blocks_slideshow_hot .item {
    text-align:center
}

.products_blocks_slideshow_hot .item img {
    transition:all 0.7s ease 0s !important; -webkit-transition:all 0.7s ease 0s
}

.products_blocks_slideshow_hot .item:hover img {
    transform:scale(1.05); -webkit-transform:scale(1.05)
}

.products_blocks_slideshow_hot .item .loai_may, .products_blocks_slideshow_hot .item .duong_kinh {
    font-size:12px; text-transform:uppercase; color:#777; margin-bottom:5px; display:inline-block
}

.products_blocks_slideshow_hot .item .row-lm {
    padding:0px 5px; color:#777; font-size:13px
}

.products_blocks_slideshow_hot .item .icon_bl {
    position:absolute; left:20px; bottom:0px; color:#fff; background:#f19655; padding:2px 10px; border-radius:2px; z-index:2
}

.products_blocks_slideshow_hot .item .icon_br {
    position:absolute; right:20px; bottom:0px; color:#fff; background:red; padding:2px 10px; border-radius:2px; z-index:2
}

.products_blocks_slideshow_hot .item .discount {
    position:absolute; top:0px; left:5px; background:#ed1c24; color:#fff; font-size:14px; height:40px; width:40px; line-height:40px; box-sizing:border-box; border-radius:50%
}

@media screen and (max-width: 997px) {
    .products_blocks_slideshow_hot .item .discount {
        font-size:10px; height:30px; width:30px; line-height:30px
    }
}

.products_blocks_slideshow_hot .item-block {
    display:block; text-align:center
}

.products_blocks_slideshow_hot .product_image {
    margin-bottom:16px; position:relative
}

@media screen and (max-width: 650px) {
    .products_blocks_slideshow_hot .product_image {
        max-height:232px
    }
}

.products_blocks_slideshow_hot h2 a, .products_blocks_slideshow_hot h3 a {
    font-size:17px; font-weight:600; margin-bottom:8px
}

@media all and (max-width: 768px) {
    .products_blocks_slideshow_hot h2 a, .products_blocks_slideshow_hot h3 a {
        font-size:15px
    }
}

.products_blocks_slideshow_hot h2 a .cat_name, .products_blocks_slideshow_hot h3 a .cat_name {
    color:#777; display:block; font-size:14px; margin-top:6px; margin-bottom:8px; font-weight:normal
}

.products_blocks_slideshow_hot .price_old {
    font-size:15px; color:#b1b1b1; margin-bottom:8px
}

.products_blocks_slideshow_hot .price_current {
    font-size:18px; color:#e10c00; font-weight:600
}

@media all and (max-width: 450px) {
    .products_blocks_slideshow_hot .price_current {
        font-size:14px
    }
}

.products_blocks_slideshow_hot .owl-next, .products_blocks_slideshow_hot .owl-prev {
    position:absolute; font-size:36px; top:10px; text-align:center; color:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; background:#d2d2d2; border:none; top:40%; width:40px; height:40px; line-height:34px
}

@media all and (max-width: 768px) {
    .products_blocks_slideshow_hot .owl-next, .products_blocks_slideshow_hot .owl-prev {
        background:none; color:#000; font-size:42px
    }
}

.products_blocks_slideshow_hot .owl-next:hover, .products_blocks_slideshow_hot .owl-prev:hover {
    background:var(--main-color)
}

@media all and (max-width: 768px) {
    .products_blocks_slideshow_hot .owl-next:hover, .products_blocks_slideshow_hot .owl-prev:hover {
        background:none
    }
}

.products_blocks_slideshow_hot .owl-prev {
    left:0px
}

.products_blocks_slideshow_hot .owl-next {
    right:0px
}

/*# sourceMappingURL=slideshow_hot.css.map */
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe {
    position:absolute; width:100%; height:100%; top:0; right:0; left:0; bottom:0
}

.fotorama--fullscreen, .fotorama__img {
    max-width:99999px !important; max-height:99999px !important; min-width:0 !important; min-height:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important
}

.fotorama__wrap .fotorama__grab {
    cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab
}

.fotorama__grabbing * {
    cursor:move; cursor:-webkit-grabbing; cursor:-o-grabbing; cursor:-ms-grabbing; cursor:grabbing
}

.fotorama__spinner {
    position:absolute !important; top:50% !important; left:50% !important
}

.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)
}

.fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform:translateZ(0); transform:translateZ(0)
}

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame {
    outline:0
}

.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after {
    content:''; border-radius:inherit; background-color:rgba(0, 175, 234, .5)
}

.fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform:none !important; transform:none !important
}

.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
    transition-property:-webkit-transform, width; transition-property:transform, width; transition-timing-function:cubic-bezier(0.1, 0, .25, 1); transition-duration:0ms
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap {
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none
}

.fotorama__select {
    -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text
}

.fotorama__nav, .fotorama__nav__frame {
    margin:auto; padding:0
}

.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft {
    -moz-box-orient:vertical; display:inline-block; vertical-align:middle; *display:inline; *zoom:1
}

.fotorama__nav__frame, .fotorama__thumb-border {
    box-sizing:content-box
}

.fotorama__caption__wrap {
    box-sizing:border-box
}

.fotorama--hidden, .fotorama__load {
    position:absolute; left:-99999px; top:-99999px; z-index:-1
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play {
    -webkit-tap-highlight-color:transparent
}

@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:2dppx) {
    .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {}
}

.fotorama__thumb {
    background-color:#7f7f7f; background-color:rgba(127, 127, 127, .2)
}

@media print {
    .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play {
        background:none !important
    }
}

.fotorama {
    min-width:1px; overflow:hidden
}

.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child) {
    display:none
}

.fullscreen {
    width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#000
}

.fotorama--fullscreen {
    position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; float:none !important; z-index:2147483647 !important; background:#000; width:100% !important; height:100% !important; margin:0 !important
}

.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {
    background:#000
}

.fotorama__wrap {
    -webkit-text-size-adjust:100%; position:relative; direction:ltr; z-index:0
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction:rtl
}

.fotorama__nav, .fotorama__stage {
    overflow:hidden; position:relative; max-width:100%
}

.fotorama__wrap--pan-y {
    -ms-touch-action:pan-y
}

.fotorama__wrap .fotorama__pointer {
    cursor:pointer
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity:1 !important
}

.fotorama__stage__frame {
    overflow:hidden
}

.fotorama__stage__frame.fotorama__active {
    z-index:8
}

.fotorama__wrap--fade .fotorama__stage__frame {
    display:none
}

.fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display:block; left:0; top:0
}

.fotorama__wrap--fade .fotorama__fade-front {
    z-index:8
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index:7
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index:9
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display:none
}

.fotorama__img {
    -ms-filter:"alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; border:none !important
}

.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img {
    -ms-filter:"alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full {
    display:none
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display:block
}

.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage {
    max-width:99999px !important
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility:hidden
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility:visible
}

.fotorama__nav {
    font-size:0; line-height:0; text-align:center; display:none; white-space:nowrap; z-index:5
}

.fotorama__nav__shaft {
    position:relative; left:0; top:0; text-align:left
}

.fotorama__nav__frame {
    position:relative; cursor:pointer
}

.fotorama__nav--dots {
    display:block
}

.fotorama__nav--dots .fotorama__nav__frame {
    width:18px; height:30px
}

.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {
    display:none
}

.fotorama__nav--thumbs {
    display:block
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left:0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right:0 !important
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display:none
}

.fotorama__dot {
    display:block; width:4px; height:4px; position:relative; top:12px; left:6px; border-radius:6px; border:1px solid #7f7f7f
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding:1px; top:-1px; left:-1px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width:0; height:0; border-width:3px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding:3px; top:-3px; left:-3px
}

.fotorama__thumb {
    overflow:hidden; position:relative; width:100%; height:100%
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index:2
}

.fotorama__thumb-border {
    position:absolute; z-index:9; top:0; left:0; border-style:solid; border-color:#00afea; background-image:linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
}

.fotorama__caption {
    position:absolute; z-index:12; bottom:0; left:0; right:0; font-family:'Helvetica Neue', Arial, sans-serif; font-size:14px; line-height:1.5; color:#000
}

.fotorama__caption a {
    text-decoration:none; color:#000; border-bottom:1px solid; border-color:rgba(0, 0, 0, .5)
}

.fotorama__caption a:hover {
    color:#333; border-color:rgba(51, 51, 51, .5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left:auto; right:0
}

.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {
    display:none
}

.fotorama__caption__wrap {
    background-color:#fff; background-color:rgba(255, 255, 255, .9); padding:5px 10px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform:rotate(0); transform:rotate(0)
    }

    100% {
        -webkit-transform:rotate(360deg); transform:rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform:rotate(0); transform:rotate(0)
    }

    100% {
        -webkit-transform:rotate(360deg); transform:rotate(360deg)
    }
}

.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation:spinner 24s infinite linear; animation:spinner 24s infinite linear
}

.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    transition-property:opacity; transition-timing-function:linear; transition-duration:.3s
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter:"alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0
}

.fotorama__select {
    cursor:auto
}

.fotorama__video {
    top:32px; right:0; bottom:0; left:0; position:absolute; z-index:10
}

@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow:0 0 0 transparent
    }
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
    position:absolute; z-index:11; cursor:pointer
}

.fotorama__arr {
    position:absolute; width:39px; height:39px; top:50%; margin-top:-16px;
}

.fotorama__arr--prev {
    left:2px; background-position:3px 3px;
}

.fotorama__arr--next {
    right:2px; background-position:-29px 3px
}

.fotorama__arr--disabled {
    pointer-events:none; cursor:default; *display:none; opacity:.1
}

.fotorama__fullscreen-icon {
    width:38px; height:38px; top:2px; right:2px; background-position:0 -32px; z-index:20;
}

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus {
    border-radius:50%
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position:-63px 5px
}

.fotorama__video-play {
    width:96px; height:96px; left:50%; top:50%; margin-left:-48px; margin-top:-48px; background-position:0 -64px; opacity:0
}

.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display:none
}

.fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play {
    opacity:1; display:block
}

.fotorama__nav__frame .fotorama__video-play {
    width:32px; height:32px; margin-left:-16px; margin-top:-16px; background-position:-64px -32px
}

.fotorama__video-close {
    width:32px; height:32px; top:0; right:0; background-position:-64px 0; z-index:20; opacity:0
}

.fotorama__wrap--css2 .fotorama__video-close {
    display:none
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform:translate3d(32px, -32px, 0); transform:translate3d(32px, -32px, 0)
}

.fotorama__wrap--video .fotorama__video-close {
    display:block; opacity:1
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)
}

#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, #fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity:0
}

#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, #fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity:1
}

.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity:0 !important
}

.fotorama__wrap--css2#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display:none
}

.fotorama__wrap--css2#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display:block
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display:none !important
}

.fotorama__wrap--css3#fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform:translate3d(32px, -32px, 0); transform:translate3d(32px, -32px, 0)
}

.fotorama__wrap--css3#fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform:translate3d(-48px, 0, 0); transform:translate3d(-48px, 0, 0)
}

.fotorama__wrap--css3#fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform:translate3d(48px, 0, 0); transform:translate3d(48px, 0, 0)
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform:translate3d(32px, -32px, 0) !important; transform:translate3d(32px, -32px, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform:translate3d(-48px, 0, 0) !important; transform:translate3d(-48px, 0, 0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform:translate3d(48px, 0, 0) !important; transform:translate3d(48px, 0, 0) !important
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    transition-property:-webkit-transform, opacity; transition-property:transform, opacity; transition-duration:.3s
}

.fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before {
    content:""; display:block; position:absolute; text-decoration:none; top:0; bottom:0; width:10px; height:auto; z-index:10; pointer-events:none; background-repeat:no-repeat; background-size:1px 100%, 5px 100%
}

.fotorama__nav:before, .fotorama__stage:before {
    background-image:linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent); background-position:0 0, 0 0; left:-10px
}

.fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before {
    left:0
}

.fotorama__nav:after, .fotorama__stage:after {
    background-image:linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent); background-position:100% 0, 100% 0; right:-10px
}

.fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after {
    right:0
}

.fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before {
    display:none
}

.strengths_retangle4_block {
    display:flex; flex-wrap:wrap; box-sizing:border-box; padding-top:18px; padding-bottom:18px; background:#f1f1f1cc
}

@media screen and (max-width: 1200px) {
    .strengths_retangle4_block {
        margin-left:0px; margin-right:0px
    }
}

@media all and (max-width: 600px) {
    .strengths_retangle4_block {
        margin-top:0px
    }
}

.strengths_retangle4_block .item {
    width:calc(25% - 0px); cursor:pointer; transition:0.5s; border-top:0; margin:0px; box-sizing:border-box; transition:0.5s; color:#777; position:relative; float:left; border-left:0; padding:0px 10px; padding:0px 10px 0px 0px
}

.strengths_retangle4_block .item:after {
    width:60px; height:60px; border-top:2px solid #f6f6f6; border-right:2px solid #f6f6f6; position:absolute; top:0px; right:4px; transform:rotate(45deg)
}

.strengths_retangle4_block .item:last-child:after {
    display:none
}

@media screen and (max-width: 800px) {
    .strengths_retangle4_block .item {
        width:calc(50% - 0px); margin:5px 0
    }
}

@media screen and (max-width: 600px) {
    .strengths_retangle4_block .item {
        margin:0
    }
}

@media all and (max-width: 375px) {
    .strengths_retangle4_block .item {
        padding:0
    }
}

.strengths_retangle4_block .item .item-inner {
    transition:0.5s; box-sizing:border-box; border:1px solid transparent; width:100%
}

.strengths_retangle4_block .item .item-l {
    vertical-align:middle; display:block; width:100%; box-sizing:border-box; color:#fff; text-align:center; float:left; width:65px; position:relative; margin-right:5px
}

@media all and (max-width: 1200px) and (min-width: 800px) {
    .strengths_retangle4_block .item .item-l {
        padding:0px
    }
}

.strengths_retangle4_block .item .item-l .isvg {
    box-sizing:border-box; float:left; width:75px; height:60px; border-radius:50%; position:relative; padding:12px
}

.strengths_retangle4_block .item .item-l .name {
    width:calc(100% - 90px); float:left; margin-left:24px; margin-top:16px; text-align:left
}

@media all and (max-width: 1200px) {
    .strengths_retangle4_block .item .item-l .name {
        margin-top:6px
    }
}

@media all and (max-width: 600px) {
    .strengths_retangle4_block .item .item-l .name {
        margin-left:5px; width:calc(100% - 75px); font-size:14px; margin-top:10px
    }
}

.strengths_retangle4_block .item .item-l .name a {
    text-transform:uppercase; color:var(--main-color); font-weight:bold; line-height:20px
}

.strengths_retangle4_block .item .item-l svg {
    fill:var(--main-color); width:35px; height:35px; transition:0.5s
}

@media all and (max-width: 600px) {
    .strengths_retangle4_block .item .item-l svg {
        width:40px; height:40px
    }
}

.strengths_retangle4_block .item .item-l i {
    color:var(--main-color); font-size:60px
}

.strengths_retangle4_block .item .item-r {
    vertical-align:middle; text-align:left; display:table-cell; line-height:20px; box-sizing:border-box; -webkit-transition:0.3s ease-in-out all; transition:0.3s ease-in-out all; width:calc(100% - 80px); margin-left:5px; height:60px
}

@media all and (max-width: 1000px) and (min-width: 800px) {
    .strengths_retangle4_block .item .item-r {
        padding:0px
    }
}

@media all and (max-width: 1200px) {
    .strengths_retangle4_block .item .item-r {
        padding:7px 0px 0px
    }
}

.strengths_retangle4_block .item .item-r a {
    font-size:14px; text-transform:uppercase
}

.strengths_retangle4_block .item .item-r a span {
    font-size:15px; margin-bottom:5px
}

.strengths_retangle4_block .item .item-r .name {
    display:block; text-transform:uppercase; font-weight:bold; font-size:16px; margin-bottom:10px
}

@media all and (max-width: 600px) {
    .strengths_retangle4_block .item .item-r .name {
        margin-bottom:2px
    }
}

.strengths_retangle4_block .item .item-r .name a {
    font-weight:bold
}

@media all and (max-width: 1200px) {
    .strengths_retangle4_block .item .item-r .name a {
        font-size:14px
    }
}

.strengths_retangle4_block .item .item-r .summary {
    color:#2c2c2c; font-size:14px; text-align:left; line-height:18px; margin-top:5px
}

.strengths_retangle4_block .item .item-r .summary font {
    color:#fc0d1b; font-weight:bold
}

.strengths_retangle4_block .item_1 .isvg svg {
    animation:4s ease-in-out 0s normal none infinite running fade-bg2
}

.strengths_retangle4_block .item_2 .isvg svg {
    animation:4s ease-in-out 0s normal none infinite running fade-bg1
}

.strengths_retangle4_block .item_3 .isvg svg {
    animation:4s ease-in-out 0s normal none infinite running fade-bg3
}

.strengths_retangle4_block .item_4:after {
    display:none
}

.strengths_retangle4_block .item_4 .isvg svg {
    animation:4s linear infinite fade-bg2
}

@keyframes spin {
    0% {
        transform:rotate(0deg)
    }

    50% {
        transform:rotate(0deg)
    }

    75% {
        transform:rotate(90deg)
    }

    100% {
        transform:rotate(0deg)
    }
}

@keyframes fade-bg1 {
    0% {
        transform:translate(-6px)
    }

    12% {
        transform:translate(6px)
    }

    25% {
        transform:translate(-6px)
    }

    37% {
        transform:translate(0)
    }

    100% {
        transform:translate(0)
    }
}

@keyframes fade-bg2 {
    0% {
        transform:translate(0)
    }

    25% {
        transform:translate(0, -6px)
    }

    37% {
        transform:translate(0, 6px)
    }

    50% {
        transform:translate(0, -6px)
    }

    60% {
        transform:translate(0)
    }

    100% {
        transform:translate(0)
    }
}

@keyframes fade-bg3 {
    0% {
        transform:translate(0)
    }

    50% {
        transform:translate(6px, -6px)
    }

    62% {
        transform:translate(-6px, 6px)
    }

    75% {
        transform:translate(6px, -6px)
    }

    85% {
        transform:translate(0)
    }

    100% {
        transform:translate(0)
    }
}

.strengths_retangle_block .item:first-child .item-l i {
    animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim
}

.strengths_retangle_block .item:nth-child(3) .item-l i {
    animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-1
}

.strengths_retangle_block .item:nth-child(5) .item-l i {
    animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-2
}

.strengths_retangle_block .item:nth-child(7) .item-l i {
    animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-3
}

@keyframes chang-rotage-anim {
    0% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }

    5% {
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    10% {
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    15% {
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    25% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes chang-rotage-anim-1 {
    0% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }

    20% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }

    25% {
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    30% {
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    35% {
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    45% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }
}

@keyframes chang-rotage-anim-3 {
    0% {
        transform:translate(0px, 0) rotate(0deg)
    }

    70% {
        transform:translate(0px, 0) rotate(0deg)
    }

    85% {
        transform:rotate(-180deg) translate(-30px, 30px) rotate(180deg)
    }

    95% {
        transform:rotate(180deg) translate(-30px, 30px) rotate(-180deg)
    }

    100% {
        transform:translate(0px, 0px)
    }
}

@keyframes chang-rotage-anim-4 {
    0% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }

    70% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }

    75% {
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    80% {
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    85% {
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    90% {
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    95% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }

    100% {
        transform:rotate(0deg) scale(1) skew(1deg)
    }
}

.strengths_retangle_block .item:hover .item-l svg {
    fill:#fff; transition:0.5s
}

.strengths_retangle_block .item:hover .item-r .name {
    color:var(--extra-color)
}

@media all and (max-width: 800px) {
    .strengths_retangle_block .item .item-inner {
        margin-top:0
    }

    .strengths_retangle_block .item .item-l {
        padding-top:0px
    }

    .strengths_retangle_block .item .item-r {
        margin-top:0px
    }
}

/*# sourceMappingURL=retangle4.css.map */
.bottom-detail-l .tab {
    overflow:hidden; background-color:#f2f3f6; display:flex
}

.bottom-detail-l .tab button {
    border:none; outline:none; cursor:pointer; text-align:center; padding:10px 10px; transition:0.3s; line-height:18px; font-size:14px; position:relative; background:none; flex:1
}

@media all and (max-width: 736px) {
    .bottom-detail-l .tab button {
        text-transform:unset; font-size:14px; padding:9px 5px
    }
}

.bottom-detail-l .tab-boder {
    border-right:1px solid #E9E9E9 !important
}

.bottom-detail-l .tab .icon {
    font-size:28px; position:absolute; top:13px; left:20px
}

.bottom-detail-l .tab .icon1 {
    font-size:24px; position:absolute; top:14px; left:20px
}

.bottom-detail-l .tab button:hover {
    background:var(--main-color); color:white
}

.bottom-detail-l .tab button.active {
    background:var(--main-color); color:#fff
}

.bottom-detail-l .tabcontent1 {
    display:none; padding:6px 12px; border:1px solid #E9E9E9; border-top:none; text-align:justify
}

.bottom-detail-l .tab_tt_ct {
    background:#f9f9f9; padding:5px 10px
}

/*# sourceMappingURL=tab.css.map */
.comments .star {
    width:13px; display:inline-block; color:#FF9727
}

.comments .reply_area {
    padding:10px; background:#FFF; box-sizing:border-box; margin-right:10px; margin-top:5px; border-radius:3px
}

.comments #comment_add_form {
    margin-top:20px
}

.comments #comment_add_form .label_form {
    font-weight:600; margin-bottom:15px; display:block; font-size:15px
}

.comments ._textarea {
    float:none; width:100%; padding-right:0px
}

.comments ._textarea textarea {
    display:block; overflow:hidden; background:#fff; min-height:123px; border:1px solid #EEEEEE; padding:10px; color:#333; width:100%; box-sizing:border-box
}

.comments .wrap_r {
    float:none; width:96%; padding-left:0px; position:fixed; top:130px; z-index:100; left:2%; display:none
}

@media only screen and (min-width: 768px) {
    .comments .wrap_r {
        width:40%; left:30%
    }
}

.comments .comment_keyword_wrapper {
    border:1px solid #EEE; max-width:100%; color:#333; box-sizing:border-box; width:400px; margin-bottom:10px; position:relative; border-radius:3px
}

.comments .comment_keyword_wrapper #comment_keyword {
    display:block; padding:8px; font-size:14px; width:100%; border:none; box-sizing:border-box
}

.comments .comment_keyword_wrapper .button-search {
    width:42px; height:32px; position:absolute; background:#ffffff; border:none; right:0px; top:0px; border-radius:0 4px 4px 0; cursor:pointer
}

.comments .comment_keyword_wrapper .button-search svg {
    width:18px; color:var(--main-color)
}

.comments .wrap_loginpost {
    display:block; overflow:hidden; background:#fff; position:relative
}

.comments .wrap_loginpost ._left {
    float:left; overflow:hidden; width:100%; border-right:1px solid #d8d8d8
}

@media only screen and (min-width: 600px) {
    .comments .wrap_loginpost ._left {
        width:55%
    }
}

.comments .wrap_loginpost ._left label {
    display:block; font-size:14px; color:#666; margin-bottom:10px; padding-right:5px
}

.comments .wrap_loginpost ._left a {
    overflow:hidden; margin-right:2px
}

.comments .wrap_loginpost ._left a i {
    background-repeat:no-repeat; display:inline-block; height:30px; width:30px; line-height:30px; vertical-align:middle
}

.comments .wrap_loginpost ._left a ._facebook {
    background-position:0 0; width:110px; height:37px
}

.comments .wrap_loginpost ._left a ._googleplus {
    background-position:0 -40px; width:110px; height:37px
}

.comments .wrap_loginpost ._left a ._mobileworld {
    background-position:0 -80px; width:130px; height:37px
}

.comments .wrap_loginpost ._left ._noaccount {
    display:block; padding:10px 0; font-size:14px; color:#999
}

.comments .wrap_loginpost ._left ._noaccount a {
    color:var(--main-color)
}

.comments .wrap_loginpost ._right {
    float:right; overflow:hidden; width:100%
}

.comments .wrap_loginpost ._right label {
    display:block; font-size:14px; color:#666; margin-bottom:10px
}

.comments .wrap_loginpost ._right .txt_input {
    display:block; padding:8px; width:96%; margin:10px 2%; height:35px; border:1px solid #dadada; background:#fff; border-radius:4px; font-size:14px; box-sizing:border-box
}

.comments .wrap_loginpost ._right ._btn_comment {
    display:block; padding:7px 10px; border:1px solid #EEE; font-size:14px; margin-bottom:10px; width:100%; color:#333; box-sizing:border-box
}

.comments .wrap_submit {
    display:block; overflow:hidden; background:#fff; position:relative; text-align:center; padding-bottom:10px
}

.comments .wrap_submit .userinfo {
    font-size:14px; color:#2a2a2a; text-align:center; font-weight:600; max-width:250px; padding:11px 0 10px; cursor:pointer; background:#fff; position:absolute; left:20px; padding-right:64px
}

.comments .wrap_submit .userinfo.in {
    right:280px
}

.comments .wrap_submit .userinfo .avaS {
    margin-top:-4px; float:left; width:25px; height:25px; margin-right:7px
}

.comments .wrap_submit .userinfo .uname {
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:160px; float:left; text-align:left
}

.comments .wrap_submit .userinfo a {
    color:var(--main-color); font-weight:300; float:left; position:absolute; right:-3px
}

.comments .wrap_submit ._close_comment {
    background:none repeat scroll 0 0 #f1f1f1; border:none; font-size:15px; padding:8px 24px 9px; margin-left:10px; border-radius:2px; display:inline-block; cursor:pointer
}

.comments .wrap_submit .txt_input {
    width:96px; border:1px solid #B3B3B3; height:30px; padding:10px; line-height:30px; color:#333333; float:left
}

.comments .wrap_submit .code-view {
    float:left
}

.comments .wrap_submit ._btn_comment {
    display:block; width:96%; margin-left:2%; margin:0 auto 10px; padding:8px; height:40px; font-size:14px; color:#fff; text-transform:uppercase; border:1px solid var(--main-color); border-radius:4px; background:var(--main-color); cursor:pointer
}

.comments ._contents ._level_0 {
    margin-bottom:10px; margin-top:15px
}

.comments ._contents ._level_0 p ._avatar {
    float:left; width:25px; height:25px; background:#ccc; margin-right:7px; text-align:center; color:#666; text-transform:uppercase; font-size:12px; line-height:26px; font-weight:600
}

.comments ._contents ._level_0 p ._name {
    color:#22221D; font-weight:bold; float:left; line-height:28px; margin-right:20px
}

.comments ._contents ._level_0 p ._level {
    float:left; background:#EFBB47; text-transform:uppercase; padding:2px 10px 0; border-radius:4px; font-size:12px; margin-top:2px
}

.comments ._contents ._level_0 ._wrap {
    padding-bottom:10px; padding-left:32px
}

.comments ._contents ._level_0 ._wrap ._content {
    color:#606060; margin-bottom:11px
}

.comments ._contents ._level_0 ._wrap ._control {
    font-size:13px
}

.comments ._contents ._level_0 ._wrap ._control .button_reply {
    color:#498FE1
}

.comments ._contents ._level_0 ._wrap ._control .dot {
    padding:0 5px; font-size:30px; height:6px; line-height:0; display:inline-block; color:#B3B5B2
}

.comments ._contents ._level_0 ._wrap ._control .favorite {
    display:none
}

.comments ._contents ._level_0 ._wrap ._control .date {
    color:#B3B5B2
}

.comments ._contents ._level_0 ._level_1 {
    background:#f1f1f196; padding-top:10px; margin-left:35px; padding-left:10px; border-radius:4px; margin-bottom:10px
}

.comments ._contents ._level_0 ._level_2 {
    padding-left:33px
}

.rate i, #ratings i {
    width:17px; height:17px; display:inline-flex; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background-repeat:no-repeat
}

.star_on {
    background:url('data:image/svg+xml;utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-star fa-w-18" > <path fill="orange" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="" ></path> </svg> ');background-repeat:no-repeat}.star_off{background:url(' data:image/svg+xml; utf8, <svg fill="grey" aria-hidden="true" data-prefix="far" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-star fa-w-18" > <path fill="sliver" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z" ></path> </svg> ');background-repeat:no-repeat}#ratings{display:block;float:left;margin-top:5px}#ratings i{cursor:pointer}.rating_area{margin-bottom:14px}.rating_note{background:var(--main-color);color:#FFF;padding:4px 10px;position:relative;font-size:13px;border-radius:0 4px 4px 0;display:inline-block;float:left;margin-left:28px}.rating_note::after{content:'';display:block;clear:both;width:0;height:0;border-style:solid;border-width:13px 12px 12px 0;border-color:transparent var(--main-color) transparent transparent;position:absolute;top:0;left:-12px}.manufactory font{color:#0183BF;margin-right:13PX}.rate_count{margin-left:5px}.tab_label{margin-bottom:15px;margin-top:11px}.btn-comment-mb,.btn-comment-mb-rep{background:none repeat scroll 0 0 var(--main-color);border:none;font-size:15px;color:#fff;padding:8px 12px 9px;border-radius:2px;webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;cursor:pointer;margin-top:10px;display:block}.display-open{display:block !important}.full-screen-mobile{background:#00000070;z-index:99;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;display:none}.title-mb{overflow:hidden;padding:13px 0 10px 10px;font-size:16px;color:#333;font-weight:bold;text-transform:uppercase;background:#fff;border-bottom:1px solid #e6e3e3;position:relative;display:block}.title-mb .close-md-comment{position:absolute;right:10px;top:10px;font-weight:normal;cursor:pointer}


    /*# sourceMappingURL=default.css.map */
    .center-adv img {
    margin-left:10px; margin-bottom:10px; border-radius:10px
    }

    .adv-column:first-child {
    margin-left:0px
    }

    .adv-column .top-adv {
    height:9px; width:100%
    }

    .adv-column .center-adv {
    padding:0 5px
    }

    .adv-column .bottom-adv {
    height:9px; width:100%
    }

    .block_inner {
    position:relative; overflow:hidden; text-align:center
    }

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

    .block_inner .title {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6); bottom:0; color:#fff; font-weight:bold; margin:0 5px 10px; overflow:hidden; padding:10px; position:absolute; width:100%
}

.banners a {
    display:inline-block; max-width:100%; position:relative; overflow:hidden
}

.banners a:before {
    bottom:0; content:""; left:0; position:absolute; right:0; top:0; -webkit-transition:all 0.8s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; -o-transition:all 0.8s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; transition:all 0.8s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; z-index:1; border:100px double #0000; opacity:1; filter:alpha(opacity=100); visibility:visible; box-sizing:border-box
}

.banners a:hover:before {
    opacity:0; filter:alpha(opacity=0); border:0 double rgba(255, 255, 255, 0.7); visibility:hidden
}

@media only screen and (max-width: 800px) {
    .main_top .banners a {
        margin-bottom:0px; width:100%
    }

    .main_top .banners a img {
        width:100%
    }
}

/*# sourceMappingURL=banners_wrapper.css.map */
.shopcart_simple .count {
    position:relative
}

.shopcart_simple a {
    color:#fff; position:relative; text-transform:uppercase; font-size:15px
}

.shopcart_simple a span {
    color:#fff; border:1px solid #ccc; border-radius:50%; position:absolute; left:-17px; width:30px; line-height:30px; height:30px; text-align:center; top:0px; font-size:15px
}

@media only screen and (max-width: 700px) {
    .shopcart_simple a span {
        left:-13px; width:22px; line-height:22px; height:22px; font-size:14px
    }
}

.shopcart_simple svg {
    fill:#fff; width:18px; height:18px; border-radius:5px; padding:8px 8px 8px 25px
}

@media only screen and (max-width: 700px) {
    .shopcart_simple svg {
        padding:4px 6px 6px 17px
    }
}

/*# sourceMappingURL=shopcart_simple.css.map */
#search {
    position:relative; float:right
}

@media only screen and (max-width: 876px) {
    #search {
        float:none; width:100%
    }
}

#search_form {
    position:relative
}

#search input {
    height:36px; line-height:36px; padding:5px 5px 5px 10px; width:300px; max-width:100%; position:relative; border:1px solid #ada0903b; outline:none; border-radius:15px; box-sizing:border-box; background:#ffffff24; color:red
}

@media only screen and (max-width: 876px) {
    #search input {
        background:#fff; width:100%
    }
}

#search input::placeholder {
    color:#ccc; opacity:1
}

#search .button-search {
    color:#FFF; cursor:pointer; position:absolute; border:none; text-align:center; -moz-transition:all 0.2s ease-in 0; -webkit-transition:all 0.2s ease-in; -webkit-transition-delay:0; transition:all 0.2s ease-in 0; border-radius:5px; background:transparent; border:none; position:absolute; right:3px; top:3px
}

#search .button-search svg {
    width:20px; padding:6px 8px; fill:#ffffff; transform:rotate(272deg)
}

@media only screen and (max-width: 876px) {
    #search .button-search svg {
        fill:#272727
    }
}

#search .button-search:hover {
    color:#d60012; background:#d8d8d8
}

#search .button-search i {
    font-size:18px
}

.autocomplete-suggestions {
    margin:6px 0 0 6px; position:absolute; right:-5px; top:4px
}

.autocomplete-suggestions {
    background:#fff none repeat scroll 0 0; border:1px solid #fff; cursor:default; margin:0 3px 6px -1px; overflow:auto; width:300px !important
}

@media only screen and (max-width: 876px) {
    .autocomplete-suggestions {
        width:95% !important
    }
}

.autocomplete-suggestions div {
    border-bottom:1px solid rgba(255, 255, 255, 0.2); box-sizing:border-box; clear:both; cursor:pointer; display:inline-block; margin:0; padding:0; width:100%
}

.autocomplete-suggestions .autocomplete-group {
    background:#f1f1f1 none repeat scroll 0 0; padding:8px 3%; width:100%; box-sizing:border-box
}

.autocomplete-suggestions .autocomplete-suggestion:nth-child(even) {
    background:#ECECEC
}

.autocomplete-suggestions .autocomplete-suggestion:nth-child(odd) {
    background:#F5F5F5
}

.autocomplete-suggestions div:hover {
    background:#d4d4d4 !important
}

.autocomplete-suggestions div a img {
    float:left; width:50px
}

.autocomplete-suggestions div a, .autocomplete-suggestions div a:link, .autocomplete-suggestions div a:visited {
    clear:both; color:#ED1C24; font-size:16px; display:inline-block; margin:0; padding:6px 0 6px 5px; width:100%; box-sizing:border-box
}

.autocomplete-suggestions div a img {
    float:left; margin-right:20px; width:50px
}

.autocomplete-suggestions div a label {
    cursor:pointer; float:left; font-weight:normal; margin:0; padding:0
}

.autocomplete-suggestions div a span {
    clear:both; cursor:pointer; display:block; margin:0; padding:0; color:#000; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px
}

.autocomplete-suggestions div a span.price {
    color:#ED1C24; font-weight:600; padding-top:6px; clear:left; display:block
}

.autocomplete-suggestions div.last {
    border:medium none
}

.autocomplete-suggestions strong {
    color:#ED1C24; font-weight:600
}

.search_form_wrap {
    position:relative
}

.search_form_wrap .popup-suggestions {
    position:absolute; background:#fff; width:100%; padding:12px 15px; z-index:2; box-shadow:#64646f33 0px 7px 29px 0px; border-radius:2px; box-sizing:border-box; line-height:22px; top:36px; left:0px; max-height:300px; overflow-y:auto; display:none
}

@media only screen and (max-width: 876px) {
    .search_form_wrap .popup-suggestions {
        display:block; box-shadow:none; max-height:500px; padding:12px 0px 0px; max-height:500px
    }
}

.search_form_wrap .item-s {
    margin-bottom:10px
}

.search_form_wrap .title {
    text-transform:uppercase; font-weight:bold; margin-bottom:5px
}

.search_form_wrap .content-s a {
    border:1px solid #ededed; padding:3px 12px; border-radius:20px; margin-right:5px; margin-bottom:5px; display:inline-block; font-size:13px; color:#4b4b4b; transition:0.2s
}

.search_form_wrap .content-s a:hover {
    border:1px solid #0097ff; color:#0097ff !important
}

.search_form_wrap .content-s2 a {
    border:none; padding:0px; display:block; text-decoration:underline
}

.search_form_wrap .content-s2 a:hover {
    border:none; color:#0097ff !important
}

.search_form_wrap .guide-s {
    color:#0097ff; text-decoration:underline
}

.close-popup-suggestions {
    position:relative
}

.close-popup-suggestions span {
    position:absolute; right:-5px; top:4px; cursor:pointer
}

.close-popup-suggestions span svg {
    width:12px; height:12px; fill:#1e1e1e
}

@media screen and (max-width: 876px) {
    .close-popup-suggestions {
        display:none
    }
}

/*# sourceMappingURL=search.css.map */
.mainmanu {
    width:100%; position:relative
}

.mainmanu li {
    position:initial !important; float:left
}

.mainmanu>li:hover>.highlight {
    display:block
}

.mainmanu>li:hover {
    color:#fff; z-index:1111; position:relative
}

.mainmanu>li:hover a {
    color:#c4161c
}

.mainmanu li .name:hover, .mainmanu .menu_col p a:hover {
    color:#c4161c !important
}

.mainmanu li .name:hover, .mainmanu li .name:focus {
    background:unset
}

.mainmanu li {
    padding:0px 19px
}

@media only screen and (max-width: 1230px) {
    .mainmanu li {
        padding:0px 20px
    }
}

.mainmanu .dropdown {
    position:relative !important
}

.mainmanu .dropdown .highlight {
    min-width:auto !important; left:32px; right:auto; width:240px; padding-left:0px
}

.mainmanu .dropdown .menu_col {
    width:100%; float:none
}

.mainmanu li .name {
    padding:14px 0px 10px 0px; text-transform:uppercase; font-size:13px; color:#fff; display:inline-block; color:#fff
}

.mainmanu li .name {
    border-bottom:3px solid transparent; box-sizing:border-box
}

.mainmanu li:hover .name {
    color:#000 !important; border-bottom:3px solid #fff !important
}

.active-mainmenu .name {
    border-bottom:3px solid #fff !important
}

.mainmanu li .highlight {
    top:45px; position:absolute; z-index:111111; min-width:100%; background:#653b86db; box-shadow:0px 2px 7px rgba(0, 0, 0, 0.4); margin:0px 0 0px 0px; padding:0px 0px 0px 14px; display:none; right:0px; box-sizing:border-box
}

.mainmanu li:first-child .highlight {
    top:25px; position:absolute; z-index:11; min-width:1132px !important; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 23px 1px #ccc; margin:10px 0 0px -1px; padding:0px 0px 0px 20px; left:0px !important
}

.mainmanu li:first-child {
    padding:0px 20px 0px 0px
}

.mainmanu li:first-child a {
    padding:12px 0px 12px 0px
}

.mainmanu li:first-child:hover svg {
    fill:#fff
}

.mainmanu li .layer_menu_accessories {
    min-width:100% !important
}

.mainmanu li .layer_menu_accessories ul {
    margin:0; padding:0; list-style:none
}

.mainmanu .item:first-child .menu_col {
    width:100% !important; float:left !important; margin-right:0px !important; margin-top:0px !important
}

.mainmanu .menu_col {
    width:20%; float:left; margin-top:20px; padding:0px 10px; box-sizing:border-box; max-height:260px; overflow-y:auto
}

#childs_of_828 .menu_col {
    width:100%
}

.wrapper-item-657 .menu_col {
    width:19% !important; float:left; margin-right:40px; margin-top:20px
}

.mainmanu .field_label {
    font-size:13px; text-transform:uppercase; border-bottom:0px solid #ddd
}

.mainmanu .field_label a {
    color:#fff !important
}

.mainmanu .field_label a:hover {
    color:#fff !important
}

.mainmanu #menu_item_797 .field_label, .mainmanu #menu_item_798 .field_label {
    color:#fff; font-size:13px; text-transform:uppercase; border-bottom:1px solid #ddd; padding-bottom:13px; margin-bottom:18px; height:auto
}

.mainmanu .menu_col p {
    margin:0px 0px 10px 0px; width:100%; float:left; font-weight:normal !important
}

.mainmanu .menu_col p a {
    text-transform:uppercase; font-size:12px; color:#414c5c
}

.mainmanu .read_more a {
    color:#B80405
}

.last-child-sub {
    width:initial !important; border:none !important; text-transform:uppercase; padding-left:12px !important
}

.active-sub-manu, .active-sub-manu>a {
    color:#414c5c !important; background:#c3cbd5
}

.item-manu-mnu:hover {
    box-shadow:0px 0px 7px 0px #ccc
}

.item-manu-mnu.fl {
    width:90px; height:45px; margin-right:10px; background:#fff; margin-bottom:10px; padding:6px 10px 0px 10px
}

.item-manu-mnu.fl img {
    max-width:70px; width:85px; max-height:33px
}

.list-manu-mnu {
    width:190px; margin:auto
}

.item-manu-mnu:nth-child(2n) {
    margin-right:0px !important
}

.title-manu-nb {
    text-align:left; width:191px; border-bottom:1px solid #ccc; margin:auto; margin-bottom:10px; padding-bottom:7px; text-transform:uppercase
}

.wrapper-manu-menu.fr {
    width:235px; background:#f1f1f1; padding-top:19px; padding-bottom:20px; min-height:336px
}

.field_name.normal.first_field .item-manu-menu a {
    overflow:hidden; display:block; line-height:16px; background:url("../blocks/mainmenu/assets/images/background.jpg") no-repeat; padding:10px; box-sizing:border-box; width:100px; height:67px
}

.title-manu-nb.km-hot {
    color:#c4161c
}

.list-manu-mnu.cf>p:last-child {
    display:block; margin-bottom:0px
}

.list-manu-mnu.cf>p:first-child {
    display:block; margin-bottom:10px
}

.list-manu-mnu img {
    margin:0px; width:189px; height:69px
}

.list-manu-menu ul li:hover {
    cursor:pointer; background:#c3cbd5; color:#414c5c !important
}

.hidden_more_mm>a, .read_more_mm>a {
    color:#c4161c !important
}

#nav-mainmenu {
    background:var(--main-color)
}

.mainmanu .menu_col p>a>img {
    max-width:100%
}

.item-manu-menu {
    margin:10px 10px 0px 0px !important; width:initial !important
}

.field_name.normal.first_field p a {
    color:#fff; font-size:12px; overflow:hidden; display:block; line-height:16px
}

.mainmanu li:nth-child(2) #menu_col_1, .mainmanu li:nth-child(2) #menu_col_2, .mainmanu li:nth-child(2) #menu_col_3 {
    display:none
}

.mainmanu li:nth-child(2) .wrapper-manu-menu.fr {
    margin-top:-10px
}

.mainmanu li:nth-child(2) .first_field {
    padding-top:10px
}

.wrapper-item-657 ul li:first-child, .wrapper-item-656 ul li:first-child {
    padding-bottom:15px; border-bottom:1px solid #ddd; color:#414c5c; font-size:13px; text-transform:uppercase; padding-top:20px; margin-bottom:4px
}

.wrapper-item-657 ul li, .wrapper-item-656 ul li {
    padding-top:13px; padding-bottom:0px; text-transform:uppercase; font-size:12px
}

.wrapper-item-657, .wrapper-item-656 {
    padding-bottom:10px; padding-left:18px
}

.wrapper-item-657 ul, .wrapper-item-656 ul {
    display:inline-block; width:18%
}

/*# sourceMappingURL=default.css.map */
.breadcrumb {
    padding:15px 0px 0px 0px; margin-bottom:44px; display:inline-block
}

@media screen and (max-width: 768px) {
    .breadcrumb {
        padding:20px 0px 2px 0px; margin-bottom:10px
    }
}

.breadcrumb::after {
    display:block; clear:both; content:" "
}

.breadcrumb__item {
    display:inline-block; margin-right:20px; list-style:none; color:#131518; position:relative; line-height:23px
}

.breadcrumb__item:last-child {
    margin-right:0px
}

.breadcrumb__item:last-child span {
    position:relative
}

.breadcrumb__item a {
    font-size:12px; color:#797979; text-decoration:none; line-height:23px; font-weight:normal; text-transform:uppercase
}

@media screen and (max-width: 768px) {
    .breadcrumb__item a {
        text-transform:unset
    }
}

.breadcrumb__item a:hover {
    color:#000
}

.breadcrumb__item::after {
    display:block; width:14px; height:15px; color:#b6af96; content:""; background:url('data:image/svg+xml;utf8, <svg width="10px" height="10px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" > <path fill="gray" d="M17.525 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L205.947 256 10.454 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L34.495 36.465c-4.686-4.687-12.284-4.687-16.97 0z" class="" ></path> </svg> ');background-repeat:no-repeat;position:absolute;top:6px;right:-21px}.breadcrumb__item:last-child a{color:#f60629}.breadcrumb__item:last-child::after{content:"" !important;display:none}@media screen and (max-width: 400px){.breadcrumb__item{font-size:13px}}@media screen and (max-width: 360px){.breadcrumb__item{font-size:12px}}


/*# sourceMappingURL=breadcrumbs_simple.css.map */
.contact-simple-ft {
background:var(--main-color); padding:30px 0px; margin-top:40px
}

@media screen and (max-width: 460px) {
    .contact-simple-ft {
        margin-top:20px
    }
}

.block_contact_simple {
    display:flex; flex-wrap:wrap
}

.block_contact_simple .item {
    float:left; position:relative; padding-left:78px; box-sizing:border-box; width:30%
}

.block_contact_simple .item:nth-child(1) {
    width:34%
}

.block_contact_simple .item:nth-child(2) {
    width:40%; padding-left:110px
}

.block_contact_simple .item:nth-child(2) .icon {
    left:34px
}

.block_contact_simple .item:nth-child(2) .item1 {
    width:50%; float:left
}

.block_contact_simple .item:nth-child(2) .item2 {
    width:50%; float:right
}

.block_contact_simple .item:nth-child(2):before {
    content:''; height:37px; width:1px; background:#ada090a1; position:absolute; left:0px
}

.block_contact_simple .item:nth-child(2):after {
    content:''; height:37px; width:1px; background:#ada090a1; position:absolute; right:0px
}

.block_contact_simple .item:nth-child(3) {
    width:26%; padding-left:112px
}

.block_contact_simple .item:nth-child(3) .icon {
    left:34px
}

.block_contact_simple .item .icon {
    position:absolute; left:0px; top:-8px; width:50px; height:50px; border:1px solid #fff; border-radius:50%; line-height:50px; padding-top:14px; padding-left:14px; box-sizing:border-box
}

.block_contact_simple .item .icon svg {
    width:20px; height:20px; fill:#fff
}

@media screen and (max-width: 430px) {
    .block_contact_simple .item .icon {
        top:-4px; width:45px; height:45px; line-height:45px; padding-top:12px; padding-left:12px
    }
}

.block_contact_simple .item .title {
    text-transform:uppercase; font-size:15px; color:#fff; margin-bottom:5px
}

.block_contact_simple .item .content {
    font-size:15px; color:#fff
}

@media screen and (max-width: 1040px) {
    .block_contact_simple .item:nth-child(1) {
        width:50%; margin-bottom:25px
    }

    .block_contact_simple .item:nth-child(2) {
        width:50%; margin-bottom:25px
    }

    .block_contact_simple .item:nth-child(2):after {
        display:none
    }

    .block_contact_simple .item:nth-child(3) {
        width:100%; padding-left:78px
    }

    .block_contact_simple .item:nth-child(3) .icon {
        left:0px
    }
}

@media screen and (max-width: 780px) {
    .block_contact_simple .item {
        width:100% !important
    }

    .block_contact_simple .item:nth-child(2) {
        padding-left:78px
    }

    .block_contact_simple .item:nth-child(2):before {
        display:none
    }

    .block_contact_simple .item:nth-child(2) .icon {
        left:0px
    }
}

@media screen and (max-width: 430px) {
    .block_contact_simple .item {
        padding-left:64px !important
    }
}

/*# sourceMappingURL=simple.css.map */
ul.menu-bottom li.level0 {
    float:left; width:33.333%; padding-right:10px; box-sizing:border-box
}

@media screen and (max-width: 900px) {
    ul.menu-bottom li.level0 {
        padding:0px 0px 0px 0px
    }
}

ul.menu-bottom li.level0>a, ul.menu-bottom li.level0>span {
    margin-bottom:17px; display:block; text-transform:uppercase; font-size:16px; font-weight:bold; color:var(--main-color)
}

ul.menu-bottom li.level0 ul {
    margin-top:4px
}

ul.menu-bottom li.level0 ul li {
    margin-bottom:5px
}

ul.menu-bottom li.level0 ul li a {
    font-size:15px; line-height:26px; color:var(--main-color)
}

ul.menu-bottom li.level0 ul li a:hover {
    color:#000
}

ul li.level1 a:hover, ul li.level1 span:hover {
    color:#0066b2
}

ul.menu-bottom li.level0 span.click-mobile {
    background:transparent url("../blocks/mainmenu/assets/images/icon-click.png") no-repeat scroll center; position:absolute; cursor:pointer; padding:16px; right:0px; top:0px; display:none
}

ul.menu-bottom li.level0 span.click-mobile.active {
    background:transparent url("../blocks/mainmenu/assets/images/icon-click-active.png") no-repeat scroll center
}

.menu-bottom ul li.mid-sitem>span i {
    background:transparent url("../blocks/mainmenu/assets/images/bo-cong-thuong.png") no-repeat scroll left bottom; content:' '; height:47px; display:block; margin-top:23px; padding-top:12px
}

@media screen and (max-width: 768px) {
    ul.menu-bottom li.level0 {
        float:left; width:100%; border:1px solid #ffffff57; margin-bottom:10px; position:relative
    }

    ul.menu-bottom li.level0 span.click-mobile {
        display:block
    }

    ul.menu-bottom li.level0>a, ul.menu-bottom li.level0>span {
        display:block; padding:8px 0px; margin-bottom:0
    }

    ul.menu-bottom li.level0 ul {
        display:none
    }

    ul li.level1 {
        border-top:1px solid #e3e3e3; padding:8px 0px 7px 0px; margin-left:22px
    }

    ul.menu-bottom li.level0 ul li {
        margin-bottom:8px
    }

    ul li.level1.first-sitem, ul li.level1:first-child {
        border-top:0
    }
}

/*# sourceMappingURL=bottommenu.css.map */
.block-share {
    margin-top:10px
}

.block-share .title {
    display:inline-block; float:left; font-weight:bold; color:var(--main-color); text-transform:uppercase; font-size:16px; margin-top:8px; margin-right:20px
}

.block-share .social-ft {
    float:left; position:relative
}

.block-share .social-ft a {
    margin-right:5px; display:inline-block; width:33px; height:33px; border-radius:50%; background:#653b8640; padding:7px; box-sizing:border-box; color:#FFF; text-align:center; -moz-transition:all 0.2s ease-in 0; -webkit-transition:all 0.2s ease-in; -webkit-transition-delay:0; transition:all 0.2s ease-in 0
}

.block-share .social-ft a:hover {
    background:var(--main-color)
}

.block-share .social-ft a svg {
    width:17px; height:17px
}

@media only screen and (max-width: 768px) {
    .block-share .social-ft {
        width:100%; float:left; position:relative; float:none
    }

    .block-share .social-ft:after {
        display:none
    }
}

.block-share .registed {
    width:50%; float:right; margin-top:-10px; padding-left:22px; box-sizing:border-box
}

@media only screen and (max-width: 768px) {
    .block-share .registed {
        width:100%; float:right; margin-top:10px; padding-left:0px; box-sizing:border-box
    }
}

/*# sourceMappingURL=square.css.map */
.block_address {
    position:relative
}

.block_address .tab {
    overflow:hidden; display:inline-block; border:1px solid var(--main-color); left:50%; transform:translate(-50%, -50%); position:absolute; background:#fff; width:258px
}

.block_address .tab button {
    float:left; border:none; outline:none; cursor:pointer; text-align:center; padding:8px 0px; transition:0.3s; font-size:16px; position:relative; width:129px; background:none; color:var(--main-color); text-transform:uppercase; font-weight:bold; flex:1
}

.block_address .tab button:nth-child(1) {
    border-right:1px solid var(--main-color)
}

@media all and (max-width: 736px) {
    .block_address .tab button {
        text-transform:unset; font-size:14px
    }
}

.block_address .tab .icon {
    font-size:28px; position:absolute; top:13px; left:20px
}

.block_address .tab .icon1 {
    font-size:24px; position:absolute; top:14px; left:20px
}

.block_address .tab button:hover {
    background:var(--main-color); color:white
}

.block_address .tab button.active {
    background:var(--main-color); color:white
}

.block_address .tabcontent {
    display:none; padding:66px 0px 34px; border-top:none; text-align:justify; width:77%; margin:0 auto 0px; flex-wrap:wrap
}

.block_address .tabcontent .regions {
    margin:0px 16px; width:calc(50% - 32px); float:left; color:var(--main-color); text-align:center; border-bottom:1px solid var(--border-color); padding-bottom:11px; margin-bottom:16px
}

.block_address .tabcontent .regions:nth-child(3), .block_address .tabcontent .regions:nth-child(4) {
    border-bottom:0px
}

.block_address .tabcontent .regions a {
    color:var(--main-color); font-size:13px
}

.block_address .tabcontent .regions .name a {
    color:var(--main-color) !important; font-size:15px; text-transform:uppercase; font-weight:600; margin-bottom:9px
}

.block_address .tabcontent .regions .address, .block_address .tabcontent .regions .phone {
    position:relative
}

.block_address .tabcontent .regions .address svg, .block_address .tabcontent .regions .phone svg {
    fill:var(--main-color); width:12px; height:12px; margin-right:10px; position:absolute; left:0px; top:3px
}

@media screen and (max-width: 768px) {
    .block_address .tabcontent {
        width:100%
    }
}

@media screen and (max-width: 430px) {
    .block_address .tabcontent {
        padding:48px 0px 34px
    }

    .block_address .tabcontent .regions {
        margin:16px 5px; width:calc(50% - 10px); text-align:left
    }

    .block_address .tabcontent .regions .name {
        line-height:22px
    }
}

.block_address ::-webkit-scrollbar {
    width:10px
}

.block_address ::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius:10px
}

.block_address ::-webkit-scrollbar-thumb {
    background:#ddd; border-radius:10px; transition:0.2s; cursor:pointer
}

.block_address ::-webkit-scrollbar-thumb:hover {
    background:#eee
}

/*# sourceMappingURL=tab.css.map */
.block_tags_default a {
    color:#f3f3f3; font-size:13px; line-height:24px
}

@media all and (min-width: 768px) {
    .block_tags_default a:hover {
        color:#000
    }
}

/*# sourceMappingURL=tags.css.map */