@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,500i,600,700i&subset=latin-ext,vietnamese');
body{
	font-family: 'Montserrat', sans-serif;
}
.fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background: rgba(246, 246, 248, 0.9) none repeat scroll 0 0;
}
.list_dongxe .cate-list .list_item {
    padding: 0;
    position: relative;
}
.list_dongxe .cate-list .thumbnail {
    padding: 0;
    border: none;
    margin-bottom: 0;
}
.list_dongxe {
    padding: 30px 0;
    overflow: hidden;
}
.cate_list_title .cate-title {
    color: #fff;
}
.cate_list_title {
    font-size: 25px;
    -webkit-transition: transform 0.3s ease-out,background-color 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out,background-color 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out,background-color 0.3s ease-out;
    -o-transition: transform 0.3s ease-out,background-color 0.3s ease-out;
    transition: transform 0.3s ease-out,background-color 0.3s ease-out;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 2;
    width: 100%;
    margin: 0;
    padding: 20px 30px;
    background-color: rgba(0,0,0,0.4);
    font-family: "Montseratt",sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: right;
    color: #fff;
}
.list_dongxe .cate-list .list_item:hover .cate_list_title {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    background-color: transparent;
}
.list_dongxe .cate-list .list_item:hover:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
    -webkit-transform: translateY(0) scaleY(1);
    -ms-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
}
.list_dongxe .cate-list .list_item:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: transform 0.3s ease-out,opacity 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out,opacity 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out,opacity 0.3s ease-out;
    -o-transition: transform 0.3s ease-out,opacity 0.3s ease-out;
    transition: transform 0.3s ease-out,opacity 0.3s ease-out;
    -webkit-transform: translateY(-30px) scaleY(0.3);
    -ms-transform: translateY(-30px) scaleY(0.3);
    transform: translateY(-30px) scaleY(0.3);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
}
.collection-description {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 55px 40px 30px 55px;
    color: #fff;
}
.collection-description:before, .collection-description:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: transform 0.3s ease-out 0.4s,opacity 0.2s ease-out 0.3s;
    -moz-transition: transform 0.3s ease-out 0.4s,opacity 0.2s ease-out 0.3s;
    -ms-transition: transform 0.3s ease-out 0.4s,opacity 0.2s ease-out 0.3s;
    -o-transition: transform 0.3s ease-out 0.4s,opacity 0.2s ease-out 0.3s;
    transition: transform 0.3s ease-out 0.4s,opacity 0.2s ease-out 0.3s;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    content: '';
    position: absolute;
    display: block;
    background-color: #fff;
}
.collection-description:before {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    top: 15px;
    left: 30px;
    width: 1px;
    height: 60px;
}
.collection-description:after {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    top: 30px;
    left: 15px;
    width: 60px;
    height: 1px;
}
.collection-description p {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: transform 0.2s ease-out 0.3s,opacity 0.2s linear 0.3s;
    -moz-transition: transform 0.2s ease-out 0.3s,opacity 0.2s linear 0.3s;
    -ms-transition: transform 0.2s ease-out 0.3s,opacity 0.2s linear 0.3s;
    -o-transition: transform 0.2s ease-out 0.3s,opacity 0.2s linear 0.3s;
    transition: transform 0.2s ease-out 0.3s,opacity 0.2s linear 0.3s;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    margin: 0;
}
.list_dongxe .cate-list .list_item:hover .collection-description p {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.list_dongxe .cate-list .list_item:hover .collection-description:before, .list_dongxe .cate-list .list_item:hover .collection-description:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.title_widget {
    text-align:  center;
    margin: 0px 0 20px 0;
    letter-spacing: 1px;
}
.title_widget h2 {
    font-size: 40px;
    font-weight: bold;
    text-transform: none;
}
.slogan {
    font-size: 17px;
}
.cont-header {
    padding: 10px 0 10px 0;
}
.bg-custom {
    background: #f3f3f3;
    padding: 140px 0;
    margin: 30px 0;
}
.fr__prize__inner h2 {
    color: #494949;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 30px;
    padding-right: 10%;
}
.fr__prize__inner h3 {
    color: #494949;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 38px;
}
.fr__btn {
    background: #c43b68 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    padding: 0 36px;
    transition: 0.3s;
}
.prize__inner {
    position: relative;
}
.banner__info {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
}
.pointer__tooltip {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 5px solid #c43b68;
    background-color: #fff;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.pointer__tooltip.pointer--3 {
    left: 3%;
    top: 56%;
}
.pointer__tooltip.pointer--4.align-top {
    left: -7%;
    top: 1%;
}
.pointer__tooltip.pointer--5.align-bottom {
    left: 31%;
    top: 34%;
}
.pointer__tooltip.pointer--8 {
    left: 78%;
    position: absolute;
    top: 2%;
}
.pointer__tooltip:before {
    content: "\f129";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-family: FontAwesome;
    color: #c43b68;
    font-size: 18px;
    width: 100%;
    height: 100%;
}
.tooltip__box {
    background: #fff;
    width: 240px;
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translate3d(50%,-100%,0);
    transform: translate3d(50%,-100%,0);
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s cubic-bezier(0,0,.2,1);
    z-index: 10;
    padding: 20px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.07);
    text-align: center;
}
.pointer__tooltip:hover .tooltip__box {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    -webkit-transform: translateY(-110%) translateX(50%);
    transform: translateY(-110%) translateX(50%);
}
.pointer__tooltip.align-bottom:hover .tooltip__box {
    -webkit-transform: translateY(110%) translateX(50%);
    transform: translateY(110%) translateX(50%);
}
.pointer__tooltip.align-left:hover .tooltip__box {
    -webkit-transform: translateY(-50%) translateX(-110%);
    transform: translateY(-50%) translateX(-110%);
}
.pointer__tooltip:hover .tooltip__box h4, .pointer__tooltip:hover .tooltip__box p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
}
.pointer__tooltip .tooltip__box h4 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 12px;
}
.pointer__tooltip .tooltip__box p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
    color: #737373;
}
.pointer__tooltip.align-bottom .tooltip__box {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 0;
    -webkit-transform: translateY(100%) translateX(50%);
    transform: translateY(100%) translateX(50%);
}
.pointer__tooltip.align-left .tooltip__box {
    position: absolute;
    top: 50%;
    right: auto;
    left: 0;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
}
.bg-doitac {
    background: #f3f3f3;
    padding: 60px 0;
    margin: 0;
}
.partner .item {text-align: center;}
.item-product .info {
    text-align: center;
}
/*.title-product a {*/
/*    font-weight: bold;*/
/*}*/
.bg-bottom {background-color: #111111;}
.footer h2.title__line--2 {
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight:  bold;
    margin-top: 10px;
}
.ft__list li {
    padding: 5px 0;
}
.ft__list li a, .about-desc {
    color: #a4a4a4;
    font-size: 15px;
    transition: all 0.4s ease 0s;
}
.title-menu-ft{font-size: 15px;}
.newsletter>.title-menu-ft {
    text-align: left;
}
.coppyright {
    font-size: 13px;
    color: #fff;
}
.newsletter>.form-nl>.btn-send-reg-email {
    border: 1px solid #c43b68;
    background: #c43b68;
}
.btn-view-more {
    color: #f17e01;
    border: none;
    border-radius: 0px;
    padding: 8px 0px;
    text-transform: none;
}
.btn-view-more:hover {
    color: #1e1e1e;
    background-color: transparent;
}
.title-blogs-item a:hover, .color-main, .box-style-1 .demo-icon:before, .bottom-download span, .view-style .btn-view.active, .nav li.active a, .nav_desktop ul li:hover ul li a:hover, .title-product a:hover, .title-desc-detail, .nav-tabs-01 .nav-tabs li span .demo-icon, .nav-tabs-01 .nav-tabs li.active i.icon-dot-circled, .nav_desktop ul li.sub-menu-style2 ul li a:hover, .nav_desktop ul li.sub-menu-style2:hover ul li a:hover, .breadcrumb > .active {
    color: #f17e01;
}
.img>.action-product>.item-action:hover {
    background-color: #c43b68;
}
.top-banner-subpage {
    margin-bottom: 20px;
    height: 150px;
    min-height: 150px;
    background-image: url(/uploads/plugin/custom_img/2019-06-14/1560501512-1381997241-custom.jpg) !important;
}
.advanced-filter>.box-left, .bs-docs-sidenav, .bs-docs-sidenav>li {
    border: none;
}
.advanced-filter>.box-left>.nav_title>li>a, .box-left>.nav_title>li>a {
    color: #212121;
}
.advanced-filter>.box-left>.nav_title>li {
    padding: 10px 0;
}
.advanced-filter>.box-left>.content-box-left {
    padding: 20px 0px;
}
.me-select label.icon-check:hover {
    color: #c43b68;
}
.side-bar-left .nav>li>a.item-sub-menu>span {
    display: none;
}
.nav>li>a {
    padding: 10px 0px;
}
.side-bar-left .sub-menu a {
    margin-left: 0;
}
.btn-hide-toggle-sub-menu {
    text-align: center;
}
.side-bar-left .sub-menu {
    padding: 0;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
    color: #c43b68;
}
.bs-docs-sidenav .active>a {
    color: #c43b68 !important;
}
.box-left .nav li.active .sub-menu a.active, .box-left .nav li.active .sub-menu a:hover {
    color: #c43b68;
}
.title_style h2, .title_style h3, .title_style h4 {
    background-color: transparent;
    font-size: 14px;
    color: #212121;
    margin: 0;
    padding: 10px 0px;
}
.advanced-product .box-left {
    margin-bottom: 0px !important;
}
.box-left .title_style i {
    display: none;
}
.block-nav-left-mobile .border {
    border: none;
    border-bottom: 1px solid #ddd;
}
.product-left .box-detail-list-product>.row {
    margin: 0;
}
.product-left .title_widget {
    margin: 10px 0;
    text-align: left;
}
.product-left .title_widget .title-block-product {
    text-align:  left;
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}
.product-left .style-view-small.item-product {
    border-bottom: none;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a {
    background-color: #c43b68;
}
.top-list-product-subpage {
    min-height: 50px;
    background: transparent;
    border: none;
    margin-bottom: 30px;
}
.top-list-product-subpage .view-style a {
    background: #f7f6f8;
}
.view-style .btn-view {
    border-left: 0px solid #ddd;
}
.bottom-detail-product>.nav_title>li.active>a, .bottom-detail-product>.nav_title>li.active>a:focus, .bottom-detail-product>.nav_title>li.active>a:hover {
    border: 1px solid #c43b68;
    background-color: #c43b68;
}
.cart-order .dropdown-toggle span.number {
    background: #f17d00;
    line-height: 20px;
    top: 7px;
    right: 0px;
}
.title-blogs-item a {
    font-weight: bold;
}
.icon-title-1 {
    display: none;
}
.title-blogs-item {
    line-height: inherit;
}
.nav_desktop li a {
    font-weight: normal;
    padding: 15px 13px;
    font-weight: bold;
}
.item-rc-2 {
    height: inherit;
}
.detail-post .box-detail-post .title-blogs-item {
    height: inherit !important;
}
.title-blogs-item{height: 35px !important;}
.top-banner-subpage .title-main.bottom{background: rgba(0, 0, 0, 0.35);}
#footer{padding-top: 0;}
.box_bor_style1 {
    border: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
    left: 0%;
    position: relative;
}
.box_bor_style1 .title_style1{border-bottom: 1px solid #ccc;}
.detail-post .box-detail-post .title-blogs-item{color: #f17e01;}
.product_meta .label{color:#1e1e1e;}
/*#frm-send-contact {*/
/*    margin: 0 -10px;*/
/*}*/
/*#frm-send-contact .form-control {*/
/*    background:  #f5f5f5;*/
/*    border: none;*/
/*    height: 44px;*/
    /*padding: 6px 20px;*/
/*    font-size: 16px;*/
/*}*/
/*#frm-send-contact #content_textarea {*/
/*    height: 150px;*/
/*}*/
.fuck-contact {
    margin-bottom: 30px;
}
.form-contact h3 {
    clear: both;
    color: #4d4d4d;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 34px;
    text-transform: uppercase;
}
.contact-lh .ax {
    background:  #f5f5f5;
    margin-bottom: 30px;
    padding-right: 15px;
    color: #666666;
    font-size: 16px;
    overflow:  hidden;
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}
.contact-lh .ax .demo-icon {
    background: #f17e01;
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-right: 15px;
    float: left;
    padding: 20px;
    width: unset;
}
.contact-lh .ax a.contact-nd {
    color: #666666;
}
.item-rc-map {
    padding: 0;
}
.nav_desktop ul li.sub-menu-style2 ul li li a {
    padding: 5px 0px;
}
.main_menu_mega>li>a {
    border-bottom: 1px solid #f1f1f1;
}
.product-available .group-available {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: -1px;
    padding: 10px 0;
}
.product-available>.group-available {
    margin-bottom: 0px !important;
}
.btn-muahang {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.box-slide-images-detail .thub-image {
    width: 18%;
    margin: 0;
    padding: 0;
    float:  right;
}


@media (min-width: 1024px) {
    .list_dongxe .cate-list .list_item:last-child {
        width: 66.66666666%;
    }
    .box-slide-images-detail .view-images-large {
        width: 80%;
        float: left;
    }
    .box-slide-images-detail .thub-image .owl-wrapper {
        max-width: inherit;
        width:  100% !important;
    }
    .box-slide-images-detail .thub-image .owl-wrapper .owl-item {
        margin-bottom: 20px;
        width: 100% !important;
    }
}


@media (max-width: 768px) {
    .as {
        width: 100%;
    }
    #frm-send-contact .form-control {
        height: 50px;
    }
    .list_dongxe .cate-list .list_item {
        margin-bottom: 30px;
    }
    .bg-custom {
        padding: 50px 0;
        margin: 0 0 30px 0;
    }
    .fr__prize__inner h2 {
        color: #494949;
        font-size: 25px;
        line-height: inherit;
        margin-bottom: 30px;
        padding-right: 0;
        margin-top: 0;
    }
    .fr__prize__inner {
        margin-bottom: 20px;
    }
}
.header-top-desktop .box-search .search-suggestion{
    font-style: italic;
    font-size: 12px;
}
@media(min-width: 992px){
    .header-top-desktop .box-search{
        display: block !important;
        width: 250px;
        padding: 0;
        margin-top: 3px;
    }
    .header-top-desktop .btn-show-search{
        display: none;
    }
    .header-top-desktop .box-search-mobile .box-search{
        position: static;
    }
    .header-top-desktop .nav_desktop li a{
        text-transform: none;
        font-size: 13px;
        padding: 5px 10px;
        margin-top: 7px;
        color: #999999;
    }
    .header-top-desktop .donv-login{
        margin-top: -4px;
    }
    .header-top-desktop .nav_desktop ul ul{
        top: 34px;
    }
    .nav_desktop ul ul{
        box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.32);
    }
    #header .logo{
        /*padding-left: 0px;*/
        /*margin-top: -4px;*/
       padding: 5px 0;
    }
}
.services {
    background: #fff;
    padding: 35px 0 35px 0;
}

.services .row .title {
    margin-bottom: 30px;
}

.services .row .title span.title {
    color: #f17e01;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0 0 14px 0;
}

.services .row .title h2 a, h2.title-block-product {
    display: inline-block;
    width: 100%;
    color: #333333;
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    transition: 0.2s;
    margin-top: 0px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.services .row .title h2{
    margin-top: 0px;
}
.services .row .title h2 a:hover {
    color: #0095da;
}

.services .row .listItem {
    display: flex;
    justify-content: center;
    margin: 0 -10px;
}

.services .row .listItem .item {
    width: 100%;
    padding: 0 10px;
    position: relative;
    float: left;
    transition: 0.5s;
}

.services .row .listItem .item.slick-active .head span.icon {
    background: url(/uploads/plugin/custom_img/2019-04-10/1554878549-1865550996-custom.png) no-repeat bottom center;
    /*background-size:30px 56px;*/
    background-size: 60px 86px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item.slick-active .head span.icon {
        background-size: 60px 86px;
    }
}

.services .row .listItem .item.slick-active .outer {
    background-color: #0093d7;
}

.services .row .listItem .item.slick-active + .slick-active .head span.icon {
    background: url(/uploads/plugin/custom_img/2019-04-10/1554878727-1295493871-custom.png) no-repeat bottom center;
    /*background-size:30px 56px;*/
    background-size: 45px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item.slick-active + .slick-active .head span.icon {
        background-size: 45px 71px;
    }
}

.services .row .listItem .item.slick-active + .slick-active .outer {
    background-color: #0093d7;
}

.services .row .listItem .item.slick-active + .slick-active + .slick-active .head span.icon {
    background: url(/uploads/plugin/custom_img/2019-04-10/1554878878-660471162-custom.png) no-repeat bottom center;
    /*background-size:36px 56px;*/
    background-size: 51px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item.slick-active + .slick-active + .slick-active .head span.icon {
        background-size: 51px 71px;
    }
}

.services .row .listItem .item.slick-active + .slick-active + .slick-active .outer {
    background-color: #0aa7ef;
}

.services .row .listItem .item.slick-active + .slick-active + .slick-active + .slick-active .head span.icon {
    background: url(/uploads/plugin/custom_img/2019-04-10/1554879057-1086694006-custom.png) no-repeat bottom center;
    /*background-size:38px 56px;*/
    background-size: 52px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item.slick-active + .slick-active + .slick-active + .slick-active .head span.icon {
        background-size: 52px 71px;
    }
}

.services .row .listItem .item.slick-active + .slick-active + .slick-active + .slick-active .outer {
    background-color: #25b2f3;
}

.services .row .listItem .item.slick-active + .slick-active + .slick-active + .slick-active + .slick-active .head span.icon {
    width: 105px;
    background: url(/uploads/plugin/custom_img/2019-04-10/1554879103-1816004393-custom.png) no-repeat bottom center;
    /*background-size:90px 66px;*/
    background-size: 85px 61px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item.slick-active + .slick-active + .slick-active + .slick-active + .slick-active .head span.icon {
        bottom: 144px;
        background-size: 85px 61px;
    }
}

@media (max-width: 1199px) {
    .services .row .listItem .item.slick-active + .slick-active + .slick-active + .slick-active + .slick-active .head span.icon {
        bottom: 142px;
    }
}

@media (max-width: 767px) {
    .services .row .listItem .item.slick-active + .slick-active + .slick-active + .slick-active + .slick-active .head span.icon {
        bottom: 123px;
    }
}

.services .row .listItem .item.slick-active + .slick-active + .slick-active + .slick-active + .slick-active .outer {
    background-color: #44bcf4;
}

.services .row .listItem .item-1:hover .head span.icon {
    background: url(/template/fu-03/webroot/images/step1hover_e.gif) no-repeat bottom center;
    /*background-size:30px 56px;*/
    background-size: 60px 86px;
    top: initial !important;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-1:hover .head span.icon {
        background-size: 60px 86px;
    }
}

.services .row .listItem .item-1 .head span.icon {
    background: url(/uploads/plugin/custom_img/2019-05-16/1557976448-2031412118-custom.png) no-repeat bottom center;
    /*background-size:30px 56px;*/
    background-size: 60px 86px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-1 .head span.icon {
        background-size: 60px 86px;
    }
}

.services .row .listItem .item-2:hover .head span.icon {
    background: url(/template/fu-03/webroot/images/step2hover_e.gif) no-repeat bottom center;
    /*background-size:30px 56px;*/
    background-size: 45px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-2:hover .head span.icon {
        background-size: 45px 71px;
    }
}

.services .row .listItem .item-2 .head span.icon {
    background: url(/uploads/plugin/custom_img/2019-05-16/1557977313-786732232-custom.png) no-repeat bottom center;
    /*background-size:30px 56px;*/
    background-size: 45px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-2 .head span.icon {
        background-size: 45px 71px;
    }
}

.services .row .listItem .item-3:hover .head span.icon {
    background: url(/template/fu-03/webroot/images/step3hover_e.gif) no-repeat bottom center;
    /*background-size:36px 56px;*/
    background-size: 51px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-3:hover .head span.icon {
        background-size: 51px 71px;
    }
}

.services .row .listItem .item-3 .head span.icon {
    background: url(/uploads/plugin/custom_img/2019-05-16/1557977313-1678693494-custom.png) no-repeat bottom center;
    /*background-size:36px 56px;*/
    background-size: 51px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-3 .head span.icon {
        background-size: 51px 71px;
    }
}

.services .row .listItem .item-4:hover .head span.icon {
    background: url(/template/fu-03/webroot/images/step4hover_e.gif) no-repeat bottom center;
    /*background-size:38px 56px;*/
    background-size: 52px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-4:hover .head span.icon {
        background-size: 52px 71px;
    }
}

.services .row .listItem .item-4 .head span.icon {
    background: url(/uploads/plugin/custom_img/2019-05-16/1557977313-1747034779-custom.png) no-repeat bottom center;
    /*background-size:38px 56px;*/
    background-size: 52px 71px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-4 .head span.icon {
        background-size: 52px 71px;
    }
}

.services .row .listItem .item-5:hover .head span.icon {
    background: url(/template/fu-03/webroot/images/step5hover_e.gif) no-repeat bottom center;
    /*background-size:90px 66px;*/
    background-size: 85px 61px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-5:hover .head span.icon {
        background-size: 85px 61px;
    }
}

.services .row .listItem .item-5 .head span.icon {
    width: 105px;
    background: url(/uploads/plugin/custom_img/2019-05-16/1557977314-415919317-custom.png) no-repeat bottom center;
    /*background-size:90px 66px;*/
    background-size: 85px 61px;
}

@media (min-width: 1200px) {
    .services .row .listItem .item-5 .head span.icon {
        bottom: 144px;
        background-size: 85px 61px;
    }
}

@media (max-width: 1199px) {
    .services .row .listItem .item-5 .head span.icon {
        bottom: 142px;
    }
}

@media (max-width: 767px) {
    .services .row .listItem .item-5 .head span.icon {
        bottom: 123px;
    }
}

.services .row .listItem .item:hover {
    cursor: pointer;
    transform: translateY(-20px);
}

.services .row .listItem .item:hover .head span.icon {
    height: 90px;
}

.services .row .listItem .item:hover .outer a.detail {
    border-color: rgba(255, 255, 255, 0.25);
}

.services .row .listItem .item .head {
    padding-top: 75px;
    background: #0083bf;
    position: relative;
    height: 100px;
    transition: 0.3s;
}

.services .row .listItem .item .head:before {
    content: "";
    height: 36px;
    width: 100%;
    top: -1px;
    position: absolute;
    z-index: 100;
    left: 0;
    /* background: url(/uploads/plugin/custom_img/2019-04-10/1554878401-1814212376-custom.png) no-repeat top center; */
}

.services .row .listItem .item .head span.icon {
    display: block;
    width: 77px;
    margin: 0 auto;
    height: 77px;
    position: absolute;
    z-index: 101;
    top: initial !important;
    bottom: 160px;
    left: 50%;
    transform: translateX(-50%);
}

.services .row .listItem .item .head span.icon img {
    position: absolute;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    visibility: hidden;
}

.services .row .listItem .item .head a.name {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    height: auto;
    /*max-height: 48px;*/
    overflow: hidden;
    display: inline-block;
    transition: 0.3s;
    width: 100%;
    padding: 0 15px;
    text-transform: uppercase;
    text-align: center;
    transition: 0.3s;
    top: 50%;
	transform: translateY(-50%);
    position: absolute;
}

.services .row .listItem .item .head a.name:hover {
    color: #c1e9ff;
}

.services .row .listItem .item .khungAnh:before {
    padding-bottom: 72.5%;
}

.services .row .listItem .item .outer {
    transition: 0.3s;
    padding-top: 40px;
    padding-bottom: 1px;
    box-shadow: inset 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.services .row .listItem .item .outer p.info {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    height: auto;
    max-height: 66px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
}

.services .row .listItem .item .outer a.detail {
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 18px auto 30px auto;
    display: table;
    padding: 0 20px;
    text-align: center;
    border: solid 1px transparent;
    transition: 0.4s;
}

.services .row .listItem .item .outer a.detail i {
    margin-left: 5px;
}

.services .row .listItem .item .outer a.detail:hover {
    border-color: rgba(255, 255, 255, 0.25);
}

.services .row .listItem .item-1 .head {
    background-color: #e4b204;
}

.services .row .listItem .item-1 .head span.icon {
    /*bottom: 137px;*/
    top: initial !important;
}

.services .row .listItem .item-1 .outer {
    background-color: #e4b204;
}

.services .row .listItem .item-2 .head {
    background: #ecb806;
}

.services .row .listItem .item-2 .outer {
    background-color: #ecb806;
}

.services .row .listItem .item-3 .head {
    background-color: #FFC709;
}

.services .row .listItem .item-3 .outer {
    background-color: #FFC709;
}

.services .row .listItem .item-4 .head {
    background: #fdc816;
}

.services .row .listItem .item-4 .outer {
    background-color: #fdc816;
}

.services .row .listItem .item-5 .head {
    background: #fdcb23;
}

.services .row .listItem .item-5 .outer {
    background-color: #fdcb23;
}

/*=========================*/
.feedBack-custom{
    background: #f0f0f0;
    padding-top: 100px;
    padding-bottom: 100px;
}

.feedBack-custom{
    background-image: url(/uploads/plugin/custom_img/2019-04-10/1554884541-2031521665-custom.jpg) !important;
    background-size: cover;
    background-position: center center;
}

#feedBack .title p {
    color: #f17e01;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    text-align: center;
    margin: 0;
}
#feedBack .title h2 {
    margin-top: 0px;
}
#feedBack .title h2 a {
    display: inline-block;
    width: 100%;
    color: #333333;
    font-size: 30px;
    line-height: 52px;
    text-align: center;
    transition: 0.2s;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#feedBack .title h2 a:hover {
    color: #0095da;
}

#feedBack .wrapperContent {
    position: relative;
    height: 470px;
    margin-top: 20px;
}

#feedBack .wrapperContent .item {
    z-index: 1;
    position: absolute;
    left: -30px;
}

