@charset "utf-8";


body {

    font-family: 'Roboto', sans-serif;

    background: url('../images/bg-body.png');

    background-repeat: repeat;

}


input,
button,
select,
textarea {

    outline: none;

}


img {

    max-width: 100%;

}


a:hover,
a:focus {

    text-decoration: none;

}


a {

    color: #333;

}


.owl-theme .owl-nav {

    margin-top: 0px !important;

}


.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {

    margin: 0px !important;

    padding: 0px !important;

}


.owl-prev,
.owl-next {

    margin: 0px !important;

    border-radius: 0px !important;

}


.fl-left {

    float: left !important;

}


.fl-right {

    float: right !important;

}


/* css main slider */


#slider-home .owl-prev {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}

#slider-home .owl-next {


    position: absolute;


    top: 50%;


    right: 0;


    transform: translateY(-50%);

}

#slider-home .owl-nav .fa {

    background-color: rgba(51, 51, 51, 0.6);

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: #fff;

}

.hc-nav-trigger.hc-nav-1 {

    display: none !important;

}

.second-nav {

/*    display: none;*/

}
nav#main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav#main-nav {
    background: #00FFFF;
}
nav#main-nav ul li {
    display: inline-block;
}

nav#main-nav ul.second-nav > li > a {
    padding: 35px 20px;
    display: inline-block;
}


.left-menu {

    background: url('../images/bg-sb.png');
    background: #15b1f8;
    background-repeat: repeat;


    height: 100%;

    padding: 15px;

}

.container-fluid {

    padding: 0;

    width: 100%;

    overflow: hidden;

}

.form-search {

    margin-top: 12px;

}

.form-search input[type=text] {

    width: 100%;

    height: 40px;

    padding-left: 10px;

    border: 1px solid #ddd;

    border-radius: 9px;

}

.form-search form {

    position: relative;

}

.form-search button {

    position: absolute;

    top: 8px;

    right: 9px;

    background: no-repeat;

    border: 0;

}

.main-menu ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.main-menu ul li {

    padding-bottom: 10px;

}

.main-menu ul li a {


    font-size: 15px;

}

.main-menu ul li a:hover {

    color: #BE202F;

}

.main-menu .menu > li > a {

    font-family: 'Roboto-Bold';

}

.main-menu {

    padding-top: 20px;

}

.main-menu ul.submenu-2 {

    padding-left: 20px;

    padding-top: 10px;

}

.main-menu ul.submenu-3 {

    padding-left: 20px;

    padding-top: 10px;

}

.sidebar .click-category h3 {


    margin: 0;


    color: #333;

    font-size: 20px;

}


.sidebar .nav-category ul {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}


.sidebar .nav-category ul li a {

    list-style: none;

    padding: 12px 0;

    font-size: 15px;

    display: inline-block;

    width: 100%;

    color: #333;


    padding-right: 15px;


}

.sidebar .nav-category ul li a:hover {

    color: #BE202F;

}

.sidebar .nav-category ul li {

    position: relative;

    border-bottom: 1px solid #eee;

}

.sidebar .nav-category ul li:last-child {

    border-bottom: 0

}


.sidebar .click-category {

    padding-bottom: 12px;

}

.sidebar .category.item {

    margin-top: 20px;

    background: #fff;

    padding: 20px;

}

.sidebar .nav-category ul li:last-child {

    border-bottom: 0;

}

.sidebar .nav-category .icon {

    float: right;

    top: 14px;


    font-size: 17px;

    position: absolute;

    right: 0;

}

.sidebar .nav-category > ul > li > a > .icon.active {

    transform: rotateZ(
            90deg
    );

}

.sidebar .nav-category > ul > li > ul {

    display: none;

    padding-left: 15px;

}

.item-product .title-1 {

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 20px;

    -webkit-line-clamp: 2;

    height: 40px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    font-size: 15px;

    margin-top: 15px;

}

.item-product .title-1 a:hover {

    color: #BE202F;

}

.item-product .price {

    margin: 0;

    font-family: 'Roboto-Bold';

    font-size: 15px;

}

.item-product .image {

    position: relative;

}

