a{moz-transition:all .3s;ms-transition:all .3s;o-transition:all .3s;transition:all .3s;webkit-transition:all .3s}

a:hover,a:active,a:focus{text-decoration:none!important;color: #99000d;}

img{max-width: 100%;}

body{font-size: 15px;margin:0;font-family: 'Montserrat', sans-serif; right: 0px;position: relative;}

body p{font-size:15px;margin:0;font-family: 'Montserrat', sans-serif;}

.clear60{clear:both;height:60px}

.clear40{clear:both;height:40px}

.clear20{clear:both;height:20px}

.clear10{clear:both;height:10px}

.center{text-align:center}

.left{text-align:left}

.right{text-align:right}

.nopadding{padding:0!important}

.nomargin{margin:0}

.fullwidth{width: 100%;}

.clwhite{color: #fff;}

.clblack{color: #000;}

.bold{font-weight: bold;}

.flex{display: flex;align-items: center;}

.flex-n{display: flex;}

.flex-bw{display: flex;align-items: center;justify-content: space-between;}

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

.show1199{display: none;}

.show991{display: none;}

.show767{display: none;}

.show480{display: none;}

.row:before{content: unset;}

.editer img{

    height: auto !important;

}

.editer p{

    margin-bottom: 10px;

}

.at4-share,

.at-share-dock,

.at4-thankyou,

.at-share-dock-outer{

    display: none !important;

}

.fp-viewing-0 .header-home .logo{

    display: inline-block;

}

.header-home .logo{

    display: none;

}

.header-home{

    position: fixed;

    top: 10px;

    left: 0;

    z-index: 999;

    width: 100%;

}

.main-header-home{

    padding: 0 200px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    height: 60px;

}

.fp-viewing-0 .main-header-home{

    justify-content: space-between;

}

.bar-menu {

    padding: 5px;

    background: #fff;

}

#navbar-icon {

    width: 30px;

    height: 21px;

    position: relative;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    cursor: pointer;

}

#navbar-icon span {

    display: block;

    position: absolute;

    height: 3px;

    width: 50%;

    background: #ed1c24;

    opacity: 1;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

}

#navbar-icon span:nth-child(even) {

    left: 50%;

    border-radius: 0 9px 9px 0;

}

#navbar-icon span:nth-child(odd) {

    left: 0px;

    border-radius: 9px 0 0 9px;

}

#navbar-icon span:nth-child(1),

#navbar-icon span:nth-child(2) {

    top: 0px;

}

#navbar-icon span:nth-child(3),

#navbar-icon span:nth-child(4) {

    top: 9px;

}

#navbar-icon span:nth-child(5),

#navbar-icon span:nth-child(6) {

    top: 18px;

}

#navbar-icon.open span:nth-child(1),

#navbar-icon.open span:nth-child(6) {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}

#navbar-icon.open span:nth-child(2),

#navbar-icon.open span:nth-child(5) {

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

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

#navbar-icon.open span:nth-child(1) {

    left: 3px;

    top: 5px;

}

#navbar-icon.open span:nth-child(2) {

    left: calc(50% - 3px);

    top: 5px;

}

#navbar-icon.open span:nth-child(3) {

    left: -50%;

    opacity: 0;

}

#navbar-icon.open span:nth-child(4) {

    left: 100%;

    opacity: 0;

}

#navbar-icon.open span:nth-child(5) {

    left: 2px;

    top: 15px;

}

#navbar-icon.open span:nth-child(6) {

    left: calc(50% - 2px);

    top: 15px;

}

.item-banner{

    position: relative;

}

.img-banner{

    width: 70%;

    margin-left: auto;

    height: 100vh;

    overflow: hidden;

}

.img-banner > img{

    height: 100%;

    object-fit: cover;

}

.tit-banner{

    position: absolute;

    bottom: 100px;

    font-size: 50px;

    font-weight: 900;

    color: #99000d;

    line-height: 1.5;

    margin: 0;

    left: 0;

    text-transform: uppercase;

    opacity: 0;

    visibility: hidden;

    transition: all 0.5s;

}

.block-slider-banner .owl-carousel .owl-item.active .tit-banner{

    left: 200px;

    transition: all 0.5s;

    opacity: 1;

    visibility: visible;

    transition-delay: 1s;

}

.block-slider-banner{

    position: relative;

}

.block-slider-banner .owl-theme .owl-nav.disabled+.owl-dots{

    margin: 0;

    position: absolute;

    top: 50%;

    left: 200px;

    transform: translateY(-50%);

}

.block-slider-banner .owl-theme .owl-dots .owl-dot{

    display: block;

}

.block-slider-banner .owl-theme .owl-dots .owl-dot button{

    border: none;

    background: none;

    outline: unset;

    font-size: 18px;

    padding: 0;

}

.block-slider-banner .owl-theme .owl-dots .owl-dot button:before{

    content: "";

    width: 1px;

    height: 67px;

    background: #000;

    display: block;

    margin: 0 auto;

    margin-bottom: 3px;

}

.block-slider-banner .owl-theme .owl-dots .owl-dot.active{

    font-weight: 900;

}

.block-services-home{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.group-tab-ser{

    width: 25%;

}

.tit-ser-sub{

    font-size: 24px;

    color: #99000d;

    margin-bottom: 15px;

}

.tit-ser{

    font-size: 30px;

    color: #000;

    font-weight: 900;

    margin: 0;

    margin-bottom: 30px;

    position: relative;

}

.tit-ser:before{

    content: "";

    position: absolute;

    bottom: -10px;

    width: 30px;

    height: 2px;

    background: #6d6d6d;

}

.tit-ser:before{

    content: "";

    position: absolute;

    bottom: -10px;

    width: 30px;

    height: 2px;

    background: #6d6d6d;

    left: 0;

}

.tit-ser:after{

    content: "";

    position: absolute;

    bottom: -10px;

    width: 100px;

    height: 2px;

    background: #99000d;

    left: 33px;

}

.block-desc-ser-home{

    padding: 10px 30px;

    margin-bottom: 20px;

}

.group-content-ser{

    width: 75%;

    height: 100vh;

    overflow: hidden;

}

.group-content-tab{

    position: relative;

}

.group-content-tab .owl-theme .owl-nav{

    margin: 0;

}

.item-tab-ser{

    box-shadow: 0px 0px 5px 0px #ccc;

}

.group-content-tab .owl-carousel .owl-nav button.owl-next{

    position: absolute;

    top: 50%;

    right: 0;

    outline: unset;

    background: #99000d;

    border-radius: 50px;

    width: 60px;

    height: 60px;

    transform: translateY(-50%);

    z-index: 9;

    margin: 0;

}

.group-content-tab .owl-carousel .owl-nav button.owl-prev{

    position: absolute;

    top: 50%;

    left: 0;

    outline: unset;

    background: #99000d;

    border-radius: 50px;

    width: 60px;

    height: 60px;

    transform: translateY(-50%);

    z-index: 9;

    margin: 0;

}

.a-its{

    display: block;

    overflow: hidden;

    position: relative;

}

.a-its:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 50%;

    background-image: linear-gradient(rgba(153,0,13,0.6), transparent);

}

.a-its > img{

    width: 100%;

    height: 100vh;

    object-fit: cover;

}

.tit-its{

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    font-size: 24px;

    font-weight: 500;

    padding: 80px 20px 0;

    width: 100%;

    margin: 0;

}

.tit-its span{

    border-bottom: 1px solid #fff;

    display: inline-block;

    width: 100%;

    padding-bottom: 20px;

}

.num-its{

    position: absolute;

    color: #fff;

    font-size: 170px;

    bottom: 0;

    font-weight: 500;

    left: -50px;

    height: 130px;

    line-height: 130px;

    transition: all 0.3s;

}

.a-its:hover .num-its{

    left: 0;

    transition: all 0.3s;

}

.group-tab-ser .nav-tabs{

    border: none;

}

.group-tab-ser .nav-tabs>li{

    float: none;

    margin: 0;

}

