@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-regular-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-regular-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-regular-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-regular-webfont.svg#Roboto") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-italic-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-italic-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-italic-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-italic-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-italic-webfont.svg#Roboto") format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-bold-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-bold-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-bold-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-bold-webfont.svg#Roboto") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-bolditalic-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-bolditalic-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-bolditalic-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-bolditalic-webfont.svg#Roboto") format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-medium-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-medium-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-medium-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-medium-webfont.svg#Roboto") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-mediumitalic-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-mediumitalic-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-mediumitalic-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-mediumitalic-webfont.svg#Roboto") format("svg");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-light-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-light-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-light-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-light-webfont.svg#Roboto") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-lightitalic-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-lightitalic-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-lightitalic-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-lightitalic-webfont.svg#Roboto") format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-black-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-black-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-black-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-black-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-black-webfont.svg#Roboto") format("svg");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-blackitalic-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-blackitalic-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-blackitalic-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-blackitalic-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-blackitalic-webfont.svg#Roboto") format("svg");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-thin-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-thin-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-thin-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-thin-webfont.svg#Roboto") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-thinitalic-webfont.eot");
    src: url("https://stc-id.nixcdn.com/v11/fonts/roboto-thinitalic-webfont.eot?#iefix") format("embedded-opentype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-thinitalic-webfont.woff") format("woff"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-thinitalic-webfont.ttf") format("truetype"),url("https://stc-id.nixcdn.com/v11/fonts/roboto-thinitalic-webfont.svg#Roboto") format("svg");
    font-weight: 100;
    font-style: italic
}

input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea.form-control,select.form-control {
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #dedede
}

body {
    overflow-x: hidden
}

.body-gray {
    background-color: #e6e7e9
}

.i4ewOd-pzNkMb-haAclf {
    display: none !important
}

@media (max-width: 480px) {
    header .topbar .top-bar-edit {
        padding:0 5px
    }
}

header .topbar .top-bar-edit ul {
    text-align: right
}

header .topbar .top-bar-edit ul li {
    display: inline-block;
    padding: 0 12px;
    color: #333;
    font-size: 13px;
    line-height: 30px;
    float: right
}

@media (max-width: 480px) {
    header .topbar .top-bar-edit ul li {
        padding:0 5px;
        font-size: 12px
    }
}

header .topbar .top-bar-edit ul li.t-hotline {
    color: #333
}

header .topbar .top-bar-edit ul li.t-hotline a {
    color: #ee3523;
    font-weight: 600
}

header .topbar .top-bar-edit ul li.t-lang {
    position: relative
}

header .topbar .top-bar-edit ul li.t-lang img {
    max-width: 20px;
    margin-right: 7px
}

header .topbar .top-bar-edit ul li.t-lang a {
    color: #333
}

header .topbar .top-bar-edit ul li.t-lang ul {
    position: absolute;
    top: 100%;
    min-width: 150px;
    background-color: #fff;
    z-index: 9999;
    text-align: left;
    padding: 5px;
    display: none;
    box-shadow: 5px 10px 20px rgba(0,0,0,0.15)
}

header .topbar .top-bar-edit ul li.t-lang ul li {
    float: none;
    text-align: left
}

header .topbar .top-bar-edit ul li.t-lang ul li a {
    color: #000
}

header .topbar .top-bar-edit ul li.t-lang ul li a:hover,header .topbar .top-bar-edit ul li.t-lang ul li a:focus {
    color: #ee3523
}

header .topbar .top-bar-edit ul li.t-lang:hover ul {
    display: block
}

header .topbar .top-bar-edit ul li.t-contact a {
    color: #f9fafc
}

header .topbar .top-bar-edit ul li.t-contact a:hover,header .topbar .top-bar-edit ul li.t-contact a:focus {
    color: #ee3523
}

header .topbar .top-bar-edit ul li.t-search {
    max-width: 150px
}

@media (max-width: 480px) {
    header .topbar .top-bar-edit ul li.t-search {
        max-width:85px
    }
}

header .topbar .top-bar-edit ul li.t-search input {
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    height: 30px;
    border-radius: 0;
    padding: 0;
    line-height: 1.1;
    min-height: 30px
}

@media (max-width: 480px) {
    header .topbar .top-bar-edit ul li.t-search input {
        font-size:12px
    }
}

header .topbar .top-bar-edit ul li.t-search input::-webkit-input-placeholder {
    color: #333
}

header .topbar .top-bar-edit ul li.t-search input::-moz-placeholder {
    color: #333
}

header .topbar .top-bar-edit ul li.t-search input:-ms-input-placeholder {
    color: #333
}

header .topbar .top-bar-edit ul li.t-search input:-moz-placeholder {
    color: #333
}

header .topbar .top-bar-edit ul li.t-search button {
    background-color: transparent;
    height: 30px;
    border: none;
    color: #ee3523;
    outline: none;
    box-shadow: none;
    line-height: 1.1;
    min-height: 30px
}

@media (max-width: 480px) {
    header .topbar .top-bar-edit ul li.t-search button {
        padding:7px 5px
    }
}

header .nav-edit nav {
    background-color: #fff
}

@media (max-width: 991px) {
    header .nav-edit nav {
        background:#e5e5e5;
        top: 10px;
        padding: 0px
    }
}

@media (min-width: 1025px) {
    header .nav-edit nav {
        margin-top:5px
    }
}

header .nav-edit nav .nav {
    padding-right: 0;
    text-align: right
}

header .nav-edit nav .nav .nav-item {
    float: none;
    display: inline-block;
    position: relative
}

header .nav-edit nav .nav .nav-item>a {
    color: #4c4a4b;
    padding: 6px 6px;
    border-bottom: none
}

@media (min-width: 1025px) {
    header .nav-edit nav .nav .nav-item>a {
        font-size:14.5px
    }
}

@media (max-width: 991px) {
    header .nav-edit nav .nav .nav-item>a {
        padding-left:0
    }
}

header .nav-edit nav .nav .nav-item>a:hover,header .nav-edit nav .nav .nav-item>a:focus {
    color: #ee3523
}

header .nav-edit nav .nav .nav-item>a>.fa {
    color: #4c4a4b;
    width: auto
}

header .nav-edit nav .nav .nav-item:before {
    content: "";
    height: 40px;
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: 100%;
    left: 0;
    display: none
}

header .nav-edit nav .nav .nav-item:hover:before {
    display: block
}

@media (max-width: 991px) {
    header .nav-edit nav .nav .nav-item:hover:before {
        display:none
    }
}

header .nav-edit nav .nav .dropdown-menu {
    border-bottom: 1px solid rgba(0,0,0,0.15)
}

header .nav-edit nav .nav .dropdown-menu li.nav-item-lv2 {
    border-bottom: 1px ridge #ee3523
}

header .nav-edit nav .nav .dropdown-menu li.nav-item-lv2:last-child {
    border-bottom: 0px
}

.section_about {
    padding: 50px 0
}

.section_about .section_about_title a {
    color: #ee3523;
    font-weight: 500;
    font-size: 35px;
    margin-bottom: 25px;
    position: relative;
    font-family: "Roboto","HelveticaNeue","Helvetica Neue",sans-serif
}

.section_about .section_about_content {
    text-align: justify;
    color: #000;
    margin-bottom: 100px
}

@media (max-width: 480px) {
    .section_about .section_about_content {
        margin-bottom:50px
    }
}

@media (max-width: 991px) {
    .section_about .about-items {
        margin-bottom:35px
    }
}

.section_about .about-items a.a-incon {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: #016609;
    line-height: 200px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform
}

@media (max-width: 480px) {
    .section_about .about-items a.a-incon {
        height:130px;
        width: 130px;
        line-height: 130px
    }
}

.section_about .about-items a.a-incon img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 110px
}

@media (max-width: 480px) {
    .section_about .about-items a.a-incon img {
        max-width:60px
    }
}

.section_about .about-items a.a-incon .image-border {
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 180px;
    width: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 480px) {
    .section_about .about-items a.a-incon .image-border {
        height:120px;
        width: 120px
    }
}

.section_about .about-items h3 {
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

.section_about .about-items h3 a {
    color: #4f4d4e
}

.section_about .about-items h3 a:hover,.section_about .about-items h3 a:focus {
    color: #ee3523
}

.section_about .about-items:hover a.a-incon {
    background-color: #ee3523;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg)
}

.section_about .about-items:hover h3 a {
    color: #ee3523
}

@media (max-width: 480px) {
    .section_about .col-xs-6 {
        width:100%
    }
}

.section_product {
    background-color: #e7e6e4;
    padding: 50px 0
}

.section_product .section_product_title {
    margin-bottom: 0px;
    position: relative;
    margin-top: 0;
    font-size: 35px;
    font-weight: 500
}

.section_product .section_product_title a {
    color: #333
}

.section_product .section_product_title a:hover {
    color: #ee3523
}

.section_product .section_product_list {
    margin-top: 40px
}

.section_product .section_product_list .item {
    padding: 0 5px;
    margin-bottom: 10px
}

.section_product .section_product_list .item .product_item_index {
    position: relative
}

.section_product .section_product_list .item .product_item_index .product-info {
    position: absolute;
    background-color: rgba(0,0,0,0.65);
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px
}

.section_product .section_product_list .item .product_item_index .product-info h3 {
    margin: 0;
    font-size: 18px
}

.section_product .section_product_list .item .product_item_index .product-info h3 a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}