@media (max-width: 1199px) {
    #feedBack .wrapperContent .item:hover {
        z-index: 99999 !important;
    }
}

@media (min-width: 1200px) {
    #feedBack .wrapperContent .item:hover {
        z-index: 99999 !important;
    }
    #feedBack .wrapperContent .item:hover .wrapper {
        z-index: 20 !important;
        transform: scale(1.1) rotate(7deg);
    }
    #feedBack .wrapperContent .item:hover .wrapper:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
        border-color: rgba(241, 126, 1, 0.34);
    }
}

#feedBack .wrapperContent .item:hover .itemHover {
    opacity: 1;
    right: -70%;
    pointer-events: initial;
}

#feedBack .wrapperContent .item .wrapper {
    background: #fff;
    box-shadow: -2px 0px 8px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
    display: flex;
    flex-direction: column;
    transition: 0.6s;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

#feedBack .wrapperContent .item .wrapper:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

#feedBack .wrapperContent .item .itemHover {
    position: absolute;
    width: 440px;
    background: rgba(255, 255, 255, 0.9);
    right: -67%;
    top: 0;
    padding: 20px 28px 26px 28px;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: 0.6s;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

#feedBack .wrapperContent .item .itemHover:before {
    content: "";
    width: 58px;
    height: 98px;
    left: -58px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    background: url(/uploads/plugin/custom_img/2019-04-10/1554882970-1949567155-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

#feedBack .wrapperContent .item .itemHover a.name {
    font-size: 22px !important;
    line-height: 26px !important;
    text-transform: none;
}

