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: 'Open Sans', sans-serif; right: 0px;position: relative;}
body p{font-size:15px;margin:0;font-family: 'Open Sans', 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: 700;}
.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;
}
header{
    position: fixed;
    top: 0;
    left: unset;
    right: 0;
    width: 100%;
    z-index: 999;
    padding: 20px 0;
    transition: all 0.3s;
}
.ul-main-menu{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.ul-main-menu > li > a{
    color: #fff;
    font-size: 15px;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
}
.ul-main-menu > li{
    margin: 0 5px;
}
.ul-main-menu > li:hover > a{
    background: #99000d;
}
.has-sub{
    position: relative;
}
.has-sub > a:after{
    content: "";
    display: inline-block;
    width: 7px;
    height: 4px;
    background: url(../img/arr-down.png);
    background-size: contain;
    margin-left: 5px;
    position: relative;
    top: -3px;
}
.hd-fixed .has-sub > a:after{
    background: url(../img/arr-down-black.png);
    background-size: contain;
}
.hd-fixed .ul-main-menu > li:hover > a:after{
    background: url(../img/arr-down.png);
    background-size: contain;
}
.ul-sub-menu{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    z-index: 999;
    background: #99000d;
    transform: scale(0);
    transition: all 0.3s;
    transform-origin: top left;
    opacity: 0;
    visibility: hidden;
    border-radius: 4px;
    overflow: hidden;
}
.ul-sub-menu > li > a{
    color: #fff;
    display: block;
    padding: 10px;
    border-top: 1px solid #fff;
    white-space: nowrap;
    font-size: 15px;
}
.has-sub:hover .ul-sub-menu{
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}
.ul-sub-menu > li:hover > a{
    background: #fff;
    color: #000;
}
.ul-main-menu > li.cate-order a{
    padding: 5px 10px;
    background: #99000d;
    color: #fff;
    box-shadow: 0 0 5px #000;
    border-radius: 4px;
    font-weight: 700;
}
.hd-fixed .ul-main-menu > li.cate-order > a{
    color: #fff;
}
.ul-main-menu > li.cate-search a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: url(../img/search-w.svg) center center no-repeat;
    background-size: 20px;
    background-position-y: 10px;
}
.ul-main-menu > li.cate-order{
    margin: 0 10px;
}
.search-mb{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: url(../img/search-w.svg) center center no-repeat;
    background-size: 20px;
    background-position-y: 8px;
}
.hd-fixed .search-mb{
    background: url(../img/search.svg) center center no-repeat;
    background-size: 20px;
    background-position-y: 8px;
}
.hd-fixed .ul-main-menu > li.cate-search a{
    background: url(../img/search-black.svg) center center no-repeat;
    background-size: 20px;
    background-position-y: 10px;
}
.f-search .stylish-input-group .input-group-addon{
    background: white !important; 
}
.f-search .stylish-input-group .form-control{
    border-right:0; 
    box-shadow:0 0 0; 
    border-color:#ccc;
}
.f-search .stylish-input-group button{
    border:0;
    background:transparent;
}
#start_wrapper,
#rev_slider_1_1_forcefullwidth{
    height: 80vh !important;
    left: 0 !important;
}
.hd-fixed{
    background: #fff;
    padding: 10px;
    transition: all 0.3s;
    box-shadow: 0px 1px 5px #ccc;
}
.hd-fixed .ul-main-menu > li > a{
    color: #000;
}
.hd-fixed .ul-main-menu > li:hover > a{
    color: #fff;
}
.block-service{
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 10px rgba(119,119,119,0.62);
    padding: 60px 30px 30px;
    position: relative;
    top: -50px;
    z-index: 9;
    transition: top 0.3s;
    height: calc(100% + 30px);
}
.par-block-service:hover .block-service{
    top: -100px;
    transition: top 0.3s;
}
.par-block-service {
    height: calc(100% - 30px);
}
.main-services-home{
    padding-bottom: 30px;
}
.icon-ser{
    width: 90px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.icon-ser a{
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
}
.icon-ser a:before{
    content: '';
    position: absolute;
    width: 68px;
    height: 68px;
    background: #dff8ff;
    border-radius: 50px;
    z-index: 1;
}
.icon-ser a img{
    position: relative;
    z-index: 2;
}
.tit-ser-home{
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}
.tit-ser-home a{
    color: #99000d;
}
.des-ser{
    text-align: center;
    margin-bottom: 20px;
}
.view-detail {
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #99000d;
    border: 1px solid #99000d;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    padding: 7px 30px;
    position: relative;
    text-transform: uppercase;
}
.view-detail span{
    position: relative;
    z-index: 9;
}
.view-detail img{
    width: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    position: relative;
    z-index: 9;
    top: -1px;
}
.view-detail:hover img{
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
    width: 15px;
    margin-left: 10px;
}
.view-detail:before,
.view-detail:after {
    background: #fff;
    content: '';
    position: absolute;
    z-index: 1;
}
.view-detail:hover {
    color: #99000d;
}
.view-detail:after {
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(50deg);
    transition-duration: 0.6s;
    transform-origin: top left;
    width: 0;
}
.view-detail:hover:after {
    height: 100%;
    width: 135%;
}
.main-banner{
    overflow: hidden;
    position: relative;
}
.main-banner:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(rgba(0,0,0,0.4), transparent);
    z-index: 1;
}
.main-packages{
    background: #f8f9fa;
    padding: 60px 0;
}
.tit-package{
    font-size: 20px;
    font-weight: 700;
    color: #99000d;
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
}
.des-package{
    text-align: center;
    font-size: 15px;
}
.sp-line{
    position: relative;
}
.sp-line:before{
    content: "";
    display: block;
    position: absolute;
    right: calc(100% + 20px);
    height: 3px;
    background: #fff;
    width: 0;
    top: 50%;
    transform: translateY(-50%);
}
.active-revslide .sp-line:before{
    width: 80px;
    transition: width 0.5s;
}
.tit-pub{
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 30px;
    color: #99000d;
}
.block-tab-package .nav-tabs>li{
    float: none;
    margin-bottom: 20px;
}
.block-tab-package .nav-tabs>li:last-child{
    margin: 0;
}
.block-tab-package .nav-tabs{
    border: none;
}
.icon-pac-tab{
    width: 50px;
}
.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>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;
}
.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;
}
.text-pac-tab{
    width: calc(100% - 70px);
}
.tit-pac-tab {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #99000d;
    margin-top: 15px;
}
.des-pac-tab{
    display: none;
    font-size: 14px;
    margin-top: 10px;
}
.block-tab-package .nav-tabs>li.active>a .des-pac-tab{
    display: block;
}
.block-package{
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 5px #ccc;
    padding: 50px 15px;
    margin-bottom: 30px;
}
.tit-item-pac{
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
}
.tit-item-pac:after{
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    margin: 0 auto;
    margin-top: 20px;
    background: #99000d;
}
.pri-pac{
    text-align: center;
    margin-bottom: 30px;
}
.p-pri-pac{
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    color: #99000d;
}
.view-pac {
    display: inline-block;
    color: #999999;
    display: inline-block;
    padding: 5px;
    position: relative;
}
.view-pac span{
    position: relative;
    z-index: 9;
}
.view-pac img{
    width: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    position: relative;
    z-index: 9;
    top: -1px;
    display: inline-block !important;
}
.view-pac:hover img{
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
    width: 15px !important;;
    margin-left: 10px;
}
.view-pac:hover {
    color: #99000d;
}
.block-package .icon-ser a img{
    height: 90px;
}
.view-more,
.view-more:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.view-more {
    background: none;
    border: 1px solid #99000d;
    border-radius: 5px;
    color: #99000d;
    display: inline-block;
    font-size: 15px;
    padding: 10px 30px;
    position: relative;
}
.view-more:before,
.view-more:after {
    background: #99000d;
    content: '';
    position: absolute;
    z-index: 1;
}
.view-more:hover {
    color: #fff;
}
.view-more:after {
    height: 0;
    left: 50%;
    top: 50%;
    width: 0;
    border-radius: 3px;
}
.view-more:hover:after {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.view-more span{
    position: relative;
    z-index: 2;
}
.main-project-best{
    padding: 60px 0;
}
.flex-pb{
    display: flex;
    align-items: center;
}
.flex-pb .tit-pub{
    margin: 0;
}
.des-pb{
    font-size: 15px;
    margin-left: 100px;
}
.main-why-choose{
    background: #f8f9fa;
    padding: 60px 0;
}
.des-wc{
    font-size: 15px;
    margin-bottom: 30px;
}
.block-slider-pb{
    position: relative;
    padding: 30px 70px;
}
.block-slider-pb:before{
    content: "";
    position: absolute;
    background: url(../img/dotted.png) top left no-repeat;
    background-size: contain;
    display: block;
    width: 183px;
    height: 185px;
    top: 0;
    left: 0;
}
.block-slider-pb:after{
    content: "";
    position: absolute;
    background: url(../img/dotted.png) bottom right no-repeat;
    background-size: contain;
    display: block;
    width: 183px;
    height: 185px;
    bottom: 0;
    right: 0;
}
.items-pb{
    padding: 20px;
}
.block-pb{
    box-shadow: 0 0 20px #ccc;
    border-radius: 6px;
    overflow: hidden;
}
.img-block-pb img{
    width: 100%;
}
.img-block-pb{
    position: relative;
}
.a-tolink{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: 2;
    border-radius: 6px;
    top: 15px;
    right: 15px;
}
.a-tolink img{
    display: inline !important;
    width: auto !important;
    transform: scale(1);
    transition: all 0.3s;
}
.a-tolink:hover img{
    transform: scale(1.1);
    transition: all 0.3s;
}
.info-block-pb {
    background: #fff;
    padding: 20px 15px 15px;
}
.tit-block-pb {
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
}
.tit-block-pb a{
    color: #99000d;
}
.we-work{
    color: #999;
    font-size: 16px;
}
.block-slider-pb .owl-theme .owl-nav{
    margin: 0;
}
.block-slider-pb .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    outline: unset;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #99000d;
    z-index: 9;
}
.block-slider-pb .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    outline: unset;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #99000d;
    z-index: 9;
}
.block-wc{
    position: relative;
    padding: 40px;
    margin-top: 20px;
}
.block-wc:before{
    content: "";
    position: absolute;
    background: url(../img/dotted.png) top left no-repeat;
    background-size: contain;
    display: block;
    width: 183px;
    height: 185px;
    top: 0;
    left: 0;
}
.block-wc:after{
    content: "";
    position: absolute;
    background: url(../img/dotted.png) bottom right no-repeat;
    background-size: contain;
    display: block;
    width: 183px;
    height: 185px;
    bottom: 0;
    right: 0;
}
.info-wc{
    background: #fff;
    border-radius: 6px;
    padding: 40px;
    position: relative;
    z-index: 9;
    min-height: 350px;
}
.tit-in-wc{
    font-size: 24px;
    color: #99000d;
    font-weight: 700;
    margin: 0;
    margin-bottom: 30px;
}
.content-block-wc p{
    font-size: 15px;
    margin-bottom: 15px;
}
.content-block-wc p:last-child{
    margin: 0;
}
.tit-pub-center{
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 30px;
    color: #99000d;
    text-align: center;
}
.sub-tit-pub-center {
    text-align: center;
    font-size: 15px;
    margin-bottom: 40px;
}
.main-template-demo{
    padding: 60px 0;
}
.col-temp-demo{
    width: 20%;
    padding: 0 15px;
}
.block-temp-demo{
    background: #fff;
    box-shadow: 0 0 7px #ccc;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 10px;
}
.block-temp-demo:hover{
    box-shadow: 0 0 10px #9c9c9c;
}
.img-temp-demo{
    display: block;
    overflow: hidden;
    border-radius: 6px;
    height: 300px;
}
.img-temp-demo img{
    display: block;
    width: 100%;
    -webkit-transition: all 5s ease-in-out;
    -moz-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    -ms-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out;
}
.img-temp-demo:hover img {
    transform: translate(0, calc(-100% + 390px));
    -webkit-transform: translate(0, calc(-100% + 390px));
}
.info-temp-demo{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 3px solid #99000d;
    padding-bottom: 5px;
}
.tit-temp-demo{
    text-align: center;
    font-weight: 600;
    margin: 0;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
}
.btn-order{
    text-align: center;
    margin-bottom: 15px;
}
.btn-order a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 30px);
    margin: 0 auto;
    position: relative;
    height: 40px;
    border: 1px solid #99000d;
    border-radius: 6px;
    color: #99000d;
    overflow: hidden;
    font-size: 1vw;
    font-weight: bold;
}
.pri-temp{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all .3s ease-in-out;
    transition-timing-function: cubic-bezier(0.7, 0, 0.185, 1);
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.185, 1);
    transform-origin: center top;
    -webkit-transform-origin: center top;
    transform: perspective(1200px) rotateX(0);
    -webkit-transform: perspective(1200px) rotateX(0);
}
.view-temp {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #99000d;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #fff;
}
.btn-order a:hover .pri-temp {
    transform: perspective(1200px) rotateX(90deg);
    -webkit-transform: perspective(1200px) rotateX(90deg);
}
.tag-temp span{
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}
.tag-temp a {
    display: inline-block;
    padding: 5px 7px;
    color: #000;
    font-size: 12px;
    border: 1px solid #000;
    margin-bottom: 3px;
}
.tag-temp a:hover{
    background: #99000d;
    color: #fff;
}
.main-info-news{
    padding: 60px 0;
    background: #f8f9fa;
}
.custom-col{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.custom-col > .col-md-6{
    width: calc(50% - 20px);
}
.img-insl{
    display: block;
    overflow: hidden;
}
.img-insl img{
    width: 100%;
    transform: scale(1);
    transition: ease-in-out 0.3s;
}
.img-insl:hover img{
    transform: scale(1.2);
}
.items-news-sl{
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.info-news-sl{
    background: #fff;
    padding: 20px 40px;
}
.tit-news-sl{
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
}
.tit-news-sl a{
    color: #99000d;
}
.read-news{
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    font-size: 16px;
    color: #323232;
}
.read-news:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #99000d;
    opacity: 0;
    transition: width 0.3s,opacity 0.3s;
}
.read-news span{
    position: relative;
    z-index: 2;
}
.read-news:hover:before{
    width: 100%;
    opacity: 1;
    transition: width 0.3s,opacity 0.3s;
}
.read-news:hover span{
    color: #fff;
}
.block-slider-news{
    position: relative;
}
.block-slider-news .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -29px;
    outline: unset;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: rgba(234,234,234,0.8);
    z-index: 9;
}
.block-slider-news .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    left: -29px;
    outline: unset;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: rgba(234,234,234,0.8);
    z-index: 9;
}
.a-info-news{
    display: block;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    padding: 70px 15px;
    margin-bottom: 30px;
}
.icon-info-news{
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.icon-info-news img{
    height: 100%;
}
.icon-info-news img:last-child{
    display: none;
}
.a-info-news:hover .icon-info-news img:last-child{
    display: inline-block;
}
.a-info-news:hover .icon-info-news img:first-child{
    display: none;
}
.a-info-news:hover{
    background: #99000d;
}
.name-info-news{
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #99000d;
}
.a-info-news:hover .name-info-news{
    color: #fff;
}
.main-customer{
    padding: 60px 0;
}
.list-customer{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.items-customer{
   border: 1px solid #999999;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 30px;
}
.main-form-contact{
    background: url(../img/bg-form.jpg) top center no-repeat;
    background-size: cover;
    padding: 20px 0 30px;
}
.sub-des-form{
    color: #fff;
    font-size: 15px;
    margin-bottom: 40px;
}
.group-form-contact{
    position: relative;
    margin-bottom: 30px;
}
.label-fc{
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 5px;
    transition: all 0.3s;
    pointer-events: none;
}
.group-form-contact input{
    font-size: 15px;
    padding: 6px 0;
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    outline: unset;
    display: block;
    width: 100%;
    color: #fff;
}
.group-form-contact textarea{
    font-size: 15px;
    padding: 10px 0;
    border: none;
    background: transparent;
    border-bottom: 1px solid #fff;
    outline: unset;
    display: block;
    width: 100%;
    color: #fff;
}
.group-form-contact.active .label-fc{
    transform: translateY(-20px);
    visibility: visible;
    font-size: 13px;
}
.btn-send{
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #99000d;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #99000d;
}
.btn-send:hover{
    background: #fff;
    color: #99000d;
}
.left-support {
    background: #99000d;
    padding: 20px 0;
    position: relative;
    top: -30px;
    box-shadow: -5px 5px 5px #ccc;
}
.phone-call{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.left-support:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 100%;
    background: #99000d;
    top: 0;
    left: 89%;
    border-radius: 0 20px 20px 0;
    transform: skewX(-30deg);
    box-shadow: 5px 5px 5px #ccc;
}
.top-left-support{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
}
.phone-tls{
    font-size: 30px;
    color: #fcc633;
    font-weight: 800;
    margin-bottom: 20px;
}
.mail-tls{
    font-size: 18px;
    color: #fff;
}
.phone-call {
    position: absolute;
    bottom: -10px;
    right: -5px;
    z-index: 2;
    width: 110px;
}
.bg-tls {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    background: #99000d;
    height: 100%;
    box-shadow: -5px 5px 5px #ccc;
}
.block-sub-support{
    padding-top: 20px;
}
.top-bss{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.phone-bss{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.block-sub-support {
    padding-top: 20px;
    padding-left: 150px;
    position: relative;
}
.block-sub-support:after{
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    background: #c4c4c4;
    width: 1px;
    height: 100px;
}
.block-sub-support.no-border:after{
    content: unset;
}
.tit-ft-big{
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
}
.editer-ft p{
    color: #ababab;
    margin-bottom: 10px;
}
.editer-ft p:last-child{
    margin: 0;
}
.footer-top{
    background: #212121;
}
.footer-top-one{
    padding: 40px 0;
}
.tit-ft{
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}
.ul-ft{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ul-ft > li > a{
    color: #ababab;
}
.ul-ft > li > a:hover{
    color: #99000d;
}
.ul-ft > li{
    margin-bottom: 10px;
}
.logo-ft{
    text-align: center;
    margin-bottom: 20px;
}
.tit-ft-two{
    font-size: 18px;
    font-weight: 700;
    color: #ababab;
    margin-bottom: 20px;
}
.footer-top-two {
    padding: 40px 0;
}
.editer-ft-sub p{
    font-size: 15px;
    color: #ababab;
    margin-bottom: 10px;
}
.editer-ft-sub p:last-child{
    margin: 0;
}
.copyright{
    font-size: 13px;
    color: #ababab;
}
.footer-bottom{
    padding: 20px 0;
    background: #101010;
}
.main-banner-page{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    overflow: hidden;
    padding: 30px 0;
}
.main-banner-page:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(rgba(0,0,0,0.4), transparent);
    z-index: 1;
}
.main-banner-page > img{
    min-height: 200px;
    object-fit: cover;
}
.main-banner-page > .container{
    position: relative;
    z-index: 9;
    padding-top: 100px;
}
.tit-page{
    text-align: center;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
    font-size: 24px;
    color: #99000d;
    text-transform: uppercase;
}
.sub-tit-page{
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #99000d;
}
.editer-18 p{
    margin-bottom: 10px;
    font-size: 15px;
}
.block-tab-pri table {
    overflow: hidden;
}
.block-tab-pri td,
.block-tab-pri th {
    padding: 15px 10px;
    position: relative;
    outline: 0;
    text-align: center;
    font-size: 16px;
}
.block-tab-pri table tr td:first-child{
    text-align: right;
    padding-right: 40px;
}
body:not(.nohover) .block-tab-pri tbody tr:hover {
    background-color: #98d7ec;
}
.block-tab-pri td:hover::after,
/*.block-tab-pri thead th:not(:empty):hover::after,*/
/*.block-tab-pri thead th:not(:empty):focus::after,*/
.block-tab-pri td:focus::after {
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 0;
}
.block-tab-pri td:hover::after,
.block-tab-pri th:hover::after {
    background-color: #98d7ec;
}
.block-tab-pri td:focus::after,
.block-tab-pri th:focus::after {
    background-color: lightblue;
}
.block-tab-pri td:focus::before,
.block-tab-pri tbody th:focus::before {
    background-color: lightblue;
    content: '';
    height: 100%;
    top: 0;
    left: -5000px;
    position: absolute;
    width: 10000px;
    z-index: -1;
}
.block-tab-pri table{
    width: 100%;
    background: #f2f0f0;
}
.block-tab-pri table span{
    position: relative;
    z-index: 2;
}
.block-tab-pri table div{
    position: relative;
    z-index: 2;
}
.ic-desk span{
    display: block;
    color: #99000d;
    font-weight: 700;
    font-size: 24px;
}
.ic-desk > img{
    width: 70px;
}
.a-regis{
    display: inline-block;
    position: relative;
    z-index: 9;
    background: #99000d;
    color: #fff !important;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 15px;
    overflow: hidden;
    border: 1px solid #99000d;
    outline: unset;
}
.a-regis span{
    position: relative;
    z-index: 2;
}
.a-regis:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width 0.3s;
    background: #fff;
}
.a-regis:hover:before{
    width: 100%;
    transition: width 0.3s;
}
.a-regis:hover{
    color: #99000d !important;
}
.block-tab-pri table tbody tr:last-child td{
    position: relative;
    padding: 30px 10px;
}
.block-tab-pri table tbody tr:last-child td:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
}
.tit-serplus{
    text-align: center;
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
}
.block-tab-serplus table{
    width: 100%;
}
.block-tab-serplus table tr td{
    border: 1px solid #fff;
    padding: 20px 40px;
    background: #f2f0f0;
    font-size: 16px;
}
.need-sp{
    font-size: 18px;
    color: #99000d;
    text-transform: uppercase;
    margin-top: 20px;
}
.block-send-yc{
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 30px;
}
.des-yc{
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
}
.not-found{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #99000d;
}
.des-sned-yc{
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
}
.a-send-yc{
    display: inline-block;
    padding: 15px 70px;
    color: #fff !important;
    background: #99000d;
    font-size: 15px;
    text-transform: uppercase;
    border: 1px solid #99000d;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.a-send-yc:hover{
    color: #99000d !important;
}
.a-send-yc span{
    position: relative;
    z-index: 2;
}
.a-send-yc:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    transition: height 0.3s;
}
.a-send-yc:hover:before{
    height: 100%;
    transition: height 0.3s;
}
.main-description-package{
    padding: 60px 0;
}
.flex-des-package{
    display: flex;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 20px #ccc;
    border-radius: 6px;
}
.left-des-package{
    width: 40%;
    border-right: 1px solid #ccc;
    padding: 40px 30px;
}
.left-des-package .nav-tabs>li{
    display: flex;
    align-items: center;
    float: none;
    margin-bottom: 25px;
}
.left-des-package .nav-tabs>li:before{
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #99000d;
    top: 10px;
    left: -55px;
    transition: width 0.3s;
}
.left-des-package .nav-tabs>li.active:before{
    width: 45px;
    transition: width 0.3s;
}
.left-des-package .nav-tabs>li:last-child{
    margin: 0;
}
.icon-pack{
    display: block;
    width: 24px;
    margin-right: 15px;
}
.icon-pack img:last-child{
    display: none;
}
.icon-pack img:first-child{
    display: inline-block;
}
.left-des-package .nav-tabs>li>a{
    border-radius: 0;
    margin: 0;
    border: none !important;
    background: none !important;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    width: calc(100% - 39px);
}
.left-des-package .nav-tabs{
    border: none;
}
.left-des-package .nav-tabs>li.active>a, 
.left-des-package .nav-tabs>li.active>a:focus, 
.left-des-package .nav-tabs>li.active>a:hover{
    color: #99000d;
}
.left-des-package .nav-tabs>li.active .icon-pack img:first-child{
    display: none;
}
.left-des-package .nav-tabs>li.active .icon-pack img:last-child{
    display: inline-block;
}
.right-des-package{
    width: 60%;
    padding: 40px 30px;
    display: flex;
    align-items: center;
}
.tit-ct-pack{
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
    color: #99000d;
}
.modal .modal-title{
    font-weight: 700;
    color: #99000d;
    font-size: 24px;
}
.modal .close{
    opacity: 1;
    outline: unset;
}
.sub-tit-page-host{
    font-size: 18px;
    color: #99000d;
}
.tit-host-linux{
    font-size: 24px;
    text-align: center;
    margin: 0;
    margin-bottom: 30px;
    font-weight: 800;
    color: #99000d;
}
.top-pack-linux{
    background: #99000d url(../img/cloud.png) bottom right no-repeat;
    padding: 30px 15px;
}
.block-tabpri-linux{
    border: 1px solid #cfcfd0;
    border-radius: 6px;
    overflow: hidden;
}
.top-pack-linux {
    background: #99000d url(../img/cloud.png) no-repeat;
    padding: 30px 15px;
    background-position: calc(100% + 50px) 55px;
    background-size: contain;
}
.name-pack-linux {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    position: relative;
}
.pri-pack-month {
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    margin: 10px 0;
}
.dvi-month {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.info-pack-linux{
    background: #f4f4f4;
    padding: 30px;
}
.editer-linux p{
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
}
.editer-linux{
    margin-bottom: 30px;
}
.wrap-select-arrow select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    height: auto;
}
.wrap-select-arrow select::-ms-expand {
    display: none;
}
.wrap-select-arrow {
    position: relative;
}
.select-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 8px 10px;
    pointer-events: none;
    transform: translateY(-50%);
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #99000d;
}
.a-regis-linux{
    display: block;
    padding: 10px;
    color: #fff !important;
    background: #99000d;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #99000d;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    border-radius: 6px;
    text-align: center;
}
.a-regis-linux:hover{
    color: #99000d !important;
}
.a-regis-linux span{
    position: relative;
    z-index: 2;
}
.a-regis-linux:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    transition: height 0.3s;
}
.a-regis-linux:hover:before{
    height: 100%;
    transition: height 0.3s;
}
.button-regis-linux{
    margin-top: 30px;
}
.name-pack-modal,
.pri-pack-month-modal,
.number-regis-linux,
.total-pack-linux {
    font-weight: 700;
    color: #99000d;
    font-size: 18px;
    margin-bottom: 10px;
}
.main-services-tabpri-host{
    padding: 0 0 100px 0;
}
.main-services-tabpri-host .block-service{
    position: unset;
}
.tit-page-dvqt{
    margin: 0;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 800;
    font-size: 24px;
}
.sub-tit-page-dvqt{
    font-size: 18px;
    color: #fff;
}
.main-intro-dvqt{
    padding: 150px 0 40px;
    background: url(../img/bg-dvqt.png) no-repeat;
    background-size: auto;
    background-position: 0 60px;
}
.tit-lid{
    margin: 0;
    font-size: 24px;
    color: #99000d;
    font-weight: 800;
    margin-bottom: 20px;
}
.left-intro-dvqt{
    padding-left: 200px;
}
.contact-now{
    position: relative;
    color: #fff;
    font-size: 15px;
    border: 1px solid #99000d;
    padding: 10px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #99000d;
    border-radius: 4px;
    overflow: hidden;
}
.contact-now span{
    position: relative;
    z-index: 2;
}
.contact-now:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height 0.3s;
    background: #fff;
}
.contact-now:hover:before{
    height: 100%;
    transition: height 0.3s;
}
.contact-now:hover{
    color: #99000d !important;
}
.main-services-step {
    padding: 60px 0;
}
.items-tab{
    position: relative;
    padding: 1px;
}
.items-tab:before{
    content: "";
    display: block;
    width: 31px;
    right: 100%;
    height: 1px;
    background: #cfcfd0;
    top: 50%;
    position: absolute;
}
.items-tab > a{
    display: block;
    position: relative;
    background: #fff;
    color: #000;
    font-size: 18px;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 6px;
    overflow: hidden;
}
.step-tab {
    position: absolute;
    bottom: -7px;
    left: -7px;
    font-weight: 800;
    font-size: 40px;
    opacity: 0.25;
    height: 35px;
    line-height: 33px;
}
.tit-step{
    position: relative;
    z-index: 2;
    white-space: nowrap;
}
.block-slider-tab{
    position: relative;
}
.block-slider-tab .owl-carousel .owl-item.center .items-tab > a{
    background: #99000d;
    color: #fff;
    font-weight: 700;
}
.block-slider-tab .owl-carousel .owl-nav button.owl-next{
    margin: 0;
    outline: unset;
    position: absolute;
    width: 58px;
    height: 58px;
    border: 1px solid #ccc;
    background: #eaeaea;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
}
.block-slider-tab .owl-carousel .owl-nav button.owl-prev{
    margin: 0;
    outline: unset;
    position: absolute;
    width: 58px;
    height: 58px;
    border: 1px solid #ccc;
    background: #eaeaea;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}
.block-slider-tab .owl-theme .owl-nav{
    margin: 0;
}
.block-slider-tab .owl-carousel .owl-stage{
    display: flex;
    align-items: center;
}
.tit-des-step{
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 20px;
    color: #99000d;
    position: relative;
    z-index: 2;
}
.block-des-step{
    position: relative;
}
.span-step {
    position: absolute;
    font-size: 140px;
    font-weight: 700;
    color: #333333;
    opacity: 0.2;
    top: -10px;
    left: -30px;
    height: 105px;
    line-height: 95px;
}
.list-tab-step .tab-content{
    padding: 40px 0 0 0;
}
.main-tab-pri-manager-web{
    padding: 20px 0 0;
}
.sp-tolltip{
    position: absolute;
    top: -3px;
    right: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50px;
}
.sp-tolltip img{
    width: 7px;
}
.tooltip.top{
    white-space: nowrap;
}
.block-tab-pri-manager-web table{
    width: 100%;
}
.block-tab-pri-manager-web table tr th{
    border: 1px solid #fff;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}
.block-tab-pri-manager-web table tr td{
    border: 1px solid #fff;
    padding: 20px 10px;
    text-align: center;
    font-size: 18px;
}
.sp-tpmw{
    position: relative;
}
.tit-td-tpmw{
    font-weight: 700;
    font-size: 16px;
}
.des-td-tpmw{
    font-size: 16px;
}
.block-tab-pri-manager-web table tr:nth-child(odd) td{
    background: #e8e8e8;
}
.des-yc-tpmw{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
.content-bann-ser{
    width: 60%;
    margin-left: 10%;
    background: #fff;
    padding: 20px;
    margin-top: 90px;
    position: relative;
}
.content-bann-ser:before{
    content: "";
    position: absolute;
    top: -60px;
    left: 0;
    height: 60px;
    width: 1px;
    background: #fff;
}
.content-bann-ser:after{
    content: "";
    position: absolute;
    left: -60px;
    top: 0;
    height: 1px;
    width: 60px;
    background: #fff;
}
.in-content-bann-ser:before{
    content: "";
    position: absolute;
    bottom: -60px;
    right: 0;
    height: 60px;
    width: 1px;
    background: #fff;
}
.in-content-bann-ser:after{
    content: "";
    position: absolute;
    right: -60px;
    bottom: 0;
    height: 1px;
    width: 60px;
    background: #fff;
}
.name-comp{
    font-size: 18px;
    font-weight: 700;
    color: #99000d;
    text-transform: uppercase;
    margin: 20px 0 10px;
}
.bann-ser{
    text-align: center;
}
.tit-project{
    font-size: 24px;
    font-weight: 700;
    color: #99000d;
    margin: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.main-project-page{
    padding: 60px 0;
}
.order-list-project{
    display: flex;
    align-items: center;
}
.order-list-project > a{
    display: inline-block;
    padding: 5px 0;
    margin-right: 25px;
    text-transform: uppercase;
    color: #323232;
    border-right: 1px solid #ccc;
    font-size: 16px;
    padding-right: 25px;
}
.order-list-project > a.active{
    color: #99000d;
}
.flex-olp{
    position: relative;
}
.flex-olp > img{
    width: 26px;
    margin-right: 20px;
}
.box-select-cate-old {
    position: absolute;
    z-index: 99;
    width: 1570px;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    padding: 40px 40px 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    top: 100%;
}
.box-select-cate-old.active{
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}
.tit-isco {
    margin: 0;
    margin-bottom: 25px;
    text-transform: capitalize;
    font-size: 20px;
}
.list-isco a{
    display: inline-block;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 10px;
    color: #000;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 10px 20px;
    color: #999;
}
.list-isco a.active{
    border: 1px solid #99000d;
}
.list-isco a.active .name-isco{
    color: #99000d;
}
.name-isco{
    color: #000;
}
.item-select-cate-old{
    margin-bottom: 30px;
}
.tit-cate-old{
    display: flex;
    align-items: center;
    padding: 10px 25px;
    cursor: pointer;
}
.tit-cate-old > img{
    width: 26px;
    margin-right: 20px;
}
#cate-selected {
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    margin-right: 10px;
}
.block-list-project-page .tit-project{
    margin-bottom: 0;
}
.img-project{
    position: relative;
    overflow: hidden;
}
.img-project > img{
    width: 100%;
}
.field-project{
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 50px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding: 7px 20px;
    background: rgba(153,0,13,0.5); 
}
.box-view-project {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgb(153 153 153 / 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.view-project{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 7px 40px;
    position: relative;
}
.view-project:before{
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    right: -20px;
    height: 1px;
    background: #fff;
}
.view-project:after{
    content: "";
    position: absolute;
    top: -20px;
    width: 1px;
    left: 0;
    height: 0;
    background: #fff;
}
.view-project span:before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    left: -20px;
    height: 1px;
    background: #fff;
}
.view-project span:after{
    content: "";
    position: absolute;
    bottom: -20px;
    width: 1px;
    right: 0;
    height: 0;
    background: #fff;
}
.view-project:hover{
    background: #99000d;
    color: #fff;
}
.img-project:hover .box-view-project{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s, visibility 0.3s;
}
.img-project:hover .view-project:before{
    width: calc(100% + 40px);
    transition: width 0.5s;
}
.img-project:hover .view-project:after{
    height: calc(100% + 40px);
    transition: height 0.5s;
}
.img-project:hover span:before{
    width: calc(100% + 40px);
    transition: width 0.5s;
}
.img-project:hover span:after{
    height: calc(100% + 40px);
    transition: height 0.5s;
}
.img-project:hover > img{
    filter: blur(3px);
}
.name-project{
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px;
    font-size: 16px;
}
.block-project{
    margin-bottom: 30px;
}
.pagi{
    text-align: center;
}
.pagi a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.pagi a:hover,
.pagi a.active{
    color: #99000d;
    border: 1px solid #ccc;
}
.pagi a img{
    height: 15px;
}
.bann-proj-detail{
    text-align: center;
}
.main-project-detail{
    padding: 60px 0;
}
.name-project-detail{
    font-size: 30px;
    color: #99000d;
    font-weight: 700;
    margin: 0;
    margin-bottom: 30px;
}
.ser-provided{
    margin: 0;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    color: #99000d;
}
.ul-ser-provided{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ul-ser-provided > li{
    margin-bottom: 15px;
    padding-left: 35px;
    position: relative;
    font-size: 16px;
}
.ul-ser-provided > li:before{
    content: "";
    background: url(../img/target.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 0;
}
.box-banner-pj{
    text-align: center;
}
.block-banner-pj > .container{
    position: relative;
    z-index: 9;
}
.box-btn-topj{
    margin: 40px 0;
    text-align: center;
}
.to-pj{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px 10px 60px;
    border-radius: 50px;
    background: #99000d;
    box-shadow: 0 0 10px #333;
    position: relative;
}
.to-pj:before{
    content: "";
    background: url(../img/tolink-w.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.to-pj:hover{
    background: #fff;
    color: #99000d;
}
.to-pj:hover:before{
    background: url(../img/tolink.png) center center no-repeat;
    background-size: contain;
}
.block-banner-pj {
    position: relative;
}
.block-banner-pj:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: #cbcbcb;
    bottom: 0;
    left: 0;
}
.main-gall-pj{
    background: #cbcbcb;
}
.tks-watch{
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin: 30px 0;
    text-transform: uppercase;
}
.main-map-contact {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    overflow: hidden;
    padding: 30px 0;
}
.main-map-contact:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(rgba(0,0,0,0.7), transparent);
    z-index: 1;
}
.main-map-contact iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main-contact-page{
    background: #f8f9fa;
    padding: 40px 0;
}
.block-item-contact{
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 20px 30px;
}
.block-item-contact:hover{
    background: #fff;
}
.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:hover .tit-bic{
    color: #99000d;
}
.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;
}
.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;
}
.wrap-select-arrow-ct select::-ms-expand {
    display: none;
}
.wrap-select-arrow-ct {
    position: relative;
    margin-bottom: 50px;
}
.select-arrow-ct {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 8px 10px;
    pointer-events: none;
    transform: translateY(-50%);
}
.arrow-down-ct {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #99000d;
}
.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 select option{
    padding: 5px 10px;
}
.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;
}
.btn-send-contact span{
    position: relative;
    z-index: 2;
}
.btn-send-contact:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 0;
    background: #fff;
    transition: all 0.3s;
}
.btn-send-contact:hover:before{
    top: 0;
    height: 100%;
    transition: all 0.3s;
}
.btn-send-contact:hover{
    color: #99000d;
}
.editer-contact p{
    margin-bottom: 20px;
}
.box-field-contact{
    border-right: 1px solid #ccc;
    padding-right: 30px;
}
.img-demoweb{
    position: absolute;
    right: 0;
    bottom: 0;
}
.main-list-template-page{
    padding: 60px 0;
}
.form-search-template form{
    display: flex;
    align-items: center;
    background: #eeeeee;
    border: 1px solid #ccc;
    padding: 5px 10px 5px 30px;
    border-radius: 50px;
}
.box-search-template{
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 10px;
}
.box-search-template input {
    width: 100%;
    border: none;
    outline: unset;
    padding: 10px 12px;
    padding-left: 40px;
    border-left: 1px solid #ccc;
    background: none;
}
.box-search-template button{
    width: 42px;
    height: 40px;
    background: #99000d;
    border: none;
    border-radius: 50px;
    outline: unset;
}
.box-search-template button img{
    width: 20px;
}
.form-search-template .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: auto;
}
.form-search-template .bootstrap-select>.dropdown-toggle {
    padding: 10px 20px 10px 0;
    border: none;
    background: none !important;
    outline: unset !important;
    box-shadow: unset !important;
}
.form-search-template .bootstrap-select .dropdown-menu{
    padding: 0;
}
.form-search-template .bootstrap-select .dropdown-menu li a{
    font-size: 18px;
    outline: unset;
}
.form-search-template {
    width: 80%;
    margin: 0 auto;
}
.block-search-template {
    margin-bottom: 40px;
}
.box-dmct-dou{
    display: flex;
    align-items: center;
    padding: 20px 15px;
    border-radius: 6px;
    overflow: hidden;
    height: 100%;
}
.flex-dmct{
    display: flex;
    justify-content: space-between;
}
.tit-bbdd {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 0;
    margin-bottom: 50px;
}
.top-dmct {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}
.bot-dmct {
    font-size: 18px;
    color: #fff;
}
.tit-sign-dmct{
    font-size: 32px;
    color: #fff;
}
.maib-template-demo-detail{
    padding: 60px 0;
}
.box-tag-temp{
    margin-bottom: 30px;
}
.box-tag-temp a{
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 10px #ccc;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    padding: 7px 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.box-tag-temp a:hover{
    background: #99000d;
    color: #fff;
}
.block-gall-slider-template {
    box-shadow: 0 0 10px #ccc;
    padding: 15px;
    border-radius: 7px;
    margin-bottom: 20px;
}
.block-gall-slider-template .lSSlideWrapper{
    border: 1px solid #ccc;
}
.block-gall-slider-template .lSSlideOuter .lSPager.lSGallery li{
    border: 1px solid #ccc;
    border-radius: 0;
}
.block-gall-slider-template .lSSlideOuter .lSPager.lSGallery li a{
    display: block;
    height: 100%;
}
.block-gall-slider-template .lSSlideOuter .lSPager.lSGallery li a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-gall-slider-template .lSSlideOuter .lSPager.lSGallery li.active{
    border: 1px solid #ee3364;
}
#vertical{
    list-style-type: none !important;
}
.lSSlideOuter.vertical .lightSlider li.lslide.active img {
    display: block;
    width: 100%;
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}
.lSSlideOuter.vertical .lightSlider li.lslide.active:hover img {
    transform: translate(0, calc(-100% + 390px));
    -webkit-transform: translate(0, calc(-100% + 600px));
}
.a-view-web{
    display: inline-block;
    background: #99000d;
    color: #fff;
    padding: 10px 15px 10px 60px;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 0 10px #ccc;
    border: 1px solid #99000d;
}
.a-view-web:before{
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background: url(../img/web.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.a-view-web:hover{
    color: #99000d;
    background: #fff;
}
.a-view-web:hover:before{
    background: url(../img/web-r.svg) center center no-repeat;
    background-size: contain;
}
.box-view-web-gall{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 10px;
}
.a-view-gall{
    display: inline-block;
    background: #cbcbcb;
    color: #000;
    padding: 10px 15px 10px 60px;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 0 10px #ccc;
    border: 1px solid #99000d;
}
.a-view-gall:before{
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background: url(../img/img-r.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.a-view-gall:hover{
    color: #fff;
    background: #99000d;
}
.a-view-gall:hover:before{
    background: url(../img/img.svg) center center no-repeat;
    background-size: contain;
}
.block-using-forever{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #ebebeb;
    padding: 15px;
    border-radius: 7px;
    margin-bottom: 30px;
}
.block-using-forever > img{
    width: 110px;
    margin-right: 30px;
    object-fit: contain;
}
.content-buf{
    width: calc(100% - 130px);
}
.top-buf{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.bot-buf{
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
}
.tit-bft{
    font-size: 24px;
    font-weight: 600;
    background: #cbcbcb;
    padding: 15px;
    text-transform: uppercase;
}
.block-feature-tabpri{
    box-shadow: 0 0 10px #ccc;
    border-radius: 7px;
    overflow: hidden;
}
.sp-tolltip-feature{
    display: inline-block;
    margin-left: 8px;
    width: 18px;
}
.list-feature{
    padding: 20px;
}
.tit-feature {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.let-box-feature {
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    align-items: center;
    position: relative;
    background: #fff;
    z-index: 9;
    padding-right: 10px;
}
.sub-list-feature {
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.box-feature {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.box-feature:before{
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    border-top: 1px dashed #ccc;
}
.line-feature{
    width: 100%;
    height: 1px;
    border-top: 1px dashed #ccc;
}
.box-radio input[type="radio"] {
    display: none;
}
.box-radio label {
    position: relative;
    display: inline-block;
    padding: 0px 0px 0px 30px;
    cursor: pointer;
    white-space: nowrap;
}
.box-radio label::before,
.box-radio label::after {
    position: absolute;
    content: '';
    top: 50%;
    border-radius: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.box-radio.box-radio-squad label::before, 
.box-radio.box-radio-squad label::after{
    border-radius: 0;
}
.box-radio label::before {
    left: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: #f3f3f3;
    border: 1px solid #ccc;
}
.box-radio label:hover::before {
    background: #fff;
}
.box-radio label::after {
    opacity: 0;
    left: 6px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: #3498db;
    -webkit-transform: scale(2);
    transform: scale(2);
}
.box-radio-squad.box-radio label::after{
    background: #99000d;
}
.box-radio input[type="radio"]:checked + label::before {
    background: #fff;
    border: 1px solid #3498db;
}
.box-radio.box-radio-squad input[type="radio"]:checked + label::before{
    border: 1px solid #99000d;
}
.box-radio input[type="radio"]:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.box-radio{
    background: #fff;
    position: relative;
    z-index: 9;
    padding-left: 10px;
}
.sub-list-feature .box-feature:last-child{
    margin-bottom: 0;
}
.block-feature{
    margin-bottom: 20px;
}
.list-feature .block-feature:last-child{
    margin-bottom: 0;
}
.list-feature .block-feature:last-child .sub-list-feature{
    border-bottom: unset;
}
.block-info-order{
    border: 1px solid #ccc;
    border-radius: 7px;
    background: #ebebeb;
    padding: 15px;
    margin-bottom: 20px;
}
.block-aside-template{
    position: sticky;
    top: 90px;
    z-index: 99;
}
.name-temp-web{
    font-size: 24px;
    font-weight: 600;
    color: #99000d;
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.tit-func-web{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.box-function-web {
    border-bottom: 1px solid #ccc;
}
.box-function-web .ul-ser-provided{
    padding-left: 10px;
}
.block-add-option{
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}
.item-option-feature{
    display: inline-block;
    background: #fff;
    position: relative;
    padding: 7px 45px 7px 15px;
    border-radius: 6px;
    color: #000;
    box-shadow: 0 0 7px #ccc;
    margin-bottom: 10px;
    margin-right: 10px;
}
.remo-option{
    position: absolute;
    right: 15px;
    display: block;
    width: 18px;
    top: 11px;
    right: 15px;
    cursor: pointer;
    z-index: 2;
}
.block-total-pri{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 30px 0;
}
.block-total-pri .tit-func-web{
    margin-bottom: 0;
}
.pri-pack-template span{
    font-size: 24px;
    font-weight: 700;
    color: #99000d;
}
.pri-pack-template{
    display: inline-block;
    font-weight: 300;
    margin-left: 20px;
    font-size: 24px;
}
.order-now{
    display: block;
    text-align: center;
    background: #99000d;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    font-style: italic;
    padding: 10px;
}
.order-now span{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    display: block;
}
.order-now:hover{
    background: #fff;
    box-shadow: 0 0 10px #bbb;
}
.block-support-us{
    text-align: center;
    padding: 15px;
    border: 1px solid #99000d;
    border-radius: 7px;
    background: #ebebeb;
}
.top-bsu{
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
}
.bot-bsu{
    text-align: center;
    font-size: 24px;
    color: #99000d;
    font-weight: 700;
}
.main-template-rela{
    padding: 0 0 60px;
}
.tit-temp-rela{
    font-weight: 700;
    margin: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.main-tab-pri-domain{
    padding-bottom: 30px;
}
.block-tab-list-domain{
    position: relative;
    z-index: 9;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px #ccc;
    padding: 30px 40px;
    margin-top: -150px;
}
.box-search-domain {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.www{
    font-size: 24px;
    color: #99000d;
    white-space: nowrap;
}
.box-search-domain form{
    display: flex;
    align-items: center;
    width: 100%;
}
.box-search-domain form input {
    font-size: 24px;
    border: none;
    outline: unset;
    box-shadow: unset;
    width: 100%;
    padding: 0;
    padding-left: 40px;
}
.box-search-domain form button{
    width: 45px;
    height: 45px;
    border: none;
    outline: unset;
    box-shadow: unset;
    background: none;
}
.block-tab-domain-list table{
    width: 100%;
}
.block-tab-domain-list table tr td{
    width: 25%;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 0;
}
.block-tab-domain-list table tr td:last-child{
    border: none;
}
.block-tab-domain-list{
    margin-bottom: 60px;
    text-align: center;
}
.name-dot-domain{
    font-size: 30px;
    font-weight: 800;
}
.pri-dot-domain{
    font-size: 16px;
}
.block-tab-domain-price table{
    width: 100%;
}
.block-tab-domain-price table tr th{
    color: #fff;
    background: #99000d;
    padding: 10px 15px;
    text-align: center;
    font-size: 16px;
}
.block-tab-domain-price table tr td{
    padding: 10px 15px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 16px;
}
.block-tab-domain-price table tr td:first-child{
    text-align: left;
}
.block-tab-domain-price{
    display: none;
    margin-bottom: 60px;
}
.btn-view-tab-domain-price{
    text-align: center;
}
.mess-success-domin{
    display: inline-block;
    border: 1px solid #33cc33;
    color: #000;
    outline: unset;
    box-shadow: unset;
    padding: 10px 30px;
    border-radius: 20px;
    font-size: 15px;
}
.mess-fail-domin{
    display: inline-block;
    border: 1px solid #99000d;
    color: #000;
    outline: unset;
    box-shadow: unset;
    padding: 10px 30px;
    border-radius: 20px;
    font-size: 15px;
}
.domain-name{
    
    color: #99000d;
    font-weight: bold;
    font-size: 20px;
}
.domain-info{
    
    color: #99000d;
    font-size: 18px;
}
.btn-dktm{
    display: inline-block;
    background: #99000d;
    border: none;
    color: #fff;
    outline: unset;
    box-shadow: unset;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 15px;
}
.btn-ctdp{
    display: inline-block;
    background: #99000d;
    border: none;
    color: #fff;
    outline: unset;
    box-shadow: unset;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 15px;
}
.btn-ctdp:after{
    content: "";
    display: inline-block;
    height: 6px;
    background: url(../img/arr-down2.png) center center no-repeat;
    background-size: contain;
    width: 10px;
    margin-left: 10px;
    position: relative;
    top: -3px;
}
.btn-ctdp.active:after{
    background: url(../img/arr-up2.png) center center no-repeat;
    background-size: contain;
}
.box-morong {
    text-align: left;
    padding: 40px;
    border: 1px solid #f1f1f1;
}
input[type="checkbox"]:checked {
    accent-color: #99000d;
}
.a-dktm {
    background: #99000d;   
    color: #fff;
    padding: 5px 30px;
    border-radius: 5px;
}
.a-dktm:hover {
    background: #fff;   
    color: #99000d;
    padding: 5px 30px;
    
    border-radius: 5px;
    border: 1px solid #99000d;
}
.a-dktm-fail {
    background: #808080;  
    color: #fff;
    padding: 5px 25px;
    border-radius: 5px;
}
.a-dktm-fail:hover {
    background: #808080;  
    color: #fff;
    padding: 5px 25px;
    border-radius: 5px;
}
.tit-tmtc2 {
    color: #99000d;
    font-weight: bold;
}
.th-tit{
    font-weight: bold;
}
.main-standard-domain{
    padding: 60px 0 30px;
    background: url(../img/bg-cloud.png) top left no-repeat;
    background-size: contain;
}
.tit-tmtc{
    font-size: 30px;
    color: #99000d;
    font-weight: 400;
    text-align: right;
    margin: 0;
    margin-bottom: 10px;
}
.bn-tmtc{
    text-align: center;
}
.call-sp{
    margin-top: 30px;
}
.top-call-sp{
    font-size: 24px;
}
.bot-call-sp{
    font-size: 30px;
    font-weight: 800;
    color: #99000d;
}
.tit-solu-marketing{
    font-size: 24px;
    font-weight: 800;
    color: #99000d;
    margin: 0;
    margin-bottom: 20px;
}
.main-solu-marketing{
    padding: 30px 0;
}
.block-solu-marketing{
    margin: 30px 0;
}
.main-solu-marketing .block-solu-marketing:nth-child(even) > .flex-bw{
    flex-direction: row-reverse;
}
.main-salient-features{
    padding: 60px 0 30px;
}
.icon-sf{
    margin: 0 auto;
    width: 80px;
    margin-bottom: 20px;
}
.tit-sf{
    font-weight: 700;
    margin: 10px 0 20px;
    font-size: 24px;
    text-align: center;
}
.des-sf{
    text-align: center;
    font-size: 15px;
}
.block-sf{
    margin-bottom: 30px;
}
.main-tab-pri-linux-em{
    padding: 60px 0 0;
}
.box-tit-banner{
    position: relative;
}
.box-tit-banner:before{
    content: "";
    display: block;
    width: 390px;
    height: 35px;
    border: 2px solid #cbcbcb;
    background: none;
    position: absolute;
    bottom: -20px;
    left: 30px;
}
.box-tit-banner:after{
    content: "";
    display: block;
    width: 390px;
    height: 35px;
    background: #99000d;
    position: absolute;
    bottom: -7px;
    left: 15px;
}
.tit-page-banner{
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
}
.sub-tit-page-banner{
    font-size: 18px;
    color: #fff;
}
.bann-bn{
    width: 80%;
    margin: 0 auto;
}
.block-grid-wodb{
    position: relative;
}
.block-grid-wodb:after{
    content: "";
    position: absolute;
    bottom: 30px;
    right: -60px;
    background: url(../img/dotted.png) top center no-repeat;
    background-size: contain;
    width: 183px;
    height: 185px;
}
.block-wodb{
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 50px 20px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
}
.block-wodb:hover{
    background-image: linear-gradient(to bottom right, #ff6666, #99000d);
}
.icon-wodb {
    width: 90px;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-wodb:before {
    content: '';
    position: absolute;
    width: 68px;
    height: 68px;
    background: #ffcbcb;
    border-radius: 50px;
    z-index: 1;
    right: -20px;
}
.icon-wodb img{
    position: relative;
    z-index: 2;
}
.icon-wodb img:last-child{
    display: none;
}
.block-wodb:hover .icon-wodb img:first-child{
    display: none;
}
.block-wodb:hover .icon-wodb img:last-child{
    display: inline-block;
}
.main-why-option-design-banner{
    padding: 160px 0 60px 0;
}
.tit-wodb{
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 20px;
}
.des-wodb{
    font-size: 15px;
}
.block-wodb:hover .tit-wodb,
.block-wodb:hover .des-wodb{
    color: #fff;
}
.first-items-wodb{
    position: relative;
    top: -100px;
}
.tit-big-wodb{
    font-size: 24px;
    font-weight: 800;
    color: #99000d;
    margin: 0;
    margin-bottom: 30px;
}
.des-big-wodb{
    font-size: 15px;
}
.main-3-group{
    background: url(../img/bg-group3.png) no-repeat;
    background-size: auto;
    padding: 100px 0 50px;
    background-position: -300px center;
}
.block-dvtkbn{
    margin-bottom: 60px;
}
.tit-dvtkbn{
    font-size: 24px;
    color: #99000d;
    font-weight: 800;
    margin: 0;
    margin-bottom: 30px;
}
.des-dvtkbn{
    font-size: 15px;
}
.sub-tit-dvtkbn{
    font-size: 24px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.block-group-2 .block-dvtkbn:nth-child(even) .flex-bw{
    flex-direction: row-reverse;
}
.block-group-2 .block-dvtkbn:nth-child(even) .flex-bw .des-dvtkbn{
    margin-bottom: 40px;
}
.box-steps{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.item-box-step{
    width: 130px;
    position: relative;
    z-index: 2;
}
.num-box-step{
    width: 113px;
    height: 101px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/bg-step.png) center center no-repeat;
    background-size: contain;
    font-size: 30px;
    color: #660000;
    font-weight: 800;
    margin: 0 auto;
}
.des-box-step{
    font-size: 16px;
    text-align: center;
    color: #660000;
    font-weight: 700;
    margin-top: 10px;
}
.bs-line1{
    position: absolute;
    width: 33%;
    height: 44px;
    background: url(../img/line1.png) center center no-repeat;
    background-size: contain;
    left: 25px;
    top: 10px;
}
.bs-line2{
    position: absolute;
    width: 33%;
    height: 44px;
    background: url(../img/line2.png) center center no-repeat;
    background-size: contain;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
}
.bs-line3{
    position: absolute;
    width: 33%;
    height: 44px;
    background: url(../img/line1.png) center center no-repeat;
    background-size: contain;
    right: 25px;
    top: 10px;
}
.items-blpd {
    column-count: 5;
    column-gap: 30px;
    margin-bottom: 50px;
}
.item-blpd {
    break-inside: avoid;
}
.item-blpd:first-child .content-blpd {
    margin-top: 0;
}
.item-blpd .content-blpd{
    margin-top: 30px;
}
.box-list-project-done{
    padding: 0 30px;
}
.img-blpd{
    display: block;
}
.content-blpd{
    position: relative;
    overflow: hidden;
}
.box-info-blpd{
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 10px 10px;
    background: #99000d;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.tit-blpd{
    color: #fff;
    font-weight: 700;
    margin: 0;
    margin-bottom: 7px;
    font-size: 16px;
}
.tit-blpd a{
    color: #fff;
}
.des-blpd{
    color: #fff;
    font-size: 15px;
}
.item-blpd:hover .box-info-blpd{
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
}
.zoom-blpd{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background: #99000d;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.item-blpd:hover .zoom-blpd{
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}
.main-2-group{
    background: url(../img/bg-group3-2.png) bottom right no-repeat;
    background-size: auto;
    padding: 50px 0 100px;
}
.box-banggia-tkbn .top-pack-linux{
    background: #99000d;
}
.box-banggia-tkbn {
    border: 1px solid #cfcfd0;
    border-radius: 6px;
    overflow: hidden;
}
.flex-banggia-tkbn > .row{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box-banggia-tkbn{
    margin-bottom: 30px;
}
.note-banggia-tkbn p{
    font-size: 15px;
    font-style: italic;
    margin-bottom: 10px;
}
.block-banggia-tkbn{
    margin-bottom: 60px;
}
.form-tuvan-tkbn label{
    font: 18px;
    margin-bottom: 15px;
}
.form-tuvan-tkbn .form-group{
    margin-bottom: 25px;
}
.banner-tuvan-tkbn{
    text-align: center;
}
.banner-dlp{
    text-align: center;
}
.block-design-logo-pro{
    padding: 60px 0;
}
.block-build-brand{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: -webkit-radial-gradient(top left,circle,#99000d 0%,#361e54 100%);
    background: radial-gradient(circle at top left,#99000d 0%,#361e54 100%);
    background-color: #361e54;
}
.box-build-brand{
    background: url(../img/luxu.png) no-repeat top left;
    background-attachment: fixed;
    padding: 60px 0 0;
    background-size: cover;
}
.bg-shape {
    width: 100%;
    overflow: hidden;
    background: url(../img/bg-shape.png) no-repeat bottom center;
    background-size: cover;
    background-position-y: 52px;
}
.block-why-design-logo{
    padding: 60px 0;
}
.icon-wdl{
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.icon-wdl img{
    object-fit: contain;
}
.block-wdl{
    margin-bottom: 30px;
}
.tit-wdl{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #99000d;
    margin-top: 20px;
}
#modal-design-logo .modal-dialog{
    width: 1120px;
}
#modal-design-logo .modal-body{
    background: -webkit-radial-gradient(top left,circle,#da7a7a 0%,#99000d 100%);
    background: radial-gradient(circle at top left,#da7a7a 0%,#99000d 100%);
    background-color: #99000d;
    box-shadow: 0 48px 48px -32px rgba(23,16,159,.2), 0 96px 96px -64px rgba(23,16,159,.4);
    padding: 40px;
}
#modal-design-logo .modal-body .editer-18 p{
    color: #fff;
}
#modal-design-logo .modal-body .form-control{
    font-size: 18px;
}
.block-ser-design-logo{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: -webkit-radial-gradient(top left,circle,#73185e 0%,#99000d 100%);
    background: radial-gradient(circle at top left,#73185e 0%,#99000d 100%);
    background-color: #99000d;
}
.bg-ser-design-logo{
    background: url(../img/luxu2.png) no-repeat top left;
    background-attachment: fixed;
    padding: 60px 0;
    background-size: cover;
}
.block-sdl{
    position: relative;
    padding: 15px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 6px;
    height: 100%;
}
.icon-sdl{
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.icon-sdl img{
    object-fit: contain;
}
.tit-sdl{
    font-size: 18px;
    margin: 20px 0;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.tit-sdl:after {
    content: '';
    display: table;
    width: 45px;
    height: 4px;
    background: #ffd23c;
    margin: 10px auto;
}
.des-sdl{
    font-size: 15px;
    text-align: center;
    color: #fff;
}
.box-reason-choose{
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.icon-reason-choose{
    width: 50px;
    height: 50px;
    margin-right: 15px;
}
.icon-reason-choose img{
    object-fit: contain;
}
.content-reason-choose{
    font-size: 15px;
    width: calc(100% - 65px);
}
.block-reason-choose {
    padding: 60px 0;
}
.block-camket-123corp{
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    background: -webkit-radial-gradient(top left,circle,#da7a7a 0%,#99000d 100%);
    background: radial-gradient(circle at top left,#da7a7a 0%,#99000d 100%);
    background-color: #99000d;
}
.top-camket{
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 10px;
    font-size: 18px;
}
.des-camket{
    text-align: center;
    font-size: 15px;
    color: #fff;
}
.flex-field{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-field{
    margin-bottom: 20px;
}
.icon-area{
    width: 30px;
}
.icon-area img{
    width: 100%;
    object-fit: contain;
}
.name-field{
    width: calc(100% - 45px);
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
}
.block-field-logo{
    padding: 60px 0;
}
.block-tke{
    padding: 40px 0 10px;
    overflow: hidden;
    position: relative;
    background: -webkit-radial-gradient(top left,circle,#da7a7a 0%,#99000d 100%);
    background: radial-gradient(circle at top left,#da7a7a 0%,#99000d 100%);
    background-color: #99000d;
}
.icon-tke{
    width: 44px;
    margin: 0 auto;
}
.icon-tke img{
    width: 100%;
    object-fit: contain;
}
.count-tke{
    text-align: center;
    font-size: 50px;
    font-weight: 800;
    color: #fff;
}
.des-tke{
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.box-tke{
    margin-bottom: 30px;
}
.block-quytrinh{
    background: #e2e9f3;
    padding: 60px 0;
}
.bg-quytrinh{
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(../img/luxu3.png) no-repeat top center;
    background-attachment: fixed;
    background-size: contain;
}
.box-content-quytrinh{
    position: relative;
    width: 410px;
    margin: 0 auto;
}
.itemqt {
    width: auto;
    position: absolute;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.qt01 {
    top: 0;
    right: calc(100% - 130px);
}
.qt02 {
    top: 0;
    left: calc(100% - 130px);
}
.qt03 {
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% - 70px);
}
.qt04 {
    bottom: 0;
    left: calc(100% - 130px);
}
.qt05 {
    bottom: 0;
    right: calc(100% - 130px);
}
.qt06 {
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% - 70px);
}
.itemqt.qt02 .contentqt,
.itemqt.qt03 .contentqt{
    margin-left: 10px;
    margin-right: 0;
}
.itemqt .contentqt {
    float: left;
    margin: 0 10px 0 0;
    padding: 0px;
}
.itemqt .contentqt h4 {
    font-weight: 600;
    font-size: 16px;
    color: #404040;
    text-transform: uppercase;
}
.imgitem {
    background: url(../img/bg-qt.png) no-repeat;
    width: 101px;
    height: 101px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.imgitem p {
    font-weight: 700;
    font-size: 34px;
    color: #c71781;
    position: relative;
    top: -2px;
}
.a-logo-brand{
    display: block;
    position: relative;
    overflow: hidden;
}
.a-logo-brand > img{
    width: 100%;
    object-fit: cover;
}
.box-info-logo{
    display: block;
    position: absolute;
    color: #fff;
    text-align: center;
    bottom: 0;
    padding: 20px;
    z-index: 9;
    width: 100%;
    transform: translateY(100%);
    transition: all 0.3s;
}
.name-comp-logo {
    display: block;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 16px;
}
.design-by{
    display: block;
    text-align: center;
}
.design-by span{
    color: #99000d;
    text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}
.a-logo-brand:hover .box-info-logo{
    transform: translateY(0);
    transition: all 0.3s;
}
.a-logo-brand:hover:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-image: -webkit-linear-gradient(315deg, #4a4a4a, #99000d);
    background-image: linear-gradient(135deg, #4a4a4a, #99000d);
    cursor: pointer;
    opacity: 0.7;
}
.block-logo-brand{
    margin-bottom: 30px;
}
.block-project-logo-best {
    padding: 60px 0;
}
.btb-red .tit-page-banner{
    color: #99000d;
}
.btb-red.box-tit-banner:after{
    background: #ccc;
}
.sub-tit-page-banner.stpb-red{
    color: #000;
    margin-bottom: 10px;
}
.main-wraper-form-order{
    background: url(../img/bg-form.png) top center no-repeat;
    background-size: auto;
    padding: 60px 0;
}
.sub-tit-fo{
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}
.tit-pub-fo{
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 30px;
    color: #000;
}
.tit-pub-fo span{
    color: #99000d;
}
.top-step-fo{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.top-step-fo span{
    color: #99000d;
}
.icon-step-fo{
    margin: 0 auto;
    width: 78px;
    height: 78px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}
.icon-step-fo img{
    width: auto !important;
    display: inline-block !important;
}
.content-step-fo{
    padding: 5px;
    position: relative;
}
.content-step-fo:after {
    bottom: calc(100% - 5px);
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #dadada;
    border-width: 10px;
    margin-left: -10px;
}
.in-content-fo{
    box-shadow: 0 0 5px #ccc;
    background: #fff;
}
.top-content-fo{
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    cursor: pointer;
}
.top-content-fo > img{
    width: 26px !important;
    display: inline-block !important;
    object-fit: unset;
    margin-right: 10px;
}
.tit-content-fo{
    display: block;
    width: auto;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.bot-content-fo{
    padding: 15px;
    padding-top: 0;
    display: none;
}
.bot-content-fo p{
    border-top: 1px solid #ccc;
    padding-top: 15px;
}
.block-slider-step{
    position: relative;
    margin-bottom: 60px;
}
.block-slider-step .owl-carousel .owl-item:before{
    content: "";
    position: absolute;
    top: 84px;
    width: calc(100% + 70px);
    height: 1px;
    background: #ccc;
}
.block-slider-step .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    outline: unset;
    border: none;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    border: 5px solid #e5e5e5;
    background: #99000d;
    top: 57px;
    right: 0;
    z-index: 9;
    margin: 0;
}
.block-slider-step .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    outline: unset;
    border: none;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    border: 5px solid #e5e5e5;
    background: #99000d;
    top: 57px;
    left: 0;
    z-index: 9;
    margin: 0;
}
.item-form-dw{
    margin-bottom: 30px;
}
.tit-form-dw{
    font-size: 24px;
    color: #000;
    margin: 0;
    margin-bottom: 30px;
    font-weight: 800;
}
.tit-form-dw span{
    font-size: 48px;
    color: #99000d;
    font-weight: 800;
}
.form-group-dw{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.form-group-dw-line{
    margin-bottom: 30px;
}
.plabel-dw{
    font-weight: 700;
    white-space: nowrap;
}
.plabel-dw-line{
    font-weight: 700;
}
.plabel-dw-line .sub-label{
    margin-left: 15px;
    font-style: italic;
    font-weight: 400;
}
.form-group-dw input{
    width: 100%;
    box-shadow: unset;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    background: none;
    outline: unset;
}
.form-group-dw-line input{
    width: 100%;
    box-shadow: unset;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    background: none;
    outline: unset;
}
.pfile{
    font-weight: 700;
    margin-bottom: 20px;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 220px;
}
.btn-apply {
    border: 1px solid #9a9999;
    background-color: #cccccc;
    padding: 8px 10px 5px 10px;
    font-size: 15px;
    color: #000;
    border-radius: 4px;
}
.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.taildot{
    width: calc(100% - 220px);
    font-style: italic;
}
.box-select-dw{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 30px 10px 15px;
    position: relative;
    min-height: 46px;
    cursor: pointer;
}
.box-select-dw:before{
    content: "";
    display: block;
    width: 13px;
    height: 15px;
    background: url(../img/arr-down-black.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 15px;
}
.box-select-cate-dw {
    position: absolute;
    z-index: 99;
    width: 135%;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    padding: 40px 40px 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    top: calc(100% - 1px);
}
.box-select-cate-dw.active{
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}
.tit-dw {
    margin: 0;
    margin-bottom: 25px;
    text-transform: capitalize;
    font-size: 20px;
}
.list-dw a{
    display: inline-block;
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 10px;
    color: #000;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 10px 20px;
    color: #999;
}
.list-dw a.active{
    border: 1px solid #99000d;
    pointer-events: none;
}
.list-dw a.active .name-dw{
    color: #99000d;
}
.name-dw{
    color: #000;
}
.item-select-cate-dw{
    margin-bottom: 30px;
}
#list-dw-append a{
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    color: #99000d !important;
    border: 1px solid #99000d;
    padding: 5px 33px 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}
.remove-dw {
    position: absolute;
    right: 5px;
    top: 7px;
    z-index: 2;
    width: 20px;
}
.box-list-select-dw{
    position: relative;
    width: 100%;
}
.container-radio {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
}
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: auto;
}
.container-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.container-radio:hover input~.checkmark {
    background-color: #ccc;
}
.container-radio input:checked~.checkmark {
    background-color: transparent;
    border: none;
}
.container-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container-radio input:checked~.checkmark:after {
    display: block;
}
.container-radio .checkmark:after {
    left: 8px;
    top: 2px;
    width: 9px;
    height: 16px;
    border: solid #9c0d19;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.item-glc {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 20px;
}
.item-glc .container-radio{
    margin-right: 100px;
}
.box-orther{
    display: flex;
    align-items: flex-end;
}
.box-orther > p{
    font-size: 18px;
    white-space: nowrap;
    margin-right: 10px;
}
.form-group-dw-line .box-orther input{
    padding: 0 10px 5px 10px;
}
.group-list-check-bw .item-glc{
    justify-content: space-between;
}
.group-list-check-bw .item-glc .container-radio{
    margin: 0;
}
.flex-cms{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.item-cms{
    display: flex;
    align-items: center;
    margin-right: 200px;
}
.item-cms img{
    width: 18px;
    margin-right: 10px;
}
.flex-cms .item-cms:last-child{
    margin: 0;
}
.box-doamin-buy input{
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0 10px;
}
.box-doamin-buy .container-radio{
    margin-right: 0;
}
.box-doamin-buy a{
    color: #99000d;
}
.box-doamin-buy span{
    font-style: italic;
}
.group-list-check-bw.glcb-col .item-glc {
    justify-content: unset;
    flex-direction: column;
    align-items: baseline;
    flex-wrap: wrap;
}
.group-list-check-bw.glcb-col .item-glc .container-radio{
    margin-bottom: 20px;
}
.des-form-dw{
    font-style: italic;
    margin-bottom: 20px;
}
.flex-data .item-cms{
    margin-right: 0;
    margin-bottom: 15px;
}
.flex-data{
    margin-bottom: 30px;
}
.flex-button-form-order{
    display: flex;
    align-items: center;
}
.btn-sub-form{
    display: inline-block;
}
.box-captcha{
    margin-right: 30px;
}
.main-404{
    background: #f8f9fa url(../img/bg-404.png) bottom right no-repeat;
    background-size: contain;
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
}
.main-404:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(rgba(0,0,0,0.4), transparent);
    z-index: 1;
}
.tit-error{
    font-size: 50px;
    font-weight: 800;
    margin: 0;
    color: #99000d;
}
.p-not-found{
    font-size: 50px;
    margin-bottom: 20px;
}
.des-not-found{
    font-size: 18px;
    margin-bottom: 40px;
}
.back-home.btn-send-contact{
    font-size: 24px;
    margin-right: 30px;
    white-space: nowrap;
}
.flex-back-search{
    display: flex;
    align-items: center;
}
.form-search-404{
    width: 100%;
}
.form-search-404 form{
    display: flex;
    align-items: center;
}
.form-search-404 form input{
    font-size: 18px;
    height: 56px;
    padding: 6px 15px;
    border-radius: 50px 0 0 50px;
    border: 1px solid #ccc;
    border-right: unset;
    outline: unset;
    width: 100%;
}
.form-search-404 form button{
    height: 56px;
    width: 100px;
    background: #99000d;
    border: none;
    outline: unset;
    border-radius: 0 50px 50px 0;
}
.form-search-404 form button img{
    width: 30px;
}
.tit-page-w{
    font-size: 32px;
    color: #fff;
    margin: 0;
    font-weight: 800;
    margin-bottom: 20px;
}
.sub-tit-page-w{
    font-size: 18px;
    color: #fff;
}
.block-statis-intro{
    position: relative;
    overflow: hidden;
    padding: 150px 20px 50px;
    height: 100%;
}
.block-statis-intro:before{
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 45px;
    height: 97px;
    background: url(../img/dot-intro.png) center center no-repeat;
    background-size: auto;
}
.box-count-statis{
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
}
.num-count-statis{
    text-align: center;
    font-size: 72px;
    color: #fff;
    font-weight: 800;
}
.tit-statis{
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
}
.des-statis{
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 9;
}
.main-block-statistic{
    padding: 40px 0;
}
.main-block-statistic .row{
    display: flex;
    flex-wrap: wrap;
}
.tit-pub-intro{
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    margin: 0;
    margin-bottom: 30px;
}
.tit-pub-intro span{
    color: #99000d;
}
.sub-tit-wp{
    text-align: center;
    color: #99000d;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}
.main-working-pro{
    padding: 40px 0;
}
.top-item-wp{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
}
.icon-wp{
    width: 68px;
    margin-right: 17px;
    border-radius: 6px;
    overflow: hidden;
}
.tit-top-item-wp{
    font-size: 24px;
    font-weight: 800;
    width: calc(100% - 85px);
}
.item-wp{
    margin-bottom: 40px;
}
.banner-intro-wp img{
    position: relative;
    z-index: 2;
}
.banner-intro-wp:before{
    content: "";
    position: absolute;
    background: url(../img/dotted.png) top left no-repeat;
    background-size: contain;
    display: block;
    width: 183px;
    height: 185px;
    top: -60px;
    left: -60px;
}
.main-video-intro{
    position: relative;
    height: 600px;
}
.main-video-intro video{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}
.block-are-you-ready{
    padding: 60px 0 160px;
    position: relative;
}
.block-are-you-ready:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 100px;
    width: 1px;
    background: #ccc;
}
.tit-ready{
    font-size: 32px;
    color: #99000d;
    font-weight: 400;
    text-align: right;
    margin: 0;
    margin-bottom: 30px;
}
.des-join-us{
    margin-bottom: 30px;
}
.contact-today{
    font-size: 24px;
    font-weight: 700;
}
.phone-contact-today{
    font-size: 32px;
    font-weight: 800;
    color: #99000d;
    margin-bottom: 20px;
}
.send-yc-intro{
    display: inline-block;
    background: #99000d;
    color: #fff !important;
    font-size: 18px;
    padding: 10px 40px;
    position: relative;
    outline: unset;
    border: 1px solid #99000d;
    border-radius: 50px;
}
.send-yc-intro:hover{
    color: #99000d !important;
    background: #fff;
    box-shadow: 0 0 7px #99000d;
}
.block-step-working-project{
    padding: 60px 0;
    background: #f9f9f9;
}
.item-lswp{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}
.left-item-lswp{
    width: calc(50% - 130px);
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    padding: 15px;
    position: relative;
}
.left-item-lswp:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 100%;
    box-sizing: border-box;
    border: 10px solid black;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(-135deg);
    box-shadow: -3px 3px 3px 0 rgb(204 204 204 / 0.5);
    top: 55px;
}
.lright-item-lswp {
  width: calc(50% - 130px);
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  padding: 15px;
  position: relative;
}
.lright-item-lswp:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  box-sizing: border-box;
  border: 10px solid black;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: black;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  box-shadow: -3px 3px 3px 0 rgb(204 204 204 / 0.5);
  top: 30px;
}
.top-left-item-lswp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    cursor: pointer;
}
.bot-left-item-lswp{
    border-top: 1px solid #ccc;
    padding-top: 15px;
    display: none;
}
.bot-left-item-lswp p{
    text-align: right;
}
.text-tli-lswp{
    width: calc(100% - 70px);
    font-size: 18px;
    text-align: right;
}
.top-left-item-lswp > img{
    width: 70px;
    object-fit: none;
    object-position: right center;
    height: 25px;
}
.center-item-lswp {
    margin: 0 auto;
    width: 78px;
    height: 78px;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    top: 5px;
}
.right-item-lswp{
    width: calc(50% - 130px);
}
.right-item-lswp .top-step-fo{
    margin-top: 30px;
    margin-bottom: 0;
    text-align: left;
}
.list-step-working-project {
    position: relative;
    padding: 40px 0;
    width: 90%;
    margin: 0 auto;
}
.list-step-working-project:before{
    content: "";
    position: absolute;
    right: 50%;
    height: 100%;
    width: 1px;
    top: 0;
    background: #ccc;
}
.list-step-working-project .item-lswp:nth-child(even){
    flex-direction: row-reverse;
}
.list-step-working-project .item-lswp:nth-child(even) .top-left-item-lswp{
    flex-direction: row-reverse;
}
.list-step-working-project .item-lswp:nth-child(even) .right-item-lswp .top-step-fo{
    text-align: right;
}
.list-step-working-project .item-lswp:nth-child(even) .top-left-item-lswp > img{
    object-position: left center;
}
.list-step-working-project .item-lswp:nth-child(even) .text-tli-lswp,
.list-step-working-project .item-lswp:nth-child(even) .bot-left-item-lswp p{
    text-align: left;
}
.flex-team{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.item-team{
    background: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 40px 20px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}
.avatar-team{
    text-align: center;
}
.name-team{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
}
.name-team:after{
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 60px;
    height: 6px;
    background: #99000d;
}
.position-team{
    text-align: center;
}
.main-my-team {
    padding: 20px 0 40px;
}
.tit-search-page{
    margin: 0;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
}
.keyword{
    font-style: italic;
    color: #99000d;
}
.tit-count-kq{
    margin-bottom: 40px;
    font-size: 18px;
}
.item-kq-search{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.tit-kq-search{
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
}
.des-kq-search {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    -webkit-line-clamp: 2;
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hightlight-kq{
    background: #99000d;
    color: #fff;
}
.main-search-page{
    padding: 60px 0;
}
.main-effective{
    padding: 60px 0;
}
.block-eff{
    background: #ffffff;
    box-shadow: 0 0 10px #ccc;
    border: 1px solid transparent;
    padding: 20px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    overflow: hidden;
}
.block-eff:hover{
    border: 1px solid #99000d;
    border-radius: 6px;
}
.block-eff:hover .tit-eff{
    text-shadow: 2px 2px 0px #fff,3px 3px 2px #99000d;
}
.top-block-eff{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.icon-eff{
    width: 140px;
    height: 140px;
    border-radius: 6px;
    background: #f2f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.icon-eff img{
    height: 70px;
}
.tit-eff{
    width: calc(100% - 160px);
    font-size: 24px;
    font-weight: 800;
    position: relative;
    z-index: 2;
}
.num-eff {
    font-size: 110px;
    font-weight: 800;
    color: #e3cacc;
    position: absolute;
    right: 0;
    top: 50%;
    height: 79px;
    line-height: 72px;
    transform: translateY(-50%);
}
.bot-block-eff{
    margin-top: 30px;
}
.tit-solu-123{
    color: #fff;
    font-weight: 800;
    margin: 0;
    margin-bottom: 40px;
}
.main-solution-123corp{
    background: url(../img/bg-phone.jpg) top right no-repeat;
    background-size: cover;
    padding: 60px 0;
}
.block-solu-123{
    background: #fff;
    border-radius: 6px;
    border: 1px solid #fff;
    padding: 30px 15px;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.icon-solu-123{
    text-align: center;
    position: relative;
    z-index: 2;
}
.icon-solu-123 img{
    height: 80px;
    position: relative;
    z-index: 2;
}
.icon-solu-123 img:last-child{
    display: none;
}
.block-solu-123:hover .icon-solu-123 img:first-child{
    display: none;
}
.block-solu-123:hover .icon-solu-123 img:last-child{
    display: inline-block;
}
.tit-solu{
    font-size: 24px;
    text-align: center;
    margin: 20px 0;
    color: #000;
    font-weight: 800;
    position: relative;
    z-index: 2;
}
.des-solu{
    text-align: center;
    position: relative;
    z-index: 2;
}
.block-solu-123:hover{
    background: url(../img/bg-solu.jpg) center center no-repeat;
    background-size: cover;
}
.block-solu-123:hover:before{
content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(153,0,13,0.8);
}
.block-solu-123:hover .tit-solu{
    color: #fff;
}
.block-solu-123:hover .des-solu{
    color: #fff;
}
.ic-solu-top:before {
    content: '';
    position: absolute;
    width: 42px;
    height: 42px;
    background: rgba(153,0,13,0.3);
    border-radius: 50px;
    z-index: 1;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
}
.block-solu-123:hover .ic-solu-top:before{
    background: #a51e29;
}
.tit-pub-tkw{
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 30px;
}
.main-my-customer{
    background: #f2f0f0;
    padding: 60px 0;
}
.items-cus img{
    object-fit: cover;
}
.block-slider-cus{
    position: relative;
    padding: 0 30px;
}
.block-slider-cus .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    outline: unset;
}
.block-slider-cus .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    outline: unset;
}
.main-phone-cont{
    background: url(../img/bg-cont.jpg) center center no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.tit-phon-cont{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.flex-phone{
    display: flex;
    align-items: center;
}
.ap-mess{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    background: #fff;
    font-size: 20px;
    color: #99000d;
    font-weight: 800;
    padding: 0 20px;
    margin-right: 50px;
    position: relative;
}
.ap-mess:before{
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url(../img/p-mess-r.svg) center center no-repeat;
    background-size: 33px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}
.ap-mess:hover:before{
    background: url(../img/p-mess-w.svg) center center no-repeat;
}
.ap-db{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    background: #1e7dc9;
    font-size: 20px;
    color: #fff !important;
    font-weight: 600;
    padding: 0 20px;
    margin-right: 50px;
    position: relative;
}
.ap-db:before{
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url(../img/p-db-w.svg) center center no-repeat;
    background-size: 33px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}
.ap-mess:after,
.ap-db:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #99000d;
    transition: all 0.3s;
}
.ap-mess:hover:after,
.ap-db:hover:after{
    width: 100%;
    transition: all 0.3s;
}
.ap-mess span,
.ap-db span{
    position: relative;
    z-index: 2;
}
.ap-mess:hover,
.ap-db:hover{
    color: #fff;
}
.block-dmf{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fa;
    border: 1px solid #dadada;
    padding: 15px;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}
.block-dmf > img{
    width: 60px;
    object-fit: unset;
}
.tit-dmf{
    width: calc(100% - 80px);
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    margin-top: 12px;
}
.main-design-multi-field{
    padding: 60px 0;
}
.box-view-temp {
    height: calc(100% - 30px);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-view-temp a{
    font-size: 16px;
    font-weight: 700;
}
.box-view-temp a img{
    margin-left: 15px;
}
.main-send-request{
    padding: 30px 0;
}
.sub-tit-sr{
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}
.div-to-contact{
    text-align: center;
    margin-bottom: 30px;
}
.div-to-contact a{
    color: #99000d;
    font-weight: 600;
    font-size: 24px;
}
.div-to-contact a img{
    width: 26px;
    margin-left: 15px;
}
.main-send-request .block-send-yc{
    background: #f8f9fa;
}
.main-news-for-tkw{
    padding: 60px 0;
}
.items-block-news{
    padding: 7px;
}
.items-block-news .block-news{
    box-shadow: 0 0 7px #ccc;
    margin: 0;
    background: none;
}
.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);
}
.items-block-news .view-pac img{
    width: 0;
    display: inline-block;
}
.items-block-news .view-pac:hover img{
    width: 15px;
}
.items-block-news .view-pac{
    font-size: 16px;
}
.info-news {
    padding: 15px;
}
.tit-news-web {
    margin: 0;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 700;
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap; 
    
    text-overflow: ellipsis;
    height: 30px;
}
.block-slider-news-web .tit-news-web{
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.des-news-web {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    
    line-height: 25px;
    
    -webkit-line-clamp: 3;
    
    height: 75px;
    
    display: -webkit-box;
    
    -webkit-box-orient: vertical;
}
.block-slider-news-web .owl-theme .owl-dots .owl-dot.active span, 
.block-slider-news-web .owl-theme .owl-dots .owl-dot:hover span{
    background: #99000d;
}
.block-slider-news-web .owl-theme .owl-dots .owl-dot{
    outline: unset;
}
.block-slider-news-web{
    position: relative;
    padding: 0 75px;
}
.block-slider-news-web .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    left: -75px;
    outline: unset;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #999999;
    z-index: 9;
}
.block-slider-news-web .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -75px;
    outline: unset;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #999999;
    z-index: 9;
}
.block-slider-news-web .owl-carousel .owl-nav button.owl-next:hover,
.block-slider-news-web .owl-carousel .owl-nav button.owl-prev:hover{
    background: #99000d;
}
.block-slider-news-web .owl-theme .owl-nav{
    margin-top: 20px;
}
.main-take-baogia{
    background: url(../img/bg-baogia.jpg) center center no-repeat;
    background-size: cover;
    padding: 60px 0;
}
.tit-take-bg{
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    margin-bottom: 30px;
}
.tit-take-bg:before{
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: #fff;
    margin-bottom: 30px;
}
.des-take-gb{
    color: #fff;
}
.a-take-bg{
    font-size: 24px;
    color: #99000d;
    background: #fff;
    padding: 10px 20px;
    font-weight: 800;
    display: inline-block;
}
.a-take-bg:hover{
    box-shadow: 0 0 20px #fff;
}
.main-advantages{
    padding: 60px 0;
}
.main-advantages .nav-tabs{
    border: none;
}
.main-advantages .nav-tabs>li{
    float: none;
    margin: 0;
    margin-bottom: 20px;
}
.main-advantages .nav-tabs>li>a{
    margin: 0;
    background: #efefef !important;
    border-radius: 0 !important;
    border: none !important;
    font-size: 18px;
    color: #000;
    font-weight: 700;
    padding: 15px;
}
.round-adv{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    position: relative;
    margin-right: 15px;
}
.round-adv span{
    width: 14px;
    height: 14px;
    background: #99000d;
    border-radius: 50px;
    position: relative;
    z-index: 2;
}
.main-advantages .nav-tabs>li.active>a .round-adv:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #cd8f95;
}
.main-advantages .nav-tabs>li.active>a .round-adv:after{
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #cd8f95;
}
.banner-adv img{
    text-align: center;
}
.tit-news-page{
    font-weight: 800;
    margin: 0;
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
    font-size: 32px;
}
.des-news-page{
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.main-news-page{
    background: #f8f9fa;
    padding: 30px 0;
}
.block-news{
    background: #fff;
    margin-bottom: 30px;
}
.block-big-news .tit-news-web{
    font-size: 24px;
    margin-bottom: 20px;
}
.block-big-news .des-news-web{
    margin-bottom: 20px;
}
.block-big-news .info-news{
    padding: 30px 20px 20px 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;
}
.block-big-news {
    margin-top: -110px;
    margin-bottom: 30px;
}
.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;
}
.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;
}
.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%);}
}
.box-tit-nc{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.box-tit-nc h3{
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.block-news-cate{
    margin-bottom: 30px;
}
.box-tit-nc a{
    display: inline-block;
    margin-left: 50px;
    background: #fefbfc;
    border: 1px solid #ccc;
    padding: 7px 15px;
    border-radius: 50px;
    color: #99000d;
}
.box-tit-nc a img{
    width: 20px;
    margin-left: 15px;
    position: relative;
    top: -1px;
}
.block-banner-news {
    margin-top: -110px;
}
.breadc-news-detail span a{
    color: #fff;
}
.breadc-news-detail span{
    color: #fff;
    font-size: 18px;
}
.tit-news-page-detail{
    font-size: 32px;
    font-weight: 800;
    margin: 20px 0;
    color: #fff;
}
.date-news-detail{
    font-size: 18px;
    color: #fff;
}
.top-mucluc{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.content-mucluc{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    margin-left: 20px;
}
.block-mucluc{
    background: #f4f4f4;
    padding: 20px;
}
.box-content-news{
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
}
.bottom-mucluc{
    margin-top: 30px;
    display: none;
}
.bottom-mucluc ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.bottom-mucluc ul ul{
    list-style-type: none;
    padding-left: 20px;
    margin: 0;
    margin-top: 10px;
}
.bottom-mucluc > ul li{
    margin-bottom: 10px;
}
.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 li a{
    font-size: 16px;
    color: #000;
}
.block-content-news{
    margin: 20px 0;
}
.tit-control-news{
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 16px;
}
.box-control-news{
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.link-control-news{
    font-weight: 700;
    font-size: 16px;
}
.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 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.block-rating{
    padding: 20px 0;
}
.label-rat {
    padding-top: 7px;
    width: 150px;
}
.gr-rat input,
.gr-rat textarea{
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    width: calc(100% - 150px);
    outline: unset;
}
.add-rat{
    padding: 10px 20px;
    border-radius: 4px;
    background: #99000d;
    color: #fff;
    outline: unset;
    border: none;
}
.btn-rat{
    width: calc(100% - 150px);
}
.block-list-rat{
    margin-top: 10px;
}
.top-list-rat{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.item-list-rat{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.avatar-rat{
    width: 50px;
    margin-right: 15px;
}
.name-rat{
    font-size: 16px;
    font-weight: 700;
    margin-right: 15px;
}
.star-rat span{
    color: orange;
    font-size: 18px;
}
.tit-rat{
    color: #99000d;
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    margin-bottom: 20px;
}
.block-list-rat .item-list-rat:last-child{
    padding: 0;
    border: none;
}
.star-rat {
    display: flex;
    align-items: center;
}
.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;
}
.info-item-lnp .tit-news-web{
    font-size: 24px;
}
.pagi-news{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.pagi-news a{
    display: inline-block;
    padding: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 5px;
}
.pagi-news a.active,
.pagi-news a:hover{
    color: #99000d;
}
.pagi-news a.control-pagi{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #99000d;
    border-radius: 50px;
    background: #fefbfc;
}
.main-banner-web-job{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    overflow: hidden;
    padding: 30px 0;
}
.main-banner-web-job:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-image: linear-gradient(rgba(0,0,0,0.8), transparent);
    z-index: 1;
}
.main-banner-web-job > .container{
    position: relative;
    z-index: 9;
    padding-top: 100px;
}
.breadc-web-job span {
    font-size: 18px;
}
.tit-web-job{
    color: #99000d;
    font-weight: 800;
    margin: 20px 0;
    font-size: 32px;
}
.des-web-job{
    font-size: 18px;
    margin-bottom: 30px;
}
.phone-bsb{
    display: inline-flex;
    align-items: center;
    padding: 5px 20px 5px 5px;
    border-radius: 50px;
    background-image: linear-gradient(#e13645, #99000d);
    margin-right: 40px;
    border: 1px solid #99000d;
}
.phone-bsb span{
    font-size: 20px;
    color: #fff !important;
    font-weight: 800;
}
.phone-bsb:before{
    content: "";
    display: inline-block;
    width: 54px;
    height: 54px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    background: #fff url(../img/p-db-r.svg) center center no-repeat;
    border-radius: 50px;
    background-size: 33px;
}
.yc-bsb{
    display: inline-flex;
    align-items: center;
    padding: 5px 20px 5px 5px;
    border-radius: 50px;
    background: #fff;
    margin-right: 40px;
    border: 1px solid #99000d;
}
.yc-bsb span{
    font-size: 20px;
    color: #99000d !important;
    font-weight: 700;
}
.yc-bsb:before{
    content: "";
    display: inline-block;
    width: 54px;
    height: 54px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    background: #99000d url(../img/phone-call-w.svg) center center no-repeat;
    border-radius: 50px;
    background-size: 33px;
}
.yc-bsb:hover,
.phone-bsb:hover{
    box-shadow: 0 0 7px #99000d;
}
.main-web-for-job{
    background: #f8f9fa;
    padding: 60px 0;
}
.des-top-wfj{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.content-web-for-job{
    background: #fff;
    padding: 20px;
}
.view-intro-aside{
    margin-top: 20px;
}
.view-intro-aside a{
    display: inline-block;
    border: 1px solid #99000d;
    padding: 7px 15px;
    font-size: 15px;
    color: #99000d;
    border-radius: 50px;
}
.view-intro-aside a img{
    margin-left: 10px;
    position: relative;
    top: -1px;
}
.view-intro-aside a:hover{
    background: #fff;
    box-shadow: 0 0 7px #99000d;
}
.block-intro-aside{
    margin-bottom: 30px;
}
.block-uuthe-aside{
    margin-bottom: 30px;
    background: #fff;
    padding: 20px 15px;
}
.block-uuthe-aside .block-tab-package .nav-tabs>li>a{
    padding: 15px;
    display: block;
}
.block-uuthe-aside .top-pac-tab-aside {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.block-uuthe-aside .icon-pac-tab{
    width: 40px;
    margin-right: 10px;
}
.block-uuthe-aside .tit-pac-tab{
    width: calc(100% - 50px);
    margin: 0;
    font-size: 13px;
}
.block-uuthe-aside .des-pac-tab{
    font-size: 13px;
}
.block-uuthe-aside .block-tab-package .nav-tabs>li>a:before{
    left: -30px;
    top: 35px;
}
.block-regis-sup-aside{
    margin-bottom: 30px;
    background: #fff;
    border: 2px solid #99000d;
    padding: 15px;
}
.tit-rsa{
    font-size: 20px;
    color: #99000d;
    font-weight: 700;
    margin-bottom: 20px;
}
.tit-rsa img{
    width: 40px;
    margin-right: 20px;
}
.group-rs{
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px 6px 42px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}
.group-rs input{
    outline: unset;
    background: none;
    border: none;
    box-shadow: unset;
}
.group-rs > img{
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.main-temp-for-job {
    padding: 60px 0;
}
.main-temp-for-job .img-project:hover .img-temp-demo img {
    transform: translate(0, calc(-100% + 390px));
    -webkit-transform: translate(0, calc(-100% + 390px));
}
.main-temp-for-job .img-project .img-temp-demo{
    border-radius: 0;
}
.main-temp-for-job .box-view-project{
    background: rgb(153,0,13,0.5);
}
.main-temp-for-job .block-project{
    background: #ebebeb;
    padding: 15px;
}
.main-temp-for-job .name-project{
    margin-top: 20px;
    margin-bottom: 5px;
    text-transform: unset;
    font-size: 16px;
}
.main-temp-for-job .name-project a{
    font-weight: 700;
    color: #99000d;
}
.main-temp-for-job .img-project{
    border: 1px solid #99000d;
}
.view-more-temp{
    display: inline-block;
    padding: 15px 50px;
    background: #99000d;
    color: #fff !important;
    font-weight: 700;
    border-radius: 6px;
    text-transform: uppercase;
}
.view-more-temp:hover{
    box-shadow: 0 0 10px #99000d;
}
.main-partner-web{
    background: #f8f9fa;
    padding: 60px 0;
}
.tit-recrui{
    text-align: center;
    color: #fff;
    font-weight: 800;
    font-size: 48px;
    margin: 0;
    margin-bottom: 40px;
}
.sub-tit-recrui{
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin: 0;
}
.main-tab-recrui{
    padding: 60px 0 30px;
}
.block-tab-recrui table{
    width: 100%;
}
.block-tab-recrui table tr th{
    font-size: 18px;
    font-weight: 700;
    padding: 15px 10px;
}
.block-tab-recrui table tr{
    border-bottom: 1px solid #ccc;
}
.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;
}
.view-recrui img{
    margin-left: 7px;
}
.view-recrui:hover{
    box-shadow: 0 0 5px #99000d;
}
.main-who-are-we{
    position: relative;
    padding: 30px 0 60px;
}
.tit-waw{
    font-size: 32px;
    font-weight: 800;
    color: #99000d;
    margin: 0;
}
.main-who-are-we:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    height: 60%;
    background: #f5f5f5;
}
.block-tab-refer{
    padding: 60px 0;
}
.banner-refer img{
    width: 100%;
}
.block-tab-refer .tit-pac-tab{
    font-size: 18px;
}
.block-tab-refer .des-pac-tab{
    font-size: 16px;
}
.block-how-we-work{
    padding: 30px 0 60px;
}
.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-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%;
}
.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;
}
.main-activate{
    padding: 30px 0;
}
.main-group-activate-join{
    background: url(../img/bg-vn.png) center center no-repeat;
    background-size: auto;
}
.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: 16px;
    margin: 20px 0 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.block-activate{
    margin-bottom: 30px;
}
.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;
}
.main-join-team{
    padding: 30px 0;
}
.tit-join:after{
    content: "";
    display: block;
    width: 60px;
    height: 6px;
    background: #99000d;
    margin: 0 auto;
    margin-top: 30px;
}
header.header-recrui {
    position: relative;
    box-shadow: 0px 1px 5px #ccc;
    right: 0;
}
header.header-recrui .ul-main-menu > li > a{
    color: #000;
}
header.header-recrui .ul-main-menu > li.cate-order > a{
    color: #fff;
}
header.header-recrui .ul-main-menu > li:hover > a{
    color: #fff;
}
header.header-recrui .has-sub > a:after{
    background: url(../img/arr-down-black.png);
    background-size: contain;
}
header.header-recrui .ul-main-menu > li.cate-search a{
    background: url(../img/search-black.svg) center center no-repeat;
    background-size: 20px;
    background-position-y: 10px;
}
header.header-recrui .ul-main-menu > li:hover > a:after {
    background: url(../img/arr-down.png);
    background-size: contain;
}
.header-recrui .search-mb{
    background: url(../img/search.svg) center center no-repeat;
    background-size: 20px;
    background-position-y: 8px;
}
.header-recrui #navbar-icon span{
    background: #99000d;
}
.block-breadc {
    margin: 30px 0 0 0;
}
.block-breadc span{
    font-size: 18px;
}
.main-recrui-detail{
    padding: 40px 0;
}
.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;
}
.line-rec{
    display: block;
    width: 300px;
    height: 1px;
    margin-top: 15px;
    background: #000;
    margin-bottom: 30px;
}
.item-type-time{
    display: flex;
    align-items: center;
}
.item-type-time img{
    height: 30px;
    margin-right: 15px;
}
.item-type-time span{
    font-size: 20px;
}
.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;
}
.block-form-recrui .upload-btn-wrapper{
    width: 110px;
}
.block-form-recrui .btn-apply{
    font-size: 14px;
    background: #dddddd;
    min-width: 100px;
}
p.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;
}
.items-sl-ser .view-pac img{
    width: 0;
    display: inline;
}
.items-sl-ser .view-pac:hover img{
    width: 15px;
}
.main-packages .block-tab-package .fade {
    transition-delay: 0.4s;
}
.block-slider-ser{
    position: relative;
}
.block-slider-ser .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    outline: unset;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #99000d;
    z-index: 9;
    display: none;
}
.block-slider-ser .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
    outline: unset;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #99000d;
    z-index: 9;
    display: none;
}
.block-slider-ser:hover .owl-carousel .owl-nav button.owl-next,
.block-slider-ser:hover .owl-carousel .owl-nav button.owl-prev{
    display: flex;
}
.form-regis-aside{
    overflow: hidden;
}
.block-slider-news-cate .block-news{
    margin: 0;
}
.block-slider-news-cate{
    position: relative;
}
.block-slider-news-cate  .owl-theme .owl-nav{
    margin: 0;
}
.block-slider-news-cate  .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 9;
    background: #99000d;
    box-shadow: 0 0 5px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    outline: unset;
    display: none;
}
.block-slider-news-cate  .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 9;
    background: #99000d;
    box-shadow: 0 0 5px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    outline: unset;
    display: none;
}
.block-slider-news-cate:hover  .owl-carousel .owl-nav button.owl-prev,
.block-slider-news-cate:hover  .owl-carousel .owl-nav button.owl-next{
    display: flex;
}
.boxnew-slider-temp{
    padding: 0 30px;
}
.log-comp img{
    display: inline !important;
    width: auto !important;
}
.bann-ser img{
    display: inline-block !important;
    width: auto !important;
}
.block-slider-pj {
    width: 100%;
    position: relative;
}




@media (min-width: 1330px){
    .container{width: 1300px;}
}

@media (min-width: 1630px){
    .container{width: 1600px;}
}

@media (max-width: 1629px){
    .logo img{
        width: 200px;
    }
    .ul-main-menu > li > a{
        font-size: 15px;
        padding: 10px 5px;
    }
    .ul-sub-menu > li > a{
        font-size: 15px;
    }
    .name-dot-domain{
        font-size: 26px;
    }
    .left-intro-dvqt {
        padding-left: 100px;
    }
    .des-web-job {
        text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;
    }
    .box-select-cate-old{
        width: 1270px;
    }
    .group-list-check-bw .item-glc{
        flex-wrap: wrap;
    }
    .group-list-check-bw .item-glc .container-radio{
        width: 50%;
        margin-bottom: 15px;
    }
    .box-orther{
        width: 50%;
    }
    .group-list-check-bw.glcb-col .item-glc .container-radio{
        width: 100%;
    }
    .block-slider-work {
        margin-left: calc(50% - 635px);
    }
    .block-slider-work .slider-work{
        width: 1000px;
    }
    .col-temp-demo{
        width: 20%;
    }
    .content-bann-ser{
        width: 80%;
    }
}

@media (max-width: 1329px){
    .ul-main-menu > li > a{
        font-size: 15px;
        padding: 10px 5px;
    }
    .col-temp-demo{
        width: 33.333333%;
    }
    .btn-order a{
        font-size: 13px;
    }
    .a-info-news{
        padding: 35px 15px;
    }
    .left-support:after{
        left: 86%;
    }
    .logo img {
        width: 170px;
    }
    .ul-sub-menu > li > a{
        font-size: 15px;
    }
    .www{
        font-size: 24px;
    }
    .box-search-domain form input{
        font-size: 24px;
    }
    .left-intro-dvqt {
        padding-left: 0;
    }
    .des-web-job {
        text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;
    }
    .tit-web-job{
        text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;
    }
    .breadc-web-job span{
        font-size: 18px;
        text-shadow: 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff, 0 0 1px #fff;
    }
    .main-temp-for-job .row.flex-wrap .col-md-3{
        width: 33.333333%;
    }
    .box-select-cate-old{
        width: 1140px;
    }
    .content-bann-ser {
        margin-top: 0;
    }
    .tit-page-banner{
        font-size: 32px;
    }
    .bot-dmct{
        font-size: 20px;
    }
    .tit-sign-dmct{
        font-size: 30px;
    }
    .block-slider-work {
        margin-left: calc(50% - 570px);
    }
}

@media (max-width: 1199px){
    .show1199{display: block;}
    .hide1199{display: none;}
    .logo img{
        width: 150px;
    }
    .ul-main-menu > li {
        margin: 0 5px;
    }
    .des-pb {
        margin-left: 30px;
    }
    .block-slider-pb{
        padding: 30px;
    }
    .col-temp-demo {
        width: 33.333333%;
    }
    .icon-info-news{
        width: 70px;
        height: 70px;
    }
    .name-info-news{
        font-size: 16px;
    }
    .tit-news-sl{
        font-size: 20px;
    }
    .info-news-sl{
        padding: 20px;
    }
    .left-support {
        border-radius: 0 10px 10px 0;
    }
    .left-support:after{
        content: unset;
    }
    .block-sub-support{
        padding-left: 20px;
    }
    .ul-main-menu > li > a {
        font-size: 13px;
    }
    .ul-main-menu > li{
        margin: 0 1px;
    }
    .ul-sub-menu > li > a{
        font-size: 13px;
    }
    .ul-main-menu > li.cate-order {
        margin: 0 3px;
    }
    .block-table-hosting-linux .flex-wrap .col-md-3{
        width: 50%;
    }
    .block-tabpri-linux{
        margin-bottom: 30px;
    }
    .ic-desk span{
        font-size: 20px;
    }
    .a-regis{
        padding: 10px 40px;
        font-size: 16px;
    }
    .main-tab-pri-domain .col-md-6{
        width: 70%;
        margin-left: 15%;
    }
    .tit-tmtc{
        font-size: 30px;
    }
    .top-tpmwm{
        border: 1px solid #fff;
        padding: 20px 10px;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
    }
    .line-tpmwm {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
        background: #f4f4f4;
        border-bottom: 1px solid #ccc;
    }
    .line-tpmwm p:first-child{
        font-weight: 700;
        width: calc(100% - 120px);
    }
    .flex-tpmwm{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .line-tpmwm p:last-child{
        width: 120px;
        text-align: right;
    }
    .block-tpmwm{
        margin-bottom: 30px;
    }
    .box-select-cate-old {
        width: 940px;
    }
    .content-bann-ser{
        width: 100%;
        margin-left: 0;
    }
    .btb-red .tit-page-banner{
        font-size: 32px;
    }
    .tit-pub-fo{
        font-size: 32px;
    }
    .item-cms{
        margin-right: 100px;
    }
    .box-doamin-buy {
        margin-top: 15px;
    }
    .form-group-dw-line input{
        font-size: 15px;
    }
    .block-statis-intro {
        padding: 110px 20px 20px;
    }
    .num-count-statis{
        font-size: 60px;
    }
    .box-count-statis{
        margin-bottom: 30px;
    }
    .name-temp-web{
        font-size: 20px;
    }
    .ul-ser-provided > li{
        font-size: 16px;
    }
    .item-option-feature{
        font-size: 15px;
    }
    .pri-pack-template{
        font-size: 20px;
    }
    .pri-pack-template span{
        font-size: 20px;
    }
    .order-now span{
        font-size: 22px;
    }
    .top-bsu{
        font-size: 16px;
    }
    .bot-bsu{
        font-size: 22px;
    }
    .tit-feature{
        font-size: 20px;
    }
    .tit-bft{
        font-size: 22px;
    }
    .let-box-feature{
        font-size: 16px;
    }
    .box-radio label{
        font-size: 16px;
    }
    .ap-db{
        margin-right: 0;
    }
    .main-phone-cont .flex-bw{
        display: block;
    }
    .tit-phon-cont{
        margin-bottom: 20px;
    }
    .breadc-news-detail span {
        font-size: 20px;
    }
    .date-news-detail{
        font-size: 20px;
    }
    .tit-recrui{
        font-size: 40px;
    }
    .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;
    }
    .content-sl-work {
        top: 40px;
        right: unset;
        z-index: 9;
        left: 40px;
    }
    .item-sl-work:before{
        right: unset;
        left: 0;
        background-image: linear-gradient(to right , rgba(0,0,0,0.7) , transparent);
    }
    .block-slider-work .owl-carousel .owl-nav button.owl-next{
        right: 0;
    }
    .content-sl-work {
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        right: unset;
    }
}

@media (max-width: 991px){
    .show991{display: block;}
    .hide991{display: none;}
    body{transition: all 0.3s;}
    .block-service{
        top: unset;
        padding: 30px 15px;
    }
    .main-services-home{
        padding-top: 30px;
    }
    .par-block-service:hover .block-service{
        top: unset;
    }
    .par-block-service {
        height: auto;
        margin-bottom: 30px;
    }
    .tit-pub{
        font-size: 26px;
    }
    .block-slider-pb {
        padding: 10px;
    }
    .flex-pb {
        display: block;
    }
    .flex-pb .tit-pub{
        margin-bottom: 20px;
        text-align: center;
    }
    .des-pb{
        margin-left: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .main-project-best .flex-bw{
        display: block;
        text-align: center;
    }
    .tit-in-wc{
        font-size: 26px;
    }
    .btn-order a {
        font-size: 11px;
    }
    .tit-pub-center,
    .tit-page,
    .tit-host-linux,
    .tit-solu-marketing,
    .tit-pub-intro,
    .name-project-detail,
    .tit-pub-fo,
    .tit-pub-tkw{
        font-size: 24px;
    }
    .tit-solu-123{
        margin-bottom: 30px;
    }
    .custom-col > .col-md-6 {
        width: 100%;
    }
    .a-info-news {
        padding: 20px 15px;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .left-support{
        top: 0;
    }
    .block-sub-support{
        padding-bottom: 20px;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #99000d;
        overflow-x: hidden;
        transition: 0.3s;
        z-index: 99999;
        padding: 0;
    }
    .sidenav .closebtn {
        font-size: 25px;
        display: block;
        align-items: center;
        width: 40px;
        background: #f5821f;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        padding: 5px 0;
    }
    .menu-mobile {
        padding: 0;
        text-decoration: none;
        color: #818181;
        transition: 0.3s;
        list-style-type: none !important;
    }
    .menu-mobile li {
        margin: 0;
        background: unset;
        border: none;
        border-radius: 0;
        box-shadow: unset;
        border-bottom: 1px solid #fff;
    }
    .menu-mobile a {
        padding: 15px 0 15px 20px;
        display: inline-block;
        width: calc(100% - 50px);
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        text-transform: capitalize;
    }
    .menu-mobile .sub-menu-mb .phelp a:first-child{
        padding: 15px 0 15px 15px;
        width: calc(100% - 50px);
    }
    .menu-mobile .sub-menu-mb a{
        width: 100%;
        padding: 15px;
    }
    .hassub-mb .phelp .a-icon {
        position: absolute;
        right: 15px;
        top: 50%;
        z-index: 9999;
        text-align: center;
        width: 20px;
        padding: 0;
    }
    .phelp {
        position: relative;
    }
    .phelp > a:first-child{
        border-right: 1px solid #fff;
    }
    .sub-menu-mb{
        padding: 0;
        list-style-type: none;
        margin: 0;
    }
    .sub-menu-mb > li{
        border-top: 1px solid #fff;
        border-bottom: none;
        background: #000;
    }
    .sub-menu-mb > li:last-child{
        border-bottom: none;
    }
    .sub-menu-mb > li > .sub-menu-mb > li{
        background: #fff;
    }
    .push-left {
        position: relative;
        right: 280px;
        transition: all 0.3s;
        left: unset;
    }
    .hd-push-left {
        right: 280px;
        transition: all 0.3s;
        left: unset;
    }
    #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;
        margin-left: 20px;
    }
    #navbar-icon span {
        display: block;
        position: absolute;
        height: 3px;
        width: 50%;
        background: #fff;
        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;
    }
    .hd-fixed #navbar-icon span{
        background: #99000d;
    }
    #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: 3px;
        top: 16px;
    }
    #navbar-icon.open span:nth-child(6) {
        left: calc(50% - 3px);
        top: 16px;
    }
    #mySidenav.active{
        width: 280px;
    }
    .flex-des-package{
        display: block;
    }
    .left-des-package{
        width: 100%;
        border-right: unset;
        border-bottom: 1px solid #ccc;
        padding: 30px;
    }
    .right-des-package{
        width: 100%;
        padding: 30px;
    }
    .main-services-tabpri-host .block-service{
        margin-bottom: 30px;
        height: auto;
    }
    .main-services-tabpri-host{
        padding: 0 0 30px 0;
    }
    .pack-tpm{
        color: #99000d;
        position: relative;
        padding: 10px;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
    }
    .pick-tmp{
        padding: 10px;
        text-align: center;
        font-size: 18px;
    }
    .line-col-tpm {
        background: #f2f0f0;
        padding: 10px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .line-col-tpm p{
        font-size: 16px;
    }
    .line-col-tpm p:first-child{
        font-weight: 700;
        color: #99000d;
        margin-right: 20px;
    }
    .block-col-tpm {
        margin-bottom: 30px;
    }
    .main-tab-pri-domain .col-md-6{
        width: 100%;
        margin-left: 0;
    }
    .block-tab-list-domain{
        margin-top: 30px;
    }
    .block-tab-domain-list,
    .block-tab-domain-price {
        margin-bottom: 30px;
    }
    .main-standard-domain{
        padding: 30px 0;
    }
    .tit-tmtc{
        text-align: center;
    }
    .tit-page-dvqt{
        font-size: 24px;
    }
    .tit-lid{
        font-size: 24px;
    }
    .tit-page-banner{
        font-size: 32px;
    }
    .box-tit-banner:after,
    .box-tit-banner:before{
        width: 150px;
    }
    .sub-tit-page-banner{
        margin-bottom: 20px;
    }
    .main-why-option-design-banner .flex-bw{
        display: block;
    }
    .block-grid-wodb:after{
        content: unset;
    }
    .block-dvtkbn .flex-bw{
        display: block;
    }
    .main-why-option-design-banner {
        padding: 160px 0 30px 0;
    }
    .main-3-group{
        padding: 30px 0 50px;
    }
    .block-dvtkbn{
        margin-bottom: 30px;
    }
    .block-dvtkbn-left{
        margin-bottom: 20px;
    }
    .items-blpd {
        column-count: 4;
        column-gap: 20px;
    }
    .bg-ser-design-logo .flex-n{
        justify-content: center;
        flex-wrap: wrap;
    }
    .block-sdl{
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }
    .box-camket{
        margin-bottom: 30px;
    }
    .itemqt{
        position: unset;
    }
    .qt03,
    .qt06{
        transform: unset;
    }
    .qt01,
    .qt05,
    .qt06{
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .content-web-for-job{
        margin-bottom: 20px;
    }
    .main-temp-for-job .row.flex-wrap .col-md-3{
        width: 50%;
    }
    .a-take-bg{
        font-size: 26px;
    }
    .box-select-cate-old {
        width: 100%;
        padding: 20px 20px 10px;
    }
    .block-list-project-page > .flex-bw{
        position: relative;
        display: block;
    }
    .block-list-project-page .tit-project {
        text-align: center;
        margin-bottom: 20px;
    }
    .flex-olp{
        position: static;
    }
    .item-select-cate-old {
        margin-bottom: 10px;
    }
    .list-isco a {
        padding: 5px 15px;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .tit-isco{
        font-size: 18px;
        margin-bottom: 15px;
    }
    #cate-selected{
        font-size: 16px;
    }
    .order-list-project > a{
        font-size: 16px;
    }
    .btb-red .tit-page-banner{
        font-size: 32px;
    }
    .item-cms{
        margin-right: 70px;
    }
    .box-orther{
        margin-top: 10px;
    }
    .block-statis-intro {
        height: calc(100% - 30px);
        margin-bottom: 30px;
    }
    .banner-intro-wp{
        margin-bottom: 30px;
    }
    .tit-ready{
        text-align: left;
        font-size: 30px;
        margin-bottom: 30px;
    }
    .list-step-working-project:before{
        content: unset;
    }
    .item-lswp{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .left-item-lswp{
        width: 100%;
        order: 3;
    }
    .right-item-lswp {
        width: calc(100% - 90px);
        order: 2;
    }
    .center-item-lswp{
        order: 1;
        margin-bottom: 20px;
    }
    .list-step-working-project .item-lswp:nth-child(even) {
         flex-direction: unset;
    }
    .list-step-working-project .item-lswp:nth-child(even) .right-item-lswp .top-step-fo{
        text-align: left;
    }
    .list-step-working-project .item-lswp:nth-child(odd) .top-left-item-lswp{
         flex-direction: row-reverse;
    }
    .list-step-working-project .item-lswp:nth-child(odd) .top-left-item-lswp > img{
        object-position: left center;
    }
    .text-tli-lswp{
        text-align: left;
    }
    .left-item-lswp:after{
        content: unset;
    }
    .bot-left-item-lswp p{
        text-align: left;
    }
    .list-step-working-project{
        padding: 0;
    }
    .block-item-contact{
        margin-bottom: 20px;
    }
    .box-field-contact{
        border: none;
        padding-right: 0;
    }
    .editer-contact{
        margin-top: 20px;
    }
    .tit-contact-page{
        font-size: 26px;
    }
    .flex-dmct {
        flex-wrap: wrap;
    }
    .box-dmct-dou{
        margin-top: 20px;
        height: auto;
    }
    .tit-bbdd{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .block-option-web > .flex-n{
        display: block;
    }
    .block-aside-template{
        position: unset;
    }
    .block-feature-tabpri{
        margin-bottom: 20px;
    }
    .form-search-template {
        width: 100%;
    }
    .group-solu-123 .flex-n{
        flex-wrap: wrap;
        justify-content: center;
    }
    .block-solu-123{
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }
    .tit-search-page{
        font-size: 28px;
    }
    .block-banner-news{
        margin-top: 0;
    }
    .block-aside-form{
        margin-top: 30px;
    }
    .tit-news-page,
    .tit-recrui{
        margin-bottom: 30px;
    }
    .block-big-news{
        margin: 0;
    }
    .info-item-lnp .tit-news-web {
        font-size: 20px;
    }
    .des-news-web{
        font-size: 16px;
    }
    .block-tab-recrui table tr th{
        font-size: 20px;
        white-space: nowrap;
    }
    .name-job-recrui{
        font-size: 15px;
    }
    .block-tab-recrui table tr td{
        font-size: 15px;
    }
    .main-who-are-we .row.flex-bw{
        display: block;
    }
    .tit-waw br{
        display: none;
    }
    .tit-waw{
        margin-bottom: 20px;
    }
    .number-sl-work{
        font-size: 90px;
    }
    .text-sl-work{
        font-size: 24px;
    }
    .col-temp-demo{
        width: 50%;
    }
}

@media (max-width: 767px){
    .show767{display: block;}
    .hide767{display: none;}
    .WebProduct-SubTitle {
        white-space: normal !important;
        transform: unset !important;
    }
    .tp-parallax-wrap{
        left: unset !important;
        width: 100%;
        text-align: center;
    }
    .tp-parallax-wrap *{
        position: relative !important;
    }
    .rs-parallaxlevel-1{
        text-align: center !important;
    }
    .WebProduct-Title span{
        line-height: unset !important;
    }
    .icon-pac-tab {
        width: 35px;
    }
    .text-pac-tab {
        width: calc(100% - 50px);
    }
    .tit-pac-tab{
        margin-top: 0;
    }
    .block-tab-package .nav-tabs>li>a:before{
        top: 37px;
    }
    .block-slider-pb .owl-carousel .owl-nav button.owl-prev{
        width: 40px;
        height: 40px;
        left: 0;
    }
    .block-slider-pb .owl-carousel .owl-nav button.owl-next{
        width: 40px;
        height: 40px;
        right: 0;
    }
    .block-slider-news .owl-carousel .owl-nav button.owl-next{
        width: 40px;
        height: 40px;
        right: -15px;
    }
    .block-slider-news .owl-carousel .owl-nav button.owl-prev{
        width: 40px;
        height: 40px;
        left: -15px;
    }
    .block-slider-pb{
        padding: 0;
    }
    .des-pb{
        font-size: 15px;
    }
    .des-package{
        font-size: 15px;
    }
    .tit-pub,
    .tit-pub-center,
    .tit-page,
    .tit-host-linux,
    .tit-solu-marketing,
    .tit-pub-intro,
    .name-project-detail,
    .tit-pub-fo,
    .tit-solu-123,
    .tit-pub-tkw {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .tit-lid{
        font-size: 24px;
    }
    .tit-page-dvqt{
        font-size: 24px;
        color: #99000d;
        text-align: center !important;
        text-shadow: 0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;
    }
    .sub-tit-page-dvqt{
        color: #99000d;
        text-align: center;
        text-shadow: 0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;
    }
    .tit-package{
        margin-bottom: 15px;
    }
    .main-packages,
    .main-project-best,
    .main-why-choose,
    .main-template-demo,
    .main-info-news,
    .main-customer,
    .main-description-package,
    .main-salient-features,
    .main-intro-dvqt,
    .main-why-option-design-banner,
    .main-2-group,
    .block-design-logo-pro,
    .bg-ser-design-logo,
    .block-why-design-logo,
    .block-reason-choose,
    .block-camket-123corp,
    .block-field-logo,
    .block-quytrinh,
    .block-project-logo-best,
    .main-web-for-job,
    .main-web-for-job,
    .main-temp-for-job,
    .main-partner-web,
    .main-take-baogia,
    .main-news-for-tkw,
    .main-project-detail,
    .main-project-page,
    .main-block-statistic,
    .main-working-pro,
    .block-are-you-ready,
    .block-step-working-project,
    .main-contact-page,
    .maib-template-demo-detail,
    .main-list-template-page,
    .main-effective,
    .main-solution-123corp,
    .main-my-customer,
    .main-phone-cont,
    .main-design-multi-field,
    .main-advantages,
    .main-search-page,
    .main-tab-recrui,
    .main-who-are-we,
    .block-tab-refer,
    .block-how-we-work{
        padding: 30px 0;
    }
    .block-are-you-ready:after{
        content: unset;
    }
    .main-3-group{
        padding: 30px 0;
        background-position: left top;
    }
    .pri-pack-month{
        font-size: 32px;
    }
    .info-wc{
        padding: 20px;
        min-height: unset;
    }
    .block-wc{
        padding: 0;
    }
    .tit-in-wc{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .content-block-wc p{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .des-wc{
        font-size: 15px;
        margin-bottom: 20px;
    }
    .col-temp-demo{
        width: 50%;
    }
    .sub-tit-pub-center{
        font-size: 15px;
        margin-bottom: 20px;
    }
    .main-form-contact{
        padding: 30px 0 60px;
    }
    .sub-des-form{
        font-size: 15px;
    }
    .label-fc{
        font-size: 15px;
    }
    .group-form-contact input{
        font-size: 15px;
    }
    .btn-send{
        font-size: 15px;
    }
    .footer-top-one{
        padding: 20px 0;
    }
    .tit-ft-big{
        font-size: 20px;
    }
    .tit-ft-two{
        font-size: 16px;
    }
    .footer-top-two{
        padding: 20px 0;
    }
    .flex-back-search{
        display: block;
    }
    .form-search-404{
        margin-top: 30px;
    }
    .main-banner-page .flex-bw{
        display: block;
    }
    .sub-tit-page-host{
        font-size: 15px;
        margin-bottom: 20px;
    }
    .editer-18 p{
        font-size: 15px;
    }
    .block-table-hosting-linux .flex-wrap .col-md-3{
        width: 100%;
    }
    .editer-linux p {
        margin-bottom: 15px;
        font-size: 15px;
    }
    .info-pack-linux {
        padding: 30px 15px;
    }
    .wrap-select-arrow select{
        font-size: 15px;
    }
    .a-regis-linux{
        font-size: 16px;
    }
    .des-yc{
        font-size: 15px;
    }
    .not-found{
        font-size: 22px;
    }
    .des-sned-yc{
        font-size: 15px;
        margin-bottom: 20px;
    }
    .a-send-yc{
        font-size: 15px;
    }
    .tit-ct-pack{
        font-size: 20px;
    }
    .block-tab-serplus table tr td{
        font-size: 15px;
        padding: 10px;
    }
    .block-tab-serplus table tr td:last-child{
        white-space: nowrap;
    }
    .tit-serplus{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .tit-tmtc {
        font-size: 26px;
    }
    .top-call-sp {
        font-size: 20px;
    }
    .bot-call-sp{
        font-size: 30px;
    }
    .block-tab-list-domain{
        padding: 15px;
    }
    .www {
        font-size: 18px;
    }
    .box-search-domain form input {
        font-size: 18px;
        padding-left: 20px;
    }
    .name-dot-domain {
        font-size: 20px;
    }
    .block-tab-domain-price table tr td,
    .block-tab-domain-price table tr th{
        font-size: 15px;
    }
    .block-solu-marketing .flex-bw{
        display: block;
    }
    .bn-solu{
        text-align: center;
        margin-bottom: 20px;
    }
    .block-solu-marketing{
        margin: 0;
    }
    .des-sf{
        font-size: 15px;
    }
    .bann-host{
        margin-bottom: 20px;
        text-align: center;
    }
    .main-services-step .tab-content .flex-bw{
        display: block;
    }
    .img-step{
        margin-bottom: 20px;
        text-align: center;
    }
    .span-step {
        top: -10px;
        left: unset;
        right: 0;
    }
    .block-slider-tab .owl-carousel .owl-nav button.owl-prev{
        width: 40px;
        height: 40px;
    }
    .block-slider-tab .owl-carousel .owl-nav button.owl-next{
        width: 40px;
        height: 40px;
    }
    .des-yc-tpmw{
        font-size: 24px;
    }
    .tit-page-banner{
        font-size: 30px;
    }
    .first-items-wodb{
        top: 0;
    }
    .tit-wodb{
        font-size: 24px;
    }
    .block-wodb{
        padding: 20px;
    }
    .icon-wodb{
        margin: 0 auto 30px;
    }
    .tit-big-wodb {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .des-big-wodb{
        font-size: 15px;
    }
    .des-dvtkbn{
        font-size: 15px;
    }
    .box-steps{
        flex-wrap: wrap;
    }
    .item-box-step{
        width: 50%;
        margin-bottom: 20px;
    }
    .bs-line1,
    .bs-line2,
    .bs-line3{
        display: none !important;
    }
    .items-blpd {
        column-count: 3;
    }
    .note-banggia-tkbn p{
        font-size: 15px;
    }
    .block-tuvan-tkbn .row.flex-bw{
        display: block;
    }
    .banner-tuvan-tkbn{
        margin-top: 20px;
    }
    .block-banggia-tkbn {
        margin-bottom: 30px;
    }
    .bg-ser-design-logo .flex-n{
        display: block;
    }
    .block-sdl{
        margin-bottom: 30px;
        height: auto;
    }
    .content-reason-choose{
        font-size: 15px;
    }
    .des-camket{
        font-size: 15px;
    }
    .name-field{
        font-size: 15px;
    }
    .count-tke{
        font-size: 40px;
    }
    .phone-bsb span,
    .yc-bsb span{
        font-size: 18px;
    }
    .box-sup-banner a:last-child{
        margin: 0;
    }
    .phone-bsb:before,
    .yc-bsb:before {
        width: 40px;
        height: 40px;
        background-size: 25px;
    }
    .phone-bsb{
        margin-right: 20px;
    }
    .content-mucluc{
        font-size: 20px;
    }
    .bottom-mucluc ul li a{
        font-size: 15px;
    }
    .view-more-temp{
        font-size: 15px;
    }
    .main-take-baogia .row.flex-bw{
        display: block;
    }
    .tit-take-bg{
        margin-bottom: 20px;
    }
    .des-take-gb{
        margin-bottom: 20px;
    }
    .block-slider-news-web {
        padding: 0 40px;
    }
    .block-slider-news-web .owl-carousel .owl-nav button.owl-next{
        right: -20px;
        width: 40px;
        height: 40px;
    }
    .block-slider-news-web .owl-carousel .owl-nav button.owl-prev{
        left: -20px;
        width: 40px;
        height: 40px;
    }
    .ul-ser-provided > li{
        font-size: 15px;
    }
    .content-bann-ser{
        margin-bottom: 20px;
    }
    .pagi a {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
    .pagi a img{
        height: 14px;
    }
    .btb-red .tit-page-banner{
        font-size: 28px;
    }
    .sub-tit-fo{
        font-size: 15px;
    }
    .tit-form-dw{
        font-size: 24px;
    }
    .tit-form-dw span{
        font-size: 40px;
    }
    .plabel-dw{
        font-size: 15px;
    }
    .pfile{
        font-size: 15px;
    }
    .taildot{
        font-size: 15px;
    }
    .plabel-dw-line{
        font-size: 15px;
    }
    .container-radio{
        font-size: 15px;
    }
    .item-cms p {
        font-size: 15px;
        width: 100%;
        margin: 0;
    }
    .item-cms{
        margin-right: 10px;
    }
    .box-doamin-buy a{
        font-size: 15px;
    }
    .box-doamin-buy span{
        font-size: 15px;
    }
    .des-form-dw{
        font-size: 15px;
    }
    .item-glc .container-radio{
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .box-orther > p{
        font-size: 15px;
    }
    .group-list-check-bw .item-glc .container-radio {
        width: 100%;
    }
    .box-doamin-buy a{
        margin-left: 0 !important;
    }
    .container-radio a{
        display: block;
        margin-left: 0 !important;
    }
    .form-group-dw input{
        font-size: 15px;
    }
    .flex-button-form-order{
        display: block;
    }
    .flex-button-form-order .box-captcha{
        margin-bottom: 20px;
    }
    .form-group-dw-line .box-orther input{
        min-width: 100px;
    }
    .sub-tit-page-w{
        font-size: 15px;
    }
    .bann-intro{
        width: 60%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .des-statis{
        font-size: 15px;
    }
    .num-count-statis {
        font-size: 50px;
    }
    .box-count-statis {
        margin-bottom: 20px;
    }
    .bot-item-wp {
        font-size: 15px;
    }
    .tit-top-item-wp{
        font-size: 20px;
    }
    .main-video-intro{
        height: auto;
    }
    .main-video-intro video{
        position: unset;
    }
    .tit-ready{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .des-join-us {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .phone-contact-today{
        font-size: 30px;
    }
    .send-yc-intro{
        font-size: 18px;
    }
    .list-step-working-project{
        width: 100%;
    }
    .tit-bic{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .des-bic{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .email-bic{
        align-content: 17px;
    }
    .block-item-contact{
        padding: 20px 15px;
    }
    .des-contact-page {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .gr-ipct input, .gr-ipct textarea{
        font-size: 15px;
    }
    .wrap-select-arrow-ct select{
        font-size: 15px;
        padding: 15px 10px;
    }
    .editer-contact p {
        margin-bottom: 10px;
        font-size: 15px;
    }
    .btn-send-contact{
        font-size: 15px;
    }
    .top-dmct {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .bot-dmct {
        font-size: 18px;
    }
    .tit-sign-dmct {
        font-size: 26px;
    }
    .box-tag-temp a{
        font-size: 15px;
    }
    .box-view-web-gall{
        display: block;
    }
    .a-view-web{
        display: block;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    .a-view-gall{
        width: 100%;
        display: block;
        text-align: center;
    }
    .bot-buf {
        font-size: 15px;
    }
    .block-using-forever > img {
        width: 80px;
        margin-right: 20px;
    }
    .content-buf {
        width: calc(100% - 100px);
    }
    .tit-bft {
        font-size: 20px;
    }
    .box-feature{
        display: block;
    }
    .box-feature:before{
        content: unset;
    }
    .box-radio{
        padding-left: 0;
    }
    .let-box-feature{
        padding-right: 0;
        margin-bottom: 10px;
        white-space: normal;
        display: block;
    }
    .sp-tolltip-feature img{
        width: 18px;
    }
    .sub-list-feature{
        padding-left: 0;
    }
    .form-search-template .bootstrap-select>.dropdown-toggle{
        font-size: 15px;
    }
    .box-search-template input {
        font-size: 15px;
        padding-left: 20px;
    }
    .form-search-template form {
        padding: 5px 5px 5px 15px;
    }
    .box-search-template button {
        width: 42px;
        height: 40px;
    }
    .box-search-template button img {
        width: 20px;
    }
    .bot-block-eff p {
        font-size: 15px;
    }
    .bot-block-eff{
        margin-top: 20px;
    }
    .block-solu-123{
        margin-bottom: 30px;
        height: auto;
    }
    .des-solu{
        font-size: 15px;
    }
    .tit-solu{
        font-size: 22px;
    }
    .ap-mess{
        font-size: 18px;
        margin-right: 20px;
    }
    .ap-db{
        font-size: 18px;
    }
    .tit-dmf{
        font-size: 16px;
        width: calc(100% - 50px);
        margin: 0;
    }
    .block-dmf > img{
        width: 40px;
    }
    .block-dmf{
        align-items: center;
        margin-bottom: 20px;
        height: auto;
    }
    .des-news-web{
        font-size: 15px;
    }
    .main-advantages .nav-tabs>li>a{
        font-size: 18px;
    }
    .tit-search-page{
        font-size: 24px;
    }
    .tit-count-kq{
        margin-bottom: 20px;
    }
    .tit-kq-search{
        font-size: 24px;
    }
    .tit-news-page-detail {
        font-size: 26px;
    }
    .breadc-news-detail span {
        font-size: 15px;
    }
    .date-news-detail {
        font-size: 15px;
    }
    .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;
    }
    .flex-rat{
        width: 100%;
    }
    .gr-rat input, .gr-rat textarea{
        width: 100%;
    }
    .block-rating{
        overflow: hidden;
    }
    .tit-aside{
        font-size: 20px;
    }
    .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-aside{
        margin-bottom: 15px;
    }
    .label-rat{
        font-size: 15px;
    }
    .tit-rat{
        font-size: 22px;
    }
    .tit-news-page,
    .tit-recrui {
        margin-bottom: 20px;
    }
    .block-big-news .tit-news-web {
        font-size: 20px;
    }
    .box-tit-nc h3{
        font-size: 24px;
    }
    .editer-ft p{
        font-size: 15px;
    }
    .item-lnp{
        display: block;
    }
    .img-item-lnp{
        width: 100%;
    }
    .info-item-lnp{
        width: 100%;
    }
    .tit-recrui{
        font-size: 32px;
    }
    .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;
    }
    .block-slider-work .owl-carousel .owl-nav button.owl-next {
        width: 60px;
        height: 60px;
        border: 5px solid #d3d3d3;
    }
    .text-sl-work br{
        display: none;
    }
    .number-sl-work{
        font-size: 70px;
        height: 70px;
        line-height: 64px;
    }
    .item-sl-work > img{
        min-height: 300px;
        object-fit: cover;
    }
    .content-sl-work {
        right: unset;
        z-index: 9;
        left: 20px;
    }
    .date-activate{
        font-size: 15px;
    }
    .load-more{
        font-size: 16px;
    }
    .block-breadc span{
        font-size: 15px;
    }
    .main-recrui-detail{
        padding: 30px 0;
    }
    .item-type-time span{
        font-size: 20px;
    }
    .tit-form-recrui {
        margin-bottom: 15px;
    }
    .des-form-recrui {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .label-recrui{
        font-size: 15px;
    }
    .submit-rec,
    .cancel-rec{
        font-size: 15px;
    }
    .block-form-recrui {
        padding: 20px 15px;
    }
    .boxnew-slider-temp{
        padding: 0 15px;
    }
    .item-pj .flex-bw .col-md-6{
        width: 100%;
    }
    .main-banner-page > .container{
        width: 100%;
    }
}

@media (max-width: 480px){
    .show480{display: block;}
    .hide480{display: none;}
    .fwmb{width: 100%;}
    .col-temp-demo{
        width: 100%;
    }
    .btn-order a {
        font-size: 13px;
    }
    .row.list-customer{
        margin: 0 -10px;
    }
    .row.list-customer .col-xs-4{
        padding: 0 10px;
    }
    .items-customer{
        margin-bottom: 20px;
    }
    .block-sub-support:after{
        content: unset;
    }
    .block-sub-support{
        padding-left: 0;
    }
    .main-404:before{
        height: 100px;
    }
    .main-banner-page:before,
    .main-banner:before,
    .main-banner-web-job:before{
        height: 100px;
    }
    .main-map-contact:before{
        height: 100px;
        background-image: linear-gradient(rgb(0 0 0), transparent);
    }
    .tit-error{
        font-size: 36px;
    }
    .p-not-found{
        font-size: 36px;
    }
    .des-not-found{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .back-home.btn-send-contact{
        font-size: 18px;
        margin: 0;
    }
    .form-search-404 form input{
        font-size: 15px;
        height: 48px;
    }
    .form-search-404 form button{
        height: 48px;
        width: 80px;
    }
    .form-search-404 form button img{
        width: 24px;
    }
    .main-404 > .container{
        padding-top: 80px;
    }
    .clear40{
        height: 20px;
    }
    .left-des-package .nav-tabs>li>a{
        font-size: 16px;
    }
    .block-send-yc{
        padding: 15px;
    }
    .block-tab-domain-list table tr{
        display: block;
    }
    .block-tab-domain-list table tr td{
        display: block;
        float: left;
        width: 50%;
        padding: 10px;
        border: 1px solid #ccc;
        margin-top: -1px;
        margin-left: -1px;
    }
    .block-tab-domain-list table tr td:last-child{
        border: 1px solid #ccc;
    }
    .block-tab-domain-price table tr td{
        display: block;
        text-align: right;
        padding: 10px;
        border: none;
    }
    .block-tab-domain-price table tr td[data-title]::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        float: left;
    }
    .block-tab-domain-price table tr:first-child {
        display: none;
    }
    .block-tab-domain-price table tr td:first-child {
         text-align: right; 
    }
    .block-tab-domain-price table tr{
        border-bottom: 1px solid #ccc;
    }
    .btn-ctdp{
        font-size: 15px;
    }
    .items-tab > a{
        font-size: 15px;
    }
    .des-yc-tpmw{
        font-size: 22px;
    }
    .sub-tit-page-banner{
        font-size: 15px;
    }
    .bann-bn{
        width: 100%;
    }
    .des-wodb{
        font-size: 15px;
    }
    .items-blpd {
        column-count: 2;
    }
    .block-design-logo-pro .flex-bw{
        display: block;
    }
    .banner-dlp{
        margin-bottom: 20px;
    }
    .box-build-brand{
        padding-top: 30px;
    }
    .tit-wdl{
        font-size: 15px;
    }
    .box-content-quytrinh{
        width: auto;
    }
    .imgitem{
        width: 60px;
        height: 60px;
        background-size: contain;
        margin-right: 10px;
    }
    .itemqt .contentqt{
        width: calc(100% - 70px);
    }
    .imgitem p{
        font-size: 20px;
    }
    .itemqt.qt02 .contentqt, .itemqt.qt03 .contentqt {
        margin-left: 0;
        margin-right: 0;
    }
    .itemqt .contentqt{
        margin: 0;
    }
    .img-quytrinh{
        margin-bottom: 20px;
    }
    .itemqt .contentqt h4{
        font-size: 15px;
    }
    .tit-web-job {
        font-size: 28px;
    }
    .des-web-job{
        font-size: 15px;
    }
    .box-sup-banner a{
        margin-bottom: 15px;
    }
    .main-banner-web-job > .container{
        padding-top: 80px;
    }
    .content-mucluc{
        font-size: 18px;
    }
    .main-temp-for-job .row.flex-wrap .col-md-3 {
        width: 100%;
    }
    .a-take-bg {
        font-size: 22px;
    }
    .block-slider-news-web {
        padding: 0 20px;
    }
    #cate-selected{
        font-size: 15px;
    }
    .order-list-project > a{
        font-size: 15px;
        white-space: nowrap;
    }
    .order-list-project > a{
        padding-right: 10px;
        margin-right: 10px;
    }
    .tit-cate-old{
        padding: 10px;
    }
    .tit-cate-old > img{
        display: none;
    }
    .btb-red .tit-page-banner{
        font-size: 32px;
    }
    .form-group-dw{
        display: block;
    }
    .plabel-dw{
        margin-bottom: 10px;
    }
    .form-group-dw input{
        padding: 5px 10px;
    }
    .flex-cms{
        display: block;
    }
    .flex-cms .item-cms{
        margin-right: 0;
        margin-bottom: 5px;
    }
    .tit-page-w {
        font-size: 28px;
    }
    .bann-intro{
        width: 80%;
    }
    .block-statis-intro{
        height: auto;
    }
    .block-statis-intro {
        padding: 20px 15px;
    }
    .item-wp {
        margin-bottom: 20px;
    }
    .main-map-contact{
        height: 300px;
    }
    .tit-bbdd {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .bot-dmct {
        font-size: 16px;
    }
    .top-dmct {
        font-size: 26px;
    }
    .tit-sign-dmct{
        font-size: 22px;
    }
    .a-view-web{
        font-size: 16px;
    }
    .a-view-gall{
        font-size: 16px;
    }
    .block-using-forever{
        display: block;
    }
    .content-buf{
        width: 100%;
        margin-top: 20px;
    }
    .let-box-feature{
        font-size: 15px;
    }
    .box-radio label{
        font-size: 15px;
    }
    .tit-feature {
        font-size: 18px;
    }
    .order-now span{
        font-size: 18px;
    }
    .order-now{
        font-size: 15px;
    }
    .form-search-template .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
        display: none;
    }
    .box-search-template input{
        padding-left: 0;
        border-left: unset;
    }
    .box-search-template{
        padding-left: 0;
    }
    .icon-eff {
        width: 80px;
        height: 80px;
    }
    .icon-eff img {
        height: 44px;
    }
    .tit-eff {
        width: calc(100% - 100px);
        font-size: 20px;
    }
    .num-eff {
        font-size: 70px;
    }
    .flex-phone{
        display: block;
    }
    .ap-mess{
        display: flex;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .ap-db{
        display: flex;
        width: 100%;
    }
    .round-adv {
        width: 36px;
        height: 36px;
        margin-right: 10px;
    }
    .main-advantages .nav-tabs>li.active>a .round-adv:after {
        width: 26px;
        height: 26px;
    }
    .main-advantages .nav-tabs>li>a {
        font-size: 16px;
    }
    .tit-kq-search{
        font-size: 20px;
    }
    .btn-rat{
        width: 100%;
    }
    .name-rat{
        font-size: 15px;
    }
    .tit-control-news.right,
    .link-control-news.right{
        text-align: left;
    }
    .block-big-news .tit-news-web {
        font-size: 20px;
    }
    .box-tit-nc{
        display: block;
    }
    .box-tit-nc a{
        margin-left: 0;
    }
    .box-tit-nc h3{
        margin-bottom: 10px;
    }
    .ul-cate-aside > li > a {
        font-size: 16px;
    }
    .block-aside-news,
    .block-aside-form{
        padding: 20px 15px;
    }
    .block-big-news .info-news {
        padding: 20px 15px;
    }
    .info-item-lnp{
        padding: 20px 15px;
    }
    .tit-waw {
        font-size: 26px;
    }
    .text-sl-work {
        font-size: 20px;
    }
    .block-slider-work .owl-carousel .owl-nav button.owl-next {
        bottom: 0;
        top: unset;
        transform: unset;
    }
    .tit-recrui-detail{
        font-size: 26px;
    }
    .item-type-time span{
        font-size: 16px;
    }
    .item-type-time img {
        height: 20px;
        margin-right: 10px;
    }
    .submit-rec, .cancel-rec {
        width: calc(50% - 5px);
    }
    .tit-news-web{
        font-size: 16px;
    }
    .block-big-news .tit-news-web{
        font-size: 18px;
    }
    .des-news-page{
        font-size: 18px;
    }
}
.block-desc-website {
    box-shadow: 0 0 10px #ccc;
    border-radius: 7px;
    overflow: hidden;
    padding: 20px;
}