.section_product .section_product_list .item .product_item_index .product-thumb {
    position: relative;
    overflow: hidden
}

.section_product .section_product_list .item .product_item_index .product-thumb img {
    -webkit-transition-property: background-image;
    -webkit-transition-duration: 1.0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: background-image;
    transition-duration: 1.0s;
    transition-timing-function: ease-out;
    transition: all 700ms ease 0s
}

.section_product .section_product_list .item .product_item_index:hover .product-thumb img {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.section_document {
    padding: 50px 0
}

.section_document .section_product_title {
    margin-bottom: 0px;
    position: relative;
    color: #333;
    margin-top: 0;
    font-size: 35px;
    font-weight: 500
}

.section_document .section_product_lists {
    margin-top: 40px
}

.section_document .section_product_lists .col-md-6 {
    padding-left: 5px;
    padding-right: 5px
}

.section_document .section_product_lists .item-documents {
    background-color: #f3f1f2
}

@media (max-width: 767px) {
    .section_document .section_product_lists .item-documents {
        margin:10px 0
    }
}

.section_document .section_product_lists .item-documents .blog-item-contens {
    padding: 10px 20px
}

.section_document .section_product_lists .item-documents .blog-item-contens h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #ee3523
}

.section_document .section_product_lists .item-documents .blog-item-contens h3 a {
    color: #ee3523
}

.section_document .section_product_lists .item-documents .blog-item-contens p {
    margin-bottom: 0;
    color: #4b494a;
    min-height: 60px
}

@media (min-width: 1023px) and (max-width: 1024px) {
    .section_document .section_product_lists .item-documents .blog-item-contens p {
        min-height:66px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section_document .section_product_lists .item-documents .blog-item-contens p {
        min-height:88px
    }
}

.section_document .section_product_lists .item-documents:hover .blog-item-contens {
    background-color: #ee3523
}

.section_document .section_product_lists .item-documents:hover .blog-item-contens h3 {
    color: #fff
}

.section_document .section_product_lists .item-documents:hover .blog-item-contens h3 a {
    color: #fff
}

.section_document .section_product_lists .item-documents:hover .blog-item-contens p {
    color: #fff
}

.section_project {
    background-color: #4f4d4e;
    background: url(//bizweb.dktcdn.net/100/314/658/themes/663789/assets/system_project_bg.jpg?1750749475760);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 0
}

@media (max-width: 991px) {
    .section_project {
        background-attachment:inherit
    }
}

.section_project .section_product_title {
    margin-bottom: 30px;
    position: relative;
    margin-top: 0
}

.section_project .section_product_title a {
    color: #fdfbfc;
    font-size: 35px;
    font-weight: 500
}

.section_project .isotop-nav {
    margin-top: 30px;
    margin-bottom: 30px
}

.section_project .isotop-nav ul {
    text-align: center
}

.section_project .isotop-nav ul li {
    display: inline-block;
    color: #fff;
    padding: 7px 15px;
    margin: 0 20px
}

.section_project .isotop-nav ul li.current,.section_project .isotop-nav ul li:hover {
    background-color: #ee3523
}

.section_project .isotop-active .col-md-3 {
    padding: 0 5px;
    margin-bottom: 10px
}

.section_project .isotop-active .col-md-3 .constructo-single-project {
    background-color: #fff
}

.section_project .isotop-active .col-md-3 .constructo-single-project .pro-title {
    padding: 20px
}

.section_project .isotop-active .col-md-3 .constructo-single-project .pro-title h3 {
    margin: 0;
    font-size: 15px;
    min-height: 40px
}

.section_project .isotop-active .col-md-3 .constructo-single-project .pro-title h3 a {
    color: #333;
    font-size: 18px;
    font-weight: 500
}

.section_project .isotop-active .col-md-3 .constructo-single-project .pro-title .entry-date {
    color: #afb0bb
}

.section_project .isotop-active .col-md-3 .constructo-single-project .pro-title p {
    margin-top: 10px;
    color: #393534;
    min-height: 44px;
    max-height: 44px;
    overflow: hidden;
    margin-bottom: 0px
}

.section_project .isotop-active .col-md-3 .constructo-single-project .project-img {
    position: relative
}

.section_project .isotop-active .col-md-3 .constructo-single-project .project-img:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    left: 0;
    z-index: 9;
    background: rgba(0,0,0,0.99)
}

.section_project .isotop-active .col-md-3 .constructo-single-project:hover .project-img:before {
    opacity: 0.5
}

.section_project .tab-content {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible
}

.section_project .nav-tabs {
    text-align: center;
    border-bottom: none;
    margin-bottom: 15px
}

.section_project .nav-tabs li {
    float: none;
    display: inline-block
}

@media (max-width: 480px) {
    .section_project .nav-tabs li {
        display:block;
        width: 100%;
        margin-bottom: 7px
    }
}

.section_project .nav-tabs li a {
    border: none;
    border-radius: 0;
    display: block;
    color: #fff;
    padding: 7px 15px;
    font-weight: bold;
    font-size: 18px
}

.section_project .nav-tabs li.active a,.section_project .nav-tabs li:hover a {
    background-color: #ee3523;
    color: #fff !important;
    border: none !important
}

.section_project .a-more {
    margin-top: 10px;
    text-align: center
}

.section_project .a-more a {
    display: inline-block;
    padding: 10px 15px;
    background-color: #ee3523;
    color: #fff;
    font-weight: 600
}

.section_project .a-more a:hover,.section_project .a-more a:focus {
    background-color: #ce2110;
    color: #fff
}

.section_partner {
    padding: 30px 0;
    background: #e6e7e9
}

.section_partner .section_product_title {
    margin-bottom: 0px;
    position: relative;
    color: #333;
    margin-top: 0;
    font-size: 35px;
    font-weight: 500
}

footer {
    color: #e7e5e6
}

footer .store-detail .logo img {
    max-width: 200px;
    margin-bottom: 15px !important
}

footer .store-detail .store-description {
    font-size: 14px
}

footer .store-detail .footer-social {
    margin-top: 20px
}

footer .store-detail .footer-social li {
    display: inline-block;
    float: left
}

footer .store-detail .footer-social li+li {
    margin-left: 10px
}

footer .store-detail .footer-social li img {
    max-width: 40px;
    background-color: #fff;
    border-radius: 5px
}

footer .foo_info .foo-title {
    margin-top: 30px;
    margin-bottom: 10px
}

footer .foo_info .ul-contact li {
    display: table;
    margin-bottom: 10px
}

footer .foo_info .ul-contact li i {
    display: table-cell;
    width: 20px
}

footer .foo_info .foo-form input,footer .foo_info .foo-form textarea {
    background-color: #58595b;
    border: none;
    border-radius: 0 !important;
    margin-bottom: 3px
}

footer .foo_info .foo-form input::-webkit-input-placeholder,footer .foo_info .foo-form textarea::-webkit-input-placeholder {
    color: #e7e5e6
}

footer .foo_info .foo-form input::-moz-placeholder,footer .foo_info .foo-form textarea::-moz-placeholder {
    color: #e7e5e6
}

footer .foo_info .foo-form input:-ms-input-placeholder,footer .foo_info .foo-form textarea:-ms-input-placeholder {
    color: #e7e5e6
}

footer .foo_info .foo-form input:-moz-placeholder,footer .foo_info .foo-form textarea:-moz-placeholder {
    color: #e7e5e6
}

footer .foo_info .foo-form .btn-blues {
    float: right;
    background-color: #a8a9ad;
    border: none;
    outline: none;
    box-shadow: none;
    color: #000;
    font-weight: 600
}

footer .foo_info .foo-form .btn-blues:hover,footer .foo_info .foo-form .btn-blues:focus {
    color: #fff;
    background-color: #ee3523
}

footer .foo_info .foo-listlin li {
    margin-bottom: 10px
}

footer .foo_info .foo-listlin li a:hover,footer .foo_info .foo-listlin li a:focus {
    color: #fff
}

.collection-templates .products-view-grid .products .product-box {
    background-color: #fff;
    padding: 15px
}

.collection-templates .products-view-grid .products .product-box .product-info .product-name {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    padding: 7px 0;
    margin-bottom: 7px;
    border-bottom: 1px solid #bcbcbc
}

.collection-templates .products-view-grid .products .product-box .product-info .product-name a {
    color: #ee3523;
    font-size: 18px;
    font-weight: 600
}

.collection-templates .products-view-grid .products .product-box .product-info .product-name a:hover,.collection-templates .products-view-grid .products .product-box .product-info .product-name a:focus {
    color: #ee3523
}

.collection-templates .products-view-grid .products .product-box .product-info .product-info-des {
    margin-bottom: 10px
}

.collection-templates .products-view-grid .products .product-box .product-info .product-info-more {
    display: none
}

.collection-templates .products-view-grid .products .product-box .product-info .product-info-more a {
    text-transform: uppercase;
    font-weight: 600;
    color: #ee3523
}

.collection-templates .page-pagination-parents {
    width: 100%;
    text-align: center
}

.collection-templates .page-pagination-parents .filter-right .page-pagination .pagination li {
    margin: 0 8px
}

.collection-templates .page-pagination-parents .filter-right .page-pagination .pagination li a {
    display: block;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: none
}

@media (max-width: 480px) {
    .collection-templates .page-pagination-parents .filter-right .page-pagination .pagination li a {
        height:15px;
        width: 15px
    }
}

.collection-templates .page-pagination-parents .filter-right .page-pagination .pagination li.active a,.collection-templates .page-pagination-parents .filter-right .page-pagination .pagination li:hover a {
    background-color: #ee3523
}

#sync2 .owl-stage-outer .owl-item .item {
    position: relative
}