#feedBack .wrapperContent .item .itemHover p.job {
    margin-bottom: 11px;
    position: relative;
    font-size: 15px !important;
    line-height: 20px !important;
}

#feedBack .wrapperContent .item .itemHover p.job:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 86px;
    background: #0095da;
    height: 1px;
}

#feedBack .wrapperContent .item .itemHover p.info {
    font-size: 15px;
    line-height: 26px;
    margin: 22px 0 16px 0;
}

#feedBack .wrapperContent .item .itemHover a.detail {
    display: inline-block;
    padding: 0 23px;
    height: 30px;
    background: #0095da;
    color: #69c7ff;
    font-size: 11px;
    line-height: 30px;
    text-transform: uppercase;
    transition: 0.3s;
}

#feedBack .wrapperContent .item .itemHover a.detail:hover {
    background: #0782bb;
    color: #fff;
}

#feedBack .wrapperContent .item .itemHover a.detail:hover i {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@media (min-width: 1200px) {
    #feedBack .wrapperContent .item:nth-child(2n+2):hover .wrapper {
        transform: scale(1.1) rotate(-10deg) !important;
    }
}

#feedBack .wrapperContent .item:first-child {
    width: 346px;
    height: 345px;
    margin-top: 20px;
    z-index: 5;
}

@media (min-width: 1200px) {
    #feedBack .wrapperContent .item:first-child:hover .wrapper {
        z-index: 20 !important;
        transform: scale(1.1) rotate(7deg);
    }
    #feedBack .wrapperContent .item:first-child:hover .wrapper:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
        border-color: rgba(241, 126, 1, 0.34);
    }
}

