.blog-img-a img:hover{
    opacity: 0.8;
}
.slider-main{
    position: relative;
}
.header{
    float: left;
    padding: 3px 0 3px;
}
.rmm{
    float: right;
}


/*------s-jsor---------*/
.captionOrange, .captionBlack
{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}
.captionOrange
{
    background: #EB5100;
    background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{
    font-size:16px;
    background: #000;
    background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
    color: #ffffff;
    text-decoration: none;
}
a.captionOrange:hover
{
    color: #eb5100;
    text-decoration: underline;
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.7);
}
.bricon
{
    background: url(../imgs/browser-icons.png);
}
/*------e-jsor---------*/

.menubox{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 4px 0 0px;
    background-color: #174a4d;
}
.share-a{
    padding: 5px;
    display: inline-block;
    color: #fff;
    font-size: 15px;
}
.rmm-ul{
    float: left;
}
.header-share{
    float: right;
    padding: 20px 0 8px;
    position: relative;
}


/*-------s-about-us------*/
.about-us-title{
    position: relative;
    z-index: 9;
}
.about-us-title:before{
    width: 8px;
    height: 60px;
    background: #f10035;
    content: '';
    display: inline-block;
}

.about-us-h-title{
    font-weight: bold;
    font-size: 70px;
    color: #bbb;
    margin-bottom: 0;
    position: relative;
    left: -150px;
    text-transform: uppercase;
}
.enuy img{
    max-width: 100% !important;
    height: auto;
}

.about-us-div-title{
    font-weight: bold;
    font-size: 32px;
    color: #333;
}
.about-us-des{
    padding: 20px 0;
    font-size: 16px;
    color: #000;
}
.about-us-title-pading-left{
    padding-left: 200px;
}
.about-us-title-pading-right{
    padding-right: 100px;
}

.about-us{
    position: relative;
    padding: 60px 0 10px;
}
.about-us:after{
    content: '';
    position: absolute;
    bottom: -100px;
    right: 0;
    background: url("../images/roun-right.png") no-repeat;
    width: 162px;
    height: 290px;
}
/*-------e-about-us------*/



/*-----s-service-----*/
.bg-service{
    background: url(../images/bg-service.jpg) top left no-repeat;
    padding-bottom: 20px;
    margin-top: 100px;
}
.service{
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    padding-top: 10px;
}

.service:after, .service:before{
    clear: both;
    content: '';
    display: block;
}
.service:after{
   
    width: 261px;
    height: 305px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.service-title{
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 0;
}
.service-ul{
    list-style: none;
    padding: 0;
}
.service-ul li a{
    padding: 7px 0;
    display: block;
    font-size: 15px;
    color: #fff;
}
.service-ul li a:hover{
    color: #f10035;
}
.service-box{
    padding: 25px 20px;
    padding-right: 100px;
}
.service-items{
    margin-right: 100px;
    background: #ff0033;
    padding: 40px 20px;
}

.service-item{
    color: #000;
}
.service-item-title{
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px 0 5px;
}
.service-item-img{
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: #b70025;
    border-radius: 50%;
    padding: 20px 0;
}
.service-h-title{
    left: 0;
}
.service-pading-left{
    position: relative;
    left: -80px;
}
.hotline-button{
    display: inline-block;
    background: #ff0033;
    color: #fff;
    padding: 3px 10px;
}
.hotline-phone{
    color: #ff0033;
    font-weight: bold;
    padding: 0 20px 0;
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
}
.service-title-pading-left{
    padding-left: 180px;
}
/*-----e-service-----*/


/*--------s-work--------*/
.work-h-title{
    font-weight: bold;
    font-size: 70px;
    color: #bbb;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
}
.work-div-title{
    font-weight: bold;
    font-size: 32px;
    color: #333;
    position: relative;
    padding-left: 60px;
}
.work-div-title:before{
    content: '';
    position: absolute;
    top: 12px;
    left: -25px;
    width: 70px;
    height: 8px;
    background: #f03;
}

.bg-work{
    margin-right: 100px;
    position: relative;
}
.bg-work-2{
    margin-right: 90px;
    padding-top: 20px;
}
.bg-work:after{
    content: '';
    position: absolute;
    background: url(../images/bg-work-song.png) no-repeat;
    width: 210px;
    height: 90px;
    right: -115px;
    top: 190px;
}
.work-img-a{
    display: block;
}
.work-img-a:hover img{
    opacity: 0.9;
}
.work-img-a:hover{
    background: #333;
}

.work-img{
    position: relative;
    right: -130px;
}
.work-title{
    position: relative;
    padding-left: 150px;
    padding-top: 60px;
}
.bg-work-left{
    margin-right: 115px;
    background: #ff0033;
    padding: 45px 20px;
    margin-top: 60px;
}
.pad-left-0{
    padding-left: 0;
}
.work{
    padding: 20px 0;
}
.col-left{
    width: 36%;
    float: left;
}
.col-right{
    width: 64%;
    float: left;
}
.work-ul{
    padding: 0;
    list-style: none;
    float: right;
    padding-right: 10px;
    padding-top: 30px;
}
.work-ul a{
    color: #fff;
    display: block;
    padding: 3px 0;
    font-size: 15px;
}
.work-ul a:hover{
    color: #333;
}
.viewer-a{
    display: inline-block;
    border: 2px solid #555;
    color: #000;
    padding: 5px 10px;
    font-size: 16px;
    margin: 20px 0;
}
.viewer-a:hover{
    border: 2px solid #ff0033;
    color: #ff0033;
}

/*--------e-work--------*/


/*-------s-blog------*/
.blog-time{
    margin: 0;
    font-size: 16px;
    color: #666;
}
.blog-text-title{
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    display: block;
}
.blog-text-title:hover{
    color: #ff0033;
}

.blog{
    padding: 0 100px;
}
.blog .viewer-a {
    margin: 10px 0;
}
.blog-text{
    margin-bottom: 25px;
}
.inline-block{
    display: inline-block;
}
.blog .work-title{
    padding-left: 0;
    padding-bottom: 50px;
}
/*-------e-blog------*/

/*------s-clients-----*/
.clients {
    padding: 50px 100px;
}
.clients-ul{
    padding: 0;
    list-style: none;
    background: url("../images/bg-client.png") 28% 50% no-repeat, url("../images/bg-client.png") 68% 50% no-repeat;
}
.client-a{
    display: block;
    width: 100%;
    margin: 25px 0;
}
.client-a img{
    height: 60px;
    object-fit: contain;
}
.clients-title-pading-left{
    padding-left: 70px;
}
/*------e-clients-----*/



/*------s-footer-----*/
footer {
    background: #363636;
    padding: 70px 0 0;
}
.footer-leg{
    margin-top: 70px;
    text-align: center;
    color: #666;
    border-top: 1px solid #767676;
    padding-top: 15px;
}
.title_cat_footer {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 30px;
    padding: 0 0 10px;
    position: relative;
}
.title_cat_footer:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 30px;
    background: #f10035;
    top: -10px;
}
.address{
    background: url("../images/icon-map.png") left no-repeat;
}
.phone{
    background: url("../images/icon-phone.png") left no-repeat;
}

.mail{
    background: url("../images/icon-mail.png") left no-repeat;
}

.skype{
    background: url("../images/icon-sky.png") left no-repeat;
}
.content_dev>div{
    color: #fff;
    display: block;
    padding: 0px 0 6px 0;
    padding-left: 25px;
}
.content_dev>div a{
    color: #fff;
    display: block;
}

.footer-form{
    min-width: 250px;
    background: none;
    border-radius: 0;
}
.footer-button{
    background: #86bb31;
    color: #fff;
    border-radius: 0;
    border-color: #86bb31;
    padding: 8px 20px 7px;
}
.socials{
    margin: 0 -10px;
}
.social{
    display: inline-block;
    padding: 0 10px;
}
/*------e-footer-----*/

/*s-gioi-thieu*/
.gioi-thieu{
    background: #1b1c21;
    padding: 0;
}
.gioi-thieu-bg{
    position: relative;
}

.gioi-thieu-bg img{
    width: 100%;
}

.gioi-thieu-bg:after{
    content: '';
    width: 70px;
    height: 180px;
    background: #ff0033;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -70px;
}
.gioi-thieu .about-us-title:before{
    display: none;
}
.about-us-title-right:before{
    width: 6px;
    height: 80px;
    background: #fff;
    content: '';
    display: inline-block;
    float: right;
    margin-left: 15px;
    top: 15px;
    position: relative;
}
.about-us-title-right {
    display: inline-block;
    padding-right: 10px;
    font-size: 80px;
    color: #24252a;
    left: -250px;
    margin-bottom: 30px;
    margin-top: 60px;
}
.gioi-thieu .about-us-title-pading-left {
    padding-left: 350px;
}
.gioi-thieu .about-us-des{
    padding-right: 100px;
    min-height: 300px;
}

.scroll-down-img{
    display: inline-block;
    cursor: pointer;
}

.title-red {
    color: #f03;
}
.des-fff{
    color: #fff;
}
.gioi-thieu-user .about-us-title:before {
    display: none;
}
.gioi-thieu-user .about-us-des {
    position: relative;
    padding: 70px 0 0 20px;
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}
.gioi-thieu-user .about-us-des:before {
    width: 6px;
    height: 100%;
    background: #f10035;
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.avatar-item{
    display: inline-block;
    position: relative;
}
.avatar-padding-left{
    display: inline-block;
    position: relative;
    padding-left: 90px;
}
.avata-text{
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
}
.avata-text:before{
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100px;
    background: red;
    right: 0;
}
.avatar-title{
    font-size: 18px;
}
.avatar-number{
    position: absolute;
    bottom: -30px;
    right: -28px;
    font-size: 55px;
    font-weight: bold;
    color: #000;
}
.avatar-text-big{
    display: inline-block;
}
.avatar-text-big {
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-weight: bold;
    font-size: 50px;
    width: 280px;
    padding: 0 20px;
    line-height: 1;
    color: red;
}
.avatar-margin-top{
    margin-top: 80px;
}
.avatar-text-small{
    position: absolute;
    width: 200px;
    color: #ff0033;
    border-right: 3px solid;
    padding-right: 10px;
    left: -130px;
}
.avatar-margin-right{
    display: inline-block;
    position: relative;
    margin-right: 90px;
}
.avatar-img{
    max-width: 310px;
}
.top60{
    top: 70%;
}
.top70{
    top: 80%;
}
.gioi-thieu-list{
    padding: 0;
}
.gioi-thieu-list li{
    float: left;
    list-style: none;
    position: relative;
}
.gioi-thieu-li-a{
    position: relative;
    display: block;
}
.gioi-thieu-li-a:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: 0.4s;
}
.gioi-thieu-li-a:hover:before{
    background: rgba(245, 6, 6, 0.61);
}

.gioi-thieu-li-a img{
    height: 280px;
    width: 100%;
    object-fit: cover;
}
.gioi-thieu-li-height img{
    height: 350px;
}
.gioi-thieu-li-1{
    width: 10%;
}
.gioi-thieu-li-2{
    width: 20%;
}
.gioi-thieu-li-3{
    width: 30%;
}
.gioi-thieu-li-4{
    width: 40%;
}
.gioi-thieu-li-5{
    width: 50%;
}
/*e-gioi-thieu*/


