
*{padding: 0;margin: 0;}

i.tt {
    color: gray;
    font-size: 13px;
    padding: 20px 0 5px 15px;
    font-weight: 700;
    font-style: inherit;
}
.list__serveses a {
    text-decoration: none;
}
li.nav-item a {
    padding: 0px 30px!important;
}
.screen__about {
    background-color: #3c3c3c;
    padding: 110px 0;
    color: #fff;
}
.screen__about .text__header h2 {
    color: #fff !important;
}
.textHeader, .text__header h2 {
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 40px;
    color: #444;
}
.line {
    display: inline-block;
    position: relative;
    line-height: 0;
}
.line::before {
    left: 100%;
    margin-left: 30px;
}
.line::before, .line::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 130px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 1px solid #fff;
}
.line .dot--green {
    background-color: #00c65b;
}
.line .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 100%;
    margin: 0 2px;
}
.line .dot--yellow {
    background-color: #fcaf17;
}
.line .dot--blue {
    background-color: #19468d;
}
.line::after {
    right: 100%;
    margin-right: 30px;
}
.line::before, .line::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 130px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 1px solid #fff;
}
.screen__about .text__content {
    padding: 70px 150px 0;
    font-size: 19px;
}
.screen__about .text__content>p {
    margin-bottom: 15px;
}
.screen__about .redirect {
    display: block;
    background-image: url(img/arrow.png);
    width: 37px;
    height: 8px;
    background-size: contain;
    margin-top: 30px;
}

