/*!
Theme Name: WP Gooweb
Theme URI: https://gooweb.vn
Author: Dev Gooweb
Author URI:
Description: "WP Gooweb" là theme bán hàng của gooweb. Được phát triển bởi kỹ thuật của Công Ty Gooweb.
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: wp-bootstrap-4
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, left-sidebar, right-sidebar, custom-colors, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Gooweb is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media (min-width: 768px) { .hentry.card .card-body { padding: 2.5rem 4rem; }
  .wb-hide-mobile-sidebar .wp-bp-sidebar-width { display: block; } }



/*Header*/
a.header__logo__link img {
    width: 150px;
}
a.header__logo__mobile img {
    width: 120px;
    padding: 10px 5px;
}


/*css page*/

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

article.article__inner .article__content h5 a,
._product ._card__overlay,
._product ._card__overlay li a i,
._footer__map ul li {
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
}

article.article__inner .article__img img,
._card__img img {
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

._about {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.address,
.address li,
._product ul,
._product li,
._support ul,
._support li,
._footer ul,
._footer li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

._feature,
._about,
._product,
._brand,
._support {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@font-face {
    font-family: "UTM Avo";
    src: url("assets/fonts/font_main/UTM Avo_2.ttf");
}

@font-face {
    font-family: "UTM AvoBold";
    src: url("assets/fonts/font_main/UTM AvoBold_2.ttf");
}

@font-face {
    font-family: "UTM\ HelvetIns";
    src: url("assets/fonts/font_main/UTM HelvetIns_3.ttf");
}

:root {
    --primary-color: #00477f;
    --second-color: #00cbe4;
    --third-color: #ec1f25;
    --primary-font: "UTM Avo";
    --second-font: "UTM AvoBold";
    --third-font: "UTM\ HelvetIns";
}

.title-primary {
    font-family: "UTM AvoBold";
    color: #00477f;
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.title-second {
    color: #00cbe4;
    font-family: "UTM AvoBold";
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.address li {
    position: relative;
}

.address li i {
    display: inline-block;
    color: #00477f;
    margin-right: .5rem;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-wrap: break-word;
}

html {
    font-size: 62.5%;
}

body {
    font-family: "UTM Avo";
    height: 100%;
    background-color: #fff;
    font-size: 1.5rem;
    min-height: 680px;
    font-weight: 400;
    color: #424242;
    -ms-text-size-adjust: 100%;
    position: relative;
    line-height: 2.4rem;
}

iframe {
    max-width: 100%;
}

footer {
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -o-object-fit: fill;
       object-fit: fill;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "UTM AvoBold";
    margin: 0;
}

p {
    margin-bottom: 0;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
    color: #000;
    -webkit-transition: .4s linear all;
    -o-transition: .4s linear all;
    transition: .4s linear all;
}

section {
    position: relative;
}

article.article__inner {
    display: block;
}

article.article__inner .article__img {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

article.article__inner .article__img img {
    display: block;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    width: 100%;
}

article.article__inner .article__content {
    position: relative;
}

article.article__inner .article__content h5 a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    line-height: initial;
}

article.article__inner .article__content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

article.article__inner .article__content div p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    font-size: 1.4rem;
}

article.article__inner:hover .article__img img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

article.article__inner:hover .article__content h5 a {
    color: #00477f;
}

.nav-tabs {
    border: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0;
    color: #00cbe4;
    background-color: transparent;
    border-radius: 0;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 0;
    border-radius: 0;
}

.nav-tabs .nav-item {
    border: 0;
    outline: 0;
    border-radius: 0;
}

.nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    font-family: "UTM AvoBold";
    color: #00477f;
    font-size: 1.7rem;
}

.nav-tabs .nav-link:hover {
    color: #00cbe4;
}

.overflow {
    overflow: hidden;
}

.modal-dialog {
    max-width: 60vw;
}

.modal-body {
    height: 80vh;
}

._card {
    position: relative;
    -webkit-transition: .5s linear all;
    -o-transition: .5s linear all;
    transition: .5s linear all;
}

._card * {
    margin: 0;
}

._card__img {
    position: relative;
}

._card__img a {
    display: block;
    position: relative;
    overflow: hidden;
}

._card__img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}

._card__body {
    position: relative;
    padding: 1rem;
}

._card__body ._card__title {
    position: relative;
}

._card__body ._card__title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    position: inherit;
    font-family: "UTM AvoBold";
    font-size: 1.7rem;
    line-height: 2.427rem;
}

._card__body ._card__text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    line-height: 2.427rem;
}