#sync2 .owl-stage-outer .owl-item .item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    content: "";
    z-index: 9
}

#sync2 .owl-stage-outer .owl-item.current .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.images-pro h1 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 25px;
    color: #ee3523
}

.images-pro .prodess {
    color: #333;
    font-weight: normal
}

@media (min-width: 1025px) {
    #sync1 .owl-stage-outer img {
        display:block;
        margin-left: auto;
        margin-right: auto
    }
}

.details-product .owl-theme .owl-nav {
    top: 50%
}

.details-product .owl-theme .owl-nav>div {
    margin-top: 0
}

.details-product .owl-theme .owl-nav>div {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #fff !important
}

.details-product .owl-theme .owl-nav>div:before {
    color: #fff !important;
    height: 40px;
    width: 40px;
    line-height: 37px
}

.details-product .owl-theme .owl-nav>div:hover {
    background-color: #fff !important
}

.details-product .owl-theme .owl-nav>div:hover:before {
    color: #f5f5f5 !important
}

.details-product .tab-h5 {
    border: 1px solid #ebebeb
}

.details-product .tab-h5.product-tab .tab-content.current {
    border: none;
    min-height: 50px;
    background-color: #e7e6e4;
    color: #504f4d
}

.details-product .tab-h5.product-tab .tabs-title {
    border-bottom: none;
    background-color: #fff
}

.details-product .tab-h5.product-tab .tabs-title .tabs-title {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-direction: row;
    height: 40px
}

@media (max-width: 480px) {
    .details-product .tab-h5.product-tab .tabs-title .tabs-title {
        display:block
    }
}

.details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link {
    margin-right: 0;
    text-align: center;
    flex-grow: 1;
    flex-basis: 0;
    list-style: none;
    text-align: center;
    height: 40px;
    background-color: #616161
}

@media (max-width: 480px) {
    .details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link {
        border:none;
        border-bottom: 1px solid #ebebeb
    }
}

.details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link h3 {
    color: #fff;
    font-size: 14px;
    margin: 10px 0;
    font-weight: 600
}

@media (max-width: 767px) {
    .details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link h3 {
        font-size:10px
    }
}

@media (max-width: 480px) {
    .details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link h3 {
        font-size:14px
    }
}

.details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link+.tab-link {
    border-left: 2px solid #fff
}

@media (max-width: 480px) {
    .details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link+.tab-link {
        border-left:none
    }
}

.details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link.current {
    position: relative;
    background-color: #ee3523
}

.details-product .tab-h5.product-tab .tabs-title .tabs-title .tab-link.current h3 {
    color: #fff
}

.relative-products {
    padding: 50px 0;
    background-color: #e7e6e4
}

.relative-products .section_product_title {
    margin-bottom: 30px;
    position: relative;
    color: #333;
    font-size: 35px;
    margin-top: 0
}

.relative-products .products-view-grid .products .product-box {
    background-color: #fff;
    padding: 15px
}

.relative-products .products-view-grid .products .product-box .product-info .product-name {
    text-align: left;
    font-weight: 600;
    font-size: 17px;
    padding: 7px 0;
    margin-bottom: 7px;
    border-bottom: 1px solid #bcbcbc
}

.relative-products .products-view-grid .products .product-box .product-info .product-name a {
    color: #ee3523;
    font-size: 17px
}

.relative-products .products-view-grid .products .product-box .product-info .product-name a:hover,.relative-products .products-view-grid .products .product-box .product-info .product-name a:focus {
    color: #ee3523
}

.relative-products .products-view-grid .products .product-box .product-info .product-info-des {
    height: 44px;
    overflow: hidden;
    margin-bottom: 10px
}

.relative-products .products-view-grid .products .product-box .product-info .product-info-more a {
    text-transform: uppercase;
    font-weight: 600;
    color: #ee3523
}

.relative-products .owl-nav {
    display: none !important
}

.relative-products .owl-dots {
    position: relative
}

.relative-products .owl-dots .owl-dot {
    margin: 0 8px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: none
}

.relative-products .owl-dots .owl-dot span {
    display: none
}

@media (max-width: 480px) {
    .relative-products .owl-dots .owl-dot {
        height:15px;
        width: 15px;
        margin: 0 5px
    }
}

.article-list-video .artitle-item {
    background-color: #fff;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .article-list-video .artitle-item {
        margin-bottom:15px
    }
}

.article-list-video .artitle-item .article-info {
    padding: 10px
}

.article-list-video .artitle-item .article-info h3 {
    margin: 5px 0
}

.article-list-video .artitle-item .article-info h3 a {
    color: #333;
    font-size: 18px;
    font-weight: 500
}

.article-list-video .artitle-item .article-info h3 a:hover,.article-list-video .artitle-item .article-info h3 a:focus {
    color: #ee3523;
    cursor: pointer
}

.article-list-video .artitle-item .article-description {
    color: #333
}

.article-list-video .artitle-item .article-thumbnail {
    position: relative
}

.article-list-video .artitle-item .article-thumbnail:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    left: 0;
    z-index: 9;
    background: rgba(0,0,0,0.99)
}

.article-list-video .artitle-item .article-thumbnail button {
    border: none;
    background-color: transparent;
    z-index: 99;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.article-list-video .artitle-item .article-thumbnail button img {
    height: 60px
}

.article-list-video .artitle-item:hover .article-thumbnail:before {
    opacity: 0.5
}

@media (min-width: 550px) and (max-width: 767px) {
    .article-list-video .col-md-4:nth-child(2n+1) {
        padding-right:7px
    }

    .article-list-video .col-md-4:nth-child(2n+2) {
        padding-left: 7px
    }
}

.video-o#myModal .modal-dialog .modal-body {
    padding: 5px
}

.video-o#myModal button.close {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #ee3523;
    color: #fff;
    opacity: 1;
    font-size: 13px;
    text-shadow: none
}

.blog-main-blogs .articles-list .articles-lists {
    background-color: #fff;
    padding: 10px
}

.blog-main-blogs .articles-list .articles-lists .item-large {
    margin-bottom: 0
}

.document-category {
    background-color: #fff
}

@media (max-width: 991px) {
    .document-category {
        margin-bottom:15px
    }
}

.document-category h3 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
    padding: 15px 10px;
    background: #ee3523;
    font-weight: bold;
    position: relative
}

.document-category h3:before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: calc(50% - 10px);
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ee3523
}

.document-category ul {
    background-color: #fff;
    padding: 3px 0
}

.document-category ul li {
    border-bottom: 1px dashed #ee3523
}

.document-category ul li:last-child {
    border-bottom: 0px
}

.document-category ul li a {
    display: block;
    padding: 3px 10px;
    color: #333;
    font-weight: bold
}

.document-category ul li a:hover,.document-category ul li a:focus {
    color: #ee3523
}

.document-category ul li.active a {
    color: #ee3523
}

