/*==========font-face==========*/

@font-face {

    font-family: Roboto;

    src: url(../fonts/Kanit-Thin.ttf);

    font-style: normal;

    font-weight: 200

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-Light.ttf);

    font-style: normal;

    font-weight: 300

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-Regular.ttf);

    font-style: normal;

    font-weight: 400

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-Regular.ttf);

    font-style: italic;

    font-weight: 400

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-Regular.ttf);

    font-style: normal;

    font-weight: 500

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-Regular.ttf);

    font-style: italic;

    font-weight: 500

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-Bold.ttf);

    font-style: normal;

    font-weight: 600

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-BoldItalic.ttf);

    font-style: italic;

    font-weight: 600

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-Bold.ttf);

    font-style: normal;

    font-weight: 700

}

@font-face {

    font-family: Roboto;

    src: url(../fonts/RobotoCondensed-BoldItalic.ttf);

    font-style: italic;

    font-weight: 700

}

body,html{

    font-family: Roboto;

    color: #212c3d;

    font-weight: 400;

    font-size: 16px;

}

a,a:hover{

    text-decoration: none;

}

/*==========#font-face==========*/



@media (min-width: 1366px){

    .container {

        max-width: 1200px;

    }
    .container.normal {

        max-width: 1150px;

    }
    .item-content-news.hoho{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /*.ul-damme{
    	-moz-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        -moz-animation: bouncing-text 5s linear infinite alternate;
        -webkit-animation: bouncing-text 5s linear infinite alternate;
        animation: bouncing-text 10s linear infinite alternate;
    }*/
    .ul-damme li{
    	white-space: nowrap;
    }

    .ul-damme{
    	display: flex;
    }

}

.goog-te-banner-frame{
    display: none !important;
}


/*==========header==========*/

#header{

    width: 100%;

}

#header .top-nav{

    background-color: #ebebeb;

    width: 100%;

    display: flex;

    justify-content: flex-end;

}

#header .top-nav ul{

    list-style: none;

    padding-left: 0px;

    display: inline-block;

    margin-bottom: 0px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

#header .top-nav li{

    float: left;

    margin-left: 10px;

}

#header .top-nav,#header .top-nav li,#header .top-nav li a,#header .top-nav button{

    color: #999999;

    font-size: 15px;

}

#header .top-nav .dropdown button{

    background-color: transparent;

    border: none;

    outline: none;

    box-shadow: none;

}

a:hover{

    color: #ff9966;

}

#header .top-nav .dropdown .dropdown-item{

    padding: 5px 10px;

}

#header .top-nav .dropdown .dropdown-menu{

    padding: 0px;

}

#header .top-nav .dropdown .dropdown-toggle::after{

    position: relative;

    top: 2px;

}

#header .main-nav{

    padding: 15px 0;

}

#header .main-nav .body-nav{

    display: flex;

    align-items: center;

}

#header .main-nav .body-nav ul{

    list-style: none;

    padding-left: 0px;

}

#header .main-nav .body-nav ul li{

    float: left;

    padding: 5px 15px;

}

#header .main-nav .main-menu > ul > li, #header .main-nav .main-menu > ul > li a{

    color: #9d5c38;

    font-size: 18px;

    position: relative;
    font-weight: bold;
    text-transform: uppercase;

}

#header .main-nav .main-menu > ul > li a{

    padding-bottom: 12px;

}

#header .main-nav .main-menu > ul > li a:after{

    content: '';

    height: 4px;

    width: 30px;

    background-color: transparent;

    display: inline-block;

    position: absolute;

    left: 0px;

    bottom: 0px;

}

#header .main-nav .main-menu > ul > li a:hover{

    color: #f7ce0c;

}

#header .main-nav .main-menu > ul > li:hover a:after{

    background-color: #212c3d;

}

#header .main-nav .main-menu > ul > li.active a:after{

    background-color: #212c3d;

}

#header .main-nav .main-menu > ul > li.hot{

    background-color: #e88960;

    border-radius: 3px;

    margin-left: 15px;

    border-radius: 20px;

}

.button-hot{

    background-color: #ff9966;

    border-radius: 3px;

    margin-left: 15px;

    border-radius: 20px;

    display: inline-block;

    padding: 5px 20px;

    color: #fff !important;

    font-weight: bold;

    text-transform: uppercase;

    cursor: pointer;

}

.button-hot:hover{

    background-color: #212c3d;

    border: 1px solid #ff9966;

}

#header .main-nav .main-menu > ul > li.hot a{

    color: #fff !important;

}

#header .main-nav .main-menu > ul > li.hot:hover{

    background-color: #212c3d;

}

#header .main-nav .main-menu > ul > li.hot a:hover{

    color: #fff;

}

#header.header-fix{

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 9;

}

#header.header-fix .top-nav{

    display: none;

}

#header.header-fix .main-nav{

    background-color: #fff;

}

#header .logo img{

    transition: 0.3s;

    height: 103px;

}

#header.header-fix .logo img{

    height: 62px;

}

.h-fix{

    width: 100%;

    z-index: 9;

}

#header.h-fix .main-nav .main-menu > ul > li, #header.h-fix .main-nav .main-menu > ul > li a{

    color: #9d5c38;

}

#header.header-fix .main-nav .main-menu > ul > li a{

    color: #9d5c38;

}

/*==========#header==========*/



/*==========footer==========*/

footer{

    background-repeat: no-repeat;

    background-size: 100% 100%;

}

#footer{
    background-image: url(../img/bgct33.png);
    padding: 60px 0 0;
}

#footer h3{

    font-size: 24px;

    color: #bf942f;

    font-weight: bold;

    margin-bottom: 25px;

}

#footer p{

    font-size: 15px;

}

#footer ul{

    padding-left: 15px;

}

#footer ul li{

    margin-bottom: 5px;

}

#footer ul li,#footer ul li a{

    font-size: 17px;

    color: #fff;

}

/*==========#footer==========*/





/*==========main==========*/

.box1-slide .owl-stage{

    display: flex;

}

.box1-slide .owl-stage-outer{

    overflow: hidden;

}

.box1-slide .owl-nav{

    display: none;

}

h2{

    font-size: 30px;

    color: #212c3d;

    font-weight: 400;

}

.h2-des{

    font-size: 17px;

    color: #999;

}

.box-img{

    overflow: hidden;

    margin-bottom: 0;

    display: inline-block;
    width: 100%;

}

.box-img img{

    transition: 0.3s;

    max-width: 100%;
    height: 100%;

}

.box-img img:hover{

    transform: scale(1.1);

}

.more-box2{

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    padding: 6px 15px;

    background-color: #707070;

}

.more-box2:hover{

    color: #fff;

    background-color: #f7ce0c;

}

.item-box5{

    display: flex;

}

.box-des h3,.box-des h3 a{

    color: #999;

    font-size: 17px;

}

.box-des p{

    font-size: 14px;

    color: #999;

}