.screen__servises {
    padding: 110px 0;
}
.screen__servises .list__serveses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 60px;
}
.screen__servises .list__serveses .servises__item {
    color: #444;
    font-family: "Garamond Premiere Pro";
    text-transform: uppercase;
    text-align: center;
    font-size: 19px;
    margin: 0 15px;
    max-width: 223px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.screen__servises .list__serveses .servises__item--1 .servises__image {
    display: block;
    background-image: url(../images/service1.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 223px;
    height: 223px;
}
.line--black::before, .line--black::after {
    border-color: #444444;
}
.screen__servises .list__serveses .servises__item--1 .servises__image:hover {
    background-image: url(https://demoapp.xlazy.net/wp-content/uploads/2022/10/service1.gif) !important;
}
.screen__servises .list__serveses .servises__item--2 .servises__image:hover {
    background-image: url(https://demoapp.xlazy.net/wp-content/uploads/2022/10/service2.gif) !important;
}
.screen__servises .list__serveses .servises__item--3 .servises__image:hover {
    background-image: url(https://demoapp.xlazy.net/wp-content/uploads/2022/10/service3.gif) !important;
}
.screen__servises .list__serveses .servises__item--4 .servises__image:hover {
    background-image: url(https://demoapp.xlazy.net/wp-content/uploads/2022/10/service4.gif) !important;
}
.screen__servises .list__serveses .servises__item--5 .servises__image:hover {
    background-image: url(http://appprintco.com/wp-content/uploads/2022/12/GD.gif) !important;
}
.screen__servises .list__serveses .servises__item--2 .servises__image {
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 223px;
    height: 223px;
}
.screen__servises .list__serveses .servises__item--3 .servises__image {
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 223px;
    height: 223px;
}
.screen__servises .list__serveses .servises__item--4 .servises__image {
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 170px;
    height: 200px;
}
.screen__servises .list__serveses .servises__item--5 .servises__image {
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 198px;
    height: 198px;
}
section.free-shipping-content {
    margin-top: 15px;
    font-size: 16px;
    line-height: 25px;
}

.shipping {
    background-color: #343843;
}

.shipping .container {
    text-align: center;
    color: #fff;
    padding: 20px 0 !important;
}
.banner-support section:first-child {
    display: none;
}
.bsize {
    box-sizing: border-box;
}
.benefit .row {
    padding: 0!important;
    margin: 0;
}
.banner-support-item {
    width: calc((100% - 30px) / 2);
    padding: 40px;
    color: #fff;
    float: left;
}
.banner-support-item-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
}
.banner-support-item-des {
    font-size: 15px;
    line-height: 23px;
    margin-top: 10px;
    height: 45px;
    overflow: hidden;
}
.banner-support-item:nth-child(2n+2) {
    float: right;
}
.lv {
    width: 100%;
    display: none;
    height: 250px;
    background: #0e0e0e26;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.navbar{
    padding: 0.5rem 0!important;
}
.banner-top-item-info {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 100%;
    padding: 40px;
}
.tf {
    text-transform: uppercase;
}

section.free-shipping-title.tf {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}
.banner-top-item-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
}
.banner-top-item-link {
    display: inline-block;
    line-height: 35px;
    margin-top: 20px;
    border: 1px solid #999;
    color: #333;
    padding: 0 10px;
    background-color: rgba(255, 255, 255, .1);
}
.banner-top-item-des {
    margin-top: 10px;
    font-size: 15px;
    line-height: 23px;
}
.banner-top-item-link i {
    margin-left: 10px;
}
.banner-top-item-link:hover {
    border: 1px solid #ff5400;
    color: #ff5400;
    background-color: rgba(255, 255, 255, .8);
}
a.banner-top-item-link{text-decoration:none;}
.tt{
        /* position: absolute; */
        /* bottom: 2px; */
        /* left: 0; */
        /* width: 100%; */
        /* font-size: 17px; */
        /* color: #fff; */
        /* z-index: 10; */
        /* font-weight: bold; */
        /* text-transform: uppercase; */
}
.pic-news img {
    max-width: 100%;
    max-height: 100%;
}
.owl-item{
    text-align: left;
    background: #f0f0f0;
}

.owl-item:hover i.tt {
    color: #ec5000;
}

.owl-item a {
    text-decoration: none;
}

.owl-item i {
    display: block;
    font-style: inherit;
    /* padding: 0 15px; */
}

i.ds {
    font-size: 11px;
    padding: 5px 0 20px 15px;
    color: #565656;
}

.owl-item img {
    width: 100%;
}

.owl-item a {
}
.container{
    max-width: 1280px;
}

.container.about-us .col-2 {
    padding: 5px;
}
.carousel-indicators li {
    width: 6px!important;
    height: 6px!important;
    border-radius: 6px;
}
.about-us h3 {
    font-size: 20px;
    padding-bottom: 10px;
}
.sanxuat{
    background: #f2f2f2;
}
.pic-news {
    width: 90px;
    height: 90px;
    border: 1px solid #EEE;
    float: left;
    margin: 0 10px 10px 0;
    background: #F3F3F3;
}
.col-sm-6.widget ul li{
    padding-left:5px!important;
}
blockquote em{
    font-size: 16px;
    padding: 10px 5px;
    color: #e37f0b;
}
blockquote {
    padding: 5px 30px;
    background: #f3f3f3;
    color: #000;
}
.mo-ta-danh-muc {
    display: block;
    float: left;
    border: 1px solid #d8d8d8;
    padding: 20px;
    box-shadow: 0px 1px 1px #e8e4e4;
    background: #fff;
    overflow-y: auto;
    height: 300px;
    width: 100%;
    margin-bottom: 30px;
}
body{
    overflow-x: hidden;
}
.call-mobile {
    background: #2986d3;
    bottom: 55px;
}
.contact-div {
    position: fixed;
    padding: 0;
    border-radius: 35px;
    line-height: 35px;
    height: 35px;
    color: #fff;
    right: 20px;
    z-index: 99999;
}
.zalo-chat {
    background: #08b1f2;
    bottom: 100px;
}
.fb-chat {
    background: #005492;
    bottom: 10px;
}
.call-mobile a, .zalo-chat a, .fb-chat a {
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    margin-right: 10px;
    padding-left: 10px;
}
.call-mobile i, .zalo-chat i, .fb-chat i {
    font-size: 20px;
    line-height: 35px;
    background: #11456c;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    float: right;
}
.zalo-chat i {
    background: #11456c;
}
.fb-chat i {
    background: #11456c;
}
.page-popup.active {
    display: block;
}
.page-popup {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
}
.page-popup .bg-black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.page-popup .box {
    padding-bottom: 0!important;
}
.page-popup .box {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 420px;
    background: #fff;
    border-radius: 15px;
    padding-bottom: 30px;
}
.page-popup .box:before {
    content: '';
    top: -7px;
    left: -7px;
    right: -7px;
    bottom: -7px;
    position: absolute;
    background: rgba(255,255,255,.5);
    border-radius: 20px;
    z-index: -1;
}
.page-popup .bt-close {
    cursor: pointer;
    position: absolute;
    color: #000;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    background: #fff;
    right: -12px;
    top: -15px;
    font-size: 16px;
}
.page-popup .title {
    text-align: center;
    background: url(/img/bg-pop.png) no-repeat;
    background-size: 100% 100%;
    font-size: 20px;
    font-weight: bold;
    padding: 2px 30px 10px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}
.page-popup.page-popup-x form {
    padding: 30px 30px;
}
.page-popup.page-popup-x input, .page-popup.page-popup-x select, .page-popup.page-popup-x textarea {
    outline: none;
    border: 1px solid #ddd;
    height: 40px;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    padding: 7px 15px;
    font-family: sans-serif;
}
.page-popup.page-popup-x .infusion-field {
    margin-bottom: 7px;
}
.page-popup.page-popup-x .infusion-submit {
    text-align: center;
}
.page-popup.page-popup-x label {
    display: none!important;
}
.page-popup.page-popup-x textarea {
    height: 120px;
}
.page-popup button {
    min-width: 120px;
    font-size: 15px!important;
    font-family: "Muli"!important;
    color: #000!important;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    background: #ffcb05!important;
    transition: .3s ease-in-out;
}
.page-popup.page-popup-x button {
    height: 40px;
    border: none;
    border-radius: 20px;
}
@media(max-width: 767px) {
.page-popup .box {
                    width: 90%;
                }
}
@media(max-width: 576px) {
.fb-chat {
    /* left: 245px; */
    /* right: unset!important; */
}
.contact-div{
right:10px!important}
#go_top{bottom: 140px;right:10px;}
.call-mobile, .fb-chat, .zalo-chat {
    /* bottom: 10px; */
}
.contact-div {
    border-radius: 35px;
    height: 35px;
    line-height: 35px;
}
.zalo-chat {
    /* left: 140px; */
    /* right:unset!important; */
}
.call-mobile {
    /* left: 10px; */
    /* right:unset!important; */
}
.call-mobile a, .zalo-chat a, .fb-chat a {
    font-size: 17px;
    margin-right: 4px;
    padding-left: 4px;
}
.call-mobile i, .zalo-chat i, .fb-chat i {
    font-size: 17px;
    line-height: 35px;
    width: 35px;
    height: 35px;
}
}
.entry-content.single-page a{
    color:#296dc1;
}
.des-product h2{
        color: #0d6cbe;
    text-shadow: 3px 3px 0px rgb(0 0 0 / 10%);
    font-size: 25px;
    padding: 0 0 5px 0;
}
table.tb-price {
    width: 100%;
    text-align: center;
}
table.tb-price .tb-title {
    color: #0000cd;
    font-weight: bold;
}
.rnv {
    background: #fff;
    padding: 20px
 10px
 20px;
    box-shadow: 0px 1px 1px 1px #6767675c;
    border-radius: 5px;
    margin: 5px 10px;
}
.menuphai ul{
    background-color: #ffffff;
}
.sub-menu li {
    padding: 0 0 9px 15px;
}
.info-contact {
    padding: 10px 20px;
}

.col-sm-3.menuphai{
        max-width: 20%!important;
    }
#myBtn {
    display: none;
    position: fixed;
    bottom: 184px;
    right: 7px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
}
.info-contact ul {
    padding-left: 32px;
    font-style: italic;
    color: #fc8b00;
}
.new-content ul{
    padding-left: 20px;
}
.form-border {
    margin: 50px 150px 50px 150px;
    padding: 50px;
    border-style: dotted;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    z-index: 10;
}
.new-content h2{
    color:#0d6cbe;
    font-size: 18px;
    font-weight:bold;
    margin-bottom:1rem;
}
.new-content h1{
    color:#0d6cbe;
    font-size: 25px;
    padding: 13px 0;
    font-weight:bold;
}
.new-content h3{
    color:#0d6cbe;
    font-size: 16px;
    font-weight:bold;
    margin-bottom:0.7rem;
}
.new-content h4{
    color:#0d6cbe;
    font-size: 16px;
    font-weight:bold;
}
.form-border button {
    border-radius: 0px 0px 0px 0px;
    background-color: #1b5691 !important;
    border-color: #ff2e2e !important;
    border-width: 2px 2px 2px 2px;
    color: #fff !important;
}

.form-border input {
    font-size: 13px;
    border-radius: 0px 0px 0px 0px;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(0,0,0,0.2);
}

.form-border h3 {
    color: #1b5691 !important;
    font-size: 39px;
    text-shadow: 6px 6px 0px rgb(0 0 0 / 10%);
}

.form-border h4 {
    color: rgb(244 140 39);
    font-size: 20px;
    font-style: italic;
    text-shadow: 6px 6px 0px rgb(0 0 0 / 10%);
    overflow: visible;
}
.col-sm-4.one-product .box{
    text-align:center;
}
.body{
    overflow-x: hidden;
}
a,h2,h3,p,h4,span{
    text-decoration:none;
}

h2.title:after {
    content: "";
    display: table;
    clear: both;
    background: url(/img/line.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0px;
}

h2.title {
    color: #222 !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
}

p.ndnv {
    font-size: 15px;
    margin: 0px;
    text-align: center;
}
.bang-giam-gia {
    width: 100%;
    text-align: center;
}


td.ten_banggia {
    font-size: 14px;
    font-weight: normal;
    color: #0000CC;
    background-color: #CADBFF;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
}
.bang-giam-gia tr td .gia-giam {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #3cb54b;
    font-weight: 600;
    line-height: 16px;
}
.bang-giam-gia tr td .gia {
    margin: 0;
    padding: 0;
    width: 100%;
    text-decoration: line-through;
    color: #939090;
    margin: 0;
    padding: 0;
    line-height: 12px;
    font-size: 13px;
}
.bang-giam-gia th {
    padding: 2px;
    background-color: #cadbff;
}
.bang-giam-gia .kich-thuoc {
    background-color: #cadbff;
}
p.imglh {
    text-align: center;
}
.navbar-brand{
    padding-top:0;
    display: none;
}

a.navbar-brand {}
a.dropdown-item.red {
    background: #fc8b00;
    color: #fff!important;
    font-weight: bold!important;
}
.dropdown-menu{
    padding:0;
}

.menuphai.mobile{
    display:none;
    visibility:hidden;
}
.bg2 {
    background-color: #052c4e;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 576px){
    .container{
        max-width: 100%!important;
    }
    .navbar-brand{
    display: block!important;
}
.screen__about {
    padding: 40px 0;
}
.textHeader, .text__header h2 {
    font-size: 22px;
    margin-bottom: 15px;
}
.line::before {
    margin-left: 10px;
}
.line::after {
    margin-right: 10px;
}
.line .dot {
    width: 7px;
    height: 7px;
}
.screen__about .text__content {
    padding: 30px 0 0;
    font-size: 14px;
}
.screen__about .text__content>p {
    margin-bottom: 7px;
}
.screen__about .redirect {
    width: 27px;
    height: 6px;
    margin-top: 20px;
}
.screen__servises .list__serveses {
    padding-top: 20px;
}
.screen__servises .list__serveses .servises__item {
    font-size: 14px;
    margin: 0;
}
.screen__servises .list__serveses .servises__item--1 .servises__image {
    width: 170px;
    height: 170px;
}
.screen__servises .list__serveses .servises__item--2 .servises__image {
    width: 170px;
    height: 170px;
}
.screen__servises .list__serveses .servises__item--3 .servises__image {
    width: 170px;
    height: 170px;
}
.screen__servises .list__serveses .servises__item--4 .servises__image {
    width: 140px;
    height: 170px;
}
.screen__servises .list__serveses .servises__item--5 .servises__image {
    width: 155px;
    height: 170px;
}
.screen__servises {
    padding: 50px 0 0 0;
}
.topheader{
    display: none!important;
}
    .banner-support section:first-child {
    display: block!important;
}
.banner-support-item:nth-child(n+2) {
    margin-top: 10px!important;
}

.banner-support-item {
    width: 100%!important;
}
.new-content img{
    width:100%!important;
    height:auto!important;
}
.col.all-product{
    padding-left:5px!important;
    padding-right:5px!important;
}
.col-sm-12.new-content.box-shadow-3.mb-5{
    padding-left:5px!important;
    padding-right:5px!important;
}
.new-content iframe{
    width:100%!important;
    height:auto!important;
}
.video iframe{
    width:100%!important;
    height:auto!important;
}
.contact img{
    max-width:100%!important;
}
.mailnv{
    display:none!important;
}
.menuphai.mobile{
    display:unset!important;
    visibility: unset!important;
}
.newdetail table td{
    padding:0px!important;
}
.container-fluid.banner{
    display:none!important;
}
.menuphai{
    display: none!important;
    visibility: hidden!important;
}

.footer-2{
    display:none;
}
.line-sale img{
    width:200px!important;
    height:auto!important;
}
.rnv{
    margin: 5px 0!important;
}
.banner-bopp {
    font-size: 30pt!important;
}
.banner-bbn{
     font-size: 15px!important;
}
.menu1{
    display: none;
    opacity: 0;
}
.menu2{
    display: unset!important;
    opacity: 1!important;
}
.menu1 li.nav-item.dropdown:hover .dropdown-menu {
    display: none!important;
    }
.hover3{
    position: unset!important;
    display: block!important;
    opacity: 1!important;
}
.contact iframe{
    width:100%;
}
.form-border{
    padding: 5px!important;
    margin: 5px!important;
}
.tieude{
    font-size:20px!important;
}
.description{
    font-size:17px!important;
    margin-top:-5px!important;
}
p.text-center.name-customer{
    font-size:18px!important;
}
.tieude{
    font-size:20px!important;
}
.description{
    font-size:17px!important;
    margin-top:-5px!important;
}

.info{
    display:block!important;
}
.info p{
    width:100%!important;
}
.info p input{
    width:100%!important;
}
.binhluan {
    padding-left: 15px!important;
}
.slogan p img{width:100%;}

.body{
    overflow-x: hidden;
}
}
.bg2 img {border-radius: 42px;}

.bg2 img {
}

.bg {
    background: #052c4e;
}

.noidungtoptrangchu {display: flex;align-content: flex-start!important;flex-direction: column;flex-wrap: wrap;}





.sale-info .noidungtoptrangchu p {
    color: #fff;
    font-size: 15px;
    float: left;
}
.phantrang p {
display: inline;
text-align: center;
}
#gallery .tmb_list li {
    width: calc(100% / 4);
    box-sizing: border-box;
    padding: 0 5px;
    display: inline-block;
}
ul.tmb_list.cpg_ctt li a img {
    width: 100%;
    height: auto;
}
.sale-info .con1 {
    width: 20%;
    padding-top: 15px;
}

.con1.con1mobi {}
.sale-info .icon img {
    width: 15%;
    display: inline;
    float: left;
    margin-right: 3px;
}

img {}

.sale-info h3 {
    color: #fff;
    float: left;
    font-size: 16px;
}
.phantrang div {
display: inline;
}
.box-shadow-3{
box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);}
.phantrang a:hover, .phantrang b {
padding: 5px 9px;
border: 2px solid #fc8b00;
border-radius: 48px;
background-color: #fc8b00;
margin: 0 5px;
color: #fff;
}
#gallery .big_img {
    display: table;
    margin: 1.5rem auto 1rem;
    padding: 10px;
    background: #dcb288;
    position: relative;
    box-shadow: 0 2px 2px rgb(0 0 0 / 30%);
}
#gallery .big_img .img {
    position: relative;
}
#gallery p {
    margin: 0;
}
#gallery .big_img .img::before {
    top: 0;
    height: 5px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 30%) inset;
    z-index: 1;
}
#gallery .big_img .img::before, #gallery .big_img .img::after {
    width: 100%;
    left: 0;
    content: "";
    position: absolute;
}
#gallery .big_img::after {
    width: 75px;
    height: 75px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    top: -10px;
    left: -10px;
    z-index: 1;
    content: "";
    position: absolute;
}
#castpage .cpg_ctt {
    width: 420px;
    margin: 1rem auto;
    box-sizing: border-box;
}
#gallery .tmb_list {
    margin: 1rem auto;
    padding: 0;
    list-style: none;
}
#gallery .tmb_list li {
    width: calc(100% / 4);
    box-sizing: border-box;
    padding: 0 5px;
    display: inline-block;
}
#gallery .tmb_list li.on a {
    border-color: #dcb288;
}
#gallery .tmb_list li a {
    display: block;
    border: 2px solid #ccc;
}
#gallery .big_img img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
}
#gallery .big_img .img::after {
    background: url(img/deco_glry.png) center no-repeat;
    background-size: contain;
    height: 100%;
    bottom: -5px;
}
.phantrang a {
padding: 5px 9px;
border: 2px solid #252222;
border-radius: 48px;
margin: 0 5px;
color: #252222;
font-weight: 700;
}
.col-sm-4.one-product:hover .has-hover {
box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
}
.inner-contact {
background: #f0f0f0;
padding: 20px;
margin-top: -10px;
}
.col-sm-4.one-product {
padding-bottom: 30px;
}
.box-blog-post{
box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s;
}
h5.post-title.is-large {
text-align: center;
}
.has-shadow.box:not(.box-overlay):not(.box-shade), .has-shadow .box:not(.box-overlay):not(.box-shade) {
background-color: #fff;
}
.blog-archive .post-item .box-image, .blog-archive .post-item .box-image img {
height: 217px;
}
.form-preview-dl select:not([multiple]) {
background: #f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOCAYAAAArMezNAAAAeElEQVQ4T62UURIAEQxD6/6HXmMX0yVtFH76oXkTUZKIPPKtVOtpeXkF1sA34J01gk/g2uDkuMUQjeUH1e6mjUDmUKud7cBNzXjkCNztRVmuwGmPdUmekELZaCEAejzQHBsrBjf1DFwcWnBXuwJGcKqjDSrU0GeVAW59Fwse//ByAAAAAElFTkSuQmCC) no-repeat;
background-position: right 10px center;
background-size: 10px 7px;
}
.form-preview-dl select:not([multiple]) {
height: 38px;
}
.form-preview-dl select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
width: 50%;
padding: 8px 24px 8px 8px;
border: 1px solid #bebebe;
border-radius: 0;
background-color: #f5f5f5;
transition: all .2s ease;
}
.form-preview-dl {
width: 100%;
margin: 0;
padding: 20px 0 15px;
float: left;
border-bottom: #e2e2e2 1px solid;
}
.form-preview-dl {
max-width: 100vw;
}
.form-preview-dl > dt {
box-sizing: border-box;
width: 260px;
padding: 11px 16px 11px 4px;
float: left;
}
.form-preview-dl > dd {
box-sizing: border-box;
width: calc(100% - 260px);
margin-left: 0;
padding-right: 5px;
padding-left: 5px;
float: right;
}
.form-preview-reqiured {
display: inline-block !important;
padding: 2px 5px;
background-color: #0d6cbe;
color: #fff;
font-size: 12px;
font-weight: normal;
line-height: normal;
text-align: center;
vertical-align: middle;
}
.form-preview-dl > dt:after {
display: table;
clear: both;
content: '';
}
.form-preview-not-reqiured {
display: inline-block !important;
padding: 2px 5px;
background-color: #777;
color: #fff;
font-size: 12px;
font-weight: normal;
line-height: normal;
text-align: center;
vertical-align: middle;
}
.form-preview-dl input[type="text"], .form-preview-dl input[type="password"] {
box-sizing: border-box;
display: block;
width: 100%;
height: 38px;
padding: 8px 12px;
border: 1px solid #bebebe;
background: #f5f5f5;
font-size: 16px;
line-height: 32px;
text-indent: 5px;
transition: all .2s ease;
}
input#submit {
background-color: #FC8B00;
border: 0;
text-transform: uppercase;
padding: 3px 15px;
color: #fff;
font-weight: bold;
}