.collection-templates .category-products .tai-lieu-ky-thuat {
    background-color: #fff;
    border: 0px solid #ee3523
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document {
    padding: 15px 10px;
    border-bottom: 1px solid #e7e7e7
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document h3 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document h3 a {
    color: #ee3523
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .a-more {
    padding: 7px 0
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .a-more a {
    color: #028bff;
    font-size: 15px
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .download-document ul li {
    width: 50%;
    float: left;
    font-weight: 500
}

@media (max-width: 991px) {
    .collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .download-document ul li {
        width:50%
    }
}

@media (max-width: 480px) {
    .collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .download-document ul li {
        width:100%
    }
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .download-document ul li a {
    color: #000
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .download-document ul li a:hover,.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .download-document ul li a:focus {
    color: #ee3523
}

.collection-templates .category-products .tai-lieu-ky-thuat .product-grid-document .download-document ul li img {
    max-width: 50px
}

.collection-templates .category-products .page-pagination-parent {
    text-align: center
}

.option-chos {
    border: 10px solid #ee3523;
    padding: 10px;
    min-height: 500px;
    background-color: #fff
}

@media (max-width: 767px) {
    .option-chos {
        margin-bottom:15px
    }
}

.option-chos .page__map--list-province {
    height: 35px;
    margin-bottom: 10px;
    border: 1px solid #333
}

.option-chos .page__map--list-district select {
    height: 35px;
    margin-bottom: 10px;
    border: 1px solid #333
}

.option-chos .page__map--list-address {
    max-height: 387px
}

.option-chos .page__map--list-address::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    border-radius: 5px;
    background-color: #F5F5F5
}

.option-chos .page__map--list-address::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

.option-chos .page__map--list-address::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    background-color: #e5e5e5
}

.option-chos .page__map--list-address .page__map--list-item {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.option-chos .page__map--list-address .page__map--list-item.active .trungncb_map-content .page__map--list-item--name,.option-chos .page__map--list-address .page__map--list-item:hover .trungncb_map-content .page__map--list-item--name,.option-chos .page__map--list-address .page__map--list-item:focus .trungncb_map-content .page__map--list-item--name {
    color: #ee3523
}

.option-chos .page__map--list-address .page__map--list-item .page__map--list-item--number {
    display: table-cell;
    width: 15px
}

.option-chos .page__map--list-address .page__map--list-item .trungncb_map-content p {
    margin-bottom: 5px;
    display: table;
    width: 100%
}

.option-chos .page__map--list-address .page__map--list-item .trungncb_map-content p:last-child {
    margin-bottom: 0
}

.option-chos .page__map--list-address .page__map--list-item .trungncb_map-content p i {
    display: table-cell;
    width: 20px
}

@media (min-width: 1024px) {
    .video-o#myModal .modal-dialog {
        width:800px
    }

    .video-o#myModal .modal-dialog .modal-body {
        padding: 5px
    }
}

@media (max-width: 991px) {
    .mainbar {
        padding:10px 0;
        height: auto
    }

    .mainbar .logo img {
        max-width: 200px
    }
}

@media (max-width: 991px) and (max-width: 480px) {
    .mainbar .logo img {
        max-width:150px;
        position: relative;
        left: 0;
        top: 6px
    }
}

@media (max-width: 991px) {
    .mainbar .nav-mobile {
        position:relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 0;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .mainbar .nav-mobile .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #000
    }

    .mainbar .nav-mobile .icon-bar+.icon-bar {
        margin-top: 4px
    }

    .mainbar .menu-header {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 999
    }

    .mainbar .menu-header:after {
        content: "";
        background-color: #fff;
        left: -100px;
        top: 0;
        height: 100%;
        width: 100px;
        position: absolute
    }

    .mainbar .menu-header:before {
        content: "";
        background-color: #fff;
        right: -100px;
        top: 0;
        height: 100%;
        width: 100px;
        position: absolute
    }

    .mainbar .menu-header #nav {
        display: block;
        border: none;
        padding: 0;
        margin-bottom: 0;
        margin-top: 0px
    }

    .mainbar .menu-header #nav>li {
        padding: 0 15px;
        border-bottom: 1px ridge #ee3523
    }

    .mainbar .menu-header #nav>li:last-child {
        border-bottom: 0px
    }

    .mainbar .menu-header #nav .dropdown-menu {
        width: 100%;
        border-bottom: none;
        background: transparent
    }

    .mainbar .menu-header #nav .dropdown-menu li a {
        line-height: 1.1;
        width: 100%
    }

    .mainbar .menu-header #nav .dropdown-menu li a i {
        float: right;
        line-height: 1.1;
        top: 4px;
        position: relative
    }

    .mainbar .menu-header #nav .dropdown-menu li a span {
        float: none
    }

    .mainbar .menu-header #nav .nav-link>.fa {
        line-height: 30px;
        height: 30px;
        top: 0px
    }

    header nav .nav-item:hover>.dropdown-menu {
        display: none
    }
}

.page__map--list-country {
    background: #f1f2f2;
    width: 100%;
    border: 1px solid #c0c1c1;
    height: 25px;
    color: #000;
    border-radius: 4px;
    margin-bottom: 10px
}

.page__map--list-address {
    overflow-y: auto
}

.select_daily {
    padding: 0 0 15px 0px
}

.select_daily select {
    height: 40px;
    border-radius: 20px;
    background-color: #fff !important;
    border-color: #e1e1e1;
    width: 100%
}

.city-wrapper .nano .content .showroom-item {
    padding: 15px 0px;
    border-bottom: solid 1px #e1e1e1;
    overflow: hidden
}

.city-wrapper .nano .content .showroom-item span {
    font-size: 14px;
    line-height: 22px;
    color: #3d454e;
    display: block;
    padding: 5px 0px
}

.city-wrapper .nano .content .showroom-item>span {
    position: relative;
    padding-left: 40px !important;
    margin-bottom: 10px
}

.city-wrapper .nano .content .showroom-item span .fa {
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    float: left;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    background: #34b79d;
    position: absolute;
    left: 0;
    top: 1px
}

.city-wrapper .nano .content .showroom-item span span {
    padding: 0px 0px 0px 0;
    display: block;
    margin-left: 0
}

#map {
    height: 517px;
    border: 1px solid #bcbcbc
}

.buy-cart-product {
    position: fixed;
    bottom: 100px;
    left: 10px;
    display: block;
    z-index: 999999;
    text-align: left;
    background: #ee3523;
    padding: 5px;
    border-radius: 40px;
    padding-right: 15px;
    display: block
}

@media (max-width: 767px) {
    .buy-cart-product {
        display:none
    }
}

.buy-cart-product table {
    margin-bottom: 0
}

.buy-cart-product table td {
    padding: 0;
    border: none
}

.buy-cart-product a:hover,.buy-cart-product a:focus {
    text-decoration: none
}

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

@media (max-width: 767px) {
    .suntory-alo-phone {
        display:block
    }
}

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

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

.suntory-alo-ph-img-circle {
    border: 2px solid transparent;
    border-radius: 100%;
    height: 50px;
    left: 25px;
    opacity: 0.7;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 50px;
    text-align: center
}

.suntory-alo-phone.suntory-alo-hover,.suntory-alo-phone:hover {
    opacity: 1
}

.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important
}

.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important
}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle,.suntory-alo-phone:hover .suntory-alo-ph-circle {
    border-color: #00aff2;
    opacity: 0.5
}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle,.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {
    border-color: #EB278D;
    opacity: 1
}

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

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill,.suntory-alo-phone:hover .suntory-alo-ph-circle-fill {
    background-color: rgba(0,175,242,0.9)
}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill,.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {
    background-color: #EB278D
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: rgba(0,175,242,0.9)
}

.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle,.suntory-alo-phone:hover .suntory-alo-ph-img-circle {
    background-color: #00aff2
}

.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle,.suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {
    background-color: #EB278D
}

.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: #00aff2
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.suntory-alo-ph-img-circle i {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    font-size: 30px;
    line-height: 50px;
    color: #fff
}

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

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

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

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

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

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

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

@media (min-width: 1025px) {
    .logo img {
        max-width:200px
    }
}

.sticky-wrapper.is-sticky {
    z-index: 999;
    width: 100%
}

.sticky-wrapper.is-sticky header {
    z-index: 999;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.15)
}

.sticky-wrapper.is-sticky .topbar {
    display: none
}

@media (max-width: 480px) {
    .col-100s {
        width:100%
    }
}

#tab-3 table,#tab-3 th,#tab-3 td {
    border: none
}

#tab-3 img {
    max-width: 100px
}

.white-bgs {
    background-color: #fff
}

@media (max-width: 480px) {
    .white-bgs {
        padding:10px !important
    }
}

.home-slider .banner-item {
    position: relative
}

.home-slider .banner-item .home_slider-text {
    color: #fff;
    overflow: hidden;
    padding: 30px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.5);
    display: block;
    width: 50%;
    position: absolute;
    z-index: 10;
    left: 7%;
    top: 50%;
    transform: translate(0px, -50%)
}

@media (max-width: 991px) {
    .home-slider .banner-item .home_slider-text {
        padding:10px;
        width: 70%
    }
}

@media (max-width: 767px) {
    .home-slider .banner-item .home_slider-text {
        padding:10px;
        width: 93%;
        left: 20px
    }
}

@media (max-width: 480px) {
    .home-slider .banner-item .home_slider-text {
        left:20px;
        width: 88%
    }
}

.home-slider .banner-item .home_slider-text h2 {
    margin-top: 0px;
    font-size: 30px;
    color: #fff;
    font-weight: 600
}

@media (max-width: 767px) {
    .home-slider .banner-item .home_slider-text h2 {
        font-size:30px
    }
}

.home-slider .banner-item .home_slider-text .line-20 {
    margin-bottom: 20px;
    font-size: 14px
}

@media (max-width: 767px) {
    .home-slider .banner-item .home_slider-text .line-20 {
        font-size:14px
    }
}

@media (max-width: 480px) {
    .home-slider .banner-item .home_slider-text .line-20 {
        margin-bottom:5px
    }
}

.home-slider .banner-item .home_slider-text .button-orange {
    background-color: #f37321;
    color: #fff;
    padding: 10px 25px;
    display: inline-block
}