/*s-dich-vu*/
.work-form input{
    min-width: 300px;
    height: 26px;
    border-radius: 0;
    font-size: 16px;
    border-color: #999;
}
.work-list-button{
    height: 26px;
    border-radius: 0;
    padding: 3px 20px;
    background: #f00;
    color: #fff;
}
.work-list-ul{
    padding: 0;
}
.work-list-ul li{
    border-bottom: 1px solid #999;
    list-style: none;
}
.work-list-ul li a{
    display: block;
    color: #000;
    font-weight: bold;
    padding: 6px 0;
}
.work-list{
    padding-left: 150px;
    padding-right: 100px;
    padding-top: 12px;
}
.work-lists{
    margin-top: 40px;
}
.project .work-title {
    padding-top: 0;
}

.project .work-h-title {
    margin-top: 0;
}
.project{
    padding: 40px 0;
}
.project-lists{
    padding: 0 150px;
	    padding-top: 60px;
}
.item-title a{
    font-weight: bold;
    font-size: 22px;
    color: #333;
    display: block;
}
.project-item-title{
    position: relative;
    margin-bottom: 25px;
}
.item-des{
    font-size: 18px;
}
.item-title{
    margin-top: 0;
}
.project-item-title:before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 6px;
    background: red;
    margin-top: 15px;
    margin-bottom: 5px;
}



/*e-dich-vu*/


/*s-client-sub*/
.clients-sub{
    padding: 50px 0;
}

.clients-sub-title{
    position: relative;
}
.clients-sub-h-title {
    font-weight: bold;
    font-size: 100px;
    color: #bbb;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
    line-height: 1;
}
.clients-sub-div-title {
    font-weight: bold;
    font-size: 48px;
    color: #333;
    position: relative;
    padding-left: 80px;
}
.clients-sub-div-title:before {
    content: '';
    position: absolute;
    top: 18px;
    left: -45px;
    width: 90px;
    height: 12px;
    background: #f03;
}
.clients-sub-list-ul{
    padding: 0;
}
.clients-sub-list-ul li{
    border-bottom: 1px solid #999;
    list-style: none;
}
.clients-sub-list-ul li a{
    display: block;
    color: #000;
    padding: 10px 0 12px;
    font-size: 18px;
}
.clients-sub-list-ul li a:hover{
    color: red;
}

.clients-sub-list{
    padding-left: 150px;
    padding-right: 100px;
    padding-top: 12px;
}
.clients-sub-lists{
    margin-top: 40px;
}
.clients-sub-lists-title{
    margin-bottom: 20px;
}
.clients-sub-lists-title a{
    font-size: 34px;
    display: inline-block;
    color: #bbb;
    font-weight: bold;
}
.clients-sub-lists-title a.active{
    color: #000;
}
.bg-leg span{
    display: block;
    float: left;
    width: 33.33%;
    height: 5px;
}
.red{
    background: red;
}
.b999{
    background: #999;
}
.ccc{
    background: #ccc;
}
.lists-lients{
    padding: 0;
    margin: 0 -20px;
    margin-top: 150px;
    margin-bottom: 200px;
}
.list-lient{
    float: left;
    width: 16.66%;
    list-style: none;
    padding: 0 20px;
    margin: 20px 0;
}
.list-lient img{
    height: 50px;
}
.list-lient img:hover{
    opacity: 0.8;
}

/*e-client-sub*/



/*s-blog-sub*/
.blog-sub-lists-title a{
    color: #333;
    font-size: 24px;
    text-transform: uppercase;
}
.blog-sub-list-ul li a {
    display: block;
    color: #000;
    font-weight: bold;
    padding: 8px 0 10px;
    font-size: 22px;
}
.blog-sub-list-ul li {
    border-bottom: 1px solid #ccc;
}
.blog-sub-pdingright{
    padding-right: 90px;
}
.blog-sub .bg-leg{
    margin-top: 20px;
}



.blog-sub-time{
    margin: 0;
    font-size: 22px;
    color: #666;
}
.blog-sub-text-title{
    font-size: 34px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    display: block;
}
.blog-sub-text-title:hover{
    color: #ff0033;
}

.blog-sub .viewer-a {
    margin: 10px 0;
}
.blog-sub-text{
    margin-bottom: 25px;
}
.inline-block{
    display: inline-block;
}
.blog-sub .work-title{
    padding-left: 0;
    padding-bottom: 50px;
}
.blog-sub-img-a {
    display: block;
    padding-right: 85px;
    padding-left: 50px;
    position: relative;
}
.bg-70{
    background: red;
    height: 5px;
    top: 70%;
    left: -25px;
    width: 150px;
    display: block;
    position: absolute;
}
.blog-sub-img-a img{
    max-width: 596px;
}
.blog-sub-img-number{
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 24px;
    font-weight: bold;
    -webkit-transform-origin: 0 bottom;
    transform-origin: 0 bottom;
}
.blog-sub-img-a-left .bg-70{
    right: -25px;
    left: inherit;
}
.blog-sub-img-a-left .blog-sub-img-number {
    right: inherit;
    left: 0;
}
.blog-sub-img-a-left .blog-sub-img-a {
    /*padding-right: 50px;*/
    /*padding-left: 85px;*/
}
.blog-sub-red {
    color: red;
    font-size: 34px;
}
.blog-sub-text-des{
    font-size: 20px;
}
.blog-sub-img .bg-leg{
    margin-bottom: 25px;
}
.blog-sub .bg-leg span,.blog-sub-img .bg-leg span {
    height: 8px;
}
.blog-sub-img .viewer-a {
    display: inline-block;
    border: 2px solid #555;
    color: #fff;
    padding: 7px 15px;
    font-size: 18px;
    margin: 20px 0;
    background: #666;
}
.blog-sub-m-bt{
    margin-bottom: 100px;
}
.blog-sub-m-bt:nth-last-child(1){
    margin-bottom: 50px;
}


.blogs-sub{
    padding: 100px 0 120px;
}
.blog-sub{
    margin-top: 0;
}
.share-a {
    color: #000;
}
/*e-blog-sub*/



/*blog-articel*/
.blog-articel .blog-sub-img .bg-leg {
    width: 200px;
}
.blog-articel .blog-sub-time span{
    margin: 0;
    font-size: 22px;
    color: #666;
    font-weight: bold;
}
.blog-articel .blog-sub-time span a{
    color: #333;
    text-transform: uppercase;
}

.blog-articel .blog-sub-img .bg-leg span{
    background: red;
}

.blog-articel .slider-main {
    background: none;
}

.blog-articel-menubox{
    padding-top: 10px;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
}