.info {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}

.info input {
/* width: 100%; */
}

.info label {
display: block;
}

.info p {}
.box-image {
background: #fff;
padding: 5px;
}
.bvlq .one-new p{
font-size: 100%;
    padding: 10px 0 0 5px;
    font-weight: 700;
    color: #296dc1;
}
textarea#comment {
box-sizing: border-box;
border: 1px solid #ddd;
padding: 0 .75em;
height: 2.507em;
padding-top: 0.7em;
min-height: 120px;
font-size: .97em;
border-radius: 0;
max-width: 100%;
width: 100%;
vertical-align: middle;
background-color: #fff;
color: #333;
box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
transition: color .3s, border .3s, background .3s, opacity .3s;
}
.binhluan textarea:hover{
box-shadow: inset 0 -1.8em 1em 0 transparent;
}
div#ez-toc-container {
background: #ffffff;
border: 1px solid #223ad6;
}
.ez-toc-title-container {
display: table;
width: 100%;
}
.video strong {
text-align: center;
display: block;
padding: 15px 0;
}
div#ez-toc-container p.ez-toc-title {
color: #008000;
}
div#ez-toc-container p.ez-toc-title {
font-weight: 500;
}
div#ez-toc-container p.ez-toc-title {
font-size: 120%;
}
#ez-toc-container p.ez-toc-title {
text-align: left;
line-height: 1.45;
margin: 0;
padding: 0;
}
.ez-toc-title, .ez-toc-title-toggle {
display: table-cell;
text-align: left;
vertical-align: middle;
}
#ez-toc-container a.ez-toc-toggle {
color: #444;
}
#ez-toc-container a {
color: #444;
box-shadow: none;
text-decoration: none;
text-shadow: none;
}
div#ez-toc-container ul.ez-toc-list a {
color: #0000ff;
}
div#ez-toc-container {
background: #ffffff;
border: 1px solid #223ad6;
}
.ez-toc-toggle i.ez-toc-glyphicon {
font-size: 16px;
margin-left: 2px;
}
.ez-toc-glyphicon:empty {
width: 1em;
}
#ez-toc-container.counter-decimal ul.ez-toc-list li a::before, .ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
content: counters(item, ".") ". ";
display: inline-block;
counter-increment: item;
margin-right: .2em;
}
#ez-toc-container {
background: #f9f9f9;
border: 1px solid #aaa;
border-radius: 4px;
box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
display: table;
margin-bottom: 1em;
padding: 10px;
position: relative;
width: auto;
}
[class*=ez-toc-icon-] {
font-family: ez-toc-icomoon!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ez-toc-icon-toggle:before {
content: "\e87a";
}
#ez-toc-container.counter-flat ul, #ez-toc-container.counter-hierarchy ul, .ez-toc-widget-container.counter-flat ul, .ez-toc-widget-container.counter-hierarchy ul {
counter-reset: item;
}
div#ez-toc-container ul li {
font-size: 95%;
}
#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li {
background: 0 0;
list-style: none none;
line-height: 1.6;
margin: 0;
overflow: hidden;
z-index: 1;
}
.newcontent h1 {
font-size: 20px;
    font-weight: 700;
color: #0d6cbe;
}
.newcontent h2 {
font-size: 18px;
    font-weight: 700;
color: #0d6cbe;
}
.newcontent h3 {
font-size: 16px;
color: #0d6cbe;
    font-weight: 700;
}