.home-slider .banner-item .home_slider-text .button-orange:hover,.home-slider .banner-item .home_slider-text .button-orange:focus {
    background-color: #ee650d
}

@media (max-width: 767px) {
    .home-slider .banner-item .home_slider-text .button-orange {
        padding:5px 10px;
        margin-top: 10px
    }
}

@media (max-width: 480px) {
    .home-slider .banner-item .home_slider-text .button-orange {
        padding:5px 10px
    }
}

@media (max-width: 767px) {
    .home-slider .banner-item img {
        height:360px;
        max-width: unset
    }
}

.blog-tab-content a {
    font-weight: 500;
    color: #4c4a4b;
    padding: 10px 15px;
    background-color: transparent;
    min-width: 200px;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px
}

@media (max-width: 767px) {
    .blog-tab-content a {
        margin-bottom:5px;
        border: 1px solid #ececec
    }
}

.blog-tab-content a.active,.blog-tab-content a:hover {
    background-color: #ee3523;
    color: #fff
}

.articles-list-news .artitle-item-edit {
    background-color: #fff
}

.articles-list-news .artitle-item-edit .article-info {
    padding: 10px
}

.articles-list-news .artitle-item-edit .article-info .article-title {
    margin: 5px 0
}

.articles-list-news .artitle-item-edit .article-info .article-title a {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    color: #333
}

.articles-list-news .artitle-item-edit .article-info .article-title a:hover,.articles-list-news .artitle-item-edit .article-info .article-title a:focus {
    color: #ee3523
}

.articles-list-news .artitle-item-edit .article-info .entry-date {
    color: #afb0bb
}

.articles-list-news .artitle-item-edit .article-info .article-description {
    color: #7f818f;
    min-height: 44px
}

.articles-list-news .artitle-item-edit .article-thumbnail {
    position: relative
}

.articles-list-news .artitle-item-edit .article-thumbnail:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    left: 0;
    z-index: 9;
    background: rgba(0,0,0,0.99)
}

.articles-list-news .artitle-item-edit:hover .article-thumbnail:before {
    opacity: 0.5
}

@media (min-width: 550px) and (max-width: 767px) {
    .articles-list-news .col-md-4 {
        margin-bottom:15px !important
    }

    .articles-list-news .col-md-4:nth-child(2n+1) {
        padding-right: 7px
    }

    .articles-list-news .col-md-4:nth-child(2n+2) {
        padding-left: 7px
    }
}

@media (max-width: 480px) {
    .articles-list-news .col-md-4 {
        margin-bottom:15px !important
    }
}

@media (max-width: 480px) {
    .col-100-blog,.col-100ac {
        width:100%
    }
}

.blog-main-blogs .page-pagination-parent {
    width: 100%;
    text-align: center
}

.blog-main-blogs .page-pagination-parent .filter-right .page-pagination .pagination li {
    margin: 0 8px
}

.blog-main-blogs .page-pagination-parent .filter-right .page-pagination .pagination li a {
    display: block;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: none
}

@media (max-width: 480px) {
    .blog-main-blogs .page-pagination-parent .filter-right .page-pagination .pagination li a {
        height:15px;
        width: 15px
    }
}

.blog-main-blogs .page-pagination-parent .filter-right .page-pagination .pagination li.active a,.blog-main-blogs .page-pagination-parent .filter-right .page-pagination .pagination li:hover a {
    background-color: #ee3523
}

.page-document .page-pagination-parent {
    width: 100%;
    text-align: center;
    padding-bottom: 10px
}

.page-document .page-pagination-parent .filter-right .page-pagination .pagination li {
    margin: 0 8px
}

.page-document .page-pagination-parent .filter-right .page-pagination .pagination li a {
    display: block;
    height: 15px;
    width: 15px;
    background-color: #e6e7e9;
    border-radius: 50%;
    border: none
}

@media (max-width: 480px) {
    .page-document .page-pagination-parent .filter-right .page-pagination .pagination li a {
        height:15px;
        width: 15px
    }
}

.page-document .page-pagination-parent .filter-right .page-pagination .pagination li.active a,.page-document .page-pagination-parent .filter-right .page-pagination .pagination li:hover a {
    background-color: #ee3523
}

.blog-article-template {
    padding-bottom: 30px
}

#tab-4 th,#tab-4 td {
    border: none
}

.grecaptcha-badge {
    display: none
}

.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {
    font-size: 0px
}

.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.4 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important
}

