/*
Theme Name: seoviet
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face {
    font-family: 'SFUFutura';
    src: url('assets/fonts/SFUFutura.eot');
    src: url('assets/fonts/SFUFutura.eot') format('embedded-opentype'),
         url('assets/fonts/SFUFutura.woff2') format('woff2'),
         url('assets/fonts/SFUFutura.woff') format('woff'),
         url('assets/fonts/SFUFutura.ttf') format('truetype'),
         url('assets/fonts/SFUFutura.svg#SFUFutura') format('svg');
}
body {font-size: 14px;line-height: 1.5;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
#wrapper, #main {background: #f2f2f2;}
#breadcrumbs {padding: 15px 0;font-size: 13px;}
.push-right {margin-left: auto;margin-right: initial;}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
    box-shadow: unset;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
form {margin-bottom: 0;}
/*************** HEADER   ***************/
#logo {
    margin-right: 10px;
}
.header-inner .hide-for-medium.flex-right {
    padding: 0 15px;
}
.header-nav > li {margin: 0;}
.header-nav > li > a {font-size: 14px;text-transform: uppercase !important;color: #333;font-weight: 700 !important;padding: 0 25px;}
.header-nav > li:first-child > a {padding-left:0;}
.header-nav > li > .sub-menu {padding: 0;border: none;box-shadow: 2px 4px 5px #00000029;display: block;}
.header-nav > li > .sub-menu li {display: block;position: relative;width:100%;}
.header-nav > li > .sub-menu li.menu-item-has-children:after {content:'\f105';position: absolute;display: block;font-family: 'fl-icons' !important;right: 10px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.header-nav > li > .sub-menu .sub-menu {position: absolute;left: 100%;min-width: 250px;background: white;top: 50px;transition: all linear .3s;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;visibility: hidden;opacity: 0;}
.header-nav .sub-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0;
}
.header-nav > li > .sub-menu a {font-weight: 600;margin: 0;padding: 10px 15px;font-size: 13px;text-transform: uppercase;color: #333;}
.header-nav .sub-menu li:hover > a {color: #0098da;}
.header-search .nav-dropdown {padding: 0;margin: 0;border: none;box-shadow: none;top: 50%;right: 10px !important;transition: all linear .3s;}
.header-search .nav-dropdown input {
    box-shadow: none;
    border: 1px solid #ebebeb;
    outline: none;
    font-size: 14px;
    height: 36px;
}
.header-search:hover .nav-dropdown {transform: translateY(-50%);}
.header-search .nav-dropdown button {
    border:none;
    height: 36px;
    width: 36px;
    background: #0d8cf0;
    line-height: 36px;
    padding: 0;
    text-align: center;
    min-width: unset;
    font-size: 14px;
    min-height: unset;
}

/*************** HOME PAGE   ***************/
.product-block .box-text {padding-bottom: 0;}
.product-block .box-text-inner a {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

/*************** SINGLE PROJECT STYLE   ***************/
.project-single .project-name {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 30px;
    font-weight: normal;
    line-height: 1.4;
}
.project-single .project-name:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #faa100;
    margin-top: 5px;
}
.project-single .project-details .group {
    margin-bottom: 20px;
    font-size: 15px;
}
.project-single .project-details .label {
    color: #999;
}
.foot-project h2 {
    padding-top: 30px;
    border-top: 1px solid #c3c3c3;
    margin-top: 10px;
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 24px;
}
.project-list .project-name, .archive .project-name {font-weight: 500;font-size: 15px;text-transform: uppercase;line-height: 1.4;margin-bottom: 0;}
.foot-project .box-text {padding-bottom: 0;}
#project .project-img {position: relative;width: 100%;height: 100%;}
#project .project-img:before {content:'';position: absolute;width: 100%;height: 100%;z-index: 1;background: #00000038;display: block;}
.page-title {
    font-family: 'SFUFutura';
    font-size: 30px;
    margin-bottom: 0;
}
.tax-danh_muc_du_an .project-item .project-name {font-weight: 500;font-size: 16px;text-align: center;}
.big-post {padding: 0 15px 30px;position: relative;}
.big-post .post-inner {position: relative;display: block;color: white;}
.big-post .box-text {
    position: absolute;
    bottom: 0;
    padding: 30px 20px;
}
#post-list .post-name {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: black;
}
#post-list .big-post .post-name {color: white;font-size: 20px;font-weight: 500;}
#post-list .post-meta {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding: 7px 0;
    margin-top: 15px;
    font-size: 13px;
}
#post-list .post-meta .readmore i {
    vertical-align: -2px;
    margin-left: 3px;
}
#post-list .post-item .col-inner {background: white;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#post-list .post-item:hover .col-inner {
    -webkit-transform: translateY(-5px);
    -khtml-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 40%);
    -ms-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -o-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    box-shadow: 2px 2px 5px rgb(0 0 0 / 40%);
}
#post-list .post-item .col-inner .box-text {padding: 20px 25px;}
.blog-archive {padding-top: 0;}
.entry-title {font-weight: 500;line-height: 1.4;text-transform: uppercase;}
.widget.neo_recent_posts {
    padding: 20px;
    background: white;
}
.recent-blog-posts-li:not(:last-child){border-bottom: 1px solid #ddd;margin-bottom: 20px !important;}
.recent-blog-posts-li .post-name a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    display: block;
    line-height: 1.4;
}
.bmc-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.bmc-title .section-title-normal {
    margin: 0;
    font-weight: 400;
    border: none;
    position: relative;
    width: 100%;
    padding-left: 15px;
}
.bmc-title .section-title-normal:before {
    position: absolute;
    content: "";
    width: 5px;
    background: #0d8cf0;
    height: 100%;
    top: 0;
    left: 0;
}
.bmc-title .section-title-normal span.section-title-main {
    font-size: 20px;
    font-weight: 400;
    font-family: "Open Sans",sans-serif;
    padding: 0;
    border: none;
    line-height: 1;
}
.bmc-title a {
    min-width: 110px;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    background: #0d8cf0;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}
.bmc-title a i {
    margin-left: 7px !important;
    vertical-align: -1px;
    opacity: 1;
}
.bmc-title.customer-title span.section-title-main {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
}
.bmc-title.customer-title {margin-top:15px;}
.box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .box-text a:not(.button) {font-weight: 600;margin-bottom: 10px;}
.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {vertical-align: top;}
.product-block .col-inner .box-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    padding: 0;
}
.product-block .col-inner:hover .box-text {
    background: #0098daab;
}
.product-block .col-inner .box-text p {
    margin-top: 80px;
    padding: 15px 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    max-width: 400px;
}
.product-block .col-inner:hover .box-text p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); 
    opacity: 1;
}
.product-block .col-inner .box-text h3 a {
    color: white;
    font-size: 24px;
    justify-content: center;
    display: flex;
    margin: 0;
    width: 100%;
    border: none;
    position: absolute;
    z-index: 999;
    height: 100%;
    top: 0;
    left: 0;
    align-items: center;
}
.product-cat-item .col-inner {background: white;padding:  7px;box-shadow: 5px 5px 5px rgba(0,0,0,.1);}
.product-cat-item .view-more,
.product-item .view-more {
    position: absolute;
    right: 0;
    bottom: 100px;
    padding: 10px;
    background: rgba(255, 255, 255, .6);
    color: #333;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}
.product-cat-item:hover .view-more,
.product-item:hover .view-more {
    background: white;
}
.product-cat-item .view-more svg, .product-item .view-more svg {width: 20px;margin-left: 5px;}
.product-cat-item .box-text, .product-item .box-text {padding: 0;}
.product-cat-item .box-text .product-cat-name,
.product-item .box-text .product-name {
    margin: 0;
    padding: 15px;
    background: #0098da94;
    color: white;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}
.product-cat-item:hover .product-cat-name,.product-item:hover .product-name {background: #0098da;}
.block-term-danh_muc_san_pham {margin-bottom: 30px;}
.product-details {font-size: 14px;}
.product-details ul {padding-left: 20px;}
.product-tabs {margin: 10px 0 30px;}
.product-tabs .nav {
    border-bottom: 2px solid #0098da;
}
.product-tabs .panel {padding: 20px 25px;background: white;border: 1px solid #ebebeb;}
.product-tabs .tabbed-content .tab {margin-right: 0;margin-left: 2px;}
.product-tabs .tabbed-content .tab a {
    font-size: 14px;
    font-weight: 500;
    background: #0098da;
    color: white;
    padding: 10px 20px;
    text-transform: uppercase;
}
.foot-product .product-item .box-text .product-name {font-size: 14px;}
.foot-product .product-item .view-more {font-size: 13px;}
.product-tabs .tabbed-content .tab a:before {display: none;}
.product-tabs .tabbed-content .tab.active a, .product-tabs .tabbed-content .tab:hover a {background: #0270a0;}
#list_color .color_product {position: relative;display: block;box-shadow: 1px 3px 3px #00000042;}
#list_color .ma_mau {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
}
#list_color .ma_mau p {
    margin: 0;
    font-size: 12px;
    background: #06060661;
    padding: 5px 10px;
    color: white;
}
#list_color .icon {position: absolute;right: 10px;bottom: 10px;z-index: 9;background: #ffffffad;border-radius: 6px;}
#list_color .icon svg {width: 26px;height: 26px;display: block;fill: #0098da;transition: all linear .3s;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;}
#list_color .icon:hover svg {fill: #003952;}
#phoicanh {height: calc(100vh - 150px);background:transparent;box-shadow: unset;}
#phoicanh .gallery, #phoicanh .flickity-viewport, #phoicanh .img_item {
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
#phoicanh .gallery img {max-height: 100%;width: auto;display: block;margin: 0 auto;}
#phoicanh .flickity-prev-next-button svg, #phoicanh .flickity-prev-next-button .arrow {fill: white;}
.color_product.loading:before {
    content:'';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:99;
    background: #00000080;
}
.color_product.loading:after {
    -webkit-animation: loading 500ms infinite linear;
    animation: loading 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    content: "";
    display: block;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px;
    z-index: 999;
}
.gallery-product-image .flickity-page-dots {padding:  10px 0;}
.gallery-product-image .overlay {background: transparent !important;}

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

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.project-col .col-inner {
    box-shadow: 2px 2px 5px #00000052;
}
.project-col .col-inner .box-text {
    padding: 20px 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    background: white;
}
.project-col .col-inner .box-text h4, .project-col .col-inner .box-text h4 a {
    margin: 0;
    color: #0098da;
}
.project-col .col-inner .box-image img {
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
}
.project-col .col-inner:hover .box-text, .project-col .col-inner:hover .box-image img {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
}
.buy_now {
    width: 100%;
    margin-bottom: 5px;
    background: #0098da;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 13px;
    padding: 18px 15px 12px;
    border-radius: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}
.buy_now strong {
    text-transform: uppercase;
    display: block;
    font-size: 18px;
    line-height: 1;
}
.hotline {
    background: #4caf50;
    display: block;
    height: 66px;
    text-align: center;
    color: #fff;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    padding: 10px 15px;
    border-radius: 5px;
}
.hotline span {
    display: block;
    font-size: 13px;
}
.hotline span svg {
    height: 20px;
    margin-right: 3px;
    fill: #fff;
}
.hotline strong {
    font-size: 20px;
    vertical-align: 2px;
    letter-spacing: .5px;
}
.single-post-meta {
    border-top: 1px dashed #d2d2d2;
    border-bottom: 1px dashed #d2d2d2;
    display: flex;
    padding: 5px 0;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: center;
}
.kk-star-ratings {display: flex !important;}
.social-share {
  display: flex;
}
.social-share a {
    display: block;
    background: #0098da;
    margin-right: 5px;
    border-radius: 5px;
    padding: 5px;
}
.social-share svg {
    width: 18px;
    height: 18px;
    display: block;
}
.customer-item {margin-bottom: 50px;}
.customer-item:nth-of-type(2n){flex-direction: row-reverse;}
.customer-item:nth-of-type(2n) .box-text {margin-left:auto;}
.customer-item .image-cover {padding-top: 350px;}
.customer-item .box-text {max-width: 520px;padding: 0 50px;font-weight: 600;}
.customer-item .box-text p {margin-bottom: 10px;}
.customer-item .box-text .logo img {max-height: 150px;}
.customer-item .customer-name {
    padding: 10px 0 0;
    font-weight: 800;
    font-size: 24px;
}
.customer-item .box-text .project-name a {
    font-weight: normal;
    text-transform: initial;
    position: relative;
    margin-top: 0;
    display: flex;
}
.customer-item .box-text .project-name a span {max-width: 14px;height: 14px;background: #fff;border: 1px solid #0098da;border-radius: 50%;margin-right: 7px;margin-top: 3px;position: relative;-ms-flex-preferred-size: 100%;flex-basis: 100%;}
.customer-item .box-text .project-name a span:before {content:'';position: absolute;width: 8px;height: 8px;display: block;background: #0098da;border-radius: 50%;top: 2px;left: 2px;}
.flickity-slider .customer-item img {
    object-fit: contain;
    padding: 10px;
    background: white;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    top: 50%;
}
.product-popup-wrapper, .san_pham-archive {padding-bottom: 30px;}
.slide-item .wrap-product {padding: 20px 30px 0;background: white;}
.slide-item .wrap-product .box-text-inner h4 {margin: 0;padding: 0;}
.slide-item .wrap-product .box-text-inner a {
    margin: 10px 0 0 0;
    padding: 10px 10px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
}
.product-by-cat-slider .flickity-prev-next-button {
    opacity: 1;
    left: 0;
    width: 30px;
    color: #299bcc;
}
.product-by-cat-slider .flickity-prev-next-button.next {right:0;left: initial;}

.product-popup-wrapper .popup-title {
    background: #0098da;
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-bottom: 0;
}
.product-popup-wrapper .popup-content {
    padding: 20px 25px;
}
.product-popup-wrapper .product-name {
    margin: 10px 0 5px;
    font-size: 20px;
}
.product-popup-wrapper .quantity {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.product-popup-wrapper .quantity .wrap-input {position: relative;}
.product-popup-wrapper .quantity label {
    white-space: nowrap;
    margin-right: 10px;
    margin-bottom: 0;
}
.sale-price {
    font-weight: 600;
    color: #f16700;
    font-size: 18px;
}
.regular-price {
    color: grey;
    text-decoration: line-through;
}
.product-description {
    font-size: 14px;
    margin: 10px 0 15px;
}
#quick_buy_form h5 {font-size: 18px;border-bottom: 1px solid;padding-bottom: 10px;margin-bottom: 10px;}
#quick_buy_form input {
    outline: none;
    box-shadow: unset;
    border: 1px solid #ebebeb;
    margin-bottom: 5px;
    font-size: 14px;
    height: 40px;
}
#quick_buy_form textarea {
    height: 80px;
    min-height: unset;
    margin-bottom: 5px;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #ebebeb;
}
#quick_buy_form #buy_button {
    color: white;
    background: #0098da;
    width: 100%;
    display: block;
    height: 40px;
    line-height: 43px;
    text-align: center;
    text-transform: uppercase;
}
.popup-content .col {padding-bottom: 0;}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {background: none;box-shadow: none;}

.quantity {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  appearance: textfield;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}

.quantity input {
  width: 120px;
  display: block;
  padding: 0 40px;
  margin: 0;
  border: 1px solid #eee;
  text-align: center;
  outline: none;
  box-shadow: unset;
  font-size: 13px;
}

.quantity input:focus {
  outline: 0;
}

.quantity-button {
  position: absolute;
  cursor: pointer;
  width: 36px;
  text-align: center;
  color: #333;
  font-size: 16px;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: #eee;
  height: 40px;
  top: 0;
}

.quantity-button.quantity-up {
  right: 0;
}

.quantity-button.quantity-down {
  left: 0;
}

.product-gallery {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    padding: 15px 10px;
    border-right: 1px dashed #e5e5e5;
    position: relative;
}

.product-main h2.product-title {
    margin: 0;
    padding: 5px 0 0;
    font-size: 22px;
    line-height: 1.4;
}

.product-info .price {
    border-bottom: 1px dashed #e5e5e5;
    padding: 5px 0;
    margin: 10px 0;
    border-top: 1px dashed #e5e5e5;
}

.product-short-description {font-size: 14px;}
.product-short-description p {margin-bottom: 10px;}
.product-short-description ul {padding-left: 20px;}
.product-short-description ul li {margin-bottom: 5px;}
.buy_now {width: 100%;margin-bottom: 5px;background: #0083c9;display: block;color: white;text-align: center;font-size: 13px;padding: 18px 15px 12px;transition: all linear .3s;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;border-radius: 5px;}
.buy_now:hover {color:  white;background: #00628c;}
.buy_now strong {text-transform: uppercase;display: block;font-size: 18px;line-height: 1;}

.product-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 10px;
}
.product-full-content {padding-top: 15px;margin-top: 15px;border-top: 1px dashed #e5e5e5;}
.product-info .single-post-meta {display: flex;justify-content: space-between;align-items: center;padding: 10px 0 0;background: transparent;margin: 10px 0 0;border-top: 1px dashed #e5e5e5;}
.product-info .social-s {margin: 0;}
.product-info .social-s a {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    line-height: 22px;
    padding: 0;
    font-size: 8px;
}
#quick_buy_form #buy_button.loading {
    color: rgb(255,255,255,.1);
}
#buy_button.loading:after {
    -webkit-animation: loading 500ms infinite linear;
    animation: loading 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    content: "";
    display: block;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px
}

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

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
#call-me {
    margin: 0;
    background: #0083c9;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 5px;
}
#call-me .left {
    padding-right: 5px;
    width: 450px;
    max-width: 100%;
}
#call-me input[type=text], #call-me input[type=tel] {
    height: 30px;
    margin-bottom: 5px;
    font-size: 13px;
    border: none;
    border-radius: 5px;
}
#call-me input[type=tel] {margin-bottom: 0;}
#call-me .right {
    flex: 1;
}
#submit_form {
    background: #fff;
    color: #0e7ffd;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    height: 100%;
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 5px;
}
ul.nav-pagination > li {
    margin-left: 0;
    margin-right: 3px;
}
.nav-pagination>li>span, .nav-pagination>li>a {
    border-radius: 0;
    border: 1px solid grey;
    font-weight: 500;
    font-size: 14px;
}
.nav-pagination>li>.current, .nav-pagination>li>span:hover, .nav-pagination>li>a:hover {
    background: #0098da;
    border-color: #0098da;
}
#message_buy_success h3 {
    font-weight: 500;
}
#message_buy_success ul {
    font-size: 14px;
    padding-left: 20px;
}
#message_buy_success li {}
#message_buy_success p {
    font-size: 14px;
    margin-bottom: 10px;
}
#message_buy_success table {
    border: 1px solid #ebebeb;
    border-right: none;
    border-bottom: none;
}
#message_buy_success td {
    padding: 8px 15px;
    border-right: 1px solid #ebebeb;
    text-align: right;
}
#message_buy_success td:first-child {background: #4caf50;color: white;width: 150px;text-align: left;}
.header-main .nav > li.menu-item-gtranslate > a,.header-main .nav > li.header-search > a {padding: 0;margin: 2px;}

