@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
* {
    margin: 0;
    padding: 0;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 10px 0;
    padding: 0;
}

table {
    /* width: 100%; */
}

table,
th,
td {
    /* font-size: 100%; */
    padding: 10px;
    /* margin-bottom: 10px; */
}

table {
    /* border-collapse: collapse; */
    /* border-spacing: 0; */
    /* padding-left: 10px; */
    /* border-color: #ddd; */
}

tr {
    /* margin-bottom: 10px; */
}

td {
    vertical-align: central;
    /* padding: 5px !important; */
    /* border-color: #ddd; */
}

ul li {
    list-style: none;
    position: relative;
}

p {
    padding: 0;
    margin: 0;
}

i.fa {
    line-height: inherit;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #fff!important;
    /* color: #707070; */
}

img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: inherit;
}

a:focus {
    outline: none;
}

ol,
ul {
    margin: 0;
}

a:focus,
a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #eb1c24;
}

html {
    scroll-behavior: smooth;
}

.slick-slider {
    margin-bottom: 0;
}

.container {
}

.pagination-group {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-group .pagination {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.pagination-group .pagination a {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #dee2e6;
}

.pagination-group .pagination span {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #e23b41;
    background-color: #e23b41;
    color: #fff;
}

.swal2-title {
    font-size: 14px !important;
}

.swal2-styled {
    font-size: 13px !important;
}

.swal2-popup {
    max-width: 23em !important;
}

.swal2-icon {
    transform: scale(0.7);
}

.slide .cate-arrows-1 .slick-prev, .slide .cate-arrows-1 .slick-next{
    color: #fff;
    height: auto;
    line-height: normal;
}

.slide .cate-arrows-1 .slick-prev{
    left: 30px;
}

.slide .cate-arrows-1 .slick-next{
    right: 30px;
}

.slide .cate-arrows-1 .slick-prev i, .slide .cate-arrows-1 .slick-next i{
    font-size: 34px;
}

/*css slide home*/

.slide .slick-dots {
    bottom: 20px;
}

.slide .slick-dots li {
    border-radius: 100%;
    width: 12px;
    height: 12px;
    /* position: absolute; */
    background: rgba(153, 153, 153, 1);
    border: 3px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
    box-shadow: 0px 0px 2px 1px rgba(130, 130, 130, 0.3);
}

.slide .slick-dots li.slick-active {
    background: rgba(255, 255, 255, 1);
    border: 3px solid rgba(241, 89, 42, 1);
}

.slide .slick-dots li button {
    width: 12px;
    height: 12px;
}

.slide .slick-dots li button:before {
    width: 12px;
    height: 12px;
}

.bg-home {
    /* background-color: #eee; */
}

.wrap-slide-home{
    padding: 0;
}
.wrap-slide-home .slick-arrow{
    display:none;
}
.item-banner-home {
    margin-bottom: 15px;
}

.wrap-slide-home .item-slide{
    position: relative;
}

.box_content_slide{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 820px;
    transform: translate(-50%, -50%);
    display: none;
}

.box_content_slide .content{
    width: 100%;
    background-color: rgba(255, 253, 252, 0.57);
    padding: 60px;
}

.box_content_slide h3{
    color: #252a61;
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
}

.box_content_slide .box_link{
    display: flex;
    justify-content: center;
}

.box_content_slide .box_link a{
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    border-radius: 10px;
    border: 2px solid #252a61;
    background-color: transparent;
    display: inline-block;
    margin: 0 8px;
    padding: 0 18px;
    line-height: 34px;
    color: #252a61;
}

.box_content_slide .box_link a:hover{
    color: #fff;
    background-image: linear-gradient(to right, #252a62, #343da0);
    border-color: #446084;
}

.bg-pro-tab .item-banner-home {
    margin-bottom: 10px;
    margin-top: 0px;
}

.hover-effect {
    position: relative;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    overflow: hidden;
}

.hover-effect-2:before {
    border: 50px solid transparent;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
    content: "";
    opacity: 1;
    -webkit-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    width: 100px;
    height: 100px;
    -webkit-transform: scale(7);
    -ms-transform: scale(7);
    -o-transform: scale(7);
    transform: scale(7);
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    visibility: visible;
    z-index: 1;
}

.hover-effect-2:hover:before {
    border: 0 solid rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
}

.hover-effect-10:before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.hover-effect-10:before,
.hover-effect-10:after {
    bottom: 20px;
    content: "";
    left: 20px;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity .35s ease 0s, -ms-transform .35s ease 0s;
    -webkit-transition: opacity .35s ease 0s, -webkit-transform .35s ease 0s;
    -webkit-transition: opacity .35s ease 0s, transform .35s ease 0s;
    -o-transition: opacity .35s ease 0s, -ms-transform .35s ease 0s;
    -o-transition: opacity .35s ease 0s, -webkit-transform .35s ease 0s;
    -o-transition: opacity .35s ease 0s, transform .35s ease 0s;
    transition: opacity .35s ease 0s, -ms-transform .35s ease 0s;
    transition: opacity .35s ease 0s, -webkit-transform .35s ease 0s;
    transition: opacity .35s ease 0s, transform .35s ease 0s;
    z-index: 3;
}

.hover-effect-10:hover:before,
.hover-effect-10:hover:after {
    opacity: 1;
    -webkit-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.hover-effect-10:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.hover-effect-10 {
    display: block;
    background: #000;
}

.hover-effect-10:hover img {
    opacity: .5;
    -webkit-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
}

.hover-effect-4:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 75%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 75%);
    content: "";
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, -ms-transform .35s;
    transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.hover-effect-4:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.template-detail {
    padding: 20px 0;
}

.slide {
    position: relative;
    margin-bottom: 0;
}

.slide:after {
    /* content: ""; */
    width: 100%;
    height: 30%;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-image: url(../images/line-slide.png);
    z-index: 1;
    background-position: center;
    background-size: 100% 100%;
}

.goi-y{
    font-size:12px;
    /* position: absolute; */
    top: 100%;
    width: 100%;
    left: 0;
    /* background-color: #fff; */
    padding: 3px;
    z-index: 1;
    /* display: none; */
}
.goi-y span{
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
       overflow: hidden;
       font-weight: bold;
}
.right-search-home{
    padding: 3px 0;
    position: relative;
    float: right;
}

.right-search-home form{position: relative;}
.right-search-home form input{
    height: 28px;
    font-size: 12px;
    border-radius: 40px !important;
    padding: 4px 36px 4px 12px;
}
.right-search-home form button{
    color: #000;
    height: 100%;
    padding: 0;
    font-size: 12px;
    position: absolute;
    right: 8px;
}

.list-program{
}
.list-program ul{
    display:flex;
    flex-wrap:wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.list-program ul li{
    width: 33.33333%;
    padding: 0 5px;
    margin-bottom: 8px;
}
.list-program ul li a{
    display: block;
    padding: 17px 5px;
    text-transform: uppercase;
    background-color: #d7d7d7;
    text-align: center;
    font-weight: bold;
}
.list-program ul li a:hover {
    background-color: #ae0f14;
    color: #fff;
}
.wrap-category-tab{
    padding-bottom: 50px;
}
.wrap-category-tab .nav{
    background: linear-gradient(180deg, #fff, #e0e0df);
    padding: 0 60px;
}
.wrap-category-tab .nav li{}
.wrap-category-tab .nav li a{
    padding-top: 0;
    padding-bottom: 0;
    line-height: 70px;
    border: unset;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding: 0 30px;
}
.list-link-tab{
    padding: 30px 20px 0;
}
.item-link-tab{
    margin-bottom: 30px;
}
.item-link-tab li{}

.item-link-tab >li>a{
    display: inline-block;
    color: #ad0f15;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 15px;
    padding: 5px 15px;
    border: 1px solid #ccc;
    border-radius:5px;
    min-width: 150px;
}
.item-link-tab li ul li{
    margin-bottom:5px;
    list-style: disc !important;
    margin-left: 15px;
}

.item-link-tab li ul li a{
    line-height: 1.2;
    font-size: 14px;
    font-weight: 500
}

.wrap-exam{
    background-color:#ad0f15;
    padding: 70px 0 30px;
    position: relative;
}

.title-ab{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    display: inline-block;
    padding: 12px 40px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    background: linear-gradient(180deg, #f7f7f6, #c2c1c2);
    border: 1px solid #fff;
    color: #ad0f15;
}
.list-item-exam{}
.col-item-exam{
    margin-bottom: 30px;
}
.item-exam{
    display: flex;
    align-items: center;
}
.item-exam .icon{
    width: 60px;
    height: 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden;
}
.item-exam .icon img{
    width: auto;
    height: auto;
    max-width: 100%;
}
.item-exam .content{
    padding-left: 15px;
}
.item-exam .content h3{
    margin: 0;
    margin-bottom: 12px;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.item-exam .content h3 a{}
.item-exam .content .info{
    color: #fff;
}
.item-exam .content h3 a:hover {
    color: #ff0;
}
.item-exam .content .info span{
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}
.item-exam .content .info span i{
    padding-right: 5px;
}

.wrap-hoidap{
    padding: 40px 0 50px;
    border-bottom: 5px solid #ebebeb;
}
.group-title{
    text-align: center;
    margin-bottom: 30px;
}
.group-title .title{
    font-size: 24px;
    text-transform: uppercase;
    position:relative;
    margin: 0;
    padding-bottom: 0;
    color: #252a61;
    font-weight: 700;
}
.group-title .title:before{
    width:100%;
    content:"";
    height: 3px;
    background: #ad0f15;
    max-width:150px;
    position:absolute;
    left:50%;
    top:100%;
    transform:translate(-50%,0);
    display: none;
}
.group-title .desc{
    max-width: 350px;
    margin: 0 auto;
}
.list-hoidap{}
.col-item-hoidap{
    margin-bottom: 50px;
}
.item-hoidap{}
.item-hoidap .box{
    display: flex;
    align-items: center;
    padding: 30px;
    background-color: #ebebeb;
    position: relative;
}
.item-hoidap .box:before{
    content:"";
    border-top: 50px solid #ebebeb;
    border-left:5px solid transparent;
    border-right:20px solid transparent;
    position:absolute;
    top:100%;
    right:30%;
    transform:translate(0,-10px) skew(-30deg);
    z-index: -1;
}
.item-hoidap .box .icon{
    width: 70px;
}
.item-hoidap .box .icon img{}
.item-hoidap .box .content{
    width: calc(100% - 70px);
    padding-left: 15px;
}
.item-hoidap .box .content h3{
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.item-hoidap .box .content .info{
    color: #ad0f15;
}
.item-hoidap .box .content .info span,.item-hoidap .box .content .info a{}
.item-hoidap .box .content .info a{
    margin-left:10px;
    font-weight:bold;
}
.wrap-giaovien{
    padding: 50px 0;
}
.wrap-giaovien .list-giaovien {}
.wrap-giaovien .list-giaovien .item-gv{
    padding: 10px 15px;
}
.wrap-giaovien .list-giaovien .item-gv .image{}
.wrap-giaovien .list-giaovien .item-gv .image img {
    border-radius:50%;
}
.wrap-giaovien .list-giaovien .item-gv h3{
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    margin-top: 20px;
    color: #ad0f15;
    text-transform: uppercase;
}


.category-slide-1 .slick-prev,
.category-slide-1 .slick-next {
    opacity: 1;
    font-size: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    margin: 0;
}

.category-slide-1 .slick-prev {
    left: -10px;
}

.category-slide-1 .slick-next {
    right: -10px;
}

.category-slide-1 .slick-prev i,
.category-slide-1 .slick-next i {
    font-size: 25px;
    color: #ad0f15;
}

.pagination{
    flex-wrap: wrap;
}

.wrap-breadcrumbs {
    margin-bottom: 0px;
    width: 100%;
    float: left;
}

.wrap-breadcrumbs .breadcrumb {
    background: unset;
    margin: 0;
    padding: 5px 0px;
}

.wrap-breadcrumbs .breadcrumb li {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 36px;
}

.wrap-breadcrumbs .breadcrumb li a {
    color: rgba(102,102,102,0.7);
}

.wrap-breadcrumbs .breadcrumb li:last-child a{
    color: #000;
}

.wrap-breadcrumbs .breadcrumb>li+li:before {
    padding: 0 5px;
    color: rgba(102,102,102,0.7);
    content: "/";
}



.fix-sidebar {
    position: sticky;
    top: 110px;
}

#side-bar {
    margin-bottom: 30px;
}

.side-bar {
    background-color: #ffffff;
    /* box-shadow: 0 1px 2px #d9dadb; */
    margin: 0 0 30px 0;
    border: 1px solid #ddd;
}

.side-bar:last-child {
    margin-bottom: 0;
}

.title-sider-bar {
    font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    padding: 10px 20px 10px;
    border-bottom: 0px solid #f0f0f0;
    line-height: 26px;
    text-transform: uppercase;
    background-color: #252a61;
}

.show_page_title{
    position: relative;
    padding-top: 0px;
    background: #eee;
    margin-bottom: 10px;
}


.c-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    cursor: pointer;
}

.c-checkbox__placeholder {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    min-width: 10px;
    outline: 1px solid #252a61;
    outline-offset: 2px;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-left: 3px;
    cursor: pointer;
}

.c-checkbox__input[type=checkbox], .c-checkbox__input[type=radio] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
}

.c-checkbox__label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 15px;
    line-height: normal;
    cursor: pointer;
    pointer-events: none;
    font-size: 16px;
}

.c-checkbox__placeholder.is-checked {
    background: #252a61;
}

.list-fill{ 
    padding: 20px 15px;
}

.list-fill .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    font-size: 15px;
}

.list-supplier {
    margin-bottom: 20px;
}

.title-s {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.list-supplier ul {}

.list-supplier ul img {
    height: 20px;
    width: auto;
}

.list-supplier ul li+li {
    margin-top: 15px;
}

.list-category {}


.menu-side-bar {
    background: #fafafa;
}

.menu-side-bar li.active>a {
    color: #eb1c24;
}

.list-category ul>li>a>img {
    /*width: 18px;
    height: 18px;
    margin-right: 16px;*/
}

.list-category ul>li>a .pt_icon_right {
    position: absolute;
    right: 0;
    top: 3px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s;
    opacity: 0.4;
}

.list-category ul>li>a .pt_icon_right2 {
    position: absolute;
    right: 0;
    top: 2px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    transition: all 0.5s;
    opacity: 0.4;
}

.list-category ul>li>a>.pt_icon_right:before {
    content: "\f067";
}

.list-category ul>li>a>.pt_icon_right2:before {
    content: "\f067";
}

.list-category ul>li.active>a>.pt_icon_right:before,
.list-category ul>li.active-2>a>.pt_icon_right:before {
    content: "\f068";
}

.list-category ul>li.nav_item1.active>a>.pt_icon_right2:before,
.list-category ul>li.nav_item1.active-2>a>.pt_icon_right2:before {
    content: "\f068";
}

.list-category ul>li.active a .pt_icon_right {
    /* transform: rotate(90deg); */
}

.list-category ul>li>a {
    position: relative;
    user-select: none;
    display: block;
    /* height: 48px; */
    line-height: 40px;
    text-decoration: none;
    clear: both;
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 15px;
    /* color: #222222; */
    position: relative;
}

.list-category>ul>li>a {
    padding-left: 5px;
    font-size: 14px;
    font-weight: 600;
    padding-right: 5px;
}

ul.menu-side-bar>li>a:before {
    display: none;
}

.list-category ul>li>a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 20px;
    /* top: 18px; */
    font-weight: 900;
    display: none;
}

.list-category ul>li>a>span {
    padding-left: 6px;
    /* border-left: 1px solid #e5e5e5; */
}

.wrap_register{
    padding: 40px 0;
    width: 100%;
}

.wrap_login{
    padding: 40px 0;
    width: 100%;
}

.menu-side-bar li ul {
    padding-left: 5px;
    display: none;
}

.menu-side-bar-leve-2 {
    display: none;
}

.menu-side-bar-leve-3 {
    display: none;
}

.list-category .menu-side-bar-leve-2>li>a {
    padding-left: 10px;
    line-height: 35px;
    /* height: 35px; */
}

.list-category .menu-side-bar-leve-2>li>a:before {
    left: 30px;
    /* top: 11px; */
    display: none;
}

.list-category .menu-side-bar-leve-3>li>a {
    padding-left: 70px;
    line-height: 35px;
    height: 35px;
}

.list-category .menu-side-bar-leve-3>li>a:before {
    left: 58px;
    top: 11px;
}

.block-exam{
    padding: 20px 0;
}
.title-template{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    /* border-bottom: 2px solid #eee; */
    margin-top: 0;
    width: 100%;
}

.title-template .title-inner {
    margin: 0;
    font-size: 22px;
    color: #252a61;
    /* padding: 0 15px; */
    /* padding-right: 60px; */
    /* background: linear-gradient( 60deg, #252a61 calc(100% - 35px), transparent calc(100% - 35px)); */
    line-height: 34px;
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.orderby {margin: 5px 0;display: inline-block;float: right;}

.orderby .form-control{}

.title-template select {
    background-color: inherit;
    border: unset;
}

.wrap-list-product{

}

.list-product-card{display: flex;flex-wrap: wrap;padding: 0 5px;}

.col-product-card{
    margin-bottom: 19px;
    display: flex;
    padding: 0 10px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.product-card {display: flex; width: 100%;}

.product-card .box {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e6e6e6;
    width: 100%;
}

.product-card .box .image {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.product-card .box .image a{
    width: 100%;
    height: 100%;
    display: block;
}

.product-card .box .image img {object-fit: contain;width: 100%;height: 100%;transform: translateZ(0);margin: 0 auto;}

.product-card .box .hot {
    bottom: 5px;
    right: 10px;
    text-transform: capitalize;
    color: #ffffff;
    background: #C70909;
    font-size: 10px;
    padding: 0 10px 0 8px;
    height: 21px;
    line-height: 23px;
    text-align: center;
    display: block;
    position: absolute;
    display: none;
}

.product-card .box .hot:before {
    content: "";
    background: url(../images/icon-sale.png) no-repeat 0 0;
    width: 11px;
    height: 21px;
    position: absolute;
    left: -11px;
    top: 0;
}

.product-card .box .hot:after {
    content: "";
    background: url(../images/icon1-sale.png) no-repeat 0 0;
    width: 3px;
    height: 21px;
    position: absolute;
    right: -3px;
    top: 0;
}

.product-card .box .content {
    padding: 10px 0 10px;
    text-align: center;
}

.product-card .box .content .name {
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
    padding: 0;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card .box .content .desc{
     margin-top: 10px;
    margin-bottom: 20px;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.product-card .box .content .desc p{margin: 1.5px 0;}

.product-card .box .content .desc p:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #252a61;
    font-size: 13px;
    margin-right: 10px;
    line-height: 1;
}

.product-card .box .content .name a {
    color: #252a61;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    overflow: hidden;
    height: 35px;
}

.box-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box-price .new-price {
    color: #eb1c24;
    font-weight: 700;
    font-size: 16px;
    margin-right: 7px;
}

.box-price .old-price {
    font-size: 18px;
    text-decoration: line-through;
    color: #6c757d;
}

.product-card .action {
    position: absolute;
    width: 100%;
    top: 0;
    transform: translate(0, -100%);
    opacity: 0;
    transition: all 0.5s;
}

.product-card .box:hover .action {
    top: 50%;
    opacity: 1;
}

.product-card .action ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card .action ul li {
    width: 40px;
}

.product-card .action ul li a {
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    background-color: #eb1c24;
    color: #fff;
}

.product-card .action ul li a i {}

.product-card .action ul li a svg {
    width: 18px;
    fill: #fff;
}

.product-card .action ul li a:hover {
    background-color: #05090a;
    color: #fff;
}

.product-card .action ul li a:hover svg {
    fill: #fff;
}

.title-template i{
    margin-right:5px;
}

.desc-about{
    text-align: justify;
}

.desc-about iframe{
    display: block;
    margin: auto;
    width: 800px;
    height: 450px;
    max-width: 100%;
}

.desc-about p{
    margin-bottom: 15px;
}

.about-text{
    margin-bottom: 15px;
}

.about-text ul{
    padding-left: 24px;
}

.about-text ul li{
    list-style: disc;
}

.blog-news{
    padding: 30px 0;
    width: 100%;
}

.list_post{

}

.list_post .post_item{width: 100%;padding: 0 15px 30px;}

.list_post .post_item .box{display: flex;}

.list_post .post_item .box .image{width: 40%;}

.list_post .post_item .box .image a{
    position: relative;
    height: auto;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 56%;
    display: block;
}

.list_post .post_item .box .image img{right: 0;width: 100%;height: 100%;bottom: 0;left: 0;top: 0;position: absolute;object-position: 50% 50%;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;object-fit: cover;}

.list_post .post_item .info{
    padding-left: 20px;
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.list_post .post_item .info h3{
    margin: 0 0 10px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.list_post .post_item .info h3 a{color: #252a61;font-size: 18px;font-weight: 600;}

.list_post .post_item .info h3 a:hover{
    color: #eb1c24;
}

.list_post .post_item .info .desc{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.list_post .post_item .info .post_date{
    top: 7%;
    left: 0;
    position: absolute;
    margin-left: -6px;
    display: table;
    z-index: 20;
    pointer-events: none;
    height: 42px;
    width: 42px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.list_post .post_item .badge-inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: .85;
    font-weight: bolder;
    padding: 2px;
    white-space: nowrap;
    transition: background-color .3s, color .3s, border .3s;
    color: #446084;
    background-color: #fff;
    border: 2px solid currentColor;
}

.is-xsmall {
    font-size: .7em;
}

.support{
    width: 100%;
    margin-bottom: 22px;
}

.support .title{
    line-height: 16px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background: #252a61;
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
}

.support .box{
    padding: 5px;
    border: 1px solid #e6e6e6;
}

.support .box .title_in{
    padding-top: 3px;
    border-bottom: 1px dotted #c0c0c0;
    padding-left: 50px;
    background-position: top left;
    background-repeat: no-repeat;
    height: 50px;
    line-height: 40px;
}

.support .box .title_in span{
    color: #f00;
    font-size: 19px;
    font-weight: 700;
}

.online-support {
    border-bottom: 1px dotted #c0c0c0;
    padding-bottom: 10px;
}

.online-tile {
    font-weight: bold;
    padding-top: 5px;
    color: #F00;
    padding-left: 10px;
}

.cssTel, .cssEmail {
    color: #000;
    padding-left: 10px;
}

.cssTel i{
    margin-right: 9px;
}

.cssEmail i{
    margin-right: 7px;
}

.color_code{

}

.box_color_code{

}

.group_title_color_code{text-align: center;padding-bottom: 20px;}

.group_title_color_code h1{
    font-size: 40px;
    color: #c00;
    font-weight: 700;
    margin: 0;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: inherit;
    padding: 25px 0 10px;
}

.group_title_color_code p{
    font-size: 18px;
}

.block_canho{
    background-color: #e46c86;
    width: 100%;
    padding: 28px 0;
    margin-bottom: 60px;
    position: relative;
}

.block_canho:after {
    content: "";
    background-image: url(../images/colour-code-bg-paint.png);
    position: absolute;
    top: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 60px;
}

.box_color_code .list_canho{
    text-align: center;
}

.list_canho ul{

}

.list_canho li{position: relative;display: inline-block;padding: 0;}

.list_canho li + li{
    margin-left: 80px;
}


.list_canho li+li:before {
    content: "";
    position: absolute;
    left: -43px;
    top: 5px;
    display: block;
    width: 2px;
    height: 51%;
    background-color: rgba(255,255,255,.5);
}

.list_canho li a{
    color: rgba(255,255,255,.5);
    font-size: 17px;
    letter-spacing: -.5px;
    -webkit-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
    font-weight: 700;
    line-height: 22px;
}

.list_canho li.active a{
    color: rgba(255,255,255,1);
}

.form-dkn .modal-content.fix-md-ct {
    border-radius: 0;
    border: 0;
    background: transparent;
}

.modal.form-dkn .modal-dialog {
    max-width: 400px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.form-dkn .modal-body {
    position: relative;
    padding: 0;
    background: transparent;
    color: #333;
    width: 100%;
}

.form-dkn .form-nn {
    overflow: hidden;
}

.form-dkn button.close {
    top: 5px;
    float: right;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    right: 10px;
    opacity: 0.9;
    outline: 0;
}

.form-dkn .fix-md-ct form {
    float: left;
    width: 100%;
}

.form-dkn .form-reg-kmn {
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    text-align: center;
}

.form-dkn span#text3 {
    font-size: 18px;
    color: #000;
    font-weight: unset;
    text-align: center;
    text-transform: uppercase !important;
    margin-bottom: 0;
    display: inline-block;
}

.form-dkn input.form-control.ttt,
.form-dkn select.form-control.ttt {
    margin: 0;
    height: 40px;
    padding: 5px 10px;
    border-radius: 2px;
    box-shadow: unset;
    border: 0;
}

.form-dkn textarea.form-control {
    height: auto;
    margin: 0;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: unset;
}

.form-dkn .form-group input {
    border-radius: 5px;
    height: 40px;
    line-height: 45px;
    padding: 0 15px;
    font-weight: 300;
    font-size: 17px;
    border: solid 1px #ccc;
}
.form-dkn .form-group {
    margin-bottom: 15px;
    border-radius: 0;
}
.form-dkn .box-form form {
    max-width: 900px;
    width: 100%;
}
.form-dkn .form-group button {
    display: inline-block;
    background-image: linear-gradient(to right, #ca9115 , #e2b13e);
    color: #000;
    padding: 12px 25px;
    font-weight: 500;
    font-size: 15px;
    float: right;
    border:none;
    border-radius: 20px;
    text-transform: uppercase;
    visibility: visible;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-name: animation-glowing-white;
    animation: animation-glowing-white 1.5s infinite;
}

.main_color_code{
    width: 100%;
    padding: 50px 0;
}

.main_color_code .box_image{

}

.main_color_code .box_image area{
    cursor: pointer;
}

.main_color_code .image{
    position: relative;
}

.main_color_code .box_image .khach_1{
    position: absolute;
    z-index: 0;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #aeaaa7;
}

.main_color_code .box_image .phongbep .khach_1{
    position: absolute;
    z-index: 0;
    width: 43.2%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #dff2ec;
}

.main_color_code .box_image .phongngu .khach_1{
    position: absolute;
    z-index: 0;
    width: 45.6%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4d3343;
}

.main_color_code .box_image .nhapho .khach_1{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 65%;
    top: 0;
    left: 0;
    background-color: #edf2f8;
}

.main_color_code .box_image .bietthu .khach_1{
    position: absolute;
    z-index: 0;
    width: 59.5%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #aeaaa7;
}

.main_color_code .box_image .khach_2{
    position: absolute;
    z-index: 0;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #aeaaa7;
}

.main_color_code .box_image .phongbep .khach_2{
    position: absolute;
    z-index: 0;
    width: 56.8%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #d1d2e7;
}

.main_color_code .box_image .phongngu .khach_2{
    position: absolute;
    z-index: 0;
    width: 54.4%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #4d3343;
}

.main_color_code .box_image .nhapho .khach_2{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 35%;
    top: unset;
    left: 0;
    bottom: 0;
    right: unset;
    background-color: #eeeef0;
}

.main_color_code .box_image .bietthu .khach_2{
    position: absolute;
    z-index: 0;
    width: 40.5%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #aeaaa7;
}

.main_color_code .image img{
    position: relative;
    z-index: 1;
}

.main_color_code .box_image .info{
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.select_color{
    display: block;
    width: 100%;
    overflow: hidden;
}

.switch-colour-decorr__left {
    padding-right: 5px;
    width: 50%;
    float: left;
}

.block-switch-colour-group-block .block-content {
    padding: 0;
}

.block-switch-colour-group-block .block-content .form-control{
 height: 44px;
 border-radius: 0;
 border: 1px solid #707070;
 }

.switch-colour-decorr__right{
    width: 50%;
    padding-left: 5px;
    float: left;
}

.form_find_color{

}

.form_find_color input{
 border: 1px solid #ecedee;
 width: calc(100% - 100px);
 border-radius: 0;
 float: left;
 height: 44px;
 }

.form_find_color button{
    background-color: #c00;
    float: left;
    color: #fff;
    width: 100px;
    border-radius: 0;
    height: 44px;
    border: 0;
}

.slimScrollDiv{
    position: relative;
    width: 100%;
    margin-top: 20px;
    display: block;
}

.slimScrollDiv .item-list {
    height: 440px;
    overflow-y: auto;
}

.slimScrollDiv .item-list::-webkit-scrollbar{width:7px}
.slimScrollDiv .item-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-border-radius:5px;border-radius:5px}
.slimScrollDiv .item-list::-webkit-scrollbar-thumb{-webkit-border-radius:5px;border-radius:5px;background:#e1d4cc;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}
.slimScrollDiv .item-list::-webkit-scrollbar-thumb:window-inactive{background:#ccc;}


.colour-grid ul li {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 4px;
    float: left;
    white-space: normal;
}

.colour-grid .colour-wrap {
    cursor: pointer;
    position: relative;
    -webkit-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.colour-grid .field-field-colour-code>div {
    width: 100%;
    height: 85px;
    display: block;
}

.colour-grid .colour-wrap__field {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
    padding: 6px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    -webkit-box-shadow: 0 5px 25px rgb(0 0 0 / 15%);
    box-shadow: 0 5px 25px rgb(0 0 0 / 15%);
}

.colour-grid .colour-wrap:hover .colour-wrap__field {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.colour-grid .colour-wrap__field .colour-wrap__information {
    position: relative;
    z-index: 10;
}

.colour-grid .colour-wrap__field__color {
    width: 100%;
    height: 80px;
    display: block;
}

.colour-grid .colour-wrap__field .field-field-display-title {
    -webkit-transition: 300ms .02s ease-in-out;
    -o-transition: 300ms .02s ease-in-out;
    transition: 300ms .02s ease-in-out;
    margin-top: 10px;
    opacity: 0;
    visibility: visible;
}

.colour-grid .colour-wrap__field .field-field-display-title h3 {
    font-size: 13px;
    margin: 0;
    line-height: 1.1;
    color: #000;
    letter-spacing: -.3px;
}

.colour-grid .colour-wrap__field .field-field-colour-identify {
    opacity: 0;
    visibility: visible;
    -webkit-transition: 400ms .03s ease-in-out;
    -o-transition: 400ms .03s ease-in-out;
    transition: 400ms .03s ease-in-out;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #000;
    font-size: 10px;
    line-height: 1.1;
}

.colour-grid .colour-wrap:hover .field-field-display-title, .colour-grid .colour-wrap:hover .field-field-colour-identify {
    opacity: 1;
    visibility: visible;
}

.port_new_sidebar{

}

.port_new_sidebar .title{
    line-height: 16px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background: #252a61;
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
}

.port_new_sidebar ul{
    padding: 5px;
    border: 1px solid #e6e6e6;
}

.port_new_sidebar ul li{

}

.recent-blog-posts{
    padding: 10px 0 10px;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    vertical-align: top !important;
}

.recent-blog-posts .image{
    margin-right: 10px;
    max-height: 100%;
}

.recent-blog-posts .post_date {
    display: table;
    z-index: 20;
    pointer-events: none;
    height: 42px;
    width: 42px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 0;
}

.recent-blog-posts .badge-inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: .85;
    font-weight: bolder;
    padding: 2px;
    white-space: nowrap;
    transition: background-color .3s, color .3s, border .3s;
    color: #446084;
    background-color: #fff;
    border: 2px solid currentColor;
    color: #fff;
    text-shadow: 1px 1px 0px rgb(0 0 0 / 50%);
    border: 0;
}

.recent-blog-posts h3{
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto !important;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
}

.recent-blog-posts h3 a{
    line-height: 18px;
    display: block;
    font-size: 15px;
}

.blog-about-us{
    padding: 30px 0;
    position: relative;
    width: 100%;
}

.wrap_about{
    width: 100%;
}

.wrap_about .about_us:nth-child(even) .offset-md-6{
    margin-left: 0;
}

.about_us{
    background-image: url(../images/project/about.png);
    width: 100%;
    padding: 50px 0;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.box_about {
    width: 100%;
    padding: 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: #fff;
}

.wrap_about .about_us:nth-child(odd) .box_about{
    background-color: #eb1c24;
}

.wrap_about .about_us:nth-child(even) .box_about{
    background-color: #252a62;
}

.box_about .ab-ficon {
    position: absolute;
}

.flaticon-paint-3:before {
    content: "\f20b";
    font-size: 537px;
    position: absolute;
    z-index: -1;
    opacity: .1;
    top: -142px;
    left: -68px;
    overflow: hidden;
    display: inline-block;
}

.box_about p {
    padding-bottom: 15px;
    font-size: 19px;
    color: #fff;
}

.box_about .au-tittle p:first-child {
    font-size: 19px;
}

.box_about .au-tittle h2 {
    width: 100%;
    font-weight: 600;
    color: #fff;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 32px;
    margin: 0px;
    text-transform: uppercase;
}

.box_about .desc{
    font-size: 15px;
    text-align: justify;
    line-height: 26px;
}

.break{
    width: 100%;
}

.break .wrap-breadcrumbs{
    width: 100%;
    float: unset;
}

.block-compare{padding: 30px 0;}

.wrap-list-compare{

}

.wrap-list-compare .title-compare{margin: 0 0 30px;font-size: 24px;font-weight: 600;display: flex;flex-wrap: wrap;align-items: center;}

.wrap-list-compare .clear-compare{padding: 6px 12px;font-weight: 600;margin-left: 15px;}

.list-compare{

}

.compare-wrapper{display: flex; flex-wrap: wrap;}

.list-compare .col-compare{
    margin-bottom: 20px;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.list-compare .compare-card{border: 1px solid #d4d4d4;border-top: 10px solid #252a61;}

.list-compare .box{

}

.list-compare .box .image{

}

.list-compare .box .image img{

}

.list-compare .box .content{
    padding-bottom: 0;
}

.list-compare .row_item{text-align: center;padding: 20px 15px;width: 100%;border-bottom: 1px solid #d4d4d4;}

.list-compare .row_item:nth-child(odd){background-color: #f1f1f1;}

.list-compare .row_item:nth-child(even){
    background-color: #fff;
}

.list-compare .row_item .name{color: #000;font-weight: 700;margin-bottom: 7px;font-size: 18px;}

.list-compare .row_item .delete_compare{
}

.list-compare .row_item .delete_compare a{display: inline-block;padding: 6px 12px;font-weight: 600;color: #fff;background-color: #252a61;border-color: #252a61;border-radius: 5px;}

.list-compare .row_item .lab{font-size: 17px;color: #000;font-weight: 600;margin-bottom: 7px;}

.list-compare .row_item .value{min-height: 44px;font-size: 15px;line-height: 22px;}

.list-compare .view-more{text-align: center;}

.list-compare .view-more .btn-primary{background-color: #252a61;border-color: #252a61;}

.header_template{
    width: 100%;
    padding: 0;
}

.header_template h1 {
    color: #252a61;
    font-size: 42px;
    text-align: center;
    font-weight: 600;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.content-exam{
    margin-bottom:30px;
}
.content-info-exam{
    display:flex;
    justify-content:flex-end;
    font-size:14px;
    align-items: center;
}
.content-info-exam span,.content-info-exam a{
    display:inline-block;
    margin-left:10px;
}
.content-info-exam a{
    background: linear-gradient(180deg, #d3181f, #b00f15);
    color: #fff;
    padding: 6px 15px;
}
.content-info-exam span i,.content-info-exam a i{
    margin-right:3px;
}
.list-category-exam{
        /* padding: 30px  20px 0; */
        /* background: #f7f7f7; */
}
.col-category-item{
    margin-bottom: 50px;
}
.category-item{}
.category-item .box{
    /* display: flex; */
    /* padding: 15px; */
    background-color: #fff;
}
.category-item .box .image{
    width: 160px;
}
.category-item .box .image a{}
.category-item .box .image a img{}
.category-item .box .content{
    /* width: calc(100% - 160px); */
    /* padding-left: 20px; */
}
.category-item .box .content h3{
    margin: 0;
    font-size: 18px;
    margin-bottom: 20px;
    background: #eee;
    padding: 10px 15px;
    font-weight: bold;
}
.category-item .box .content .desc{}
.category-item .box .content .info{
    display: flex;
    justify-content: flex-end;
    font-size: 15px;
    align-items: center;
    margin-top: 30px;
    flex-wrap: wrap;
}
.category-item .box .content .info span,
.category-item .box .content .info a{
    display: inline-block;
    background: #eee;
    /* color: #fff; */
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    min-width: 150px;
    text-align: center;
    margin-bottom: 5px;
}
.category-item .box .content .info span i{
    margin-right:5px;
}
.category-item .box .content .info a{background: linear-gradient(180deg, #d3181f, #b00f15);margin-right: 0;color: #fff;white-space: nowrap;}


.list-exam{
        /* padding: 30px  20px 0; */
        /* background: #f7f7f7; */
}
.col-exam-item{
    margin-bottom: 50px;
}
.exam-item{}
.exam-item .box{
    /* display: flex; */
    /* padding: 15px; */
    background-color: #fff;
}
.exam-item .box .image{
    width: 160px;
}
.exam-item .box .image a{}
.exam-item .box .image a img{}
.exam-item .box .content{
    /* width: calc(100% - 160px); */
    /* padding-left: 20px; */
}
.exam-item .box .content h3{
    margin: 0;
    font-size: 18px;
    margin-bottom: 20px;
    background: #eee;
    padding: 20px 25px;
    font-weight: bold;
}
.exam-item .box .content .desc{}
.exam-item .box .content .info{
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    /* align-items: center; */
    margin-top: 30px;
    flex-wrap: wrap;
}
.exam-item .box .content .info span,
.exam-item .box .content .info a{
    display: inline-block;
    background: #eee;
    /* color: #fff; */
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    min-width: 140px;
    text-align: center;
    width: 23%;
    white-space: nowrap;
    margin-bottom: 10px;
}
.exam-item .box .content .info span i{
    margin-right:5px;
}
.exam-item .box .content .info a{background: linear-gradient(180deg, #d3181f, #b00f15);margin-right: 0;color: #fff;}


.wrap-question{
    padding: 30px 0 10px;
}
.title-question{
    margin-bottom: 25px;
}
.title-question-inner{
    display: inline-block;
    font-weight: bold;
    padding: 10px 25px;
    background-color: #f3f3f3;
}
.list-question{}
.col-question-item{
    margin-bottom: 30px;
}
.question-item{}
.question-item .top{
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 7px 15px;
    font-size: 18px;
}
.red{
    color:#ae0f14;
}
.question-item .top .red  .btn{
    margin-left:10px;
}
.question-text{
    margin-bottom: 14px;
    font-weight: 700;
}
.question-text img{
    width:auto;
    max-width:100%;
}
.form-check.disabled{
    pointer-events: none;
}
.question-answer{}
.question-answer ul{}
.question-answer ul li{
    margin-bottom: 6px;
    display: flex;
}
.question-answer ul li .code{
    display: inline-block;
    width: 30px;
}
.question-answer ul li .text{}


.col-question-item-result .question-answer ul li{
    position:relative;
    padding-left:30px;
}
.col-question-item-result .question-answer ul li:before{
    content:"";
    width: 10px;
    height: 10px;
    border: 2px solid #ccc;
    border-radius:100%;
    top: 8px;
    left:0;
    position:absolute;
}
.col-question-item-result .question-answer ul li.answer-true:before {
    background-color: red;
    border-color: red;
}
.answer-choice{
    border: 2px solid #c3e6cb;
    background: #c3e6cb;
}

.block-product{
    padding: 20px 0 30px;
    width: 100%;
}

.btn-view{
    background: linear-gradient(
180deg
, #d3181f, #b00f15);
    border:1px solid #b00f15;
    color: #fff;
    padding: 10px 30px;
    display: inline-flex;
    align-items: center;
    font-size: 18px;
}
.btn-view i{
    margin-right: 10px;
}
.btn-view:hover{
    background: #fff;
    color:#b00f15;
    border:1px solid #b00f15;
}

#countdown {
 padding: 10px 0px;
 font-size: 20px;
 /* margin-left: 10px; */
}
#countdown  span{
    display:inline-block;
    background-color: #ae0f14;
    padding: 4px 15px;
    color: #fff;
}
#hours {}

#minutes {}

#seconds {}

.wrap-result{
    position: sticky;
    top: 20px;
}
.title-result{
    background-color: #ae0f14;
    color: #fff;
    padding: 9px 20px;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
}
.wrap-result .count{
    text-align: center;
    margin-bottom: 10px;
}
.thongke-result{
    padding: 15px;
    background-color: #eeee;
    margin-bottom: 20px;
}
.thongke-result span{
    display:block;
    font-weight: bold;
}
.dung-r{
    color:#28a745;
}
.sai-r{
    color:#dc3545;
}
.thongke-result span i{
    margin-right:5px;
}
.thongke-result span.dalam-r{
    margin-bottom:5px;
    color:blue;
}
.thongke-result span.dalam-r strong{
    font-size:120%;
}
.list-result-answer{display: flex;flex-wrap: wrap;}
.list-result-answer li{
    display: inline-block;
    width: 50px;
    margin: 1%;
    text-align: center;

    background-color: #eee;
}
.list-result-answer li a{
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.list-result-answer li.dalam{
    background:blue;
    color:#fff;
}
.list-result-answer  .btn-false a{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.list-result-answer  .btn-true a{
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}
.list-result-answer  .btn-true a:before{
        content: "\f058";
        position:absolute;
        top:0;
        right:0;
        font-family: "Font Awesome 5 Free";
        z-index: 1;
        font-weight: 900;
}
.list-result-answer  .btn-false a:before{
        content: "\f06a";
        position:absolute;
        top:0;
        right:0;
        font-family: "Font Awesome 5 Free";
        z-index: 1;
        font-weight: 900;
}
.view-answer{
        background: #fbf8dc;
        padding: 10px 10px;
        border: 1px solid #fde4ba;
        margin-top: 15px;
}
.title-view-answer{
    display:flex;
    justify-content:space-between;
    /* margin-bottom:15px; */
}
.collapse-content{
    margin-top: 15px;
    display:none;
}
.btn-colsap{

}
.title-col{
    font-weight:bold;
    margin-bottom:10px;
}

.video_phongsu{
    width: 100%;
    margin-top: 22px;
}

.video_phongsu iframe{
    width: 100%;
    height: 230px;
}

.collapse-content .list{margin-bottom: 10px;}
.collapse-content .list li{
    display:flex;
    margin-bottom: 6px;
    color: red;
}
.list-category-program{}
.col-category-program-item{
    margin-bottom: 40px;
}
.category-program-item{}
.category-program-item .box{}
.category-program-item .box .content{}
.category-program-item .box .content h3{
    margin: 0;
    margin: 0;
    font-size: 18px;
    margin-bottom: 20px;
    background: #eee;
    padding: 15px 15px;
    font-weight: bold;
}
.category-program-item .box .content h3 a{}
.category-program-item .box .content ul{
    margin-bottom: 0px;
    width: 82%;
    float: left;
}
.category-program-item .box .content ul li{
    line-height: 1.5;
    margin-bottom: 13px;
}
.category-program-item .box .content ul li a{}
.category-program-item .box .content ul li a >i{
    margin-right:5px;
    color: #eb1c24;
}
.btn-view-program{
        display: inline-block;
        padding: 12px 25px;
        font-size: 14px;
        font-weight: 700;
        min-width: 150px;
        text-align: center;
        background: linear-gradient(
180deg
, #d3181f, #b00f15);
        margin-right: 0;
        color: #fff !important;
}
.title-bg{
        margin: 0;
    font-size: 18px;
    margin-bottom: 20px;
    background: #eee;
    padding: 15px 15px;
    font-weight: bold;
}
.block-program{
    padding-bottom:30px;
    /* padding: 15px 30px; */
}
.wrap-content-program{
    border: 1px solid #ddd;
    margin-top: 50px;
    position: relative;
    padding: 15px;
    padding-top: 50px;
}
.wrap-content-program .nav{
    justify-content: center;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transform: translate(0,-50%);
    border: unset;
}

.wrap-content-program .nav-pills li{
    margin:0 5px;
    margin-bottom: 5px;
}
.wrap-content-program .nav-pills .nav-link{
    background-color: #fff;
    border:1px solid #ddd;

}
.wrap-content-program .nav-pills .nav-link.active{
   background-color: #eb1c24
}
.content-program-tab{
    font-size:15px;
    margin-bottom:20px;
}
.box-link-paragraph{
        box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
        border-radius: 4px;
        border-color: #ddd;
        max-width: 400px;
        background-color: #fff;
        margin-bottom: 30px;
}
.title-link-header{
        background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
        background-color: #f5f5f5;
        border-color: #ddd;
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
}
.box-link-paragraph >ul{
    width: 100%;
    max-height: 250px;
    padding: 15px;
    overflow-y:auto;
}
.index{
    margin-right:10px;
}
.box-link-paragraph ul li{
margin-bottom:5px;
}
.box-link-paragraph >ul> li{
    font-weight:bold;
}
.box-link-paragraph >ul> li  ul {
    margin-top:10px;
    font-weight:normal;
        font-size: 90%;
}
.box-link-paragraph ul li a{
    color: #337ab7!important;
}
.list-content-paragraph>div{
    /* display:flex; */
    margin-bottom: 15px;
}
.list-content-paragraph>div ul,.list-content-paragraph>div ol{
    list-style:none;
}
.name-p{
    color:#0068c1;
    font-weight:bold;
    margin-bottom: 5px;
}
.list-content-paragraph>div .index{
    width: 20px;
    display: inline-block;
    flex: 0 0 auto;
}
.col-exercise-item{

}
.exercise-item{}
.exercise-item .box{}
.exercise-item .box .top{
    font-size: 20px;
    font-weight: bold;
    color: #0082b9;
    line-height: 1.3;
    margin-bottom: 5px;
}
.exercise-item .box .question-text{
    padding: 5px 0 20px;
    border-top: 1px solid #ececec;
    margin-top: 10px;
    font-weight: normal;
    margin-bottom: 0;
}
.share-with{
    margin-top:30px;
}
.box-dt-tulieu {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all .2s ease;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 35%);
}
.box-dt-tulieu .b-img {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    max-height: 149px;
    height: 0;
    padding-bottom: 74%;
}
.box-dt-tulieu .b-img img {
    float: left;
    width: 100%;
}
.box-dt-tulieu .b-name {
    float: left;
    width: 100%;
    padding: 5px;
    text-align: left;
    color: #444;
    font-size: 15px;
    line-height: 1.4;
    min-height: 95px;
    font-weight: 500;
    background: #1997d4;
    color: #fff;
}
.box-dt-tulieu .b-name a {
    color: #FFF;
}
.box-dt-tulieu .b-info {
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    color: gray;
    font-size: 13px;
}
.fright {
    float: right!important;
}
.b-pdf {
    background: #F68B1F;
    color: #fff;
}
.bgicon-3 {
    padding: 3px;
    border-radius: 1px;
}
.title-detail{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}
.news-detail-info{
    margin-bottom: 20px;
}
.news-detail-info ul{
    display: flex;
}
.news-detail-info ul li:not(:last-child){
    margin-right:10px;
}
.news-detail .box_content{
    margin-bottom: 20px;
    text-align: justify;
}

.news-detail .box_content p{
    margin-bottom: 16px;
}

.news-detail .box_content img{
    height: auto !important;
}

.wrap-video iframe{
    max-width:100%;
    width:700px;
    height:300px;
}
.title-relate{
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin: 30px 0 20px;
}

.show-related{

}

.show-related ul.related li {
    list-style-type: none;
}

.show-related ul.related li h4{
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.show-related ul.related li h4 a {
    font-size: 15px;
    color: #000;
}

.show-related ul.related li h4 a:hover {
    color: #eb1c24;
}

.show-related ul.related li span.date {
    font-weight: bold;
    color: #ff0000;
    margin-left: 10px;
}

.blog-news-detail{
    padding: 30px 0;
}
.list-link-news-detail{
    margin-bottom: 30px;
}
.list-link-news-detail ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.list-link-news-detail ul li{
    margin-bottom: 5px;
}
.list-link-news-detail ul li span{
    display: block;
    border-bottom: 2px solid #eb1c24;
    font-weight: bold;
    font-size: 17px;
}
.list-link-news-detail ul li a{}
.list-link-news-detail ul li:not(:last-child){
    margin-right: 20px;
}


/*css template contact */

.wrap-template-contact {
    padding: 30px 0;
}

.contact-form {
    margin-bottom: 20px;
}

.contact-form .form {}

.contact-form .form p {
    margin: 0 0 10px;
    font-size: 15px;
}
.contact-form .form  select{
      font-size: 14px;
    color: #333333;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 0px;
    height: 35px;
    padding: 0 15px;
    margin-bottom: 15px;
    outline: 0;
}

.contact-form .form input {
    font-size: 14px;
    color: #333333;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 0px;
    height: 35px;
    padding: 0 15px;
    margin-bottom: 15px;
    outline: 0;
}

.contact-form .form textarea {
    font-size: 14px;
    color: #333333;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 15px;
    outline: 0;
}

.contact-form .form button {
    font-size: 14px;
    color: #fff;
    background: #252a61;
    border: none;
    height: 35px;
    width: 150px;
    border-radius: 0px;
    cursor: pointer;
    outline: 0;
}

.contact-infor {
    margin-bottom: 20px;
}

.contact-infor .infor {
    margin-bottom: 20px;
    line-height: 20px;
}

.contact-infor .infor .address {
    font-size: 15px;
    line-height: 22px;
}

.contact-infor .infor .address .title {
    padding-bottom: 0;
}

.contact-infor .infor .address .pt_list_addres {
    margin-bottom: 15px;
}

.contact-infor .infor .address .pt_list_addres>li {
    line-height: 25px;
}

.contact-infor .infor .map {}

.contact-infor .infor .map iframe {
    height: 190px;
    max-width:100%;
}


/*end css template contact*/
.col-galaxy-item {
    margin-bottom:30px;
}
.picpl {
    position: relative;
}
.cover {
    background-color: hsla(0,0%,6.7%,.8);
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 100%;
    color: #fff;
}
.cover span {
    font-size: 1.6rem;
    color: #fff;
    color: hsla(0,0%,100%,.8);
    margin-bottom: 5px;
}
.pic{
    width:auto;
}
.cover .pic{
    width:auto;
    max-width:25px;
}

.xem {
    opacity: 0;
    position: absolute;
    bottom: 40%;
    left: 3.5em;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-backface-visibility: hidden;
}
.picpl:hover .xem {
    opacity: 1;
    color: #FFF;
    font-size: 20px;
}
.picpl:hover {
    background-color: hsla(0,0%,6.7%,.8);
    -moz-transition: all 2 linear;
    -ms-transition: all 2 linear;
    -o-transition: all 2 linear;
    -webkit-transition: all 2 linear;
    transition: all 2 linear;
}
.picpl:hover .pic {
    opacity: 0.2;
}
.picpl:hover .cover {
    opacity: 0;
}
.list-playlist .inf {
    padding: 0px 10px 0px 10px;
    background: #FFF;
}
.list-playlist h3 {
    font-size: 15px;
    min-height: 38px;
    margin-top: 10px;
}
.list-playlist .inf p {
    color: #a1a1a1;
}
.fleft {
    float: left!important;
}
.fright {
    float: right!important;
}
.list-playlist .inf p {
    color: #a1a1a1;
}
.martop10 {
    margin-top: 10px!important;
}
.list-playlist .inf {
    padding: 0px 10px 0px 10px;
    background: #FFF;
}
#clear, .clear {
    clear: left;
}
.col-faq-item{margin-bottom: 30px;}
.faq-item{}
.faq-item .box{}
.faq-item .box .image{}
.faq-item .box .image a{
    display: block;
    position: relative;
    padding-bottom: 70%;
    overflow:hidden;
}
.faq-item .box .image a img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    transition:all 0.5s;
}
.faq-item .box .image a:hover img{
    transform:scale(1.1);
}
.faq-item .box .image a:hover .text{
     background-color: rgba(0,0,0,0.7);
}
.faq-item .box .text{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    transition:all 0.5s;
}

.list-faq-question{
    margin-top:30px;
}
.col-faq-question-item{
    margin-bottom: 30px;
}
.faq-question-item{}
.faq-question-item .box{}
.faq-question-item .box .top{
    display: flex;
    align-items: center;
}
.faq-question-item .box .top .icon{
    width: 40px;
}
.faq-question-item .box .top .icon img{}
.faq-question-item .box .content-top{
    padding-left: 10px;
}
.faq-question-item .box .content-top h3{
    display: inline-block;
    color: #1997d4;
    font-weight: 500;
    width: 100%;
    margin: 0;
    font-size: 15px;
}
.faq-question-item .box .content-top  .desc-top{
    font-size: 13px;
}
.faq-question-item .box  .mid{}
.faq-question-item .box  .mid h3{
    margin: 0;
    padding-top: 5px;
    /* padding: 0; */
    float: left;
    width: 100%;
    color: #0082b9;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 5px;
}
.faq-question-item .box  .mid .desc{
    margin-top: 10px;
    font-size: 15px;
}
.faq-question-item .box   .bot{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}
.faq-question-item .box   .bot .left{
    font-size: 13px;
}
.faq-question-item .box   .bot .left i{
    font-size:16px;
}
.faq-question-item .box   .bot .right{}
.faq-question-item .box   .bot .right .point{
    color: #089A68;
    font-size: 11px;
    font-weight: 700;
}
.faq-question-item .box   .bot .right a{
    color:#fff;
    font-size:12px;
}

.addFaq{
    color:#fff;
}
.form-add-faq{
    margin: 10px 0 20px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    /* display: none; */
}
.title-form-add-faq{
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px;
    position:relative;
    font-weight: bold;
}
.close-faq{
    position:absolute;
    right:0;
    top:0;
    width:30px;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.content-form-add-faq{
    position: relative;
    padding: 15px;
}
.content-form-add-faq .cout-point{
    color: #089A68;
    margin-bottom: 15px;
}
.list-input-hp{}
.list-input-hp .form-check-inline{
    width: 22%;
}
.wrap-faq-detail{}
.wrap-faq-detail .name-faq{
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.wrap-faq-detail .content-faq{
    padding: 5px 0 15px;
    font-size: 17px;
    color: #000;
}
.list-link-faq{
    font-size: 13px;
    margin-top: 10px;
    background: #F5F5F5;
    padding: 12px 10px;
    justify-content: space-between;
    display: flex;
}
.theodoi-faq.active{
    color:#0082b9;
}
.theodoi-faq i{
    margin-right:5px;
}
.baocao-faq{}
.baocao-faq.active{
    color: #0082b9;
}
.baocao-faq i{
     margin-right:5px;
}
.wrap-reply{
    margin-top: 20px;
    padding-bottom: 50px;
}
.cout-reply{
    width: 100%;
    color: #0082b9;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 25px;
}
.list-reply{}
.item-reply{}
.item-reply .box{}
.item-reply .box .content-reply{
    margin-bottom: 10px;
    font-size: 15px;
}
.item-reply  .info-reply{
    font-size: 14px;
}
.item-reply  .info-reply .top{
    margin-bottom: 10px;
}
.item-reply  .info-reply .top .date{
    margin-right: 15px;
}
.item-reply  .info-reply .top .date i{
    margin-right: 5px;
}
.item-reply  .info-reply .top  .name-user{
    margin-left: 10px;
    color: red;
}
.item-reply  .info-reply .bot{}
.item-reply  .info-reply .bot .btn-like{
    margin-right: 20px;
}
.item-reply  .info-reply .bot .btn-like.active{
    color: #0082b9;
}
.item-reply  .info-reply .bot .btn-baocao{}

.blog-product-detail{
    padding: 40px 0;
}

.product-detail-infor{
    width: 100%;
}

.product-detail-infor .wrap-breadcrumbs{
    width: 100%;
    float: unset;
    margin-bottom: 0;
}

.product-detail-infor .wrap-breadcrumbs .breadcrumb>li+li:before {
    font-size: 16px;
    opacity: 0.35;
}

.product-detail-infor .wrap-breadcrumbs .breadcrumb li{
    line-height: 22px;
}

.product-detail-infor .wrap-breadcrumbs .breadcrumb li a{
    font-size: 14px;
    font-weight: normal;
}

.product-detail-infor .wrap-breadcrumbs .breadcrumb li:last-child a{
    color: rgba(102,102,102,0.7);
}

.product-detail-infor .box-infor{

}

.box-buy {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.box-buy a {
    display: inline-flex;
    height: 44px;
    align-items: center;
    line-height: 44px;
    float: left;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    padding: 0 25px;
    background-color: #a3a3a3;
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.box-buy .addnow {
    background-color: #252a61;
}

.box-buy .add_cart {
    background-color: #eb1c24;
    color: #fff;
    margin-left: 10px;
}

.product-detail-infor .box-infor .price_contact{font-size: 22px;font-weight: 600;margin: 5px 0;color: #212529;}

.product-detail-infor .box-infor .price_contact span{
    color: #ff0000;
}

.product-detail-infor .box-infor h1{
    margin: 0;
    font-size: 28px;
    font-weight: 500;
}

.custom-select-color .colour-select-pdp {
    position: relative;
    color: #252a61;
    border: 2px dashed #cdcdcd;
    border-radius: 2px;
    height: 72px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom-select-color .colour-select-pdp i {
    margin-right: 10px;
    color: #252a61;
}

.custom-single-kichthuoc {
    margin-bottom: 20px;
}

.custom-single-kichthuoc .list-label-pdp{
    font-size: 20px;
    font-weight: 600;
}

.list-label-pdp {
    color: #000;
}

.custom-single-kichthuoc ul.list--inline {
    width: 100%;
    max-width: 310px;
    margin: 4px 0 10px;
    display: -ms-flexbox;
    display: flex;
}

.custom-single-kichthuoc ul.list--inline li {
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    border: 1px solid #cdcdcd;
    list-style: none;
    margin: 0px;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background-color: #252a61;
}

.custom-single-kichthuoc ul.list--inline li:hover,
.custom-single-kichthuoc ul.list--inline li.active {
    background: #252a61;
}

.custom-single-kichthuoc ul.list--inline li:hover a,
.custom-single-kichthuoc ul.list--inline li.active a {
    color: #fff;
}

.form_quantity{
    width: 100%;
    margin-bottom: 20px;
}

.form_quantity .quantity {
    margin-bottom: 16px;
    opacity: 1;
    display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1em;
    white-space: nowrap;
    vertical-align: top;
}

.form_quantity .quantity input{
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
}

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

.form_quantity .quantity input.is-form{
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    text-shadow: 1px 1px 1px #fff;
    color: #666;
    border: 1px solid #ddd;
    text-transform: none;
    font-weight: normal;
    padding: 0 7px;
}

.form_quantity .quantity input[type="number"] {
    max-width: 35px;
    width: 35px;
    border: 1px solid #ddd;
    height: 38px;
    text-align: center;
    border-radius: 0;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-size: 16px;
}

.quantity .minus {
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.quantity .plus {
    border-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.form_quantity button{
    background-color: #252a61;
    color: #fff;
    border-color: rgba(0,0,0,0.05);
    font-size: 16px;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    padding: 0 18px;
    text-transform: uppercase;
    height: 38px;
}

.contact_single_product{
    margin-bottom: 15px;
    width: 100%;
}

.contact_single_product .button.primary {
    background: #e91d28;
    width: auto;
    padding: 10px 27px;
    border-radius: 5px;
    display: inline-block;
    line-height: 1.6;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.custom-address {
    float: right;
    padding: 10px 0;
}

.custom-address a {
    color: #000;
}

.custom-address a i {
    margin-right: 10px;
    color: #252a61;
}

.product-footer{
    padding-bottom: 0;
}
h3.heading-title {
    background-size: 100%;
    color: #fff;
    padding: 15px 50px;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    font-weight: 600;
    background: #252a61;
    margin: 0;
}

.cong_dung{
    margin-bottom: 15px;
}

.cong_dung .title{
    color: #252a61;
    font-weight: 900;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.custom-single-excerpt {
    padding: 0;
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.custom-single-excerpt p:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #252a61;
    font-size: 15px;
    margin-right: 10px;
    line-height: 1;
}

.product-footer .content{
    padding: 15px;
    font-size: 17px;
    background-color: #eee;
    text-align: justify;
}

.product-footer .content p{
    margin-bottom: 30px;
}
    

.block-tutorial{padding: 30px 0;}
.block-tutorial .container{
    max-width:900px;
}
.title-tutorial{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.title-bg{}

.content-ex{
    padding: 0 15px;
}
.content-ex img{
    width:auto;
    max-width:100%;
}
.content-ex .name{
    /* font-weight: bold; */
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.content-ex .da{
    font-size: 15px;
    line-height: 1.5;
}
.content-ex .da>h2{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
}
.box-control-next-left{
    display:flex;
    justify-content:space-between;
    margin-top: 20px;
}
.box-control-next-left a:not(.active){
    cursor: unset !important;
    opacity: 0.5;
}
.box-control-next-left a.btn-next.active{
    color:red;
}
.box-control-next-left a.btn-prev.active{
    color:red;
}

.list-qu{/* padding: 15px; *//* background-color: #eee; *//* margin-top: 30px; */padding: 0 15px;}
.list-qu ul{
    /* margin-top: 30px; */
}
.list-qu ul li{
    margin-bottom: 10px;
}

.content-tutorial{}
.content-tutorial ul{}
.content-tutorial ul li{
    margin-bottom: 5px;
}
.content-tutorial ul li i{
    color: #04AA6D;
    margin-right: 5px;
}
.content-tutorial ul li strong{}
.title-bg{}
.content-tutorial{}
.list-danh-hieu{}
.dhieu {
    background: #F6F6F6;
    padding: 10px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    border: 1px solid #D5D5D5;
    margin-bottom: 15px;
}
.dhieu .trai {
    width: 86px;
    margin-right: 20px;
    flex: 0 0 12%;
}
.dhieu .phai p:first-child {
    font-weight: 700;
    font-size: 18px;
}

.cred {
    color: red;
}
.title-search{
    margin: 0;
    font-size: 18px;
    margin-bottom: 20px;
    background: #eee;
    padding: 15px 15px;
    font-weight: bold;
}
.wrs_editor fieldset, .wrs_editor img{
       width: unset;
            height: unset;
            max-width: unset;
}
.content-p img {
    width: auto;
}

.close-sidebar{
    display:none;
}

.menu-sidebar-icon{
    position: fixed;
    left: 5px;
    color: #fff;
    font-size: 25px;
    /* width: 35px; */
    height: 45px;
    width: 45px;
    display: none;
    top: 50%;
    transform: translate(0,-50%);
    /* border: 3px solid #000; */
    align-items: center;
    padding: 0 5px;
    background-color: #ae0f14;
    z-index: 100;
    border-radius: 100%;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}

#fix-sidebar{
    position: relative;
    top:0;
}
.box-fix-sidebar{
    max-height: 100%;
    overflow-y:auto;
    /* max-width: 280px; */
}
.block-content-left{
    order:0;
}
.block-content-right{
    order:1;
}

.sec_service{
    padding-top: 15px;
    padding-bottom: 0;
    position: relative;
    width: 100%;
    background-color: #fff;
}

.sec_service .list_item{
    display: flex;
    flex-wrap: wrap;
}

.sec_service .list_item .item{
    position: relative;
    margin: 0;
    padding: 0 15px 15px;
    width: 25%;
}

.sec_service .list_item .item .box{
    display: block;
    position: relative;
    overflow: hidden;
}

.sec_service .list_item .box .image{

}

.sec_service .list_item .box .image img{transition: transform 5s;transform: translateZ(0);}

.sec_service .list_item .box:hover .image img{
    transform: scale(1.3);
}

.sec_service .list_item .item .info{
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    position: absolute;
    width: 100%;
    max-height: 100%;
    bottom: 0;
    padding: 10px 10px 18px;
    text-align: center;
}

.sec_service .list_item .item .info h3{
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
}

.overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: -1px;
    right: -1px;
    background-color: rgba(0,0,0,0.15);
    transition: transform .3s, opacity .6s;
    pointer-events: none;
}

.sec_nhanhieu{
    padding-top: 30px;
    padding-bottom: 0;
    position: relative;
    width: 100%;
    background-color: rgb(245, 245, 245);
}

.sec_nhanhieu .list_item{
    display: flex;
    flex-wrap: wrap;
}

.sec_nhanhieu .list_item .item{
    position: relative;
    margin: 0;
    padding: 0 15px 20px;
    width: 25%;
}

.sec_nhanhieu .list_item .item .box{
    display: block;
    position: relative;
    overflow: hidden;
}

.sec_nhanhieu .list_item .box .image{

}

.sec_nhanhieu .list_item .box .image img{
    width: 100%;
    max-width: 100%;
}

.sec_gioithieu{
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    background-color: #fff;
}

.sec_gioithieu .list_item{
    display: block;
    width: 100%;
}

.sec_gioithieu .list_item .item{
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0 0px 30px;
}

.sec_gioithieu .list_item .item:nth-child(odd) .box .image{
    order: 1;
}

.sec_gioithieu .list_item .item:nth-child(odd) .info{
    order: 2;
}

.sec_gioithieu .list_item .item:nth-child(even) .box .image{
    order: 2;
}

.sec_gioithieu .list_item .item:nth-child(even) .info{
    order: 1;
    text-align: right;
}

.sec_gioithieu .list_item .item .box{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.sec_gioithieu .list_item .box .image{
    width: 50%;
    padding: 0 15px;
}

.sec_gioithieu .list_item .box .image img{width: 100%;}


.sec_gioithieu .list_item .item .info{
    width: 50%;
    padding: 0 15px;
}

.sec_gioithieu .list_item .item .info h3{
    color: #252a61;
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.sec_gioithieu .list_item .item .info .desc{
    color: #000;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    text-align: justify;
}

.count-search{
    color: #252a61;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 0;
}

.sec_news{
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    background-color: #fff;
}

.sec_news .list_item{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.sec_news .list_item .item{
    width: 50%;
    position: relative;
    margin: 0;
    padding: 0 15px 30px;
}

.sec_news .list_item .item .box{
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.sec_news .list_item .box .image{
    width: 40%;
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 28%;
    background-position: 50% 50%;
    background-size: cover;
}

.sec_news .list_item .box:hover .image img{
    transform: scale(1.3);
}

.sec_news .list_item .box .image img{
    transition: transform 5s;
    transform: translateZ(0);
    width: 100%;
    right: 0;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
}

.sec_news .list_item .item .info{
    width: 60%;
    padding: 0px 20px;
}

.sec_news .list_item .item .info h3{
    color: #252a61;
    margin: 0;
    font-size: 17px;
    line-height: normal;
    margin-bottom: 10px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sec_news .list_item .item .info .desc{
    color: #000;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sec_news .show_all{
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    padding: 5px 10px;
    margin: 10px auto;
    border-radius: 5px;
    display: block;
    text-align: center;
    width: 120px;
    background-image: linear-gradient(#343da0, #252a61);
}

.wrap_product{
    width: 100%;
    background-image: url(../images/bg_sp.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sec_product{
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 15px;
}

.banner_right_pro{

}

.banner_right_pro .home_product{
    margin-top: 40px;
    padding: 80px 10px 7px;
    text-align: center;
    background-image: linear-gradient(to right, #252a61, #343da0);
}

.banner_right_pro .home_product h4{
    color: #fff;
    font-size: 22px;
    min-width: 192px;
    min-height: 156px;
    transform: rotate(-90deg);
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.banner_right_pro .home_product .image{
    margin-bottom: 0px;
    margin-top: 10px;
}

.banner_right_pro .home_product .image img{margin: 10px 0px;transform: rotate(
-90deg
);max-width: 46px;}

.sec_product .nav-pills{
    
-ms-flex-pack: end;
    
justify-content: flex-end;
    
margin-bottom: 15px;
}

.sec_product .nav-pills li{

}

.sec_product .nav-pills li + li{

margin-left: 10px;
}

.sec_product .nav-pills li a{
    color: #252a61;
    padding: 0px 15px;
    font-weight: 600;
    font-size: 17px;
}

.sec_product .nav-pills li a.active{
    
color: #eb1c24;
}

.list_pro{
    margin: 0 -10px;
}

.list_pro .item{
    padding: 0 10px 20px;
    width: 25%;
    float: left;
}

.list_pro .item .box{
    padding: 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
}

.list_pro .item .box .hot {
    bottom: 5px;
    right: 10px;
    text-transform: capitalize;
    color: #ffffff;
    background: #C70909;
    font-size: 11px;
    padding: 0 10px 0 8px;
    height: 21px;
    line-height: 23px;
    text-align: center;
    display: block;
    position: absolute;
}

.list_pro .item .box .hot:before {
    content: "";
    background: url(../images/icon-sale.png) no-repeat 0 0;
    width: 11px;
    height: 21px;
    position: absolute;
    left: -11px;
    top: 0;
}

.list_pro .item .box .hot:after {
    content: "";
    background: url(../images/icon1-sale.png) no-repeat 0 0;
    width: 3px;
    height: 21px;
    position: absolute;
    right: -3px;
    top: 0;
}

.list_pro .item .box:hover{
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.list_pro .item .box .image{position: relative;height: 245px;margin: 0 auto;overflow: hidden;-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);}

.list_pro .item .box:hover .image img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.list_pro .item .box .image img{

right: 0;

bottom: 0;

left: 0;

top: 0;

position: absolute;

object-position: 50% 50%;

object-fit: contain;

transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;

width: 100%;

height: 100%;

max-width: 100%;

transform: translateZ(0);

margin: 0 auto;
}

.list_pro .item .box h3{
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
    padding: 10px 10px 10px;
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}

.list_pro .item .box h3 a{
    color: #252a61;
    text-transform: uppercase;
    font-weight: 700;
    overflow: hidden;
    height: 34px;
    display: block;
}

.cate-dot-1 .slick-dots {
    width: auto;
    bottom: unset;
    right: 80px;
    position: unset;
    margin-top: 20px;
}

.cate-dot-1 .slick-dots li {
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-image: linear-gradient(147deg, #898989, #898989);
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
    box-shadow: 0px 0px 2px 1px rgba(130, 130, 130, 0.3);
}

.cate-dot-1 .slick-dots li.slick-active {
    background-image: linear-gradient(1deg, #007ec5, #007ec5);
}


.cate-dot-1 .slick-dots li button {
    width: 14px;
    height: 14px;
}

.cate-dot-1 .slick-dots li button:before {
    width: 14px;
    height: 14px;
}

.cate-arrows-1 .slick-prev,
.cate-arrows-1 .slick-next {
    opacity: 1;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    margin: 0;
    width: 25px;
    height: 50px;
    background-color: transparent;
    color: #000;
}

.cate-arrows-1 .slick-prev {
    left: 0px;
}

.cate-arrows-1 .slick-next {
    right: 0px;
}

.cate-arrows-1 .slick-prev i,
.cate-arrows-1 .slick-next i {
    font-size: 20px;
    color: inherit;
}

.sec_color{padding-top: 30px;padding-bottom: 30px;background-color: rgb(245, 245, 245);}

.sec_color .show_all {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    padding: 5px 10px;
    margin: 10px auto;
    border-radius: 5px;
    display: block;
    text-align: center;
    width: 120px;
    background-image: linear-gradient(#343da0, #252a61);
}

.sec_color .box_for_all{

}

.sec_color .box_for_all .image{

}

.sec_color .box_for_all .image img{

}

.sec_color .box_for_all h3{
    
}

.sec_color .box_for_all .show_all{
    font-weight: 500;
    color: #252a61;
    font-size: 16px;
}

.list_colors{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.list_colors .item{
    width: 25%;
    float: left;
}

.list_colors .box{width: 100%;display: flex; flex-wrap: wrap;}

.list_colors .box .image{position: relative;width: 100%;padding-bottom: 240px;}

.list_colors .box .image img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.list_colors .info{text-align: center;width: 100%;padding: 20px 20px;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;height: 240px;}

.list_colors .item:nth-child(odd) .box .image{
    order: 2;
}

.list_colors .item:nth-child(odd) .box .info{
    order: 1;
}

.list_colors .item:nth-child(even) .box .image{
    order: 1;
}

.list_colors .item:nth-child(even) .box .info{
    order: 2;
}

.list_colors .item:nth-child(4n + 1) .box .info{
    background-color: #00afbe;
}

.list_colors .item:nth-child(4n + 2) .box .info{
    background-color: #63b547;
}

.list_colors .item:nth-child(4n + 3) .box .info{
    background-color: #f6a91f;
}

.list_colors .item:nth-child(4n + 4) .box .info{
    background-color: #e85623;
}

.list_colors .info h3{
    height: auto;
    overflow: hidden;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list_colors .info h3 a{
    color: #fff;
    font-size: 20px;
    display: block;
}

.list_colors .info .desc{
    color: #fff;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.list_colors .info .link-to{
    color: #fff;
    padding: 5px 20px;
    margin: 16px 0 0;
    border-radius: 5px;
    display: inline-block;
    background-image: linear-gradient(#343da0, #252a61);
    font-size: 13px;
    border: solid 1px #fff;
}

.block__calculate_paint{
    width: 100%;
    padding: 30px 0;
}

.calculate_paint {
    width: 100%;
    display: inline-block;
}

.calculate_paint .calculate-paint__inner {
    position: relative;
    z-index: 1;
    padding: 30px;
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
}

.cl-red {
    color: #427ffe;
}

.calculate_paint .calculate-paint__warning {
    color: #000;
    font-size: 16px;
}

.nofitication-alert {
    background-color: #FFEEAD;
    z-index: 2;
    padding: 0;
    -webkit-transition: height 300ms ease, opacity 200ms ease;
    -o-transition: height 300ms ease, opacity 200ms ease;
    transition: height 300ms ease, opacity 200ms ease;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.nofitication-alert__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
}

.nofitication-alert__inner .fa {
    font-size: 17px;
    position: relative;
    top: -1px;
}

.nofitication-alert__inner .text {
    font-size: 16px;
    margin-left: 10px;
}

.step-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 30px;
    padding-bottom: 15px;
}

.step-inner .step-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.step-inner .step-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
    padding-left: 20px;
}

.step-right__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.step-list {
    counter-reset: count;
    margin-top: 20px;
    margin-bottom: 20px;
}

.step-list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.step-list__item:before {
    counter-increment: count;
    content: "" counter(count) "";
    font-size: 40px;
    min-width: 40px;
    text-align: center;
    color: #000;
}

.step-right__mobile__img {
    display: none;
}

.step-list__item-row {
    position: relative;
}

.step-list__item-icon {
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 20px;
    margin-top: -15px;
    margin-left: 15px;
    margin-right: 15px;
}

.step-list__item-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.step-list__item-icon:after, .step-list__item-icon:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #949494;
}

.step-list__item-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.step-list__item-row {
    position: relative;
    display: flex;
    align-items: center;
}

.step-list__item-row label {
    display: inline-block;
    margin-bottom: .5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.step-list__item-row label + input.step__num {
    margin-left: 15px;
}

.step-list__item-row .step__num {
    border: 1px solid #949494;
    border-radius: 0;
    -webkit-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
    padding: 8px 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: transparent;
    outline: none;
    width: 100%;
}

.step-list__item:not(:first-child) {
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
    background: #fff;
    -webkit-box-pack: start;
    margin-bottom: 10px;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.step-list__item .button-see-all {
    position: absolute;
    right: 15px;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.step-list__item .button-see-all .fa-times-circle {
    margin-right: 5px;
    font-size: 20px;
}

.step-inner .button-see-all span {
    color: #427ffe;
    margin-left: 2px;
    font-size: 20px;
}

.step-list__item-row:first-child:before {
    content: '';
    height: 1px;
    background-color: #707070;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin-left: 0;
    margin-right: 10px;
    margin-right: 10px;
}

.step-inner .button-see-all .fa {
    margin-left: 0;
}

.button-see-all a {
    font-size: 16px;
    color: #427ffe !important;
}

.step-list__item-row:first-child:before {
    width: 100px;
    margin-left: 15px;
}

.calculate-paint__step .result-none {
    display: none;
    font-size: 0;
}

.calculate-paint__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    margin: 30px -15px;
}

.calculate-paint__btn .item, .calculate-paint__btn .webform-flex--1 {
    padding-left: 15px;
    padding-right: 15px;
}

.calculate-paint__btn .item, .calculate-paint__btn .webform-flex--1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    list-style-type: none;
    padding-left: 5px;
    padding-right: 5px;
}

.pa-btn, .store-locator__list-btn a, .webform-confirmation__back > a {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    -webkit-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

a.pa-btn.with-img.result, a.pa-btn.with-img.reset {
    background: #427ffe;
    width: 100%;
    display: block;
    display: flex;
}

ul.calculate-paint__btn li a {
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

a.pa-btn.with-img.result img, a.pa-btn.with-img.reset img {
    width: 19px;
    margin-right: 10px;
}

a.pa-btn.with-bg {
    color: #427ffe;
    border: 1px solid #427ffe;
}

.item__inner-reset {
    display: none;
}

.wating-result {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 2;
    display: none;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.snipper-loading {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.snipper-loading .double-bounce1, .snipper-loading .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #427ffe;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2.0s infinite ease-in-out;
    animation: sk-doubleBounce 2.0s infinite ease-in-out;
}

.snipper-loading .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.calculate-paint.show-result .calculate-paint__result {
    display: block;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 30px;
}

.calculate-paint__result-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px;
}

.calculate-paint__result-inner .item-inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.calculate-paint__result-block {
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
}

.calculate-paint__result-block.wall .calculate-paint__result-block__title {
    background-color: #cc0000;
}

.calculate-paint__result-block__title {
    font-size: 20px;
    padding: 10px 25px;
    color: #fff;
}

.calculate-paint__result-block__list {
    padding: 30px 25px 20px 30px;
}

.calculate-paint__result-block__list .item {
    list-style-type: none;
}

.calculate-paint__result-block__list .item-text {
    position: relative;
    padding-left: 20px;
    color: #000;
}

.calculate-paint__result-block.wall .calculate-paint__result-block__list .total-text {
    color: #cc0000;
    font-size: 40px;
    margin-top: 5px;
    padding-left: 20px;
}

.calculate-paint__result-block__list .item-text:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.calculate-paint__result-block.ceiling .calculate-paint__result-block__title {
    background-color: #0c327e;
}

.calculate-paint__result-block.ceiling .calculate-paint__result-block__list .total-text {
    color: #0c327e;
    margin-top: 5px;
    padding-left: 20px;
    font-size: 40px;
}

.calculate-paint__result {
    display: none;
}

.step-list__item-row .step__num.error {
    border-color: rgba(204, 0, 0, 0.3) !important;
    background-color: rgba(204, 0, 0, 0.3) !important;
}

.nofitication-alert.show {
    margin-top: 10px;
    height: auto;
    padding: 12px 15px;
    opacity: 1;
    visibility: visible;
}

.block-download-document {
    position: relative;
    overflow: hidden;
    background-color: #FFD8B1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 70px 80px 70px 40px;
    margin-top: 40px;
}

.block-download-document .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.block-download-document__left, .block-download-document__right {
    z-index: 2;
}

.block-download-document__right {
    text-align: right;
}

.block-download-document:after {
    content: '';
    display: block;
    background-color: #FF7070;
    width: 750px;
    height: 750px;
    position: absolute;
    right: -300px;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-download-document .block-heading {
    text-align: left;
}

.block-heading h2 {
    position: relative;
}

.block-download-document .field-field-title-suffix {
    margin-bottom: 30px;
    color: #000;
    font-size: 16px;
}

.block-download-document .button-download {
    width: 80%;
}

.single-paint-related {
    width: 100%;
    display: inline-block;
    margin: 25px 0;
}

.single-paint-related .single-title > h3 {
    color: #000;
    font-size: 30px;
    margin: 0px !important;
}

.boxShadow {
    padding: 30px;
    margin: 0px 0 30px 0;
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);
}

.wrap_find_color{
    width: 100%;
    padding: 30px 0;
}

.wrap_find_color .pagination-group{
    justify-content: flex-start;
}

.wrap_find_color .pagination-group .pagination{
    margin: 0;
}

.wrap_find_color .group_color{width: 100%;margin-bottom: 20px;}

.wrap_find_color .group_color label{font-size: 18px;font-weight: 600;}

.wrap_find_color .group_color ul{

}

.wrap_find_color .group_color ul .cp-dm-item{
    width: 23px;
    float: left;
    height: 30px;
    cursor: pointer;
    list-style: none;
    border-right: 1px solid #cdbab8;
}

.wrap_find_color .find_for_name{width: 100%;margin-bottom: 20px;}

.wrap_find_color .find_for_name label{font-size: 18px;font-weight: 600;}

.wrap_find_color .find_for_name .form_s{
    display: flex;
    max-width: 350px;
    width: 100%;
}

.wrap_find_color .find_for_name .form_s input{
    width: calc(100% - 91px);
}

.wrap_find_color .find_for_name .search_kh {
    margin-left: 5px;
    width: 86px;
    text-align: center;
    color: #fff;
    background-color: #0375bf;
    border-color: #0375bf;
    font-size: 14px;
}

.wrap_find_color .list_color #load_color{
    width: 100%;
}

.wrap_find_color .list_color{
    margin: 0 -10px;
}

.wrap_find_color .list_color .not_found{
    padding: 0 10px;
}

.wrap_find_color .list_color ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.wrap_find_color .list_color li{
    width: 14.285%;
    padding: 0 10px;
    margin-bottom: 15px;
}

.wrap_find_color .list_color li .image{

}

.wrap_find_color .list_color li img{
    
}

.wrap_find_color .list_color li .name{
    text-align: center;
    padding-top: 5px;
}

.color_combination{
    width: 100%;
    padding: 30px 0;
}

.box_combination{
    display: flex;
    width: 100%;
}

.box_combination .box_combination_left{
    width: 300px;
    padding: 0 15px;
}

.box_combination .box_combination_right{
    width: calc(100% - 300px);
    padding: 0 15px;
}

.box_combination .box_combination_right .show_image_sample{
    width: 100%;
}

.show_image_sample .title{color: #fff;font-size: 20px;font-weight: 600;padding: 5px 15px;background-color: #252a62;margin-bottom: 13px;}

.danhsach_mau{
    width: 100%;
}

.danhsach_mau .list_item{
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
}

.danhsach_mau .list_item .item{
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.danhsach_mau .list_item .item .box{
    
}

.danhsach_mau .list_item .item .image{
    
}

.danhsach_mau .list_item .item .image img{
    width: 100%;
    height: auto;
}

.box_combination_left .list_combination{background-color: #252a62;box-shadow: 0 0 7px 0 #ccc;}

.list_combination li{font-size: 17px; position: relative;}

.list_combination li:last-child{
    /* border-bottom: 0; */
}

.list_combination li span{
    display: block;
    padding: 5px 15px;
    color: #fff;
    border-bottom: 1px solid #ccc;
}

.list_combination li i.fa-caret-right{
    margin-right: 5px;
}

.list_combination li .fa-chevron-down{
    position: absolute;
    right: 0;
    height: 36px;
    width: 36px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    cursor: pointer;
    font-size: 14px;
}

.list_combination li ul{

}

.list_combination li a{display: block;padding: 5px 15px 5px 30px;color: #fff;font-size: 15px;border-bottom: 1px solid #ccc;}

.list_combination li a:hover{
    color: yellow;
}

.box_combination_left .list_construction{display: block;background-color: #2e3582;}

.box_combination_left .list_construction li{font-size: 16px;}

.box_combination_left .list_construction li span{padding-left: 30px;}

.box_combination_left .list_sample{display: none;}

.box_combination_left .list_sample li{
    
}

.box_combination_left .list_sample li span{
    
}

.phong_thuy{
    width: 100%;
    padding: 30px 0;
}

.box_phong_thuy{

}

.box_phong_thuy .title-daily{font-size: 22px;font-weight: bold;margin-bottom: 12px;margin-top: 0;}

.danhmuc_filter {
    margin-bottom: 20px;
}

.danhmuc_filter .form-group {
    float: left;
}

.danhmuc_filter .form-group.namsinh{
    width: 235px;
    margin-right: 15px;
}

.danhmuc_filter .form-group.gioi_tinh{
    width: 150px;
    margin-right: 15px;
}

.danhmuc_filter input, .danhmuc_filter select {
    color: #333;
    font-weight: bold;
    height: 40px;
    border: solid 1px #ccc;
}

.danhmuc_filter .btn {
    background-color: #252a62;
    color: #fff;
    border-color: rgba(0, 0, 0, 0.05);
    font-size: 16px;
    font-weight: bold;
    padding: 6px 25px;
    border-radius: 5px;
}

.phong_thuy .box_result{
    width: 100%;
}

.phong_thuy .box_result .image{
    max-width: 500px;
    margin-bottom: 30px;
}

.phong_thuy .box_result .content{
    font-size: 16px;
}

.tuvan_sonnha{
    padding: 30px 0;
    width: 100%;
}

.tuvan_sonnha .box_tuvan_sonnha{text-align: center;}

.box_tuvan_sonnha .form_sonnha{display: inline-block;width: 100%;max-width: 500px;background-color: #252a62;padding: 40px 35px;border-radius: 10px;}

.form_sonnha .title{
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.form_sonnha form{

}

.form_sonnha .form-group{

}

.form_sonnha .form-control{
    
}

.form_sonnha button{
    padding: 7px 17px;
    border: 0;
    background-color: #eb1c24;
    color: #fff;
    border-radius: 5px;
}

@media (min-width: 1600px){
    .banner_right_pro .home_product h4{
        min-width: 211px;
        min-height: 126px;
    }

    .banner_right_pro .home_product{
        padding: 61px 10px;
    }

    .list_colors .box .image{
        padding-bottom: 300px;
    }

    .list_colors .info{
        height: 300px;
    }

    .list_pro .item .box .image{
        height: 284px;
    }

    .list_pro .item .box h3 a{
        height: auto;
    }

    .banner_right_pro .home_product .image {
        margin-bottom: 0px;
        margin-top: 21px;
    }
}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
    }
}

@media (max-width: 1199px){
    .sec_service .list_item{
        padding: 0 7px;
    }

    .sec_service .list_item .item{
        padding: 0 8px 15px;
    }

    .col-product-card {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .banner_right_pro{
        margin-bottom: 15px;
        width: 100%;
    }

    .banner_right_pro .home_product{
        padding: 10px 10px;
        display: flex;
        justify-content: center;
        margin-top: 0;
        align-items: center;
    }

    .banner_right_pro .home_product h4{
        min-width: unset;
        min-height: unset;
        transform: unset;
        order: 2;
    }

    .banner_right_pro .home_product .image{display: inline-block;order: 1;margin: 0;margin-right: 16px;}

    .banner_right_pro .home_product .image img{
        transform: unset;
        margin: 0;
    }
}

@media (max-width: 991px){
    .title-ab{
     padding: 12px 20px;
     white-space: nowrap;
    }

    .video_phongsu iframe{
        height: 380px;
    }

    .list_canho li + li {
        margin-left: 20px;
    }

    .list_canho li+li:before {
        content: "";
        position: absolute;
        left: -12px;
    }

    .box_combination .box_combination_left{
        width: 100%;
        order: 2;
    }

    .box_combination .box_combination_right{
        width: 100%;
        order: 1;
    }

    .box_combination_left .list_construction{
        display: none;
    }

    .box_combination{
        flex-wrap: wrap;
    }

    .list-compare .col-compare{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-product-card {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .product-detail-infor .wrap-breadcrumbs{
        margin-top: 15px;
    }

    .sec_service .list_item .item{
        width: 50%;
    }


    #fix-sidebar {
        position: fixed;
        width: 100%;
        /* max-width: 280px; */
        height: 100%;
        z-index: 9997;
        top: 100%;
        /* bottom: 0; */
        transform: translate(0,-100%);
        right: 0;
        background-color: rgba(0,0,0,0.5);
        /* display: flex; */
        /* align-items: center; */
        justify-content: flex-start;
        display: none;
        align-items: flex-end;
        /* max-width: 280px; */
    }
    #fix-sidebar.active{
        display: flex;
    }
    .box-fix-sidebar{
        /* padding:30px; */
        /* max-height: 100%; */
        /* overflow-y: auto; */
        position: relative;
        width: 100%;
        min-height: 100%;
        background-color: #eee;
        max-width: 280px;
    }
    .close-sidebar{
        position: fixed;
        top:0;
        right:0;
        color: #fff;
        display: flex;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        z-index: 3;
        background-color: rgba(0,0,0,0.5);
    }
    .close-sidebar:before{
        content:"";
        position: fixed;
        width: calc(100% - 280px);
        height: 100%;
        top: 0;
        right: 0;
    }
      .menu-sidebar-icon{
        display: flex;
    }
    .title-sider-bar{
        top:0;
        position: sticky;
        z-index: 1;
    }

    .block-content-right {
         order: 1;
    }

    .wrap_about .about_us:nth-child(odd) .offset-md-6{
        margin: 0;
    }

    .wrap_about .about_us:nth-child(even) .offset-md-6{
        margin: 0;
    }
}

@media (max-width:767px){
    .category-item .box .content .info span, .category-item .box .content .info a{
        min-width: 70px;
        padding: 10px;
    }
    .main_color_code .box_image{
        margin-bottom: 20px;
    }
    .list_canho li a{
        font-size: 15px;
        font-weight: 400;
    }
    .step-inner .step-left{
        display: none;
    }
    .step-list__item-row .step__num{
        width: 100%;
    }
    .step-list__item:first-child{
        padding-right: 50px;
    }
    .calculate-paint__btn {
        display: unset;
    }
    .calculate-paint__result-inner {
        display: unset;
    }
    .calculate-paint__result-inner .item-inner {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    .calculate-paint__result-block__list {
        padding: 20px 15px 20px 15px;
    }
    .calculate_paint .calculate-paint__inner{
        padding: 15px;
    }
    .calculate-paint__btn .item, .calculate-paint__btn .webform-flex--1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        list-style-type: none;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .button-see-all.step__remove-row span{
        display: none;
    }
    .step-inner .step-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px;
    }
    .step-right__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .step-list__item .button-see-all {
        position: unset;
        cursor: pointer;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        padding-left: 15px;
    }
    .step-right__mobile__img {
        display: block;
    }
    .step-right__mobile__img img {
        width: 80px;
    }
    h2.calculate-paint__step-title.mb-0 {
        font-size: 15px;
    }
    .step-list__item-row label, .step-list__item-row:first-child:before {
        display: none;
    }
    .step-list__item-row label + input.step__num {
        margin-left: 15px;
        margin: 0px;
    }
    .step-list__item:before {
        font-size: 18px;
    }
    .exam-item .box .content .info span, .exam-item .box .content .info a{
        min-width:70px;
        padding: 10px;
        width: 49%;
        margin-right: 0;
    }
    .wrap-breadcrumbs .breadcrumb li{
        font-size: 15px;
    }

    .desc-about iframe{
        height: 360px;
    }

    .col-product-card {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .contact-infor{
        margin-bottom: 0;
    }

    .break .wrap-breadcrumbs{
        margin-bottom: 0;
    }

    .about_us{
        padding: 30px 0;
    }

    .box_about{
        padding: 30px;
    }

    .sec_news .list_item .item{
        width: 100%;
        padding: 0 15px 20px;
    }

    .header_template h1{
        font-size: 28px;
    }
}

@media (max-width:550px){
    .list-link-tab{padding:30px 0px;}
    .wrap-category-tab .nav{
        padding:0;
        padding: 10px;
    }

    .switch-colour-decorr__left{
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .colour-grid .field-field-colour-code>div{
        height: 64px;
    }

    .group_title_color_code h1{
        font-size: 30px;
    }

    .group_title_color_code p {
        font-size: 16px;
        line-height: normal;
    }

    .main_color_code {
        width: 100%;
        padding: 30px 0;
    }

    .switch-colour-decorr__right{
        padding-left: 0;
        width: 100%;
    } 

    #side-bar{
        margin-bottom: 10px;
    }

    .blog-about-us{
        padding: 15px 0;
    }

    .video_phongsu iframe{
        height: 280px;
    }

    .list-compare .row_item{
        padding: 20px 10px;
    }

    .list-compare .row_item .value{
        font-size: 13px;
        min-height: 40px;
        line-height: 20px
    }

    .wrap-list-compare .title-compare {
        margin: 0 0 18px;
        font-size: 20px;
    }

    .wrap-list-compare .clear-compare {
        padding: 2px 10px;
        margin-left: 15px;
        font-size: 14px;
    }

    .list-compare .view-more .btn-primary {
        font-size: 14px;
        padding: 4px 10px;
    }

    .block-compare{
        padding: 15px 0 10px;
    }

    .list-compare .row_item .delete_compare a{
        padding: 3px 12px;
    }

    .danhsach_mau .list_item .item{
        width: 100%;
    }

    .list-compare .row_item .name{
        font-size: 16px;
    }

    .color_combination{
        padding: 15px 0;
    }

    .tuvan_sonnha{
        padding: 15px 0;
    }

    .danhmuc_filter .form-group.namsinh{
        margin-right: 0;
        width: 100%;
    }

    .wrap_find_color .list_color{
        margin: 0 -5px;
    }

    .wrap_find_color .list_color li{
        width: 20%;
        padding: 0 5px;
    }

    .box_tuvan_sonnha .form_sonnha {
        padding: 25px 15px;
    }

    .list_colors .item{
        width: 50%;
    }

    .desc-about iframe{
        height: 280px;
    }

    .col-product-card {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .list-compare{
        padding: 0 5px;
    }

    .list-compare .col-compare{
        padding: 0 10px;
    }

    .list-compare .row_item .name{
        font-size: 17px;
        line-height: 20px;
        height: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .list_post .post_item .info .post_date{
        display: none;
    }

    .list_post .post_item{
        padding: 0 15px 20px;
    }

    .list_post .post_item .info .desc{
        display: none;
    }

    .list_post .post_item .info{
        padding-left: 15px;
    }

    .list_post .post_item .box .image a{
        padding-top: 74%;
    }

    .title-template .title-inner{
        font-size: 20px;
    }

    .pagination .page-link{
        padding: 6px 10px;
    }

    .product-footer .content{
        font-size: 15px;
    }

    h3.heading-title{
        padding: 15px 20px;
        width: 100%;
    }

    .product-footer .content p {
        margin-bottom: 15px;
    }

    .custom-address{
        float: unset;
        padding: 10px 0 0;
    }

    .contact_single_product .button.primary{
        width: 100%;
    }

    .blog-product-detail{
        padding: 20px 0;
    }

    .list_colors .info{
        height: 160px;
        padding: 20px 10px;
    }

    .sec_nhanhieu .list_item .item{
        width: 50%;
    }

    .sec_news .group-title{
        margin-bottom: 20px;
    }

    .list_colors .info .link-to{
        margin: 10px 0 0;
    }

    .list_colors .box .image{
        padding-bottom: 160px;
    }

    .list_colors .info h3{
        margin: 0;
    }

    .sec_news .list_item .item .info .desc{
        display: none;
    }

    .sec_product{
        margin-top: 0;
        margin-bottom: 0;
    }

    .sec_product .nav-pills li a{
        padding: 0px 10px;
        font-size: 15px;
    }

    .list_pro {
        margin: 0 -8px;
    }

    .list_pro .item .box .image{
        height: 150px;
    }

    .list_pro .item{
        padding: 0 8px 20px;
    }

    .box_about .au-tittle h2{
        font-size: 18px;
        line-height: 24px;
    }

    .about_us {
        padding: 16px 0;
    }

    .box_about{
        padding: 20px;
    }

    .sec_service .list_item .item .info h3{
        font-size: 15px;
    }

    .wrap-category-tab .nav li a{
        line-height:45px;
        background-color:#fff;
        padding: 0 5px;
        text-align: center;
        font-size: 14px;
    }
    .wrap-category-tab .nav li{
        width: 25%;
    }
    .slide .cate-arrows-1 .slick-prev{
        left: 15px;
    }
    .slide .cate-arrows-1 .slick-next{
        right: 15px;
    }
    .slide .cate-arrows-1 .slick-prev i, .slide .cate-arrows-1 .slick-next i{
        font-size: 20px;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
        background-color:#e0e0df;
    }
    .group-title .title{
        font-size:20px;
    }
    .item-hoidap .box{
        padding: 10px;
    }
    .item-hoidap .box .content h3{
        font-size:16px;
    }
    .list-link-news-detail ul li:first-child{
        width: 100%;
        margin-right:0;
        text-align: center;
        max-width: 160px;
        margin-bottom: 15px;
    }
    .list-link-news-detail ul{
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .title-detail{
        font-size:20px;
    }
    .wrap-content-program .nav-pills .nav-link{
        font-size:13px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .wrap-content-program .nav-pills li{
        margin-left: 3px;
        margin-right: 3px;
    }
}