.group-tab-ser .nav-tabs>li>a{

    border: none !important;

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

    border-radius: 0 !important;

    margin: 0;

    font-size: 24px;

    color: #99000d;

    font-weight: 700;

    padding: 20px 10px 20px 30px;

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.group-tab-ser .nav-tabs>li:last-child>a{

    border: none !important;

}

.group-tab-ser .nav-tabs>li.active>a{

    color: #fff;

    background: #99000d;

}

.group-tab-ser .nav-tabs>li>a:after{

    content: "";

    position: absolute;

    top: 0;

    left: 100%;

    width: 0;

    height: 100%;

    background: #99000d;

    display: block;

    z-index: 9;

}

.group-tab-ser .nav-tabs>li.active>a:after{

    width: 45px;

    transition: all 0.5s;

}

.icon-tab-ser{

    width: 45px;

    display: inline-block;

    margin-right: 30px;

}

.icon-tab-ser img:last-child{

    display: none;

}

.group-tab-ser .nav-tabs>li.active>a .icon-tab-ser img:last-child{

    display: inline-block;

}

.group-tab-ser .nav-tabs>li.active>a .icon-tab-ser img:first-child{

    display: none;

}

.name-ser{

    width: calc(100% - 75px);

    display: inline-block;

}

.sub-tit-pub-center{

    text-align: center;

    font-size: 24px;

    color: #99000d;

    margin-bottom: 15px;

}

.tit-pub-center{

    text-align: center;

    margin: 0;

    font-size: 30px;

    font-weight: 900;

    margin-bottom: 30px;

}

.cate-op{

    font-size: 18px;

    text-transform: uppercase;

}

.tit-op{

    font-size: 24px;

    font-weight: 700;

    margin: 20px 0;

    text-transform: uppercase;

}

.desc-op{

    margin-bottom: 20px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

}

.view-op{

    display: inline-block;

    padding: 5px 15px;

    color: #fff !important;

    background: #c1272d;

    border-radius: 50px;

}

.view-op:hover{

    box-shadow: 0 0 5px #c1272d;

}

.block-op{

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

    box-shadow: 0 0 10px #8a8a8a;

}

.img-op{

    width: 50%;

    display: block;

    height: 350px;

    overflow: hidden;

}

.img-op > img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.content-op{

    width: 50%;

    background: #fff;

    padding: 20px;

}

.block-slider-op{

    position: relative;

}

.item-op .block-op:last-child{

    margin: 0;

}

.item-op{

    padding: 10px;

}

.main-our-portfolio {

    max-height: 100vh;

    padding: 0 200px;

    overflow: hidden;

}

.main-our-portfolio:before{

    content: "";

    position: absolute;

    display: block;

    width: 20%;

    height: 100%;

    left: 0;

    top: 0;

    background: #c1272d;

}

.block-slider-op .owl-carousel .owl-stage-outer{

    margin-right: -200px;

}

.block-slider-op .owl-theme .owl-nav{

    margin: 0;

}

.block-slider-op .owl-carousel .owl-nav button.owl-next{

    position: absolute;

    top: 50%;

    right: -30px;

    outline: unset;

    background: #99000d;

    border-radius: 50px;

    width: 60px;

    height: 60px;

    transform: translateY(-50%);

    z-index: 9;

    margin: 0;

}

.block-slider-op .owl-carousel .owl-nav button.owl-prev{

    position: absolute;

    top: 50%;

    left: -30px;

    outline: unset;

    background: #99000d;

    border-radius: 50px;

    width: 60px;

    height: 60px;

    transform: translateY(-50%);

    z-index: 9;

    margin: 0;

}

.desc-wco{

    text-align: center;

    margin-bottom: 30px;

    position: relative;

    z-index: 9;

}

.main-why-choose-our{

    max-height: 100vh;

    padding: 0 200px;

    overflow: hidden;

}

.main-why-choose-our:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 70%;

    height: 100%;

    background: #ededed;

}

.group-tit-pub{

    position: relative;

    z-index: 9;

}

.block-tab-wco{

    position: relative;

    z-index: 9;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    width: 80%;

    margin-left: auto;

    height: calc(100% - 155px);

}

.block-tab-wco .tab-content{

    width: calc(100% - 100px);

    background: #fff;

    padding: 30px;

    box-shadow: 20px -7px 15px 0px #f9f9f9;

    height: 100%;

}

.block-tab-wco .tab-content>.tab-pane {

    height: 50vh;

    overflow: auto;

}

.block-tab-wco .nav-tabs{

    width: 100px;

    display: flex;

    flex-wrap: wrap;

}

.block-tab-wco .nav-tabs>li {

    float: none;

    margin: 0;

    width: 100%;

}

.block-tab-wco .nav-tabs>li>a {

    margin: 0;

    border-radius: 0 !important;

    border: none !important;

    display: flex;

    width: 100%;

    height: 100%;

    align-items: center;

    justify-content: center;

    font-size: 60px;

    color: #000;

    background: #eaeaea;

}

.block-tab-wco .nav-tabs>li.active>a{

    background: #fff;

    color: #99000d;

    font-weight: 700;

    box-shadow: 15px -10px 15px 0px #f9f9f9;

}

.tit-wco{

    font-size: 36px;

    font-weight: 700;

    margin: 0;

    margin-bottom: 30px;

}

.main-intro-recrui{

    max-height: 100vh;

    position: relative;

    padding: 0 200px;

    overflow: hidden;

}

.tit-line-sub{

    position: relative;

    padding-left: 40px;

    text-transform: uppercase;

    font-size: 24px;

    margin-bottom: 20px;

    font-weight: 700;

}

.tit-line-sub:before{

    content: "";

    position: absolute;

    width: 30px;

    height: 2px;

    background: #99000d;

    display: block;

    top: 10px;

    left: 0;

}

.tit-pub {

    margin: 0;

    font-size: 30px;

    font-weight: 900;

    margin-bottom: 30px;

}

.text-line{

    position: relative;

    display: inline-block;

    color: #000;

    font-weight: 700;

    padding-right: 10px;

}

.text-line:after{

    content: "";

    position: absolute;

    width: 130px;

    height: 3px;

    background: #99000d;

    display: block;

    left: 100%;

    top: 10px;

}

.banner-intro{

    position: relative;

    padding-right: 50px;

}

.banner-intro > img{

    position: relative;

    z-index: 2;

}

.banner-intro:before{

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 66%;

    background: #99000d;

    height: calc(100% + 60px);

}