.col-sm-9.new-content {
padding-left: 0px;
margin:0 0 30px 0;
transition: opacity .3s, box-shadow .5s, transform .3s, -webkit-transform .3s;
}
.main-menu.fix {left: 0;max-width: 100%;background: #ffffff85;overflow: visible;position: fixed !important;top: 0;padding:0;width: 100%;z-index: 1000;}
.new-content figure {
text-align: center;
}

.new-content .entry-title {
padding-left: 15px;
padding-top: 15px;
}
.menu1 .hover3 {
    position: absolute;
    left: 100%;
    background: #fff;
    top: -100%;
    display: none;
    opacity: 0;
    transform: 1s;
}
.menu2{
    display: none;
    opacity: 0;
}
.dropdown-menu{
    transition: 1s;
    top: 35px;
}

.dropdown-menu ul li:hover .hover3{
display: block;
top: 0;
opacity: 1;
}
.dropdown-item.red{
    position: relative;
}
.dropdown-menu ul li{
    list-style: none;
}
.new-content .entry-meta {
padding-left: 15px;
}

.bvlq h2 {
font-size: 25px;
    color: #0d6cbe;
    padding: 15px 0;
    border-bottom: 1px solid #2222223b;
}

.col-sm-9.new-content ul {
padding-left: 20px;
}
a,p,li{font-family: arial;font-size:14px;}

.nav-item.active a {
    color: #f65200!important;
}

p.imglh img {
    border-radius: 100%;
    width: 60%;
    box-shadow: 0px 3px 9px #787878;
    border: 2px
 solid #fff;
}

p.tennv {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
}

.menuphai ul {
    padding-left: 14px;
    list-style: none;
    border-left: 1px solid #80808052;
}

ul.news-menu h6 {
    float: left;
    width: calc(100% - 100px);
    font-size: 14px;
    color: #000;
    line-height: 1.3;
    margin-bottom: 5px;
    text-align: left;
    font-weight: 600;
}

ul.news-menu li {
    width: 100%;
    float: left;
    padding: 15px;
    color: #666;
    border-bottom: 1px solid #EEE;
    line-height: 1.5;
}

 li.nav-item.dropdown:hover>a {
color: #fc8b00!important;
}

.menu1 li.nav-item.dropdown:hover .dropdown-menu {
display: block!important;
}

.dropdown-menu{
    transition: 0.4s;
}

ul.backcum li {
list-style: none;
display: inline;
padding-right: 10px;
}
h1{
    font-size: 1.7rem;
}
.pso-header {
text-align: center;
}
.entry-content{background: #ffffff;padding: 25px;margin-top: -10px;}
.pso-header i, .pso-footer i {
font-size: 30px;
color: #444444;
background-color: #f1f2f2;
width: 50px;
height: 50px;
line-height: 50px;
left: 46%;
border-radius: 50px;
}
.newdetail {
background: #fff;
}

aside#nav_menu-3 {
background: #f0f0f0;
}

.textwidget {font-weight: bold;text-transform: uppercase;color: #fff;padding: 4px 15px;background: #2d2d2d;font-size: 14px;margin-bottom: 0px;}

.newdetail .widget ul li a {
color: #fff;
}
.one-product a {
text-decoration: none;
}
.one-new a {
text-decoration: none;
}


.main-menu button.btn {
border: 0;
color: #e5e5e5;
position: absolute;
right: 20px;
}
.col-sm-4.one-product {
padding-bottom: 30px;
}
.contact button.btn {
appearance: none;
min-width: 240px;
margin-top: 20px;
margin-right: 5px;
padding: 16px 48px;
border: solid 1px #329bd2;
border-radius: 4px;
background-color: #329bd2;
color: #fff;
font-size: 18px;
font-weight: bold;
text-decoration: none;
transition: all .2s ease;
}

.topheader a {
color: #334862;
}

.topheader {
        /* background: #0573b7; */
        /* padding-right: 10px; */
        /* color: #ffffff; */
        /* background: url(https://maxbox.vn/wp-content/themes/theme123host/images/bg/bg-header.png) top left; */
        padding: 10px 0 0 0;
}

.topheader a {
    color: #ff5400;
    font-weight: 700;
    font-size: 15px;
}
.main-menu {
padding: 10px 0;
}
.footer-1 ul li {
list-style: none;
color: #fff;
padding: 5px 0;
}

.footer-1 ul li a {
color: #fff;
}

p.from_the_blog_excerpt {
text-align: left;
margin-top: 10px;
}

.post-title {
color: #000;
text-align: left;
padding: 10px 0;
font-size: 18px;
}
.tieude {
color: #0d6cbe;
font-size: 34pt;
margin-top: 20px;
}

.description {
color: #000;
font-size: 22pt;
margin-top: -10px;
font-weight: 500;
}
.tenbaobi:before {
content: "";
display: block;
margin: 0 auto;
border-top: 1px solid #b4b4b4;
width: 20%;
margin-bottom: 10px;
}
.tenbaobi a {
    text-align: center;
    color: #1b5691;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}
a.button {
display: block;
text-align: center;
text-decoration: none;
}

a.button span {
color: #fff;
background: #fc8b00;
padding: 10px 20px;
font-weight: bold;
border-radius: 24px;
}

.doitac .tieude {
color: #efefef;
font-size: 34pt;
margin-top: 20px;
font-weight: 700;
}

.doitac .des1 {
color: #efefef;
font-size: 22pt;
margin-top: -18px;
font-weight: 500;
}

.doitac {background: #1b5690;background-size: cover;}

.video iframe {
width: 100%;
height: 246px;
}

.company .mota {
text-align: left;
}

.company .mota ul li span {
color: #222;
}

.company .mota ul li {
list-style-type: disc;
color: #fc8b00;
margin-left: 19px;
}

.company .mota p {
color: #000;
}

.value .description {
color: #000;
font-size: 22pt;
margin-top: -15px;
font-weight: 500;
font-family: "Open Sans",sans-serif;
}
.slogan {padding: 24px 0;background: rgb(0 85 142);}
.dacdiem{
color: #000;
font-size: 14pt;

}
.dacdiem-bbas{
color: #0d6cbe;
font-size: 16pt;
font-weight: 600;
line-height: 1;
margin-top: -14px;
}
.name-customer {
color: #f0f0f0;
font-size: 20pt;
padding-bottom: 0;
padding-top: 15px;
font-weight: bold;
}
.des-customer span {
color: #f0f0f0;
}
.footer ul {
margin: 0;
}
.header-footer {
color: #f1f1f1;
font-size: 13pt;
font-weight: 700;
margin-bottom: 0px;
}
.widget ul li {
list-style-type: disc;
padding-bottom:3px;
margin-left: 15px;
color: #fc8b00;
font-size: 15px;
}
.main-slide a span{
color: #334862;
font-size: 15px;
}
.widget li {
list-style: none;
}
.owl-nav{
        position: absolute;
        top: 40%;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        width: 100%;
        color: #080808;
        font-size: 30px;
        opacity: 0;
        overflow: hidden;
        transition: 0.4s;
}
.widget ul li a {
color: #fff;
}
.footer-2{background-color: #362b5b;width: 100%;margin: 0px 0px 0px 0px;padding: 10px;color: #ffffff;}
.footer{background-color: rgb(45, 45, 45);}
.main-menu {/* background: url(https://maxbox.vn/wp-content/themes/theme123host/images/bg/bg-header.png) top left; */padding: 10px 0 10px 0;}
.main-menu a {font-size: 17px !important;color: #000 !important;text-transform: uppercase;}

a#navbarDropdown:after {
color: #fc8b00;
}
body{background: #fff!important;}
#text-box-1507537713 {
width: 70%;
position: absolute;
top: 40%;
left: 15%;
}
a {
color: #334862;
text-decoration: none;
}

a.btn-purple {
    background-color: #362b5b;
    padding: 6px 23px;
    color: #fff;
    border: 1px solid #222;
}

a.btn-purple span {
    color: #fff;
    font-weight: bold;
}

a.btn-purple i {
    margin-right: 10px;
    font-size: 17px;
}

.menuphai > ul >li {
    /* padding-left: 20px; */
}

a.dropdown-item {
border-bottom: 1px solid #8080804f;
}

.container-fluid.banner {
width: 100%!important;
padding: 0;
margin: 0;
}
.is-xsmall {
font-size: .7em;
}
.is-uppercase, .uppercase {
line-height: 1.2;
text-transform: uppercase;
}
.entry-meta .fa-folder-open {
font-size: 14px;
text-transform: capitalize;
margin-right: 10px;
}
.entry-meta .fa-folder-open a {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 12px;
}
.owl-carousel:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}
#text-box-1507537713 .text {
font-size: 100%;
}
.binhluan{
background-color:#fff;
padding-left:0px
}
.nav-item > a{
    /* font-weight: 700; */
} 
ul.navbar-nav.mr-auto > li {
    margin: 0 10px;
}

.binhluan label {
color: #22222294;
font-weight: bold;
}
.form-control:focus{border-color:#222!important;
    box-shadow: unset!important;}
.bg h5 {
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
}
.box-shadow-3-hover{
box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
}
.banner h2 {
font-size: 1.9em;
margin-top: 0;
margin-bottom: 0;
line-height: 0.9;
font-family: 'Open Sans', sans-serif !important;
}.banner-bbn {font-size: 21pt;color: #000000;font-weight: 100;text-transform: uppercase;}
.banner-bopp {font-size: 67pt;color: #fc8b00;text-transform: uppercase;}