.des-status a{

    font-size: 10px;

    color: #666;

    border-right: 1px solid #666;

    margin-right: 10px;

    padding-right: 10px;

}

.des-status a:nth-child(1){

    font-weight: bold;

}

.des-status a:nth-child(2){

    color: #999;

}

.des-status a:last-child{

    border-right: none;

    padding-right: 0px;

    margin-right: 0px;

    color: #ccc;

}

.more-box5{

    font-size: 14px;

    color: #fff;

    font-weight: bold;

    padding: 6px 15px;

    background-color: #b48b29;

}

.more-box5:hover{

    background-color: #707070;

    color: #fff;

}

.ul-list-dv{

    list-style: none;

    padding-left: 0px;

}

.ul-list-dv li{

    display: flex;

    align-items: center;

    margin-bottom: 15px;

    padding: 10px 15px;

    background-color: #fff;

    position: relative;

}

.ul-list-dv li img{

    margin-right: 15px;

}

.ul-list-dv li h3{

    font-size: 20px;

    color: #666;

}

.ul-list-dv li p{

    font-size: 14px;

    color: #666;

    margin-bottom: 0px;

}

.back-gray-box5{

    background-color: #ebebeb;

}

.ul-list-dv .active:before{

    content: '';

    border-right: 10px solid #555;

    z-index: 9;

}

.ul-list-dv li:before{

    content: '';

    border-top: 10px solid transparent;

    border-right: 10px solid #fff;

    border-bottom: 10px solid transparent;

    border-left: 10px solid transparent;

    width: 0;

    height: 0;

    position: absolute;

    left: -20px;

    top: 10px;

}

.ul-list-dv li.active{

    background-color: #555;

}

.ul-list-dv li.active h3,.ul-list-dv li.active p{

    color: #fff;

}

.d6-flex{

    justify-content: center;

    flex-direction: column;

    align-items: stretch;

    flex-wrap: wrap-reverse;

    display: flex;

}