.ul-recrui{

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.ul-recrui > li > a{

    display: block;

    padding: 10px 20px 10px 0;

    border-bottom: 1px solid #ccc;

    color: #000;

    font-size: 22px;

    position: relative;

    font-weight: 700;

}

.ul-recrui > li:last-child > a{

    border-bottom: none;

}

.ul-recrui > li > a:before{

    content: url(../img/arr-right-rec.png);

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}

.ul-recrui > li:hover > a{

    color: #99000d;

}

.block-footer-home{

    background: #99000d;

    padding: 0 200px;

}

.block-footer-home-top{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.block-social-ft{

    width: 90px;

}

.block-social-ft > a{

    width: 100%;

    padding: 25px 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.block-social-ft > a > img{

    width: 28px;

}

.content-footer-top{

    width: calc(100% - 90px);

    background: #fff;

    padding: 30px;

    position: relative;

}

.content-footer-top:after{

    content: "";

    position: absolute;

    top: 0;

    left: 100%;

    width: 200px;

    background: #fff;

    display: block;

    height: 100%;

}

.logo-ft{

    margin-bottom: 30px;

}

.tit-ft{

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 15px;

}

.block-form-newsleter input{

    width: 100%;

    padding: 6px 12px;

    border: 1px solid #ccc;

    margin-bottom: 10px;

}

.block-form-newsleter button{

    display: inline-block;

    background: #99000d;

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    padding: 9px 20px 6px;

    border: none;

    outline: unset;

}

.to-top{

    position: absolute;

    left: calc(100% + 60px);

    bottom: 10px;

    width: 80px;

    height: 80px;

    border: none;

    background: #99000d;

    display: flex;

    align-items: center;

    justify-content: center;

    outline: unset;

    z-index: 9;

}

.to-top > img{

    height: 50px;

}

.block-footer-home-bottom{

    padding: 15px 0;

    text-align: right;

    color: #fff;

}

.logo.over{

    visibility: hidden;

    opacity: 0;

}

.main-menu-home {

    height: 100%;

    width: 0;

    position: fixed;

    top: 0;

    left: 0;

    background-color: #99000d;

    overflow-x: hidden;

    transition: 0.5s;

    z-index: 990;

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.main-menu-home.active{

    width: 100%;

}

.menu-mobile {

    padding: 0;

    text-decoration: none;

    color: #818181;

    transition: 0.3s;

    list-style-type: none !important;

    margin: 0;

    width: 320px;

    max-height: 100vh;

    overflow-x: hidden;

    overflow-y: auto;

}

.menu-mobile li {

    margin: 0;

    background: unset;

    border: none;

    border-radius: 0;

    box-shadow: unset;

    border-bottom: 1px solid #b74c55;

}

.menu-mobile > li {

    margin: 0;

    background: unset;

    border: none;

    border-radius: 0;

    box-shadow: unset;

    opacity: 0;

    visibility: hidden;

    left: 320px;

    position: relative;

}

.menu-mobile li:last-child{

    border-bottom: none;

}

.phelp {

    position: relative;

}

.menu-mobile a {

    padding: 15px 30px;

    display: inline-block;

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    text-transform: capitalize;

    width: 100%;

    text-align: center;

}

.hassub-mb .phelp .a-icon {

    position: absolute;

    right: 0;

    z-index: 9999;

    text-align: center;

    width: 30px;

    padding: inherit;

    height: 100%;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.sub-menu-mb {

    padding: 0;

    list-style-type: none;

    margin: 0;

}

.sub-menu-mb > li {

    border-top: 1px solid #b74c55;

    border-bottom: none;

    background: #000;

}

.menu-mobile .sub-menu-mb a {

    width: 100%;

    padding: 15px;

}

.editer-ft p{

    font-size: 18px;

    margin-bottom: 10px;

}

.main-menu-home.active .menu-mobile > li{

    left: 0;

    visibility: visible;

    opacity: 1;

    transition: all 0.5s;

}

.main-menu-home.active .menu-mobile > li:nth-child(1){

    transition-delay: 0.5s;

}

.main-menu-home.active .menu-mobile > li:nth-child(2){

    transition-delay: 0.7s

}

.main-menu-home.active .menu-mobile > li:nth-child(3){

    transition-delay: 0.9s

}

.main-menu-home.active .menu-mobile > li:nth-child(4){

    transition-delay: 1.1s

}

.main-menu-home.active .menu-mobile > li:nth-child(5){

    transition-delay: 1.2s

}

.main-menu-home.active .menu-mobile > li:nth-child(6){

    transition-delay: 1.5s

}

.main-menu-home.active .menu-mobile > li:nth-child(7){

    transition-delay: 1.7s

}

.main-menu-home.active .menu-mobile > li:nth-child(8){

    transition-delay: 1.9s

}

.main-menu-home.active .menu-mobile > li:nth-child(9){

    transition-delay: 2.1s

}

.main-menu-home.active .menu-mobile > li:nth-child(10){

    transition-delay: 2.3s

}

body:not(.fp-viewing-0) .header-home{

    width: auto;

    left: unset;

    right: 0;

}

.owl-item {

    opacity: 0.5;

}

.owl-item.active {

    opacity: 1;

}

.block-slider-op .owl-carousel .owl-nav button.owl-prev.disabled,

.block-slider-op .owl-carousel .owl-nav button.owl-next.disabled,

.group-content-tab .owl-carousel .owl-nav button.owl-next.disabled,

.group-content-tab .owl-carousel .owl-nav button.owl-prev.disabled{

    display: none;

}

.main-our-team{

    max-height: 100vh;

    overflow: hidden;

    position: relative;

    padding: 0 200px;

}

.block-team {

    margin-bottom: 20px;

    position: relative;

    padding: 10px;

    height: 358px;

    overflow: hidden;

    background: #fff;

}

.block-team:hover{

    background: #99000d;

}

.avatar-team{

    position: relative;

    z-index: 2;

    text-align: center;

}

.avatar-team img{

    height: 300px;

    object-fit: contain;

    display: inline-block !important;

    width: auto !important;

    position: relative;

    z-index: 2;

}

.name-team {

    text-align: center;

    font-weight: 700;

    margin: 15px 0 10px;

    position: relative;

    z-index: 10;

}

.box-quote{

    position: relative;

    z-index: 10;

    padding: 0 25px;

    color: #fff;

    height: 42px;

    overflow: hidden;

}

.block-team:hover .avatar-team{

    text-align: left;

}

.block-team:hover .avatar-team img{

    height: 200px;

    transition: height 0.5s;

}

.block-team:hover .social-team{

    visibility: visible;

    transition-delay: 0.3s;

}

.block-team:hover .avatar-team:before {

    content: "";

    position: absolute;

    top: 20px;

    left: 40px;

    width: 150px;

    height: 100%;

    border: 1px solid #ef6060;

    background: #fff;

}

.social-team {

    display: flex;

    flex-direction: column;

    position: absolute;

    right: 10px;

    top: 25px;

    z-index: 11;

    visibility: hidden;

}

.social-team > a{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

}

.social-team > a > img {

    width: auto !important;

    display: inline-block !important;

    height: 20px;

}

.icon-qt-1 {

    position: absolute;

    font-size: 50px;

    left: 0;

    top: 0px;

    height: 15px;

    line-height: 43px;

    color: #b67272;

    opacity: 0;

    visibility: hidden;

}

.icon-qt-2 {

    position: absolute;

    font-size: 50px;

    right: 0;

    bottom: 0px;

    height: 25px;

    line-height: 0px;

    color: #b67272;

    opacity: 0;

    visibility: hidden;

}

.block-team:hover .name-team {

    color: #fff;

    text-align: left;

    margin-top: 30px;

}

.block-team:hover:before{

    height: calc(100% + 52px);

    transition: height 0.3s;

}

.block-team:hover .box-quote{

    visibility: visible;

    transition-delay: 0.3s

}

.block-team:hover .avatar-team{

    z-index: 10;

}

.block-team:hover .icon-qt-1,

.block-team:hover .icon-qt-2{

    opacity: 1;

    visibility: visible;

    transition-delay: 0.3s;

}

.not-enough .owl-carousel .owl-stage{

    width: 100% !important;

    display: flex;

}

.not-enough .owl-carousel .owl-item{

    flex: 1;

}

.block-services-home .fade {

    transition-delay: 0.4s;

}

.item-sl-ser > a{

    border: none !important;

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

    border-radius: 0 !important;

    margin: 0;

    font-size: 24px;

    font-weight: 700;

    padding: 10px 20px;

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    color: #fff;

    background: #99000d;

}

.item-sl-ser .icon-tab-ser img:last-child{

    display: inline-block;

}

.item-sl-ser .icon-tab-ser img:first-child{

    display: none;

}

.item-sl-ser .name-ser{

    white-space: nowrap;

}

.block-slider-ser{

    position: relative;

}

.block-slider-ser .owl-item {

    opacity: 1;

}

.logo-not-home{

    position: absolute;

    top: 10px;

    left: 200px;

    z-index: 99;

}

.not-home {

    position: fixed;

    top: 25px;

    right: 200px;

    z-index: 999;

}

.main-banner-page{

    position: relative;

}

.main-banner-page > img{

    width: 100%;

    min-height: 300px;

    object-fit: cover;

    opacity: 0;

}

.social-page{

    position: absolute;

    left: 0;

    top: 0;

    width: 170px;

    height: 100%;

    border-right: 1px solid #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.social-page > a{

    display: inline-block;

    margin: 20px 0;

}

.social-page > a > img{

    width: 40px;

}

.tit-page{

    position: absolute;

    left: 170px;

    bottom: 150px;

    z-index: 2;

    font-size: 60px;

    color: #fff;

    font-weight: 900;

    border-left: 20px solid #99000d;

    padding-left: 20px;

    margin: 0;

}

.block-nav-intro{

    display: flex;

    align-items: center;

    justify-content: center;

    position: sticky;

    top: 0;

    z-index: 99;

    width: 100%;

    margin-top: -20px;

}

.block-nav-intro > a{

    display: inline-block;

    padding: 10px;

    font-size: 18px;

    font-weight: 700;

    color: #99000d !important;

    border: 1px solid #99000d;

    background: #fff;

    margin: 0 10px;

    transition: all 0.5s;

}

.block-nav-intro.bni-active > a{

    font-size: 13px;

    transition: all 0.5s;

}

.block-nav-intro.bni-active{

    background: rgba(255,255,255,.3);

    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);

}

.block-nav-intro > a.active,

.block-nav-intro > a:hover{

    background: #99000d;

    color: #fff !important;

}

.sec-intro{

    padding: 60px 200px;

}

.tit-intro-page{

    text-align: center;

    font-weight: 700;

    margin: 0;

    margin-bottom: 30px;

    font-size: 30px;

    text-transform: uppercase;

}

.group-vision-mission{

    display: flex;

    align-items: center;

    justify-content: center;

}

.group-vision { 

    position: relative;

    width: 25%;

    padding-bottom: 25%;

    top: 60px;

}

.inside-vision {

    position: absolute;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}

.inside-vision:before{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(204,0,0,0.5);

    top: 0;

    left: 0;

    position: absolute;

    border-radius: 50%;

    animation-name: scal;

    animation-duration: 10s;

    animation-iteration-count: infinite;

}

.tit-vimi{

    color: #fff;

    font-size: 24px;

    margin: 0;

    margin-bottom: 30px;

    text-align: center;

    text-transform: uppercase;

}

.desc-vimi{

    color: #fff;

    text-align: center;

}

.desc-vimi p{

    margin-bottom: 10px;

}

.desc-vimi p:last-child{

    margin: 0;

}

.content-vision{

    padding: 0 30px;

    position: relative;

    z-index: 2;

}

.group-mision { 

    position: relative;

    width: 25%;

    padding-bottom: 25%;

}

.inside-mision {

    position: absolute;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}

.inside-mision:before{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(153,0,13,0.5);

    top: 0;

    left: 0;

    position: absolute;

    border-radius: 50%;

    animation-name: scal;

    animation-duration: 10s;

    animation-iteration-count: infinite;

}

.content-mision{

    padding: 0 30px;

    position: relative;

    z-index: 2;

}

.group-core-value { 

    position: relative;

    width: 50%;

    padding-bottom: 50%;

}

.inside-core-value {

    position: absolute;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}

.inside-core-value:before{

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(153,0,13,0.5);

    top: 0;

    left: 0;

    position: absolute;

    border-radius: 50%;

    animation-name: scal;

    animation-duration: 10s;

    animation-iteration-count: infinite;

}

.content-core-value{

    padding: 0 60px;

    position: relative;

    z-index: 2;

}

@keyframes scal {

  0%   {transform: scale(0.95);}

  25%  {transform: scale(1.05);}

  50%  {transform: scale(0.95);}

  75%  {transform: scale(1.05);}

  100% {transform: scale(0.95);}

}

.block-sodo{

    text-align: center;

}

.sub-tit-intro {

    text-align: center;

    font-size: 18px;

    margin-bottom: 40px;

}

.img-activate {

    display: block;

    overflow: hidden;

}

.img-activate img {

    width: 100%;

    transform: scale(1);

    transition: all 0.3s;

}

.img-activate:hover img {

    transition: all 0.3s;

    transform: scale(1.2);

}

.tit-activate {

    font-size: 20px;

    margin: 20px 0 15px;

    font-weight: 700;

    text-transform: uppercase;

}

.date-activate {

    font-size: 18px;

}

.block-activate {

    margin-bottom: 30px;

}

.tit-business-areas{

    font-size: 30px;

    font-weight: 800;

    text-transform: uppercase;

    margin: 0;

    margin-bottom: 5px;

}

.sub-tit-business-areas{

    font-size: 24px;

    color: #99000d;

    text-transform: uppercase;

}

.container-pub{

    padding: 40px 200px;

}

.box-tit-business-areas{

    margin-bottom: 30px;

}

.box-tit-business-areas:after{

    content: "";

    display: block;

    width: 255px;

    height: 2px;

    background: #000;

    margin-top: 5px;

}

.content-business-areas{

    border: 1px solid #99000d;

    border-radius: 5px;

    padding: 5px;

}

.text-business-areas{

    border-radius: 5px;

    background: #99000d;

    padding: 20px;

}

.text-business-areas .editer p{

    color: #fff;

}

.text-business-areas .editer p:last-child{

    margin: 0;

}

.block-slider-ba{

    position: relative;

    padding: 0 75px;

}

.block-slider-ba .owl-theme .owl-nav{

    margin: 0;

}

.block-slider-ba .owl-carousel .owl-nav button.owl-next{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    margin: 0;

    outline: unset;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    z-index: 9;

    right: -75px;

    outline: unset;

    background: #e7e7e7;

    box-shadow: 0 0 10px #ccc;

}

.block-slider-ba .owl-carousel .owl-nav button.owl-prev{

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    margin: 0;

    outline: unset;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    z-index: 9;

    left: -75px;

    outline: unset;

    background: #e7e7e7;

    box-shadow: 0 0 10px #ccc;

}

.block-slider-ba .owl-carousel .owl-nav button.owl-next img,

.block-slider-ba .owl-carousel .owl-nav button.owl-prev img{

    width: 20px;

}

.box-tit-ba {

    display: flex;

    align-items: flex-end;

    justify-content: flex-end;

    padding: 0 40px;

    position: absolute;

    bottom: -39px;

    left: 0;

    width: 100%;

}

.tit-ba{

    min-height: 78px;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 10px 20px;

    box-shadow: 0 0 5px #ccc;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0;

    max-width: calc(100% - 93px);

    position: relative;

    left: -40px;

    opacity: 0;

    visibility: hidden;

}

.btn-ba{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 78px;

    height: 78px;

    margin-left: 15px;

    background: #99000d;

    box-shadow: 0 0 5px #666;

    position: relative;

    right: -40px;

    opacity: 0;

    visibility: hidden;

}

.block-slider-ba .owl-item.active .tit-ba{

    left: 0;

    transition: all 0.5s;

    transition-delay: 1s;

    opacity: 1;

    visibility: visible;

}

.block-slider-ba .owl-item.active .btn-ba{

    right: 0;

    transition: all 0.5s;

    transition-delay: 1s;

    opacity: 1;

    visibility: visible;

}

.btn-ba img{

    display: inline-block !important;

    width: auto !important;

}

.item-ba{

    position: relative;

    margin-bottom: 45px;

}

.img-ba{

    display: block;

    overflow: hidden;

    border-radius: 4px;

}

.main-business-areas .block-business-areas:nth-child(even){

    background: #eeeeee;

}

.block-big-news {

    margin-bottom: 30px;

}

.main-news-page {

    background: #f8f9fa;

}

.block-news {

    background: #fff;

    margin-bottom: 30px;

}

.img-news {

    display: block;

    overflow: hidden;

}

.img-news img {

    transition: all 0.3s;

    transform: scale(1);

}

.img-news:hover img {

    transition: all 0.3s;

    transform: scale(1.2);

}

.block-big-news .info-news {

    padding: 30px 20px 20px 20px;

}

.tit-news-web {

    margin: 0;

    font-weight: 700;

    font-size: 24px;

    margin-bottom: 20px;

}

.des-news-web {

    margin-bottom: 20px;

}

.read-more {

    display: inline-block;

    padding: 3px;

}

.read-more img {

    transition: all 0.3s;

    left: 0;

    position: relative;

}

.read-more:hover img {

    transition: all 0.3s;

    left: 20px;

}

.item-lnp {

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

    border: 1px solid #dfdfdf;

}

.img-item-lnp {

    display: block;

    width: 30%;

    overflow: hidden;

}



.img-item-lnp img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transform: scale(1);

    transition: all 0.3s;

}

.img-item-lnp:hover img {

    transition: all 0.3s;

    transform: scale(1.2);

}

.info-item-lnp {

    width: 70%;

    background: #fff;

    padding: 20px;

}

.pagi{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}

.pagi a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    border: 1px solid #99000d;

    border-radius: 50px;

    background: #fefbfc;

    color: #99000d;

    margin: 0 5px;

}

.pagi a.active,

.pagi a:hover{

    background: #99000d;

    color: #fff;

}

.block-aside-news {

    background: #fff;

    box-shadow: 0 0 7px #ccc;

    margin-bottom: 30px;

    padding: 20px;

}

.tit-aside {

    font-size: 24px;

    color: #99000d;

    font-weight: 700;

    margin-bottom: 20px;

}

.ul-cate-aside {

    list-style-type: none;

    padding: 0;

    padding-left: 10px;

    margin: 0;

}

.ul-cate-aside > li {

    margin-bottom: 10px;

}

.ul-cate-aside > li > a {

    font-size: 16px;

}

.block-aside-form {

    background: #fff;

    padding: 20px;

    margin-bottom: 30px;

    border: 1px solid #99000d;

}

.box-form-aside form input {

    display: block;

    width: 100%;

    padding: 10px;

    font-size: 18px;

    background: #fefbfc;

    border: 1px solid #ccc;

}

.box-form-aside form button {

    display: block;

    position: relative;

    padding: 10px 40px 10px 10px;

    background: #99000d;

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    border: none;

    width: 100%;

    margin-top: 20px;

    text-align: left;

}

.box-form-aside form button img {

    width: 25px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 10px;

}

.box-form-aside form button:hover img {

    animation-name: anima;

    animation-duration: 1s;

    animation-iteration-count: infinite;

}

@keyframes anima {

    0%   {transform: translate(5px,-50%);}

    50%  {transform: translate(-5px,-50%);}

    100% {transform: translate(5px,-50%);}

}

.ul-news-aside {

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.ul-news-aside > li {

    margin-bottom: 10px;

}

.ul-news-aside > li > a {

    font-size: 16px;

    font-weight: 700;

}

.box-content-news {

    background: #fff;

    border: 1px solid #ccc;

    padding: 20px;

}

.block-mucluc {

    background: #f4f4f4;

    padding: 20px;

}

.top-mucluc {

    display: flex;

    align-items: center;

    justify-content: space-between;

    cursor: pointer;

}

.content-mucluc {

    text-transform: uppercase;

    font-size: 22px;

    font-weight: 700;

    margin: 0;

    margin-left: 20px;

}

.bottom-mucluc {

    margin-top: 30px;

    display: none;

}

.bottom-mucluc ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.bottom-mucluc > ul li {

    margin-bottom: 10px;

}

.bottom-mucluc ul li a {

    font-size: 16px;

    color: #000;

}

.bottom-mucluc > ul > li > a {

    font-weight: 700;

}

.bottom-mucluc > ul > li > a:before {

    content: "";

    display: inline-block;

    width: 9px;

    height: 9px;

    background: #000;

    margin-right: 15px;

    position: relative;

    top: -3px;

}

.bottom-mucluc ul ul {

    list-style-type: none;

    padding-left: 20px;

    margin: 0;

    margin-top: 10px;

}

.bottom-mucluc ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.bottom-mucluc > ul li {

    margin-bottom: 10px;

}

.bottom-mucluc ul li a {

    font-size: 16px;

    color: #000;

}

.block-content-news {

    margin: 20px 0;

}

.box-control-news {

    padding: 20px 0;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}

.tit-control-news {

    text-transform: uppercase;

    margin-bottom: 10px;

    font-size: 16px;

}

.link-control-news {

    font-weight: 700;

    font-size: 16px;

}

.block-rating {

    padding: 20px 0;

}

.tit-rat {

    color: #99000d;

    font-size: 24px;

    font-weight: 800;

    margin: 0;

    margin-bottom: 20px;

}

.gr-rat {

    display: flex;

    justify-content: space-between;

    margin-bottom: 15px;

}

.label-rat {

    padding-top: 7px;

    width: 150px;

}

.flex-rat{

    width: calc(100% - 150px);

    display: flex;

}

.rate {

    height: 34px;

    padding: 0;

    position: relative;

    overflow: hidden;

}

.rate:not(:checked) > input {

    position:absolute;

    top:-18px;

}

.rate:not(:checked) > label {

    float:right;

    width:1em;

    overflow:hidden;

    white-space:nowrap;

    cursor:pointer;

    font-size:24px;

    color:#ccc;

    margin: 0;

}

.rate:not(:checked) > label:before {

    content: '★';

}

.rate > input:checked ~ label {

    color: #ffc700;    

}

.rate:not(:checked) > label:hover,

.rate:not(:checked) > label:hover ~ label {

    color: #deb217;  

}

.rate > input:checked + label:hover,

.rate > input:checked + label:hover ~ label,

.rate > input:checked ~ label:hover,

.rate > input:checked ~ label:hover ~ label,

.rate > label:hover ~ input:checked ~ label {

    color: #c59b08;

}

.gr-rat input, .gr-rat textarea {

    border: 1px solid #ccc;

    border-radius: 4px;

    padding: 6px 12px;

    width: calc(100% - 150px);

    outline: unset;

}

.btn-rat {

    width: calc(100% - 150px);

}

.add-rat {

    padding: 10px 20px;

    border-radius: 4px;

    background: #99000d;

    color: #fff;

    outline: unset;

    border: none;

}

.block-list-rat {

    margin-top: 10px;

}

.item-list-rat {

    margin-bottom: 15px;

    padding-bottom: 15px;

    border-bottom: 1px solid #ccc;

}

.top-list-rat {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}

.avatar-rat {

    width: 50px;

    margin-right: 15px;

}

.name-rat {

    font-size: 16px;

    font-weight: 700;

    margin-right: 15px;

}

.star-rat {

    display: flex;

    align-items: center;

}

.star-rat span {

    color: orange;

    font-size: 18px;

}

.block-list-rat .item-list-rat:last-child {

    padding: 0;

    border: none;

}

.block-tab-recrui table {

    width: 100%;

}

.block-tab-recrui table tr {

    border-bottom: 1px solid #ccc;

}

.block-tab-recrui table tr th {

    font-size: 18px;

    font-weight: 700;

    padding: 15px 10px;

}

.block-tab-recrui table tr td {

    padding: 15px 10px;

    font-size: 16px;

}

.name-job-recrui {

    color: #99000d;

    font-size: 16px;

    font-weight: 700;

}

.view-recrui {

    padding: 5px 10px;

    border-radius: 4px;

    border: 1px solid #99000d;

    color: #99000d !important;

    white-space: nowrap;

}

.main-who-are-we {

    position: relative;

}

.main-who-are-we:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 60%;

    height: 50%;

    background: #f5f5f5;

}

.tit-waw {

    font-size: 32px;

    font-weight: 800;

    color: #99000d;

    margin: 0;

}

.des-wc {

    margin-bottom: 30px;

}

.block-tab-package .nav-tabs {

    border: none;

}

.block-tab-package .nav-tabs>li {

    float: none;

    margin-bottom: 20px;

}

.block-tab-package .nav-tabs>li>a {

    margin: 0;

    border-radius: 6px;

    border: 1px solid #dfdfe0;

    padding: 20px 30px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    position: relative;

}

.block-tab-package .nav-tabs>li.active>a, .block-tab-package .nav-tabs>li.active>a:focus, .block-tab-package .nav-tabs>li.active>a:hover {

    border: 1px solid #fff;

    box-shadow: 0 0 5px #ccc;

}

.block-tab-package .nav-tabs>li>a:before {

    content: "";

    position: absolute;

    display: block;

    width: 0;

    height: 1px;

    background: #99000d;

    top: 45px;

    left: -20px;

    transition: width 0.3s;

}

.block-tab-package .nav-tabs>li.active>a:before {

    width: 40px;

    transition: width 0.3s;

}

.icon-pac-tab {

    width: 50px;

}

.text-pac-tab {

    width: calc(100% - 70px);

}

.tit-pac-tab {

    display: block;

    font-size: 18px;

    font-weight: 700;

    color: #99000d;

    margin-top: 15px;

}

.des-pac-tab {

    font-size: 16px;

    margin-top: 10px;

    display: none;

}

.block-tab-package .nav-tabs>li.active>a .des-pac-tab {

    display: block;

}

.block-tab-package .nav-tabs>li:last-child {

    margin: 0;

}

.sub-tit-pub-center {

    text-align: center;

    font-size: 15px;

    margin-bottom: 40px;

}

.block-slider-work {

    position: relative;

    overflow: hidden;

    margin-left: calc(50% - 785px);

}

.block-slider-work .slider-work {

    width: 1200px;

    position: relative;

}

.block-slider-work .owl-carousel .owl-stage-outer {

    margin-right: -50%;

}

.item-sl-work {

    position: relative;

    overflow: hidden;

}

.item-sl-work:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 20%;

    height: 100%;

    background-image: linear-gradient(to right, transparent , rgba(0,0,0,0.7));

}

.content-sl-work {

    position: absolute;

    top: 40px;

    right: 40px;

    z-index: 9;

}

.number-sl-work {

    font-size: 123px;

    color: transparent;

    font-weight: 800;

    -webkit-text-stroke: 1px #fff;

}

.text-sl-work {

    font-size: 24px;

    color: #fff;

    font-weight: 700;

}

.block-slider-work .owl-theme .owl-nav {

    margin: 0;

}

.block-slider-work .owl-carousel .owl-nav button.owl-prev {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100px;

    height: 100px;

    border: 10px solid #d3d3d3;

    background: #99000d;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    outline: unset;

    left: -50px;

    border-radius: 50%;

    display: none;

}

.block-slider-work .owl-carousel .owl-nav button.owl-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100px;

    height: 100px;

    border: 10px solid #d3d3d3;

    background: #99000d;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    outline: unset;

    right: -50px;

    border-radius: 50%;

}