#feedBack .wrapperContent .item:nth-child(2) {
    height: 156px;
    width: 243px;
    padding: 7px;
    position: absolute;
    top: 0;
    left: 525px;
    z-index: 7;
}

#feedBack .wrapperContent .item:nth-child(2) .itemHover {
    right: -170%;
    top: -54%;
}

#feedBack .wrapperContent .item:nth-child(2):hover .itemHover {
    right: -175%;
}

#feedBack .wrapperContent .item:nth-child(2) .wrapper {
    transform: rotate(8deg);
}

#feedBack .wrapperContent .item:nth-child(2) a.name {
    color: #0095da;
    font-size: 9px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(2) p.job {
    color: #333333;
    font-size: 9px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(3) {
    height: 160px;
    width: 250px;
    padding: 7px;
    position: absolute;
    top: 67px;
    left: 735px;
    z-index: 11;
}

@media (min-width: 1200px) {
    #feedBack .wrapperContent .item:nth-child(3):hover .wrapper {
        z-index: 20 !important;
        transform: scale(1.1) rotate(10deg);
    }
    #feedBack .wrapperContent .item:nth-child(3):hover .wrapper:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
        border-color: rgba(0, 149, 218, 0.278431);
    }
}

#feedBack .wrapperContent .item:nth-child(3) .wrapper {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-2deg);
}

#feedBack .wrapperContent .item:nth-child(3) a.name {
    color: #0095da;
    font-size: 11px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(3) p.job {
    color: #333333;
    font-size: 9px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(3) .itemHover {
    right: initial;
    left: -167%;
    top: -56%;
}

#feedBack .wrapperContent .item:nth-child(3) .itemHover:before {
    left: initial;
    right: -58px;
    background: url(/uploads/plugin/custom_img/2019-04-10/1554883027-909609858-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

#feedBack .wrapperContent .item:nth-child(3):hover .itemHover {
    left: -172%;
}

#feedBack .wrapperContent .item:nth-child(4) {
    height: 158px;
    width: 245px;
    padding: 7px;
    position: absolute;
    top: 27px;
    left: 925px;
    z-index: 9;
}

#feedBack .wrapperContent .item:nth-child(4) .wrapper {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

#feedBack .wrapperContent .item:nth-child(4) a.name {
    color: #0095da;
    font-size: 10px;
    line-height: 11px;
	font-weight:bold;
}

#feedBack .wrapperContent .item:nth-child(4) p.job {
    color: #333333;
    font-size: 9px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(4) .itemHover {
    right: initial;
    left: -167%;
    top: -56%;
}

#feedBack .wrapperContent .item:nth-child(4) .itemHover:before {
    left: initial;
    right: -58px;
    background: url(/uploads/plugin/custom_img/2019-04-10/1554883027-909609858-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

#feedBack .wrapperContent .item:nth-child(4):hover .itemHover {
    left: -172%;
}

#feedBack .wrapperContent .item:nth-child(5) {
    height: 161px;
    width: 250px;
    padding: 7px;
    position: absolute;
    top: 152px;
    left: 500px;
    z-index: 11;
}

@media (min-width: 1200px) {
    #feedBack .wrapperContent .item:nth-child(5):hover .wrapper {
        z-index: 20 !important;
        transform: scale(1.1) rotate(10deg);
    }
    #feedBack .wrapperContent .item:nth-child(5):hover .wrapper:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
        border-color: rgba(0, 149, 218, 0.278431);
    }
}

#feedBack .wrapperContent .item:nth-child(5) .wrapper {
    -webkit-transform: rotate(-21deg);
    transform: rotate(-13deg);
}

#feedBack .wrapperContent .item:nth-child(5) a.name {
    color: #0095da;
    font-size: 10px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(5) p.job {
    color: #333333;
    font-size: 9px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(5) .itemHover {
    right: -170%;
    top: -54%;
}

#feedBack .wrapperContent .item:nth-child(5):hover .itemHover {
    right: -175%;
}

#feedBack .wrapperContent .item:nth-child(6) {
    height: 140px;
    width: 218px;
    padding: 7px;
    position: absolute;
    top: 242px;
    left: 658px;
    z-index: 7;
}

#feedBack .wrapperContent .item:nth-child(6) .wrapper {
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
}

#feedBack .wrapperContent .item:nth-child(6) a.name {
    color: #0095da;
    font-size: 10px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(6) p.job {
    color: #333333;
    font-size: 9px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(6) .itemHover {
    right: -180%;
    top: -67%;
}

#feedBack .wrapperContent .item:nth-child(6):hover .itemHover {
    right: -183%;
}

#feedBack .wrapperContent .item:nth-child(7) {
    height: 174px;
    width: 270px;
    padding: 7px;
    position: absolute;
    top: 190px;
    left: 862px;
    z-index: 10;
}

@media (min-width: 1200px) {
    #feedBack .wrapperContent .item:nth-child(7):hover .wrapper {
        z-index: 20 !important;
        transform: scale(1.1) rotate(10deg);
    }
    #feedBack .wrapperContent .item:nth-child(7):hover .wrapper:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
        border-color: rgba(241, 126, 1, 0.34);
    }
}

#feedBack .wrapperContent .item:nth-child(7) .wrapper {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

#feedBack .wrapperContent .item:nth-child(7) a.name {
    color: #0095da;
    font-size: 10px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(7) p.job {
    color: #333333;
    font-size: 9px;
    line-height: 11px;
}

#feedBack .wrapperContent .item:nth-child(7) .itemHover {
    right: initial;
    left: -167%;
    top: -56%;
}

