/* <=== bannerhome ===> */
.slbannerhh .item{
    position: relative;
}
.slbannerhh .banvdimg{
    padding-top: 45.556%;
    min-height: calc(100vh - 99px);
    position: relative;
    overflow: hidden;
}
.slbannerhh .banvdimg .bg, .slbannerhh .banvdimg video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slbannerhh .banvdimg .bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation: immortalkenburns 20000ms linear 0s infinite alternate;
    animation: immortalkenburns 20000ms linear 0s infinite alternate;
}
@-webkit-keyframes immortalkenburns{
    0%{-webkit-transform:scale(1);-webkit-transition:-webkit-transform 20000ms linear 0ms}
    100%{-webkit-transform:scale(1.1);-webkit-transition:-webkit-transform 20000ms linear 0ms}
}
@-moz-keyframes immortalkenburns{
    0%{-moz-transform:scale(1);-moz-transition:-moz-transform 20000ms linear 0ms}
    100%{-moz-transform:scale(1.1);-moz-transition:-moz-transform 20000ms linear 0ms}
}
@-ms-keyframes immortalkenburns{
    0%{-ms-transform:scale(1);-ms-transition:-ms-transform 20000ms linear 0ms}
    100%{-ms-transform:scale(1.1);-ms-transition:-ms-transform 20000ms linear 0ms}
}
@-o-keyframes immortalkenburns{
    0%{-o-transform:scale(1);-o-transition:-o-transform 20000ms linear 0ms}
    100%{-o-transform:scale(1.1);-o-transition:-o-transform 20000ms linear 0ms}
}
@keyframes immortalkenburns{
    0%{transform:scale(1);transition:transform 20000ms linear 0ms}
    100%{transform:scale(1.1);transition:transform 20000ms linear 0ms}
}
.slbannerhh .banvdimg .bg img{
    display: none;
}
.slbannerhh .banvdimg video{
    object-fit: cover;
}
.slbannerhh .bancapts{
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    z-index: 2;
}
.slbannerhh .csinner{
    max-width: 430px;
    padding: 15px 20px 20px 30px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    transform: translateX(200px);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slbannerhh .slick-current .csinner{
    opacity: 1;
    transform: unset;
}
.slbannerhh .cstitle{
    transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slbannerhh .cstends{
    transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slbannerhh .slick-current .cstitle{
    opacity: 1;
    transform: unset;
    transition-delay: 0.3s;
}
.slbannerhh .slick-current .cstends{
    opacity: 1;
    transform: unset;
    transition-delay: 0.6s;
}
.slbannerhh .cstitle{
    color: #2b399c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 5px;
}
.slbannerhh .cstends{
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    font-style: italic;
}
/* <=== bannerhome ===> */

/* <=== infosahome ===> */
.infosahome{
    position: relative;
    padding: 70px 0 40px;
    background-color: #eaeef3;
    z-index: 1;
}
.infosahome::before{
    content: '';
    position: absolute;
    bottom: calc(100% - 1px);
    width: 100%;
    height: 139px;
    background-image: url('../images/iflinet.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    pointer-events: none;
}
.infosahome::after{
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    width: 100%;
    height: 155px;
    background-image: url('../images/iflineb.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    pointer-events: none;
}
.infosahome .ifbacks{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 0;
    min-width: 1300px;
    pointer-events: none;
}
.infosahome .ifbacks img{
    width: 100%;
}
.infosahome .ifconts{
    position: relative;
    z-index: 1;
}
/* <=== infosahome ===> */

/* <=== aboutshome ===> */
.aboutshome{
    margin-bottom: 120px;
}
.hpaboutshh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 -31px;
}
.hpaboutshh .hhgrip > div{
    padding: 0 31px;
    width: 50%;
}
.tpaboutshh .thumb img{
    width: 100%;
}
.tpaboutshh .dstitle{
    position: relative;
    padding-top: 20px;
    text-transform: uppercase;
    color: #132491;
    margin-bottom: 5px;
}
.tpaboutshh .dstitle::before{
    content: '';
    position: absolute;
    top: 0;
    width: 86px;
    background-color: #132491;
    height: 5px;
}
.tpaboutshh .dstitle, .tpaboutshh .dstitle h2{
    font-size: 50px;
    line-height: 60px;
    font-weight: bold;
}
.tpaboutshh .dstitle span{
    color: #00b0d2;
}
.tpaboutshh .dscapts{
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
    color: #00b0d2;
}
.tpaboutshh .dsconts{
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 30px;
}
/* <=== aboutshome ===> */

/* <=== produchome ===> */
.hpproduchh .hhtitle{
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.hpproduchh .hhtitle, .hpproduchh .hhtitle h2{
    font-size: 45px;
    line-height: 55px;
    font-weight: bold;
}
.hpproduchh .hhcapts{
    max-width: 770px;
    margin: 0 auto;
    margin-bottom: 35px;
    font-size: 17px;
    line-height: 29px;
    text-align: justify;
}
.hpproduchh .hhconts{
    margin-bottom: 50px;
    border-radius: 15px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    padding: 30px 30px 50px;
}
.slproduchh .slick-list{
    margin: 0 -18.5px;
}
.slproduchh .slick-slide{
    padding: 0 18.5px;
}
.slproduchh .slick-prev{
    left: -120px;
}
.slproduchh .slick-next{
    right: -120px;
}
.itproduchh .thumb{
    margin-bottom: 10px;
}
.itproduchh .thumb a{
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}
.itproduchh .thumb a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.itproduchh .decss{
    padding-top: 12px;
    border-top: 1px solid #eeeeee;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
}
.itproduchh .decss::before{
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 0;
    background-color: #132491;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.itproduchh:hover .decss::before{
    width: 100%;
}
.itproduchh .dscapts{
    margin-bottom: 5px;
    color: #666666;
    text-transform: uppercase;
}
.itproduchh .dstitle, .itproduchh .dstitle h3{
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}
.itproduchh:hover .dstitle a{
    color: #132491;
}
.itproduchh .dstitle a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* <=== produchome ===> */

/* <=== nprodshome ===> */
.nprodshome{
    padding: 170px 0 90px;
}
.hpnprodshh .hhtitle{
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 45px;
}
.hpnprodshh .hhtitle, .hpnprodshh .hhtitle h2{
    font-size: 45px;
    line-height: 55px;
    font-weight: bold;
}
.tpnprodshh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.tpnprodshh .hhgrip > div{
    padding: 0 10px;
    width: 20%;
    margin-bottom: 20px;
}
.tpnprodshh .hhgrip > div:nth-child(odd) .itnprodshh{
    background-color: #132491;
}
.tpnprodshh .hhgrip > div:nth-child(even) .itnprodshh{
    background-color: #00b0d2;
}
.itnprodshh{
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 20px 15px 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.itnprodshh:hover{
    transform: translateY(-3px);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}
.itnprodshh, .itnprodshh a{
    color: #fff;
}
.itnprodshh .hhlinks{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.itnprodshh .hhlinks a{
    display: block;
    width: 100%;
    height: 100%;
}
.itnprodshh .hhthumb{
    padding-top: 75.287%;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.itnprodshh .hhthumb img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
}
.itnprodshh .hhdecss{
    text-align: center;
    font-size: 15px;
    line-height: 23px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    min-height: 46px;
    font-weight: bold;
}
/* <=== nprodshome ===> */

/* <=== networhome ===> */
.networhome{
    padding: 130px 0 120px;
    position: relative;
    z-index: 1;
}
.networhome::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/mlback.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    pointer-events: none;
}
.hpnetworhh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 -20px;
}
.hpnetworhh .hhgrip > div{
    padding: 0 20px;
    width: 50%;
}
.tpnetworhh .hhdecss{
    max-width: 540px;
}
.tpnetworhh .dstitle{
    text-transform: uppercase;
    margin-bottom: 20px;
}
.tpnetworhh .dstitle, .tpnetworhh .dstitle h2{
    font-size: 45px;
    line-height: 55px;
    font-weight: bold;
}
.tpnetworhh .dsconts{
    max-width: 455px;
    font-size: 17px;
    line-height: 30px;
}
.tpnetworhh .hhthumb{
    text-align: center;
}
/* <=== networhome ===> */

/* <=== videoshome ===> */
.videoshome{
    position: relative;
    margin-top: -120px;
}
.videoshome a{
    display: block;
    position: relative;
}
.videoshome a::before{
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../images/vdplay.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    animation: pulse_toas 2s infinite;
    border-radius: 100%;
}
@keyframes pulse_toas {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }
    70% {
        box-shadow: 0 0 0 20px rgb(0,152,218,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgb(0,152,218,0);
    }
}
.videoshome a img{
    width: 100%;
}
/* <=== videoshome ===> */

/* <=== partnehome ===> */
.partnehome{
    padding: 45px 0 50px;
}
.hppartnehh .hhtitle{
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
}
.hppartnehh .hhtitle::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
    z-index: -1;
}
.hppartnehh .hhtitle, .hppartnehh .hhtitle h2{
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
}
.hppartnehh .hhtitle span{
    display: inline-block;
    padding: 0 20px;
    background-color: #fff;
    z-index: 1;
    position: relative;
}
/* <=== partnehome ===> */

/* <=== albumshome ===> */
.albumshome{
    position: relative;
    background-color: #eaeef3;
    overflow: hidden;
    padding: 45px 0 80px;
}
.albumshome .albacks{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 0;
    min-width: 1300px;
    pointer-events: none;
}
.albumshome .albacks img{
    width: 100%;
}
.albumshome .alconts{
    position: relative;
    z-index: 1;
}
.hpalbumshh .hhtitle{
    margin-bottom: 35px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
}
.hpalbumshh .hhtitle, .hpalbumshh .hhtitle h2{
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
}
.tpalbumshh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.tpalbumshh .hhgrip > div{
    padding: 0 20px;
}
.tpalbumshh .hhgrip .mcol{
    width: 33.885%;
}
.tpalbumshh .hhgrip .hcol{
    width: calc(100% - (33.885% + 40.497%));
}
.tpalbumshh .hhgrip .bcol{
    width: 40.497%;
}
.tpalbumshh .vvgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.tpalbumshh .vvgrip > div{
    width: 100%;
    padding: 0 10px;
    margin-bottom: 45px;
}
.tpalbumshh .vvgrip > div:last-child{
    margin-bottom: 0;
}
.italbumshh{
    position: relative;
}
.italbumshh .thumb a{
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 35px;
}
.italbumshh .thumb a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #132491;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
}
.italbumshh:hover .thumb a::before{
    opacity: 0.5;
}
.italbumshh .thumb a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.italbumshh .decss{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    z-index: 2;
}
.italbumshh .dname{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    padding-left: 36px;
    position: relative;
}
.italbumshh .dname::before{
    content: '\f03e';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 24px;
    line-height: 30px;
}
.italbumshh .dname span{
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.italbumshh:hover .dname span{
    opacity: 1;
}
/* <=== albumshome ===> */

/* <=== ttnewshome ===> */
.ttnewshome{
    padding: 45px 0 70px;
}
.hpttnewshh .hhtitle{
    text-align: center;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
}
.hpttnewshh .hhtitle, .hpttnewshh .hhtitle h2{
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
}
.hpttnewshh .hhconts{
    margin-bottom: 50px;
}
.tpttnewshh .hhgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.tpttnewshh .hhgrip > div{
    padding: 0 15px;
    width: 50%;
}
.itttnewsha{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.itttnewsha .thumb a{
    padding-top: 67.36%;
}
.itttnewsha .decss{
    padding: 20px 35px 35px 20px;
    background-color: rgba(19, 36, 145, 0.65);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.itttnewsha .decss, .itttnewsha .decss a{
    color: #fff;
}
.itttnewsha .dsgrip{
    display: flex;
    margin: 0 -10px;
}
.itttnewsha .dsgrip > div{
    padding: 0 10px;
}
.itttnewsha .dsgrip .xcol{
    width: 85px;
}
.itttnewsha .dsgrip .ycol{
    width: calc(100% - 85px);
}
.itttnewsha .dsdates{
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}
.itttnewsha .dsdates span{
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    display: block;
}
.itttnewsha .dstitle{
    text-transform: uppercase;
}
.itttnewsha .dstitle, .itttnewsha .dstitle h3{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}
.itttnewsha .dstitle a{
    max-height: 90px;
    overflow: hidden;
    display: block;
}
.tpttnewshb .hbrow{
    margin-bottom: 29px;
}
.tpttnewshb .hbrow:last-child{
    margin-bottom: 0;
}
.itttnewshb{
    border-radius: 15px;
    overflow: hidden;
    background-color: #f6f6f6;
}
.itttnewshb .hbgrip{
    display: flex;
    flex-wrap: wrap;
}
.itttnewshb .hbgrip .xcol{
    width: 47.37%;
}
.itttnewshb .hbgrip .ycol{
    width: calc(100% - 47.37%);
}
.itttnewshb .decss{
    padding: 20px 25px 30px 20px;
}
.itttnewshb .dsgrip{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}
.itttnewshb .dsgrip > div{
    padding: 0 7px;
}
.itttnewshb .dsgrip .kcol{
    width: 80px;
}
.itttnewshb .dsgrip .tcol{
    width: calc(100% - 80px);
}
.itttnewshb .dsdates{
    font-size: 12px;
    line-height: 20px;
    color: #9c9c9c;
    text-align: center;
}
.itttnewshb .dsdates span{
    display: block;
    font-size: 36px;
    line-height: 30px;
    font-weight: 700;
}
.itttnewshb .dstitle, .itttnewshb .dstitle h3{
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
}
.itttnewshb .dstitle a{
    display: block;
    max-height: 94px;
    overflow: hidden;
}
/* <=== ttnewshome ===> */

@media all and (min-width: 1600px){
    /* <=== nprodshome ===> */
    .nprodshome{
        padding: 200px 0 110px;
    }
    /* <=== nprodshome ===> */
}
@media all and (max-width: 1200px){
    /* <=== produchome ===> */
    .slproduchh .slick-prev{
        left: -50px;
    }
    .slproduchh .slick-next{
        right: -50px;
    }
    /* <=== produchome ===> */

}
@media all and (max-width: 991px){
    /* <=== bannerhome ===> */
    .slbannerhh .bancapts{
        bottom: 40px;
        padding: 0 30px;
    }
    .slbannerhh .csinner{
        padding: 8px 10px 10px 12px;
        max-width: 190px;
        border-radius: 8px;
    }
    .slbannerhh .cstitle{
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 0;
    }
    .slbannerhh .cstends{
        font-size: 12px;
        line-height: 20px;
    }
    .slbannerhh .slick-dots{
        bottom: 5px;
    }
    .slbannerhh .banvdimg{
        height: 0;
        padding-top: 45.579%;
        min-height: 173px;
    }
    .slbannerhh .csinner{
        transform: translateX(100px);
    }
    .slbannerhh .cstitle{
        transform: translateX(50px);
    }
    .slbannerhh .cstends{
        transform: translateX(50px);
    }
    .slbannerhh .slick-prev {
        left: 0;
    }
    .slbannerhh .slick-next {
        right: 0;
    }
    /* <=== bannerhome ===> */

    /* <=== infosahome ===> */
    .infosahome .ifbacks{
        left: -200px;
    }
    /* <=== infosahome ===> */

    /* <=== aboutshome ===> */
    .aboutshome{
        margin-bottom: 40px;
    }
    .infosahome{
        padding: 15px 0 30px;
    }
    .hpaboutshh .hhgrip > div{
        width: 100%;
        margin-bottom: 30px;
    }
    .hpaboutshh .hhgrip > div:last-child{
        margin-bottom: 0;
    }
    .tpaboutshh .thumb{
        max-width: 600px;
        margin: 0 auto;
    }
    .tpaboutshh .dstitle, .tpaboutshh .dstitle h2{
        font-size: 35px;
        line-height: 45px;
    }
    .tpaboutshh .dscapts{
        font-size: 15px;
        line-height: 23px;
    }
    .tpaboutshh .dsconts{
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 25px;
        text-align: justify;
    }
    /* <=== aboutshome ===> */

    /* <=== produchome ===> */
    .hpproduchh .hhtitle{
        margin-bottom: 10px;
    }
    .hpproduchh .hhtitle .vblock{
        display: block;
    }
    .hpproduchh .hhtitle, .hpproduchh .hhtitle h2{
        font-size: 25px;
        line-height: 35px;
    }
    .hpproduchh .hhcapts{
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 25px;
    }
    .hpproduchh .hhconts{
        padding: 20px 11px 25px;
        margin-bottom: 25px;
    }
    .slproduchh .slick-list{
        margin: 0 -5px;
    }
    .slproduchh .slick-slide{
        padding: 0 5px;
    }
    .itproduchh .dscapts{
        font-size: 14px;
        line-height: 21px;
    }
    .itproduchh .dstitle, .itproduchh .dstitle h3{
        font-size: 16px;
        line-height: 24px;
    }
    .slproduchh .slick-prev{
        left: -30px;
    }
    .slproduchh .slick-next{
        right: -30px;
    }
    /* <=== produchome ===> */

    /* <=== nprodshome ===> */
    .nprodshome{
        padding: 110px 0 40px;
    }
    .tpnprodshh .hhgrip > div{
        width: 25%;
    }
    .hpnprodshh .hhtitle{
        margin-bottom: 25px;
    }
    .hpnprodshh .hhtitle, .hpnprodshh .hhtitle h2{
        font-size: 25px;
        line-height: 35px;
    }
    .itnprodshh .hhdecss{
        font-size: 13px;
        line-height: 18px;
        min-height: 36px;
    }
    .tpnprodshh .hhgrip{
        margin: 0 -7px;
    }
    .tpnprodshh .hhgrip > div{
        padding: 0 7px;
        margin-bottom: 14px;
    }
    /* <=== nprodshome ===> */

    /* <=== networhome ===> */
    .networhome{
        padding: 70px 0 70px;
    }
    .networhome::before{
        background-image: url("../images/mlbackm.png");
    }
    .hpnetworhh .hhgrip > div{
        width: 100%;
        margin-bottom: 30px;
    }
    .hpnetworhh .hhgrip > div:last-child{
        margin-bottom: 0;
    }
    .tpnetworhh .hhdecss{
        max-width: 100%;
    }
    .tpnetworhh .dstitle{
        text-align: center;
        margin-bottom: 5px;
    }
    .tpnetworhh .dsconts{
        font-size: 15px;
        line-height: 25px;
        text-align: justify;
        max-width: 100%;
    }
    .tpnetworhh .dstitle, .tpnetworhh .dstitle h2{
        font-size: 25px;
        line-height: 35px;
    }
    /* <=== networhome ===> */

    /* <=== videoshome ===> */
    .videoshome a::before{
        width: 60px;
        height: 60px;
    }
    .videoshome{
        margin-top: -50px;
    }
    /* <=== videoshome ===> */

    /* <=== partnehome ===> */
    .partnehome{
        padding: 20px 0 30px;
    }
    .hppartnehh .hhtitle, .hppartnehh .hhtitle h2{
        font-size: 25px;
        line-height: 35px;
    }
    .hppartnehh .hhtitle span{
        padding: 0 13px;
    }
    /* <=== partnehome ===> */

    /* <=== albumshome ===> */
    .albumshome{
        padding: 30px 0 45px;
    }
    .hpalbumshh .hhtitle{
        margin-bottom: 18px;
    }
    .hpalbumshh .hhtitle, .hpalbumshh .hhtitle h2{
        font-size: 25px;
        line-height: 35px;
    }
    .tpalbumshh .hhgrip .mcol{
        width: 60%;
    }
    .tpalbumshh .hhgrip .hcol{
        width: 40%;
    }
    .italbumshh .dname span{
        opacity: 0!important;
        height: 24px;
        overflow: hidden;
        display: block
    }
    .italbumshh .decss{
        padding: 20px 18px;
    }
    .italbumshh .thumb a{
        border-radius: 25px;
    }
    /* <=== albumshome ===> */

    /* <=== ttnewshome ===> */
    .tpttnewshh .hhgrip > div{
        width: 100%;
        margin-bottom: 20px;
    }
    .tpttnewshh .hhgrip > div:last-child{
        margin-bottom: 0;
    }
    .ttnewshome{
        padding: 20px 0 40px;
    }
    .hpttnewshh .hhtitle{
        margin-bottom: 20px;
    }
    .hpttnewshh .hhtitle, .hpttnewshh .hhtitle h2{
        font-size: 25px;
        line-height: 35px;
    }
    .itttnewsha, .itttnewshb{
        border-radius: 10px;
    }
    .itttnewsha .decss{
        padding: 12px 15px 15px 12px;
    }
    .itttnewsha .dsgrip{
        margin: 0 -5px;
    }
    .itttnewsha .dsgrip > div{
        padding: 0 5px;
    }
    .itttnewsha .dsgrip .xcol{
        width: 70px;
    }
    .itttnewsha .dsgrip .ycol{
        width: calc(100% - 70px);
    }
    .itttnewsha .dstitle, .itttnewsha .dstitle h3{
        font-size: 15px;
        line-height: 24px;
    }
    .itttnewsha .dstitle a{
        max-height: 72px;
    }
    .itttnewshb .hbgrip{
        align-items: center;
        align-content: center;
    }
    .itttnewshb .decss{
        padding: 10px 15px;
    }
    .itttnewshb .dsgrip .kcol{
        display: none;
    }
    .itttnewshb .dsgrip .tcol{
        width: 100%;
    }
    .hpttnewshh .hhconts{
        margin-bottom: 25px;
    }
    /* <=== ttnewshome ===> */
}
@media all and (max-width: 767px){
    /* <=== nprodshome ===> */
    .nprodshome{
        padding: 70px 0 40px;
    }
    .tpnprodshh .hhgrip > div{
        width: 50%;
    }
    .itnprodshh{
        padding: 20px 3px 10px;
    }
    .itnprodshh .hhthumb{
        padding-top: 68.287%;
    }
    .itnprodshh .hhthumb img{
        max-width: 70%;
        max-height: 70%;
    }
    /* <=== nprodshome ===> */

    /* <=== albumshome ===> */
    .tpalbumshh .hhgrip .mcol{
        width: 100%;
        margin-bottom: 20px;
    }
    .tpalbumshh .hhgrip .hcol{
        width: 100%;
    }
    .tpalbumshh .vvgrip > div{
        width: 50%;
        margin-bottom: 0;
    }
    /* <=== albumshome ===> */

    /* <=== ttnewshome ===> */
    .itttnewshb .dstitle, .itttnewshb .dstitle h3{
        font-size: 15px;
        line-height: 25px;
    }
    .itttnewshb .dstitle a{
        max-height: 75px;
    }
    /* <=== ttnewshome ===> */
}