.load-more {

    display: inline-block;

    padding: 7px 30px;

    border-radius: 6px;

    border: 1px solid #99000d;

    background: #fff;

    color: #99000d !important;

}

.load-more:hover {

    color: #fff !important;

    background: #99000d;

    box-shadow: 0 0 7px #99000d;

}

.item-team-rec {

    background: #f5f5f5;

    border-radius: 6px;

    border: 1px solid #ccc;

    padding: 40px 20px;

    height: calc(100% - 30px);

    margin-bottom: 30px;

}

.avatar-team-rec {

    text-align: center;

}

.name-team-rec {

    text-align: center;

    font-size: 16px;

    font-weight: 700;

    text-align: center;

    margin: 20px 0;

}

.name-team-rec:after {

    content: "";

    display: block;

    margin: 0 auto;

    margin-top: 20px;

    width: 60px;

    height: 6px;

    background: #99000d;

}

.position-team-rec {

    text-align: center;

}

.flex-team {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}

.view-recrui img {

    margin-left: 7px;

}

.tit-recrui-detail {

    font-size: 32px;

    font-weight: 800;

    margin: 0;

    margin-bottom: 20px;

}

.type-time {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-bottom: 15px;

}

.item-type-time {

    display: flex;

    align-items: center;

}

.item-type-time img {

    height: 30px;

    margin-right: 15px;

}