#feedBack .wrapperContent .item:nth-child(7) .itemHover:before {
    left: initial;
    right: -58px;
    background: url(/uploads/plugin/custom_img/2019-04-10/1554883027-909609858-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

#feedBack .wrapperContent .item:nth-child(7):hover .itemHover {
    left: -172%;
}

#feedBack .wrapperContent .item a.name {
    display: inline-block;
    color: #0095da;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    transition: 0.3s;
    margin-bottom: 3px;
}

#feedBack .wrapperContent .item p.job {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px 0;
}

#feedBack .wrapperContent .item .khungAnh {
    width: 100%;
}

#feedBack .wrapperContent .item .khungAnh:before {
    padding-bottom: 66.18%;
}
/*=======================*/
#reasonWhy .wrapper {
    position: relative;
}

#reasonWhy .wrapper .left {
    width: 50%;
    position: relative;
    float: left;
}

#reasonWhy .wrapper .left .khungAnh:before {
    padding-bottom: 100%;
}

#reasonWhy .wrapper .left .listItem {
    position: absolute;
    right: 0;
    z-index: 100;
    top: 30%;
}

#reasonWhy .wrapper .left .listItem .item {
    width: 306px;
    background: rgb(241, 126, 1);
    margin-bottom: 2px;
    padding: 22px 20px 21px 112px;
    position: relative;
    display: block;
    transition: 0.5s;
}

#reasonWhy .wrapper .left .listItem .item:hover:before {
    transform: scaleY(0);
    transition-duration: 0.5s;
}

#reasonWhy .wrapper .left .listItem .item:before {
    background: #048ac7;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    transition: 0.5s;
}

#reasonWhy .wrapper .left .listItem .item .wrapper_img {
    position: absolute;
    height: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 112px;
}

#reasonWhy .wrapper .left .listItem .item img {
    max-height: 100%;
    max-width: 100%;
}

#reasonWhy .wrapper .left .listItem .item a {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    max-height: 26px;
    overflow: hidden;
    display: inline-block;
    transition: 0.3s;
}

#reasonWhy .wrapper .left .listItem .item p {
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    height: 72px;
    overflow: hidden;
    margin: 0;
}

#reasonWhy .wrapper .right {
    width: 50%;
    background: rgba(245, 226, 206, 0.47843137254901963);
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

#reasonWhy .wrapper .right .content {
    height: auto;
    padding-left: 92px;
    padding-right: calc(((100%*2) - 1170px)/2);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#reasonWhy .wrapper .right .content span.title {
    color: #f17e01;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 3px;
}

#reasonWhy .wrapper .right .content p.title {
    color: #333333;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 20px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    margin-top: 0;
}

#reasonWhy .wrapper .right .content p.title:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 75px;
    left: 0;
    bottom: -20px;
    z-index: 100;
    background: #f17e02;
}

#reasonWhy .wrapper .right .content .noidung {
    color: #333333;
    font-size: 14px;
    line-height: 26px;
    margin-top: 40px;
    margin-bottom: 38px;
}

#reasonWhy .wrapper .right .content .counts {
    display: flex;
    justify-content: flex-start;
}

#reasonWhy .wrapper .right .content .counts .item {
    margin-right: 25px;
}

#reasonWhy .wrapper .right .content .counts .item:last-child {
    margin-right: 0;
}

#reasonWhy .wrapper .right .content .counts .item span {
    color: #333333;
    font-size: 34px;
    line-height: 32px;
    font-weight: 900;
    margin-bottom: 4px;
}

#reasonWhy .wrapper .right .content .counts .item span.counter-value {
    margin-right: 3px;
}

#reasonWhy .wrapper .right .content .counts .item p {
    color: #f17e03;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 30px;
}

#reasonWhy .wrapper .right .content a.detail {
    display: inline-block;
    padding: 0 42px;
    height: 35px;
    color: #fff;
    font-size: 13px;
    line-height: 35px;
    text-transform: uppercase;
    background: #f17e02;
    transition: 0.3s;
}

#reasonWhy .wrapper .right .content a.detail:hover {
    background: #ffc709;
}

#reasonWhy .wrapper .right .content a.detail:hover i {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

#reasonWhy .wrapper .right .content a.detail i {
    color: #fff;
    margin-left: 5px;
}
/*============================*/

#staff {
    padding-top: 54px;
    padding-bottom: 45px;
}

#staff span.title {
    color: #f17e02;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

#staff a.title {
    color: #333333;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 28px;
    font-weight: bold;
    transition: 0.3s;
    width: 100%;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
}

#staff a.title:hover {
    color: #0095da;
}

#staff .listItem .slick-list {
    margin: 0 -15px;
}

#staff .listItem .slick-dots {
    width: 100%;
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin-top: 33px;
    padding-left: 0;
}

#staff .listItem .slick-dots li {
    width: 10px;
    height: 10px;
    background: #d6d6d6;
    margin-right: 5px;
    cursor: pointer;
}

#staff .listItem .slick-dots li.slick-active {
    background: #0095da;
}

#staff .listItem .slick-dots li button {
    display: none;
}

#staff .listItem .item {
    position: relative;
    padding: 0 15px;
}

#staff .listItem .item:hover .itemHover {
    transform: scaleY(1);
}

#staff .listItem .item .khungAnh:before {
    padding-bottom: 135%;
}

#staff .listItem .item .outer {
    border-top: 4px solid #f17e01;
    padding: 23px 20px 25px 20px;
    background: rgba(245, 226, 206, 0.47843137254901963);
    transition: .4s;
}

#staff .listItem .item .outer a.name {
    color: #333333;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 4px;
    text-transform: capitalize;
    height: 20px;
    overflow: hidden;
    width: 100%;
    display: inline-block;
}

#staff .listItem .item .outer p.technique {
    color: #999999;
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    margin: 0;
    width: 100%;
    overflow: hidden;
}

#staff .listItem .item .itemHover {
    transform: scaleY(0);
    transform-origin: 30% 70%;
    bottom: 0;
    left: 15px;
    transition: .5s;
    overflow: hidden;
    background: #f17e01;
    padding: 0 15px 0 15px;
    position: absolute;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    z-index: 100;
}

#staff .listItem .item .itemHover a.name {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 7px;
    margin-top: 15px;
    height: 20px;
    text-transform: capitalize;
    overflow: hidden;
    display: inline-block;
}

#staff .listItem .item .itemHover p.technique {
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    height: auto;
    max-height: 40px;
    overflow: hidden;
    margin: 0;
}

#staff .listItem .item .itemHover p.info {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    max-height: 100px;
    overflow: hidden;
    margin: 15px 0 22px 0;
    font-style: italic;
}

#staff .owl-theme .owl-controls{
    margin-top: 50px;
}