.blog-articel-menubox .rmm.style>ul>li>a {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.articel{
    margin-bottom: 30px;
}
.share-social ul{
    padding: 0;
}
.share-social li{
    list-style: none;
    float: left;
    margin-right: 5px;
}
.share-social li.fr{
    float: right;
}
.share-social{
    margin: 30px 0 20px;
}
/*blog-articel*/

/*pjoject*/
.projects-lists{
    padding-left: 100px;
}
.projects-lists .bg-leg{
    width: 40px;
}
.projects-lists .bg-leg span{
    background: #333;
}

.project-list-ul{
    font-size: 18px;
    color: #333;
}
.project-list-ul li {
    padding: 5px 0;
}
.project-list-ul li a {
    padding: 0 0 2px;
}

.project-text-left{
    width: 40%;
    float: left;
}
.project-text-right{
    width: 60%;
    float: left;
}
.projects-content-img{
    display: block;
    margin-bottom: 20px;
}
.projects-content-img:hover{
    opacity: 0.8;
}
.project-bottom-title{
    font-weight: bold;
    font-size: 22px;
    color: #000;
    position: relative;
    padding: 15px 0;
}
.project-bottom{
    margin-top: 40px;
}
.project-bottom .share-social {
    margin: 0px 0 20px;
}
.project-bottom-ul{
    list-style: none;
    padding: 0;
}
.project-bottom-ul li{
    display: inline-block;
}

.project-bottom-title:before{
    content: '';
    position: absolute;
    top: 0;
    background: red;
    width: 40px;
    height: 6px;
    left: 0;
}


/*pjoject*/




@media only screen and (max-width: 1520px){

    
    .container{
        width: 1170px;
    }
    .projects-lists {
        padding-left: 20px;
    }
    .blog-sub-img-a img {
        max-width: 460px;
    }
    .blog-sub-pdingright {
        padding-right: 30px;
    }
    .blog-sub-lists-title a {
        font-size: 22px;
    }
}

.he360vr{
    height: 650px;
}

@media only screen and (max-width: 1199px){
    .container{
        width: 950px;
    }
    .blog-articel-menubox .rmm.style>ul>li>a {
        font-size: 14px;
        padding: 10px 10px;
    }
    .header-share {
        padding: 4px 0 0;
        margin-top: 15px;
    }
    .header {
        padding: 0 0 10px;
    }
    .blogs-sub {
        padding: 50px 0 80px;
    }
    .clients-sub-lists {
        margin-top: 0;
    }
    .project-list-ul {
        font-size: 16px;
    }
    img{
        max-width: 100% !important;
        height: auto !important;
    }
    .blog-sub-pdingright {
        padding-right: 10px;
    }
    .blog-sub-lists-title a {
        font-size: 18px;
    }

    .logo img {
	    transition: 0.3s;
	    height: 71px !important;
	}

    .blog-sub .bg-leg span, .blog-sub-img .bg-leg span {
        height: 5px;
    }
    .blogs-pading-mobile{
        padding-top: 40px;
    }
    .blog-sub-list-ul li a {
        color: #000;
        padding: 6px 0 8px;
        font-size: 16px;
    }
    .blog-articel .blog-sub-time span {
        font-size: 16px;
    }
    .blog-sub-time {
        font-size: 14px;
    }
    .list-lient img {
        max-height: 100px;
        height: 100px !important;
        object-fit: contain;
    }
    .clients-sub-h-title {
        font-size: 60px;
    }
    .clients-sub-div-title {
        font-size: 28px;
    }
    .clients-sub-div-title:before {
        height: 6px;
    }
    .clients-sub-list-ul li a {
        font-size: 14px;
    }
    .lists-lients {
        margin-top: 80px;
    }
    .blog-sub-text-title {
        font-size: 24px;
    }

    .blog-sub-text-des {
        font-size: 18px;
    }
    .blog-sub-m-bt {
        margin-bottom: 40px;
    }

    .rmm.style>ul>li {
	    text-align: center;
	    padding: 20px 10px 18px 10px !important;
	}

	.rmm.style>ul {
	    margin-right: 10px !important;
	}

    .about-us-title-pading-right,.service-box {
        padding-right: 50px;
    }
    .about-us-title-pading-left {
        padding-left: 150px;
    }
    .about-us-h-title,.work-h-title {
        font-size: 50px;
    }
    .about-us-div-title,.work-div-title {
        font-size: 28px;
    }
    .service-title-pading-left {
        padding-left: 100px;
    }
    .hotline-phone {
        padding: 10px 0 5px;
        display: block;
    }
    .service-items,.bg-work {
        margin-right: 50px;
    }
    .work-title {
        padding-left: 50px;
    }
    .bg-work-2 {
        margin-right: 40px;
    }
    .clients {
        padding: 50px 50px;
    }
    .title_cat_footer {
        margin: 40px 0 10px;
    }
    footer {
        padding: 20px 0 0;
    }
    .footer-leg {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 992px){
    #nuyModalPro .modal-dialog {
        width: 940px;
    }
    .text-about iframe, .enuy iframe {
	    height: 650px !important;
	}

}

@media only screen and (max-width: 991px){

    .contact-form {
        padding: 20px 20px;
    }
    .container{
        width: 750px;
    }

    .blogs-sub .blog-sub-m-bt:nth-last-child(1) {
        margin-bottom: 10px;
    }
    .projects-lists {
        padding-left: 0;
        padding-bottom: 30px;
    }
    .clients-sub-div-title {
        font-size: 22px;
    }
    .lists-lients {
        margin: 40px 0 0;
    }
    .list-lient img {
        height: 80px !important;
    }
    .blog-sub-img-a {
        padding-right: 0;
        padding-left: 10px;
    }
    .blog-sub-img .viewer-a {
        padding: 7px 12px;
        font-size: 14px;
    }
    .pagination>li>a, .pagination>li>span {
        padding: 2px 12px;
        font-size: 20px;
    }







    .about-us-title-pading-left {
        padding-left: 50px;
    }
    .about-us-title-pading-right, .service-box {
        padding-right: 10px;
    }
    .about-us-h-title, .work-h-title {
        color: #666;
    }
    .service-items, .bg-work {
        margin-right: 10px;
    }
    .work-title {
        padding-left: 70px;
    }
    .bg-work-left {
        margin-right: 50px;
    }
    .work-img {
        right: -65px;
    }
    .blog-img{
        margin-bottom: 20px;
    }
    .he360vr{
        height: 350px !important;
    }
    .text-about iframe, .enuy iframe {
	    height: 350px !important;
	}
	.fancybox-inner{
		min-height: 90vh !important;
	}
}
.search-mo{
    padding: 2px;
}

@media only screen and (max-width: 991px) and (min-width: 480px){
	.he360vr{
        height: 550px !important;
    }
}

@media only screen and (max-width: 994px){




    .multiple4 .slick-next {
        
        width: 30px !important;
        height: 30px !important;
        background-size: 100% !important;
    }

    .multiple4 .slick-prev {
        width: 30px !important;
        height: 30px !important;
        background-size: 100% !important;

    }



    .customer-say:after {
    
        border-top: 25px solid #86bb31 !important;
        border-bottom: unset !important;
        top: 0px !important;
        right: 50% !important;
        border-right: 20px solid transparent !important;
        border-left: 20px solid transparent;
        transform: translateX(50%) !important;
    }


    .search-mo{
        position: absolute;
        width: 99%;
        height: auto;
        overflow: hidden;
        background-color: #636363;
        display: none;
    }

    .in-fix {
        width: calc(100% - 65px) !important;
    }
    .in-fix input{
        height: 42px !important;
        padding: 0px 12px !important;
        border: none !important;
        width: calc(100% - 24px) !important;
    }


    .btn-sea {
            padding: 10px 12px !important;
    }
    .marl0{
        margin-left: 0px !important;
    }
    .padm0{
        padding: 0px !important;
    }
    .flrm{
        float: right;
    }

    .tefm{
        text-align: left !important;
    }
    .tit-lh{
        font-size: 25px !important;
    }

    .matbm15{
        margin-bottom: 15px;
    }
    .pro-h1{
        margin-top:20px !important;
    }

    .fot-textdk {
        margin-top: 15px !important;
    }

    .fot-tit {
        margin-bottom: 15px !important;
    }

    .tecm{
        text-align: center !important;
    }


    .multiple4 .slick-next {
       
        right: 38% !important;
    }
    .multiple4 .slick-prev {
       
        left: 38% !important;
    }
    .tit-gt-tt {
       
        font-size: 28px !important;
      
    }

    .pagin li a {
        width: 30px !important;
        height: 30px !important;
        background-size: 100%;
    }


    .mattd95{
        margin-top: 40px;
    }
    .mattd60{
        margin-top: 40px;
    }
    .matbd95{
        margin-bottom: 40px;
    }
    .matbd80{
        margin-bottom: 40px;
    }
    .matbd30{
        margin-bottom: 40px;
    }
    .matbd60{
        margin-bottom: 40px;
    }
    .mattd70{
        margin-top: 40px;
    }
    .mattd80{
        margin-top: 80px;
    }
    .matbd50{
        margin-bottom: 40px;
    }
    .mattd50{
        margin-top: 40px;
    }
    .mattd30{
        margin-top: 40px;
    }
    .mattd80{
        margin-top: 40px;
    }
    .paddd90{
        padding: 10px;
    }
    .paddd90-fix{
        padding: 10px 10px 10px 10px;
    }

    .f36-tit{
        font-size: 28px !important;
    }

    .text-ic-tt{
        line-height:80px !important;
    }

    .logo-m{
	    position: absolute;
	    top: 4px !important;
	    height: 50px !important;
	    /* left: 120px; */
	    left: 50%;
	    transform: translateX(-50%);
    }
    .logo-m img{
        height: 45px !important;
    }

    .contact-form {
        padding: 20px 20px;
    }


    .container{
        width: 100%;
    }
    .project-bottom {
        text-align: center;
    }
    .share-social ul {
        display: inline-block;
    }
    .project-bottom .col-sm-4{
        padding-bottom: 30px;
    }
    .project-bottom-title:before {
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
    .blogs-sub {
        padding: 40px 0 20px;
    }

    .clients-sub-title {
        margin-bottom: 40px;
    }
    .clients-sub {
        padding: 30px 0;
    }
    .list-lient {
        width: 33.33%;
    }

    .blog-sub-img-mobile .bg-leg {
        margin-top: 50px;
    }

    .blog-sub-img-a {
        padding: 0 0 10px;
    }
    .bg-70 {
        display: none;
    }
    .pagination {
        padding: 0 0px;
    }

    .pagination>li>a, .pagination>li>span {
        margin: 0 2px;
    }

    .nav-page{
        text-align: center;
    }





    .service {
        padding-top: 20px;
    }
    .col-left,.col-right {
        width: 100%;
    }
    .bg-service {
        margin-top: 10px;
    }
    .service-items, .bg-work {
        margin-right: 0;
    }
    .service-box {
        margin-bottom: 10px;
    }
    .service-item {
        margin-bottom: 20px;
    }
    .work-title {
        padding-top: 0;
    }
    .bg-work-left {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .work-img {
        right: 0;
    }
    .work-ul {
        float: none;
        text-align: center;
    }
    .bg-work-left {
        margin-top: 10px;
    }
    .bg-work-2 {
        margin: 0 -10px;
        padding-top: 0;
    }
    .work-img-a {
        margin-top: 10px;
    }
    .viewer{
        text-align: center;
    }
    .blog-img-a{
        display: block;
        margin-bottom: 10px;
    }
    footer {
        
    }
    .content_dev>div {
        padding: 6px 20px;
        display: inline-block;
        padding-left: 25px;
    }
    .pad-left-0 {
        padding-left: 15px;
    }
    .blog {
        padding: 0 10px;
    }
}


@media only screen and (max-width: 479px){
    .blogs-sub {
        padding: 10px 0;
    }
    .blog-sub-text-title {
        font-size: 22px;
    }
    .articel {
        margin-bottom: 30px;
    }
    #slider1_container img{
        height: 1300px !important;
        object-fit: cover;
    }
    #slider1_container {
        height: 280px !important;
        overflow: hidden;
    }
    #slider1_container div{
        height: 1300px !important;
    }
    .item-da .img-responsive{
        height: 295px !important;
        width: 100%;
        object-fit: cover;
    }
    .heheit br{
        display: none;
    }
    .heheit p{
        text-align: justify;
    }
}


@media only screen and (max-width: 359px){
    html, body{
        min-width: 320px;
    }

}

/*s-lien-he*/
.contact{
    background: url("../images/bg-contact.jpg") center top no-repeat;
    height: 1074px;
    background-size: cover;
}
.contact-title .clients-sub-h-title {
    font-size: 60px;
    color: #ff0033;
    margin-top: 300px;
}
.contact-title .clients-sub-div-title:before {
    width: 70px;
    height: 6px;
    background: #fff;
    top: 8px;
    left: 0;
}
.contact-title .clients-sub-div-title {
    font-weight: 400;
    font-size: 24px;
    color: #ccc;
}
.contact .clients-sub-lists-title a.active {
    color: #fff;
}
.contact-list-ul .clients-sub-list-ul li {
    font-size: 24px;
}
.contact-list-ul li{
    color: #ccc;
    font-size: 20px;
    padding: 6px 0;
    padding-left: 30px;
    border: none;
    position: relative;
}
.contact-list-ul li:before{
    position: absolute;
    content: '';
    width: 300px;
    height: 1.5px;
    background: #999;
    bottom: 0;
    left: 0;
}


.contact-list-ul li a {
    padding: 0 0 2px;
    color: #ccc;
}
.contact-map{
    background: url("../images/map.png") left 10px no-repeat;
}
.contact-phone{
    background: url("../images/phone.png") left 10px no-repeat;
}
.contact-mail{
    background: url("../images/mail.png") left 10px no-repeat;
}
.contact-web{
    background: url("../images/web.png") left 10px no-repeat;
}
.contact-slogan{
    background: url("../images/sky.png") left 10px no-repeat;
}
.contact-down{
    background: url("../images/download.png") left 10px no-repeat;
}
.contact-form{
    background: #fff;
    padding: 20px 40px;
    margin-top: 140px;
    border-radius: 10px;
}
.contact-form .clients-sub-lists-title a.active {
    color: #333;
}
.contact-form .clients-sub-lists-title .bg-leg{
    width: 80px;
}

.contact-form .form-control{
    height: 30px;
    border-radius: 0;
    border-color: #999;
}
.contact-form textarea.form-control{
    height: auto;
}

.contact-form label{
    font-weight: bold;
    color: #000;
}
.form-group-button{
    text-align: right;
}
.form-group-button button{
    background: #f10035;
    padding: 6px 40px;
    color: #fff;
    font-size: 16px;
}
.form-group-button button:hover{
    background: #ff000d;
}

/*e-lien-he*/







/*s-nhan-dien*/
.brand-img{
    width: 67%;
}
.brand-title{
    font-weight: bold;
    font-size: 20px;
    color: #333;
    display: block;
    text-transform: uppercase;
}
.brand-des{
    font-size: 20px;
}
.brand-item{
    display: table;
    position: relative;
}
.brand-img,.brand-text{
    display: table-cell;
    vertical-align: bottom;
}
.brand-text {
    padding-left: 20px;
}
.brand-number{
    position: absolute;
    top: -100px;
    left: 30px;
    font-size: 130px;
    font-weight: bold;
    color: rgba(255, 0, 0, 0.6);
}
.brands-title{
    text-align: right;
}

.brands-title .item-des{
    max-width: 360px;
    font-size: 20px;
    display: inline-block;
}
.brands-title .item-title a {
    font-size: 32px;
}
.brand-left{
    width: 60%;
    float: left;
    position: relative;
    min-height: 1px;
}
.brand-right{
    width: 40%;
    float: left;
    position: relative;
    min-height: 1px;
}
.brand-identity{
    padding-top: 100px;
}
.number-top-right .brand-number{
    left: inherit;
    right: 60px;
}
.brand-top{
    margin-bottom: 60px;
}
.brand-img img{
    width: 100%;
    min-height: 189px;
    object-fit: cover;
}
.brand-top .brand-right{
    padding-right: 20px;
    text-align: right;
}
.number-top50-left .brand-number{
    top: 50%;
    left: -65px;
    margin-top: -90px;
}
.number-bottom-right .brand-text {
    padding-left: 0;
}
.number-bottom-right .brand-img img {
    min-height: 213px;
}
.number-bottom-right .brand-number{
    top: inherit;
    bottom: -90px;
    right: 235px;
    left: inherit;
}
.number-top-left50 .brand-number{
    top: -95px;
    left: 50%;
    margin-left: -75px;
}