.item-type-time span {

    font-size: 20px;

}

.line-rec {

    display: block;

    width: 300px;

    height: 1px;

    margin-top: 15px;

    background: #000;

    margin-bottom: 30px;

}

.block-form-recrui {

    background: #f5f5f5;

    padding: 30px 20px;

    border: 1px solid #ccc;

    border-radius: 6px;

}

.tit-form-recrui {

    font-size: 24px;

    color: #99000d;

    font-weight: 800;

    margin-bottom: 20px;

}

.des-form-recrui {

    margin-bottom: 20px;

}

.label-recrui {

    margin-bottom: 10px;

}

.upload-btn-wrapper {

    position: relative;

    overflow: hidden;

    display: inline-block;

    width: 110px;

}

.btn-apply {

    border: 1px solid #9a9999;

    background-color: #cccccc;

    padding: 8px 10px 5px 10px;

    font-size: 15px;

    color: #000;

    border-radius: 4px;

}

.block-form-recrui .btn-apply {

    font-size: 14px;

    background: #dddddd;

    min-width: 100px;

}

.upload-btn-wrapper input[type=file] {

    font-size: 100px;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

}

.taildot-rec {

    width: calc(100% - 110px);

    margin-left: 10px;

}

.cancel-rec {

    width: calc(50% - 15px);

    height: 50px;

    border: 1px solid #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

    outline: unset;

    box-shadow: unset;

    background: #dddddd;

    text-transform: uppercase;

}