#staff .owl-theme .owl-controls .owl-page span{
    border-radius: 0 !important;
    background-color: #000000;
}
/*================================*/
.news-left .news-custom-item .item-blogs{
    height: 400px !important;
    position: relative;
    border: 1px solid #eee;
}
.news-left .news-custom-item .item-blogs .img-news img,
.news-right .news-custom-item .item-blogs .img-news img{
}
.news-left .news-custom-item .item-blogs .img-blogs{
    max-height: 400px !important;
}
.news-left .news-custom-item .item-blogs .img-news img{
    height: 400px !important;
    object-fit: cover;
}
.news-right .news-custom-item .item-blogs .img-news img{
    height: 195px !important;
    object-fit: cover;
}
.news-left .news-custom-item .item-blogs .info,
.news-right .news-custom-item .item-blogs .info{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.news-left .news-custom-item .item-blogs,
.news-right .news-custom-item .item-blogs{
    position: relative;
}
.news-left .news-custom-item .item-blogs:after,
.news-right .news-custom-item .item-blogs:after{
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        background: url(http://matvietnga.com/css/images/TinTuc.png) no-repeat left bottom;
        background-size: 100% 50%;
        z-index: 2;
        height: 100%;
        width: 100%;
        pointer-events: none;
        visibility: unset;
}

.news-left .title-blogs-item,
.news-right .title-blogs-item{
    margin-bottom: 0 !important;
    padding-left: 15px;
    z-index: 9;
}
.news-left .title-blogs-item a,
.news-right .title-blogs-item a{
    color: #fff;
    text-transform: none;
}
.news-right .news-custom-item .item-blogs{
    height: 195px !important;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #eee;
}

.news-background{
     background: #faf2e9 url(/uploads/plugin/custom_img/2019-05-16/1557973111-941929647-custom.png) no-repeat center center;
     -webkit-background-size: cover;
     background-size: cover;
     padding-top: 65px;
     padding-bottom: 62px;
     position: relative;
     padding: 60px 0 !important;
     background-size: cover;
     background-position: center center;
}
.news-left-custom .title_widget > h2{
    color: #333333;
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 28px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}

.news-left-custom .title_widget{
    margin: 0 !important;
}
.news-background .read-more a{
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: left;
}
.news-background .read-more a:hover{
    color: #0095da;
    float: none;
    clear: both;
    width: 100%;
    transition: 0.3s;
}
.news-background .title-blogs-item a:hover{
    color: #0095da !important;
}
.news-background .read-more a i{
    margin-left: 5px;
}
.news-small-custom .title_widget{
    margin-bottom: 9px;
    margin-top: 0px;
}
.news-small-custom .item-blogs{
    height: 195px;
    margin-bottom: 10px;
    background: #fff;
}
.news-small-custom .item-blogs .img-news img{
    height: 195px;
    object-fit: cover;
}
.news-small-custom .item-blogs .img-blogs{
    margin-bottom: 0px;
}
.news-small-right .info{
    padding: 20px 30px 0 5px;
}
.news-small-custom .title-block-product{
    color: #333333;
    font-size: 30px;
    line-height: 45px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-top: 30px;
}
.news-small-custom .title_widget > p{
    color: #f17e01;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}
.news-small-custom .read-more{
    margin-top: 15px;
}
@media(min-width: 992px){
    .news-left .col-md-12.col-sm-12.col-xs-12.news-custom-item.list-item.box-blogs{
        padding-right: 5px;
    }
    .news-right .col-md-12.col-sm-12.col-xs-12.news-custom-item.list-item.box-blogs{
        padding-left: 5px;
    }
}
/* =============================== */
/*#footer{*/
/*    background: #0095da;*/
/*    background-image: url(/uploads/plugin/custom_img/2019-04-12/1555037730-152362399-custom.jpg);*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*}*/

.footer-information .item {
    position: relative;
    padding: 66px 40px 40px 40px;
}

.ic-1{
    width: 80px;
    height: 80px;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -33px;
    transition: 0.5s;
}
.ic-info{
    background: url(/uploads/plugin/custom_img/2019-05-16/1557973658-1837544206-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
#footer .mainFooter .item-1{
    background: url(/uploads/plugin/custom_img/2019-05-16/1557974749-1781558723-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.footer-information .item p.title{
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 14px;
    text-align: center;
}
.footer-information .item .hotLine{
    height: 80px;
    width: 100%;
    background: #333;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 14px;
    
}

.footer-information .item .hotLine a{
    display: inline-block;
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    margin-top: 15px;
    width: 100%;
    padding-left: 58px;
}

.footer-information .item .hotLine span{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    margin-top: 1px;
    text-transform: uppercase;
    padding-left: 32px;
}
#footer .footer-information .item .itemSub span {
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    text-transform: uppercase;
}
#footer .footer-information .item p.address {
    color: #fff;
    line-height: 22px;
    padding-bottom: 0;
    position: relative;
    padding-left: 20px;
}

#footer .footer-information .item p.address i {
    position: absolute;
    top: 4px;
    left: 0;
    color: #f17e01;
    font-size: 16px;
}
#footer .footer-information .item p.phone {
    color: #f17e01;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 0;
    position: relative;
    padding-left: 22px;
    background: url(/uploads/plugin/custom_img/2019-05-16/1557975235-907930967-custom.png) no-repeat top 6px left;
}

#footer .footer-information .item p.phone a {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
}
#footer .footer-information .item p.mail {
    color: #c1e9ff;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    padding-left: 20px;
    margin-top: 0;
}
#footer .footer-information .item p.mail a {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
#footer .footer-information .item p.mail i {
    position: absolute;
    top: 4px;
    left: 0;
    color: #f17e01;
    font-size: 14px;
}
#footer .footer-time-work .ic-time{
    background: url(/uploads/plugin/custom_img/2019-05-16/1557973658-162323553-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
#footer .footer-time-work .item-2{
    background: url(/uploads/plugin/custom_img/2019-05-16/1557974772-1251966042-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

#footer .mainFooter .item p.text {
    color: #fff;
    line-height: 22px;
    margin-bottom: 4px;
    margin-top: 12px;
}

#footer .mainFooter .item p.text i {
    position: absolute;
    top: 4px;
    left: 0;
    color: #f17e01;
    font-size: 14px;
}

#footer .mainFooter .item p.title {
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 14px;
    text-align: center;
}

#footer .mainFooter .item ul.list-unstyled li {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    padding-left: 24px;
    position: relative;
}

#footer .mainFooter .item ul.list-unstyled li i {
    position: absolute;
    top: 6px;
    left: 0;
    color: #f17e01;
    font-size: 14px;
}

#footer .mainFooter .item{
    position: relative;
    padding: 66px 40px 40px 40px;
}

#footer .mainFooter .item p.text {
    position: relative;
    padding-left: 20px;
    color: #fff;
}

#footer .mainFooter {
    padding-bottom: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.footer-contact .form-control{
    height: 36px !important;
}
.footer-contact .input-block {
    clear: both;
}
#footer .footer-contact .item-3{
    background: url(/uploads/plugin/custom_img/2019-05-16/1557974794-235976763-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
#footer .footer-contact .ic-form-contact{
    background: url(/uploads/plugin/custom_img/2019-05-16/1557973658-882360504-custom.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.footer-contact .form-contact .form-group{
    margin-bottom: 5px;
    height: 36px;
    border-radius: 3px;
    padding-left: 40px;
    position: relative;
    float: left;
    width: 100%;
}
.footer-contact .form-contact .form-group span.icon {
    display: inline-block;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.footer-contact .form-contact .form-group span.icon i {
    width: 40px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #565656;
    color: #fff;
}
.footer-contact .form-contact .form-group input:placeholder-shown {
    color: #ffffff;
    font-size: 14px;
    line-height: 36px;
}
.footer-contact .form-contact .form-group input, .footer-contact .form-contact .form-group select {
    border: 0;
    outline: 0;
    padding: 0 13px;
    width: 100%;
    height: 100%;
    background: #4e4e4e;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}
.footer-contact .form-control{
    background: #4e4e4e !important;
    font-size: 14px !important;
}

.footer-contact .form-contact .form-group input::-webkit-input-placeholder,
.footer-contact .form-contact .form-group textarea::-webkit-input-placeholder {
   color: #fff;
}

.footer-contact .form-contact .form-group input:-moz-placeholder,
.footer-contact .form-contact .form-group textarea::-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.footer-contact .form-contact .form-group input::-moz-placeholder,
.footer-contact .form-contact .form-group textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.footer-contact .form-contact .form-group input:-ms-input-placeholder,
.footer-contact .form-contact .form-group textarea::-ms-input-placeholder {  
   color: #fff;  
}
.form-group-custom{
    padding-right: 25px !important;
    padding-left: 55px !important;
}
.footer-contact .form-contact .form-group-custom span.icon{
    left: 15px;
}
.footer-contact .form-contact .form-group-custom select{
    height: 36px !important;
}
.footer-contact .form-contact .form-group textarea{
    height: 75px !important;
    color: #c1e9ff !important;
    border: none;
    padding: 6px 13px;
}
.footer-contact .form-contact .form-content span.icon i{
    height: 75px !important;
}
.footer-contact .list-button{
    padding-left: 0 !important;
}
.footer-contact .form-contact .btn-content button{
    width: 100%;
    margin-top: 40px;
    border-radius: 0;
    background: #f17e01;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.footer-between{
    padding-bottom: 40px;
}
.footer-between .menu-footer-vertical .title-menu-ft{
    display: none;
}
.footer-between .menu-footer-vertical .icon-social{
    float: right;
    width: 100%;
    text-align: right;
    /* margin-left: auto; */
    /* display: table; */
}
.footer-between .menu-footer-vertical .icon-social a{
    border-radius: 50%;
    color: #fff;
    border: none;
    float: right;
    margin-left: 10px;
}
.footer-between .menu-footer-vertical .icon-social a i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 18px;
}
.footer-between .menu-footer-vertical .icon-social a .fa.fa-facebook{
    background: #4267b2 ;
}
.footer-between .menu-footer-vertical .icon-social a .fa.fa-youtube{
    background: #ff0000;
}
.footer-between .menu-footer-vertical .icon-social a .fa.fa-google-plus{
    background: #dd4e42;
}
.footer-menu{
    width: 100%;
}
.footer-menu ul{
    float: right;
    margin-top: 5px;
}
.footer-menu ul li{
    float: left;
    padding-left: 7px;
    color: #b2e3f8;
    padding-right: 7px;
    border-right: 1px solid #b2e3f8;
}
.footer-menu ul li:last-child{
    padding-right: 0px;
    border-right: none;
}
.footer-menu ul li a{
    color: #8a8a8a;
}
.footer-copy{
    width: 100%;
    display: table;
}
.footer-copy ul{
    float: right;
}
.footer-copy ul li{
    float: left;
    margin-right: 15px;
    color: #fff;
}
.footer-copy ul li a{
    color: #fff;
}
#footer .partner .img img{
    height: 50px;
    object-fit: contain;
}
.partner-background{
    background: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: -2px;
}
@media(min-width: 992px){
    #footer{
        /* padding-top: 105px; */
    }
   #footer .mainFooter .item{
        padding-top: 68px;
        padding-bottom: 42px;
        height: 550px;
    }
    .footer-information .item p.title {
        margin-bottom: 22px;
    }
    .footer-padding .col-sm-4{
        padding-left: 0;
        padding-right: 0;
    }
    .footer-padding .col-sm-4:last-child{
        padding-right: 15px;
    }
    .footer-padding .col-sm-4:first-child{
        padding-left: 15px;
    }
    .footer-between .menu-footer-vertical{
        padding: 0;
    }
}

