@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.eot'); src: url('../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg'), url('../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.ttf') format('truetype'), url('../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.woff') format('woff'), url('../fonts/HelveticaNeue-Thin/HelveticaNeue-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue/HelveticaNeue.svg#HelveticaNeue') format('svg'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue-Medium/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg'); font-weight: 600; font-style: normal; } 
@font-face { font-family: 'HelveticaNeue'; src: url('../fonts/HelveticaNeue-CondensedBlack/HelveticaNeue-CondensedBlack.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeue-CondensedBlack/HelveticaNeue-CondensedBlack.svg#HelveticaNeue-CondensedBlack') format('svg'); font-weight: bold; font-style: normal; }


html, body{font-family: 'HelveticaNeue'; font-size: 14px; background: #0C0827;  padding-bottom: 0px; color: #fff; background: #0C0F19;}  
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0px; font-family: 'HelveticaNeue'; font-weight: inherit;}
img{    max-width: 100%;}

.mb-15{margin-bottom: 15px;}

/* ----------- DEFAULT -------------------------------------- */
/* ELEMENT */
a:hover, a:focus{border-color: rgba(255, 255, 255, 0); outline: none;text-decoration: none;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
img{max-width: 100%;}
ul{margin: 0px;}
.btn.focus, .btn:focus{outline: 0; box-shadow: none;}

/* CORE */
[class*="col-"], [class*="container"]{padding-left: 7.5px; padding-right: 7.5px;}
.row{margin-left: -7.5px; margin-right: -7.5px;}
@media(max-width: 600px){
    /* [class*="col-"], [class*="container"]{padding-left: 5px; padding-right: 5px;} */
    /* .row{margin-left: -5px; margin-right: -5px;} */
}
.max-w-main{ margin: auto; padding-left: 200px; padding-right: 200px;}
body, html{background: #0C0F19; color: #FFFFFF;}
@media(max-width: 1500px){
    .max-w-main{padding-left: 150px; padding-right: 150px;}
}
@media(max-width: 1400px){
    .max-w-main{padding-left: 100px; padding-right: 100px;}
}
@media(max-width: 1300px){
    .max-w-main{padding-left: 50px; padding-right: 50px;}
}
@media(max-width: 992px){
    .max-w-main{padding-left: 20px; padding-right: 20px;}
}
@media(max-width: 767px){
    .max-w-main{padding-left: 7.5px; padding-right: 7.5px;}
}

/* ------------ FOOTER ------------------------------------------------------------------------------------ */
footer .row{margin-left: 0; margin-right: 0;}
footer .row .col-lg-4{padding-left: 0; padding-right: 0;}
.item-footer{}

.f-logo{background: url(../images/bg/f-1.jpg) no-repeat center center #0C0F19; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; min-height: 275px;}
.f-logo a{position: absolute; content: ""; top: 50%;left:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block;}
.f-logo a img{height: 125px; display: block; margin: auto;}

.f-map{position: relative; min-height: 275px;}
.f-map iframe{width: 100%!important; height: 275px!important; position: absolute; top: 0;}

.f-info{padding: 30px 5px 5px 30px; background: url(../images/bg/f-2.png) no-repeat center center #0C0F19; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; min-height: 275px;}
.f-info .list{}
.f-info .list .item{position: relative; padding-left: 25px; margin-bottom: 15px;}
.f-info .list .item .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 15px;}
.f-info .list .item .icon img{max-width: 15px; vertical-align: top; display: block;}
.f-info .title{color: #FEEC8B; font-weight: bold; font-size: 22px; margin-bottom: 10px;}

.block-socail{min-height: 56px; background: #1D2029; padding: 15px 10px 10px;}
.block-socail a{display: inline-block; margin: auto 5px;}
.block-socail a img{width: 24px;}

/*----------------------------------------*/
/*  04. FEATURES CSS START
/*----------------------------------------*/
.features__inner { -webkit-box-shadow:0 50px 70px 0 rgba(66,5,135,0.3); -moz-box-shadow:0 50px 70px 0 rgba(66,5,135,0.3); box-shadow:0 50px 70px 0 rgba(66,5,135,0.3); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

@media (max-width:575px) {
    .features__inner { margin-top:100px; } 
} 
.features__item{ position: relative; z-index: 1; min-height: 195px; border-radius: 10px; overflow: hidden; margin-bottom: 10px;}
.features__item a{display: block; }
.features__item::after{border: 1px solid #FEEC8B; position: absolute; content: ""; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 10px; left: 5px; top: 5px;}
.features__item:hover .features__content { top:40%; }
.features__item:hover .features__btn { opacity:0; visibility:visible; opacity:1; }
.features__item:hover .features__thumb::after { opacity:0; }

.features__thumb { position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.features__thumb::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #15171F; }
.features__thumb::before { position:absolute; content:""; top:0; left:0; width:100%; height:100%; background: #FEEC8B; opacity: 0.4; }
.features__thumb-2 { position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; opacity:0; }
.features__thumb-2::after { position:absolute; content:""; top:0; left:0; width:100%; height:100%; background-image:-moz-linear-gradient(60deg,#ff24f7 0%,#781ce2 100%); background-image:-webkit-linear-gradient(60deg,#ff24f7 0%,#781ce2 100%); background-image:-ms-linear-gradient(60deg,#ff24f7 0%,#781ce2 100%); background-image:-linear-gradient(60deg,#ff24f7 0%,#781ce2 100%); opacity:0.8; }
.features__icon { margin-bottom:20px; }
.features__icon img{ max-height: 32px; display: block; margin: auto; }
.features__content { width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; padding: 0 15px; position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); height: 100%; padding-top: 55px;}
.features__content h3 { position: absolute; bottom: 20px ; left: 0; right: 0; padding: 0 10px; font-size: 14px; color: #fff;}

@media only screen and (min-width:768px) and (max-width:991px) {
    .features__content-right { margin-top:50px; } 
} 

@media only screen and (min-width:576px) and (max-width:767px) {
    .features__content-right { margin-top:50px; } 
} 

@media (max-width:575px) {
    .features__content-right { margin-top:50px; } 
} 
.features__content-2 { position:relative; z-index:1; }
.features__content-2 h3 { font-size:22px; font-weight:900; }
.features__content-2 p { margin-bottom:25px; }
.features__btn { visibility:hidden; opacity:0; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.features__btn a { color:#ffffff; }

.bg-features{min-height: 525px; background: url(../images/bg/s-1.jpg) no-repeat center center; background-size: 100% 100%;}
.list-features__item{margin-bottom: 35px;}
@media(min-width: 992px){
    .list-features__item{margin-left: -10px; margin-right: -10px;}
    .list-features__item .col-lg-3{flex: 0 0 20%; max-width: 20%; padding-left: 10px; padding-right: 10px;}
}

/*----------------------------------------*/
/*  21. PORTFOLIO CSS START
/*----------------------------------------*/
@media(min-width: 992px){
    .list-portfolio__item{margin-left: -15px; margin-right: -15px;}
    .list-portfolio__item .col-lg-3{padding-left: 15px; padding-right: 15px;}
}
.portfolio__item{margin-bottom: 25px;}
.portfolio__item:hover .portfolio__thumb::before { opacity:0.9; }
.portfolio__item:hover .portfolio__plus { visibility:visible; opacity:1; top:50%; }
.portfolio__item:hover .portfolio__more { visibility:visible; opacity:1; left:0; }
.portfolio__thumb { position:relative; }
.portfolio__thumb img { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.portfolio__thumb::before { position:absolute; content:""; left:0; right:0; width:100%; height:100%; background-image:-moz-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image:-webkit-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image:-ms-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image:linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; opacity:0; }

.portfolio__plus { top:60%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); visibility:hidden; opacity:0; z-index:2; }
.portfolio__plus a { display:inline-block; width:42px; height:42px; line-height:38px; text-align:center; border:2px solid #0c0f19; color:#0c0f19; font-size:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:relative; overflow:hidden; }
.portfolio__plus a:hover { color:#1f1841; border-color:#ffffff; background:#ffffff; }
.portfolio__plus a:hover i:first-child { left:-120%; }
.portfolio__plus a:hover i:last-child { left:50%; }
.portfolio__plus a i { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; }
.portfolio__plus a i:last-child { left:120%; }
.portfolio__more { bottom:30px; background:#ffffff; z-index:1; padding:3px 0; width:100%; visibility:hidden; opacity:0; left:-30px; }
.portfolio__more .link-btn { font-size:16px; }
.portfolio__more .link-btn:hover { color:#1f1841; }
.portfolio__load a i { margin-left:0; padding-right:5px; }
.portfolio__menu span { color:#1f1841; }
.portfolio__menu button { color:#646374; padding:0 20px; background:transparent; }

@media only screen and (min-width:576px) and (max-width:767px) {
    .portfolio__menu button { padding:0 10px; } 
} 
@media (max-width:600px) {
    .portfolio__item{margin-bottom: 15px;}
}
@media (max-width:575px) {
    .portfolio__menu button { display:block; padding:10px 0; } 
} 
.portfolio__menu button.active { color:#4636ff; }
.portfolio__menu button:hover { color:#4636ff; }
.portfolio__details-content h1 { font-size:50px; margin-bottom:30px; }

@media (max-width:575px) {
    .portfolio__details-content h1 { font-size:40px; } 
} 
.portfolio__meta h4 { display:inline-block; font-family:"Lato",sans-serif; font-weight:700; font-size:16px; }
.portfolio__info h3 { font-family:"Lato",sans-serif; font-weight:700; font-size:16px; margin-bottom:7px; }
.portfolio__overview h2 { font-size:20px; }
.portfolio__pagination-wrapper { padding-top:30px; border-top:1px solid #eeeeee; }

.portfolio__item .portfolio__thumb{height: 225px;}
.portfolio__item .portfolio__thumb img{width: 100%; height: 100%; object-fit: cover;}

.portfolio__item .title{color: #000; position: absolute; bottom: 20px; width: 100%; padding-left: 10px; padding-right: 10px; opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }  
.portfolio__item .title span{text-overflow: ellipsis; position: relative;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all;}
.portfolio__item:hover .title{opacity: 1;}
@media (max-width:600px) {
    .portfolio__item .portfolio__thumb{height: 170px;}
}
/*----------------------------------------*/
/*  HEADER
/*----------------------------------------*/
.header__transparent{    min-height: 68px;     background: hsl(0deg 0% 100% / 15%);}
.header__transparent .logo{display: inline-block; max-width: 195px; margin-right: 70px; padding-top: 15px;}
.header__transparent .logo img{vertical-align: top; display: block; margin: auto;}
.header__transparent .header__bottom-right{    display: inline-block!important; vertical-align: top;}
.header__transparent .link-right{display: inline-block; float: right; line-height: 34px; padding-top: 15px;}
.header__transparent .link-right .search-toggle{display: inline-block; vertical-align: top; width: 50px; text-align: center;}
.header__transparent .link-right .search-toggle img{width: 18px;}

.main-menu{}
.main-menu .link-login{display: none;}
@media(max-width: 992px){
    .sidebar__menu{position: absolute; right: 10px; top: 15px;}
    .header__transparent .link-right .btn-yellow-gradient{display: none;}
    .header__transparent .link-right{margin-right: 40px; position: absolute;}

    .slider__content{text-align: center;}
}
@media(max-width: 600px){
    .header__search-wrapper{position: fixed; top: 68px;}
}

/* BTN-YELLOW-GRADIENT */
.btn-yellow-gradient{
    background: url(../images/bg/btn.png) repeat-x center center;
    border: 0; border-radius: 100px; line-height: 34px; padding: 0 20px; position: relative; overflow: hidden; font-weight: bold; color: #050505; min-width: 140px; font-size: 14px; display: inline-block; min-width: 100px; text-align: center;
}
.btn-yellow-gradient:hover, .btn-yellow-gradient.active{
    outline: none; box-shadow: none; color: #a80000;
}
.btn-yellow-gradient:hover:after { position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; content: ""; -webkit-transform: rotate( 60deg ) translate(-5em,7.5em); transform: rotate( 60deg ) translate(-5em,7.5em); -webkit-animation: a .9s forwards; animation: a .9s forwards; opacity: .7; background: -webkit-linear-gradient(top,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); background: linear-gradient( 180deg ,hsla(21,63%,73%,0),hsla(0,0%,100%,.5) 50%,hsla(21,63%,73%,0)); }
@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(60deg) translate(1em, -14em);
        transform: rotate(60deg) translate(1em, -14em);
    }
}


/* TITLE-BLOCK-MAIN */
.title-block-main{position: relative; padding-left: 60px; margin-bottom: 30px; margin-top: 40px;}
.title-block-main .icon{position: absolute; left: 0; top: 0; width: 48px;}
.title-block-main .icon img{}
.title-block-main h3{ color: #FEEC8B; font-weight: bold; font-size: 36px; }
@media(max-width: 767px){
    .title-block-main h3{font-size: 20px;}
}

/* SLICK-LIBRARY-IMG */
.slick-library-img{margin-bottom: 25px;}
.slick-library-img .item{}
.slick-library-img .item .banner{position: relative;}
.slick-library-img .item .banner .thumb{height: 370px; width: 100%; position: relative; overflow: hidden; border-radius: 10px;}
.slick-library-img .item .banner .thumb::after{position: absolute; content: ""; left: 10px; right: 0; width: calc(100% - 20px); height: calc(100% - 20px); background-image: -moz-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image: -webkit-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image: -ms-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image: linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0; top: 10px;}
.slick-library-img .item:hover .banner .thumb::after{opacity: 0.6;}
.slick-library-img .item .banner .thumb img{width: 100%; height: 100%; object-fit: cover;}
.slick-library-img .item .banner .icon-play{position: absolute; content: ""; top: 50%;left:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
.slick-library-img .item .banner .icon-play img{height: 24px;}
.slick-library-img .item:hover .banner .icon-play{opacity: 1;}
.slick-library-img{}

/* SLICK-LIBRARY-IMG-LIST */
.slick-library-img-list{margin-left: -12.5px; margin-right: -12.5px;}
.slick-library-img-list .item{padding-left: 12.5px; padding-right: 12.5px; position: relative;}
.slick-library-img-list .item .banner::after{border: 1px solid #FEEC8B; position: absolute; content: ""; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 10px; left: 5px; top: 5px; opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.slick-library-img-list .item:hover .banner:after{opacity: 1;}
.slick-library-img-list .item .banner:before{ position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #0c0f19; opacity: 0; }
.slick-library-img-list .item:hover .banner:before{opacity: 0.4;}
.slick-library-img-list .item .banner{height: 175px; width: 100%; overflow: hidden; border-radius: 10px; position: relative;}
.slick-library-img-list .item .banner img{width: 100%; height: 100%; object-fit: cover;}
@media(max-width: 992px){
    .slick-library-img-list .item .banner{    height: 80px;}
}
@media(max-width: 600px){
    .slick-library-img{margin-bottom: 10px;}
    .slick-library-img-list{margin-left: -5px; margin-right: -5px;}
    .slick-library-img-list .item{padding-left: 5px; padding-right: 5px;}
    .slick-library-img-list .item .banner{    height: 50px;}
}


/* BLOCK-SLICK-MAIN */
.block-slick-main{position: relative; } 
.block-slick-main .block-nav{}
.block-slick-main .block-nav .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px;}
.block-slick-main .block-nav .slick-arrow img{width: 28px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-slick-main .block-nav .slick-arrow:last-child{left: inherit; right: 20px;}
.block-slick-main .block-nav .slick-arrow:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}


/* ITEM-NEWS-TECHNOLOGY */
.bg-technology{}
@media(min-width: 992px){
    .item-news-technology .col-lg-4{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
    .item-news-technology .col-lg-8{-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
}
.item-news-technology .content{}
.item-news-technology .content .title{color: #FEEC8B; font-weight: bold; font-size: 24px; margin-bottom: 10px; margin-bottom: 20px;}
.item-news-technology .content .desc{font-size: 18px; line-height: 40px;}
.item-news-technology .banner-video{position: relative; overflow: hidden; border-radius: 10px; margin-bottom: 10px;}
.item-news-technology .banner-video .thumb img{width: 100%;}
/* .item-news-technology .banner-video .play{position: absolute; content: ""; top: 50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2;}
.item-news-technology .banner-video .play img{height: 80px;}
.item-news-technology .banner-video::after{position: absolute; content: ""; left: 10px; right: 0; width: calc(100% - 20px); height: calc(100% - 20px); background-image: -moz-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image: -webkit-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image: -ms-linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); background-image: linear-gradient(60deg,#eeb95e 0%,#FEEC8B 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0; top: 10px;}
.item-news-technology .banner-video:hover::after{    opacity: 0.6;} */

.list-title{background: #2E303B; border-radius: 10px; overflow: hidden; min-height: 62px; text-align: center; font-size: 16px; padding: 20px 10px 10px;}
.list-title a{display: inline-block; margin-left: 20px; margin-right: 20px; position: relative;}
.list-title a::after{position: absolute; content: ""; width: 8px; height: 8px; background: #fff; border-radius: 100px; right: -27px; top: 7px;}
.list-title a:last-child:after{display: none;}
.list-title a:hover, .list-title a.active{color: #FEEC8B;}

.list-title.custom{background: #15171F; margin-bottom: 20px;}
.list-title.custom a::after{display: none;}
.list-title.custom a{font-weight: bold; margin-left: 60px; margin-right: 60px;}
.list-title.custom a:first-child{margin-left: 0;}
.list-title.custom a:last-child{margin-right: 0;}
@media(max-width: 992px){
    /* .list-title.custom a{margin-left: 15px; margin-right: 15px;} */
    .list-title{display: block!important; overflow: auto; white-space: nowrap;}
    .item-news-technology .content{margin-bottom: 20px;}
    .item-news-technology .content .desc{font-size: 16px; line-height: inherit;}
    .item-news-technology .banner-video .play img{height: 40px;}
}
@media(max-width: 600px){
    /* .list-title{padding-bottom: 20px;}
    .list-title.custom a{margin-left: 0; margin-right: 0;}
    .list-title a{display: block; margin: auto auto 10px; border-bottom: 1px solid #3b415b; padding-bottom: 10px;}
    .list-title a:last-child{border: 0; margin-bottom: 0; padding-bottom: 0;}
    .list-title a::after{display: none;} */
}

/* BG-LIBRARY */
.bg-library{background: url(../images/bg/s-2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 20px;}

.bg-technology{position: relative; overflow: hidden;}
.bg-technology .max-w-main{position: relative; z-index: 1;}
.bg-technology .bg-1{position: absolute; top: 38px; left: -18%;}
.bg-technology .bg-1 img{height: 770px;}
.bg-technology .bg-2{position: absolute; top: 670px; right: -34%;}
.bg-technology .bg-2 img{height: 770px;}
@media(max-width: 992px){
    .bg-technology .bg-2{display: none;}
}

/* BLOCK-ROUTE */
.block-route{position: relative; min-height: 660px;}
.block-route::after{position: absolute; content: ""; width: 1px; height: 426px; background: #FEEC8B;     top: 0; left: 50%;}
.block-route .item{position: relative; right: 0; width: 50%; min-height: 207px; padding-top: 60px; }
.block-route .item .time{position: relative;}
.block-route .item .time span{color: #FEEC8B; font-weight: bold; font-size: 36px; margin-bottom: 15px; display: inline-block; padding-right: 20px; background: #0C0F19; position: relative; z-index: 1; } 
.block-route .item .desc{padding-right: 5px;}
.block-route .item .time::after{position: absolute; content: ""; width: 100%; height: 1px; background: #FEEC8B; top: 14px; left: 0;}
@media(min-width: 1201px){
    .block-route .item:nth-child(odd){position: absolute; right: 0; margin-top: -75px; padding-left: 75px; }
    .block-route .item:nth-child(odd) .time{}
    .block-route .item:nth-child(odd) .time span{}
    .block-route .item:nth-child(odd) .time::after{width: 65px; left: -75px; right: inherit;}
}
@media(max-width: 1200px){
    .block-route{    padding-right: 20px;}
    .block-route .item{padding-top: 0; width: 100%;   min-height: inherit;  padding-left: 85px; margin-bottom: 20px;}
    .block-route::after{left: 60px; height: 100%;}
}
@media(max-width: 992px){
    .block-route .item .time span{font-size: 20px;}
}

/* LIBRARY__NAV */
.library__nav{background: #15171F; margin-bottom: 20px; border-radius: 10px; overflow: hidden; min-height: 62px; text-align: center; font-size: 16px; padding: 20px 10px 10px;}
.library__nav .nav-pills .nav-link{font-weight: bold; margin-left: 60px; margin-right: 60px; padding: 0; border: 0; border-radius: 0;}
.library__nav .nav-pills .nav-link.active, .library__nav .nav-pills .nav-link:hover{  background: transparent;  color: #FEEC8B;}
@media(max-width: 992px){
    .library__nav{padding-left: 20px;}
    .library__nav .nav.nav-pills{display: block!important; overflow: auto; white-space: nowrap;}
    .library__nav .nav.nav-pills .nav-item{    display: inline-block;}
    .library__nav .nav-pills .nav-link{margin-left: 0; margin-right: 20px;}
}