.submit-rec {

    width: calc(50% - 15px);

    height: 50px;

    border: 1px solid #99000d;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    outline: unset;

    box-shadow: unset;

    background: #99000d;

    text-transform: uppercase;

    font-weight: 700;

}

.block-item-contact {

    border: 1px solid #ccc;

    border-radius: 6px;

    padding: 20px 30px;

}

.tit-bic {

    font-size: 24px;

    font-weight: 800;

    margin-bottom: 20px;

}

.des-bic {

    font-size: 16px;

    margin-bottom: 20px;

}

.email-bic {

    color: #99000d;

    font-size: 16px;

}

.block-item-contact:before {

    content: "";

    position: absolute;

    top: 37px;

    left: -5px;

    width: 0;

    height: 2px;

    background: #99000d;

    transition: width 0.3s;

}

.block-item-contact:hover:before {

    width: 40px;

    transition: width 0.3s;

}

.tit-contact-page {

    font-size: 24px;

    font-weight: 800;

    margin: 0;

    margin-bottom: 20px;

}

.des-contact-page {

    margin-bottom: 30px;

}

.box-field-contact {

    border-right: 1px solid #ccc;

    padding-right: 30px;

}

.gr-ipct {

    margin-bottom: 50px;

}

.gr-ipct input, .gr-ipct textarea {

    border: none;

    border-bottom: 1px solid #ccc;

    padding: 15px 0;

    background: none;

    outline: unset;

    box-shadow: unset;

    width: 100%;

}

.wrap-select-arrow-ct {

    position: relative;

    margin-bottom: 50px;

}

.wrap-select-arrow-ct select {

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    height: auto;

    background: no-repeat;

    border: none !important;

    box-shadow: unset !important;

    outline: unset !important;

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

    border-radius: 0;

    padding: 15px 0;

    color: #757575;

}

.select-arrow-ct {

    position: absolute;

    top: 50%;

    right: 0;

    padding: 8px 10px;

    pointer-events: none;

    transform: translateY(-50%);

}

.btn-send-contact {

    display: inline-block;

    background: #99000d;

    color: #fff;

    font-size: 15px;

    font-weight: 700;

    padding: 10px 40px;

    position: relative;

    outline: unset;

    border: 1px solid #99000d;

}

.editer-contact p {

    margin-bottom: 20px;

}

.ocean {

    height: 5%;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    background: #e27982;

    z-index: -1;

}

.wave {

    background: url(../img/wave.svg) repeat-x;

    position: absolute;

    top: -198px;

    width: 6400px;

    height: 198px;

    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;

    transform: translate3d(0, 0, 0);

}

.wave:nth-of-type(2) {

    top: -175px;

    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;

    opacity: 1;

}

@keyframes wave {

    0% {

        margin-left: 0;

    }

    100% {

        margin-left: -1600px;

    }

}

@keyframes swell {

    0%,

    100% {

        transform: translate3d(0, -25px, 0);

    }

    50% {

        transform: translate3d(0, 5px, 0);

    }

}

#sec-1{

    position: relative;

    overflow: hidden;

}

#my-scrollbar{

    height: 100vh;

    width: 100%;

    overflow: auto;

}

.bl-slider-team {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
}














@media (max-width: 1699px){

    .main-header-home{

        padding: 0 100px;

    }

    .block-slider-banner .owl-carousel .owl-item.active .tit-banner{

        left: 100px;

        font-size: 40px;

        bottom: 50px;

    }

    .name-ser{

        font-size: 20px;

    }

    .block-slider-banner .owl-theme .owl-dots .owl-dot button:before{

        height: 55px;

    }

    .icon-tab-ser{

        width: 35px;

    }

    .group-tab-ser .nav-tabs>li>a{

        padding: 20px 10px 20px 20px;

    }

    .icon-tab-ser{

        margin-right: 20px;

    }

    .num-its{

        font-size: 140px;

    }

    .img-op{

        height: 300px;

    }

    .cate-op{

        font-size: 16px;

    }

    .tit-op {

        font-size: 20px;

        margin: 10px 0;

    }

    .main-why-choose-our{

        padding: 0 100px;

    }

    .sub-tit-pub-center {

        font-size: 22px;

        margin-bottom: 10px;

    }

    .tit-pub-center {

        font-size: 26px;

        margin-bottom: 20px;

    }

    .tit-wco {

        font-size: 30px;

        margin-bottom: 20px;

    }

    .block-tab-wco .nav-tabs>li>a{

        font-size: 44px;

    }

    .tit-line-sub {

        font-size: 22px;

        margin-bottom: 10px;

    }

    .tit-line-sub:before{

        top: 15px;

    }

    .tit-pub {

        font-size: 26px;

        margin-bottom: 20px;

    }

    .ul-recrui > li > a{

        font-size: 18px;

    }

    .editer-ft p{

        font-size: 15px;

    }

    .block-slider-banner .owl-theme .owl-nav.disabled+.owl-dots{

        left: 100px;

    }

    .main-our-portfolio {

        padding: 0 100px;

    }

    .main-our-team{

        padding: 0 100px;

        padding-top: 20px;

    }

    .sec-intro {

        padding: 60px 100px;

    }

    .block-tab-wco{

        width: 90%;

    }

    .main-intro-recrui{

        padding: 0 100px;

    }

    .block-footer-home{

        padding: 0 100px;

    }

    .content-footer-top:after{

        width: 100px;

    }

    .to-top{

        left: 100%;

        width: 60px;

        height: 60px;

    }

    .to-top > img{

        height: 40px;

    }

    .tit-ser{

        font-size: 26px;

    }

    .tit-ser-sub{

        font-size: 22px;

    }

    .block-team {

        height: 325px;

    }

    .avatar-team img{

        height: 270px;

    }

    .block-team{

        margin-bottom: 5px;

    }

    .item-team .block-team:last-child{

        margin-bottom: 0;

    }

    .not-home{

        right: 100px;

    }

    .logo-not-home{

        left: 100px;

    }

    .social-page{

        width: 70px;

    }

    .tit-page{

        left: 70px;

    }

    .container-pub{

        padding: 40px 100px;

    }

    .block-slider-work {

        margin-left: calc(50% - 635px);

    }

    .block-slider-work .slider-work {

        width: 1000px;

    }

}