._card__body div p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    line-height: 2.2652rem;
    margin-top: 1rem;
    margin-bottom: .5rem;
    color: #6c757d;
    font-size: 1.4rem;
}

._card__body p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    line-height: 2.2652rem;
    margin-top: 1rem;
    margin-bottom: .5rem;
    color: #6c757d;
    font-size: 1.4rem;
}

._card:hover {
    -webkit-transition: .5s all linear;
    -o-transition: .5s all linear;
    transition: .5s all linear;
}

._card:hover ._card__img a img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

._card:hover ._card__title a {
    color: #00cbe4;
}

.chu-noi {
    text-shadow: 2px 1px 0 #fff, 1px 2px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 4px 4px 4px #808080;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: initial;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
}

.carousel-multi-item .carousel-indicators {
    margin-bottom: -1rem;
}

.carousel-multi-item .controls-top {
    margin-bottom: 0;
}

.carousel-multi-item {
    position: relative;
}

.btn-floating:nth-of-type(1) {
    position: absolute;
    left: 0;
    top: 30%;
}

.btn-floating:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 30%;
}

.carousel-multi-item {
    margin-bottom: 0;
}

.carousel-item>div {
    padding: 0 .5rem;
}

.carousel-multi-item .controls-top .btn-floating {
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background-color: transparent;
    width: 2rem;
    padding: 0;
    margin: 0 .5rem;
}

.carousel-multi-item .controls-top .btn-floating i {
    font-size: 2rem;
    color: #fff;
}

.tab-content {
    padding: 0;
}

.carousel-indicators {
    display: none;
}

.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
    background-image: initial;
}

.carousel-control-next-icon i,
.carousel-control-prev-icon i {
    font-size: 3rem;
}

div#product_slider__item {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

div#product_slider__item:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
}

.carousel-control-next {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.carousel-control-prev {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btns {
    display: inline-block;
    position: relative;
    background-color: #00477f;
    border: none;
    color: #fff;
    text-align: center;
    padding: .5rem 1.6rem;
    border: 1px solid #00477f;
}

.btns_xt {
    background-color: transparent;
    color: #00477f !important;
    padding: .5rem 2rem;
}

.btns_xt:hover {
    background-color: #00477f !important;
    color: #fff !important;
}

.btns_buy {
    position: absolute;
    bottom: 5%;
    right: -15%;
    color: #fff !important;
}

.btns_buy:hover {
    background-color: transparent !important;
    color: #00477f !important;
}

@-webkit-keyframes rotate-in-hor {
    0% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
    }
}

@keyframes rotate-in-hor {
    0% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
    }
}

/*---- Wrapper ----*/
.wrapper {
    max-width: 1456px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

/*-------------- header -------------*/
._header {
    position: relative;
    max-height: 14rem;
    padding: 2rem 0;
}

._header__add h3 {
    font-size: 2.1rem;
    color: #00477f;
    text-transform: uppercase;
    font-family: "UTM AvoBold";
    margin-bottom: 0.5rem;
}

._header__add p {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #6e6e6e;
}

._header__lang {
    height: 100%;
}

._header__lang div {
    margin-bottom: 5px;
}

._header__lang div span {
    font-size: 1.5rem;
    display: inline-block;
    padding: 0 0.3rem;
}

._header__lang form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

._header__lang form input {
    width: 100%;
    padding-left: 1rem;
    font-size: 13px;
    height: 32px;
    border: 1px solid #00477f;
    border-radius: 0;
}

._header__lang form input::-webkit-input-placeholder {
    color: #cecece;
}

._header__lang form input::-moz-placeholder {
    color: #cecece;
}

._header__lang form input:-ms-input-placeholder {
    color: #cecece;
}

._header__lang form input::-ms-input-placeholder {
    color: #cecece;
}

._header__lang form input::placeholder {
    color: #cecece;
}

._header__lang form input:focus {
    -webkit-box-shadow: initial;
            box-shadow: initial;
    outline: none;
}

._header__lang form button {
    background-color: #00477f;
    border: 0;
    color: #fff;
}

._logo {
    position: relative;
}

._logo a img {
    max-height: 9.5rem;
    -o-object-fit: cover;
       object-fit: cover;
}
ul#qtranslate--1-chooser {
    padding-left: 5px;
}
.qtranxs_widget img {
    width: 24px;
}
.language_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.search_header >form>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*---------section title-------------*/
.section__title {
    position: relative;
    margin-bottom: 3rem;
}