.box6-back{

    background-image: url(../img/bnh.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding: 80px 0;

}

.box6-back h2,.box6-back p{

    color: #fff;

}

.div-local{

    display: flex;

    justify-content: space-between;

    margin-bottom: 40px;

}

.div-local a{

    font-size: 12px;

    font-weight: bold;

    color: #fff !important;

    padding: 11px 15px;

    background-color: #b48b29;

}

.form-home input{

    border: none;

    border-bottom: 1px solid #000;

    box-shadow: none;

    outline: none;

    border-radius: 0;

    color: #212c3d;

    font-weight: 400;

    font-size: 14px;

}

.form-home textarea{

    border: none;

    border-bottom: 1px solid #000;

    box-shadow: none;

    outline: none;

    border-radius: 0;

    color: #212c3d;

    font-weight: 400;

    font-size: 14px;

}

.form-home button{

    font-size: 14px;

    color: #fff;

    box-shadow: none;

    border: none;

    font-weight: bold;

    width: 100%;

    margin-left: 0px;

    border-radius: 0;

    text-transform: uppercase;
    background-color: #f44025;
    font-family: Arial;
    padding: 24px 0;

}

.slide-item{

    position: relative;

}

.slide-item img{

    object-fit: cover;

    width: 100%;

}

.content-slide{

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.content-slide p{

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}

.content-slide .h2{

    font-size: 72px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}

.box1-slide .owl-dots{

    position: absolute;

    bottom: 40px;

    right: 60px;

}

@media (min-width: 1600px){

    .container {

        max-width: 1486px;

    }
    .bgct34 .content{
        padding: 40px 70px !important;
        background-color: #fff;
    }

}

.box1-slide .owl-dots button{

    background-color: transparent;

    border: none;

    outline: none;

}

.box1-slide .owl-dots button span{

    display: inline-block;

    width: 6px;

    height: 6px;

    border-radius: 3px;

    background-color: #dadada;

}

.box1-slide .owl-dots button.active{

    

}

.box1-slide .owl-dots button.active span{

    width: 30px;

    background-color: #f17b23;

}

.content-banner{

    position: absolute;

    left: 0px;

    right: 0px;

    bottom: 30%;

}

.content-banner h3{

    color: #fff;

    font-size: 30px;

    font-weight: 300;

    text-transform: uppercase;

}

.content-banner p{

    color: #fff;

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

}

.side-right{

    margin-bottom: 25px;

}

.right-search {

    height: auto;

    overflow: hidden;

    border: 1px solid #cdcccc;

    border-radius: 2px;

}

.right-search .form-group {

    margin-bottom: 0px !important;

}

.right-search button {

    background-color: #fff;

    border: none;

    box-shadow: none;

    padding: 8px 12px;

    margin-top: 1px;

    color: #707070;

}

.right-search button:before{

    content: '';

    height: 20px;

    width: 3px;

    background-color: #ffb600;

    display: inline-block;

    margin-right: 10px;

    position: relative;

    top: 2px;

}

.right-search .form-control {

    height: 40px !important;

    border: none;

    box-shadow: none;

    margin-bottom: 0px !important;

}

.matb5 {

    margin-bottom: 5px !important;

}

.side-cate {

    list-style: none;

    padding-left: 0px;

}

.side-cate > li {

    border-bottom: 1px dashed #d9d8d8;

    padding-top: 8px;

    padding-bottom: 3px;

}

.side-cate > li, .side-cate >li >a {

    font-size: 17px;

    color: #999;

    display: inherit;

    position: relative;

}

.side-tit {

    font-size: 20px !important;

    font-weight: bold;

    color: #333333;

    text-transform: uppercase;

}

.side-cate >li >a span{

    color: #fff;

    height: 18px;

    width: 18px;

    text-align: center;

    border-radius: 3px;

    background-color: #ffc73c;

    font-size: 14px;

    float: right;

}

.item-news-r h3,.item-news-r h3 a{

    color: #999;

    font-size: 15px;

}

.item-news-r p{

    color: #666;

    font-size: 14px;

}

.item-list-news h3,.item-list-news h3 a{

    color: #999;

    font-size: 20px;

}

.more{

    display: inline-block;

    padding: 7px 15px;

    color: #fff;

    background-color: #707070;

}

.item-list-news p{

    font-size: 14px;

    color: #999;

}

.pagin a, .pagin strong{

    color: #212c3d;

    display: inline-block;

    padding: 8px 8px 0px 3px;

    margin-right: 10px;

    font-weight: 500;

    font-size: 18px;

    line-height: 20px;

}

.pagin strong{

    color: #ff9966;

    border-bottom: 3px solid #ff9966;

}

.pagin a:hover{

    color: #ff9966;

    border-bottom: 3px solid #ff9966;

}

.ul-status {

    list-style: none;

    padding-left: 0px;

    width: 100%;

    display: inline-block;

    margin-bottom: 10px;

}

.ul-status li{

    font-size: 15px;

    float: left;

    margin-right: 15px;

}

.item-list-news{

    border-bottom: 1px solid #ccc;

    padding-bottom: 30px !important;

    margin-bottom: 40px !important;

}

/*==========#main==========*/

.content-text,.content-text p{

    font-weight: 500;

    font-size: 45.69px;

    margin-bottom: 0px;

    line-height: 56px;

    color: #212c3d;

}

.content-text{

    padding-left: 65px;

}

p,a{

   color: #212c3d; 

}

.ul-content-text{

    list-style: none;

}

.ul-content-text li,.ul-content-text a{

    font-weight: bold;

    font-size: 16px;

} 

.f32{

    font-size: 28px !important;

}

.back-box-1{

    background-image: url(../img/bg-h1.png);

    background-size: 100%;

    padding: 230px 0 100px 0;

    background-repeat: no-repeat;

}

.box2-left{

    padding: 200px 0;

}

.p-fix{

    line-height: 32px;

}

.back-box-2{

    background-image: url(../img/bg-h2.png);

    background-size: cover;

    padding: 150px 0 150px 0;

    background-repeat: no-repeat;

}

.back-box-2 p, .back-box-2 a, .back-box-2 li{

    color: #fff;

}

.box-line-product{

    margin-top: 15px;

    background-color: #1c2534;

    padding: 25px 15px 5px 15px;

    height: 100%;

}

.box-line-product p{

    font-size: 14px;

    font-weight: 400;

}

.box-line-product p:first-child{

    font-weight: bold;

    font-size: 20px;

    line-height: 23px;

    border-bottom: 1px solid #fff;

    padding-bottom: 10px;

}

.box-line-product p:first-child span{

    font-size: 28px;

}

.d-flex{

    display: flex;

}

.box-line-product p:last-child{

    margin-bottom: 0px;

}

.back-cam{

    background-color: #ff9966;

    padding: 60px 0 40px;

}

.form-home input::placeholder,.form-home textarea::placeholder {

  color: #212c3d

}



.form-home input:-ms-input-placeholder,.form-home textarea:-ms-input-placeholder {

  color: #212c3d

}



.form-home input::-ms-input-placeholder,.form-home textarea::-ms-input-placeholder {

  color: #212c3d

}

.mt35{

    margin-top: 35px !important;

}

.mt124{

    margin-top: 124px !important;

}

.back-xam{

    background-color: #f7f7f7;

    padding: 50px 0;

}

.wraper{

    overflow: hidden;

}

.giuseart-mobile-contact-bar {

    display: none

}



.giuseart-pc-contact-bar {

    right: 13px;

    bottom: 70px;

    position: fixed;

    z-index: 998;

    margin-bottom: 0

}



.giuseart-pc-contact-bar li {

    width: 44px;

    height: 44px;

    overflow: hidden;

    margin-bottom: 0;

    list-style: none

}



.giuseart-pc-contact-bar li.facebook {

    margin-bottom: 8px;

    background: url(../img/ic-mesenger.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

}



.giuseart-pc-contact-bar li.hotline {

    background: url(../img/ic-hotline.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin-bottom: 8px;

}



.giuseart-pc-contact-bar li.email {

    background: url(../img/ic-email.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin-bottom: 8px;

}



.giuseart-pc-contact-bar li a {

    display: block;

    width: 44px;

    height: 44px

}



.main-menu{

    display: flex;

    justify-content: flex-end;

    width: 100%;

    padding-top: 9px;

    padding-left: 95px;

}



.menu-lang a{

    font-size: 14px;

    margin: 0 5px;

}



.menu-lang a.active{

    color: #fff;

    background-color: #212c3d;

    padding: 3px 5px;

    border-radius: 50%;

}



.ul-damme{

    list-style: none;

    padding-left: 0px;

}



.ul-damme li{

    float: left;

    margin-right: 90px;

    font-size: 58.22px;

    color: #212c3d;

    font-family: Tourney;

    font-weight: 200;

}



.button-text{

    font-size: 18px;

    font-weight: 400;

    position: relative;

}



.button-text:after{

    content: '';

    display: inline-block;

    height: 9px;

    width: 9px;

    background-image: url(../img/mt-cheo.png);

    position: absolute;

    top: 0px;

    right: -18px;

}



.button-text:hover:after{

    background-image: url(../img/mt-cheo-h.png);

}



.content-item-da{

    background-color: #dc354596;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 1;

    right: 0px;

    bottom: 0px;

    padding: 24px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.content-item-da p,.content-item-da a, .content-item-da div, .content-item-da span, .content-item-da h3{

    color: #fff;

}

.content-item-da p a{
    white-space: nowrap;
}

.content-item-da{
    cursor: pointer;
}
.content-item-da h3,.content-item-da h3 a{

    font-size: 30px;

    font-weight: 500;

}



.content-item-da p{

    font-size: 14px;

    font-weight: 200;

    display: flex;

    align-items: center;

    position: relative;

    white-space: nowrap;

}



.content-item-da p:after{

    display: inline-block;

    content: '';

    width: 12px;

    height: 13px;

    background-image: url(../img/mt-cheo-2.png);

    background-size: 100% 100%;

    position: absolute;

    z-index: 2;

    top: 0px;

    right: 0px;

}



.content-item-da p span{

    display: inline-block;

    width: 100%;

    border-top: 1px solid #fff;

    margin-left: 15px;

    margin-right: 25px;

}



.item-da .content-item-da{

    display: none;

}



.item-da:hover .content-item-da{

    display: flex;

}



.row.fix2,.row.fix2 .row{

    margin-right: -2px !important;

    margin-left: -2px !important;

}

.row.fix2 > div,.row.fix2 .row > div{

    padding-left: 2px;

    padding-right: 2px;

}

.mb4{

    margin-bottom: 4px;

}

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

    .giuseart-mobile-contact-bar {

        left: 10px;

        bottom: 10px;

        position: fixed;

        z-index: 998;

        margin-bottom: 0;

        display: block !Important

    }

    .giuseart-mobile-contact-bar li {

        display: inline-block;

        float: left;

        margin-right: 7px;

        list-style: none

    }

    .giuseart-mobile-contact-bar li.facebook {

        margin-bottom: 8px;

        background: url(https://giuseart.com/wp-content/uploads/2020/03/fb.png);

        background-repeat: no-repeat

    }

    .giuseart-mobile-contact-bar li.zalo {

        background: url(https://giuseart.com/wp-content/uploads/2020/03/zl.png);

        background-repeat: no-repeat

    }

    .giuseart-mobile-contact-bar li a {

        display: block;

        width: 44px;

        height: 44px

    }

    .giuseart-mobile-contact-bar li.hotline {

        background: url(https://giuseart.com/wp-content/uploads/2020/03/p2.gif);

        background-repeat: no-repeat;

        background-size: 44px

    }

}

.box1-slide{

    position: relative;

}

.pl35{

    padding-left: 35px;

}

.pr35{

    padding-right: 35px;

}

.disi{

    display: inline-block;

}

.he702{

    height: 702px;

    object-fit: cover;

}

.he180{

    height: 180px;

    object-fit: cover;

}

.he341{

    height: 341px;

    object-fit: cover;

}

.he550{

    height: 550px;

    object-fit: cover;

}

.he494{

    height: 494px;

    object-fit: cover;

}

.he485{

    height: 485px;

    object-fit: cover;

}

.box-left-ser{

    padding-left: 15%;

}

.box-left-ser h2{

    font-size: 30px;

    color: #212c3d;

    font-weight: 400;

}

.box-left-ser p{

    font-size: 14.01px;

    font-weight: 400;

}

.ul-lis-service{

    list-style: none;

    padding-left: 0px;

}

.ul-lis-service  h3{

    font-size: 48.03px;

    font-weight: 600;

    color: #212c3d;

    border-bottom: 2px solid #212c3d;

    padding-bottom: 12px;

}

.ul-lis-service .content-li-service{

    border-bottom: 2px solid #212c3d;

    padding: 5px 0 15px 0;

    display: none;

}

.ul-lis-service .content-li-service p{

    font-size: 18px;

    font-weight: 500;

    color: #212c3d;

    line-height: 22px;

}

.ul-lis-service .content-li-service ul{

    list-style: none;

    padding-left: 0px;

}

.ul-lis-service .content-li-service ul li,.ul-lis-service .content-li-service ul li a{

    font-size: 14px;

    font-weight: 400;

}

.box-right-ser{

    padding-left: 60px;

}

.ul-lis-service > li{

    position: relative;

}

.ul-lis-service > li:before{

    height: 18px;

    width: 19px;

    display: inline-block;

    content: '';

    background-image: url(../img/plus.png);

    background-size: 100% 100%;

    position: absolute;

    right: 0px;

    top: 30px;

}

.ul-lis-service > li.open:before{

    background-image: url(../img/mini.png);

}

.ul-lis-service  li.open .content-li-service{

    display: block;

}

.content-right-ban,.content-left-ban{

    display: flex;

    align-items: center;

    padding-left: 30px !important;

}

.content-right-ban p{

    font-size: 39.65px;

    font-family: Tourney;

    font-weight: 200;

    color: #212c3d;

    line-height: 46px;

}

.content-left-ban p{

    font-weight: 500;

    font-size: 36px;

    line-height: 42px;

}

.button-plus{

    background-image: url(../img/butt-plus.png);

    background-size: 100% 100%;

    height: 26px;

    width: 26px;

    display: inline-block;

}

.button-plus:hover{

    background-image: url(../img/butt-plus-h.png);

}

.item-news .date-news{

    font-size: 14px;

    font-weight: 200;

    position: relative;

}

.item-news .date-news span{

    font-weight: 500;

}

.item-news h3,.item-news h3 a{

    font-size: 18px;

    font-weight: 500;

}

.item-news .date-news:after{

    height: 1px;

    width: 60px;

    display: inline-block;

    background-color: #212c3d;

    content: '';

    position: absolute;

    left: 0px;

    bottom: -20px;

}

#id-dkn{

    background-color: #212c3d;

}

.back-tim{

    display: flex;

    justify-content: center;

    align-items: center;

}

.back-tim p{

    color: #fff;

    font-size: 18px;

    font-weight: 500;

}

.box-partner{

    border-bottom: 1px solid #212c3d;

}

.box-partner h3{

    font-size: 30px !important;

    color: #212c3d !important;

    font-weight: 400 !important;

}

.footer-info h3{

    font-size: 36px !important;

    color: #212c3d !important;

    font-weight: 400 !important;

}

.footer-info h4{

    font-weight: bold;

    font-size: 18px;

    color: #212c3d;

}

.footer-info p{

    font-size: 14px !important;

}

.footer-info ul{

    list-style: none;

    padding-left: 0px !important;

}

.footer-info ul li,.footer-info ul li a{

    font-size: 14px !important;

    color: #212c3d !important;

    font-weight: 400;

}

.button-text-t {

    font-size: 36px;

    font-weight: 400;

    position: relative;

}

.button-text-t:after {

    content: '';

    display: inline-block;

    height: 15px;

    width: 15px;

    background-image: url(../img/arrow_c_t.png);

    position: absolute;

    top: 5px;

    right: -18px;

}

.button-text-t:hover:after {

    background-image: url(../img/arrow_c_t_h.png);

}

.footer-rule h3{

    font-size: 18px !important;

    font-weight: 500 !important;

    color: #212c3d !important;

    text-transform: uppercase;

}

.footer-rule p{

    font-size: 14px;

}

.ic-share{

    height: 32px;

    width: 32px;

    display: inline-block;

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

.youtube{

    background-image: url(../img/ic-you.png);

}

.instagram{

    background-image: url(../img/ic-insta.png);

}

.facebook{

    background-image: url(../img/ic-face.png);

}

.be{

    background-image: url(../img/ic-be.png);

}

.youtube:hover{

    background-image: url(../img/ic-you-h.png) !important;

}

.instagram:hover{

    background-image: url(../img/ic-insta-h.png) !important;

}

.facebook:hover{

    background-image: url(../img/ic-face-h.png) !important;

}

.be:hover{

    background-image: url(../img/ic-be-h.png) !important;

}

.box-share a{

    margin-right: 15px;

}

#header.header-fix .main-nav .main-menu > ul > li.active a:after{

    background-color: #fff;

}

#header.header-fix .menu-lang a{

    color: #fff;

}

#header.header-fix .menu-lang .button-contact span{

    background-color: #fff;

}

.menu-lang{

    position: relative;

    top: -8px;

}

.button-contact{

    display: inline-block;

    position: relative;

    top: 11px;

    cursor: pointer;

    height: 30px;

    padding: 10px 0;

    margin-left: 15px;

}

.button-contact span{

    display: block;

    width: 35px;

    height: 1.3px;

    background-color: #212c3d;

    margin-bottom: 5px;

}

#lof_go_top {

    background: url(../img/back-top.png) 50% 50% no-repeat;

    bottom: 135px;

    display: none;

    height: 39px;

    position: fixed;

    right: 13px;

    width: 39px;

    z-index: 99999;

    background-size: 100% 100%;

    cursor: pointer;

}

.box-contact{

    position: fixed;

    z-index: 10;

    top: 0px;

    right: 0px;

    height: 100vh;

    background-color: #212c3df7;

    padding: 80px 80px 80px 105px;

    display: none;

}

.box-contact-conect{

    position: fixed;

    z-index: 10;

    top: 0px;

    right: 0px;

    height: 100vh;

    background-color: #fff;

    padding: 80px 40px 50px;

    display: none;

    overflow-y: auto;

    z-index: 99;

}

.close-contact{

    display: flex;

    height: 46px;

    width: 46px;

    justify-content: center;

    align-items: center;

    background-color: #ebebeb;

    position: fixed;

    top: 0px;

    right: 0px;

    cursor: pointer;

}

.close-contact-conect{

    display: flex;

    height: 46px;

    width: 46px;

    justify-content: center;

    align-items: center;

    background-color: #ebebeb;

    position: fixed;

    top: 0px;

    right: 0px;

    cursor: pointer;

}

.box-contact-logo{

    height: 50px;

}

.box-contact h3{

    font-size: 14px;

    font-weight: bold;

    color: #fff;

}

.bb-4{

    border-bottom: 4px solid #fff;

    padding-bottom: 17px;

}

.box-contact ul{

    list-style: none;

    padding-left: 0px;

}

.box-contact ul li,.box-contact ul li a{

    color: #fff;

    font-size: 14px;

    font-weight: 300;

}

.box-contact ul li{

    border-bottom: 1px solid #fff;

    padding: 15px 0;

}

.box-contact .youtube{

    background-image: url(../img/ic-you-w.png);

}

.box-contact .instagram{

    background-image: url(../img/ic-insta-w.png);

}

.box-contact .facebook{

    background-image: url(../img/ic-face-w.png);

}

.box-contact .be{

    background-image: url(../img/ic-be-w.png);

}

.ic-address,.ic-phone,.ic-email{

    position: relative;

}

.ic-address:before{

    width: 19px;

    height: 23px;

    display: inline-block;

    background-image: url(../img/ic-add.png);

    content: '';

    position: absolute;

    left: -32px;

    top: 20px;

}

.ic-phone:before{

    width: 20px;

    height: 20px;

    display: inline-block;

    background-image: url(../img/ic-phone.png);

    content: '';

    position: absolute;

    left: -32px;

    top: 20px;

}

.ic-email:before{

    width: 20px;

    height: 15px;

    display: inline-block;

    background-image: url(../img/ic-email2.png);

    content: '';

    position: absolute;

    left: -32px;

    top: 20px;

}

h1{

    font-size: 60px;

    font-weight: 500;

    color: #212c3d;

}

.li-form button {

    padding: 0.282rem 0.8rem !important;

    background-color: #212c3d;

    border-radius: 0;

    border-color: #212c3d;

    margin-bottom: 0px !important;

    color: #fff !important;

}

.li-form .form-group input {

    height: 35px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    min-width: 270px;

    color: #666666;

    font-size: 14px !important;

    font-style: italic;

    border-color: #898e98;

    border-width: 2px;

    border-right: none;

}

.li-form .form-group {

    margin-right: 0px !important;

    margin-bottom: 0px !important;

}

.ul-cate-project{

    list-style: none;

    padding-left: 0px;

    margin-bottom: 0px;

}

.ul-cate-project li{

    float: left;

    margin-right: 60px;

}

.ul-cate-project li,.ul-cate-project li a{

    font-size: 18px;

    color: #212c3d;

}

.ul-cate-project li.active a,.ul-cate-project li:hover a{

    color: #ff9966;

}

.li-form{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.more-da{

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    color: #b38301;

    font-style: italic;

    font-family: Arial;

}

.more-da span{

    position: relative; 

}

.more-da:hover span:after{

    background-image: url(../img/dd-h.png);

}

.item-info label, .item-info p{

    font-size: 14.01px;

    margin-bottom: 0;

}

.item-info label{

    font-weight: 300;

    color: #999999;

}

.item-info p{

    font-weight: 500;

    color: #212c3d;



}

.box-tag h3,.box-tag li,.box-tag li a{

    font-size: 14px;

    color: #999999;

}

.box-tag h3{

    font-weight: 500;

}

.box-tag li,.box-tag li a{

    font-weight: 400;

}

.box-tag ul{

    list-style: none;

    padding-left: 0px;

}

.box-relate h3{

    font-size: 14px;

    font-weight: 500;

    color: #212c3d;

}

.button-text-ll {

    font-size: 56px;

    font-weight: 500;

    position: relative;

}

.button-text-ll:after {

    content: '';

    display: inline-block;

    height: 19px;

    width: 19px;

    background-image: url(../img/mt-cheo-ll.png);

    position: absolute;

    top: 15px;

    right: -26px;

}

.button-text-ll:hover:after {

    background-image: url(../img/mt-cheo-ll-h.png);

}

.content-writter img{

    max-width: 100% !important;

    height: auto !important;

}

.content-writter p{

    font-weight: 300;

    color: #212c3d;

}

.content-left-ban.fix{

    padding-left: 0px !important;

}

.content-left-ban.fix p{

    font-size: 30px;

    line-height: 35px;

}

.content-left-ban.fix3 p{

    font-size: 30px;

    line-height: 35px;

    font-weight: 400;

}

.content-left-ban.fix2 p{

    font-size: 14px;

    line-height: unset;

}

.button-connect:after{

    content: '';

    display: inline-block;

    height: 12px;

    width: 15px;

    background-image: url(../img/arrow_r.png);

    background-size: 100% 100%;

    margin-left: 20px;

    position: relative;

    top: 2px;

}

.button-connect:hover:after{

    background-image: url(../img/arrow_r_h.png);

}

.item-da.fix-news .content-item-da{

    display: flex;

    background-color: #212c3d3b;

    justify-content: flex-end;

}

.item-da.fix-news .content-item-da p:after{

    content: unset;

}

.item-da.fix-news .content-item-da p span{

    width: unset;

    border-top: unset;

}

.item-da.fix-news .content-item-da p{

    font-size: 14px;

    font-weight: 300;

}

.item-da.fix-news .content-item-da .date-news{

    font-size: 18px;

    font-weight: 200;

}

.item-da.fix-news .content-item-da .date-news span{

    font-weight: 500;

    margin-left: 10px;

}

.item-da.fix-news .content-item-da h3,.item-da.fix-news .content-item-da h3 a{

    font-weight: 500;

    font-size: 36px;

}

.item-da.fix-news .content-item-da h3{

    line-height: 36px;

    margin-bottom: 20px;

}

.h1-news{

    font-weight: 500;

    font-size: 30px;

}

.date-news{

    font-size: 14px;

    color: #999;

    margin-top: 5px;

    margin-bottom: 0px;

}

.note-news{

    color: #212c3d;

    font-weight: 500;

}

.li-form.fix .form-group input{

    min-width: calc(100% - 43px);

    width: 100%;

}

.li-form.fix .form-group{

    float: left;

    min-width: calc(100% - 43px);

    width: calc(100% - 43px);

}

.button-back-news{

    font-size: 14px;

    font-weight: 500;

    color: #212c3d;

    position: relative;

    top: -8px;

}

.button-back-news:before{

    content: '';

    display: inline-block;

    height: 16px;

    width: 9px;

    background-image: url(../img/back-news.png);

    background-size: 100%;

    margin-right: 10px;

    position: relative;

    top: 3px;

}

.button-back-news:hover:before{

    background-image: url(../img/back-news-h.png);

}

.new-next{

    font-weight: 500;

    font-size: 30px;

    line-height: 30px;

}

.col-right h3{

    font-weight: bold;

    font-size: 24px;

    color: #212c3d;

    padding-bottom: 10px;

}

.col-right h3.borb{

    border-bottom: 7px solid #212c3d;

}

.col-right ul{

    list-style: none;

    padding-left: 0px;

}

.col-right ul li,.col-right ul li a{

    font-size: 18px;

    color: #212c3d;

}

.col-right ul li{

    border-bottom: 1px solid #212c3d;

    padding: 5px 0;

}

.col-right ul li:hover,.col-right ul li:hover a{

    color: #ff9966;

}

.col-right ul li a{

    display: inherit;

}

.col-right ul li a span{

    float: right;

}

.col-right ul li:last-child{

    border-bottom: none;

}

.form-home.fix input{

    border-top: 1px solid #000;

    padding-left: 0px;

}

.form-home.fix input::placeholder{

    color: #999;

    font-style: italic;

}

.content-text.fix p{

    font-family: Tourney;

    font-weight: 200;

}

.h3-about{

    font-size: 18px;

    font-weight: 500;

    color: #212c3d;

    position: relative;

}

.h3-about:after{

    content: '';

    display: inline-block;

    height: 6px;

    width: 72px;

    background-color: #212c3d;

    position: absolute;

    left: 0px;

    bottom: -40px;

}

.item-service h3{

    font-size: 48.03px;

    font-weight: 600;

    color: #212c3d;

    padding-bottom: 12px;

}

.item-service ul{

    list-style: none;

    padding-left: 0px;

}

.item-service ul li, .item-service ul li a{

    font-size: 14px;

    font-weight: 400;

}

.item-action span{

    font-size: 72px;

    font-weight: 200;

    color: #212c3d;

    line-height: 90px;

}

.item-action h3{

    font-size: 24px;

    font-weight: bold;

    color: #212c3d;

    margin-bottom: 30px;

}

.item-action p{

    font-size: 14.01px;

    color: #212c3d;

}

.content-text.fix2 p{

    font-size: 36px;

    font-family: Tourney;

    font-weight: 200;

    line-height: 40px;

}

.content-text.fix2 h3{

    font-size: 24px;

    font-weight: 500;

    color: #212c3d;

}

.content-text.fix2 .place{

    font-family: Kanit;

    font-size: 18px;

    color: #212c3d;

    font-weight: 400;

    line-height: 18px;

}

.box-contact-conect h3{

    font-size: 30px;

    font-weight: bold;

    position: relative;

    margin-bottom: 70px;

}

.box-contact-conect h3:after{

    content: '';

    display: inline-block;

    height: 6px;

    width: 144px;

    background-color: #000;

    position: absolute;

    left: 0px;

    bottom: -40px;

}

.box-contact-conect label{


    font-size: 18px;

}

.box-contact-conect p{


    font-size: 14px;

    font-weight: 200;

}

.box-contact-conect a{

    font-size: 18px;

}

.box-contact-conect h1{

    font-weight: 500;

    font-size: 48px;

    color: #fff;

}

.box-contact-conect .button-back-about{

    color: #fff !important;

    font-size: 14px !important;

}

.box-contact-conect .button-back-about i{

    font-size: 25px;

    position: relative;

    top: 4px;

    margin-right: 10px;

}

.box-contact-conect .button-back-about:hover{

    color: #ff9966 !important;

}

.box-contact-conect .form-home button{

    background-color: #fff;

    color: #212c3d !important;

    font-size: 14px !important;

    font-weight: 500;

}

.box-contact-conect .form-home button:hover{

    background-color: #ff9966;

    color: #fff !important;

}

.box-contact-conect .form-home input,.box-contact-conect .form-home textarea{

    background-color: transparent;

    color: #fff;

    border-bottom: 1px solid #fff;

    padding-left: 0px;

}

.box-contact-conect .form-home input::placeholder,.box-contact-conect .form-home textarea::placeholder{

    color: #fff;

    font-weight: 200;

}

.box-contact-conect .form-home .form-group{

    margin-bottom: 0px !important;

}

.box-contact-conect .form-home input{

    height: 50px;

}

.box-contact-conect .form-home textarea{

    padding-top: 15px;

}

#header.header-fix .main-nav .main-menu > ul > li a:hover:after,#header.header-fix .main-nav .main-menu > ul > li:hover a:after{

    background-color: #fff;

}

.content-writter.w-da-100 img{

    width: 100% !important;

}

.ul-cate-project.news li{
    margin-right: 30px;
}

.ul-damme li:hover{
	font-family: Tourney-Black;
	font-weight: bold;
}

.content-writter strong{
    font-weight: bold;
}

.content-writter li, .content-writter a, .content-writter div{
    font-weight: 300;
}

@keyframes bouncing-text {
    0% {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes marqueeAnimation-13247680  { 100%  {transform:translateX(-2045.3px)}}

.button-show-cate{
    float: right;
    font-size: 40px;
    padding: 0 15px;
    position: relative;
    top: 17px;
}

.item-step h3{
    font-size: 30px;
    font-weight: 500;
}

.item-step h3 span{
    color: #ff9966;
}

.item-step p{
    font-size: 18px;
    font-weight: 500;
}

.backxamlg{
    background-image: url(../img/bactc2.png);
    padding: 60px 0;
}

.item-box-design{
    background-color: #fff;
    padding: 0;
    height: 100%;
    position: relative;
}
.item-box-design ul{
    padding-left: 17px;
}
.button-a{
    background-color: #ff9966;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    width: 230px;
    cursor: pointer;
    text-align: center;
    padding: 7px 20px;
}
.button-a.po{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.button-a:hover{
    background-color: #212c3d;
    color: #fff !important;
}
.item-table table thead tr{
    background-color: #212c3d !important;
    color: #fff !important;
    
}
.item-table table thead th{
    font-weight: 500 !important;
    font-size: 14px;
}
.item-table table td{
    font-size: 14px;
}
.item-table .tr-head{
    background-color: #e8e9eb;
    font-weight: 500;
    padding: 5px 0.75rem;
}
.item-table td, .item-table th{
    border-top: 1px solid #212c3d;
}
.item-table .tr-check{
    color: #ff9966;
}
.fw300{
    font-weight: 300 !important;
}
.fw400{
    font-weight: 400 !important;
}
.he91{
    height: 91px;
    object-fit: contain;
}
.back-timden{
    background-color: #212c3d;
    padding: 50px 0 10px;
}
.bread-crumb{
    list-style: none;
    display: inline-block;
    width: 100%;
    padding-left: 0px;
}
.bread-crumb li{
    float: left;
}
.bread-crumb li,.bread-crumb li a{
    font-size: 16px;
    color: #999;
}
.cl-timden,.cl-timden p{
    color: #fff;
}
@media screen and (max-width: 991px){

    .hehe-mb{

        padding-left: 15px !important;

        padding-right: 15px !important;

    }

    .main-nav{

        position: relative;

    }

    .main-menu > ul{

        position: absolute;

        left: 0px;

        top: 60px;

        z-index: 9999;

        background-color: #000000b8;

        width: 100%;

        padding: 20px 0;

        display: none;

    }

    .main-menu > ul li a{

        color: #fff !important;

    }

    .main-menu > button{

        border: none;

        padding-top: 4px;

    }

    #header .logo img{

        height: 44px;

    }

    #header .main-nav .body-nav ul li{

        float: none !important;

    }

    #header .main-nav .body-nav ul li.active{

    }

    #header .main-nav .main-menu > ul > li.hot{

        display: inline-block;

        margin-top: 10px;

    }

    .back-cam{

        padding: 30px 10px;

    }

    .ul-content-text{

        padding-left: 0px;

        margin-top: 10px;

        margin-bottom: 0px;

    }

    br{

        display: none;

    }

    .back-box-1 {

        background-size: cover;

        background-position: top;

    }

    .box2-left{

        padding: 20px 15px;

    }

    .back-box-2{

        background-size: cover;

    }

    .pl-mb-5{

        padding-left: 0px !important;

    }

    .logo-fot{

        display: inline-block;

        margin-bottom: 30px;

    }

    .p-f{

        padding: 10px 15px !important;

        text-align: center;

    }

    .mt124{

        margin-top: 20px !important;

    }

    .tjm{

        text-align: justify;

    }

    .mtb0{

        margin-top: 0px !important;

    }

    .text-center-mobile{

        text-align: center !important;

    }

    .pl35{

        padding-left: 15px !important;

    }

    .pr35{

        padding-right: 15px !important;

    }

    .pl-5{

        padding-left: 15px !important;

    }

    .text-right{

        text-align: left !important;

    }

}

.box-fix-space-lg .row{

        margin-left: -5px;

        margin-right: -5px;

    }

    .box-fix-space-lg .col-6,.box-fix-space-lg .col-12{

        padding-left: 5px;

        padding-right: 5px;

    }

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

    .logo-fot{

        margin-top: 31px;

    }

}

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

    .main-nav .container-fluid{

        padding-left: 35px;

        padding-right: 35px;

    }

    

    .mh84{

        min-height: 112px;

        display: flex;

        flex-direction: column;

        justify-content: flex-end;

    }

    .logo-fot{

        margin-top: 5px;

    }

    .col-53{

        -webkit-box-flex: 0;

        -ms-flex: 0 0 54%;

        flex: 0 0 54%;

        max-width: 54%;

    }

    .col-47{

        -webkit-box-flex: 0;

        -ms-flex: 0 0 46%;

        flex: 0 0 46%;

        max-width: 46%;

    }

    .item-da.fix-news .content-item-da{

        padding: 40px 50px 30px;

        padding-right: 60%;

    }

    .he320{

        height: 320px;

        object-fit: cover;

    }

    .button-contact{
    	display: inline-block !important;
    }

}

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

    .mh84{

        min-height: 140px;

        display: flex;

        flex-direction: column;

        justify-content: flex-end;

    }

}

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

    .box-left-ser{

        padding-left: 15px !important;

    }

    .box-right-ser{

        padding-left: 15px !important;

    }

    .ul-lis-service h3{

        font-size: 30px;

    }

    .ul-lis-service > li:before{

        top: 10px;

    }

    .content-right-ban p{

        margin-top: 15px;

    }

    .back-tim{

        padding: 20px 0;

    }

    .footer-info h4{

        margin-top: 20px;

    }

    .box-share.mt-5{

        margin-top: 20px !important;

    }

    .p-tb-m{

        padding: 25px 0;

    }

    #id-dkn .mt-5{

        margin-top: 0px !important;

    }

    .menu-lang{

        padding-right: 0px;

        background-image: unset !important;

    }

    #header .logo img{

        height: 44px;

    }

    .text-center-m{

        text-align: center !important;

    }

    .ul-damme li {

        margin-right: 50px;

        white-space: nowrap;


    }

    .ul-damme{
    	display: flex;
    }

    .box-btn-show-menu{

        display: block;

        width: 35px;

        height: 33px;

        padding: 5px;

        background: none;

        border: none;

        -webkit-box-shadow: none;

        box-shadow: none;

        outline: none;

        cursor: pointer;

        z-index: 99;

        background-color: #fff;

        border-radius: 5px;

        position: relative;

        top: -5px;

    }

    .box-btn-show-menu span{

        display: block;

        background: #212c3d;

        height: 2px;

        width: 25px;

        margin-top: 4px;

        margin-bottom: 4px;

        -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

        position: relative;

        left: 0;

        opacity: 1;

        pointer-events: none;

    }

    .box-btn-show-menu.active span:nth-child(1){

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto;

        -webkit-transform: rotate(135deg);

        -ms-transform: rotate(135deg);

        transform: rotate(135deg);

        opacity: 0.9;

    }

    .box-btn-show-menu.active span:nth-child(2) {

        height: 3px;

        visibility: hidden;

        background-color: transparent;

    }

    .box-btn-show-menu.active span:nth-child(3) {

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto;

        -webkit-transform: rotate(-135deg);

        -ms-transform: rotate(-135deg);

        transform: rotate(-135deg);

        opacity: 0.9;

    }

    #header .main-nav .body-nav ul li.active{

        margin-left: 0px !important;

    }

    .main-menu > ul > li a{

        display: inherit;

    }

    #header .main-nav .main-menu > ul > li a:after{

        width: 10%;

    }

    #header .main-nav .main-menu > ul > li a{

        border-bottom: 1px solid #000 !important;

    }

    .main-menu > ul{

        background-color: #fff !important;

    }

    .main-menu > ul li a{

        color: #000 !important;

    }

    #header .main-nav .main-menu > ul > li.active a:after{

        background-color: #fff !important;

    }

    .main-menu{

        padding-left: 25px;

    }

    .menu-lang{

        top: 0px;

    }

    .box-contact{

        padding: 80px 20px 80px 55px;

    }

    .li-form{

        flex-wrap: wrap;

    }

    .ul-cate-project{

        margin-bottom: 20px;

    }

    .ul-cate-project li{

        margin-right: 30px;

    }

    .item-info.mb-5{

        margin-bottom: 10px !important;

    }

    .content-right-ban, .content-left-ban{

        padding-left: 15px !important;

        margin-top: 15px;

        padding-right: 15px !important;

    }

    .content-writter .mt-10{

        margin-top: 40px !important;

    }

    .content-writter .mb-10{

        margin-bottom: 40px !important;

    }

    .button-text-ll{

        font-size: 40px;

    }

    .col-right{

        margin-top: 30px;

    }

    .item-service h3{

        font-size: 30px;

    }

    .h3-about{

        margin-bottom: 70px;

    }

    .content-text{

        padding-left: 15px !important;

    }

    .content-text.fix2 p{

        font-size: 26px;

    }

    .mt-10.mbm-fix{

        margin-top: 0 !important;

    }

    .mb-10.mbm-fix{

        margin-bottom: 0 !important;

    }

    .box-contact-conect h3.mt-10{

        margin-top: 0px !important;

    }

    .box-contact-conect{

        z-index: 9999;

        overflow-y: scroll;

        padding-bottom: 50px;

    }

    .button-back-about{

        margin-bottom: 20px;

        display: inline-block;

    }

    .box-contact-conect h1{

        margin-top: 40px;

    }

    .box1-slide.he-mb img{
    	height: 247px;
    	object-fit: cover;
    }

    .box1-slide.he-mb .owl-dots{
    	top:200px;
    }

    .ul-cate-project li{
		width: 100%;
		border-bottom: 1px solid #212c3d;
		padding: 5px 0px;
	}

	.ul-cate-project li:last-child{
		border-bottom: none;
	}

	.d-mb-none{
		display: none;
	}

	.form-inline{
		width: 100%;
	}

	.form-inline .form-group{
	    width: calc(100% - 44px);
	}

    #header .main-nav .body-nav{
        justify-content: space-between;
    }

    .main-menu{
        max-width: 57px;
    }
    table{
        width: 100%!important;
        height: auto !important;
    }
}