.line-clamp:after {
    content: '';
    text-align: right;
    bottom: 0;
    right: 0;
    width: 25%;
    display: block;
    position: absolute;
    height: calc(1em * 1.4);
    background: linear-gradient(to right, rgba(255,255,255,0), #fff 75%)
}

@supports (-webkit-line-clamp: 1) {
    .line-clamp:after {
        display: none !important
    }
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    height: calc(1em * 1.4 * 1)
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    height: calc(1em * 1.4 * 2)
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    height: calc(1em * 1.4 * 3)
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    height: calc(1em * 1.4 * 4)
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
    height: calc(1em * 1.4 * 5)
}

.section_solution {
    padding: 30px 0
}

.section_solution .section_product_title a {
    margin-bottom: 0px;
    position: relative;
    color: #333;
    font-weight: 500;
    margin-top: 0;
    font-size: 35px
}

.section_solution .solution-owl .item .constructo-single-project:hover .pro-title {
    background: #ee3523
}

.section_solution .solution-owl .item .constructo-single-project:hover .pro-title h3 a {
    color: #fff
}

.section_solution .solution-owl .item .constructo-single-project .project-img {
    position: relative;
    width: 100%;
    display: inline-block;
    height: auto;
    float: left
}

.section_solution .solution-owl .item .constructo-single-project .project-img .content_left {
    float: left;
    height: 56px;
    background: #ee3523;
    text-align: center;
    width: 56px;
    padding: 12px 5px 8px 5px;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0px
}

.section_solution .solution-owl .item .constructo-single-project .project-img .content_left .top_content {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: #fff
}

.section_solution .solution-owl .item .constructo-single-project .project-img .content_left .bot_content {
    font-size: 11px;
    font-weight: 400;
    color: #fff
}

.section_solution .solution-owl .item .constructo-single-project .pro-title {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 10px;
    background: #f3f1f2
}

.section_solution .solution-owl .item .constructo-single-project .pro-title h3 {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 5px
}

.section_solution .solution-owl .item .constructo-single-project .pro-title h3 a {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

@media (min-width: 992px) {
    .section_solution .owl-carousel .owl-nav .owl-prev {
        left:-40px
    }

    .section_solution .owl-carousel .owl-nav .owl-next {
        right: -40px
    }
}

.section_blogs {
    padding: 50px 0
}

.section_blogs .section_product_title {
    text-align: left
}

.section_blogs .section_product_title a {
    margin-bottom: 30px;
    position: relative;
    color: #333;
    margin-top: 0;
    font-size: 35px
}

.section_blogs .news-owl .item .constructo-single-project:hover .pro-title h3 a {
    color: #ee3523
}

.section_blogs .news-owl .item .constructo-single-project .project-img {
    position: relative;
    width: 100%;
    display: inline-block;
    height: auto;
    float: left
}

.section_blogs .news-owl .item .constructo-single-project .project-img .content_left {
    float: left;
    height: 50px;
    background: #ee3523;
    text-align: center;
    width: 50px;
    padding: 8px 5px 8px 5px;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0px
}

.section_blogs .news-owl .item .constructo-single-project .project-img .content_left .top_content {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: #fff
}

.section_blogs .news-owl .item .constructo-single-project .project-img .content_left .bot_content {
    font-size: 11px;
    font-weight: 400;
    color: #fff
}

.section_blogs .news-owl .item .constructo-single-project .pro-title {
    display: inline-block;
    width: 100%;
    float: left;
    background: #fff
}

.section_blogs .news-owl .item .constructo-single-project .pro-title h3 {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 15px
}

.section_blogs .news-owl .item .constructo-single-project .pro-title h3 a {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: 24px;
    font-size: 18px;
    color: #333;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

.section_blogs .tuyendung-owl .item .constructo-single-project.list-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.section_blogs .tuyendung-owl .item .constructo-single-project.list-item .project-img {
    width: 100px;
    float: left
}

.section_blogs .tuyendung-owl .item .constructo-single-project.list-item .pro-title {
    width: calc(100% - 115px);
    float: left;
    padding-left: 10px
}

.section_blogs .tuyendung-owl .item .constructo-single-project.list-item .pro-title h3 {
    display: inline-block;
    width: 100%;
    margin: 0px
}

.section_blogs .tuyendung-owl .item .constructo-single-project.list-item .pro-title h3 a {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: 24px;
    font-size: 18px;
    color: #333;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

.section_blogs .tuyendung-owl .item .constructo-single-project.list-item .pro-title h3 a:hover {
    color: #ee3523
}

.section_blogs .tuyendung-owl .item .constructo-single-project.list-item .pro-title .entry-date {
    color: #afb0bb
}

.section_blogs .owl-nav .owl-prev,.section_blogs .owl-nav .owl-next {
    top: -65px;
    width: 30px;
    height: 30px;
    padding: 0;
    background: #e1e1e1;
    border-radius: 3px
}

.section_blogs .owl-carousel .owl-nav .owl-prev:before,.section_blogs .owl-carousel .owl-nav .owl-next:before {
    font-size: 20px;
    line-height: 30px
}

.section_blogs .owl-nav .owl-prev {
    left: inherit;
    right: 35px
}

.section_cauhoi {
    width: 100%;
    float: left;
    padding: 0 0 90px 0
}

@media (max-width: 991px) {
    .section_cauhoi {
        padding:0
    }
}

.section_cauhoi .block {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 15px
}

.section_cauhoi .wrap_cauhoi {
    width: 100%;
    float: left
}

.section_cauhoi .wrap_cauhoi .col-click {
    margin-top: 0px;
    margin-bottom: 10px
}

.section_cauhoi .wrap_cauhoi .col-click.clicked {
    position: relative
}

.section_cauhoi .wrap_cauhoi .itemquestion {
    width: 100%;
    float: left
}

@media (max-width: 767px) {
    .section_cauhoi .wrap_cauhoi .itemquestion {
        width:100%
    }
}

.section_cauhoi .wrap_cauhoi .title {
    width: 100%;
    float: left;
    background: #f7f8fb;
    border-radius: 3px;
    padding: 0 15px;
    min-height: 50px;
    position: relative;
    display: flex
}

.section_cauhoi .wrap_cauhoi .title:after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #344059;
    position: absolute;
    right: 18px;
    top: 9px;
    font-weight: 700
}

.section_cauhoi .wrap_cauhoi .title.opened {
    background: #ee3523
}

.section_cauhoi .wrap_cauhoi .title.opened:after {
    content: "\f106";
    color: #fff
}

.section_cauhoi .wrap_cauhoi .title.opened h4 {
    color: #fff
}

.section_cauhoi .wrap_cauhoi .title h4 {
    font-size: 16px;
    font-weight: 400;
    color: #344059;
    line-height: 28px;
    padding-right: 15px
}

.section_cauhoi .wrap_cauhoi .title:hover {
    cursor: pointer
}

.section_cauhoi .wrap_cauhoi .content {
    width: 100%;
    float: left;
    padding: 15px;
    background: #fff
}

.section_cauhoi .wrap_cauhoi .content p {
    font-size: 16px;
    color: #747e97;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0
}

.section_cauhoi .wrap_cauhoi .button_block {
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.section_cauhoi .wrap_cauhoi .button_45 {
    margin-top: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    padding: 0 45px;
    background: #ee3523;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    border-radius: 25px;
    border: solid 1px #ee3523;
    margin: 0 auto
}

.section_cauhoi .wrap_cauhoi .button_45:hover {
    background: #fff;
    color: #ee3523
}

.section_cauhoi .wrap_cauhoi .button_45.disabled {
    background: #f7f8fb;
    border-color: #f7f8fb;
    color: #747e97;
    cursor: default
}

@media (max-width: 480px) {
    .article-duan .white-bgs {
        padding:10px !important
    }
}

@media (min-width: 768px) {
    .article-duan .post-details .article-sharing {
        display:inline-block;
        width: auto;
        float: right
    }
}

.article-duan .section_gallery {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px
}

.article-duan .section_gallery .list_gallery_image {
    display: inline-block;
    width: 100%
}

.article-duan .section_gallery .list_gallery_image .slider-for {
    margin-bottom: 15px
}

.article-duan .section_gallery .list_gallery_image .slider-for .item {
    padding: 0 5px
}

.article-duan .section_gallery .list_gallery_image .slider-for .item:focus {
    outline: none
}

.article-duan .section_gallery .list_gallery_image .slider-nav .item {
    border: 0px solid #fff;
    padding: 0px;
    margin: 5px 5px;
    border-radius: 3px
}

.article-duan .section_gallery .list_gallery_image .slider-nav .item:focus {
    outline: none
}

.article-duan .section_gallery .list_gallery_image .slider-nav .item.slick-current {
    position: relative
}

.article-duan .section_gallery .list_gallery_image .slider-nav .item.slick-current:before {
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    opacity: 0.4
}

.article-duan .section_gallery .list_gallery_image .slider-nav .item.slick-current img {
    border: 0px !important
}

.article-duan .section_gallery .slick-prev,.article-duan .section_gallery .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    width: 45px;
    height: 45px;
    line-height: 45px;
    z-index: 1;
    border: 0px solid #fff;
    background: rgba(255,255,255,0.5);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s
}

@media (max-width: 767px) {
    .article-duan .section_gallery .slick-prev,.article-duan .section_gallery .slick-next {
        width:33px;
        height: 33px;
        line-height: 33px
    }
}

.article-duan .section_gallery .slick-prev:hover,.article-duan .section_gallery .slick-next:hover {
    border-radius: 50%;
    background: #ee3523
}

.article-duan .section_gallery .slick-prev:hover:before,.article-duan .section_gallery .slick-next:hover:before {
    color: #fff
}

.article-duan .section_gallery .slick-prev {
    right: inherit;
    left: 10px
}

.article-duan .section_gallery .slick-next {
    left: inherit;
    right: 10px
}

.article-duan .section_gallery .slick-prev:before {
    content: "\f104";
    width: 45px;
    color: #000;
    font-family: "FontAwesome";
    text-indent: 0;
    position: absolute;
    left: 0;
    font-size: 40px;
    line-height: 45px
}

@media (max-width: 767px) {
    .article-duan .section_gallery .slick-prev:before {
        width:33px;
        font-size: 25px;
        line-height: 33px
    }
}

.article-duan .section_gallery .slick-next:before {
    content: "\f105";
    width: 45px;
    color: #000;
    font-family: "FontAwesome";
    text-indent: 0;
    position: absolute;
    left: 0;
    font-size: 40px;
    line-height: 45px
}

@media (max-width: 767px) {
    .article-duan .section_gallery .slick-next:before {
        width:33px;
        font-size: 25px;
        line-height: 33px
    }
}

.article-duan .article-content .title-primary.in-project-detail {
    width: 100%;
    color: #ee3523;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.article-duan .article-content .title-primary.in-project-detail h2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    padding-right: 38px;
    font-weight: bold;
    font-size: 1.86667em;
    margin-bottom: 0;
    color: #333;
    margin-top: 0px;
    width: auto;
    display: inline-block
}

.article-duan .article-content .title-primary.in-project-detail small {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin-bottom: 8px
}

@media (max-width: 991px) {
    .article-duan .article-table {
        margin-bottom:30px
    }
}

.article-duan .article-table .project-table-wrapper {
    overflow-x: auto
}

.article-duan .article-table .project-table-wrapper .project-table {
    border-collapse: collapse
}

@media (max-width: 575px) {
    .article-duan .article-table .project-table-wrapper .project-table {
        width:500px
    }
}

.article-duan .article-table .project-table-wrapper .project-table tr {
    border: 1px solid #dedede
}

.article-duan .article-table .project-table-wrapper .project-table tr td:first-child {
    width: auto
}

.article-duan .article-table .project-table-wrapper .project-table tr td {
    padding: 10px;
    vertical-align: middle
}

.article-duan .article-table .project-table-wrapper .project-table tr td i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 20px;
    transform: translate(-10px, -50%)
}

.article-duan .article-table .project-table-wrapper .project-table tr td i img {
    width: 100%
}

.article-duan .article-table .project-table-wrapper .project-table tr .td-left {
    position: relative;
    padding-left: 35px;
    white-space: nowrap
}

.article-duan .article-table .project-table-wrapper .project-table tr .td-left span {
    font-weight: bold
}

.article-duan .relative-project {
    display: inline-block;
    margin-top: 30px;
    width: 100%
}

.article-duan .relative-project .text-center {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 40px
}

.article-duan .relative-project .text-center .section_product_title span {
    margin-bottom: 30px;
    position: relative;
    color: #333;
    margin-top: 0;
    font-size: 35px
}

.article-duan .relative-project .related-blogs .item .constructo-single-project {
    background-color: #fff
}

.article-duan .relative-project .related-blogs .item .constructo-single-project .pro-title {
    padding: 20px
}

.article-duan .relative-project .related-blogs .item .constructo-single-project .pro-title h3 {
    margin: 0;
    font-size: 15px;
    min-height: 40px
}

.article-duan .relative-project .related-blogs .item .constructo-single-project .pro-title h3 a {
    color: #393534
}

.article-duan .relative-project .related-blogs .item .constructo-single-project .pro-title .entry-date {
    color: #afb0bb
}

.article-duan .relative-project .related-blogs .item .constructo-single-project .pro-title p {
    margin-top: 10px;
    color: #393534;
    min-height: 44px;
    max-height: 44px;
    overflow: hidden
}

.article-duan .relative-project .related-blogs .item .constructo-single-project .project-img {
    position: relative
}

.article-duan .relative-project .related-blogs .item .constructo-single-project .project-img:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    left: 0;
    z-index: 9;
    background: rgba(0,0,0,0.99)
}

.article-duan .relative-project .related-blogs .item .constructo-single-project:hover .project-img:before {
    opacity: 0.5
}

.article-duan .relative-project .related-blogs .owl-dots {
    position: relative;
    margin-top: 20px
}

.article-duan .relative-project .related-blogs .owl-dots .owl-dot {
    margin: 0 8px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: none
}

.article-duan .relative-project .related-blogs .owl-dots .owl-dot span {
    display: none
}

.article-duan .relative-project .related-blogs .owl-dots .owl-dot.active {
    background: #ee3523
}

@media (max-width: 480px) {
    .article-duan .relative-project .related-blogs .owl-dots .owl-dot {
        height:15px;
        width: 15px;
        margin: 0 5px
    }
}

.blog-tuyendung .table-recruitment {
    background: #fff;
    background: url(//bizweb.dktcdn.net/100/314/658/themes/663789/assets/bg_tuyendung.jpg?1750749475760);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.blog-tuyendung .table-recruitment .table {
    margin-bottom: 0px
}

.blog-tuyendung .table-recruitment .table tr:first-child {
    background: -webkit-gradient(linear, left top, left bottom, from(#ee3524), to(#6f0e00));
    background: -webkit-linear-gradient(top, #ee3524, #6f0e00);
    background: -o-linear-gradient(top, #ee3524, #6f0e00);
    background: linear-gradient(to bottom, #ee3524, #6f0e00)
}

.blog-tuyendung .table-recruitment .table tr:first-child th:first-child {
    border-top-left-radius: 6px !important
}

.blog-tuyendung .table-recruitment .table tr:first-child th {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    border-top: none
}

@media (min-width: 1200px) {
    .blog-tuyendung .table-recruitment .table tr:first-child th {
        white-space:nowrap
    }
}

.blog-tuyendung .table-recruitment .table tr:first-child th:last-child {
    border-top-right-radius: 6px !important
}

.blog-tuyendung .table-recruitment .table tr th {
    border-top: none;
    border-bottom: 1px solid #d1d2d7;
    vertical-align: middle;
    padding: 12px;
    padding-left: 50px;
    position: relative
}

.blog-tuyendung .table-recruitment .table tr th span {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 10px;
    top: calc(50% - 15px);
    border-radius: 50%;
    background-color: white;
    text-align: center;
    color: #ee3523;
    line-height: 30px;
    margin-right: 15px
}

.blog-tuyendung .table-recruitment .table tr td {
    border-top: none;
    border-bottom: 1px solid #d1d2d7;
    border-left: 0px;
    border-right: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    font-size: 14px;
    vertical-align: middle
}

.blog-tuyendung .table-recruitment .table tr td:first-child a {
    font-size: 14px;
    font-weight: bold;
    color: #000
}

.blog-tuyendung .table-recruitment .table tr td:first-child a .tag-hot {
    display: inline-block;
    margin-left: 5px;
    width: 33px;
    margin-top: -5px
}

.blog-tuyendung .table-recruitment .table tr td:first-child a .tag-hot img {
    width: 100%
}

.blog-tuyendung .table-recruitment .table tr td:first-child a:hover {
    color: #ee3523
}

.blog-tuyendung .page-pagination-parent .filter-right .page-pagination .pagination .page-item {
    margin: 0px !important
}

.blog-tuyendung .page-pagination-parent .filter-right .page-pagination .pagination .page-item:hover a {
    border: none !important;
    color: #fff;
    background: #ee3523
}

.blog-tuyendung .page-pagination-parent .filter-right .page-pagination .pagination .page-item a {
    font-size: 14px;
    margin: 0 3px;
    width: 36px !important;
    height: 36px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    color: #201e2d;
    border-radius: 50% !important;
    background-color: transparent;
    font-weight: 500
}

.blog-tuyendung .page-pagination-parent .filter-right .page-pagination .pagination .page-item.active a {
    background: #ee3523;
    border: none !important;
    color: #fff !important
}

.blog-tuyendung .page-pagination-parent .filter-right .page-pagination .pagination .page-item:first-child.disabled {
    display: none
}

.blog-tuyendung .page-pagination-parent .filter-right .page-pagination .pagination .page-item:first-child a {
    border: 1px solid #2e2e2e;
    margin-left: 10px
}

.blog-tuyendung .page-pagination-parent .filter-right .page-pagination .pagination .page-item:last-child.disabled {
    display: none
}

.blog-tuyendung .page-pagination-parent .filter-right .page-pagination .pagination .page-item:last-child a {
    border: 1px solid #2e2e2e;
    margin-left: 10px
}

.blog-article-template.article-tuyendung .article-wrapper .title-head {
    width: 100%;
    float: left;
    font-size: 1.86667em;
    margin: 0 0 10px
}

.blog-article-template.article-tuyendung .article-wrapper .post-details {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media (max-width: 480px) {
    .blog-article-template.article-tuyendung .article-wrapper .post-details {
        display:inline-block;
        width: 100%
    }

    .blog-article-template.article-tuyendung .article-wrapper .post-details .article-sharing {
        display: inline-block;
        width: 100%;
        margin: 5px 0 !important
    }
}

.blog-article-template.article-tuyendung .article-wrapper .post-details .article-sharing {
    margin: 0px;
    width: auto
}

.blog-article-template.article-tuyendung .article-wrapper .info-career-primary {
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.blog-article-template.article-tuyendung .article-wrapper .info-career-primary .article-image img {
    width: 100%
}

.blog-article-template.article-tuyendung .article-wrapper .info-career-primary p {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%
}

.blog-article-template.article-tuyendung .article-wrapper .info-career-primary p i {
    margin-right: 8px;
    color: #ee3523;
    width: 15px;
    text-align: center
}

.blog-article-template.article-tuyendung .left-content .form-career {
    background: #fff
}

@media (max-width: 991px) {
    .blog-article-template.article-tuyendung .left-content .form-career {
        margin-top:20px
    }
}

.blog-article-template.article-tuyendung .left-content .form-career .title {
    padding: 0 15px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ee3523;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: relative;
    margin-bottom: 0;
    margin-top: 0px
}

.blog-article-template.article-tuyendung .left-content .form-career .title:before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: calc(50% - 5px);
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ee3523
}

.blog-article-template.article-tuyendung .left-content .form-career .form-bizweb iframe {
    width: 100% !important
}

.blog-article-template.article-tuyendung .left-content .form-career .note-form {
    display: inline-block;
    width: 100%;
    padding: 10px;
    font-style: italic;
    color: red;
    font-size: 14px;
    font-weight: 600
}

.blog-article-template.article-tuyendung .left-content .form-career .note-form a {
    color: #337ab7
}

.blog-article-template.article-tuyendung .left-content .form-career .note-form a:hover {
    color: #bbb
}

.blog-article-template.article-tuyendung .left-content .article-related {
    background: #fff;
    margin-top: 30px
}

.blog-article-template.article-tuyendung .left-content .article-related h2 {
    padding: 0 15px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ee3523;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: relative;
    margin-bottom: 0;
    margin-top: 0px
}

.blog-article-template.article-tuyendung .left-content .article-related h2:before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: calc(50% - 5px);
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ee3523
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content {
    display: inline-block;
    width: 100%;
    margin: 30px 0 40px 0;
    padding: 0 15px
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .article-related-owl .item .constructo-single-project.list-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .article-related-owl .item .constructo-single-project.list-item .project-img {
    width: 100px;
    float: left
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title {
    width: calc(100% - 115px);
    float: left;
    padding: 0px;
    padding-left: 10px
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title h3 {
    width: 100%;
    float: left;
    margin: 0 0 5px;
    font-size: .86667em;
    display: block
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title h3 a {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: inherit;
    font-size: .86667em;
    color: #0d0d0d;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title .entry-date {
    font-size: .86667em !important;
    color: #c7c7c7;
    margin-bottom: 0;
    width: 100%;
    float: left
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title .entry-date span {
    font-size: .86667em !important
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .owl-nav .owl-prev,.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .owl-nav .owl-next {
    bottom: -30px;
    width: 30px;
    height: 30px;
    padding: 0;
    background: #e1e1e1;
    border-radius: 3px;
    top: inherit
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .owl-carousel .owl-nav .owl-prev:before,.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .owl-carousel .owl-nav .owl-next:before {
    font-size: 20px;
    line-height: 30px;
    width: 30px
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .owl-nav .owl-prev {
    left: calc(50% - 35px);
    right: inherit
}

.blog-article-template.article-tuyendung .left-content .article-related .article-related-content .owl-nav .owl-next {
    left: inherit;
    right: calc(50% - 35px)
}

@media (min-width: 992px) {
    .section_slider .owl-carousel .owl-nav .owl-prev,.section_slider .owl-carousel .owl-nav .owl-next {
        width:45px;
        height: 45px;
        background: rgba(255,255,255,0.5)
    }

    .section_slider .owl-carousel .owl-nav .owl-prev:before,.section_slider .owl-carousel .owl-nav .owl-next:before {
        width: 45px;
        line-height: 45px;
        font-size: 40px
    }

    .section_slider .owl-carousel .owl-nav .owl-prev:hover,.section_slider .owl-carousel .owl-nav .owl-next:hover {
        background: #ee3523;
        color: #fff
    }
}

.module-header .module-title.title-style-2 a,.module-header .module-title.title-style-2>span {
    font-size: 18px
}

.back-to-top {
    bottom: 220px !important
}

.artitle-item .entry-date {
    color: #c7c7c7;
    margin-bottom: 0;
    width: 100%;
    float: left
}

.artitle-item .entry-date span {
    font-size: .86667em
}

.blog-article-template .constructo-single-project:hover .pro-title h3 a {
    color: #ee3523
}

.blog-article-template .constructo-single-project .project-img {
    position: relative;
    width: 100%;
    display: inline-block;
    height: auto;
    float: left
}

.blog-article-template .constructo-single-project .project-img .content_left {
    float: left;
    height: 50px;
    background: #ee3523;
    text-align: center;
    width: 50px;
    padding: 8px 5px 8px 5px;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0px
}

.blog-article-template .constructo-single-project .project-img .content_left .top_content {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: #fff
}

.blog-article-template .constructo-single-project .project-img .content_left .bot_content {
    font-size: 11px;
    font-weight: 400;
    color: #fff
}

.blog-article-template .constructo-single-project .pro-title {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 10px;
    background: #fff
}

.blog-article-template .constructo-single-project .pro-title h3 {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 5px
}

.blog-article-template .constructo-single-project .pro-title h3 a {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: 24px;
    font-size: 18px;
    color: #333;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

.blog-article-template.blog-tuvan .constructo-single-project:hover .pro-title {
    background: #ee3523
}

.blog-article-template.blog-tuvan .constructo-single-project:hover .pro-title h3 a {
    color: #fff
}

.blog-article-template.blog-tuvan .constructo-single-project .project-img {
    position: relative;
    width: 100%;
    display: inline-block;
    height: auto;
    float: left
}

.blog-article-template.blog-tuvan .constructo-single-project .project-img .content_left {
    float: left;
    height: 56px;
    background: #ee3523;
    text-align: center;
    width: 56px;
    padding: 12px 5px 8px 5px;
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0px
}

.blog-article-template.blog-tuvan .constructo-single-project .project-img .content_left .top_content {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px;
    color: #fff
}

.blog-article-template.blog-tuvan .constructo-single-project .project-img .content_left .bot_content {
    font-size: 11px;
    font-weight: 400;
    color: #fff
}

.blog-article-template.blog-tuvan .constructo-single-project .pro-title {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 10px;
    background: #f3f1f2
}

.blog-article-template.blog-tuvan .constructo-single-project .pro-title h3 {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 5px
}

.blog-article-template.blog-tuvan .constructo-single-project .pro-title h3 a {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

footer .foo_info .foo-content:not(.payment-methods) li {
    font-size: 13px
}

footer .foo_info .foo-content .form-group .form-control {
    font-size: 13px
}

.blog-article-template .module-header .module-title.title-style-2 {
    padding: 0 15px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ee3523;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: relative;
    margin-bottom: 0;
    margin-top: 0px;
    border-bottom: 0px
}

.blog-article-template .module-header .module-title.title-style-2:before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: calc(50% - 5px);
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ee3523
}

.blog-article-template .module-header .module-title.title-style-2 a {
    color: #fff
}

@media (min-width: 768px) {
    .post-details .article-sharing {
        display:inline-block;
        width: auto;
        float: right
    }
}

@media (min-width: 992px) {
    header nav .dropdown-menu li a {
        padding:5px 10px;
        font-size: 14px;
        line-height: 25px
    }
}

footer .back-to-top {
    position: fixed;
    bottom: 100px;
    z-index: 9999;
    top: auto !important;
    width: 45px;
    height: 45px;
    border: solid 1px #abb2c3;
    background: #abb2c3;
    line-height: 55px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

footer .back-to-top i {
    font-size: 20px;
    color: #fff !important;
    display: inline-block !important;
    float: left !important;
    width: 43px !important;
    text-align: center !important;
    line-height: 43px !important
}

footer .back-to-top:hover {
    background: #ee3523
}

@media (max-width: 991px) {
    header nav .nav-item>a {
        background:transparent !important
    }

    .mainbar .menu-header #nav .nav-link>.fa {
        line-height: 30px;
        height: 25px;
        top: 0px
    }

    header .nav-edit nav {
        border-bottom: 1px solid #ee3523
    }
}

.sidebar-article-slider {
    background: #fff
}

.sidebar-article-slider h2 {
    padding: 0 15px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ee3523;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: relative;
    margin-bottom: 0;
    margin-top: 0px
}

.sidebar-article-slider h2:before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: calc(50% - 5px);
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ee3523
}

.sidebar-article-slider .article-related-content {
    display: inline-block;
    width: 100%;
    margin: 30px 0 40px 0;
    padding: 0 15px
}

.sidebar-article-slider .article-related-content .article-related-owl .item .constructo-single-project.list-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px
}

.sidebar-article-slider .article-related-content .article-related-owl .item .constructo-single-project.list-item .project-img {
    width: 100px;
    float: left
}

.sidebar-article-slider .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title {
    width: calc(100% - 115px);
    float: left;
    padding: 0px;
    padding-left: 10px
}

.sidebar-article-slider .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title h3 {
    width: 100%;
    float: left;
    margin: 0 0 5px;
    font-size: .86667em;
    display: block
}

.sidebar-article-slider .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title h3 a {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: inherit;
    font-size: .86667em;
    color: #0d0d0d;
    width: 100%;
    float: left;
    margin-bottom: 0px
}

.sidebar-article-slider .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title .entry-date {
    font-size: .86667em !important;
    color: #c7c7c7;
    margin-bottom: 0;
    width: 100%;
    float: left
}

.sidebar-article-slider .article-related-content .article-related-owl .item .constructo-single-project.list-item .pro-title .entry-date span {
    font-size: .86667em !important
}

.sidebar-article-slider .article-related-content .owl-nav .owl-prev,.sidebar-article-slider .article-related-content .owl-nav .owl-next {
    bottom: -30px;
    width: 30px;
    height: 30px;
    padding: 0;
    background: #e1e1e1;
    border-radius: 3px;
    top: inherit
}

.sidebar-article-slider .article-related-content .owl-carousel .owl-nav .owl-prev:before,.sidebar-article-slider .article-related-content .owl-carousel .owl-nav .owl-next:before {
    font-size: 20px;
    line-height: 30px;
    width: 30px
}

.sidebar-article-slider .article-related-content .owl-nav .owl-prev {
    left: calc(50% - 35px);
    right: inherit
}

.sidebar-article-slider .article-related-content .owl-nav .owl-next {
    left: inherit;
    right: calc(50% - 35px)
}

.page-store .group {
    margin-bottom: 10px
}

.page-store .group label {
    font-size: 16px;
    color: #333;
    background: url(//bizweb.dktcdn.net/100/314/658/themes/663789/assets/store-img.png?1750749475760) center left no-repeat;
    padding: 8px 0 8px 40px;
    background-size: 35px
}

.page-store .group select {
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 5px
}

.page-store .group-city .info-store {
    margin-top: 15px
}

.page-store .info-store {
    min-height: 387px;
    max-height: 387px;
    overflow-x: auto
}

.page-store .info-store::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5
}

.page-store .info-store::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    background-color: #ee3523
}

.page-store .info-store::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    border-radius: 5px;
    background-color: #F5F5F5
}

.page-store .info-store .store-list {
    background: #fff;
    line-height: 24px;
    border-bottom: solid 1px #ddd
}

.page-store .info-store .store-list .store-name {
    position: relative;
    display: inline-block;
    font-size: 14px;
    padding: 20px 5px
}

.page-store .info-store .store-list .store-name b,.page-store .info-store .store-list .store-name span {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    position: relative
}

.page-store .info-store .store-list .store-name b i,.page-store .info-store .store-list .store-name span i {
    position: absolute;
    left: 0px;
    top: 5px
}

.page-store .info-store .store-list .store-name.active {
    background: #f1f1f1
}

.page-store .info-store .store-list:first-child {
    border-top: solid 1px #ebebeb
}

.page-store .info-store .store-name:hover,.page-store .info-store .store-name:focus {
    cursor: pointer;
    background: #f1f1f1
}

@media (max-width: 767px) {
    .page-store .wrapcontact {
        margin-top:15px
    }
}

.page-store .wrapcontact .map iframe {
    width: 100% !important;
    height: 517px !important
}

@media (max-width: 767px) {
    .page-store .pagebody {
        margin-top:15px
    }
}

.page-store .pagebody .module-content iframe {
    width: 100% !important;
    height: 517px !important
}

@media (min-width: 1200px) {
    .item.col-md-3.col-sm-6.col-xs-6.col-100s:nth-child(4n+1) {
        clear:left
    }
}