@font-face { font-family: MyriadRe; src: url(../fonts/MyriadPro-Regular.ttf) }
@font-face { font-family: MyriadSB; src: url(../fonts/MyriadPro-Semibold.ttf) }
@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: MuliRegular; src: url(../fonts/MULI-REGULAR.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 fadeInUp {
    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) }
}

@keyframes fadeInRight {
    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) }
}

@keyframes fadeInTopLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) }

    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInTopRight {
    from { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) }

    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInBotLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) }

    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInBotRight {
    from { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) }

    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInDown1 {
    from { opacity: 0; height: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) }

    to { opacity: 1; height: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInUp1 {
    from { opacity: 0; height: 100%; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }

    to { opacity: 1; height: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInLeft1 {
    from { opacity: 0; width: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) }

    to { opacity: 1; width: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInRight1 {
    from { opacity: 0; width: 100%; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }

    to { opacity: 1; width: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

::-webkit-scrollbar { width: 4px }
::-webkit-scrollbar-track { background: #333 }
::-webkit-scrollbar-thumb { background: #c28020 }
._aniindx { overflow: hidden; z-index: 1; }
.header { position: relative }
#touch-on span, #touch-on span:after, #touch-on span:before { display: block; width: 30px; height: 2px; background: #fff; margin: auto; transition: all .35s; z-index: 666 }
    #touch-on span:after, #touch-on span:before { content: ""; position: absolute }
    #touch-on span:before { top: 17px }
    #touch-on span:after { top: 9px }
#touch-on.active span { transform: rotate(45deg); width: 25px; border-radius: 2px; background: #323232; position: absolute; top: 15px }
    #touch-on.active span:after, #touch-on.active span:before { top: 0; transform: rotate(90deg); width: 25px; left: 0; border-radius: 2px; background: #323232 }
.header { width: 100%; display: block; height: 100%; transition: all .5s; opacity: 0; z-index: 10003; top: 0; left: 0; background: url(../images/background-menu.png); background-size: cover; background-position: center; background-attachment: fixed; position: fixed; padding: 0; overflow-y: auto; -webkit-transform: scale3d(0.3,0.3,0.3); transition: .4s linear; transform: scale3d(0.3,0.3,0.3); visibility: hidden; }
    .header.active { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); transition: .4s linear; visibility: visible }
.cl-menu { position: absolute; top: 55px; left: 40px; height: 27px; z-index: 666; width: 30px; z-index: 10004; cursor: pointer; }
.header .logo-menu img { max-width: 100%; min-height: 100%; object-fit: cover; }
.header .logo-menu { position: absolute; top: 35px; left: 80px; }
.touch-off.active .cl-menu { top: 50px }
.indx { background: url(../images/background.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3); width: 100%; height: 100vh; overflow: hidden }
    .indx .indxcl:nth-of-type(5) { background: #000000a6; grid-column: 2/3 }
        .indx .indxcl:nth-of-type(5) .logo-imgmd { text-align: center; padding: 0 60px; cursor: pointer }
            .indx .indxcl:nth-of-type(5) .logo-imgmd a img { width: 100% }
.ait-hder { display: flex; align-items: center; justify-content: center; height: 100vh; }
.lst-menu { text-align: center }
.lstmnb { margin-top: 60px; margin-bottom: 0; }
.lst-menu ul { padding: 0; overflow-y: auto; overflow: hidden; }
    .lst-menu ul li { list-style-type: none; margin-bottom: 15px; position: relative }
        .lst-menu ul li:last-child { margin-bottom: 0 }
        .lst-menu ul li a { font-size: 24px; color: #333; text-transform: uppercase; text-decoration: none; font-family: MuliSemiBold; font-weight: 400; }
    .lst-menu ul .lstmenub:hover .link-fa { color: #c28020; transition: all .2s linear; position: relative }
        .lst-menu ul .lstmenub:hover .link-fa:before { width: 40px; height: 1px; background: #c28020; content: ''; position: absolute; left: -50px; top: 13px; }
        .lst-menu ul .lstmenub:hover .link-fa:after { width: 40px; height: 1px; background: #c28020; content: ''; position: absolute; right: -50px; top: 13px; }
.lst-menu .sub-menu li a:hover { color: #c28020; transition: all .2s linear; position: relative }
.lst-menu .sub-menu li { margin-bottom: 0 !important }
    .lst-menu .sub-menu li a:hover:before { width: 40px; height: 1px; background: #c28020; content: ''; position: absolute; left: -50px; top: 13px }
    .lst-menu .sub-menu li a:hover:after { width: 40px; height: 1px; background: #c28020; content: ''; position: absolute; right: -50px; top: 13px }
.lst-menu .sub-menu { margin-bottom: 0; display: none; }
    .lst-menu .sub-menu li { padding-bottom: 8px }
        .lst-menu .sub-menu li:last-child { padding-bottom: 0 }
        .lst-menu .sub-menu li:first-child { padding-top: 10px }
        .lst-menu .sub-menu li a { color: #565656; font-size: 20px; font-family: MyriadRe; text-transform: initial }
.lst-menu .lstmenub span { display: none }
.ait-social { text-align: center; margin-bottom: 80px }
    .ait-social ul { padding: 0; margin-bottom: 0; margin-top: 50px }
        .ait-social ul li { list-style-type: none; display: inline-block; border: 1px solid #232323; width: 46px; height: 46px; line-height: 46px; border-radius: 50%; margin: 0 4px }
            .ait-social ul li a { color: #333 }
            .ait-social ul li:hover { cursor: pointer; transition: all .3s linear; border: 1px solid #c28020 }
                .ait-social ul li:hover a { color: #c28020; transition: all .3s linear }
            .ait-social ul li a i { font-size: 20px }
.langg-mn { text-align: center; width: 46px; height: 46px; border: 1px solid #121212; border-radius: 50%; line-height: 42px; position: absolute; top: 40px; right: 45px; cursor: pointer }
    .langg-mn a { color: #333; font-size: 20px; text-decoration: none; font-family: MyriadRE }
    .langg-mn:hover { transition: all .3s linear; border: 1px solid #c28020 }
        .langg-mn:hover a { color: #c28020; transition: all .3s linear }
.indxcl { text-align: center; position: relative; display: flex; justify-content: center; align-items: center }
    .indxcl .dcn-indx { display: none; }
        .indxcl .dcn-indx.active { display: block; }
    .indxcl h2 a { font-size: 26px; color: #fff; text-transform: uppercase; font-family: MuliSemiBold; }
    .indxcl h2 { margin-bottom: 0 }
.indx .indxcl .ct-indxcl { padding: 0 30px }
.indxcl h2 a:hover { text-decoration: none }
.indxcl p a { font-size: 18px; color: #fff; text-decoration: none; transition: .2s linear; display: none; }
    .indxcl p a:hover { color: #eac165; }
.indxcl .ct-indxcl { opacity: 0 }
.indxcl .it-imgs { position: absolute; height: 100%; overflow: hidden; opacity: 0; width: 100%; transition: all 0.1s linear; }
    .indxcl .it-imgs img { width: 100%; min-height: 100%; object-fit: cover }
.indx .indxcl:hover .ct-indxcl, .indx .indxcl:hover .it-imgs { opacity: 1; z-index: 19 }
.indx .indxcl:hover .ct-indxcl, .indx .indxcl:hover .it-imgs { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); transition: all .6s linear }
.indxcl .it-imgs a { display: block; height: 100%; }
.indx .indxcl:nth-of-type(3):hover .ct-indxcl, .indx .indxcl:nth-of-type(3):hover .it-imgs, .indx .indxcl:nth-of-type(6):hover .ct-indxcl, .indx .indxcl:nth-of-type(6):hover .it-imgs { transition: all .5s linear }
.indx .indxcl:nth-of-type(5) { border: 1px solid transparent }
.indx .indxcl:nth-of-type(4), .indx .indxcl:nth-of-type(6) { border-bottom: 1px solid transparent; border-top: 1px solid transparent }
.indx .indxcl:nth-of-type(2), .indx .indxcl:nth-of-type(8) { border-right: 1px solid transparent; border-left: 1px solid transparent }
    .indx .indxcl:nth-of-type(2) span:after, .indx .indxcl:nth-of-type(8) span:after { width: 1px; height: 100%; position: absolute; top: 0; left: -1px; background: #b1b1b1; content: '' }
    .indx .indxcl:nth-of-type(2) span:before, .indx .indxcl:nth-of-type(8) span:before { width: 1px; height: 100%; position: absolute; top: 0; right: -1px; background: #b1b1b1; content: '' }
.indx .indxcl:nth-of-type(4) span:after, .indx .indxcl:nth-of-type(6) span:after { width: 100%; height: 1px; position: absolute; top: -1px; left: 0; background: #b1b1b1; content: '' }
.indx .indxcl:nth-of-type(4) span:before, .indx .indxcl:nth-of-type(6) span:before { width: 100%; height: 1px; position: absolute; bottom: -2px; left: 0; background: #b1b1b1; content: '' }
.indx .indxcl:nth-of-type(2) span:after, .indx .indxcl:nth-of-type(2) span:before { animation-name: fadeInDown; animation-duration: 2s; }
.indx .indxcl:nth-of-type(8) span:after, .indx .indxcl:nth-of-type(8) span:before { animation-name: fadeInUp; animation-duration: 2s; }
.indx .indxcl:nth-of-type(4) span:after, .indx .indxcl:nth-of-type(4) span:before { animation-name: fadeInLeft; animation-duration: 2s; }
.indx .indxcl:nth-of-type(6) span:after, .indx .indxcl:nth-of-type(6) span:before { animation-name: fadeInRight; animation-duration: 2s; }
.indx .indxcl:nth-of-type(5) span:first-child { opacity: 0; width: 0; height: 1px; position: absolute; top: -1px; left: 0; background: #b1b1b1; content: ''; z-index: 20 }
.indx .indxcl:nth-of-type(5) span:nth-of-type(2) { opacity: 0; width: 0; height: 1px; position: absolute; bottom: -2px; left: 0; background: #b1b1b1; content: ''; z-index: 20 }
.indx .indxcl:nth-of-type(5) span:nth-of-type(3) { opacity: 0; width: 1px; height: 0; position: absolute; top: 0; left: -1px; background: #b1b1b1; content: ''; z-index: 20 }
.indx .indxcl:nth-of-type(5) span:last-child { opacity: 0; width: 1px; height: 0; position: absolute; top: 0; right: -1px; background: #b1b1b1; content: ''; z-index: 20 }
.indx .indxcl:nth-of-type(5) span:first-child.active { width: 100%; opacity: 1; animation-name: fadeInRight1; animation-duration: 1.2s; }
.indx .indxcl:nth-of-type(5) span:nth-of-type(2).active { width: 100%; opacity: 1; animation-name: fadeInLeft1; animation-duration: 1.2s; }
.indx .indxcl:nth-of-type(5) span:nth-of-type(3).active { height: 100%; opacity: 1; animation-name: fadeInDown1; animation-duration: 1s; }
.indx .indxcl:nth-of-type(5) span:last-child.active { height: 100%; opacity: 1; animation-name: fadeInUp1; animation-duration: 1s; }
.logo-bg { position: absolute; left: 6%; top: 38px }
.banner { position: relative; background: url(../images/bg-clr.jpg) no-repeat; background-size: 100% 100%; background-position: center; background-attachment: fixed; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100vh }
    .banner h1, ._it-banner h1 { transition: .3s linear; cursor: pointer; font-size: 47px; font-family: MuliBold; color: #fff; text-transform: uppercase; text-align: center; }
        .banner h1:hover, ._it-banner h1:hover { color: #c49630 }
.menu-ct { position: relative }
    .menu-ct .menu-clr { background: #f6f6f6; position: fixed; width: 306px; height: 100%; top: 0; bottom: 0; left: -306px; opacity: 1; visibility: visible; transition: .8s linear; z-index: 10000 }
._cntact-ct .menu-ct .menu-clr, ._dsnn .menu-ct .menu-clr { left: 0 }
._cntact-ct .menu-ct .cl-menu, ._dsnn .menu-ct .cl-menu { opacity: 1; visibility: visible }
.menu-ct .menu-clr.active { opacity: 1; visibility: visible; left: 0 }
.menu-ct .menu-clr ul { padding-left: 20px; font-family: MuliSemiBold; font-size: 14px; color: #333; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
    .menu-ct .menu-clr ul li, .menu-ct .menu-clr ul li a { padding-bottom: 16px; list-style: none; transition: .3s; cursor: pointer; text-transform: uppercase; font-family: MuliRegular; text-decoration: none; }
        .menu-ct .menu-clr ul li:hover, .menu-ct .menu-clr ul li.active, .menu-ct .menu-clr ul li.active a { color: #c49630; }
        .menu-ct .menu-clr ul li.first { border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; padding-bottom: 10px; padding-left: 30px; padding-right: 10px; }
            .menu-ct .menu-clr ul li.first a { color: #333333; font-weight: 600; font-size: 16px; }
.menu-ct { width: 100% }
.list-clr { position: relative }
    .list-clr .aitrv { min-height: 100%; position: relative; overflow: hidden; display: grid; width: calc(100% - 306px); grid-template-columns: 50% 50%; margin-left: 306px; align-items: center; height: 100vh; }
.aitrv .itrv-img { height: 100%; width: 100%; position: relative }
.aitrv:nth-child(2n) .itrv-img { grid-column: 2/3; grid-row: 1/1 }
.aitrv .itrv-img img { min-height: 100%; width: 100%; object-fit: cover }
._jrght { grid-column: 2/2; grid-row: 1/2 }
._jlft { grid-column: 1/2 !important }
.aitrv:nth-child(2n) .itrv-ct { background: #fff; animation-duration: 2s }
.itrv-ct ._itrvct { padding: 60px 40px; }
._itrvct .hct_itrv { height: 217px; overflow-y: auto; margin-bottom: 10px; }
    ._itrvct .hct_itrv::-webkit-scrollbar-track { background: transparent; }
    ._itrvct .hct_itrv::-webkit-scrollbar { width: 3px }
    ._itrvct .hct_itrv p { padding-right: 5px }
.itrv-ct h2, .itrv-ct h2 a, ._introduce ._itrvct h1, .itrv-ct h1, ._cpcrv ._newsct h1 { font-family: MuliBold; font-size: 27px; color: #333; margin-bottom: 10px; text-transform: uppercase; text-decoration: none; transition: .3s linear; }
    .itrv-ct h2 a:hover { color: #c49630 }
.itrv-ct p, ._newsct p { margin-bottom: 17px; font-size: 14px; color: #333; font-family: MuliRegular; line-height: 1.6; text-align: justify; }
.hct_itrv p:last-child { margin-bottom: 0 }
.itrv-ct .itrv-view { width: auto; height: 35px; background: #c49630; text-align: center; line-height: 35px; border-radius: 20px; transition: .3s; border: 1px solid #c49630; display: inline-block; }
    .itrv-ct .itrv-view a { font-family: MuliBold; font-size: 12px; text-transform: uppercase; color: #fff; display: block; text-decoration: none; padding: 0 15px; }
    .itrv-ct .itrv-view:hover { background: #fff }
        .itrv-ct .itrv-view:hover a { color: #c49630 }
.itrv-ct h3 { font-family: MuliBold; color: #333; font-size: 16px }
.menu-ct .cl-menu { position: fixed; opacity: 0; width: 36px; visibility: hidden; height: 36px; z-index: 10003; animation-duration: 2s; left: 20px }
    .menu-ct .cl-menu.active { opacity: 1; visibility: visible; animation-name: fadeInLeft; animation-duration: 1.8s; left: 20px }
    .menu-ct .cl-menu span { display: block; width: 30px; height: 2px; background: #000; border-radius: 5px; position: absolute; top: calc((100% - 3px)/2); left: 0; right: 0; transition: .3s }
        .menu-ct .cl-menu span:after { display: block; width: 30px; height: 2px; background: #000; border-radius: 5px; position: absolute; left: 0; right: 0; content: ''; bottom: -8px; transition: .3s }
        .menu-ct .cl-menu span:before { display: block; width: 30px; height: 2px; background: #000; border-radius: 5px; position: absolute; top: -8px; left: 0; right: 0; content: ''; transition: .3s }
.logo-mnf { position: absolute; top: 58px; left: 65px }
.menu-ct .cl-menu span.active { transform: rotate(45deg) }
    .menu-ct .cl-menu span.active:before { transform: rotate(90deg); top: 0 }
    .menu-ct .cl-menu span.active:after { transform: rotate(90deg); bottom: 0 }
.footer { position: relative; background: #e8e8e8; padding: 20px 0 15px; z-index: 10002 }
.footer-ct { text-align: center }
    .footer-ct .logo-ft img { max-width: 100%; height: 100%; object-fit: cover }
    .footer-ct .menu-ft ul { padding: 0; margin: 10px 0 17px }
        .footer-ct .menu-ft ul li { list-style-type: none; display: inline-block; padding: 0 8px; transition: .3s; }
            .footer-ct .menu-ft ul li a { font-size: 14px; font-family: MuliSemiBold; text-transform: uppercase; color: #333; text-decoration: none }
    .footer-ct .lst-ft ul { padding: 0 }
        .footer-ct .lst-ft ul li { list-style-type: none; width: 36px; height: 36px; display: inline-block; border: 1px solid #454545; border-radius: 50%; line-height: 34px; margin: 0 6px; transition: .3s }
            .footer-ct .lst-ft ul li:hover { border: 1px solid #c49630; background: #c49630 }
                .footer-ct .lst-ft ul li:hover a i { color: #fff }
            .footer-ct .lst-ft ul li a { display: block; text-decoration: none; transition: .3s }
    .footer-ct .menu-ft ul li:hover a { color: #c49630 }
    .footer-ct .lst-ft ul li a i { color: #333 }
._clrvpcrv .aitrv:nth-of-type(4) .itrv-ct { background: #e6e6e6 !important }
.itpcrv { position: relative }
.itpcrv-ct { width: calc(100% - 306px); left: 306px; position: relative }
._mcv { background: #e6e6e6; padding: 140px 30px 190px; text-align: center; }
    ._mcv ._desc { margin-bottom: 50px; }
._mcvs { padding: 140px 30px 190px; text-align: center; }
.itpcrv h2 { font-family: MuliBold; color: #333; font-size: 27px; margin-bottom: 20px; text-transform: uppercase }
.itpcrv ._hlpt { font-size: 14px; font-family: MuliRegular; margin-bottom: 56px; color: #333; padding: 0 20px; }
._mcv .lst-mcv { display: grid; grid-template-columns: 25% 50% 25% }
._mcvs .lst-mcv { display: grid; grid-template-columns: 50% 25% 25% }
.it-mcv { margin: 0 15px }
._mcv .it-mcv:nth-of-type(2) { display: grid; grid-template-columns: 50% 50% }
    ._mcv .it-mcv:nth-of-type(2) .itmv-txt { grid-column: 1/3 }
    ._mcv .it-mcv:nth-of-type(2) .itmv-img { margin: 0 6px 20px }
.itmv-img { margin-bottom: 20px }
    .itmv-img img { object-fit: cover }
.itmv-txt p { font-size: 14px; font-family: MuliSemiBold }
._mcvs .it-mcv:first-child { display: grid; grid-template-columns: 50% 50% }
    ._mcvs .it-mcv:first-child .itmv-txt { grid-column: 1/3; margin-top: -15px }
    ._mcvs .it-mcv:first-child .itmv-img { margin-bottom: 0 }
/*._clrvpcrv .menu-ct .menu-clr { opacity: 1; left: 0 }
._clrvpcrv .menu-ct .cl-menu { opacity: 1; visibility: visible }*/
.ctrv table { width: 100%; margin-top: 30px }
.ctrv .tit-tb { background: #d2d2d2 }
.ctrv table tr td:first-child { background: #e9e9e9; padding-left: 20px; font-family: MuliBold; text-transform: uppercase }
.ctrv table tr td { background: #f5f5f5; padding-left: 15px; height: 36px; font-size: 14px; font-family: MuliRegular; color: #333; border-bottom: 1px solid #fff }
.itrv-ct ul { margin-top: 22px; padding-left: 25px }
    .itrv-ct ul li { font-family: MuliRegular; font-size: 14px; color: #333; margin-bottom: 25px }
.lstcl-rv ul { padding-left: 0 }
    .lstcl-rv ul li { list-style-type: none; padding-left: 55px; position: relative }
        .lstcl-rv ul li ._bdred { display: block; width: 34px; height: 34px; background: #700; line-height: 34px; font-size: 17px; font-family: MuliBold; border-radius: 50%; color: #fff; text-align: center; position: absolute; left: 0; top: 3px }
.itrv-ct ._wbldbd { font-family: MuliBold; text-transform: uppercase }
.acharact { position: relative; width: calc(100% - 306px); left: 306px }
    .acharact ._chrac-1 { background: #700; padding: 70px 40px 90px; text-align: center }
    .acharact h2 { color: #fff; font-size: 27px; font-family: MuliBold; margin-bottom: 22px; text-transform: uppercase }
._chrac-1 ._notew { color: #fff; font-family: MuliRegular; font-size: 14px; margin-bottom: 45px }
._chrac-1 .ait-cr1 { display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3) }
.ait-cr1 ._itemcr1 { margin: 0 25px }
._itemcr1 ._itcr-img { height: 230px; line-height: 230px }
._itemcr1 ._itcr-ct { text-align: left }
    ._itemcr1 ._itcr-ct span { font-size: 22px; text-transform: uppercase; font-family: MuliBold }
    ._itemcr1 ._itcr-ct p { color: #fff; font-size: 14px; font-family: MuliRegular; line-height: 1.8; text-align: justify; }
.acharact ._chrac-2 { background: url(../images/charac-bg.jpg) no-repeat; background-size: 100% 100%; background-position: center; background-attachment: fixed; padding: 70px 45px 90px; text-align: center }
._chrac-2 .ait-cr2 { display: grid; grid-template-columns: 25% 25% 25% 25%; margin-top: 65px; text-align: left }
._itemcr2 { margin: 0 6px }
    ._itemcr2 h3 { background: url(../images/charac-ic.png) no-repeat; font-size: 22px; font-family: MuliBold; color: #fff; text-transform: uppercase; margin-bottom: 25px; height: 50px; line-height: 50px; padding-left: 61px }
    ._itemcr2 p { font-size: 14px; font-family: MuliRegular; color: #fff; line-height: 1.8; text-align: justify; }
._news .menu-ct .cl-menu { opacity: 1; visibility: visible; top: 35px; position: absolute }
._news .menu-ct #touch-on-b.active .cl-menu { top: 50px; }
._news .logo-news { padding: 35px 0 35px 80px }
._news .lst-nws { display: grid; grid-template-columns: 50% 50% }
.lst-nws .it-news { display: grid; grid-template-columns: 50% 50%; background: #efefef }
.it-news ._news-img { overflow: hidden; cursor: pointer }
    .it-news ._news-img:hover img { transform: scale(1.1) }
    .it-news ._news-img img { max-width: 100%; min-height: 100%; object-fit: cover; transition: .3s linear }
.lst-nws .it-news:nth-child(4n + 3) ._news-img, .lst-nws .it-news:nth-child(4n + 4) ._news-img { grid-column: 2/3; grid-row: 1/1 }
.it-news ._news-ct { text-align: center; padding: 0 35px; display: table-cell; vertical-align: middle; align-self: center }
    .it-news ._news-ct h3, .it-news ._news-ct h3 a { line-height: 1.6; font-size: 16px; font-family: MuliBold; color: #333; text-transform: uppercase; margin-bottom: 25px; transition: .3s linear; text-decoration: none }
        .it-news ._news-ct h3 a:hover { color: #c49630 }
    .it-news ._news-ct p { font-family: MuliRegular; color: #333; font-size: 14px; height: 60px; max-height: 60px; overflow: hidden }
    .it-news ._news-ct ._news-vct { width: 130px; height: 37px; border: 1px solid #505050; border-radius: 10px; line-height: 35px; margin: 0 auto; transition: .3s linear }
        .it-news ._news-ct ._news-vct:hover { background: #c49630; border: 1px solid #c49630 }
            .it-news ._news-ct ._news-vct:hover a { color: #fff }
        .it-news ._news-ct ._news-vct a { font-family: MuliRegular; font-size: 14px; color: #505050; text-transform: uppercase; text-decoration: none; display: block }
._news ._news-xt { height: 38px; width: 194px; margin: 36px auto 38px; border: 1px solid #c49630; text-align: center; line-height: 38px; border-radius: 10px; transition: .3s linear }
    ._news ._news-xt a { display: block; color: #333; font-family: 'Robonto',sans-serif; text-decoration: none }
    ._news ._news-xt:hover { background: #c49630 }
        ._news ._news-xt:hover a { color: #fff }
._news-ct .aitrv ._itrvct p.tit-h1 { font-size: 22px; font-family: MuliBold; color: #333; text-transform: uppercase; margin-bottom: 22px }
/*._news-ct .menu-ct .cl-menu { opacity: 1; visibility: visible }
._news-ct .menu-ct .menu-clr { opacity: 1; visibility: visible; left: 0 }*/
._it-banner { background: url(../images/it-banner.jpg) no-repeat; background-size: 100% 100% !important; background-position: center !important; background-attachment: fixed !important; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; }
.cl-np { position: absolute; bottom: 6% }
    .cl-np i { color: #fff; font-size: 42px; cursor: pointer; transition: .3s linear; animation: fadeOutDown 1.2s infinite ease-in-out; }
        .cl-np i:hover { color: #c49630 }
.lst-rv { background: url(../images/it-bg.jpg) no-repeat; background-size: 100% 100%; background-position: center; background-attachment: fixed; position: relative; padding: 120px 80px 80px; text-align: center; }
.lrv-rght { text-align: center; padding: 45px 30px 15px; border: 1px solid #9c8d6f; border-radius: 20px; display: grid; grid-template-columns: 25% 25% 25% 25%; margin: 10px 0 40px; overflow-y: auto; width: 60%; float: left; }
.lrv-itr { margin: 0 15px 10px }
    .lrv-itr .bdrvr { padding: 6px; border-radius: 50%; width: 134px; height: 134px; margin: 0 auto 20px; transition: .3s linear; border: 1px solid transparent; cursor: pointer }
        .lrv-itr .bdrvr:hover, .lrv-itr .bdrvr.active { border: 1px solid #9c8d6f }
    .lrv-itr .rvr-img { background: #acacaca7; border-radius: 50%; width: 120px; height: 120px; position: relative; justify-content: center; align-items: center; flex-direction: column; display: flex; transition: .2s linear }
        .lrv-itr .rvr-img picture{height:120%;}
        .lrv-itr .rvr-img img { max-width: 100%; height: 100% }
    .lrv-itr .bdrvr:hover .rvr-img, .lrv-itr .bdrvr.active .rvr-img { background: #9c8d6f }
.rvr-ct h3 { line-height: 1.3; margin-bottom: 0; transition: .3s; font-family: 'Robonto',sans-serif; font-size: 14px; text-transform: uppercase; color: #ddbf84; font-weight: 600; text-decoration: none; }
    .rvr-ct h3:hover { color: #fff }
.lrv-itr a:hover { text-decoration: none; }
.lstrv-ct { display: table; width: 100%; }
    .lstrv-ct .lrv-lft { float: left; width: 40%; }
.bdlrv { height: 448px; width: 448px; border-radius: 50%; padding: 11px; border: 1px solid #b49c6d; margin: 10px auto 50px }
    .bdlrv .lrv-img { height: 424px; width: 424px; border-radius: 50%; background: #abababc7; position: relative; justify-content: center; align-items: center; flex-direction: column; display: flex; transition: .2s linear }
        .bdlrv .lrv-img a { position: relative; height: 100%; width: 100%; justify-content: center; align-items: center; flex-direction: column; display: flex; }
        .bdlrv .lrv-img a picture{height:120%;}
        .bdlrv .lrv-img img { max-width: 100%; height: 100% }
.lrv-ct h2 a { transition: .3s; font-family: 'Robonto',sans-serif; font-size: 36px; color: #ddbf84; text-decoration: none; text-transform: uppercase; font-weight: 600 }
    .lrv-ct h2 a:hover { color: #fff }
.lrv-ct .lrv-xct a { font-size: 16px; font-family: 'Robonto',sans-serif; color: #ddbf84; font-weight: 600; text-transform: uppercase; position: relative; text-decoration: none; transition: .3s linear }
    .lrv-ct .lrv-xct a:after { width: 30px; height: 1px; position: absolute; left: -40px; top: 7px; content: ''; background: #ddbf84 }
    .lrv-ct .lrv-xct a:before { width: 30px; height: 1px; position: absolute; right: -40px; top: 7px; content: ''; background: #ddbf84 }
    .lrv-ct .lrv-xct a:hover { color: #fff }
        .lrv-ct .lrv-xct a:hover:after, .lrv-ct .lrv-xct a:hover:before { background: #fff }
._cardif { border-bottom: 1px solid #e5e5e5 }
    ._cardif ._ncard { padding: 6px 0; position: relative; cursor: pointer; }
        ._cardif ._ncard h3 button { padding: 0; color: #333333; text-decoration: none; text-transform: uppercase; width: 100%; text-align: left; }
        ._cardif ._ncard h3 { margin-bottom: 0; font-size: 14px; text-transform: uppercase }
._ctcard p { margin-bottom: 30px }
._ncard ._cdud { position: absolute; top: 10px; right: 10px; transition: .2s }
._cdud i { transition: all 0.5s linear; }
._cdud.active i { transform: rotate(180deg) }
._cardif.open ._cdud i { transform: rotate(180deg); }
infbr table { width: 100% }
.infbr table tr td:first-child { font-size: 14px; color: #333; font-family: MuliBold }
.infbr table tr td { background: none; padding: 10px 0; border-bottom: 1px solid #e5e5e5 }
.infbr { width: 100%; margin-bottom: 35px }
    .infbr table tr:last-child td { border-bottom: initial }
.itrv-img .img-map { position: absolute; top: calc((100% - 460px)/2); width: 645px; height: 460px; left: calc((100% - 645px)/2); display: none; }
    .itrv-img .img-map img { min-height: initial; width: auto }
._contact ._itrvct h2 { font-family: MuliBold; font-size: 22px; color: #333; margin-bottom: 25px; text-transform: uppercase; text-align: left; }
.itrv-ct ._address ul { margin-top: 0; margin-bottom: 38px; padding-left: 0 }
    .itrv-ct ._address ul li { list-style-type: none; font-family: MuliRegular; font-size: 14px; color: #333; padding-left: 20px; margin-bottom: 15px; background: url(../images/ic-address.png) no-repeat; background-position-y: 2px }
.fm-cntact .f-group input { width: 100%; height: 43px; padding-left: 18px; border: 1px solid #e2e2e2; margin-bottom: 13px }
    .fm-cntact .f-group input:focus, .fm-cntact .f-group textarea:focus, .fm-cntact button:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); border-radius: 1px }
.fm-cntact .f-group textarea { height: 106px; width: 100%; padding-left: 18px; padding-top: 12px; border: 1px solid #e2e2e2; margin-bottom: 25px }
.fm-cntact button { width: 150px; height: 36px; background: #c49630; border: 1px solid transparent; border-radius: 20px; color: #fff; font-family: MuliBold; font-size: 12px; text-transform: uppercase; transition: .3s linear; }
    .fm-cntact button:hover { background: #fff; color: #c49630; border: 1px solid #c49630 }
.fm-cntact { text-align: center }
    .fm-cntact .f-group input::placeholder, .fm-cntact .f-group textarea::placeholder { font-family: MuliSemiBold; font-size: 14px; color: #585858 }
    .fm-cntact .f-group { text-align: left }
        .fm-cntact .f-group:first-child input { width: 60%; float: left; margin-right: 4% }
        .fm-cntact .f-group:nth-of-type(2) input { width: 36%; float: left }
._wtrv ._itrvct p.tit-h1 { font-family: MuliBold; font-size: 27px; color: #333; margin-bottom: 30px; text-transform: uppercase; }
._wtrv ._itrvct h2 { font-size: 20px }
._wtrv ._itrvct ._wbldgt { font-family: MuliBold; font-size: 14px; color: #333; text-transform: uppercase; padding: 7px 0; display: block }
._wtrv .aitrv:nth-child(2n) .itrv-img { grid-column: initial; grid-row: initial }
._wtrv .aitrv:nth-child(2n - 1) .itrv-img { grid-column: 2/3; grid-row: 1/1 }
.ctgtrv-img img { min-height: 100%; object-fit: cover; max-width: 100%; }
.ctgtrv-img { margin-bottom: 40px; text-align: center; }
._dsnn .aitrv ._itrvct p.tit-h1 { font-family: MuliBold; font-size: 27px; color: #333; text-transform: uppercase; margin-bottom: 30px; }
._itrvct ._thspb { font-family: MuliBold }
._pldsn { display: grid; grid-template-columns: 50% 50% }
    ._pldsn ._itpldsn { margin-top: 10px }
        ._pldsn ._itpldsn h2 { font-size: 24px; text-transform: initial }
        ._pldsn ._itpldsn ul { padding-left: 0 }
            ._pldsn ._itpldsn ul li { margin-bottom: 5px; list-style-type: none; position: relative; padding-left: 13px }
                ._pldsn ._itpldsn ul li:before { position: absolute; content: ''; width: 6px; height: 6px; background: #6f6f6f; border-radius: 50%; left: 0; top: 8px }
._plhqmd { display: grid; grid-template-columns: 57% 43%; }
._itplhqmd h2 { font-size: 20px; text-transform: initial }
._itplhqmd ._lsthq { display: grid; grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3); text-align: center; margin: 0 0 0 -10px }
.itlsthq .ithq-img { height: 90px; line-height: 90px }
.ithq-ct p { margin-bottom: 0; text-align: center; line-height: 1.4; }
._itplhqmd:nth-of-type(2) h2 { text-align: center }
._itplhqmd ._tdmd { display: grid; grid-template-columns: 50% 50%; height: 220px; }
._tdmd ._ittdmd { position: relative }
    ._tdmd ._ittdmd ._rowr { text-align: center; position: absolute; width: 28px; height: 180px; display: grid; grid-template-rows: calc(100%/3) calc(100%/3) calc(100%/3); top: 20px; right: 06px; }
._low, ._medium, ._high { width: 100%; height: 100%; background: #fff; }
._low { border-radius: 0 0 20px 20px; border: 1px solid #bd9192; transition: .3s linear }
._medium { border: 1px solid #bd9192; border-bottom: none; transition: .3s linear }
._high { border-radius: 20px 20px 0 0; border: 1px solid #bd9192; border-bottom: none; transition: .3s linear }
._low.active { background: #e71e26; border-top: 1px solid #fff }
._medium.active { background: #e71e26; border-top: 1px solid #fff }
._high.active { background: #e71e26 }
._ittdmd ._ctiitmd-p p { width: 60px; height: 42px; margin-bottom: 0; position: absolute; left: -5px; top: calc((100% - 42px)/2); }
._ittdmd ._ctiitmd-p ._ctiwth { top: 30px }
._ittdmd ._ctiitmd-p ._hitdmd { top: 100px; }
._tdmd ._ittdmd:nth-of-type(2) ._rowr { left: 6px; }
._ittdmd:nth-of-type(2) ._ctiitmd-p p { left: initial; right: -5px; }
._dsnn .aitrv:nth-of-type(3) ._tdmd ._ittdmd ._rowr, ._dsnn .aitrv:nth-of-type(4) ._tdmd ._ittdmd ._rowr { left: calc((100% - 28px)/2); right: initial }
._dsnn .aitrv:nth-of-type(3) ._tdmd, ._dsnn .aitrv:nth-of-type(4) ._tdmd { display: block }
._dsnn .aitrv:nth-of-type(3) ._ittdmd ._ctiitmd-p p, ._dsnn .aitrv:nth-of-type(4) ._ittdmd ._ctiitmd-p p { left: initial; right: 15px; }
._dsnn .aitrv:nth-of-type(5) ._lsthq .itlsthq:first-child { grid-row: 1/3 }
    ._dsnn .aitrv:nth-of-type(5) ._lsthq .itlsthq:first-child .ithq-img { height: 200px; line-height: 200px }
._dsnn .aitrv:nth-of-type(5) ._itplhqmd ._tdmd { grid-template-columns: 30% 70% }
    ._dsnn .aitrv:nth-of-type(5) ._itplhqmd ._tdmd ._ittdmd ._ctiitmd-p p { left: 0 }
    ._dsnn .aitrv:nth-of-type(5) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(2) ._ctiitmd-p p { position: absolute; width: 100%; text-align: center; top: 210px; }
._dsnn .aitrv:nth-of-type(5) ._itrvct { padding: 40px 40px 80px }
._dsnn .aitrv:nth-of-type(5) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(2) ._rowr:first-child { left: 25px }
._dsnn .aitrv:nth-of-type(5) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(2) ._rowr:nth-of-type(2) { left: calc((100% - 28px)/2) }
._dsnn .aitrv:nth-of-type(5) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(2) ._rowr:nth-of-type(3) { right: 25px; left: initial }
._dsnn .aitrv:nth-of-type(6) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(1) ._rowr:first-child, ._dsnn .aitrv:nth-of-type(7) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(1) ._rowr:first-child, ._dsnn .aitrv:nth-of-type(8) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(1) ._rowr:first-child, ._dsnn .aitrv:nth-of-type(9) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(1) ._rowr:first-child { left: 0; }
._dsnn .aitrv:nth-of-type(6) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(1) ._ctiitmd-p p,
._dsnn .aitrv:nth-of-type(7) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(1) ._ctiitmd-p p,
._dsnn .aitrv:nth-of-type(8) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(1) ._ctiitmd-p p,
._dsnn .aitrv:nth-of-type(9) ._itplhqmd ._tdmd ._ittdmd:nth-of-type(1) ._ctiitmd-p p { left: initial; right: -30px; }
._dsnn .aitrv:nth-of-type(6) ._itplhqmd ._tdmd ._ittdmd ._rowr,
._dsnn .aitrv:nth-of-type(7) ._itplhqmd ._tdmd ._ittdmd ._rowr,
._dsnn .aitrv:nth-of-type(8) ._itplhqmd ._tdmd ._ittdmd ._rowr,
._dsnn .aitrv:nth-of-type(9) ._itplhqmd ._tdmd ._ittdmd ._rowr { right: calc((100% - 28px)/2); left: inherit; top: 60px; }
._dsnn .aitrv:nth-of-type(6) ._itplhqmd ._tdmd ._ittdmd ._ctiitmd-p p,
._dsnn .aitrv:nth-of-type(7) ._itplhqmd ._tdmd ._ittdmd ._ctiitmd-p p,
._dsnn .aitrv:nth-of-type(8) ._itplhqmd ._tdmd ._ittdmd ._ctiitmd-p p,
._dsnn .aitrv:nth-of-type(9) ._itplhqmd ._tdmd ._ittdmd ._ctiitmd-p p { top: 140px; right: -30px; }
._qtlrv ._qtlr-ct { margin-left: 306px; width: calc(100% - 306px); padding: 65px 35px 50px; height: 100vh; }
._qtlr-ct:first-child { background: #e3e3e3; text-align: center; }
._qtlr-ct p.tit-h1 { font-size: 27px; color: #333; font-family: MuliBold; text-transform: uppercase; margin-bottom: 20px }
._qtlr-ct h2 { font-size: 18px; color: #333; font-family: MuliBold; text-transform: uppercase; margin-bottom: 50px }
._qtrlr { display: grid; grid-template-columns: calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6); margin: 0 -15px }
    ._qtrlr ._itqtrlr { display: flex; margin: 0 15px 50px }
        ._qtrlr ._itqtrlr:nth-child(1) { grid-column: 1/3; grid-row: 1/2 }
        ._qtrlr ._itqtrlr:nth-child(2) { grid-column: 3/5; grid-row: 1/2 }
        ._qtrlr ._itqtrlr:nth-child(3) { grid-column: 5/7; grid-row: 1/2 }
        ._qtrlr ._itqtrlr:nth-child(4) { grid-column: 2/4; grid-row: 2/3 }
        ._qtrlr ._itqtrlr:nth-child(5) { grid-column: 4/6; grid-row: 2/3 }
._itqtrlr-img { width: 158px; height: 158px; position: relative; background: #fff; line-height: 168px; border-radius: 50%; margin-right: 5px }
    ._itqtrlr-img span { height: 44px; width: 44px; display: block; position: absolute; top: 0; background: #c49630; left: 0; border-radius: 50%; color: #fff; font-size: 22px; font-family: MuliBold; line-height: 44px }
._itqtrlr-ct { width: calc(100% - 158px); text-align: left; padding-left: 5px }
    ._itqtrlr-ct .tit-itqtrlr { font-family: MuliBold; color: #333; font-size: 16px; text-transform: uppercase; margin: 15px 0 10px; height: initial }
    ._itqtrlr-ct p { font-family: MuliRegular; font-size: 14px; color: #333; line-height: 1.4; margin-bottom: 0; height: 95px; max-height: 95px; overflow: hidden; text-align: justify; }
._qtlr-ct:nth-of-type(2) { background: url(../images/qtrlr-bg.jpg) no-repeat; background-size: 100% 100%; background-position: center; text-align: center; }
    ._qtlr-ct:nth-of-type(2) p.tit-h1, ._qtlr-ct:nth-of-type(2) h2, ._qtlr-ct:nth-of-type(2) ._itqtrlr-ct p, ._qtlr-ct:nth-of-type(2) ._itqtrlr-ct .tit-itqtrlr { color: #fff }
    ._qtlr-ct:nth-of-type(2) ._qtrlr ._itqtrlr:nth-child(1), ._qtlr-ct:nth-of-type(2) ._qtrlr ._itqtrlr:nth-child(2), ._qtlr-ct:nth-of-type(2) ._qtrlr ._itqtrlr:nth-child(3), ._qtlr-ct:nth-of-type(2) ._qtrlr ._itqtrlr:nth-child(4), ._qtlr-ct:nth-of-type(2) ._qtrlr ._itqtrlr:nth-child(5) { grid-row: initial; grid-column: initial }
    ._qtlr-ct:nth-of-type(2) ._qtrlr { grid-template-columns: calc(100%/3) calc(100%/3) calc(100%/3) }
.banner-gth .banner { background: url(../images/gth-bg.jpg) no-repeat; background-size: 100% 100% !important; background-position: center !important; background-attachment: fixed !important; }
.logo-bngt { position: absolute; top: 40px; left: 70px }
.show-left .menu-ct .menu-clr { left: 0; opacity: 1 }
.show-left .cl-menu { opacity: 1; visibility: visible }
.img-mapmb { display: none }
.menuct-mobile { display: none; }
/*table*/
.tb-cnrv { position: absolute; top: 0; padding: 20px; display: flex; align-items: center; justify-content: center; height: 100%; }
    .tb-cnrv tr td, .tb-cnrv tr th { height: 52px; width: calc(100% / 3); border: 1px solid #000000; line-height: 1.2; max-height: 52px; overflow: hidden; }
    .tb-cnrv tr td { padding-left: 10px; background: #bab0adc7; font-family: MuliRegular; color: #000000; font-size: 16px; }
    .tb-cnrv tr th { background: #c9b68ac9; text-align: center; font-size: 16px; font-family: MuliSemiBold; text-transform: uppercase; color: #000000; }
._loading.active { display: none; }
._loading span { display: block; position: fixed; height: 3px; width: 0%; top: 0; left: 0; right: 0; background: #c49630; z-index: 1; transition: 2s linear; }
    ._loading span.active { width: 100%; }
.alrt-contact, .alrt-email { background: #ff6d6d; padding: 5px 20px; display: inline-block; margin-top: 15px; border-radius: 20px; color: #ffffff; }
.alrt-success { background: #07ca43; color: #ffffff; }
#SendContact label.error { display: none !important; }
#SendContact input.error { border: 1px solid #ff6d6d; }
.load-news .load { grid-column: 1/3; margin: 15px 0 0 0; }
.list-clr .aitrv:nth-of-type(5) ._itplhqmd ._lsthq { display: grid; grid-template-columns: 50% 50%; }
.list-clr .aitrv:nth-of-type(5) ._plhqmd { grid-template-columns: 50% 50%; }
.list-clr .aitrv:nth-of-type(5) .itlsthq:nth-of-type(2) .ithq-ct p, .list-clr .aitrv:nth-of-type(5) .itlsthq:nth-of-type(3) .ithq-ct p, .list-clr .aitrv:nth-of-type(5) .itlsthq:nth-of-type(2), .list-clr .aitrv:nth-of-type(5) .itlsthq:nth-of-type(3) { text-align: left; }
.list-clr .aitrv:nth-of-type(5) .itlsthq:nth-of-type(2), .list-clr .aitrv:nth-of-type(5) .itlsthq:nth-of-type(3) { margin-left: 30px }
.list-clr .aitrv:nth-of-type(4) .itlsthq, .list-clr .aitrv:nth-of-type(4) .itlsthq .ithq-ct p { text-align: left; }
    .list-clr .aitrv:nth-of-type(4) .itlsthq .ithq-ct p { margin-left: 13px; }
/*pop-up*/
.popup_indx { position: fixed; z-index: 999; top: 0; left: 0; bottom: 0; right: 0; }
    .popup_indx.active { display: none }
    .popup_indx ._clpu-indx { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000a3; z-index: 1000; }
    .popup_indx .ct-puindx { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1001; }
        .popup_indx .ct-puindx a { display: block; }
    .popup_indx ._btclpu { width: 32px; height: 32px; position: absolute; top: -16px; right: -16px; background: #000000c2; z-index: 1002; border-radius: 50%; border: 3px solid #adadadb8; cursor: pointer; }
._btclpu span:after { position: absolute; width: 18px; height: 3px; background: #ffffff; content: ''; top: 11px; left: 4px; border-radius: 10px; transform: rotate(45deg) }
._btclpu span:before { position: absolute; width: 18px; height: 3px; background: #ffffff; content: ''; top: 11px; left: 4px; border-radius: 10px; transform: rotate(315deg) }
.popup_item { position: fixed; z-index: 999; top: 0; left: 0; bottom: 0; right: 0; }
    .popup_item.active { display: none }
    .popup_item ._clpu-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000a3; z-index: 1000; }
    .popup_item .ct-puitem { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1001; }
        .popup_item .ct-puitem a { display: block; }
    .popup_item ._btclpu-it { width: 32px; height: 32px; position: absolute; top: -16px; right: -16px; background: #000000c2; z-index: 1002; border-radius: 50%; border: 3px solid #adadadb8; cursor: pointer; }
._btclpu-it span:after { position: absolute; width: 18px; height: 3px; background: #ffffff; content: ''; top: 11px; left: 4px; border-radius: 10px; transform: rotate(45deg) }
._btclpu-it span:before { position: absolute; width: 18px; height: 3px; background: #ffffff; content: ''; top: 11px; left: 4px; border-radius: 10px; transform: rotate(315deg) }
._cpcrv ._newsct { width: calc(100% - 306px); margin-left: 306px; padding: 70px 90px 100px }
._cpcrv ._newsct img{max-width:100%}
/*timeline*/
.timeline { width: calc(100% - 306px); margin-left: 306px; background: #ffffff; padding: 60px 80px 70px; }
    .timeline h2 { font-family: MuliBold; font-size: 27px; color: #c49630; margin-bottom: 50px; text-transform: uppercase; text-decoration: none; text-align: center; }
._timeline ul { width: 620px; box-sizing: border-box; margin: 0 auto; list-style-type: none; background: url(../images/dmindb-2.png) repeat-y center top; position: relative; padding: 28px 0 0; }
    ._timeline ul:before { content: ''; width: 20px; height: 4px; position: absolute; background: #fff; left: calc((100% - 20px)/2); top: 6px; }
    ._timeline ul:after { content: ''; width: 10px; height: 10px; position: absolute; left: calc((100% - 10px)/2); background: url(../images/downwr.png) no-repeat 0 0; bottom: -7px; }
    ._timeline ul li { width: 100%; height: 88px; position: relative; padding: 0; margin: 0; }
        ._timeline ul li.active:after { opacity: 1; width: 11px; }
        ._timeline ul li:after { content: ''; height: 2px; background: #fff; position: absolute; width: 0; right: 316px; top: 50%; transform: translateY(-50%); transition: all .3s ease-in-out; opacity: 0; }
        ._timeline ul li:nth-child(2n):after { left: 316px; }
        ._timeline ul li.active:before { opacity: 1; width: 103px; }
        ._timeline ul li:before { content: ''; width: 0; height: 2px; background: #dfa812; position: absolute; padding: 0; left: 314px; top: 50%; transform: translateY(-50%); transition: all .6s ease-in-out; opacity: 0; }
        ._timeline ul li:nth-child(2n):before { left: initial; right: 314px; }
        ._timeline ul li.active ._time-ct { opacity: 1; width: auto; }
        ._timeline ul li ._time-ct { transition: all .3s ease-in-out; opacity: 0; height: 22px; line-height: 22px; text-align: left; background: #dfa812; position: absolute; right: 337px; top: calc((100% - 22px)/2); color: #ffffff; box-sizing: border-box; padding: 0 9px 0 11px; font-family: MuliRegular; border-radius: 10px 0 0 10px; width: 0%; }
        ._timeline ul li:nth-child(2n) ._time-ct { border-radius: 0 10px 10px 0 }
        ._timeline ul li ._time-ct:before { content: ''; position: absolute; right: -11px; top: 0; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 11px; border-color: transparent transparent transparent #dfa812; }
        ._timeline ul li:nth-child(2n) ._time-ct:before { content: ''; right: initial; left: -11px; border-width: 11px 11px 11px 0; border-color: transparent #dfa812 transparent transparent; }
        ._timeline ul li.active ._imgtimel { opacity: 1; }
        ._timeline ul li ._imgtimel { width: 80px; height: 80px; position: absolute; border-radius: 50%; border: 2px #dfa812 solid; padding: 0px; cursor: pointer; right: 115px; top: 0; overflow: hidden; transition: all .3s ease-in-out; opacity: 0; }
        ._timeline ul li:nth-child(2n) ._time-ct { right: initial; left: 337px; padding: 0 11px 0 0; }
        ._timeline ul li:nth-child(2n) ._imgtimel { right: initial; left: 115px; }
        ._timeline ul li ._imgtimel img { max-width: 100%; min-height: 100%; object-fit: cover; }
        ._timeline ul li.active ._nmetimel { opacity: 1; }
        ._timeline ul li ._nmetimel { width: 197px; max-height: 94px; overflow: hidden; position: absolute; color: #dfa812; font-family: MuliRegular; right: -90px; top: 50%; transform: translateY(-50%); transition: all .3s ease-in-out; opacity: 0; }
        ._timeline ul li:nth-child(2n) ._nmetimel { right: initial; left: -90px; text-align: right; }
._contact .list-clr .aitrv { height: auto }
.popup-timeline { position: absolute; width: 100%; margin: auto; left: calc((100% - 620px)/2); top: 0; background: #dfa812; border: 2px solid #e2d3a9; border-radius: 5px; z-index: 100000; padding-bottom: 30px; }
    .popup-timeline .close { position: absolute; right: -30px; top: -30px; width: 30px; height: 30px; text-align: center; background: #dfa812; border-radius: 30px; line-height: 19px; font-size: 19px; overflow: hidden; border: 2px solid #bf8f0c; cursor: pointer; }
    .popup-timeline .title { font-size: 20px; text-align: center; padding: 20px 0; font-weight: 600; color: #000000; text-transform: uppercase; }
    .popup-timeline ._details { padding: 0 20px; max-height: 600px; overflow-x: hidden; color: #000; }
