@font-face { font-family: MuliBold; src: url(../fonts/MULI-BOLD.TTF) }
@font-face { font-family: MuliSemiBold; src: url(../fonts/MULI-SEMIBOLD.TTF) }
@font-face { font-family: MuliRe; src: url(../fonts/MULI-REGULAR.TTF) }
@font-face { font-family: MuliLight; src: url(../fonts/MULI-LIGHT.TTF) }
@font-face { font-family: MuliExLight; src: url(../fonts/MULI-EXTRALIGHT.TTF) }

@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

a:hover { text-decoration: initial }
::-webkit-scrollbar { width: 5px }
::-webkit-scrollbar-track { background: #fff }
::-webkit-scrollbar-thumb { background: #1f178f }
#back-top { cursor: pointer; position: fixed; width: 41px; height: 41px; border-radius: 0; background: #00000087; bottom: 30px; right: 25px; z-index: 99; box-shadow: 3px 3px 5px rgba(0,0,0,.3); transform: translateY(100px); opacity: 0; transition: all .4s linear; }
    #back-top.show { transform: translate(0); opacity: 1; }
    #back-top:before { content: "\f062"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 20px; }
.header { height: 32px; line-height: 32px; background: #ededed; text-align: right }
.call-hd { float: right }
    .call-hd a { padding-left: 50px; background: url(../images/ic-call.png) no-repeat; font-size: 15px; font-family: MuliBold; color: #1f178f; background-position-x: 19px }
.languages .submn-lg { display: none; transition: .3s linear; padding: 0; margin: 0; z-index: 1; border: 1px solid #b5b5b5; border-radius: 0 0 10px 10px; position: absolute; top: 32px; left: 0; width: 100%; background: #fff; animation-name: fadeInDown; animation-duration: .6s; }
.languages .nme-lan { margin-bottom: 0; font-size: 13px; font-family: MuliSemiBold; color: #333; padding: 0 35px 0 30px; border-right: 1px solid #d4d4d4; text-transform: uppercase; background: url(../images/ic-language.png) no-repeat; background-position-x: 5px; background-position-y: 8px; cursor: pointer }
.languages { float: right; position: relative }
    .languages:before { content: ''; width: 0; height: 0; position: absolute; right: 12px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #535353; top: 12px; transition: .3s linear }
    .languages.active:before { transform: rotate(180deg) }
    .languages.active .submn-lg { display: block }
    .languages .submn-lg li { list-style-type: none; text-align: left; padding: 8px 0; border-bottom: 1px solid #b5b5b5; line-height: initial; margin: 0 10px }
        .languages .submn-lg li:last-child { border-bottom: initial }
        .languages .submn-lg li a { font-size: 12px; color: #333; font-family: MuliRe; transition: .3s linear; text-decoration: none }
            .languages .submn-lg li a:hover { color: #1f178f }
.menu { height: 86px; line-height: 86px; background: #fff; position: relative; transition: .3s linear; }
    .menu.fixed { position: fixed; top: 0; left: 0; width: 100%; background: #f2f2f2; z-index: 100; animation-name: fadeInDown; animation-duration: .6s; }
    .menu .menu-ctn { position: relative }
    .menu .logo { float: left }
.menu-ct .form-search { opacity: 0; position: absolute; top: 86px; right: 0; line-height: 32px; z-index: 1; }
    .menu-ct .form-search input { height: 40px; line-height: 40px; width: 0; padding-left: 8px; border: 1px solid #c3c3c3; border-radius: 8px 0 8px 8px; }
        .menu-ct .form-search input:focus, .menu-ct .form-search button:focus { outline: none }
    .menu-ct .form-search button { position: absolute; right: 0; border: none; height: 40px; line-height: 0; background: #fff; border-top: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; border-radius: 0 0 8px 0; padding: 0 10px; width: 0; transition: .5s all }
        .menu-ct .form-search button img { line-height: 0 }
    .menu-ct .form-search.active { opacity: 1; animation-name: fadeIn; animation-duration: .6s; }
.menu .menu-ct { position: absolute; right: 0; top: 0 }
.menu-ct ul { padding: 0; margin: 0; text-align: right }
    .menu-ct ul li { list-style-type: none; display: inline-block; padding: 0 20px; position: relative }
        .menu-ct ul li a { text-decoration: none; font-family: MuliSemiBold; font-size: 14px; text-transform: uppercase; color: #333; transition: .3s linear }
        .menu-ct ul li:last-child a:hover { padding: 0; border-bottom: initial; color: initial }
.menu-ct .form-search.active input { width: 260px }
.menu-ct .form-search.active button { width: auto }
.menu-ct ul li:last-child { padding-right: 0 }
.menu-ct ul li a:hover { color: #1f178f; padding-bottom: 5px; border-bottom: 1px solid #1f178f }
.menu-ct ul li.active a { padding-bottom: 5px; border-bottom: 1px solid #1f178f; color: #1f178f }
.banner { position: relative }
    .banner .lSSlideOuter { display: block; width: 100% }
    .banner .sl-banner a { width: 100% }
        .banner .sl-banner a img { width: 100% }
.mnsl-banner { width: 512px; height: 168px; background: #086ad8; padding: 35px 20px 26px 32px; position: absolute; right: 100px; bottom: -40px }
    .mnsl-banner .it-mnslct h3 { font-size: 24px; font-family: MuliSemiBold; color: #fff; margin-bottom: 15px; text-transform: uppercase }
    .mnsl-banner .it-mnslct p { font-size: 14px; font-family: MuliLight; color: #fff }
    .mnsl-banner .it-mnslct a { font-family: MuliRe; color: #fff; text-transform: uppercase; font-size: 13px; padding-right: 30px; background: url(../images/ic-right.png) no-repeat; background-position-x: 70px; background-position-y: 2px }
    .mnsl-banner .lSPager.lSpg { width: auto; position: absolute; right: 25px; bottom: 20px }
    .mnsl-banner .lSSlideOuter .lSPager.lSpg > li a { background: #fff }
    .mnsl-banner .lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a { background: #84b5ec }
.about-us { padding: 68px 0 60px }
.abus-ct { display: grid; grid-template-columns: 50% 50% }
    .abus-ct .img-abs { padding: 60px 40px 0 60px; position: relative }
        .abus-ct .img-abs a { display: block }
        .abus-ct .img-abs:before { content: ''; height: 344px; width: 344px; border: 13px solid #e6f0fb; position: absolute; top: 0; left: 0; z-index: -1 }
        .abus-ct .img-abs img { max-width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear }
        .abus-ct .img-abs:hover img { transform: scale(1.03,1.03) }
    .abus-ct .ct-abs { padding: 88px 0 20px 30px }
.ct-abs h2 { color: #333; font-family: MuliBold; font-size: 30px; padding-bottom: 15px; position: relative; display: table; /* margin: 0 auto 10px; */ }
    .ct-abs h2 a { color: #333 }
    .ct-abs h2:before { height: 9px; width: 97px; content: ''; background: url('../images/tieu-de.png') no-repeat; background-size: 100% 100%; position: absolute; left: calc((100% - 97px)/2); bottom: 0; }
.ct-abs ._wrabusct p { color: #4a4a4a; font-size: 14px; font-family: MuliLight; line-height: 2 }
.ct-abs > a { font-size: 14px; font-family: MuliRe; color: #333; padding-right: 30px; padding-bottom: 2px; text-transform: uppercase; background: url(../images/ic-rightb.png) no-repeat; background-position-x: 75px; background-position-y: 3px; text-decoration: none; transition: .3s linear }
.ct-abs a:hover { color: #1f178f }
.count-abs { display: grid; grid-template-columns: 25% 25% 25% 25%; margin-top: 50px }
    .count-abs .item-cabs { display: flex; align-items: center; padding-left: 40px; }
.item-cabs .icon-cabs { height: 56px; max-height: 62px }
    .item-cabs .icon-cabs img { max-width: 100%; object-fit: cover }
.item-cabs .txt-cabs { position: relative; padding-left: 15px; }
.item-cabs:first-child .txt-cabs:after { left: 70px; }
.item-cabs:first-child .txt-cabs:before { left: 63px; }
.item-cabs .txt-cabs:after { width: 4px; height: 18px; background: #1f178f; content: ''; position: absolute; top: 4px; left: 120px; }
.item-cabs .txt-cabs:before { width: 18px; height: 4px; background: #1f178f; content: ''; position: absolute; top: 10px; left: 113px; }
.item-cabs .txt-cabs .count { font-family: Arial,Helvetica,sans-serif; font-weight: 700; color: #1f178f; font-size: 42px; line-height: 1.3; }
.item-cabs .txt-cabs p { font-family: MuliSemiBold; font-size: 14px; color: #333; margin-bottom: 0; }
.products { background: url(../images/bg-products.jpg) no-repeat; background-size: 100% 100%; background-position: center; background-attachment: fixed; padding: 52px 0 }
.tith2-w { text-align: center; margin-bottom: 25px }
    .tith2-w h2 { position: relative; padding-bottom: 20px; }
        .tith2-w h2:before { height: 9px; width: 97px; content: ''; background: url(../images/tieu-de.png) no-repeat; background-size: 100% 100%; position: absolute; left: calc((100% - 97px)/2); bottom: 0; }
        .tith2-w h2 a { text-transform: uppercase; font-size: 30px; font-family: MuliBold; color: #fff; position: relative; text-decoration: none }
            .tith2-w h2 a:after { position: absolute; content: ''; width: 34px; left: -50px; height: 3px; background: #fff; top: 17px }
            .tith2-w h2 a:before { position: absolute; content: ''; width: 34px; right: -50px; height: 3px; background: #fff; top: 17px }
.lstit-prs { display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3); margin: 0 -10px }
    .lstit-prs .item-prs { background: #fff; margin: 10px; position: relative; padding: 35px 30px 30px 25px; height: 258px; max-height: 258px; overflow: hidden }
        .lstit-prs .item-prs:first-child { grid-column: 1/3 }
        .lstit-prs .item-prs:nth-child(7) { grid-column: 2/4 }
.item-prs h3 { padding-left: 16px; font-family: MuliBold; font-size: 20px; margin-bottom: 14px; position: relative; z-index: 2; }
    .item-prs h3 a { color: #000; text-decoration: none; transition: .3s linear }
        .item-prs h3 a:hover { color: #1f178f }
    .item-prs h3:before { position: absolute; content: ''; width: 5px; height: 19px; background: #1f178f; left: 0; top: 2px }
.item-prs ._img-prs { position: absolute; bottom: 30px; right: 20px; z-index: 2; }
    .item-prs ._img-prs img { width: 150px; height: 150px; object-fit: contain }
.item-prs .bgsli-c { background: #ebebeb; height: 258px; position: absolute; top: 0; right: -47px; bottom: 0; width: 230px; z-index: 1; transform: skewX(-20deg); }
.item-prs ._explore { width: auto; height: 30px; position: relative; line-height: 30px; }
._explore a { font-family: MuliRe; text-transform: uppercase; color: #333; text-decoration: none; transition: .3s linear; height: 30px; border: 1px solid #999; border-radius: 8px; position: relative; padding-left: 12px; line-height: 30px; background: url(../images/ic-rightsli.png) no-repeat; background-position-x: 113px; background-position-y: 8px; transition: .3s linear; z-index: 2; padding: 4px 45px 4px 10px; }
._explore:hover a { background: url(../images/ic-right.png) no-repeat; border: 1px solid #1f178f; background-color: #1f178f; background-position-x: 113px; background-position-y: 8px; }
._explore:hover a { color: #fff }
.item-prs .lstmnit-prs { margin-bottom: 18px; max-height: 124px; overflow: hidden; position: relative; z-index: 2; }
.item-prs:first-child .lstmnit-prs { width: 75%; display: grid; grid-template-columns: 25% 25% 25% 25%; }
.mnit-prs .b-itprs { font-size: 16px; font-family: MuliBold; color: #000; margin-bottom: 0; }
    .mnit-prs .b-itprs a { color: #333 }
        .mnit-prs .b-itprs a:hover { color: #1f178f }
.mnit-prs ul { padding: 0; margin: 0 }
    .mnit-prs ul li { list-style-type: none; font-family: MuliRe; font-size: 14px; color: #000 }
        .mnit-prs ul li a { color: #333 }
            .mnit-prs ul li a:hover { color: #1f178f }
.mechanelec { background: #e6f0fb; padding: 40px 0 65px; }
.tith2-b h2 { text-align: center; font-size: 30px; font-family: MuliBold; text-transform: uppercase; padding-bottom: 18px; position: relative; margin-bottom: 0; }
    .tith2-b h2:before { height: 9px; width: 97px; content: ''; background: url(../images/tieu-de.png) no-repeat; background-size: 100% 100%; position: absolute; left: calc((100% - 97px)/2); bottom: 0; }
    .tith2-b h2 a { color: #333; text-decoration: none; transition: .3s linear; position: relative }
        .tith2-b h2 a:before { content: ''; width: 34px; height: 3px; background: #1f178f; left: -50px; top: 17px; position: absolute }
        .tith2-b h2 a:after { content: ''; width: 34px; height: 3px; background: #1f178f; right: -50px; top: 17px; position: absolute }
        .tith2-b h2 a:hover { color: #1f178f }
.mechanelec .lstit-meelec { display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3); margin: 0 -23px }
.lstit-meelec .it-meelec { display: grid; grid-template-columns: 148px calc(100% - 148px); margin: 32px 23px }
.it-meelec .img-meelec { width: 148px; height: 148px; border-radius: 50% 50% 0 50%; overflow: hidden; cursor: pointer }
    .it-meelec .img-meelec a { display: block; height: 100%; cursor: initial; }
    .it-meelec .img-meelec:hover img { transform: scale(1.1,1.1) }
.img-meelec img { max-width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear }
.it-meelec .txt-meelec { padding: 26px 10px 10px 30px }
.txt-meelec h3 { margin-bottom: 15px; font-size: 34px; font-family: Arial; color: #1f178f; margin-bottom: 15px }
    .txt-meelec h3 a { font-family: Arial; color: #1f178f; font-size: 34px; text-decoration: none; transition: .3s linear }
        .txt-meelec h3 a:hover { color: #333 }
.txt-meelec p { font-family: MuliSemiBold; color: #333; font-size: 16px; margin-bottom: 0; line-height: 1.3; max-height: 60px; overflow: hidden }
.projects { background: url(../images/bg-projects.jpg) no-repeat; background-size: 100% 100%; background-position: center; background-attachment: fixed; padding: 50px 0 30px; }
.slidepj { position: relative }
.ct-slprj { height: 434px !important }
    .ct-slprj li { position: relative }
        .ct-slprj li a img { width: 100%; max-height: 100%; object-fit: cover }
        .ct-slprj li .sm-slprj { height: 84px; width: 88%; background: #fff; left: 6%; position: absolute; bottom: -42px; padding: 25px 10px 0; z-index: 1; transition: .3s linear; overflow: hidden; }
            .ct-slprj li .sm-slprj:hover { height: 147px }
.sm-slprj h3 { text-align: center; margin-bottom: 0; font-size: 16px; }
    .sm-slprj h3 a { font-family: MuliBold; color: #333; font-size: 16px; text-decoration: none; text-transform: uppercase; transition: .3s linear }
        .sm-slprj h3 a:hover { color: #1f178f }
.sm-slprj .txt-smslprj, .sm-slprj ._seemore { display: none }
.ct-slprj li .sm-slprj:hover .txt-smslprj { display: block; text-align: center; font-size: 14px; font-family: MuliLight; color: #4a4a4a; max-height: 20px; overflow: hidden; margin-bottom: 15px }
.ct-slprj li .sm-slprj:hover ._seemore { display: block; width: 118px; height: 30px; border: 1px solid #999; border-radius: 6px; background: url(../images/ic-rightsli.png) no-repeat; background-position-x: 85px; background-position-y: 8px; padding-left: 11px; margin: 0 auto; line-height: 28px; transition: .3s linear }
._seemore a { display: block; font-family: Arial; font-size: 13px; color: #333; text-transform: uppercase; text-decoration: none; transition: .3s linear }
.ct-slprj li .sm-slprj:hover ._seemore:hover { border: 1px solid #1f178f; background: url(../images/ic-right.png) no-repeat; background-position-x: 85px; background-position-y: 8px; background-color: #1f178f }
._seemore:hover a { color: #fff }
._clnprev ._prev { position: absolute; top: calc((100% - 48px - 42px)/2); left: -40px; transition: .2s linear }
._clnprev ._next { position: absolute; top: calc((100% - 48px - 42px)/2); right: -40px; transition: .2s linear }
    ._clnprev ._prev i, ._clnprev ._next i { font-size: 48px; color: #ced8e2 }
    ._clnprev ._prev:hover i, ._clnprev ._next:hover i { color: #fff }
.news { padding: 45px 0 60px; }
    .news .tith2-b h2 { margin-bottom: 28px; position: relative; padding-bottom: 20px; }
        .news .tith2-b h2:before { height: 9px; width: 97px; content: ''; background: url(../images/tieu-de.png) no-repeat; background-size: 100% 100%; position: absolute; left: calc((100% - 97px)/2); bottom: 0; }
    .news .lst-news { display: grid; grid-template-columns: 50% 50%; margin: 0 -10px }
.lst-news .it-news { display: grid; grid-template-columns: 50% 50%; background: #e3e3e3; margin: 10px; height: 154px; max-height: 154px; overflow: hidden }
    .lst-news .it-news:first-child { grid-column: 1/2; grid-row: 1/3; height: 329px; max-height: 329px }
.it-news:first-child .txt-news { padding: 40px 20px 20px 22px }
.it-news .txt-news { padding: 30px 20px 10px 22px }
    .it-news .txt-news .ct-news { display: none }
.it-news:first-child .txt-news .ct-news { display: block }
.it-news .img-news { overflow: hidden; height: 154px; }
.it-news:first-child .img-news { height: 100% }
.it-news .img-news a { display: block; height: 100%; }
.it-news .img-news img { max-width: 100%; height: 100%; object-fit: cover; transition: .3s linear }
.it-news .img-news:hover img { transform: scale(1.1,1.1) }
.txt-news h3 { line-height: 1.6; font-size: 14px; margin-bottom: 12px }
    .txt-news h3 a { font-family: MuliBold; font-size: 14px; color: #333; text-decoration: none; text-transform: uppercase; transition: .3s linear }
.txt-news ._timenews { font-family: MuliExLight; font-size: 14px; margin-bottom: 10px; color: #626262 }
.txt-news h3 a:hover { color: #1f178f }
.txt-news .ct-news { font-family: MuliRe; font-size: 14px; color: #333; height: 87px; max-height: 87px; overflow: hidden; line-height: 1.6 }
.lst-news .it-news:nth-of-type(3) .img-news { grid-row: 1; grid-column: 2/2 }
.partner { padding: 35px 0; background: #f0f0f0; }
    .partner .tith2-b h2 { margin-bottom: 30px; }
.sl-pns li { width: 100%; height: 114px; background: #fff; border: 1px solid #dadada; text-align: center; line-height: 114px }
    .sl-pns li a { display: block; padding: 0 10px; }
        .sl-pns li a img { max-width: 100%; min-height: 100%; object-fit: cover }
footer { background: url(../images/bg-footer.jpg) no-repeat; background-position: center; background-size: cover; }
.ctft-ctn { padding: 40px 0 25px; display: grid; grid-template-columns: 42% 29% 29%; }
    .ctft-ctn .it-footer { padding-right: 30px; }
.it-footer:first-child ul li { padding-left: 20px }
    .it-footer:first-child ul li:nth-of-type(1) { background: url(../images/ic-address.png) no-repeat; background-position-y: 1px }
    .it-footer:first-child ul li:nth-of-type(2) { background: url(../images/ic-callwr.png) no-repeat }
    .it-footer:first-child ul li:nth-of-type(3) { background: url(../images/ic-fax.png) no-repeat; background-position-y: 2px }
    .it-footer:first-child ul li:nth-of-type(4) { background: url(../images/ic-mail.png) no-repeat; background-position-y: 3px }
.it-footer .nameit-ft { font-size: 14px; font-family: MuliBold; color: #fff; text-transform: uppercase; line-height: 24px; margin-bottom: 15px; }
.it-footer ul { padding: 0; margin: 0 }
    .it-footer ul li { list-style-type: none; font-family: MuliRe; font-size: 14px; color: #fff; padding-bottom: 6px }
        .it-footer ul li a { color: #fff }
            .it-footer ul li a:hover { color: blue }
.social { background: #03294ecf; height: 58px; line-height: 58px; position: relative }
    .social .social-ctn { position: relative }
    .social .copyright { font-size: 14px; font-family: MuliRe; color: #fff }
        .social .copyright p { margin-bottom: 0 }
            .social .copyright p a { color: #fff }
                .social .copyright p a:hover { color: #1f178f }
    .social .ic-social { position: absolute; top: calc((100% - 37px)/2); right: 0; line-height: initial }
.ic-social ul { padding: 0; margin: 0 }
    .ic-social ul li { list-style-type: none; display: inline-block; width: 37px; height: 37px; text-align: center; border: 1px solid #fff; border-radius: 50%; line-height: 35px; margin-left: 15px; transition: .3s linear }
        .ic-social ul li a { display: block }
            .ic-social ul li a i { color: #fff }
        .ic-social ul li:hover { background: #1f178f; border: 1px solid #1f178f }
.banner-abus { background: url(../images/banner-top.jpg)no-repeat; background-position: center; background-size: 100% 100%; height: 276px; position: relative; width: 100%; background-size: cover; }
.bnabus-ctn .txt-bnabus { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center }
.txt-bnabus h1 { margin-bottom: 15px }
.txt-bnabus h1 { font-family: MuliSemiBold; font-size: 30px; color: #fff; text-transform: uppercase; text-decoration: none }
.link-bnabus ul { padding-left: 0; margin: 0 }
    .link-bnabus ul li { list-style-type: none; display: inline-block; padding-right: 13px }
        .link-bnabus ul li:last-child, .link-bnabus ul li:last-child a { padding-right: 0 }
        .link-bnabus ul li a { color: #fff; font-size: 14px; font-family: MuliSemiBold; padding-right: 15px }
        .link-bnabus ul li i { color: #fff }
.ctprj2 { padding: 65px 0 53px; display: grid; grid-template-columns: 55% 45%; border-bottom: 1px solid #e1e1e1 }
    .ctprj2 .img-ctprj2 { padding-right: 42px }
        .ctprj2 .img-ctprj2 img { max-width: 100%; object-fit: cover }
    .ctprj2 .txt-ctprj2 p { font-size: 14px; color: #333; font-family: MuliRe }
.ctprj2 .txt-ctprj2 img{max-width:100%;height:initial !important;}
.txt-ctprj2 h2 { font-family: MuliBold; font-size: 20px; color: #333; margin-bottom: 15px }
.txt-ctprj2 .wrbsp { font-family: MuliBold }
.oth-prj2 { padding: 26px 0 100px }
    .oth-prj2 h2 { font-size: 18px; font-family: MuliBold; color: #333; margin-bottom: 30px; text-transform: uppercase; }
.lstit-othpr2 { display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3); margin: -30px -10px; }
    .lstit-othpr2 .item-othp2 { margin: 30px 10px; position: relative; }
.item-othp2 .img-othp2 img { max-width: 100%; min-height: 100%; object-fit: cover }
.item-othp2 .txt-othp2 { position: absolute; width: 92%; left: 4%; bottom: -37px; background: #fff; height: 74px; text-align: center; box-shadow: 0 0 10px #b5b5b5; padding: 0 40px; justify-content: center }
.txt-othp2 h3 { font-family: MuliBold; font-size: 16px; color: #333; text-transform: uppercase; margin-bottom: 0; position: relative; top: 50%; transform: translateY(-50%); cursor: pointer; transition: .2s linear }
    .txt-othp2 h3 a { color: #333 }
    .txt-othp2 h3:hover a { color: #086ad8 }
.mdprojects { padding: 66px 0 36px }
.it-mnprjs { display: grid; grid-template-columns: 50% 50%; margin-bottom: 43px; position: relative }
    .it-mnprjs:nth-child(2n) .img-mnprjs { grid-column: 2/3; grid-row: 1/1 }
    .it-mnprjs:after { height: calc(100% - 30px); width: calc(100% - 30px); content: ''; position: absolute; right: 15px; top: 15px; background: transparent; border: 1px solid #dadada; z-index: 2; }
    .it-mnprjs .txt-mnprjs { text-align: center; position: relative; z-index: 3; justify-content: center; align-items: center; display: flex; }
        .it-mnprjs .txt-mnprjs h2 { line-height: 1.4; font-size: 18px; padding: 0 20px; }
            .it-mnprjs .txt-mnprjs h2 a { font-family: MuliBold; font-size: 18px; color: #333; text-decoration: none; text-transform: uppercase; transition: .3s linear }
                .it-mnprjs .txt-mnprjs h2 a:hover { color: #086ad8 }
        .it-mnprjs .txt-mnprjs p { font-family: MuliLight; font-size: 14px; color: #4a4a4a; padding: 0 20px; }
.sm-mnprjs { width: 118px; height: 32px; border: 1px solid #999; border-radius: 6px; margin: 0 auto; text-align: left; padding-left: 10px; transition: .3s linear; line-height: 30px; background: url(../images/ic-rightsli.png) no-repeat; background-position-x: 82px; background-position-y: 8px }
    .sm-mnprjs a { color: #333; font-family: Arial; font-size: 13px; text-transform: uppercase; transition: .3s linear; display: block; text-decoration: none }
    .sm-mnprjs:hover { background: url(../images/ic-right.png) no-repeat; background-position-x: 82px; background-position-y: 8px; border: 1px solid #086ad8; background-color: #086ad8 }
        .sm-mnprjs:hover a { color: #fff }
.txt-mnprjs .brderfk { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left; z-index: -1 }
    .txt-mnprjs .brderfk:after { width: calc(100% - 15px); height: 1px; content: ''; background: #dadada; position: absolute; top: 15px; left: 0 }
    .txt-mnprjs .brderfk:before { width: calc(100% - 15px); height: 1px; content: ''; background: #dadada; position: absolute; bottom: 15px; left: 0 }
.img-mnprjs { position: relative; padding-right: 1px; height: 335px; }
    .img-mnprjs:before { height: calc(100% - 30px); width: 1px; left: 15px; top: 15px; position: absolute; content: ''; background: #dadada }
    .img-mnprjs a img { max-width: 100%; min-height: 100%; object-fit: cover }
    .img-mnprjs a { display: block }
    .img-mnprjs .brderimg:after { width: calc(100% - 15px); height: 1px; content: ''; background: #dadada; position: absolute; top: 15px; left: 15px; z-index: 1 }
    .img-mnprjs .brderimg:before { width: calc(100% - 15px); height: 1px; content: ''; background: #dadada; position: absolute; bottom: 15px; left: 15px }
.it-mnprjs:nth-child(2n) .img-mnprjs:before { right: 15px; left: initial }
.it-mnprjs:nth-child(2n) .img-mnprjs .brderimg:before, .it-mnprjs:nth-child(2n) .img-mnprjs .brderimg:after { right: 15px; left: initial }
.it-mnprjs:nth-child(2n):after { right: 0; left: 15px }
.it-mnprjs:nth-child(2n) .txt-mnprjs .brderfk:before, .it-mnprjs:nth-child(2n) .txt-mnprjs .brderfk:after { right: 0; left: initial }
.txt-mnprjs .contentmid { text-align: center; }
.ape-contact { padding: 96px 0 78px }
.table-contact { position: relative; border: 30px solid #ddd; display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3); height: 262px; text-align: center }
.it-tbct { position: relative; padding: 55px 30px 0 }
    .it-tbct .ic-contact { width: 110px; height: 110px; line-height: 110px; border-radius: 50%; background: #4494d7; position: absolute; top: -70px; left: calc((100% - 110px)/2) }
    .it-tbct:nth-child(2n) { background: #fafafa }
    .it-tbct .txt-contact .wrbold { font-family: MuliBold; font-size: 18px; color: #000; margin-bottom: 10px }
    .it-tbct .txt-contact p { font-family: MuliRe; color: #333; font-size: 14px; margin-bottom: 0; }
    .it-tbct .txt-contact ul { padding: 0; margin: 0 }
        .it-tbct .txt-contact ul li { list-style-type: none }
            .it-tbct .txt-contact ul li a, .it-tbct .txt-contact a { font-family: MuliRe; font-size: 14px; color: #333 }
.mapct-contact { padding-bottom: 84px }
    .mapct-contact .form-contact { display: grid; grid-template-columns: 58% 42% }
.form-contact .map iframe { width: 100%; height: 538px }
.form-contact .formct { padding: 15px 0 0 30px }
    .form-contact .formct h2 { font-family: MuliBold; font-size: 18px; color: #333; margin-bottom: 25px; text-transform: uppercase }
.ct-formct .form-group { position: relative; margin-bottom: 5px }
    .ct-formct .form-group:nth-of-type(5) { margin-bottom: 14px }
    .ct-formct .form-group input { width: 100%; border: none; height: 55px; background: #fafafa; border-radius: 20px; padding-left: 18px }
        .ct-formct .form-group input:focus, .ct-formct .form-group textarea:focus, .ct-formct button:focus { outline: none }

.form-group label.error { position: absolute; right: 0; top: -26px; font-family: MuliRe; font-size: 14px; color: #fff; background: #4494d7b3 !important; padding: 3px 10px; border-radius: 5px; z-index: 1; }
    .form-group label.error:after { content: ""; width: 0; right: 2px; border-left: 0px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #2e2929; position: absolute; top: 94%; }
.ct-formct .form-group textarea { width: 100%; border: none; background: #fafafa; border-radius: 20px; height: 166px; padding: 18px 0 0 18px }
.ct-formct .form-group label span { color: red; padding-left: 2px }
.ct-formct .form-group label.hide { display: none; }
.ct-formct button { width: 200px; height: 50px; background-color: #4494d7 !important; border: none; font-family: MuliBold; font-size: 15px; color: #fff; text-transform: uppercase; border-radius: 30px; background: url(../images/ic-fly.png) no-repeat; background-position-x: 60px; background-position-y: 14px; padding-left: 25px }
.menu-scroll { height: 45px; line-height: 45px; text-align: center; background: #fff; border-bottom: 1px solid #c1c1c1; animation-name: fadeIn; animation-duration: .6s; position: relative; z-index: 2; }
    .menu-scroll ul { padding: 0; margin: 0 }
        .menu-scroll ul li { list-style-type: none; display: inline-block }
            .menu-scroll ul li:nth-child(2n) { padding: 0 35px }
            .menu-scroll ul li a { font-family: MuliRe; color: #333; text-decoration: none; transition: .3s linear; text-transform: uppercase; /* border-bottom: 1px solid #c1c1c1; */ /* padding-bottom: 10px; */ }
                .menu-scroll ul li a:hover, .menu-scroll ul li a.active { color: #086ad8; padding-bottom: 10px; border-bottom: 2px solid #086ad8 }
.introductionmg { padding: 60px 0 100px }
    .introductionmg .introdt { display: grid; grid-template-columns: 50% 50% }
.txt-mnabus { padding-right: 30px; grid-row: 1/1; }
    .txt-mnabus h2 { font-family: MuliBold; color: #333; font-size: 22px; text-transform: uppercase; position: relative; margin-bottom: 35px }
        .txt-mnabus h2:before { width: 48px; height: 2px; content: ''; background: #086ad8; position: absolute; bottom: -15px; left: 0 }
    .txt-mnabus p { font-family: MuliRe; color: #333; margin-bottom: 15px; font-size: 14px; line-height: 1.6; text-align: justify }
.img-mnabus { padding: 15px 0 0 10px; grid-column: 2/3; }
    .img-mnabus img { max-width: 100%; min-height: 100%; object-fit: cover }
.vismisa { padding-bottom: 78px }
    .vismisa .it-vmo .item-vmo { display: grid; grid-template-columns: 50% 50%; align-items: center; background: #f3f3f3 }
        .vismisa .it-vmo .item-vmo:nth-child(2n) .img-vmo { grid-column: 2/3; grid-row: 1/1 }
.item-vmo .img-vmo img { width: 100%; min-height: 100%; object-fit: cover }
.item-vmo .txta-vmo { position: relative; padding: 0 60px; align-items: center }
.item-vmo .ic-vmo { margin-bottom: 15px }
    .item-vmo .ic-vmo img { max-width: 100%; min-height: 100%; object-fit: cover }
.item-vmo .txt-vmo h3 { font-family: MuliBold; text-transform: uppercase; color: #333; font-size: 22px; margin-bottom: 15px }
.item-vmo .txt-vmo p { font-family: MuliRe; color: #333; font-size: 14px; line-height: 1.6 }
.item-vmo .txt-vmo ul { padding: 0; margin: 0 }
    .item-vmo .txt-vmo ul li { list-style-type: none; font-family: MuliRe; color: #333; font-size: 14px; margin-bottom: 5px }
.charta { padding-bottom: 90px }
.orgchart h2 { position: relative; color: #333; font-family: MuliBold; font-size: 22px; margin-bottom: 38px; text-align: center; text-transform: uppercase }
    .orgchart h2:before { width: 48px; height: 2px; content: ''; background: #086ad8; position: absolute; bottom: -16px; left: calc((100% - 48px)/2) }
.m-e-ct { padding: 70px 0 30px }
.item-m-e { position: relative; margin-bottom: 58px }
    .item-m-e .img-itm-e { height: 498px; width: 59% }
        .item-m-e .img-itm-e img { max-width: 100%; min-height: 100%; object-fit: cover }
    .item-m-e .txt-itm-e { height: 82%; width: 52%; position: absolute; background: #f5f5f5; right: 0; z-index: 1; top: 9%; padding: 40px 70px 20px 44px; overflow: hidden; }
.txt-itm-e h2 { font-family: MuliBold; font-size: 25px; color: #333; margin-bottom: 12px; text-transform: uppercase }
.txt-itm-e p { font-family: MuliRe; font-size: 14px; color: #333; line-height: 1.6; margin-bottom: 15px }
.txt-itm-e ul { padding: 0; margin: 0 }
    .txt-itm-e ul li { list-style-type: none; font-family: MuliRe; color: #333; font-size: 14px; margin-bottom: 3px; position: relative; padding-left: 20px }
        .txt-itm-e ul li:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; left: 0; position: absolute; top: 4.5px }
        .txt-itm-e ul li i { margin-right: 10px }
.txt-itm-e .count-big { font-family: MuliRe; font-size: 94px; color: #33333352; line-height: 0; position: absolute; bottom: 67px; right: 32px; z-index: -1 }
.item-m-e:nth-child(2n) .img-itm-e { margin-left: 41% }
.item-m-e:nth-child(2n) .txt-itm-e { right: initial; left: 0 }
.list-newsmn { margin-top: 78px }
.lst-itemb { display: grid; grid-template-columns: 25% 25% 25% 25%; margin: 0 -10px; }
    .lst-itemb .item-mnnews:first-child { grid-row: 1/3; display: block; grid-column: 1/3 }
    .lst-itemb .item-mnnews:nth-child(2), .lst-itemb .item-mnnews:nth-child(3) { grid-column: 3/5 }
        .lst-itemb .item-mnnews:nth-child(2) .img-mnnews, .lst-itemb .item-mnnews:nth-child(3) .img-mnnews { height: 228px }
    .lst-itemb .item-mnnews:nth-child(n + 4) { display: block }
    .lst-itemb .item-mnnews { margin: 10px; display: grid; grid-template-columns: 50% 50% }
.item-mnnews:first-child .img-mnnews { height: 304px; }
.item-mnnews .img-mnnews { overflow: hidden; height: 190px; }
    .item-mnnews .img-mnnews img { width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear; }
    .item-mnnews .img-mnnews:hover img { transform: scale(1.1,1.1) }
    .item-mnnews .img-mnnews a { height: 100%; width: 100%; display: flex; align-items: center; }
.item-mnnews .txt-mnnews { background: #f2f2f2; padding: 35px 35px 45px 25px }
.item-mnnews:nth-child(n + 4) .txt-mnnews { padding: 25px 25px 60px 20px; height: 170px; max-height: 170px; overflow: hidden; }
    .item-mnnews:nth-child(n + 4) .txt-mnnews .content-mnnews { display: none }
.txt-mnnews .time-mnnews { font-family: MuliExLight; font-size: 14px; color: #626262; margin-bottom: 8px; display: block }
.txt-mnnews h2 { font-family: MuliBold; color: #333; font-size: 14px; margin-bottom: 8px }
    .txt-mnnews h2 a { font-family: MuliBold; color: #333; text-decoration: none; transition: .3s linear }
        .txt-mnnews h2 a:hover { color: #086bd8 }
.txt-mnnews .content-mnnews { font-family: MuliRe; color: #333; font-size: 14px; height: 42px; max-height: 42px; overflow: hidden; line-height: 1.6 }
.list-dsnews .lstit-dsnews { display: grid; grid-template-columns: 25% 25% 25% 25%; margin: 0 -10px }
.lstit-dsnews .item-dsnews { margin: 10px }
.img-dsnews img { max-width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear }
.img-dsnews { overflow: hidden }
    .img-dsnews:hover img { transform: scale(1.1,1.1) }
    .img-dsnews a { display: block }
.txt-dsnews { background: #f2f2f2; padding: 25px 25px 60px 20px }
    .txt-dsnews h3 { font-size: 14px; color: #333; font-family: MuliBold; line-height: 1.5; margin-bottom: 0 }
        .txt-dsnews h3 a { color: #333; text-decoration: none; transition: .3s linear }
            .txt-dsnews h3 a:hover { color: #086bd8 }
    .txt-dsnews .time-mnnews { font-family: MuliExLight; font-size: 14px; color: #626262; margin-bottom: 8px; display: block }
.clbt-news { margin: 42px 0; text-align: center }
    .clbt-news ul { padding: 0; margin: 0 }
        .clbt-news ul li { list-style-type: none; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #b4b4b4; margin-right: 5px; transition: .3s linear }
            .clbt-news ul li:last-child { margin-right: 0 }
            .clbt-news ul li a { color: #000; text-decoration: none; transition: .3s linear; display: block }
            .clbt-news ul li:hover { border: 1px solid #086bd8 }
                .clbt-news ul li:hover a { color: #086bd8 }
.product1 { padding: 48px 0 25px; display: table; width: 100%; }
.h2-pr1d { font-size: 22px; margin-bottom: 0; padding-bottom: 15px }
    .h2-pr1d a { font-family: MuliSemiBold; color: #333; text-decoration: none; transition: .3s linear }
        .h2-pr1d a:hover { color: #086ad8 }
.menu-leftpr { width: 25%; padding-right: 30px; }
    .menu-leftpr .h2-pr1d { border-bottom: 1px solid #086ad8 }
.rod1-rght .h2-pr1d, .lstit-pr2 .h2-pr1d { border-bottom: 1px solid #d8d8d8 }
.menu-leftpr ul { padding: 0; margin: 0; position: relative }
    .menu-leftpr ul li { background: url(../images/ic-lisub.png) no-repeat; background-position-x: 3px; background-position-y: 11px; list-style-type: none; padding: 6px 0; border-bottom: 1px solid #e5e5e5; position: relative; }
        .menu-leftpr ul li .hvfa { width: 15px; left: 3px; top: 10px; height: 15px; position: absolute; cursor: pointer; z-index: 2; }
.sbmn-product .hvfa2 { width: 15px; left: 22px; top: 16px; height: 15px; position: absolute; cursor: pointer; z-index: 2; }
.menu-leftpr ul li a { font-family: MuliBold; color: #333; font-size: 13px; text-decoration: none; text-transform: uppercase; transition: .3s linear; padding-left: 25px }
.menu-leftpr ul li.active ul { display: block; }
.menu-leftpr ul li a:hover, .menu-leftpr ul li.active > a, .menu-leftpr .sbmn-product li.active > a, .menu-leftpr .sbmn-product .sbmn2-product li.active a { color: #086bd8 }
.menu-leftpr ul li:last-child { padding-bottom: 0; border-bottom: initial }
.lst-prsright { padding: 24px 0; display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3); margin: 0 -10px }
.it-prsright { margin: 10px; border: 1px solid #e2e2e2; text-align: center }
    .it-prsright .img-prsright { height: 269px; line-height: 269px; overflow: hidden; }
        .it-prsright .img-prsright img { max-width: 100%; height: auto; object-fit: cover; transition: .3s linear; }
        .it-prsright .img-prsright:hover img { transform: scale(1.1,1.1); }
.txt-prsright h2 { font-size: 16px; margin-bottom: 28px; line-height: 1.4; max-height: 47px; overflow: hidden }
    .txt-prsright h2 a { font-family: MuliBold; font-size: 16px; color: #000001; text-decoration: none; transition: .2s linear }
        .txt-prsright h2 a:hover { color: #086bd9 }
.lstit-pr2 .countlpr2 { font-family: MuliRe; font-size: 14px; color: #333; margin: 15px 0 }
    .lstit-pr2 .countlpr2 .wrbpr2 { font-family: MuliBold }
.lstitpr2-ct { border: 1px solid #e8e8e8; display: grid; grid-template-columns: repeat(2, 50%); }

    .lstitpr2-ct .itempr2:nth-child(4n + 2), .lstitpr2-ct .itempr2:nth-child(4n + 3) { background: #e2e2e2 }
    .lstitpr2-ct .itempr2 { padding: 10px; display: grid; grid-template-columns: 172px calc(100% - 172px); margin: 5px; background: #f9f9f9; }
.itempr2 .img-itempr2 { height: 110px; width: 172px; text-align: center; line-height: 102px; /* background: #fff; */ overflow: hidden; }
    .itempr2 .img-itempr2 img { width: 100%; min-height: 100%; object-fit: cover }
.itempr2 .txt-itempr2 { padding: 0px 10px 5px 28px; }
.txt-itempr2 h3 { font-size: 14px; font-family: MuliBold; margin-bottom: 9px }
    .txt-itempr2 h3 a { color: #000001; transition: .3s linear; text-decoration: none }
        .txt-itempr2 h3 a:hover { color: #089bd8 }
.txt-itempr2 p { font-family: MuliRe; color: #333; font-size: 14px; margin-bottom: 0 }
.menu-leftpr .sbmn-product li { background: url(../images/ic-ribmin.png) no-repeat; padding-left: 0; background-position-x: 28px; background-position-y: 14px; border-bottom: 1px solid #e5e5e5; }
.menu-leftpr .sbmn-product.active li { background-position-y: 13px }
    .menu-leftpr .sbmn-product.active li:first-child { background-position-y: 19px }
.menu-leftpr .sbmn-product li a { padding-left: 40px }
.sbmn2-product { display: none; }
    .sbmn2-product li a.active { color: #086bd8; }
.menu-leftpr .sbmn-product .sbmn2-product li a { padding-left: 6px }
.menu-leftpr .sbmn-product .sbmn2-product li { background: none }
    .menu-leftpr .sbmn-product .sbmn2-product li i { padding-left: 50px; padding-right: 6px }
    .menu-leftpr .sbmn-product .sbmn2-product li.active { color: #086ad8 }
.menu-leftpr .sbmn-product li:first-child { padding-top: 12px; background-position-y: 19px; }
.menu-leftpr .sbmn-product:before { width: 100%; height: 1px; position: absolute; content: ''; background: #e5e5e5; top: 8px; left: 0 }
.menu-leftpr .sbmn-product .sbmn2-product:before { width: 100%; height: 1px; position: absolute; content: ''; background: #e5e5e5; top: 8px; left: 0 }
.top-pr3 { display: grid; grid-template-columns: 355px calc(100% - 355px); padding-top: 38px; margin-bottom: 30px }
    .top-pr3 .img-pr3 { width: 355px; height: 210px; line-height: 210px; text-align: center; border: 1px solid #e8e8e8 }
        .top-pr3 .img-pr3 img { width: 100%; min-height: auto; object-fit: cover; }
    .top-pr3 .txt-pr3 { padding-left: 30px }
.txt-pr3 h2 { font-size: 20px; font-family: MuliBold; color: #333; margin-bottom: 12px; line-height: 1 }
.txt-pr3 p { font-family: MuliRe; margin-bottom: 25px; font-size: 14px; color: #333 }
.sendmail { width: 238px; height: 34px; line-height: 34px; padding-left: 44px; border-radius: 8px; background: url(../images/icmail-wr.png) no-repeat; background-color: #0368ba; background-position-x: 14px; background-position-y: 7px; float: left }
    .sendmail a { font-family: MuliBold; font-size: 15px; color: #fff; text-decoration: none; display: block; text-transform: uppercase }
.calltele { width: 180px; height: 34px; line-height: 34px; float: left; margin-left: 20px; padding-left: 36px; border: 1px solid #086bd8; border-radius: 8px; background: url(../images/iccall-b.png) no-repeat; background-color: #fff; background-position-x: 12px; background-position-y: 7px; }
    .calltele a { font-family: MuliBold; font-size: 15px; color: #086bd8; text-decoration: none; display: block; text-transform: uppercase }
.bott-pr3 h3 { font-family: MuliSemiBold; color: #333; font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px }
.bott-pr3 .list-obd { margin: 0 -6px; display: grid; grid-template-columns: calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) }
.list-obd .item-obd { height: 76px; line-height: 76px; border: 1px solid #eaeaea; background: #fff; text-align: center; margin: 6px }
    .list-obd .item-obd img { max-width: 100% }
.txt-orgchart img { max-width: 100%; display: block; margin: 0 auto; }
.sbmn-product { display: none; }
    .sbmn-product.active { display: block; transition: .3s linear; }
.menu-scroll.fixed { position: fixed; top: 86px; height: 45px; line-height: 45px; text-align: center; background: #ddd; width: 100%; animation-name: fadeIn; animation-duration: .6s; }
.menu-mobile { display: none; }
.lstit-pr2, .rod1-rght, .ctitem-pr3 { float: right; width: 75%; }
.tit-lst { padding: 0 0 15px; }
    .tit-lst h1 { font-size: 24px; text-transform: uppercase; line-height: 24px; margin: 0 0 15px; }
.date { font-size: 15px; color: #999; display: block; }
.mxh-dt { padding: 22px 0 12px; border-bottom: 1px solid #dadada; display: flex; justify-content: flex-end; }
    .mxh-dt ul { margin: 0; }
        .mxh-dt ul li { margin-left: 15px; vertical-align: middle; display: inline-block }
            .mxh-dt ul li:first-child { font-size: 16px; color: #333333; }
            .mxh-dt ul li:not(:first-child) a { display: block; width: 32px; height: 32px; border-radius: 16px; overflow: hidden; color: #ffffff; line-height: 32px; font-size: 14px; text-align: center; }
            .mxh-dt ul li:nth-of-type(2) a { background: #3b5998; }
            .mxh-dt ul li:nth-of-type(3) a { background: #f34a38; }
            .mxh-dt ul li:nth-of-type(4) a { background: #ffa013; }
.ContentModule { padding: 22px 0 }
    .ContentModule .detail { padding-bottom: 30px }
.people-baoson h1 { display: block; background-position: 0px; background-size: auto 100%; font-size: 20px; text-transform: uppercase; font-weight: 700; margin: 20px 0; }
#Result { border-top: 1px solid #dadada }
.form-contact input.error { /* background: #efb8b8; */ /* color: #ffffff; */ }
.news-orther { padding-top: 30px; }
    .news-orther h2 { font-size: 18px; line-height: 24px; display: block; text-transform: uppercase; margin: 0 0 15px; position: relative; color: #0d83bf; }
    .news-orther ul { list-style: none; padding: 0; margin: 0; }
        .news-orther ul li { padding-left: 15px; line-height: 30px; display: block; position: relative; font-size: 14px; }
            .news-orther ul li a { color: #333 }
            .news-orther ul li::before { content: '\f105'; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 8px; color: #999; font-weight: 700; }
.color-red { color: red }
.popup-form { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #0000008a; z-index: 99999; display: none }
    .popup-form .wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; padding: 20px; border-radius: 10px; width: 700px; }
.grid-form { display: grid; grid-template-columns: 50% 50%; margin: 0 -15px; }
    .grid-form .form-group { margin: 5px 15px; text-align: center; }
        .grid-form .form-group label { font-size: 14px; line-height: 20px; margin-bottom: 5px }
        .grid-form .form-group:nth-child(n + 7) { grid-column: 1/3 }
.popup-form h2 { font-size: 25px; text-align: center; text-transform: uppercase; font-weight: 600; }
.closeup { font-size: 20px; color: #6c757d; position: absolute; top: 0px; right: 10px; }
.form-submit button { height: 40px; background: #086bd8; color: #fff; width: 120px; border: initial; }
.form-submit { text-align: center; margin: 10px 0 0; grid-column: 1/3 }
#contacttitle, #count { text-align: center }
.txt-psc { max-height: 63px; overflow: hidden; }
.pagi { clear: both; }
.pagination { padding: 25px 0; margin: 0 auto; display: table; align-items: center; }
.pagi nav ul li { display: inline-block; border: none; }
    .pagi nav ul li.hidden { display: none; }
    .pagi nav ul li a { margin-right: 8px; color: #8b8b8b; font-weight: 600; transition: all .2s linear; display: block; padding: 6px 11px; text-align: center; font-size: 15px; border: 1px solid #d4d4d4; line-height: 18px; border-radius: 3px; }
        .pagi nav ul li a.active-page { color: #086bd8; border: 1px solid #086bd8 }
.it-mnslct { height: 104px }
.mota-prj h3 { font-size: 24px; font-family: MuliSemiBold; color: #fff; margin-bottom: 15px; text-transform: uppercase }
.mota-prj p { margin-bottom: 5px; color: #333; }
.mota-prj { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2 }
.see-layout a { display: table; margin: 20px auto 0; line-height: 35px; padding: 0 20px; border: 1.5px solid #086bd8; background: #086bd8; color: #ffffff; border-radius: 5px; text-transform: uppercase; font-size: 14px }
    .see-layout a:hover { background: #ffffff; color: #086bd8 }
.bott-pr3 img, .bott-pr3 table { width: 100% !important; height: auto !important; }
.ContentModule .detail img, .ContentModule .detail iframe, .ContentModule .detail table { max-width: 100% !important }
.ContentModule .detail img { height: auto !important }
._detail p { font-family: MuliRe; color: #333; margin-bottom: 15px; font-size: 14px; line-height: 1.6; }
._detail iframe{max-width:100%;height:initial !important;}
._detail img{max-width:100%;height:initial !important;}