.button-show-cate .fa-angle-up:before{
	content: "\f106" !important;
} 

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

    .he702{

        height: 502px;

    }

    .box1-slide .owl-dots{

        bottom: 15px;

        right: 40px;

    }

}

@media screen and (min-width: 1500px){
    .he320{
        height: 400px;
    }
}

@media screen and (min-width: 1920px){
    .he320{
        height: 600px;
    }
}


.mh84o{

    min-height: 84px;

}

.mh168o{

    min-height: 168px;

}

.footer .f32{

    font-size: 24px !important;

}

.logo-fot{

    width: 100px;

}

.mt-10{

    margin-top: 6rem!important;

}

.mb-10{

    margin-bottom: 6rem!important;

}

body{
    top: 0px !important;
}
.contenttt1 .head h3,.contenttt1 .head p,.contenttt1 .head h1{
    font-family: Arial;
    color: #6b491c;
    font-weight: bold;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.contenttt1 .content p{
    font-size: 14px;
    font-family: Arial;
}
h2{
    font-size: 30px;
    text-transform: uppercase;
    color: #6b491c;
    font-weight: bold;
    font-family: Arial;
}
.item-step h3:before{
    content: '';
    display: inline-block;
    width: 115px;
    height: 116px;
    background-image: url(../img/dv8.png);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.item-step h3{
    padding-top: 160px;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-family: Arial;
}
.item-step h3 span{
    text-transform: uppercase;
    color: #fff;
}
.bgct33{
    background-image: url(../img/bgct33.png);
    padding: 60px 0;
}
.bgct33 h2{
    color: #fff;
    font-size: 30px;
}
.bgct34{
    background-image: url(../img/bgct4.png);
    padding: 60px 0;
}
.bgct34 h3{
    font-size: 30px;
    text-transform: uppercase;
    color: #6b491c;
    font-weight: bold;
    font-family: Arial;
    line-height: 43px;
    position: relative;
    padding-bottom: 30px;
}
.bgct34 h3:after{
    content: '';
    display: inline-block;
    width: 63px;
    height: 21px;
    background-image: url(../img/mtlk.png);
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.bgct34 ul{
    margin-top: 30px;
    list-style: none;
}
.bgct34 ul li{
    font-weight: bold;
    font-size: 27px;
    line-height: 45px;
    padding-left: 45px;
    position: relative;
}
.bgct34 ul li:before{
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../img/vlk.png);
    position: absolute;
    top: 3px;
    left: 0;
}
.bgct34 form{
    padding: 20px 0 20px 20px;
    background-color: #e9e9e9;
}
.bgct34 form > div{
    background-image: url(../img/backff.png);
    padding: 70px 40px 40px;
}
.bgct34 form h3.toto{
    text-transform: uppercase;
    color: #fff;
}
.bgct34 form h3.toto:after{
    content: unset !important;
}
.bgct34 form input{
    font-size: 21px;
    font-family: Arial;
    padding: 24px;
}
.bgct34 form button{
    font-size: 21px;

}
.backxx{
    background-color: #e9e9e9;
    padding: 60px 0;
}
.hoheng{
    position: relative;
}
.hoheng span{
    background-color: #e9e9e9;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 20px;
}
.hoheng:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #6b491c;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
}
.backtt{
    background-color: #fff;
    padding: 60px 0;
}
.backtt .hoheng span{
    background-color: #fff;
}
.item-mews.left img{
    height: 500px;
    object-fit: cover;
}
.item-mews.right img{
    height: 180px;
    object-fit: cover;
}
.item-mews h3{
    font-size: 24px;
    font-weight: bold;
    font-family: Arial;
    margin-top: 15px;
}
.item-mews p{
    font-size: 18px;
    font-family: Arial;
    margin-top: 15px;
}
.item-mews.left h3{
    font-size: 27px;
}
.footer-rule{
    padding: 15px 0 0;
    background-color: #ffffff73;
    color: #fff;
    font-family: Arial;
    font-weight: 500;
}
#footer .footer-info h4,.footer-info p,#footer .footer-info ul li{
    color: #fff !important;
    font-family: Arial;
}
#footer .footer-info h4{
    font-size: 20px;
    margin-bottom: 40px;
}
#footer .footer-info ul li{
    font-size: 15px !important;
    line-height: 30px;
}
#footer .footer-info ul{
    width: 100%;
}
#footer .footer-info ul li:nth-child(2n+1){
    float: left;
    width: 60%;
}
#footer .footer-info ul li:nth-child(2n){
    float: left;
    width: 40%;
}
.form-fot{
    display: flex;
}
.form-fot input{
    background-color: transparent;
    height: 41px;
    border-radius: 0;
    width: 100%;
}
.form-fot .form-group{
    min-width: calc(100% - 80px);
}
.form-fot button{
    background-color: #fff !important;
    color: #000 !important;
    font-family: Arial;
    height: 41px;
    border-radius: 0;
    border: none;
    text-transform: none;
    font-weight: 500;
}

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

    #footer .footer-info ul li{
        width: 100% !important;
    }
    .bgct34{
        background-color: #e9e9e9;
        background-image: unset !important;
    }
}

.coccoc-alo-phone span{
    display: none;
    text-align: right;
    padding-right: 65px;
    font-size: 30px;
    color: #000;
}
.coccoc-alo-phone:hover span{
    display: block;
}
.content img{
    max-width: 100% !important;
    height: auto !important;
}
.disp{
    display: block !important;
}
.form-fot input::placeholder {
    color: #fff !important;
}