.section__title h3 {
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #00477f;
}

/*---------------- feature -------------*/
._feature__item {
    position: relative;
}

._feature__item ._card {
    text-align: center;
}

._feature__item ._card__title a {
    text-transform: uppercase;
    color: #00477f;
    font-size: 1.6rem;
}

._feature__item ._card__img {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-bottom: 1rem;
}

._feature__item ._card__img a {
    border-radius: 50%;
    border: 8px solid #fff;
    position: relative;
}

._feature__item ._card__img a img {
    height: 24rem;
}
._feature__item ._card__img a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: #00cbe485;
    content: "";
    transform: scale(0);
    transition: 0.6s;
}
._feature__item ._card__img a:hover:before {
    transform: scale(1);
    z-index: 999;
    border-radius: 50%;
}

/*---------- about ------------*/
._about {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))), url("assets/images/home/Layer-17.png");
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("assets/images/home/Layer-17.png");
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("assets/images/home/Layer-17.png");
}

._about .section__title h3 {
    color: #fff;
}

._about .section__title div {
    margin-bottom: 1rem;
}

._about .section__title p {
    margin-bottom: 2rem;
    color: #fff;
    font-family: UTM Avobold;
    font-size: 13px;
}

._about .section__title .btn {
    color: #fff;
    font-size: 1.4rem;
    background-color: #00cbe4 !important;
    text-transform: capitalize;
}

._about__slider {
    position: relative;
}

._about__slider .item img {
    height: 12rem;
    -o-object-fit: cover;
       object-fit: cover;
}

._about__slider .owl-prev {
    position: absolute;
    background-color: #00cbe4 !important;
    width: 30px;
    height: 30px;
    top: 38px;
    left: -50px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border-radius: 50% !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
}

._about__slider .owl-prev span {
    color: #fff;
    height: 3rem;
    font-size: 2rem;
}

._about__slider .owl-next {
    position: absolute;
    background-color: #00cbe4 !important;
    width: 30px;
    height: 30px;
    top: 38px;
    right: -50px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border-radius: 50% !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
}

._about__slider .owl-next span {
    color: #fff;
    height: 3rem;
    font-size: 2rem;
}

/*----------------- product -----------------*/
._product ._card__img a img {
    height: 24rem;
}

._product ._card__overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #00000080;
    opacity: 0;
}