/*************** FOOTER   ***************/
#footer {background: white;padding: 60px 0 0;color: #333;font-size: 14px;}
#footer > .row {max-width: 1280px;}
#footer .social-icons.follow-icons {display: flex;}
#footer .social-icons.follow-icons .icon {border-radius: 0 !important;padding-top: 3px;width: 32px;float: left;height: 32px;border: none !important;margin: 0 2px;}
#footer .social-icons.follow-icons .icon.email {background: #c51200 !important;}
#footer .col {padding-bottom: 20px;}
#footer a {color: #333;}
#footer p {display: flex;margin-bottom: 10px;}
#footer p i {
    margin-top: 3px;
    margin-right: 7px;
}
#footer .section-title-container {margin-bottom: 15px;}
#footer .section-title-normal {border: none;margin: 0;padding-left: 15px;color: #333;font-size: 14px;}
#footer .section-title-normal:before {content:'';width: 4px;background: #0d8cf0;position: absolute;left: 0;top: 0;height:100%;}
#footer .section-title-normal span {border: none;padding: 0;margin: 0;}
@media (min-width: 1351px){
    .t-container {
        max-width: 83.33333% !important;
        margin-left: auto;
        margin-right: 0;
        padding: 0;
    }
    .t-container .t-inner {
        width: 80%;
        margin-left: 0;
    }
}
@media screen and (max-width: 850px) {

}
@media only screen and (max-width: 768px) {
    #call-me {display: none;}
}
@media only screen and (max-width: 580px) {
    .col {padding-bottom: 15px;}
    .block-term-danh_muc_san_pham .row, .block-term-du-an .row, .list-project .row, #product-list .row {margin-left: -5px !important;margin-right: -5px !important;}
    .block-term-danh_muc_san_pham .col, .block-term-du-an .col, .list-project .col, #product-list .col {padding: 0 5px 10px !important;}
    .project-list .project-name, .archive .project-name {font-size: 14px;}
    .product-tabs .nav {border: none;}
    .product-tabs .tabbed-content .tab {width: 100%;margin: 0 0 3px;}
    .product-tabs .tabbed-content .tab a {width: 100%;}
    #customer-list .logo {
        margin-top: 10px;
        text-align: center;
    }
    #customer-list .logo img {
        display: block;
        max-width: 100%;
        max-height: 120px;
        margin: 0 auto;
    }
}