@media (max-width: 1439px){

    .main-header-home {

        padding: 0 50px;

    }

    .block-slider-banner .owl-theme .owl-nav.disabled+.owl-dots {

        left: 50px;

    }

    .block-slider-banner .owl-carousel .owl-item.active .tit-banner {

        left: 50px;

        font-size: 36px;

        bottom: 50px;

    }

    .name-ser {

        font-size: 18px;

    }

    .group-tab-ser .nav-tabs>li>a {

        padding: 10px 10px 10px 20px;

    }

    .tit-its {

        font-size: 20px;

        padding: 50px 20px 0;

    }

    .img-op {

        height: 250px;

    }

    .desc-op {

        -webkit-line-clamp: 4;

    }

    .sub-tit-pub-center{

        margin-bottom: 5px;

    }

    .tit-op{

        font-size: 18px;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

    }

    .cate-op {

        font-size: 15px;

    }

    .main-our-portfolio {

        padding: 0 50px;

    }

    .tit-pub-center {

        margin-bottom: 10px;

    }

    .ul-recrui > li > a {

        font-size: 16px;

    }

    .img-banner{

        width: 80%;

    }

    .main-why-choose-our{

        padding: 0 50px;

    }

    .main-intro-recrui{

        padding: 0 50px;

    }

    .block-footer-home{

        padding: 0 50px;

    }

    .main-our-team{

        padding: 0 50px;

        padding-top: 20px;

    }

    .avatar-team img{

        height: 210px;

    }

    .block-team:hover .avatar-team img {

        height: 150px;

    }

    .block-team {

        height: 270px;

    }

    .block-team:hover .avatar-team:before{

        width: 120px;

        left: 20px;

    }

    .block-team{

        margin-bottom: 5px;

    }

    .item-team .block-team:last-child{

        margin-bottom: 0;

    }

    .sec-intro {

        padding: 60px 50px;

    }

    .not-home{

        right: 50px;

    }

    .logo-not-home{

        left: 50px;

    }

    .footer-nothome .to-top{

        left: calc(100% - 20px);

    }

    .content-footer-top:after{

        width: 50px;

    }

    .container-pub{

        padding: 40px 50px;

    }

    .block-slider-work {

        margin-left: calc(50% - 570px);

    }

}



@media (max-width: 1199px){

    .show1199{display: block;}

    .hide1199{display: none;}

    .content-footer-top:after{

        content: unset;

    }

    .tit-page {

        bottom: 100px;

        font-size: 50px;

    }

    .group-vision-mission{

        flex-wrap: wrap;

    }

    .group-vision {

        width: 50%;

        padding-bottom: 50%;

        right: 0; 

        top: 0; 

    }

    .group-mision {

        width: 50%;

        padding-bottom: 50%;

    }

    .group-core-value {

        left: 0; 

        top: -80px;

        width: 70%;

        padding-bottom: 70%;

    }

    .footer-nothome .to-top {

        left: unset;

        right: 1px;

        bottom: 1px;

    }

    .tit-ba{

        font-size: 20px;

    }

    .block-slider-ba{

        padding: 0 60px;

    }

    .block-slider-work {

        margin-left: 0;

        width: calc(100% - 30px);

        margin: 0 auto;

    }

    .block-slider-work .slider-work {

        width: 100%;

    }

    .block-slider-work .owl-carousel .owl-stage-outer {

        margin: 0;

    }

    .item-sl-work:before {

        right: unset;

        left: 0;

        background-image: linear-gradient(to right , rgba(0,0,0,0.7) , transparent);

    }

    .content-sl-work {

        top: 50%;

        left: 20px;

        transform: translateY(-50%);

        right: unset;

    }

    .block-slider-work .owl-carousel .owl-nav button.owl-next {

        right: 0;

    }

}



@media (max-width: 991px){

    .show991{display: block;}

    .hide991{display: none;}

    body{transition: all 0.3s;}

    .main-header-home {

        padding: 0 15px;

    }

    .block-slider-banner .owl-carousel .owl-item.active .tit-banner {

        left: 15px;

        font-size: 24px;

        bottom: 30px;

    }

    .block-slider-banner .owl-theme .owl-nav.disabled+.owl-dots {

        left: 15px;

    }

    .img-banner {

        width: calc(100% - 55px);

    }

    .fp-tableCell,.fp-section.fp-table, .fp-slide.fp-table{

        display: block !important;

        height: auto !important;

    }

    .img-banner{

        height: auto;

    }

    .a-its > img{

        height: auto;

    }

    .block-services-home{

        display: block;

    }

    .group-tab-ser{

        width: 100%;

        margin-bottom: 20px;

    }

    .main-services-home {

        padding: 30px 15px;

    }

    .block-desc-ser-home{

        padding: 0;

    }

    .group-content-ser{

        width: 100%;

    }

    .block-slider-op .owl-carousel .owl-stage-outer{

        margin-right: 0;

    }

    .group-tab-ser .nav-tabs>li.active>a:after{

        content: unset;

    }

    .main-our-portfolio {

        padding: 30px 15px;

        height: auto;

        max-height: unset;

    }

    .main-why-choose-our{

        height: auto;

        max-height: unset;

    }

    .main-intro-recrui{

        height: auto;

        max-height: unset;

    }

    .block-slider-op .owl-carousel .owl-nav button.owl-next{

        right: 0;

        width: 40px;

        height: 40px;

    }

    .block-slider-op .owl-carousel .owl-nav button.owl-prev{

        left: 0;

        width: 40px;

        height: 40px;

    }

    .group-content-tab .owl-carousel .owl-nav button.owl-next{

        width: 40px;

        height: 40px;

    }

    .group-content-tab .owl-carousel .owl-nav button.owl-prev{

        width: 40px;

        height: 40px;

    }

    .block-slider-op .owl-carousel .owl-nav button.owl-next img,

    .block-slider-op .owl-carousel .owl-nav button.owl-prev img,

    .group-content-tab .owl-carousel .owl-nav button.owl-next img,

    .group-content-tab .owl-carousel .owl-nav button.owl-prev img{

        width: 10px;

    }

    .main-why-choose-our{

        padding: 30px 15px;

    }

    .block-tab-wco{

        width: 100%;

    }

    .block-tab-wco .nav-tabs>li>a {

        font-size: 30px;

    }

    .block-tab-wco .nav-tabs{

        width: 60px;

    }

    .block-tab-wco .tab-content{

        width: calc(100% - 60px);

        padding: 15px;

    }

    .tit-wco {

        font-size: 24px;

        margin-bottom: 15px;

    }

    .main-intro-recrui{

        padding: 30px 15px;

    }

    .banner-intro {

        position: relative;

        padding-right: 0;

        margin: 30px 0;

        text-align: center;

    }

    .banner-intro:before{

        content: unset;

    }

    .block-footer-home{

        padding: 0 15px;

    }

    .block-social-ft {

        width: 40px;

    }

    .content-footer-top{

        width: calc(100% - 40px);

        padding: 15px;

    }

    .block-social-ft > a {

        padding: 25px 8px;

    }

    .to-top {

        left: unset;

        right: 1px;

        bottom: 1px;

    }

    .main-our-team {

        padding: 30px 15px;

        padding-bottom: 0;

        max-height: unset;

        height: auto;

        overflow: unset;

    }

    .tit-banner{

        width: 100%;

        text-align: center;

        left: 0;

    }

    .group-content-ser{

        height: auto;

        overflow: unset;

    }

    .sec-intro{

        padding: 30px 15px; 

    }

    .block-nav-intro{

        display: none;

    }

    .social-page > a > img {

        width: 30px;

    }

    .tit-page {

        bottom: 50px;

        font-size: 40px;

        border-left: 10px solid #99000d;

    }

    .not-home{

        right: 15px;

    }

    .logo-not-home{

        left: 15px;

    }

    .tit-intro-page{

        font-size: 26px;

        margin-bottom: 20px;

    }

    .group-core-value {

        top: -45px;

        width: 80%;

        padding-bottom: 80%;

    }

    .container-pub{

        padding: 20px 15px;

    }

    .editer-contact {

        margin-top: 20px;

    }

    .block-item-contact {

        margin-bottom: 20px;

    }

    .block-item-contact:hover:before{

        width: 30px;

    }

    .main-map-contact iframe{

        height: 400px;

    }

    .block-slider-ba{

        padding: 0;

    }

    .block-slider-ba .owl-carousel .owl-nav button.owl-next{

        right: -10px;

    }

    .block-slider-ba .owl-carousel .owl-nav button.owl-prev{

        left: -10px;

    }

    .content-business-areas{

        margin-bottom: 20px;

    }

    .tit-business-areas{

        font-size: 24px;

    }

    .sub-tit-business-areas{

        font-size: 20px;

    }

    .box-tit-business-areas:after{

        margin-top: 10px;

    }

    .block-aside-form {

        margin-top: 30px;

    }

    .info-item-lnp .tit-news-web {

        font-size: 20px;

    }

    .block-tab-recrui table tr td {

        font-size: 15px;

    }

    .name-job-recrui {

        font-size: 15px;

    }

    .main-who-are-we .row.flex-bw {

        display: block;

    }

    .tit-waw {

        margin-bottom: 20px;

    }

    .tit-pub-center{

        font-size: 24px;

        margin-bottom: 20px;

    }

    .number-sl-work {

        font-size: 90px;

    }

    .text-sl-work {

        font-size: 24px;

    }

    .main-banner-page > img{

        opacity: 1;

    }

}