/*Scrool-top*/

#return-to-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}



/*End.Scroll-top*/
.contactLeft {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    z-index: 999999;
}

.contactLeft .item {
    width: 53px;
    height: 55px;
    padding-left: 14px;
    padding-right: 50px;
    margin-bottom: 18px;
    position: relative;
    transition: 0.8s;
    z-index: 101;
}

.contactLeft .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    background: transparent;
    z-index: 9999;
    pointer-events: none;
}

.contactLeft .item:first-child .info a {
    font-size: 18px;
}

.contactLeft .item.phone a.icon i {
    font-size: 40px;
    background: #F17E01 url(/uploads/plugin/custom_img/2019-04-13/1555122543-1159061425-custom.png) no-repeat center center;
}

.contactLeft .item.phone a.icon i:before {
    content: "";
}

.contactLeft .item.calendar span.icon i {
    font-size: 25px;
}

.contactLeft .item .info {
    transform-origin: 0 100%;
    transform: scaleX(0);
    transition: 1s;
    opacity: 0;
    background: #f17e01;
    overflow: hidden;
    position: relative;
    height: 55px;
    padding: 0;
    left: -1%;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-left: 6px;
    margin-right: 100%;
    width: 230px;
    z-index: 100;
}

.contactLeft .item .info.active {
    padding-right: 30px;
    padding-left: 56px;
    transform: scaleX(1);
    opacity: 1;
}

.contactLeft .item .info .wrapper {
    height: auto;
}

.contactLeft .item .info span {
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.contactLeft .item .info a {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

.contactLeft .item a.icon {
    height: 63px;
    width: 63px;
    display: inline-block;
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 102;
}

.contactLeft .item a.icon i {
    height: 63px;
    width: 63px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #F17E01;
    border: 3px solid #F17E01;
    border-radius: 50%;
    font-size: 30px;
}

.contactLeft .item a.icon i:before {
    height: 63px;
    width: 63px;
    line-height: 63px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    display: inline-block;
}
.contactLeft .item .info .wrapper{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#reasonWhy .wrapper .left .khungAnh>a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
#reasonWhy .wrapper .left .khungAnh>a>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#reasonWhy .wrapper .left .khungAnh {
    position: relative;
    padding-top: 100%;
}
.btn-search.btn-main {
    color: #f17e01;
}
.nav_desktop li.active a, .nav_desktop li a:hover, .nav_desktop ul li:hover ul li a:hover {
    color: #f17e01;
}
.btn-menu-main {
    color: #f17e01;
}
.contact-lh {
    margin-top: 20px;
}

@media(max-width: 1300px){
    .quick-alo-ph-circle {
        width: 46px;
        height: 46px
    }
    .contactLeft {
        left: 5px
    }
    .contactLeft .item {
        height: 40px;
        margin-bottom: 7px
    }
    .contactLeft .item:hover .info {
        padding-right: 30px !important;
        padding-left: 40px !important
    }
    .contactLeft .item.calendar a.icon i {
        font-size: 15px
    }
    .contactLeft .item:first-child span.icon i {
        background: #0095da url(images/icon/hotLine2.png) no-repeat center center;
        background-size: 16px 14px
    }
    .contactLeft .item:first-child .info .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .contactLeft .item:first-child .info .wrapper span {
        margin-right: 5px
    }
    .contactLeft .item:first-child .info a {
        font-size: 14px
    }
    .contactLeft .item a.icon {
        width: 40px;
        height: 40px
    }
    .contactLeft .item a.icon i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }
    .contactLeft .item a.icon i:before {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .contactLeft .item .info {
        height: 34px;
        width: 220px
    }
    .contactLeft .item .info a {
        font-size: 13px
    }
}

@media(min-width: 1200px){
    .contactLeft .item:hover {
        width: 238px
    }
    .contactLeft .item:hover .info {
        padding-right: 0;
        padding-left: 56px;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
}
/*==================*/
#header {
    height: 113px;
    /*background: url(http://matvietnga.com/css/images/bgheader.jpg) no-repeat top left;*/
    /*background-size: 100% 2px;*/
    border-top: 2px solid #f17e01;
}
/* ================ */
#slider_Customer_2 .owl-wrapper-outer{
    overflow: unset;
}
.services .owl-theme .owl-controls .owl-page span{
    margin-top: 30px;
    border-radius: 0px;
    background:#f17e01;
}
.services .owl-theme .owl-controls .owl-buttons div.owl-prev{
    background: #f17e01;
    left: 10px;
    opacity: 1;
    height: 40px;
    line-height: 35px;
    width: 30px;
    border-radius: 0;
}
.services .owl-theme .owl-controls .owl-buttons div.owl-next{
    background: #f17e01;
    right: 10px;
    opacity: 1;
    height: 40px;
    line-height: 35px;
    width: 30px;
    border-radius: 0;
}
.btn-default:hover {
    color: #fff !important;
    background-color: #f17e01 !important;
    border-color: #f17e01 !important;
}
.list-item .item-product.style-view-2 .img {
    padding-top: 78%;
}
.list-item .item-product.style-view-2 .img>a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.list-item .img-item-product, .style-view-small .img img {
    object-fit: contain;
}
.list-item.view-list .item-product.style-view-2 .img {
    padding-top: 25%;
}
.title-product a {
    font-weight: bold;
}
.price-inline p {
    color: #f17e01;
}
.khungAnh {
    position: relative;
    padding-top: 100%;
}
.khungAnh>a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.khungAnh>a>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
a.lien_he {
    font-weight: bold;
    color: #f17e01;
}
.product-detail a.lien_he {
    font-size: 20px;
}
.news-background .read-more a {
    color: #f17e01;
    font-size: 15px;
    line-height: 19px;
    font-weight: BOLD;
    text-transform: uppercase;
    text-align: left;
}
.fa.fa-laz:before, .fa.fa-shopee:before {
    content: '';
    background-image: url(/uploads/plugin/custom_img/2019-05-28/1559011799-419141258-custom.png);
    position: absolute;
    top: 7px;
    left: 7px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.fa.fa-shopee:before {
    background-image: url(/uploads/plugin/custom_img/2019-05-28/1559012046-1374127715-custom.png);
}
.footer-between .menu-footer-vertical .icon-social a .fa.fa-laz {
    background: #f37226;
    position: relative;
}
.footer-between .menu-footer-vertical .icon-social a .fa.fa-shopee {
    background: #fe5721;
    position: relative;
}
.nav_desktop {
    float: none;
}
#header .nav_desktop ul {
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
}
.logo img {
    width: 195px;
}
table.table-daily {
    display: block;
    overflow-y: scroll;
    height: 1000px;
    width:100%;
}
table::-webkit-scrollbar {
	width: 10px;
}

table::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

table::-webkit-scrollbar-thumb {
	background-color: #C1C1C1;
	outline: 1px solid #C1C1C1;
	border-radius: 10px;
}

.add-bee h3 {
    margin-top: 0;
    font-size: 20px;
    color: #f17d00;
}
.add-bee .panel-title a {
    display: block;
}
.add-bee .panel-body ul {
    list-style: disc;
    margin-left: 15px;
}
.main-menu-top {
    float: left;
}

@media(max-width: 768px){
    #header{
        height: auto;
    }
    .services{
        padding: 30px 0px;
    }
    .services .row .title h2 a{
        font-size: 24px;
    }
    .services .row .listItem .item .outer{
        height: 175px;
    }
    .services .row .listItem{
        margin: 0;
    }
        #feedBack .wrapperContent .item:first-child {
        left: 20px
    }
        #feedBack {
        padding-bottom: 30px;
        padding-top: 60px;
        height: 775px
    }
    #feedBack .title h2 a {
        font-size: 22px
    }
    #feedBack .wrapperContent {
        width: 300px;
        margin: -87px auto 0 auto
    }
    #feedBack .wrapperContent .item .wrapper {
        padding: 6px
    }
    #feedBack .wrapperContent .item .itemHover {
        right: initial !important;
        top: initial !important;
        position: relative;
        width: 280px;
        left: 0;
        padding: 10px !important
    }
    #feedBack .wrapperContent .item .itemHover:before {
        display: none
    }
    #feedBack .wrapperContent .item .itemHover a.name {
        height: 22px;
        font-size: 14px !important;
        line-height: 22px !important
    }
    #feedBack .wrapperContent .item .itemHover p.job {
        height: 22px;
        font-size: 14px !important;
        line-height: 22px !important
    }
    #feedBack .wrapperContent .item .itemHover p.info {
        max-height: 104px;
        overflow: hidden
    }
    #feedBack .wrapperContent .item .itemHover.active {
        display: block
    }
    #feedBack .wrapperContent .item p.job {
        height: 8px;
        font-size: 6.5px !important;
        line-height: 8px !important;
        overflow: hidden
    }
    #feedBack .wrapperContent .item a.name {
        height: 8px;
        font-size: 6.5px !important;
        line-height: 8px !important;
        overflow: hidden
    }
    #feedBack .wrapperContent .item .khungAnh:before {
        padding-bottom: 58.78%
    }
    #feedBack .wrapperContent .item:first-child {
        width: 270px;
        height: 185px;
        top: 80px
    }
    #feedBack .wrapperContent .item:first-child .wrapper {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }
    #feedBack .wrapperContent .item:first-child p.job {
        height: 10px;
        font-size: 10px !important;
        line-height: 10px !important;
        overflow: hidden
    }
    #feedBack .wrapperContent .item:first-child a.name {
        height: 10px;
        font-size: 10px !important;
        line-height: 10px !important;
        overflow: hidden
    }
    #feedBack .wrapperContent .item:nth-child(5) {
        width: 180px;
        height: 113px;
        left: 18px;
        top: 231px;
        z-index: 12
    }
    #feedBack .wrapperContent .item:nth-child(5) .wrapper {
        -webkit-transform: rotate(-14deg);
        transform: rotate(-14deg)
    }
    #feedBack .wrapperContent .item:nth-child(2) {
        width: 178px;
        height: 102px;
        left: 116px;
        top: 245px;
        z-index: 13
    }
    #feedBack .wrapperContent .item:nth-child(2) .wrapper {
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg)
    }
    #feedBack .wrapperContent .item:nth-child(6) {
        width: 198px;
        height: 83px;
        left: 21px;
        top: 363px
    }
    #feedBack .wrapperContent .item:nth-child(7) {
        width: 177px;
        height: 115px;
        left: 123px;
        top: 372px;
        z-index: 13
    }
    #feedBack .wrapperContent .item:nth-child(7) .wrapper {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }
    #feedBack .wrapperContent .item:nth-child(3) {
        top: 485px;
        left: 2px;
        width: 182px;
        z-index: 13
    }
    #feedBack .wrapperContent .item:nth-child(4) {
        top: 486px;
        left: 127px;
        width: 186px;
        z-index: 14
    }

}