._product ._card__overlay li {
    margin: 0 1rem;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

._product ._card__overlay li a {
    color: #3c3c3c;
    font-size: 2rem;
    overflow: initial;
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
}
._product ._card__overlay li a:hover {
    background-color: #00cbe4;
}

/*._product ._card__overlay li a:hover {
    color: #00cbe4;
}*/

/*._product ._card__overlay li a:hover i {
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
}*/

._product ._card__overlay:hover li:first-of-type {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

._product ._card__overlay:hover li:last-of-type {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
}

._product ._card__body {
    text-align: center;
}

._product ._card__body ._card__title a {
    color: #00477f;
}

._product ._card__body ._card__title a:hover {
    color: #00cbe4;
}

._product__item {
    margin-bottom: 3rem;
    position: relative;
}

._product__item:hover ._card__title a {
    color: #00cbe4;
}

._product__item:hover ._card__overlay {
    opacity: 1;
}

/*----------- NEWS ---------------*/
.news_area {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.news__left {
    display: block;
}

.news__left__title {
    position: relative;
    margin-bottom: 3rem;
}

.news__left__title h5 {
    position: relative;
    font-size: 2.5rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.3rem;
    font-family: "UTM AvoBold";
}

.news__left__title h5:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 10rem;
    height: 3px;
    background-color: #00cbe4;
}

.news__left__content__left article .article__img {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

.news__left__content__left article .article__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline-offset: -4px;
    outline: 4px solid #fff;
}

.news__left__content__left article .article__img img {
    height: 245px;
    -o-object-fit: cover;
       object-fit: cover;
}

.news__left__content__left article .article__content h5 a {
    font-size: 1.5rem;
    color: #00477f;
    font-family: "UTM AvoBold";
}

.news__left__content__left article:hover .article__content h5 a {
    color: #00cbe4;
}

.news__left__content__right__item article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.news__left__content__right__item article .article__img {
    margin-right: 1rem;
    border: 1px solid #dee2e6;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
}

.news__left__content__right__item article .article__img img {
    height: 90px;
    -o-object-fit: cover;
       object-fit: cover;
}

.news__left__content__right__item article .article__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline-offset: -4px;
    outline: 4px solid #fff;
}

.news__left__content__right__item article .article__content h5 a {
    font-size: 1.2rem;
    color: #00477f;
    font-family: "UTM AvoBold";
}

.news__left__content__right__item article .article__content p {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.news__left__content__right__item article:hover h5 a {
    color: #00cbe4 !important;
}
.lSSlideWrapper.usingCss {
    height: 240px;
}
ul#lightSlider,#lightSlider img {
    height: 240px !important;
}
.lSSlideOuter .lSPager.lSGallery img {
    height: 95px;
}

/*-------------- brand ---------------*/
._brand {
    background-color: #f3f3f3;
}

._brand__content img {
    height: 9rem;
    -o-object-fit: cover;
       object-fit: cover;
}

._brand .owl-theme .owl-dots .owl-dot span {
    border-radius: 0;
}

._brand .owl-theme .owl-dots .owl-dot.active span {
    background-color: #00cbe4;
}
/*Owl*/
div.owl-carousel .owl-nav button {
    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: #00cbe4!important;
    border: 0;
    border-radius: 50%!important;
    color: #999;
    display: inline-block;
    font-weight: 400;
    height: 40px;
    line-height: normal;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);
    width: 40px;
    will-change: background-color,box-shadow;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 3;
    opacity: 1;
    transition: opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);
    opacity: 0;
}
div.owl-carousel:hover .owl-nav button{
    opacity: 1;
}
div.owl-carousel .owl-nav button i {
    color: #fff;
    font-size: 25px;
}
div.owl-carousel button.owl-next{
    right: -30px;
}
div.owl-carousel button.owl-prev{
    left: -30px;
}
button{
    outline: none!important;
}



/*------------- _support -------------*/
._support__item h3 {
    color: #00477f;
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    text-align: center;
}

._support__item ul li {
    margin-bottom: 1rem;
}

._support__item ul li i {
    color: #00cbe4;
    display: inline-block;
    margin-right: 0.5rem;
    font-size: 1.6rem;
}

._support__item ul li span {
    font-size: 1.5rem;
}

._support__item ul li form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

._support__item ul li form input {
    font-size: 16px;
    border: 1px solid #ccc;
    padding-left: 1rem;
    border-radius: 0;
}
._support__item ul li form input.wpcf7-submit:hover {
    background-color: #00cbe4;
}
._support__item ul li form input.wpcf7-submit {
    background-color: #00477f;
    border-radius: 0;
    transition: all .3s;
    border: none;
}
.form_support p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

._support__item ul li form input::-webkit-input-placeholder {
    font-size: 1.4rem;
    color: #ccc;
}

._support__item ul li form input::-moz-placeholder {
    font-size: 1.4rem;
    color: #ccc;
}

._support__item ul li form input:-ms-input-placeholder {
    font-size: 1.4rem;
    color: #ccc;
}

._support__item ul li form input::-ms-input-placeholder {
    font-size: 1.4rem;
    color: #ccc;
}

._support__item ul li form input::placeholder {
    font-size: 1.4rem;
    color: #ccc;
}

._support__item ul li form input:focus {
    outline: 0;
}

._support__item ul li form button {
    background-color: #00477f;
    border: 0;
}

._support__item ul li form button i {
    color: #fff;
}

/*-------------- footer ------------*/
._footer {
    background-color: #f3f3f3;
    padding-top: 3rem;
    margin-bottom: 15px;
}

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

._footer__info a {
    display: inline-block;
    margin-bottom: 2rem;
}