@media (max-width: 767px){

    .show767{display: block;}

    .hide767{display: none;}

    .block-slider-banner .owl-theme .owl-nav.disabled+.owl-dots{

        display: none;

    }

    .img-banner{

        width: 100%;

    }

    .block-slider-banner .owl-carousel .owl-item.active .tit-banner {

        font-size: 20px;

        bottom: 15px;

    }

    .header-home .logo img{

        width: 180px;

    }

    .logo-menu img{

        width: 180px;

    }

    .name-ser {

        font-size: 16px;

    }

    .block-tab-wco .tab-content>.tab-pane{

        height: auto;

    }

    .menu-mobile a{

        font-size: 16px;

        padding: 10px 30px;

    }

    .group-vision,

    .group-mision{

        padding: 0;

        width: 100%;

        margin-bottom: 20px;

    }

    .group-core-value{

        padding: 0;

        width: 100%;

        margin-bottom: 0;

        top: 0;

    }

    .inside-vision,

    .inside-mision,

    .inside-core-value{

        position: unset;

        padding: 20px 15px;

        border-radius: 0;

    }

    .group-vision-mission{

        display: block;

    }

    .content-core-value{

        padding: 0;

    }

    .logo-not-home img{

        width: 180px;

    }

    .block-item-contact {

        padding: 20px 15px;

    }

    .main-map-contact iframe{

        height: 350px;

    }

    .inside-vision:before,

    .inside-mision:before,

    .inside-core-value:before{

        content: unset;

    }

    .inside-core-value{

        background: rgba(153,0,13,0.5);

    }

    .inside-mision{

        background: rgba(153,0,13,0.5);

    }

    .inside-vision{

        background: rgba(204,0,0,0.5);

    }

    .btn-ba{

        width: 50px;

        height: 50px;

    }

    .tit-ba{

        font-size: 18px;

        max-width: calc(100% - 65px);

        min-height: 50px;

    }

    .box-tit-ba{

        bottom: -25px;

    }

    .item-ba{

        margin-bottom: 35px;

    }

    .content-mucluc {

        font-size: 20px;

    }

    .tit-control-news {

        font

        -size: 15px;

    }

    .link-control-news {

        font-size: 15px;

    }

    .gr-rat {

        display: block;

    }

    .label-rat {

        padding-top: 0;

        width: 100%;

        margin-bottom: 7px;

        font-size: 15px;

    }

    .gr-rat input, .gr-rat textarea {

        width: 100%;

    }

    .block-rating {

        overflow: hidden;

    }

    .tit-aside {

        font-size: 20px;

        margin-bottom: 15px;

    }

    .box-form-aside form input {

        font-size: 15px;

    }

    .box-form-aside form button {

        font-size: 15px;

    }

    .ul-news-aside > li > a {

        font-size: 15px;

    }

    .tit-rat {

        font-size: 22px;

    }

    .box-content-news{

        padding: 20px 15px;

    }

    .block-big-news .tit-news-web {

        font-size: 20px;

    }

    .item-lnp {

        display: block;

    }

    .img-item-lnp {

        width: 100%;

    }

    .info-item-lnp {

        width: 100%;

        padding: 20px 15px;

    }

    .info-item-lnp {

        width: 100%;

    }

    .info-item-lnp .tit-news-web {

        font-size: 18px;

    }

    .item-type-time span {

        font-size: 20px;

    }

    .block-form-recrui {

        padding: 20px 15px;

    }

    .tit-form-recrui {

        margin-bottom: 15px;

    }

    .des-form-recrui {

        font-size: 15px;

        margin-bottom: 20px;

    }

    .submit-rec, .cancel-rec {

        font-size: 15px;

    }

    .block-tab-recrui table tr:first-child {

        display: none;

    }

    .block-tab-recrui table tr td {

        display: block;

        text-align: right;

    }

    .block-tab-recrui table tr td[data-title]::before {

        content: attr(data-title) ": ";

        font-weight: 600;

        float: left;

    }

    .icon-pac-tab {

        width: 35px;

    }

    .text-pac-tab {

        width: calc(100% - 50px);

    }

    .block-tab-package .nav-tabs>li>a{

        padding: 15px 30px;

    }

    .tit-pac-tab{

        margin-top: 0;

    }

    .block-tab-package .nav-tabs>li>a:before {

        top: 30px;

    }

    .sub-tit-pub-center {

        font-size: 15px;

        margin-bottom: 20px;

    }

    .item-sl-work > img {

        min-height: 300px;

        object-fit: cover;

    }

    .content-sl-work {

        right: unset;

        z-index: 9;

        left: 20px;

    }

    .number-sl-work {

        font-size: 70px;

        height: 70px;

        line-height: 64px;

    }

    .block-slider-work .owl-carousel .owl-nav button.owl-next {

        width: 60px;

        height: 60px;

        border: 5px solid #d3d3d3;

    }

}



@media (max-width: 480px){

    .show480{display: block;}

    .hide480{display: none;}

    .fwmb{width: 100%;}

    .block-op{

        display: block;

    }

    .img-op{

        width: 100%;

    }

    .content-op{

        width: 100%;

    }

    .group-content-tab{

        display: block;

    }

    .block-footer-home-bottom p{

        font-size: 13px;

    }

    .tit-pub{

        font-size: 24px;

    }

    .tit-line-sub{

        font-size: 20px;

    }

    .block-team:before{

        height: 100%;

        z-index: 1;

    }

    .block-team .box-quote {

        visibility: visible;

        transition-delay: 0.3s;

    }

    .block-team{

        background: #99000d;

    }

    .name-team{

        color: #fff;

        margin: 15px 0 10px;

    }

    .icon-qt-1,

    .icon-qt-2{

        opacity: 1;

        visibility: visible;

    }

    .block-team .avatar-team:before {

        width: 120px;

        left: 20px;

        content: "";

        position: absolute;

        top: 20px;

        height: 100%;

        border: 1px solid #ef6060;

    }

    .block-team .avatar-team img {

        height: 130px;

    }

    .block-team .name-team {

        color: #fff;

        text-align: left;

        margin-top: 30px;

    }

    .block-team .social-team {

        visibility: visible;

        transition-delay: 0.3s;

        top: 10px;

    }

    .avatar-team{

        text-align: left;

    }

    .tit-page{

        font-size: 32px;

        left: 50px;

    }

    .social-page {

        width: 50px;

    }

    .main-map-contact iframe{

        height: 300px;

    }

    .clear40{

        height: 20px;

    }

    .tit-contact-page{

        font-size: 22px;

    }

    .tit-bic{

        font-size: 22px;

    }

    .tit-ba{

        font-size: 15px;

        padding: 10px;

        width: 100%;

        max-width: unset;

    }

    .btn-ba{

        display: none;

    }

    .content-mucluc {

        font-size: 18px;

    }

    .block-mucluc {

        padding: 15px 10px;

    }

    .tit-control-news.right, .link-control-news.right {

        text-align: left;

    }

    .btn-rat {

        width: 100%;

    }

    .block-aside-news, .block-aside-form {

        padding: 20px 15px;

    }

    .block-big-news .info-news {

        padding: 20px 15px;

    }

    .block-big-news .tit-news-web {

        font-size: 18px;

    }

    .tit-recrui-detail {

        font-size: 26px;

    }

    .item-type-time img {

        height: 20px;

        margin-right: 10px;

    }

    .item-type-time span {

        font-size: 16px;

    }

    .submit-rec, .cancel-rec {

        width: calc(50% - 5px);

    }

    .tit-waw {

        font-size: 26px;

    }

    .des-pac-tab{

        font-size: 15px;

    }

    .text-sl-work {

        font-size: 20px;

    }

    .block-slider-work .owl-carousel .owl-nav button.owl-next {

        bottom: 0;

        top: unset;

        transform: unset;

    }

}