.item-product .image .hot, .item-product .image .new, .item-product .image .sold {

    display: inline-block;

    width: 50px;

    height: 50px;

    background: #BE202F;

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 50%;

    line-height: 50px;

    text-align: center;

    color: #fff;

    font-family: 'Roboto-Bold';

}

.item-product .image .sold {
    background: grey;
}

.item-product .image .sold.left {
    left: 60px;
}

.item-product .image .sold.left-1 {
    left: 120px;
}

.item-product .image .new.left {
    left: 60px;
}

.item-product .image .new {
    background: darkorange;
}

.item-product .image img {

    width: 100%;

    height: 215px;

    object-fit: cover;

}

.item-product .image {

    overflow: hidden;

}

.item-product .image:hover img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}

.item-product {

    padding-bottom: 30px;

}

.main-home > .container-fluid > .row {

    display: inline-flex;


    width: 100%;

    margin: 0;


}

.pagenavi {


    text-align: center;


    margin-top: 20px;

}


.pagenavi ul {

    padding-left: 0;

}


.pagenavi ul li {

    display: inline-block;

}


.pagenavi ul a {


    display: inline-block;


    text-align: center;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    padding: 0 10px;

    border: 1px solid #ddd

}


.pagenavi ul a.active {


    background: #BE202F;

    border: 1px solid #BE202F;

    color: #fff

}

.pagenavi ul a.last-pagenavi {

    width: auto;

}

.language button {

    background: #fff;

    border: 0;

    float: right;

}

.language {

    position: relative;

}

.language button svg {

    margin-left: 10px;

}

.language .nav-language {

    background: #fff;

    width: 60px;

    position: absolute;

    z-index: 99;

    right: 0;

    top: 32px;

    border: 1px solid #ddd;

    border-radius: 5px;

}

.language .nav-language ul {

    margin: 0;

    list-style: none;

    padding: 9px;

}

.language .nav-language ul li {

    padding-bottom: 5px;

}

.language .nav-language ul li:last-child {

    padding-bottom: 0

}

.language .nav-language {

    display: none;

}

.top-language .cart {

    display: inline-flex;

}

.top-language .language {

    display: inline-flex;

    margin-left: 20px;

    float: right;

}

.top-language {text-align: right;padding: 30px;/* display: none; */}

.top-language.top-language-pc {
    display: none;
}

.top-language .cart svg {

    font-size: 28px;

}

.language img {

    width: 40px;

    height: 28px;

}

img {

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

}

#header-site {text-align: center;/* padding: 20px 0; *//*    display: none;*/}

.banenr_header {
    margin: 0 0 25px 0;
}

#header-site .logo img {

    width: 168px;

}

.top-language-mobile {/* position: absolute; *//* right: 0; *//* top: 20px; */padding: 25px 0;}

.content-product {

    padding-right: 30px;

}

/* brecus*/

.breadcrumb ul {

    padding-left: 0;

}

.breadcrumb {

    padding: 0;

    height: 38px;

    line-height: 38px;

    background: none;

}

.breadcrumb ul li {

    display: inline-block;

}

.breadcrumb ul li a {

    color: #999;

}

.thumbnail-img {

    text-align: center;

}

/*.thumbnail-img .wp-img-ctsp-a{

    display: inline-block;

}*/

.thumbnail-img .glass-case {

    display: inline-block;

}

.gc-lens {

    display: none !important

}

.gc-zoom {

    display: none !important

}

.gc-icon.gc-icon-download {

    display: none !important

}

.glass-case ul li .gc-li-display-container img {

    margin-left: -73px !important;

    object-fit: cover;

}

.content-product-detail {

    width: 55%;

    margin: auto;

    background: #fff;

    padding: 20px;

}

.content-detail .title {

    font-family: 'Roboto-Bold';

    font-size: 16px;

}

.content-detail .price {

    font-family: 'Roboto-Bold';

    font-size: 20px;

}

.content-detail .price span {

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    color: #a0a7b4;

}

.content-detail .description p {

    font-size: 13px;

    color: #a0a7b4;

}

.content-detail .description p a {

    font-size: 13px;

    color: #a0a7b4;

    text-decoration: underline;

}

.content-detail .add-to-cart {

    background: #333;

    width: 100%;

    display: inline-block;

    color: #fff;

    font-size: 18px;

    height: 50px;

    text-align: center;

    font-family: 'Roboto-Bold';

    line-height: 50px;

    border-radius: 10px;

    margin-top: 10px;

}