._footer__info h3 {
    font-size: 2.2rem;
    color: #424242;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

._footer__info ul li {
    color: #424242;
    font-size: 1.6rem;
}

._footer__link {
    position: relative;
}

._footer__link h3 {
    font-size: 2rem;
    color: #00477f;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

._footer__link ul li {
    margin-bottom: .5rem;
}

._footer__link ul li a:hover {
    color: #00cbe4;
}

._footer__map {
    position: relative;
}

._footer__map h3 {
    font-size: 2rem;
    color: #00477f;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

._footer__map iframe {
    display: inline-block;
    margin-bottom: 1rem;
    border: 2px solid #00477f !important;
    height: 150px;
}

._footer__map ul li {
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    margin-right: 1rem;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

._footer__map ul li:hover {
    background-color: #00477f;
}

._footer__map ul li:hover a {
    color: #fff !important;
}

._footer__map ul li:nth-of-type(1) a {
    color: #3b5998;
}

._footer__map ul li:nth-of-type(2) a {
    color: #ed302f;
}

._footer__map ul li:nth-of-type(3) a {
    color: #55acee;
}

._footer__map ul li:nth-of-type(4) a {
    color: #2e5e86;
}

._footer__map ul li a:hover {
    color: #00cbe4;
}

.coppyright {
    background-color: #00477f;
    text-align: center;
    color: #fff;
    margin-top: 1rem;
    padding: .5rem 0;
    font-size: 1.4rem;
}
a.cd-top{
	 background-color: #00477f !important;
}
.vert .simply-scroll-clip,.vert{
	height: 345px;
    width: 100% !important;
}

._about .section__title .btn:hover{
	background-color: var(--primary-color)!important;
}
.news_area{
	padding-top: 0;
}
._brand{
	padding: 5rem 0;
}
/*RESPONSIVE*/
/*MOBILE*/
@media (max-width: 575.98px) {
	html, body {
	    overflow-x: hidden;
	}
    ._feature__item ._card__img a img {
        height: 14rem;
    }

    ._feature__item ._card__img a {
        border: 4px solid #fff;
    }

    ._feature__item ._card__title a {
        font-size: 1.4rem;
    }

    ._about .section__title p {
        text-align: justify;
    }

    ._product ._card__img a img {
        height: 18rem;
    }

    ._product__content .row>div {
        padding: 0 .5rem;
    }

    ._product ._card__body ._card__title a {
        font-size: 1.3rem;
    }

    ._product__item {
        margin-bottom: 1rem;
    }

    section._product {
        padding-bottom: 0;
    }

    .news__left__content__left {
        margin-bottom: 2rem;
    }

    ._brand__content img {
        height: 15rem;
    }

    ._footer .coppyright {
        font-size: 1.2rem;
    }

    .news__left__title h5 {
        font-size: 2.5rem;
    }

    ._support__item {
        margin-bottom: 4rem;
    }
    ._about__slider .owl-prev{
        display: none !important;
    }
    ._about__slider .owl-next{
        display: none !important;
    }
    .coppyright {
    font-size: 1.2rem;
    }
	.vert .simply-scroll-clip{
		width: 100% !important;
	}
	._footer__info {
	    text-align: center;
	}
    ._footer__social {
        margin-bottom: 3rem;
    }
}

/*TABLET*/
@media (min-width: 768px) and (max-width: 991.98px) {
    ._feature__item ._card__img a img {
        height: 30rem;
    }

    ._feature__item {
        margin-bottom: 3rem;
    }

    ._about .section__title p {
        text-align: justify;
    }

    ._about__slider .owl-prev {
        left: -35px;
    }

    ._about__slider .owl-next {
        right: -36px;
    }

    section._product {
        padding-bottom: 0;
    }

    .news__left {
        margin-bottom: 3rem;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle{
    	height: 8rem;
    	line-height: 8rem;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }
	
	._about__slider .owl-next,._about__slider .owl-prev{
		display: none !important;
	}

	.vert .simply-scroll-clip{
		width: 100% !important;
	}




}

/*-------------------------
---- 
-------------------------*/

/*edit menu*/

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
	font-family: var(--second-font);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:before {
    font-family: fontawesome;
    content: '\f105';
    margin-right: 10px;
}
.search_header_mobile button {
    border: none;
    font-size: 13px;
    height: 30px;
    width: 60px;
    background-color: #00cbe4;
    color: #fff;
}
.search_header_mobile #s {
    width: 100%;
    height: 30px;
    margin: 5px 0;
    border-radius: 0;
    font-size: 13px;
    border: none;
}
.search_header_mobile div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.logo_mobile {
    text-align: center;
}
.logo_mobile img {
    width: 80px;
    padding: 5px;
}
.language_mobile .qtranxs_widget {
    margin-bottom: 0;
}

/*Archive*/
._product nav.woocommerce-breadcrumb {
    display: none;
}
section.breadcrumb_archive {
    position: relative;
    background-color: #e7e7e7;
}
.danhmuc>h2,.news__post>h2 {
    background-color: #00477f;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-family: "UTM Avo";
    text-transform: uppercase;
    font-size: 1.7rem;
    position: relative;
}
.danhmuc ul.list_none li a:before {
    font-family: fontawesome;
    content: '\f101';
    margin: 0 10px;
}

.danhmuc ul.list_none li a {
    display: block;
    padding: 10px 0;
    transition: all .3s;
}
.danhmuc ul.list_none li a:hover {
    background-color: #00cbe4;
    color: #fff;
    padding-left: 10px;
}
ul.news__post__list {
    box-shadow: 1px 2px 6px #3333;
    padding: 6px;
}
.danhmuc>h2:before {
    font-family: fontawesome;
    content: '\f0c9';
    margin-right: 6px;
}
.news__post>h2:before {
    font-family: fontawesome;
    content: '\f1ea';
    margin-right: 6px;    
}


/*Single*/
#slide-nav-pgs .slick-slide {
    margin-bottom: 5px;
}
.summary nav.woocommerce-breadcrumb {
    margin-bottom: 5px;
    background-color: #f7f7f7;
    color: #00477f;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	margin: 12px 0;
}
#slide-nav-pgs img {
    width: auto;
    height: 74px;
}
.woocommerce-product-details__short-description {
    margin: 1.3rem 0;
}
span.posted_in a {
    color: #00477f;
    font-size: 1.4rem;
    font-style: italic;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	padding: 0 3em;
}
.section__title__post h1 {
    font-family: UTM Avobold;
    font-size: 2.5rem;
}



/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1025px) {
	section.related.products._product .products.row .col-lg-4:last-child {
	    display: none;
	}
}

a.yith-wcqv-button.qvicon img {
    height: 24px;
}
.yith-quick-view-thumbs img {
    height: 45px !important;
}
.yith-quick-view-content .bx-controls-direction a {
	top: 40%;
}

a.btn.btn-info.btn-cty {
    position: relative;
    float: right;
    bottom: 1rem;
    font-size: 1.2rem;
    font-family: UTM Avobold;
    transition: all .3s;
    color: #fff;
    background-color: #00cbe4 !important;
}

.btn-xemthem a {
    font-size: 1.2rem;
    font-family: UTM Avobold;
    color: #fff;
    background-color: #00cbe4 !important;
}
.hotline_call {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #00477f;
    z-index: 99999;
}
.call_item.col-4 {
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
}
.call_item.col-4 a {
    color: #fff;
    font-family: UTM Avobold;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.call_item.col-4 i {
    font-size: 1.6rem;
    margin-right: 5px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #00477f;
    color: #ffffff;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 578px) {
    a.btn.btn-info.btn-cty {
        float: none;
        bottom: -40px;
        display: block;
        margin: 0 auto;
        width: 240px;
    }
    ._footer__map {
        margin-top: 7rem;
        margin-bottom: 1rem;
    }
    .call_item.col-4 a {
        font-size: 1.1rem;
        line-height: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
                align-items: center;
    }
    .call_item.col-4 i {
        font-size: 1.4rem;
        margin-right: 5px;
    }
    .call_item.col-4 a p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .call_item.col-4 {
        padding: 0;
    }
    li.quick_view {
        display: none;
    }
    #owl-related ._card__img a img {
        height: 25rem;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 768px) {
    .hotline_call .container {
        max-width: 100%;
    }
    .call_item.col-4 i {
        position: relative;
        top: 1px;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .call_item.col-4 a {
        font-size: 1.2rem;
    }
    a.btn.btn-info.btn-cty {
        left: 20rem;
    }
}