@media (min-width: 1200px) and (max-width: 1400px) {
    .services .row .listItem .item .head {
        padding-top: 0;
    }
    .services .row .listItem .item .outer {
        padding-top: 30px
    }
    .services .row .listItem .item .outer a.detail {
        margin: 13px 0 25px 0
    }
    .nav_desktop li a {
        padding: 15px 8px;
        font-size: 13px;
    }
}


@media(min-width: 1200px){
    #reasonWhy {
        height: 100%
    }
    #reasonWhy .wrapper {
        height: 100%
    }
    #reasonWhy .wrapper .left {
        height: 100%
    }
    #reasonWhy .wrapper .left .khungAnh {
        height: 100%
    }

}

@media(max-width: 1199px){
        #reasonWhy .wrapper {
        margin: 0
    }
    #reasonWhy .wrapper .left {
        width: 100%;
        padding: 0
    }
    #reasonWhy .wrapper .left .listItem {
        bottom: 0;
        top: initial;
        left: 20px;
        -webkit-transform: initial;
        transform: initial;
        width: calc(100% - 40px);
        width: -ms-calc(100% - 40px)
    }
    #reasonWhy .wrapper .left .listItem:after {
        display: block;
        content: "";
        clear: both
    }
    #reasonWhy .wrapper .left .listItem .item {
        width: calc(33.33% - 1px);
        width: -ms-calc(33.33% - 1px);
        margin-bottom: 0;
        float: left;
        margin-right: 1px
    }
    #reasonWhy .wrapper .left .listItem .item:last-child {
        margin-right: 0;
        width: 33.33%
    }
    #reasonWhy .wrapper .right {
        width: 100%;
        padding: 0;
        position: relative
    }
    #reasonWhy .wrapper .right .content {
        -webkit-transform: initial;
        transform: initial;
        padding: 50px 20px 73px 20px
    }
    #reasonWhy .wrapper .right .content a.detail {
        border-radius: 0
    }

}

@media(max-width: 768px){
        #reasonWhy .wrapper .left .khungAnh:before {
        padding-bottom: 166.25%
    }
    #reasonWhy .wrapper .left .listItem {
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        left: 10px;
        bottom: -1px
    }
    #reasonWhy .wrapper .left .listItem .item {
        margin-right: 0;
        width: 100%;
        margin-bottom: 1px;
        padding-top: 10px;
        padding-bottom: 10px;
        left: 0
    }
    #reasonWhy .wrapper .left .listItem .item:last-child {
        width: 100%
    }
    #reasonWhy .wrapper .right .content .counts {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #reasonWhy .wrapper .right .content .counts .item {
        width: 100%
    }
    #banner .banner_tchu .khungAnh:before {
        padding-bottom: 88.75%
    }
    #banner .banner_tchu a.controls.prev {
        left: 10px
    }
    #banner .banner_tchu a.controls.next {
        right: 10px
    }
    #banner.banner_tcon .khungAnh:before {
        padding-bottom: 88.43%
    }
    #reasonWhy .wrapper .right .content {
        padding: 58px 10px 47px 10px
    }
    #reasonWhy .wrapper .right .content a.detail {
        margin-top: 23px
    }
    #reasonWhy .wrapper .right .content p.title {
        font-size: 22px;
        line-height: 34px
    }
    #reasonWhy .wrapper .right .content .counts .item {
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 0
    }
    #reasonWhy .wrapper .right .content .counts .item span {
        font-size: 26px
    }
    #reasonWhy .wrapper .right .content .counts .item p {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 5px
    }
    #reasonWhy .khungAnh .khungAnhCrop img{
        height: 560px;
        object-fit: cover;
    }
    #slider_Customer .slick-slide{
        width: 100% !important;
    }

    .news-background{
        padding: 30px 0 !important;
    }

    #footer {
        padding-top: 0;
        border-top: 1px solid #ccc;
    }
    #footer .mainFooter {
        padding-bottom: 0
    }
    #footer .mainFooter .hotLine {
        max-width: 265px
    }
    #footer .mainFooter .hotLine a {
        margin-top: 15px
    }
    #footer .mainFooter>.item {
        padding-bottom: 77px;
        width: 100%
    }
    #footer .mainFooter>.item:nth-child(1) {
        background: #2d2d2d;
        padding-right: 15px
    }
    #footer .mainFooter>.item:nth-child(2) {
        background: #0087C6
    }
    #footer .mainFooter>.item:nth-child(3) {
        background: #008DCE;
        padding-top: 66px;
        padding-bottom: 20px
    }
    #footer .mainFooter>.item:nth-child(3) span.icon2 {
        top: -33px
    }
    #footer .mainFooter .item{
        padding-left: 25px;
    }
    #footer .mainFooter .fanpage{
        overflow: hidden;
    }
    #footer .mainFooter .fanpage iframe{
        width: 100% !important;
    }
    .footer-between .menu-footer-vertical .icon-social{
        float: left !important;
        text-align: left;
    }
    .footer-menu ul li{
        padding-left: 0px;
        float: none;
        border: none;
    }
    .footer-menu ul{
        float: left;
    }
}
@media(max-width:767px){
    .feedBack-custom {
        padding: 0;
    }
    h2.title-category.bg-main {
        background: #f17e01;
    }
    .product-detail img {
        height: auto;
        width: auto;
    }
    .logo {
        padding: 16px 0;
    }
    table.table-daily {
        display: block;
        overflow: scroll;
        height:500px;
    }
}

@media(min-width: 992px) and (max-width: 1400px){
    .mighty-slider{
        height: 420px !important;
    }
    /*.services .row .listItem .item .head a.name{*/
    /*    top: 7%;*/
    /*}*/
}

@media(max-width: 468px){
    .top-banner-subpage{
        height: 60px;
        min-height: 60px;
    }
    .mighty-slider{
        height: 130px !important;
    }
}

@media(min-width: 992px){
    .partner-desktop ul li{
        display: inline-block;
        margin: 0px 10px; 
    }
    .partner-desktop ul{
        display: table;
        margin: 0 auto;
    }
}

.icon-medela {
    background: url(/uploads/plugin/custom_img/2019-06-25/1561428193-1653865625-custom.png);
    background-size: contain;
    display: block;
}