.register {

    text-align: right;

    padding-top: 14px;


}

.register a {

    color: #a0a7b4;

    cursor: pointer;

}

.content-detail .description p svg {

    margin-right: 10px;

}

.list-detail ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.list-detail ul li {

    border-bottom: 1px solid #dddd;

    padding-bottom: 10px;

    margin-bottom: 10px;

}

.list-detail ul li svg {

    margin-right: 10px;

}

.list-detail {

    border-top: 1px solid #ddd;

    padding-top: 10px;

    margin-top: 20px;

}

.list-detail ul li a {

    display: inline-block;
    width: 100%;

    cursor: pointer;

}

.list-detail ul li span {

    float: right;

}

.category-other .item-product .image img {

    height: 180px;

}

.category-other .title-other {

    font-size: 20px;

    font-family: 'Roboto-Bold';

    padding-bottom: 7px;

}

.category-other {

    padding-top: 30px;

}

.content-detail .description p a {

    cursor: pointer;

}

.content-content a > .icon.active {

    transform: rotateZ(
            90deg
    );

}

.content-content .nav-category {

    margin-top: 18px;


}

.content-content .nav-category ul {

    margin: 0;

    list-style: none;

    padding: 0;

    margin: 0;

    width: 100%


}

.content-content .nav-category ul.submenu {

    display: inline-block;

    width: 100%;

    clear: both;

    display: none;

}

.content-content .nav-category {

    background-color: #eee;

    display: inline-block;

    width: 100%;

}

.content-content .nav-category ul > li > a {

    font-family: 'Roboto-Bold';

    font-size: 15px;

    float: right;

    display: inline-block;

    width: 100%;

    background: #ddd;

    padding: 8px;


}

.content-content .nav-category ul > li > a .icon {

    float: right;

}

.content-content .nav-category .row {

    margin-left: -3px;

    margin-right: -3px;

    padding: 10px;

}

.content-content .nav-category .row .col-md-6 {

    padding-left: 3px;

    padding-right: 3px;

}

.content-content .nav-category .row .col-md-6 p {

    background: #fff;

    padding: 5px 10px;

    margin-bottom: 6px;

}

.content-content .nav-category .row .col-md-6 p .price {

    float: right;

    font-size: 15px;

}

#myModal2 form .item {

    margin-bottom: 15px;

}

#myModal2 form .item label {

    width: 100%;

    padding-bottom: 9px;

}

#myModal2 form .item select {

    width: 100%;

    height: 40px;

    padding-left: 10px;

    border: 1px solid #ddd;

    border-radius: 5px;

}

#myModal2 form .item textarea {

    width: 100%;


    padding: 10px;

    border: 1px solid #ddd;

    border-radius: 5px;

    height: 150px;

}

#myModal2 form input[type=submit] {

    width: 100%;

    height: 40px;

    background: #a0a7b4;

    border: 1px solid #a0a7b4;

    border-radius: 5px;

    color: #fff;

    font-family: 'Roboto-Bold';

}

#myModal2 .modal-title {

    text-align: center;

}

.content-content.content-content3 .item .title-2 {

    margin: 0;

    padding-bottom: 12px;

}

.content-content.content-content3 .item .image img {

    width: 200px;

}

.content-content.content-content3 .item .desc {

    background: #d9dee6;

    font-size: 12px;

    padding: 10px;

    border-radius: 5px;

    margin-top: 12px;

}

.content-content.content-content3 .item {

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

    margin-bottom: 10px;

}

#myModal3 .modal-title {

    text-align: center;

}

.content-content.content-content3 .item:last-child {

    border-bottom: 0;

    padding-bottom: 0;

    margin-bottom: 0;

}

.content-new-detail .title-pr {

    font-size: 25px;

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

    margin-bottom: 14px;


}

.content-new-detail {

    width: 75%

}

.glass-case ul li {

    border: 0

}
sub {
    bottom: 0!important;
    font-size: 100%!important;
}

@media (max-width: 1024px){
    nav#main-nav{
        display: none!important;
    }
    .top-language-mobile{
        display: block!important;
        position: relative;
        top: -5px;
    }
}