.number-top-left50 .brand-text {
    padding-left: 0px;
    padding-right: 20px;
    text-align: right;
}
.flex-end{
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.brand-benefit{
    background: url("../images/brand-identity.jpg") top center no-repeat;
    height: 729px;
    margin-top: 50px;
    background-size: cover;
}
.br-benefit{
    max-width: 500px;
    margin: 0 auto;
    padding: 150px 0 50px;
}
.br-benefit .item-title a {
    color: #fff;
    text-transform: uppercase;
}
.br-benefit .item-title {
    margin-top: 10px;
}
.brand-benefit-ul{
    list-style: none;
    padding: 0;
}

.brand-benefit-ul li a{
    display: block;
    background: url(../images/tich.png) left 8px no-repeat;
    color: #eee;
    padding: 10px 0;
    padding-left: 35px;

}

.brand-benefit-ul li a:hover{
    color: #fff;
}

.br-benefit .hotline-phone{
    border: 1px solid #f31842;
    margin: 0 15px;
    color: #fff;
}
.brand-slogan{
    background: url(../images/brand-slogan.jpg) center top no-repeat;
    height: 369px;
    display: table;
    width: 100%;
    margin-top: 50px;
    background-size: cover;
}
.brand-slogan-text{
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 32px;
}
.clients-sub-h-title span{
    position: absolute;
    font-size: 280px;
    top: -100px;
}
.brand-why .blog-sub-text span{
    font-size: 55px;
    font-weight: bold;
    border-bottom: 3px solid #f03;
    display: inline-block;
    padding-right: 30px;
    margin-bottom: 10px;
}
.brand-why .blog-sub-text-title {
    font-size: 22px;
    text-transform: uppercase;
}
.brand-why{
    background: url(../images/bg-brand-why.png) left 300px no-repeat;
    min-height: 1109px;
    position: relative;
    padding-bottom: 0;
    padding-top: 130px;
    
}
.register{
    background: rgba(255, 0, 0, 0.6);
    padding: 20px 0;
    text-align: center;
    font-size: 26px;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.register .btn-default {
    border-color: rgba(204, 204, 204, 0);
    font-size: 24px;
    margin: 0 100px;
}
/*e-nhan-dien*/


.designe-logo{
    background: url("../images/designe-logo.jpg") no-repeat;
    height:729px;
    background-size: cover;
}
.designe-logo .br-benefit {
    max-width: inherit;
}
.brand-slogan-text span.red{
    background: none;
    color: red;
}

.dich-vu-tk .number-bottom-right .brand-img img {
    min-height: inherit;
}
.dich-vu-tk.brand-benefit {
    background: url(../images/dich-vu-tk.jpg) top center no-repeat;
    height: 729px;
    margin-top: 50px;
    background-size: cover;
}
.dich-vu-tk .br-benefit {
    max-width: 600px;
}
.brand-slogan.dich-vu-tk{
    background: url("../images/dich-vu-slogan.jpg") center no-repeat;
    background-size: cover;
}

.brand-slogan.bai-dich-vu-tk{
    background: url("../images/bg-bao-bi.jpg") center no-repeat;
    background-size: cover;
}

.brand-benefit.bai-dich-vu-tk{
    background: url("../images/bv-bao-bi.jpg") center no-repeat;
    background-size: cover;
}

.brand-benefit.bai-dich-vu-tk .br-benefit {
    max-width: inherit;
}
.brand-benefit.bai-dich-vu-tk-web{
    background: url("../images/bg-web.jpg") center no-repeat;
    background-size: cover;
}

.bai-dich-vu-tk-web{
    background: url("../images/bg-web-slogan.jpg") center no-repeat;
    background-size: cover;
}


.bai-dich-vu-tk-web .hotline-button {
    font-size: 18px;
    border-radius: 6px;
    padding: 4px 30px;
}
@media only screen and (min-width: 1521px){
    .blog-content{padding: 100px 50px;}
    .ul-dv{
        margin-top: 50px !important;
    }

    .ul-dv li{
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    .cau-hoi input {
        height: 44px !important;
    }
    .line-xam {
        height: 2px !important;
    }
    .line-xam-ac {
        height: 2px !important;
    }
    .line-xam-46 {
        height: 2px !important;
    }
    .content-about {
        padding: 20px 20px;
    }
    .content-about-chi{
        position: relative;

    }
    .ul-dv li:nth-child(1) img{
        width: 52px;
    }
    .ul-dv li:nth-child(2) img{
        width: 70px;
    }
    .ul-dv li:nth-child(3) img{
        width: 57px;
    }
    .ul-dv li:nth-child(4) img{
        width: 66px;
    }

    .blog-img-before::before {
        content: "";
        height: 5px;
        width: 110px;
        background-color: rgb(191, 150, 35);
        position: absolute;
        left: -60px;
        display: block;
        top: 50px;
    }
    .blog-img-after::after {
        content: "";
        height: 5px;
        width: 110px;
        background-color: rgb(191, 150, 35);
        position: absolute;
        right: -60px;
        display: block;
        top: 50px;
    }

    .hed633{
        height: 949px;
        width: 100%;
        object-fit: cover;
    }
    .hed312{
        height: 467px;
        width: 100%;
        object-fit: cover;
    }
    .hed321{
        height: 476px;
        width: 100%;
        object-fit: cover;
    }

    .hed250{
        height: 350px;
        width: 100%;
        object-fit: cover;
    }

    .hed420{
        height: 590px;
        width: 100%;
        object-fit: cover;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1520px){

    .content-about {
        padding: 20px 30px;
    }
    .hed633{
        height: 633px;
        width: 100%;
        object-fit: cover;
    }
    .hed312{
        height: 312px;
        width: 100%;
        object-fit: cover;
    }
    .hed321{
        height: 321px;
        width: 100%;
        object-fit: cover;
    }

    .hed250{
        height: 250px;
        width: 100%;
        object-fit: cover;
    }

    .hed420{
        height: 420px;
        width: 100%;
        object-fit: cover;
    }

    .video-frame{
        width: 100%;
        height: 627px;
    }

    .padrd50{
        padding-right: 50px;
    }
    .blog-content{padding: 20px;}
    .blog-img-before::before {
        content: "";
        height: 5px;
        width: 110px;
        background-color: rgb(191, 150, 35);
        position: absolute;
        left: -60px;
        display: block;
        top: 10px;
    }
    .blog-img-after::after {
        content: "";
        height: 5px;
        width: 110px;
        background-color: rgb(191, 150, 35);
        position: absolute;
        right: -60px;
        display: block;
        top: 10px;
    }


}

@media only screen and (max-width: 1520px){

    .ul-dv li:nth-child(1) img{
        width: 52px;
    }
    .ul-dv li:nth-child(2) img{
        width: 70px;
    }
    .ul-dv li:nth-child(3) img{
        width: 57px;
    }
    .ul-dv li:nth-child(4) img{
        width: 66px;
    }

    .content-about-chi{
        height: calc(100vh - 90px);
        position: relative;
        overflow-y: auto;

    }
    
    .cau-hoi input {
        height: 35px !important;
    }
    .container{
        width: 1070px;
    }
    .projects-lists {
        padding-left: 20px;
    }
    .blog-sub-img-a img {
        max-width: 460px;
    }
    .blog-sub-pdingright {
        padding-right: 30px;
    }
    .blog-sub-lists-title a {
        font-size: 22px;
    }
    .contact-title .clients-sub-h-title {
        margin-top: 100px;
    }
    .contact-form {
        margin-top: 50px;
    }
    .brand-img img {
        width: 100%;
        min-height: 144px;
        object-fit: cover;
    }
    .number-bottom-right .brand-img img {
        min-height: 163px;
    }

    .brand-why {
        background: url(../images/bg-brand-why.png) left bottom no-repeat;
        min-height: 1009px;
        padding-top: 100px;
        padding-bottom: 80px;
    }
}



@media only screen and (max-width: 1199px){
    .container{
        width: 950px;
    }
    .blog-articel-menubox .rmm.style>ul>li>a {
        font-size: 14px;
        padding: 10px 10px;
    }
    .header-share {
        padding: 4px 0 0;
    }
    .header {
        padding: 0 0 10px;
    }
    .blogs-sub {
        padding: 50px 0 80px;
    }
    .clients-sub-lists {
        margin-top: 0;
    }
    .project-list-ul {
        font-size: 16px;
    }
    img{
        max-width: 100% !important;
        height: auto !important;
    }
    .hed250{
        height: 400px !important;
        object-fit: cover;
    }
    .blog-sub-pdingright {
        padding-right: 10px;
    }
    .blog-sub-lists-title a {
        font-size: 18px;
    }

    .blog-sub .bg-leg span, .blog-sub-img .bg-leg span {
        height: 5px;
    }
    .blogs-pading-mobile{
        padding-top: 40px;
    }
    .blog-sub-list-ul li a {
        color: #000;
        padding: 6px 0 8px;
        font-size: 16px;
    }
    .blog-articel .blog-sub-time span {
        font-size: 16px;
    }
    .blog-sub-time {
        font-size: 14px;
    }
    .list-lient img {
        max-height: 100px;
        height: 100px !important;
        object-fit: contain;
    }
    .clients-sub-h-title {
        font-size: 60px;
    }
    .clients-sub-div-title {
        font-size: 28px;
    }
    .clients-sub-div-title:before {
        height: 6px;
    }
    .clients-sub-list-ul li a {
        font-size: 14px;
    }
    .lists-lients {
        margin-top: 80px;
    }
    .blog-sub-text-title {
        font-size: 24px;
    }

    .blog-sub-text-des {
        font-size: 18px;
    }
    .blog-sub-m-bt {
        margin-bottom: 40px;
    }













    .about-us-title-pading-right,.service-box {
        padding-right: 50px;
    }
    .about-us-title-pading-left {
        padding-left: 150px;
    }
    .about-us-h-title,.work-h-title {
        font-size: 50px;
    }
    .about-us-div-title,.work-div-title {
        font-size: 28px;
    }
    .service-title-pading-left {
        padding-left: 100px;
    }
    .hotline-phone {
        padding: 10px 0 5px;
        display: block;
    }
    .service-items,.bg-work {
        margin-right: 50px;
    }
    .work-title {
        padding-left: 50px;
    }
    .bg-work-2 {
        margin-right: 40px;
    }
    .clients {
        padding: 50px 50px;
    }
    .title_cat_footer {
        margin: 40px 0 10px;
    }
    footer {
        padding: 20px 0 0;
    }
    .footer-leg {
        margin-top: 20px;
    }


    .brand-img img {
        min-height: 116px;
    }
    .number-bottom-right .brand-img img {
        min-height: 131px;
    }
    .brand-benefit .hotline-phone {
        display: inline-block;
        padding: 1px 10px;
    }
}

@media only screen and (max-width: 991px){



    .posi-pagin {
        position: static !important;
        bottom: unset !important;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }


    .content-about{
        padding-bottom: 80px;
    }

    .mattm40{
        margin-bottom: 40px;
    }

    .item-da .des-da {
        opacity: 1 !important;
        -webkit-transform: scale(1) !important;
        -o-transform: scale(1) !important;
        -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .ul-cate-da li{
        margin-bottom: 10px;
    }

    .ul-dv li{
        margin-bottom: 30px !important;
    }

    .main-cal {
        height: auto !important;
        overflow: auto;
    }

    .blog-share li {
        margin-bottom: 10px;
    }

    .video-frame{
        width: 100%;
        height: 300px;
    }
    .container{
        width: 750px;
    }

    .blogs-sub .blog-sub-m-bt:nth-last-child(1) {
        margin-bottom: 10px;
    }
    .projects-lists {
        padding-left: 0;
        padding-bottom: 30px;
    }
    .clients-sub-div-title {
        font-size: 22px;
    }
    .lists-lients {
        margin: 40px 0 0;
    }
    .list-lient img {
        height: 80px !important;
    }
    .blog-sub-img-a {
        padding-right: 0;
        padding-left: 10px;
    }
    .blog-sub-img .viewer-a {
        padding: 7px 12px;
        font-size: 14px;
    }
    .pagination>li>a, .pagination>li>span {
        padding: 2px 12px;
        font-size: 20px;
    }
    .contact-title .clients-sub-h-title {
        font-size: 40px;
    }
    .contact-title .clients-sub-div-title {
        font-size: 20px;    margin-bottom: 30px;

    }
    .contact-list-ul li {
        font-size: 16px;
    }
    .contact-form {
        padding: 20px 20px;
    }

    .contact-form .clients-sub-lists-title a.active {
        font-size: 20px;
    }
    .contact-form .form-group {
        margin-bottom: 10px;
    }
    .about-us-title-pading-left {
        padding-left: 50px;
    }
    .about-us-title-pading-right, .service-box {
        padding-right: 10px;
    }
    .about-us-h-title, .work-h-title {
        color: #666;
    }
    .service-items, .bg-work {
        margin-right: 10px;
    }
    .work-title {
        padding-left: 70px;
    }
    .bg-work-left {
        margin-right: 50px;
    }
    .work-img {
        right: -65px;
    }
    .blog-img{
        margin-bottom: 20px;
    }

    .brand-des,.brands-title .item-des {
        font-size: 16px;
    }
    .brands-title .item-title a {
        font-size: 24px;
    }
    .brand-title {
        font-size: 18px;
    }
    .brand-number {
        top: -50px;
        left: 30px;
        font-size: 80px;
    }
    .brand-img img {
        min-height: 91px;
    }
    .number-bottom-right .brand-img img {
        min-height: 103px;
    }
    .clients-sub-h-title span {
        font-size: 170px;
    }
}

@media only screen and (max-width: 767px){


    .content-detail-p .nav-tabs>li.active{
        margin-bottom: 15px;
    }

    .content-detail-p .nav-tabs>li.active a{
        padding: 8px 25px !important;
    }


    .content-detail-p .nav-tabs>li.active>a,.content-detail-p .nav-tabs>li.active>a:focus,.content-detail-p .nav-tabs>li.active>a:hover {
    border-bottom-color: #898989;
    border-radius: 3px;
    border: 1px solid #898989;
}

 .content-detail-p .nav-tabs>li{
    width: 100%;
 }

.content-detail-p .nav>li>a {
    padding: 8px 0px !important;
}
    .content-detail-p .nav-tabs{
        border-bottom: 1px solid #898989;
        padding-bottom: 15px;
    }
    .container{
        width: 100%;
    }
    .project-item{
        text-align: center;
    }
    .project-bottom {
        text-align: left;
    }
    .share-social ul {
        display: inline-block;
    }
    .project-bottom .col-sm-4{
        padding-bottom: 30px;
    }
    .project-bottom-title:before {
        left: 22px;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
    .blogs-sub {
        padding: 40px 0 20px;
    }

    .clients-sub-title {
        margin-bottom: 40px;
    }
    .clients-sub {
        padding: 30px 0;
    }
    .list-lient {
        width: 33.33%;
    }

    .blog-sub-img-mobile .bg-leg {
        margin-top: 50px;
    }

    .blog-sub-img-a {
        padding: 0 0 10px;
    }
    .bg-70 {
        display: none;
    }
    .pagination {
        padding: 0 0px;
    }

    .pagination>li>a, .pagination>li>span {
        margin: 0 2px;
    }

    .nav-page{
        text-align: left;
    }
    .contact-title .clients-sub-h-title {
        margin-top: 50px;
    }




    .service {
        padding-top: 20px;
    }
    .col-left,.col-right {
        width: 100%;
    }
    .bg-service {
        margin-top: 10px;
      
    }
    .service-items, .bg-work {
        margin-right: 0;
    }
    .service-box {
        margin-bottom: 10px;
    }
    .service-item {
        margin-bottom: 20px;
    }
    .work-title {
        padding-top: 0;
    }
    .bg-work-left {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .work-img {
        right: 0;
    }
    .work-ul {
        float: none;
        text-align: center;
    }
    .bg-work-left {
        margin-top: 10px;
    }
    .bg-work-2 {
        margin: 0 -10px;
        padding-top: 0;
    }
    .work-img-a {
        margin-top: 10px;
    }
    .viewer{
        text-align: left;
    }
    .blog-img-a{
        display: block;
        margin-bottom: 10px;
    }
    footer {
    
    }
    .content_dev>div {
        padding: 6px 20px;
        display: inline-block;
        padding-left: 25px;
    }
    .pad-left-0 {
        padding-left: 15px;
    }
    .blog {
        padding: 0 10px;
    }

    .brand-left,.brand-right{
        width: 100%;
    }
    .brand-top .brand-right {
        padding-right: 0;
    }
    .brand-number {
        top: -60px;
    }
    .project-item-title {
        margin-top: 0px;
        text-align: left;
    }
    .brand-img img {
        min-height: 91px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .brand-img, .brand-text {
        display: block;
        vertical-align: bottom;
        width: 100%;
        text-align: left !important;
    }
    .brand-text {
        padding-left: 0;
    }
    .number-top50-left .brand-number {
        left: 0;
    }
    .brand-top {
        margin-bottom: 30px;
    }
    .flex-end {
        display: block;
    }
    .number-bottom-right .brand-number {
        bottom: 0;
    }
    .number-top-left50 .brand-number {
        top: 0;
    }
    .brand-des, .brands-title .item-des {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .brand-why {
        padding-top: 80px;
        padding-bottom: 150px;
    }

    .row.m20{
        margin: 0;
    }
    .p20 {
        padding: 0 10px;
    }
    .brand-slogan-text {
        font-size: 22px;
        padding: 0 10px;
    }
    .brand-identity {
        padding-top: 20px;
    }
    .project-lists {
        padding: 0 5px;
    }


}


@media only screen and (max-width: 479px){
    .brand-number {
        font-size: 40px;
    }
    .blogs-sub {
        padding: 10px 0;
    }
    .blog-sub-text-title {
        font-size: 22px;
    }
    .articel {
        margin-bottom: 30px;
    }
    .brand-number {
        top: 0;
    }
    .register {
        font-size: 16px;
    }

    .register .btn-default {
        font-size: 20px;
        margin: 0 10px;
    }
}
.padingme{
            padding: 10px 0px 0px;
}
.doc-li-af > li:after{
    
}
.doc-li-af > li:last-child:after{
    
}
.hehefix{
    width:100%; text-align: center;
}
.coloxanh{
    color: #86bb31;
}
.nut-cam-sl{
    background: url(../images/slide/nut-slide.png);
    padding: 20px 40px;
    text-transform: uppercase;
    color: #fff;
    background-size: 100% 100%;
    display: inline-block;
}
.text-ic-tt{
    font-size: 19px;
    text-transform: uppercase;
    color: #86bb31;
    font-weight: bold;
    line-height: 109px;
}

@media only screen and (min-width: 766px){

    .marld0{
        margin-left: 0px !important;
    }
    .padld0{
        padding-left: 0px;
    }

    .modal-dialog {
        margin: 60px auto 0px;
    }

    .padllca{
            padding-right: 50px;
    }
    .paddtc25{
        padding: 25px 0px;
    }

    .padd0{
        padding: 0px !important;
    }
    .list-share li:first-child {
        padding-left: 0px;
    }
    .mattd95{
        margin-top: 95px;
    }
    .mattd60{
        margin-top: 60px;
    }
    .matbd95{
        margin-bottom: 95px;
    }
    .matbd80{
        margin-bottom: 80px ;
    }
    .matbd60{
        margin-bottom: 60px !important;
    }
    .mattd70{
        margin-top:70px !important;
    }
    .mattd80{
        margin-top:80px !important;
    }
    .matbd50{
        margin-bottom: 50px !important;
    }
    .matbd30{
        margin-bottom: 30px;
    }
    .mattd50{
        margin-top: 50px;
    }
    .mattd30{
        margin-top: 30px;
    }
    .mattd80{
        margin-top: 80px;
    }
    .paddd90{
        padding: 90px;
    }
    .paddd90-fix{
        padding: 90px 90px 40px 90px;
    }
}

.imgp{
   
}

.imgp:hover img{
   
   -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.imgp-h{
    display: block;
    width: 100%;
    overflow: hidden;
}

.imgp-h:hover img{
   
   -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.transi{
  transition: 0.3s;
}
.tec{
    text-align: center;
}
.tef{
    text-align: left;
}
.ter{
    text-align: right;
}
.f36-tit{
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    color: #86bb31;
}
.cl040404{
    color: #040404 !important;
}
.f18-short{
    font-size: 18px !important;
    font-weight: bold;
    color: #666666;
}
.f18{
    font-size: 18px;
}
.w100{
    width: 100% !important;
}
.posi-re{
    position: relative;
}
.content-ab{
    position: absolute;
    top:50%;
    left: 0px;
    width: 100%;
    transform: translateY(-51%);
}
.matb30{
    margin-bottom: 30px;
}
.matb40{
    margin-bottom: 40px !important;
}
.h3-tittt{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    line-height: 37px;
}
.h3-tittt a{
    color: #fff;
}
.h3-tittt:after{
    position: absolute;
    content: '';
    margin: 0 auto;
    width: 100%;
    max-width: 100px;
    height: 3px;
    background: #fff;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.back-111{
    background-color: #174a4d;
}
.tit-gt-tt{
    color: #333333;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}
.tit-gt-tt a{
    color: #333333;
}
.cl666{
    color: #666 !important;
}
.cl333{
    color: #333;
}
.fwb{
    font-weight: bold;
}
.head-cate{
    height: auto;
    overflow: auto;
}
.cate-of-pro{
    font-size: 18px;
    color: #666666;
    text-align:center;
    margin-top: 30px;
    font-style: italic;
    margin-bottom: 5px;

}
.pro-tit{
    color: #333;
    font-size: 24px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 5px;
}
.pro-tit a:hover{
    color: #86bb31;
}
.pro-tit a{
    color: #333;
    font-weight: bold;
}
.price-old{
    color: #666666;
    font-size: 14px;
    text-decoration: line-through;
    font-style: italic;
    
}
.price{
    color: #86bb31;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}
.ic-sale{
    background-color: #86bb31;
    font-size: 17px;
    font-style: italic;
    display: inline-block;
    color: #fff;
    line-height: 40px;
    padding: 0 25px;

}
.content-ab-fix{
    top: 0px;
    left: 0px;
    width: 100%;
    transform: translateY(-0%) !important;
    height: 100%;
}
.pro-mua-ngay{
    text-align: center;
    top: 50%;
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
}
.nut-mua{
    font-size: 17px;
    color: #fff;
    background-color: #86bb31;
    line-height: 40px;
    display: inline-block;
    padding: 0px 20px 2px 5px;
    border-radius: 20px;
}
.nut-mua img{
    margin-right: 7px;
}
.disn{
    display: none;
}
.pro-hover:hover{
    background-color: rgba(0, 0, 0, 0.54);
}
.pro-hover:hover .pro-mua-ngay{
    display: block;
}
.back-25{
    background-color: #252525;
}
.clffftc,.clffftc div,.clffftc p, .clffftc a,.clffftc h3{
    color: #fff !important;
}
.line-xam{
    display: inline-block;
    height: 1px;
    width: 100px;
    background-color: #174a4d;
}
.line-xam-ac{
    display: inline-block;
    height: 1px;
    width: 100px;
    background-color: #174a4d;
}
.line-xam-46{
    display: inline-block;
    height: 1px;
    width: 100px;
    background-color: #464646;
}
.f20{
    font-size: 20px;
}
.he420{
    height: 420px;
}
.customer-say{
    background: url(../images/home/cus-back.png);
}
.cus-tit{
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0px;
}
.cus-cv{
    font-size: 15px;
}
.cus-img{
    height: 115px;
    width: 115px;
    border-radius: 50%;
}
.f17{
    font-size: 17px;
}
.blog-date{
    font-size: 16px;
    color: #174a4d;
    font-weight: 300;
}
.blog-tit{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
}
.blog-tit a{
    color: #fff;
}
.matt10{
    margin-top: 10px;
}
.matt5{
    margin-top: 5px;
}
.matt8{
    margin-top: 7px;
}
.line-duan1{
    display: inline-block;
    height: 4px;
    background-color: #174a4d;
    width: 110px;
}
.line-duan15{
    display: inline-block;
    height: 5px;
    background-color: #174a4d;
    width: 110px;
}
.line-duan2{
    display: block;
    height: 4px;
    background-color: #174a4d;
    width: 100%;
}
.blog-excerpt{
    font-size: 16px;
    color: #999;
    margin-top: 25px;
}
.social-ul{
    list-style: none;
    height: auto;
    overflow: auto;
    display: inline-block;
    padding-left: 0px;
}
.social-ul li{
    float: left;
    margin-left: 10px;
}
.social-ul li a:hover{
    border: 2px solid #86bb31;
    border-style: inline-block;
    border-radius: 50%;
}
.social-ul li a{
    display: inline-block;
    border: 2px solid #363636;
}
.ul-fot{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.ul-fot li{
    border-bottom: 1px solid #555;
    padding: 8px 0px;
    color: #fff;
}
.ul-fot li:last-child{
    border-bottom: none;

    
}
.ul-fot li a{
    font-size: 16px;
    color: #fff;
}
.ul-fot li a img{
    margin-right: 15px;
}
.fot-tit{
    color: #86bb31;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-top: 35px;
    margin-bottom: 45px;
}
.clccc{
    color: #ccc;
}
.fot-textdk{
        clear: both;
    margin-top: 55px;
}
.left-radi{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.right-radi{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.form-control {
    height: 37px !important;
    
}
.customer-say img{
    display: inline-block !important;
}
.single_slider .slick-dots{
    bottom: 25px !important;
}
.single_slider .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #86bb31 !important;
}
.single_slider{
    margin-bottom: 0px !important;
}

.single_slider li button:before {
    
    width: 15px;
    height: 15px;
    content: url(../images/home/icct.png);
    opacity: 1;
}
.single_slider .slick-dots li.slick-active button:before {
    content: url(../images/home/iccx.png);
    opacity: 1;
}
.single_slider li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}
.multiple4 .slick-prev{
   background: url(../images/home/prev.png);
   width: 39px;
   height: 39px;
   bottom: -75px;
   top:unset;
   left: 45.5%;
}
.multiple4 .slick-prev:hover{
   background: url(../images/home/prev-h.png);
}

.multiple4 .slick-next{
    background: url(../images/home/next.png);
    width: 39px;
    height: 39px;
    bottom: -75px;
    top:unset;
    right: 45.5%;

}
.multiple4 .slick-next:hover{
    background: url(../images/home/next-h.png);
    

}

.multiple4 .slick-prev:before, .multiple4 .slick-next:before {
    
}
.multiple4 .slick-prev:before{
    content: "" !important;
    
}
.multiple4 .slick-next:before{
     content: "" !important;
}
.f-nav {
    position: fixed !important;
    top: 0px;
    box-shadow: 0 1px 4px rgba(153, 153, 153, 0.39);
    background-color: #174a4de0;
    z-index: 999;
}
.f-nav .logo img{
    height: 50px;
}
.f-nav .rmm.style>ul>li{
    padding: 10px 20px 6px 20px;
    transition: 0.3s;
}
.f-nav .header-share {
    padding: 10px 0 0;
    transition: 0.3s;
}
.logo img{
    transition: 0.3s;
    height: 71px;
}
.pro-list .pro-tit {
    font-size: 20px;
}
.side-right {
    margin-bottom: 25px;
}
.side-s-button{

}
.right-search .form-control {
    height: 44px !important;
    border: none;
    box-shadow: none;
    margin-bottom: 0px !important;
}
.right-search .form-group{
    margin-bottom: 0px !important;
}
.right-search button{
    background-color: #fff;
    border: none;
    box-shadow: none;
    padding: 11px 12px;
    margin-top: 1px;
    color: #174a4d;
}
.right-search{
    height: auto;
    overflow: hidden;
    border: 1px solid #cdcccc;
    border-radius: 2px;
}

.right-search .form-control::-webkit-input-placeholder { 
    font-size: 15px;
    color: #999;
    font-style:italic;
}
.right-search .form-control::-moz-placeholder { 
    font-size: 15px;
    color: #999;
    font-style:italic;
}
.right-search .form-control:-ms-input-placeholder { 
    font-size: 15px;
    color: #999;
    font-style:italic;
}
.right-search .form-control:-moz-placeholder { 
    font-size: 15px;
    color: #999;
    font-style:italic;
}
.side-tit{
    font-size: 20px !important;
    font-weight: bold;
    color: #333333;
}
.side-cate{
    list-style: none;
    padding-left: 0px;
}
.side-cate > li,.side-cate >li >a{
    font-size: 17px;
    font-weight: bold;
    color: #333;
    display: inherit;
    position: relative;
}
.side-cate >li >a:before{
    content: "\f114";
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    color: #898989;
    margin-right: 13px;
}

.side-cate >li >a:after{
    content: "\f105";
    display: inline-block;
    font: normal normal normal 15px/1 FontAwesome;
    color: #636363;
    position: absolute;
    top: 5px;
    right: 0px;
    font-weight: bold;
}
.side-cate > li{
    border-bottom: 1px solid #d9d8d8;
    padding-top: 8px;
    padding-bottom: 3px;
}
.side-cate >li >a{
    line-height: 30px;

}
.side-cate ul{
    list-style: none;
    padding-left: 0px;
    padding-bottom: 10px;
    display: none;
}
.side-cate ul li a{
    font-size: 15px;
    color: #333;
    font-style: italic;
    font-weight: normal;
    padding-left: 45px;
    display: inherit;
    line-height: 25px;
}

.side-cate li a:hover{
    color: #86bb31;
}
.side-cate >li >a:hover:before{
    color: #86bb31;
}

.side-cate >li >a:hover:after{
    color: #86bb31;
}
.side-cate >li:hover >a:after{
    content: "\f107";
}
.side-cate >li:hover ul{
    display: block;
}
.matb5{
    margin-bottom: 5px !important;
}
#input-select, #input-number {
    padding: 7px;
    width: 100px;
    margin:0px !important;
}
.range-num input:last-child {
    float: right;
}
.range-num input:first-child {
    float: left;
}
.range-num {
    height: auto;
    overflow: auto;
    margin-bottom: 15px;
}
.noUi-horizontal {
    height: 5px;
    margin-bottom: 30px;
}
.range-num input {
    height: 30px;
    border-radius: 20px;
    border: 1px solid #898989;
    font-size: 15px;
    color: #333;
    font-weight: bold;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.list-spbc{
    list-style: none;
    padding-left: 0px;
}
.spbc-tit{
    font-size: 17px;
    font-weight: bold;
    color: #333;
    margin-top: 5px;
}
.spbc-img{
    height: 75px;
    width: 75px;
    border-radius: 50%;
}
.spbc-price{
    font-size: 17px;
    color: #666;
   font-style: italic;
}
.list-spbc li{
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}
.mn-right{
    font-size: 15px !important;
    line-height: 36px;
    padding: 9px 20px !important;
    border-radius: 30px;
}
.right-tp{
    color: #333;
    font-weight: bold;
    font-size: 15px;
    font-style:italic;
}
.cl86bb31{
    color: #86bb31 !important;
}
.list-spbc li{
    position: relative;
}
.close-r{
    position: absolute;
    right: 0px;
    top:10px;
    color: #333;
}
.pro-list .item-pro{
    margin-bottom: 40px;
}

.list-cart{
    list-style: none;
    padding-left: 0px;
    min-width: 220px !important;
    padding: 24px 0px 10px !important;
    position: absolute !important;
    top: 100% !important;
    right: -50px !important;
    left: unset !important;

}
.list-cart li{
    float: none !important;
    height: auto;
    overflow: hidden;
    /* margin-bottom: 15px; */
    background-color: #636363;
    padding: 8px 5px;
}
.list-cart li img{
    height: 45px;
    width: 45px !important;
    border-radius: 50%;
}
.list-cart li h3{
    font-size: 17px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 3px;
}
.list-cart li .price-c{
    font-size: 15px;
    font-style:italic;
    color: #fff;
    font-weight: 300 !important;
    margin-bottom: 0px;
}
.padl10{
    padding-left: 10px !important;
}
.list-cart:before{
    content: '';
    position: absolute;
    height: 0;
    border-bottom: 11px solid #636363;
    top: 13px;
    right: 52px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.list-cart li:first-child{
    padding-top: 25px;
}
.list-cart li:last-child{
    padding-bottom: 25px;
}
.list-cart-nut-x{
    font-size: 10px !important;
    line-height: 14px !important;
    text-align: center !important;
    padding: 5px 5px !important;
}
.list-cart-nut-x{
    font-size: 10px !important;
    line-height: 14px !important;
    text-align: center !important;
    padding: 5px 5px !important;
    border:1px solid #86bb31;
    font-weight: 200 !important;
}
.list-cart-nut-x2{
    border:1px solid #ddd;
    background-color: transparent !important;
    font-size: 10px !important;
    line-height: 14px !important;
    text-align: center !important;
    padding: 5px 5px !important;
    font-weight: 200 !important;
}
.padl2{
    padding-left: 2px !important;
}
.padr8{
    padding-right: 8px !important;
}
.menubox-fix{
    position: static;
}
.tit-lq{
    font-size: 25px;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 40px;
}


.content-detail-p .nav-tabs>li.active>a,.content-detail-p .nav-tabs>li.active>a:focus,.content-detail-p .nav-tabs>li.active>a:hover {
    color: #86bb31;
    font-weight: bold;
}
.content-detail-p .nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}
.content-detail-p .nav-tabs>li>a {
    color: #666;
    font-weight: bold;
    font-size: 14px;
}
.enuy{
    font-size: 16px;
    color: #666;
}
.enuy-da-bv{
    color: #999;
}
.content-detail-p .nav>li>a {
    padding: 15px 25px;
}
.heauov{
    height: auto;
    overflow: hidden;
}
.pro-h1{
    font-size: 23px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
}
.price-f {
    font-size: 20px !important;
}
.price-old-f {
    font-size: 16px !important;
    font-weight: bold;
    margin-right: 10px;
}
.nut-mua-f img{
    height: 30px;
    width: 30px;
}
.nut-mua-f{
    font-size: 15px;
    line-height: 35px;
    border-radius: 20px;
    padding: 0px 15px 2px 3px;
}
.sl-in input{
    padding: 4px 5px;
    width: 45px;
    text-align: center;
    margin-right: 25px;
    border:1px solid #979797;
}
.matb25{
    margin-bottom: 25px !important;
}
.dm-detail{
    font-size: 12px;
    font-style:italic;
}
.z-de{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.side-tit-f {
    font-size: 25px !important;
    color: #86bb31 !important;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.side-cate-news li a,.side-cate-news li{
    font-size: 20px;
    text-transform: uppercase;
    color: #333;
    display: inherit;
}
.side-cate-news{
    list-style: none;
    padding-left: 0px;
    font-weight: bold;
}
.side-cate-news li a:hover{
    color: #86bb31;
}
.side-cate-news li{
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-top: 15px;
}
.list-spbc .hocor img{
    height: 75px;
    width: 75px;
    border-radius: 50%;
}
.list-spbc .hoco img{
    height: 75px;
    width: 75px;
}
.list-spbc-f .spbc-tit{
    margin-top: 0px;
}
.list-spbc-f .hocor img{
    height: 70px !important;
    width: 70px !important;
}
.list-spbc-f .hoco img{
    height: 70px !important;
    width: 70px !important;
}
.spbc-tit-n{
    color: #86bb31;
    font-size: 17px;
    font-weight: bold;
}
.spbc-d{
    color: #86bb31;
    font-size: 17px;
    font-weight: bold;
}
.f10{
    font-size: 10px !important;
}
.blog-read{
    color: #174a4d;
    font-size: 14px;
    margin-top: 20px;
    display: block;
    display: inline-block;
    border:2px solid #174a4d;
    padding:8px 20px;
}
.blog-read:hover{
    color: #174a4d;  
}
.news-item .news-bor{
    border-bottom: 1px solid #ccc;
    display: block;
    margin-bottom: 20px;
}
.matl0{
    margin-left: 0px !important;
}
.matt18{
    margin-top: 18px !important;
}
.matt25{
    margin-top: 25px !important;
}
.news-item .line-blog{
    height: 1px;
}
.padr20{
    padding-right: 20px;
}
.enuy-f{
    font-size: 15px;
}
.enuy-f img{
    max-width: 100% !important;
    height: auto !important;
}
.breadcrumb,.breadcrumb a{
    font-size: 12px;
    color: #999;
}
.breadcrumb {
    padding: 0;
    background-color: #fff;
    margin-bottom: 15px;
}
.list-share{
    list-style: none;
    padding-left: 0px;
}

.list-share li a{
    color: #999;
    font-size: 14px;
    font-style: italic;
}
.list-share li {
    float: left;
    padding: 3px 15px;
}
.list-share li a:hover{
    color: #86bb31;
}
.cl999{
    color: #999 !important;
}
.relate-tit,.relate-tit a{
    font-size: 14px;
    font-weight: bold;
    color: #86bb31;
    margin-top: 0px;
    margin-bottom: 0px;
}
.but-mua-xanh {
    background-color: #86bb31 !important;
    line-height: 33px;
    padding: 0px 20px !important;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
}

.cau-hoi textarea {
    height: auto !important;
}
.fsi{
    font-style: italic;
}
.line55{
    width: 55px;
    display: block;
    height: 5px;
    background-color: #86bb31
}
.tit-ic-lh{
    color: #cccccc;
    font-size:15px;
    margin-bottom: 0px;
    line-height: 35px;
}
.back636363{
    background-color: #636363;
}
.padttn{
    padding: 20px 0 10px;
}
.matta30{
    margin-top: 0px !important;
}
.contact-nut {
    background-color: #fff !important;
    line-height: 33px;
    padding: 3px 30px !important;
    border-radius: 20px;
    color: #666 !important;
    font-size: 18px;
    border: 1px solid #666;
}
.tit-lh{
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #86bb31;
    margin-top:0px;
    margin-bottom: 30px;
}
.contact-nut:hover{
    color: #86bb31 !important;
    border: 1px solid #86bb31;
}
.detfn{
    float: none;
    margin: 0px auto;
}
.tej{
    text-align: justify;
}
.xemtc{
    font-size: 20px;
    font-weight: bold;
    color: #666;
}
.xemtc:hover{
    color: #86bb31;
}
.backf1f0f0{
    background-color: #f1f0f0;
}
.tit-fot-ic{
    font-size: 16px;
    color: #666;
    font-weight: bold;
    line-height: 55px;
}
.breadcrumb a{
    font-weight: bold;
}
.header-car{
    background-color: #fff8f8;
    font-size: 20px;
    font-weight: bold;
    color: #999;
    border: 1px solid #ccc;

}
.header-car .tit-car{
        padding: 16px 50px;
}

.path-cart{
    
    border: 1px solid #ccc;
    border-top: none;
    padding: 4px 0px;

}
.content-car img{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin-left: 20px;
    margin-right: 20px
}
.tit-pro-car{
    font-size: 17px;
    color: #333;
    font-weight: bold;
}
.tit-pro-car:hover{
    color: #86bb31;
}
.close-cart{
    color: #c1c1c1;
    padding-left: 10px;
}
.price-cart{
    line-height: 56px;
    margin-bottom: 0px;
    color: #333;
    font-style: italic;
    font-size: 15px;
}
.quanty{
    width: 80px;
    text-align: center;
    padding: 5px 0px;
    border: 1px solid #ccc;
}
.padt12{
    padding-top: 12px;
}
.padt15{
    padding-top: 15px;
}
.f20{
    font-size: 20px;
}
.cart-nut {
    background-color: #d7d7d7 !important;
    line-height: 33px;
    padding: 2px 60px 0px !important;
    border-radius: 5px;
    color: #666 !important;
    font-size: 16px;
    border: 1px solid #666;
    font-weight: bold;
}
.cart-nut:hover{
    background-color: #174a4d !important;
    border: 1px solid #bf9723;
    color: #fff !important;
}
.maxh348{
    max-height: 348px;
}
#nuyModalPro .modal-header, #nuyModalPro .modal-footer {
    border: none;
}
#nuyModalPro .modal-header {
    padding: 0px;
}
.fix-close.close {
    color: #86bb31;
    filter: alpha(opacity=100);
    opacity: 1;
}
.modal-header .close {
    margin-top: -2px;
}
.fix-close {
    border: 2px solid #86bb31 !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position:absolute;
    top: -30px;
    right: -30px;
    z-index: 999;
}
.fix-close i {
    position: relative;
    top: -2px;
}
#nuyModalPro .modal-content{
    background: url(../images/sanpham/bg-cart.png);
    background-size: 100% 100%;
}
.f14{
    font-size: 14px !important;
}
.customer-say:after{

    content: '';
    position: absolute;
    height: 0;
    border-bottom: 20px solid transparent;
    top: 50%;
    right: 0px;
    border-right: 25px solid #86bb31;
    border-top: 20px solid transparent;
    transform: translateY(-50%);

}
.customer-say{
    position: relative;
}
.f-nav .rmm.style>ul>li:after{
    bottom: 5px;
}
.backfff8f8{
    background-color: #fff8f8;
}
.contact-nut:hover{
    background: #86bb31 !important;
    color: #fff !important;
}
.search-m{
    position: absolute;
    top: 10px;
    left: 10px;
}
.m-trip{
    background-color: #252525;
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    width: 100%;
    padding: 12px 0px;
}
.m-trip ul{
    list-style: none;
    padding-left: 0px  
}
.nut-mobile{
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    padding: 5px 20px;
    border-radius: 10px;
    background-color: #99cc33;
}
.nut-mobile i{
    margin-right: 5px;
}
.num-mo{
    font-size: 12px;
    color: #86bb31;
    position: relative;
    top:-8px;
}
.dispi{
    display: inline-block;
}

.list-cart-fix{

}
.list-cart img{
    display: inline-block;
}
.list-cart .img-c a{
    padding: 0px !important;
}

.list-cart .img-c{
    padding-right: 10px;
}
.header-share > ul > li{
    padding: 0px 8px 9px 8px;
}
.f-nav .header-share > ul > li{
    padding-bottom: 1px;
}
.list-search {
    right: 0px !important;
    left: unset !important;
    width: 220px;
}
.list-search:before{
    right: 5px !important;
}
.btn-sea{
    width: 39px;
    float: left;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.in-fix {
    width: calc(100% - 39px);
    display: inline-block;
    margin-bottom: 0px !important;
    
}
.in-fix input{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.list-search .in-fix .form-control{
    height: 34px !important;
}
.rightfix {
    position: fixed;
    top: 200px;
    right: 10px;
    z-index: 99;
    width: 50px;
    display: inline-block;
    z-index: 9999;
    visibility: visible !important;
}
.rightfix a {
    clear: both;
    margin-bottom: 10px;
    display: block;
    transition: 0.3s;
    height: 50px;
}
.rightfix span {
    transition: 0.3s;
    display: inline-block;
    background: #ebebeb;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 13px;
    color: #666;
    float: right;
    margin-right: 15px;
    margin-top: 9px;
    opacity: 0;
    position: absolute;
    right: 100%;
    white-space: nowrap;
    transition: 0.5s;
    right: 200%;
}
.clr {
    clear: both;
}
.rightfix a:hover + span {
    opacity: 1;
    right: 100%;
}

.top60 {
    top: 60px;
}
.top0 {
    top: 0px;
}
.top120 {
    top: 120px;
}
.top180 {
    top: 180px;
}
.soci-fix{
    height: 19px;
    width: 19px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 15px;
    color: #174a4d !important;
    padding: 0px;
    font-size: 10px;
}
.soci-fix3{
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 15px;
    color: #174a4d !important;
    padding: 0px;
    font-size: 10px;
}
.soci-fix2{
    padding: 0px;
    font-size: 21px;
    color: #174a4d !important;
    line-height: 10px;
    position: relative;
    top: -1px;
}
.h1-c{
    color: #cc9933;
    font-size: 16px;
    text-transform: uppercase;
}
.ul-fot li a .fa{
    color: #174a4d;
    display: inline-block;
    width: 20px;
    font-size: 20px;
    margin-right: 3px;
}
.f16{
    font-size: 16px !important;
}
.cau-hoi .form-control{
    font-size: 16px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;;
}
.cau-hoi .form-control::-webkit-input-placeholder { 
  color: #fff;
}
.cau-hoi .form-control::-moz-placeholder { 
  color: #fff;
}
.cau-hoi .form-control:-ms-input-placeholder { 
  color: #fff;
}
.cau-hoi .form-control:-moz-placeholder { 
  color: #fff;
}
.main-cal{
    height: calc(100vh - 85px);
}
.h1-about{
    font-size: 39.51px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}
.text-about{
    font-size: 16px;
    color: #fff;
    padding-right: 10px;
}
.pagin-two{
    list-style: none;
    padding-left:0px;
    width: 100%;
}
.pagin-two li{
    width: 50%;
    float: left;
}
.pagin-two li a{
    font-size: 14px;
    color: #999;
}

.pagin-two li a:hover{
    color: #174a4d;
}
.pagin-two li:first-child img{
    margin-right: 10px;
}
.pagin-two li:last-child img{
    margin-left: 10px;
}
.pagin-two li a span{
    position: relative;
    top:5px;
}

.posi-pagin{
    position: absolute;
    bottom: 50px;
}
.ul-dv{
    list-style: none;
    padding-left: 0px;
    margin-top: 20px
}
.ul-dv li a{
    font-size: 24px;
    font-weight: bold;
    color: #999;
}
.ul-dv li a span:first-child{
    display: inline-block;
    width: 90px;
    float: left;
}
.ul-dv li a span:last-child{
    display: inline-block;
    width: calc(100% - 90px);
    
}
.ul-dv li{
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    overflow: auto;
}
.ul-dv li a:hover{
    color: #174a4d;
}
.cl636363{
    color: #636363;
}
.clas-dot{
    font-size: 8px;
    color: #174a4d;
}
.clas-dot i{
    margin-left: 5px;
    margin-right: 5px;
}
.blog-share{
    list-style: none;
    padding-left:0px;
    margin-top: 30px;
}
.blog-share li{
    float: left;
    margin-right: 30px;
}
.blog-share li a{
    font-size: 14px;
    color: #ce9801;
}

.blog-share li a span{
    height: 35px;
    width: 35px;
    display: inline-block;
    background-color: #252525;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    margin-right: 10px;
}
.blog-share li a span i{
    font-size: 16px;
    color: #a9a9a9;
}
.pagin a, .pagin strong{
    font-size: 16px;
    color: #ce9801;
    padding: 9px 14px;
    border: 1px solid #174a4d;
    margin-right: 8px;
    border-radius: 4px;
}
.pagin {
    display: inline-block;
    margin-right: 15px;
}
.pagin strong{
    font-weight: normal;
    background-color: #174a4d;
    color: #fff;
    border: 1px solid #174a4d;
}
.pagin a:hover{
    font-weight: normal;
    background-color: #174a4d;
    color: #fff;
    border: 1px solid #174a4d;
}
.blog-tit a:hover{
    color: #174a4d;
}
.next:hover{
    color: #174a4d !important;
}
.box-head-tit{
    color: #333;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.list-lq{
    margin-left: -7px;
    margin-right: -7px;
}
.blog-lq-date{
    font-size: 16px;
    color: #333;
    font-weight: 300;
}
.blog-lq-tit{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.blog-lq-tit a{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}
.blog-pad-lr5{
    padding-left: 7px;
    padding-right: 7px;
}
.blog-lq{
    margin-top: 15px;
    margin-bottom: 10px;
}
.blog-lq-tit a:hover{
    color: #174a4d;
}
.h1-blog{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    margin-top: 10px;
}
.list-share-blog{
    list-style: none;
    display: inline-block;
}
.list-share-blog{
    list-style: none;
    display: inline-block;
}
.list-share-blog li{
    float: left;
    margin-left: 15px;
}
.soci-fix-blog {
    height: 35px;
    width: 35px;
    text-align: center;
    border: 2px solid #174a4d;
    border-radius: 50%;
    line-height: 15px;
    color: #636363 !important;
    padding: 0px;
    font-size: 18px;
    line-height: 33px;
}
.soci-fix-blog:hover{
    border: 2px solid #174a4d;
    background-color: #174a4d;
    color: #fff !important;
}
.nut-prev{
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 30px;
    border-radius: 5px;
    color: #636363;
    text-align: center;
    border: 1px solid #636363;
    font-size: 25px;
}
.nut-prev:hover{
    color: #fff;
    border: 1px solid #174a4d;
    background-color: #174a4d;
}
.soci-fix-blog{
    position: relative;
}
.soci-fix-blog span{
    position: absolute;
    display: inline-block;
    padding: 0px 10px;
    color: #fff;
    background-color: #174a4d;
    font-size: 9px;
    white-space: nowrap;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 25px;
    border-radius: 5px;
    display: none;
}
.soci-fix-blog span:after{
    content: '';
    border-top: 5px solid #174a4d;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}
.soci-fix-blog:hover span{
    display: block;
}



.cau-hoi-fix .form-control::-webkit-input-placeholder { 
    color: #999;
}
.cau-hoi-fix .form-control::-moz-placeholder { 
    color: #999;
}
.cau-hoi-fix .form-control:-ms-input-placeholder { 
    color: #999;
}
.cau-hoi-fix .form-control:-moz-placeholder { 
    color: #999;
}
.blog-nut {
    background-color: #464646 !important;
    line-height: 33px;
    padding: 2px 40px 0px !important;
    border-radius: 5px;
    color: #999 !important;
    font-size: 16px;
    border: 1px solid #464646;
    font-weight: bold;
}
.blog-nut:hover{
    background-color: #174a4d !important;
    border: 1px solid #bf9723;
    color: #fff !important;
}
.content-video{
    position: relative;
    height: auto;
    overflow: auto;
}
.nut-play{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.nut-zoom{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.ul-duan{
    list-style: none;
    padding-left: 0px;
}
.ul-duan li{
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #174a4d;
    padding: 8px 0px;
}

.ul-duan li:last-child{
    border-bottom: none;
}
.tex-tran-up{
    text-transform: uppercase;
}
.fw300{
    font-weight: 300;
}
.padlr5{
    padding-left: 5px;
    padding-right: 5px;
}
.tit-pro{
    font-size:18px;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    line-height:22px;
}
.tit-pro a{
    font-size:18px;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
}
.tit-pro a:hover{
    color: #174a4d;
}
.cate-pro{
    font-size: 12px;
    color: #999;
    font-weight: 300;
    text-transform: uppercase;
}
.multiple3 .slick-prev, .multiple3  .slick-next{
    top: 34%;
    width: 30px;
    height: 30px;
    z-index: 999;
}
.multiple3 .slick-prev:before, .multiple3  .slick-next:before{
    font-size: 30px;
    opacity: 0.5;
}
.multiple3 .slick-prev {
    left: -5px;
}
.multiple3 .slick-next {
    right: -5px;
}

.multiple3 .slick-prev:hover:before, .multiple3  .slick-next:hover:before{
    color: #174a4d;
    opacity: 1;
}
.nut-baogia{
    display: inline-block;
    background-color: #174a4d;
    color: #fff;
    text-transform: uppercase;
    padding: 16px 15px 13px;
    border-radius: 5px;
    font-size: 15px;
}
.nut-baogia img{
    margin-left: 10px;
}
.nut-baogia:hover{
    background-color: #999;
    color: #fff;
}
.ul-cate-da{
    display: inline-block;
    list-style: none;
    padding-left: 0px;
}
.ul-cate-da li{
    float: left;
    padding: 0px 15px;
    margin-bottom: 15px;
}
 /* .ul-cate-da li {
    float: left;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid #ce9801;
    line-height: 18px;
    cursor: pointer;
} */
.ul-cate-da li a{
    float: left;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid #ce9801;
    line-height:18px;
    text-decoration: none;
}
.ul-cate-da li a:hover{
    background-color: #ce9801;
    color: #fff;
    text-decoration: none;
}
.ul-cate-da li.active a{
     background-color: #ce9801;
     color: #fff;
     padding: 5px 20px;
}
.mrla15{
    margin-left: -15px;
    margin-right: -15px;
}
.duan-more{
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
    padding: 5px 20px;
    border: 1px solid #174a4d;
    line-height:18px;
}
.duan-more:hover{
    color: #fff;
    border: 1px solid #174a4d;
    background-color: #174a4d;
}
.duan-type{
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}
.duan-tit{
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.duan-tit a{
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.duan-tit a:hover{ 
    color: #174a4d;
}
.duan-author{
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
}
.matt0{
    margin-top: 0px !important;
}
.item-da{
    position: relative;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 6px;
}
.des-da{
    position: absolute;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 30px;
    background-color: #174a4dbf;
    transition: 0.3s;
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
}
.des-content{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    width: 100%;

}
.item-da:hover .des-da{
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.box-cate-gale-img img{
    height: 86px;
    object-fit: scale-down;
}
.box-cate-gale-text{
    font-size: 24px;
    color: #999;
    text-transform: uppercase;
    font-weight: 300;
}
.ul-da{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
.ul-da li{
    border-top: 1px solid #a1a1a1;
    padding: 8px 0px;
}
   

.ul-da li a{
    font-size: 16px;
    color: #999;
}
.ul-da li a img{
    margin-right: 15px;
}
.ul-da li a:hover{
    color: #174a4d;
}
.gale-tit{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.gale-tit a{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.gale-tit a:hover{
    color: #174a4d;
}
.gale-type{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}
.load-more{
    font-size: 18px;
    color: #666;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 4px;
}
.jssorb03 {
    position: absolute;
    transform: rotate(90deg);
    left: unset !important;
    right: 10px !important;
    bottom: unset !important;
    top:50%;
}
.rmm.style>ul>li.active>a{
    border-bottom: 4px solid #174a4d;
}
.maxhe390{
    max-height: 390px;
    object-fit: cover;
}
.video-frame {
    width: 100%;
    height: 627px;
}
.flag-vn{
    width: 20px;
    height: 20px;
    background-image: url(../images/flag-vn.png);
    background-size: 100%;
    display: inline-block;
}
.flag-en{
    width: 20px;
    height: 20px;
    background-image: url(../images/flag-en.png);
    background-size: 100%;
    display: inline-block;
}
.text-about::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.text-about::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.text-about::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #174a4d;
}
.header-share ul ul a{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.header-share ul ul li a:hover{
    background-color: transparent !important;
}
.des-da-fix {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
}
.pad5{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.matb10{
    margin-bottom: 10px;
}
.text-about{
	overflow-x: hidden;
}
.text-about iframe,.enuy iframe{
	max-width: 100% !important;
	width: 100% !important;
}
.fancy-vid{
	color: #fff;
	background-color: #0000009e;
	display: inline-block;
	padding: 10px 17px;
	border-radius: 5px;
	font-size: 20px;
}
.content-video{
	position: relative;
}
.content-video .fancy-vid{
	position: absolute;
	bottom: 15px;
	right: 10px;
}
.fancybox-skin{
	padding: 5px !important;
	background: #0000009e !important;
}

.item-da.fix-ga .des-da{
    opacity: 1 !important;
    transform: scale(1) !important;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: unset !important;
    padding: 5px !important;
}
.item-da.fix-ga .des-da .des-content{
    position: static;
    transform: unset !important;
}
.item-da.fix-ga .des-da p {
    margin-bottom: 0px;
}
.item-da.fix-ga:hover .des-da{
    transform: scale(1) !important;
}
.item-da .duan-tit a:hover{
    color: #fff !important;
}