@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Oswald:400,500,600,700');
@font-face {font-family: UTMHelve; src: url(../webfonts/nadiutm/UTMHelve.ttf); }
@font-face {font-family: UTMHelveBold; src: url(../webfonts/nadiutm/UTMHelveBold.ttf); }
@font-face{font-family:"UTM-Davida"; src:url("../webfonts/nadiutm/UTMDavida.ttf") format("woff"), url("../webfonts/nadiutm/UTMDavida.ttf") format("opentype"), url("../webfonts/nadiutm/UTMDavida.ttf") format("truetype");}
@font-face{font-family:"utm-azuki"; src:url("../webfonts/nadiutm/UTMAzuki.ttf") format("woff"), url("../webfonts/nadiutm/UTMAzuki.ttf") format("opentype"), url("../webfonts/nadiutm/UTMAzuki.ttf") format("truetype");}

/** -------------------------------------------
 * media
 * -------------------------------------------*/
@media (min-width: 1200px){
    .container{width:1270px; max-width: 1270px;}    
    .dropdown-menu{font-size: 0.9rem;}
}
@media all and (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse.mobile-only {display: none !important;}
    .navbar-expand-lg .navbar-collapse.desktop-only .dropdown-menu > .container{display: block;}
}
@media all and (max-width: 991px) {    
    .desktop-only {display: none !important;}
}
/**=================================================================
 * RESET CARD CSS
 *=================================================================*/
    body{background-color: #fff; font-family: 'Roboto', Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #555;}

/* -------------------------------------------- *
 * Typography
 * -------------------------------------------- */
    h1, h2, h3, h4, h5, h6{font-family: 'Roboto', Arial, sans-serif; -webkit-font-smoothing:antialiased; color: #282828; text-transform: none;}
    h1{font-size: 30px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; letter-spacing: -0.04em;}
    h2{font-size: 24px; margin: 0 0 10px; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em;}
    h3,h4{margin: 0 0 10px; font-weight: 600; line-height: 1.4; color: #303133; letter-spacing: -0.01em;}
    h3{font-size: 17px;}
    h4{font-size: 15px;}
    h5,h6{font-size: 14px; margin: 0 0 10px;}

/* -------------------------------------------- *
 * Base style
 * -------------------------------------------- */
    a, a:hover{text-decoration: none; font-family: 'Roboto', Arial, sans-serif; transition: all 0.4s ease-in-out 0s; outline: none!important;}
    a:focus{outline: none!important; text-decoration: none;}
    img{border: none; outline:none;}
    ul{display: block; list-style: none; padding: 0; margin: 0;}  
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #595959 !important;}
    input:-moz-placeholder, textarea:-moz-placeholder{color: #595959 !important;} /* Firefox 18- */
    input::-moz-placeholder, textarea::-moz-placeholder{color: #595959 !important;} /* Firefox 19+ */
    input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #595959 !important;}
    textarea:focus, 
    textarea.form-control:focus, select.form-control:focus,
    input.form-control:focus, 
    input[type=text]:focus, 
    input[type=password]:focus, 
    input[type=email]:focus, 
    input[type=number]:focus, 
    [type=text].form-control:focus, 
    [type=password].form-control:focus, 
    [type=email].form-control:focus, 
    [type=tel].form-control:focus, 
    [contenteditable].form-control:focus {
      box-shadow: none !important; outline: none !important; border: 1px solid #0e73e4 !important;
    }
    button{border: none; background: none;}       
    p{font-family: 'Roboto', Arial, sans-serif; font-size: 16px;}
/** SET COLOR **/
    .text-white-color{color: #fff !important;}
    
/**
 * GENERAL CSS
 */
    .nd-flex-column{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .nd-flex-row{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;}
    .ispc {display: -webkit-box; display: -ms-flexbox; display: flex;}
    .ismb {display: none; }
@media (max-width: 991px) {
    .ispc {display: none; } 
    .ismb {display: -webkit-box; display: -ms-flexbox; display: flex;}
}
    .boxshadow{box-shadow: 0px 0px 8px 0px rgba(0,0,0,.3);}
    .boxshadow4{box-shadow: 0px 3px 2px 0px rgba(0,0,0,.3);}
    .bghead-gradient{background: linear-gradient(108deg, rgba(70,174,235,1) 0%, rgba(51,137,224,1) 30%, rgba(1,82,157,1) 100%);}
/** HEADER **/
    .stnHeader{position: relative;}
    .overlay-logo{position: absolute; top: 0px; left: 0px; bottom: 0px; z-index: 99999; height: auto;}
@media all and (min-width: 1100px) {
    .overlay-logo{ width: 38%;}
}
@media all and (max-width: 1099px) {
    .overlay-logo{ width: 36%;}
}
    .overlay-logo a{display: inline-block; position: relative;}
    .overlay-logo img{width: auto; height: 100%; object-fit: cover; object-position: right;}
    .nadiHTop{background-color: #fff; padding: 0; position: relative; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; color: #fff; }
    .HTop-contact-list{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;}
    .HTop-contact-list > li {line-height: 40px;}
    .HTop-contact-list > li > i{font-size: 14px; color: #fff; margin-right: 6px; vertical-align: middle;}
    .HTop-contact-list > li > a {transition: all 0.4s ease-in-out 0s; color: #fff; border-right: 1px solid #FFF; margin-right: 20px; padding-right: 20px;}
    .HTop-contact-list > li:last-child > a{border-right: none!important;}
    .HTop-share-list{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;}    
    .HTop-share-list > li {font-size: 14px; line-height: 40px; }
    .HTop-share-list > li.opening{border-color: #2a81e1 !important;}
    .HTop-share-list > li.opening > span{border-right: 1px solid #2a8af5;margin-right: 5px;padding-right: 20px;font-style: normal;}
    .HTop-share-list > li.opening > span > i {margin-right: 8px; line-height: 20px;}
    .HTop-shase ul li + li {margin-left: 15px;}
    .HTop-share-list > li a {display: block; color: #0a0a0a; transition: all 0.4s ease-in-out 0s; text-decoration: none;}
    .HTop-share-list > li a i{text-align: center; display: inline-block; color: #fff;}
    .HTop-share-list > li a:hover i, .HTop-share-list > li a i:hover{color: #f7f8f9;}
@media (min-width: 992px){
    .HTop-share-list{ -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; }
}
    .HTop-lang-list{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;}
    .HTop-lang-list{ -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; }
    .HTop-lang-list > li {font-size: 14px; line-height: 40px; }
    .HTop-lang-list > li img{border: 1px solid #fff;}
/** LOGO TOP AND NAV **/
    .navbar-brand{padding: 5px 0;}
    .navbar-brand img{max-width: 230px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .navbar-brand img{max-width: 120px;}
}
@media all and (min-width: 992px){    
    .navbar-expand-lg .navbar-collapse {-webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important;}
    .navbar-nav .dropdown.has-mega{position: static!important;}
    .navbar-collapse.desktop-only .dropdown .dropdown-menu{left: 0px; top: 98%; width: 100%; opacity: 0; visibility: hidden; background-color: rgba(255,255,255,0.95);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25);}
    .navbar-collapse.desktop-only .dropdown:hover .dropdown-menu{display: block; opacity: 1; visibility: visible;}
}  

@media only screen and (max-width: 599px){}
/** LANG CSS **/
    .box-menu-lang{flex: 1; padding: 1.35rem 0 0;}
    .box-menu-lang > span{display: block;}
/**
 * NAV CSS
 */
    .stnHeader .navbar{padding: 0; margin: 0; z-index: 10000;}
    .stnHeader .navbar-nav .nav-link{padding: 12px 8px 11px; color: #333; font-weight: 700; font-size: 1.1rem;}
@media all and (min-width: 1199px){
    .stnHeader .navbar-nav .nav-link{padding: 1.8rem 1rem;}
}
    .stnHeader .navbar-nav .nav-item.active .nav-link, .stnHeader .navbar-nav .nav-link:hover, .stnHeader .navbar-nav .nav-link:focus, .navbar-nav .dropdown.show .nav-link{color: #B23B3F;}
    .navbar-nav .dropdown-menu{margin: 0px; padding: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;}
    .navbar-nav .dropdown-menu li{border-bottom: 1px solid #fff;}
    .navbar-nav .dropdown-menu li:last-child{border-bottom: 0px;}
    .navbar-nav .dropdown-menu .dropdown-item{padding: .45rem 0.75rem; background: #1D75BC; background: -webkit-linear-gradient(to right, #1D75BC, #076CDC); background: linear-gradient(to right, #1D75BC, #076CDC); color: #fff;}
    .navbar-nav .dropdown-menu .dropdown-item:hover{color: #FFD304;}
@media (max-width: 1024px) { 
    .navbar-nav .nav-item:not(:last-child){border-bottom: 1px solid #fff}
    .navbar-nav .dropdown-menu .dropdown-item{background: #B23B3F;  background: -webkit-linear-gradient(to right, #B23B3F, #BC3539, #C83538); background: linear-gradient(to right, #B23B3F, #BC3539, #C83538); }    
}
@media (max-width: 991px) {   
    .stnHeader .navbar > .container{width: 100%!important;max-width: 100%!important;}
    .navbar-brand{padding: 0px!important;} .navbar-brand > a{display: inline-block;}
    .navbar-brand img{max-width: 220px;}
    .stnHeader .navbar-nav .nav-link{text-transform: none ;}
	.navbar-toggler{padding-top:0.1rem; padding-bottom: 0.1rem;}
    .navbar-toggler:focus, .navbar-toggler:hover{outline: none!important; text-decoration: none!important;}
    .navbar-toggler-icon{width: 2.8em; height: 2.8em; }
    .menu-button{color: #fff; padding: 15px 11px 16px; max-width: 62px; display: flex; flex-wrap: wrap; transition: none; border-radius: 4px;}
    .menu-button span {height: 5px; width: 5px; display: block; background: #0b70e1; border-radius: 50%; transition: none; cursor: pointer; list-style: none; margin: 2px 3px;}
    .menu-button span.dot1, .menu-button span.dot3, .menu-button span.dot5, .menu-button span.dot7, .menu-button span.dot9{background: #333333 !important;}
    .navbar-nav.sm-collapsible .sub-arrow{line-height: 0.9em; border: 0px solid rgba(38, 85, 135, 0.73);}
    .navbar-nav.sm-collapsible .show > a > .sub-arrow{border: 1px solid #fff;}
}
    .mnHeadTitle{margin: 15px 0; font-size: 1.2rem; font-weight: 700;}
    .mnGrid-Item{position: relative; margin-bottom: 15px;}
    .mnGrid-Item > a{display: block; position: relative;}
    .mnGrid-Item-Title{background-color: rgba(188,53,57,0.9);bottom: 0;color: #fff;left: 0;line-height: 1.4;padding: 10px 20px;position: absolute;text-align: center;transition: background-color 0.2s ease-in-out; width: 100%;}
    .mnGrid-Item-Img{position: relative; overflow: hidden;}
    .mnGrid-Item-Img img{transition: ease 500ms;}
    .mnGrid-Item > a:hover .mnGrid-Item-Img img{transform: scale(1.2,1.2);}
    
    .mnList-Item{margin-bottom: 15px;}.mnList-Item li{border: none!important; position: relative;}
    .mnList-Item > li > a{font-weight: 700;}
    .mnList-Item li a{display: block; padding: 5px 0; color: #333;}
    .mnList-Item li a:hover{color: #BC3539;}
    .mnList-Item li ul li{padding-left: 15px;}
/** SLIDERS **/
    .nadiSTNBanner{position: relative;}
    .nadiSTNBanner:before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; background-color: rgba(178,59,63,.2);}
    .nadiSTNBanner:after{background-image: url(../images/slider/triangle-bottom-left-f7f7f7.svg);background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% 100%;bottom: 0px;content: "";display: block;height: 100px;left: 0px;position: absolute;width: 100%;z-index: 200;}
    .box-shape{position: absolute; top: 0; left: 0; width: 100vw; height: 100vh;}
    
    .nadiSTNBanner .carousel-inner{overflow: hidden;}
    .nadiSTNBanner .carousel-inner img{display: block; width: 100%; height: 100%; object-fit: cover;}
    .carousel-control-prev-icon{background-image: url(../icon/left-arrow-home.png);}
    .carousel-control-next-icon{background-image: url(../icon/right-arrow-home.png);}
    .carousel-control-next-icon, .carousel-control-prev-icon{width: 50px; height: 60px;}
    .carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon{background-color: rgba(131, 31, 0, 0.8);}
    .carousel-control-next, .carousel-control-prev{width: 80px;z-index: 1000;}
    .carousel-fade .carousel-item {opacity: 0;	transition-duration: .6s; transition-property: opacity;}
    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {opacity: 1;}
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {opacity: 0;}
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev {transform: translateX(0); transform: translate3d(0, 0, 0);}
    
    .slider-shape{background-image: url(../images/slider/hero-mobile-shape-1.png),url(../images/slider/hero-mobile-shape-2.png),url(../images/slider/hero-mobile-shape-3.png);background-position: 0% 0%;background-repeat: no-repeat;background-size: 100% 100%;height: 0;left: 0;padding-bottom: 103.125%;position: relative;top: 0;width: 100%;z-index: 100;}
@media all and (min-width: 992px){ 
    .slider-shape{background-image: url(../images/slider/hero-desktop-shape-1.png),url(../images/slider/hero-desktop-shape-2.png),url(../images/slider/hero-desktop-shape-3.png);background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;padding-bottom: 53.5433070866%;}
}
    .carousel-caption{top: 3%; left: 15%; z-index: 9999; text-align: left; max-width: 600px;}
    .inner-caption{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}    
    .inner-caption-title{padding-right: 20px; margin-right: 20px; font-size: 1.55rem; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;}
    .inner-caption-desc{font-size: 1.2rem;}
    .carousel-inner .box-shape{animation-delay: 0.5s;}
    .carousel-caption .inner-caption-title{animation-delay: 1s;}
    .carousel-caption .inner-caption-desc{animation-delay: 1.5s;}
    .nadiSTNBanner .carousel-inner{height: 420px;}
    .nadiSTNBanner .carousel-inner .carousel-item{height: 420px!important;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .nadiSTNBanner .carousel-inner{height: 360px;}
    .nadiSTNBanner .carousel-inner .carousel-item{height: 360px!important;}
}
@media (max-width: 991px){
    .nadiSTNBanner .carousel-inner, .nadiSTNBanner .carousel-inner .carousel-item{height: 360px;}
    .nadiSTNBanner .carousel-caption{top: 0px; left: 15px;}
}
@media (max-width: 668px){
    .nadiSTNBanner .carousel-inner{height: 350px!important;}
    .nadiSTNBanner .carousel-inner .carousel-item{height: 350px!important;}
    
    .nadiSTNBanner .carousel-caption{top: 0px; left: 15px;}
    .inner-caption-title{font-size: 1rem;}
    .inner-caption-desc{font-size: 0.9rem;}    
} 
/** VIDEO **/
    .stnVideo{position: relative; z-index: 500;}
@media all and (min-width: 992px){ .stnVideo{margin-top: -25vw;} }
    .box-video{background-color: #fff; padding: 15px;}
    .video-inner-box {position: relative;padding-bottom: 56.25%;height: 0;}
    .video-inner-box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media all and (max-width: 991px){ .stnVideo{margin-top: -20vw;} }
@media all and (max-width: 559px){ .stnVideo{margin-top: -50vw;} }
/** INTRO **/
    .nadiSTNIntro{position: relative;}
    .nadiBG-intro-url{background-image: url(../images/background/intro-background.jpg);}
    .nadiBG-intro-att{background-size: cover; background-repeat: no-repeat; background-position: bottom right;}
    .box-feature-shape{background-image: url(../images/background/quality-bg-desktop.png);background-position: 50% 100%;background-repeat: no-repeat;background-size: contain;content: "";display: block;height: 229px;left: -5px;opacity: 0.1;position: absolute;top: -220px;width: 118px;z-index: 1;}
@media all and (min-width: 992px){
     .box-feature-shape{height: 650px; width: 390px;}
}
@media all and (max-width: 991px){ .box-feature-shape{top: -15px; width: 120px;} }
    .boxINTRO-img{position: relative; margin-bottom: 3rem; padding: 15px; z-index: 1; cursor: pointer;}
    .boxINTRO-img:before{content: ''; position: absolute; top: 0; left: 0; width: 150px; height: 150px; background-image: linear-gradient(to right, #ee0979, #ff6a00); z-index: -1; border-radius: 5px; transition: all 0.5s ease 0s;}
    .boxINTRO-img:after{content: ''; position: absolute; bottom: 0; right: 0; width: 150px; height: 150px; background-image: linear-gradient(250deg, #4E95ED 19%, #03228F 100%); z-index: -1; border-radius: 5px; transition: all 0.5s ease 0s;}
    .boxINTRO-img img{filter: grayscale(100%); transition: all 0.5s ease 0s;}
    .boxINTRO-img:hover img{filter: grayscale(0);}
    .boxINTRO-img:hover:before, .boxINTRO-img:hover:after{width: 100%; height: 50%; border-radius: 0;}    
    .boxINTRO-content{margin-bottom: 3rem; position: relative;}
    .boxINTRO-content .boxINTRO-head{position: relative; margin-bottom: 1.5rem;}
    .boxINTRO-head .sub-text{position: relative; padding-left: 95px; display: inline-block; font-weight: 400; font-size: 16px; line-height: 28px; letter-spacing: 1px; margin: 0 0 10px; color: #1273EB; text-transform: uppercase;}
    .boxINTRO-head .sub-text:before{content: ''; position: absolute; left: 0; top: 14px; height: 4px; width: 76px; background: #1273eb;}
    .boxINTRO-head .sub-text:after{content: '';position: absolute;left: 15px;top: 13px;height: 6px;width: 12px; background: #ffffff;}
    .boxINTRO-head .sub-title{text-transform: none; line-height: 1.5;}    
     
@media only screen and (min-width: 992px){
    .order-first{-ms-flex-order: 0; order: 0;}
    .order-last{-ms-flex-order: 0; order: 0;}
}
    .boxINTRO-footer{position: relative; padding: 1rem 0;}
    .boxINTRO-footer a{background-color: transparent; background-image: linear-gradient(250deg, #4E95ED 19%, #03228F 100%); color: #fff; font-weight: 700;}
    .boxINTRO-footer a{display: inline-block; padding: 10px 60px 12px 40px; transition: all 0.4s; position: relative;}
    .boxINTRO-footer a:hover{background-image: linear-gradient(50deg, #4E95ED 19%, #03228F 100%);}    
    .boxINTRO-footer span{position: absolute; top: 0; bottom: 0; right: 40px; line-height: 40px; transition: all 0.3s ease-in-out 0s;}
    .boxINTRO-footer a:hover span{right: 20px;}
    
    .inner-service-box{position: relative; margin-bottom: 30px; padding-top: 2rem; text-align: center;}
    .service-box-tagline{display: inline-block; position: relative; background-color: #B23B3F; color: #fff; padding: 5px 10px 6px; font-weight: 900; margin-bottom: 1.5rem; text-transform: uppercase; font-size: 28px;}
    .service-box-tagline:before{position: absolute; content: ''; height: 2px; background-color: #B23B3F; left: 0; top: 110%; width: 100%;}
    .service-box-title{margin-bottom: 15px; font-size: 25px; line-height: 1.1; color: #C83538; font-weight: 700;}
    .service-box-info p{color: #333; font-size: 1.1rem;}
    
    .rowService{position: relative;}
    .rowService .btn{position: absolute; display: block; transition: 0.3s; padding-left: 0.275rem; padding-right: 0.275rem; border-radius: 0px;}
    .rowService .btn{opacity: 0;-webkit-transition: all .3s ease-in-out .1s;-moz-transition: all .3s ease-in-out .1s;-o-transition: all .3s ease-in-out .1s;transition: all .3s ease-in-out .1s;}
    .rowService .btn > img{width: 25px; height: auto;}
    .rowService .btn.happy-prev{left: 0px; top: 40%; transform: translateY(-40%);}
    .rowService .btn.happy-next{right: 0px; top: 40%; transform: translateY(-40%);}
    .rowService:hover .btn{background-color: rgba(200,53,56,0.6); opacity: 1;}
    .rowService:hover .btn.happy-prev{left: 20px;}
    .rowService:hover .btn.happy-next{right: 20px;}
/** FIELDS SECTION **/
    .nadiSTNGeneral{position: relative;}
    .nadiSTNHead{text-align: center;}
    .nadiSTNHead > h2{text-transform: none; color: #BC3539; font-size: 31px; text-transform: uppercase;}
    .nadiSTNHead > .box-inner{position: relative; text-align: center;}
    .nadiSTNHead > .box-inner > .line-inner{display: inline-block; position: relative; width: 150px; height: 2px; background-color: #BC3539;}
    .box-inner > .line-inner:before{content: ''; position: absolute; width: 10px; height: 10px; background-color: #BC3539; left: 50%; transform: translateX(-50%); top: -4px;}
    .boxField{position: relative; padding-bottom: 2rem; margin-bottom: 1.5rem; transition: all 500ms ease; box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09); border-radius: 5px;}
    .boxField{background-image: url(../images/background/home-6-bot-shape-1.png); background-size: 150px; background-position: bottom right; background-repeat: no-repeat;}
    .boxField a{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .boxField .boxField-img{position: relative; margin-bottom: 1rem; overflow: hidden;}
    .boxField .boxField-img:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 80%; opacity: .5; background-image: -webkit-linear-gradient(top, rgba(28, 15, 105, 0) 0%, #1c0f69 61%); background-image: linear-gradient(-180deg, rgba(28, 15, 105, 0) 0%, #1c0f69 61%); }
    .boxField .boxField-img .boxField-title{position: absolute; z-index: 10;bottom: 15px;left: 10px;right: 10px; width: calc(100% - 20px); max-width: calc(100% - 20px);margin: 0 auto; transition: all 0.4s;}
    .boxField-title h2{color: #fff; text-transform: none; text-align: center;}    
    .boxField .boxField-img img{border-radius: 5px 5px 0 0; transition: all 0.4s ease-in-out 0s;}
    .boxField:hover .boxField-img img{transform: scale(1.2);}
    .boxField:hover .boxField-img .boxField-title{bottom: 25px;}    
    .boxField .boxField-info{position: relative; padding: 0 15px 15px;} 
    .boxField .boxField-info p{color: #666;min-height: 100px;display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
    .boxField .boxField-info .boxField-btn{position: relative; min-width: 50px; height: 50px; display: inline-block; background-image: linear-gradient(to right, #B23B3F, #C83538, #C83538, #C83538, #B23B3F); line-height: 26px; border-radius: 50px; color: #fff; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;overflow: hidden; text-align: center; background-size: 300% 100%;}
    .boxField:hover .boxField-info .boxField-btn{background-position: right center; color: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .06); min-width: 150px;}
    .boxField-info .boxField-btn > i{font-size: 14px; font-weight: 600; line-height: 50px; -webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; display: inline-block; position: absolute;left: 18px;top: 0; }
    .boxField-info .boxField-btn > span {transform: translateX(180px); position: absolute; -webkit-transform: translateX(180px); -moz-transform: translateX(180px);-ms-transform: translateX(180px);-o-transform: translateX(180px);display: block;font-size: 16px;font-weight: 600;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out; -ms-transition: all .6 ease-in-out;-o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; width: 100%; line-height: 50px;}
    .boxField-info .boxField-btn > span > i {margin-right: 8px;font-size: 14px;}
    .boxField:hover .boxField-btn > span{transform: translateX(0px);}
    .boxField:hover .boxField-btn > i{opacity: 0;}    
    .boxField .boxField-number{position: absolute; font-size: 30px; line-height: 30px; right: 30px; bottom: 30px; display: block; color: #b2b2b2; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; font-weight: 600; z-index: 6;}

    .stnIndustry{position: relative;background-color: #f6f4f8;}
    .industry-header{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important; margin-bottom: 1.5rem; margin-left: auto; margin-right: auto;}
    .industry-title{text-align: center; font-size: 2rem; color: #BC3539; font-weight: 700;}
    .box-bar{height: 5px;width: 90px;background: #dca5a6;margin: 15px auto 20px;position: relative;border-radius: 30px;}
    .box-bar:before{content: '';position: absolute;left: 0;top: -2.5px;height: 10px;width: 10px;border-radius: 50%;background: #f4030b;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: MOVE-BG;animation-name: MOVE-BG;}
    @keyframes MOVE-BG {
        from {transform: translateX(0);}
        to { transform: translateX(88px);}
    }
    @keyframes rotateMe {
        from {transform: rotate(0deg);}
        to {transform: rotate(360deg);}
    }
    .industry-info{text-align: center; font-size: 1.2rem; color: #555;}    
    .stnIndustry .carousel-item{}
    .stnIndustry .carousel-item:before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(200,53,56,0.3);}
    .stnIndustry .carousel-item > img{width: 100%;}
    .stnIndustry .carousel-item > .carousel-caption{max-width: 100%; text-align: center; padding-top: 15%;}
    .stnIndustry .carousel-item > .carousel-caption .inner-caption-title{text-transform: none;}
    .stnIndustry .carousel-inner{height: 650px!important;}
    .stnIndustry .carousel-inner .carousel-item{height: 650px!important;}
@media (max-width: 668px){
    .stnIndustry .carousel-inner{height: 450px!important;}
    .stnIndustry .carousel-inner .carousel-item{height: 450px!important;}
    .stnIndustry .carousel-item > .carousel-caption .inner-caption-title{font-size: 1.35rem;}
    .stnIndustry .carousel-item > .carousel-caption .inner-caption-desc{font-size: 1.1rem;}
} 
    .stnIndustry .carousel-inner img{display: block;width: 100%;height: 100%;object-fit: cover;}
/** PROJECT SECTION **/
    .rowProject [class*="col-"]{padding-left: 5px; padding-right: 5px;}
    .rowProject{position: relative;}
    .rowProject .btn{position: absolute; display: block; transition: 0.3s; padding-left: 0.275rem; padding-right: 0.275rem; border-radius: 0px;}
    .rowProject .btn{opacity: 0;-webkit-transition: all .3s ease-in-out .1s;-moz-transition: all .3s ease-in-out .1s;-o-transition: all .3s ease-in-out .1s;transition: all .3s ease-in-out .1s;}
    .rowProject .btn > img{width: 25px; height: auto;}
    .rowProject .btn.ne-prev{left: 0px; top: 40%; transform: translateY(-40%);}
    .rowProject .btn.ne-next{right: 0px; top: 40%; transform: translateY(-40%);}
    .rowProject:hover .btn{background-color: rgba(58,68,153,0.6); opacity: 1;}
    .rowProject:hover .btn.ne-prev{left: 20px;}
    .rowProject:hover .btn.ne-next{right: 20px;}
    
    .nadiSTNProject{position: relative; padding-bottom: 5rem;}
    .nadiSTNProject{z-index: 1;background: -webkit-gradient(linear, left top, right top, from(#B23B3F), to(#C83538)); background: linear-gradient(90deg, #B23B3F 0%, #C83538 100%);}
    .nadiSTNProject::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: .20;height: 100%;z-index: -1;background-image: url(../images/background/bg_lines.svg);background-repeat: no-repeat;background-position: center;background-size: 200%;}
    .nadiSTNHead > .box-inner > .line-inner.bg-white{background-color: #fff!important;}
    .box-inner > .line-inner.bg-white:before{background-color: #fff!important;}
    .itemProject{position: relative; padding: 1rem; background-color: #fff; border-radius: 5px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.4s ease 0s;}
    .itemProject:hover{cursor: pointer; }
    .itemProject .itemProject-img{position: relative; overflow: hidden; margin-bottom: 1rem;}
    .itemProject .itemProject-img img{transition:  all 0.4s ease-in-out;}
    .itemProject:hover .itemProject-img > img{transform: scale(1.1);}
    .itemProject .itemProject-img .overlay-layer {position: absolute;left: 0px; top: 0px;right: 0px;width: 100%; height: 100%; transform: scale(0,0); transition: all 500ms ease;}
    .itemProject .itemProject-img .overlay-layer{background: -webkit-linear-gradient(-45deg, rgba(200, 53, 56, 0.7), rgba(178, 59, 63, 0.7) 100%);}
    .itemProject:hover .itemProject-img .overlay-layer{transform: scale(1,1);}
    .itemProject .itemProject-img .box-link {position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); z-index: 1;}
    .itemProject-img .box-link a{position: relative;display: inline-block;font-size: 4rem;line-height: 35px;color: #fff;transform: scale(0,0);}
    .itemProject-img .box-link [class^="flaticon-"]:before, .itemProject-img .box-link [class*=" flaticon-"]:before,
    .itemProject-img .box-link [class^="flaticon-"]:after, .itemProject-img .box-link [class*=" flaticon-"]:after{font-size: 2.5rem;}
    .itemProject:hover .itemProject-img .box-link  a{transform: scale(1,1);}
    .itemProject .itemProject-img .client-box{position: absolute;top: 10px;right: 10px;z-index: 1;transition: all 500ms ease; }
    .itemProject .itemProject-img .client-box .client-logo {position: relative; display: inline-block; background: #fff; width: 100px; min-height: 50px; line-height: 35px; text-align: center; border-radius: 5px; padding: 5px; cursor: pointer;}
    .itemProject-info{position: relative;}
    .itemProject-info .itemProject-title{position: relative;}
    .itemProject-info .itemProject-title .icon-box{position: absolute; content: ''; bottom: 5px; left: 0; width: 60px; text-align: center; vertical-align: middle;}
    .itemProject-title .icon-box [class^="flaticon-"]:before, .itemProject-title .icon-box [class*=" flaticon-"]:before,
    .itemProject-title .icon-box [class^="flaticon-"]:after, .itemProject-title .icon-box [class*=" flaticon-"]:after{font-size: 2.5rem;}
    .itemProject-title h3{text-transform: none; font-size: 14px; margin-bottom: 5px; min-height: 22px;display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .itemProject-title h3 > a{color: #666;}
    .itemProject-title h4{text-transform: none; min-height: 40px;display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom: 5px;}
    .itemProject-title h4 a{color: #BC3539; font-size: 1.1rem;}
    .itemProject-info .itemProject-text{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 84px;}

/** NEWS SECTION **/
    .nadiSTNNews{position: relative;}
    .nadiSTNLHead > h3{text-transform: none; font-size: 36px; color: #BC3539;}
    .box-inner{position: relative;}
    .box-inner .inner-line{display: inline-block; position: relative; width: 150px; height: 2px; background-color: #BC3539;}
    .box-inner .inner-line .inner-squares{position:absolute; content: ''; height: 16px; width: 10px; background-color: #BC3539; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .box-inner .inner-line:before, .box-inner .inner-line:after{position: absolute; content: ''; height: 10px; width: 10px; background-color: #BC3539;}
    .box-inner .inner-line:before{left: 40%; top: 50%; transform: translate(-40%,-50%);}
    .box-inner .inner-line:after{left: 60%; top: 50%; transform: translate(-60%,-50%);}
    .nadiSTNRReadmore{position: relative; padding-top: 2rem;}
    .nadiSTNRReadmore .btnReadmore{display: block; padding: 10px 20px 12px; background-image: linear-gradient(to right, #B23B3F, #BC3539, #C83538, #BC3539, #B23B3F); text-align: center; color: #fff; font-weight: 700; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;overflow: hidden; background-size: 300% 100%;}
    .nadiSTNRReadmore .btnReadmore:hover{background-position: right center;}
@media (max-width: 991px) {  
    .nadiSTNLHead > h3, .box-inner{text-align: center;}
}
    .rowNews{position: relative;}
    .rowNews .btn{position: absolute; display: block; transition: 0.3s; padding-left: 0.275rem; padding-right: 0.275rem; border-radius: 0px;}
    .rowNews .btn{opacity: 0;-webkit-transition: all .3s ease-in-out .1s;-moz-transition: all .3s ease-in-out .1s;-o-transition: all .3s ease-in-out .1s;transition: all .3s ease-in-out .1s;}
    .rowNews .btn > img{width: 25px; height: auto;}
    .rowNews .btn.prev{left: 0px; top: 40%; transform: translateY(-40%);}
    .rowNews .btn.next{right: 0px; top: 40%; transform: translateY(-40%);}
    .rowNews:hover .btn{background-color: rgba(58,68,153,0.6); opacity: 1;}
    .rowNews:hover .btn.prev{left: 20px;}
    .rowNews:hover .btn.next{right: 20px;}
    
    .itemNews{position: relative; margin-bottom: 2rem; padding: 5px; transition: all 0.4s ease 0s;}
    .itemNews .item-news-img{position: relative; margin-bottom: 1rem; overflow: hidden;}
    .itemNews .item-news-img img{border-radius: 5px; transition: all 500ms ease;}
    .itemNews .item-news-img:before{position: absolute;content: '';width: 0%;height: 100%;top: 0px; right: 0px; opacity: 0.45;z-index: 1; transition: all 500ms ease; }
    .itemNews .item-news-img:before{background: -webkit-linear-gradient(-45deg, #B23B3F, #C83538 100%);}
    .itemNews .item-news-img .nadi-news-link{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 40px;line-height: 40px; color: #fff; z-index: 1; opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .6s; transition-duration: .6s;}
    .itemNews .item-news-img .nadi-news-link [class^="flaticon-"]:before, .itemNews .item-news-img .nadi-news-link [class*=" flaticon-"]:before,
    .itemNews .item-news-img .nadi-news-link [class^="flaticon-"]:after, .itemNews .item-news-img .nadi-news-link [class*=" flaticon-"]:after{font-size: 2.5rem;}
    .itemNews:hover{cursor: pointer; box-shadow: 0 10px 40px 5px #ededf1;}
    .itemNews:hover .item-news-img:before{width: 100%; left: 0px; border-radius: 5px;}
    .itemNews:hover .item-news-img .nadi-news-link{opacity: 1;}
    .itemNews .item-news-info{position: relative; padding-bottom: 1rem;}
    .itemNews .item-news-info .box-news-cat{margin-bottom: 10px;}
    .item-news-info .box-news-cat span:first-child{display: inline-block; margin-right: 10px; color: #C83538;}
    .item-news-info .box-news-cat [class^="flaticon-"]:before, .item-news-info .box-news-cat [class*=" flaticon-"]:before,
    .item-news-info .box-news-cat [class^="flaticon-"]:after, .item-news-info .box-news-cat [class*=" flaticon-"]:after{font-size: 1.5rem;}
    .item-news-info .box-news-cat span.cat-link > a{font-size: 1.2rem; color: #666;}
    .itemNews:hover span.cat-link > a{color: #37499C;}
    .item-news-info .box-news-title{position: relative;display: block; margin-bottom: 15px; min-height: 55px; padding-left: 65px;}
    .item-news-info .box-news-title .box-news-date{position: absolute; left: 0px; top: 0px; width: 55px; height: 55px; text-align: center; border-radius: 5px; padding: 8px 0px;}
    .item-news-info .box-news-title .box-news-date{background: -webkit-linear-gradient(-45deg, #f2071d, #015fcc 100%);}
    .item-news-info .box-news-title .box-news-date p {display: block; font-size: 14px; font-weight: 500; color: #fff; line-height: 20px; margin-bottom: 0px;}
    .item-news-info .box-news-title .box-news-date span {position: relative; display: block; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #fff;}
    .item-news-info .box-news-title h4{text-transform: none; margin-bottom: 0px;}
    .item-news-info .box-news-title h4 a{line-height: 24px; color: #1d165c; font-size: 16px;transition: all 500ms ease;font-weight: 700;min-height: 48px;display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .item-news-info .box-news-text p{display: flex;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 58px;}
    .item-news-info .box-news-link{position: relative;}
    .item-news-info .box-news-link a {position: relative; display: inline-block; font-size: 16px; color: #040535; font-weight: 700;}
    .item-news-info .box-news-link a span {font-size: 14px;  margin-right: 10px;}
    .item-news-info .box-news-link a span {position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 500ms ease;}
    .itemNews:hover .item-news-info .box-news-link a span {opacity: 1;}
    .itemNews:hover .item-news-info .box-news-link a{padding-left: 22px; color: #dc316e;}
    
/** PARTNER SECTION **/
    .nadiSTNPartner{position: relative; background-color: #F6F7F9;}
    .rowPartner{position: relative;}
    .rowPartner .btn{position: absolute; display: block; transition: 0.3s; padding-left: 0.275rem; padding-right: 0.275rem; border-radius: 0px;}
    .rowPartner .btn{opacity: 0;-webkit-transition: all .3s ease-in-out .1s;-moz-transition: all .3s ease-in-out .1s;-o-transition: all .3s ease-in-out .1s;transition: all .3s ease-in-out .1s;}
    .rowPartner .btn > img{width: 25px; height: auto;}
    .rowPartner .btn.partner-prev{left: 0px; top: 40%; transform: translateY(-40%);}
    .rowPartner .btn.partner-next{right: 0px; top: 40%; transform: translateY(-40%);}
    .rowPartner:hover .btn{background-color: rgba(58,68,153,0.6); opacity: 1;}
    .rowPartner:hover .btn.partner-prev{left: 20px;}
    .rowPartner:hover .btn.partner-next{right: 20px;}
    
/** FOOTER SECTION **/
    .wrapfooter{position: relative;}
    .nadiBG-footer-url{background-image: url(../images/background/bg-footer.png);}
    .nadiBG-footer-att{background-size: cover; background-position: 10% center !important; background-repeat: no-repeat;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .nadiBG-footer-att{background-position: 20% center !important;}
}
@media only screen and (max-width: 991px){
    .nadiBG-footer-att{background-image: none!important;}
}    
    .map-image {position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin: 0 auto;text-align: center;z-index: -1;opacity: .7;}
    .nadiSTNFooter-top{position: relative; padding-top: .6rem;}
    .nadiSTNFooter-top:before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%;  background-color: rgba(188,53,57,0.1);}
    .itemFooter{margin-bottom: .6rem;}
    .itemFooter .box-footer-logo{margin-bottom: .8rem;}
    .itemFooter .box-footer-logo img{max-width: 200px;}
    .itemFooter .box-footer-intro{margin-bottom: 1.2rem; width: 80%;}
    .itemFooter .box-footer-intro p{font-size: .95rem; margin: 0px;}
    .itemFooter .box-footer-social{margin-bottom: 1.2rem;}
    .FBox-social{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .FBox-social li{margin-right: 1rem; position: relative;}
    .FBox-social li a{display: block; position: relative; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: #555; line-height: 40px; text-align: center; transition: all 0.8s ease, background 0.4s ease-in-out;}
    .FBox-social li a:hover{color: #fff;}
    .FBox-social li a:before {position: absolute;content: '';width: 100%;height: 100%;left: 0px;top: 0px; right: 0px; border-radius: 50%; z-index: -1; transform: scale(0,0); transition: all 500ms ease;}
    .FBox-social li a:before{background: linear-gradient(90deg, #03228f 10%, #0e73e4 100%);}
    .FBox-social li a:hover:before{transform: scale(1,1); z-index: 0;}
@media only screen and (max-width: 736px){.itemFooter .box-footer-intro{width: 100%;}}
    .itemFooter .itemFooter-title{text-transform: none; font-size: 1rem; margin-bottom: 0.4rem;}
    .itemFooter .itemFooter-content{position: relative;}
    .navFooter{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .navFooter > li{margin: 0px;}
    .navFooter > li > a{display: block; position: relative; padding: 5px 5px 8px 30px; color: #454545; font-size: 1rem;}
    .navFooter > li > a > span{position: absolute; top: 0px; left: 0px; bottom: 0px; line-height: 35px; transition: all 0.4s ease;}
    .navFooter > li > a:hover{color: #B23B3F !important; font-weight: 700;}
    .navFooter > li > a:hover span{left: 8px;}
    
    .contactFooter{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .contactFooter li{padding: 0px 0px 2px 0px;position: relative; color: #333; font-size: .9rem;}
    .contactFooter li a{color: #333;}
    .contactFooter li h5{margin: 0px; font-weight: 700; color: #B23B3F; padding-top: 5px;}
/** copyright */
    
    .nadiSTNFooter-bottom{background: rgba(255,255,255,0.4);}
    .nadiSTNFooter-bottom p {text-align: center; font-weight: bold; color: #454545; font-size: 11px;  padding: 10px 0 10px 0;  margin: 0;}
    .item-copyright{display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media only screen and (max-width: 991px){
    .item-copyright{justify-content: center;}
} 
    .item-copyright > li{margin-right: 1rem;}
    .item-copyright > li > a{display: block; padding: 5px 0px 8px; color: #454545;}
    .item-copyright > li > a:hover{color: #B23B3F !important;}
/** INTRO PAGE **/
    .nadiSTNONEPAGE{position: relative; height: 400px;}
    .nadiSTNONEPAGE:after{background-image: url("../images/background/triangle-bottom-left-onepage.svg");background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% 100%;bottom: 0;content: "";display: block;height: 32px;left: 0;position: absolute;width: 100%;z-index: 200;}
    .nadiSTNONEPAGE .background-onepage{top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
    .nadiSTNONEPAGE .background-onepage{background-size: cover; background-position: 100% 0%; background-repeat: no-repeat;}
    .nadiSTNONEPAGE .background-onepage:before,
    .nadiSTNONEPAGE .background-onepage:after{background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% 100%;bottom: 0;content: "";display: block;position: absolute;}
    .nadiSTNONEPAGE .background-onepage:before{background-image: url("../images/background/bg-numberone.svg");height: 67.5%;left: -125px;}
    .nadiSTNONEPAGE .background-onepage:before{width: 1200px; opacity: 0.7;}
    .nadiSTNONEPAGE .background-onepage:after{background-image: url("../images/background/bg-numbertwo.svg");height: 45%;right: 0;}
    .nadiSTNONEPAGE .background-onepage:after{width: 1200px; opacity: 0.6;}
@media screen and (min-width: 1200px) { 
    .nadiSTNONEPAGE .background-onepage:before{min-width: 1500px; max-width: 1500px;} 
}
@media screen and (min-width: 992px) { 
    .nadiSTNONEPAGE .background-onepage:before{min-width: 1350px;} 
}
@media screen and (min-width: 768px) { 
    .nadiSTNONEPAGE .background-onepage:before{height: 90%;left: 50%;min-width: 1200px;transform: translate(-55%, 0);width: 100%;} 
    .nadiSTNONEPAGE .background-onepage:after{height: 60%;}
}
    .nadiPAGE-head{position: relative; padding-top: 160px;}
@media screen and (max-width: 991px) { 
    .nadiPAGE-head{position: relative; padding-top: 220px;} 
}
@media screen and (max-width: 499px) { 
    .nadiPAGE-head{position: relative; padding-top: 180px;} 
}
    .nadiPAGE-head .page-title{text-transform: none; color: #fff; font-weight: 500; line-height: 1.2;}
    .nadi-breadcrumb{position: relative;}
    .nadi-breadcrumb .breadcrumb{background: transparent!important; margin: 0px; padding: 0.5rem 0px;}
    .nadi-breadcrumb .breadcrumb li, .nadi-breadcrumb .breadcrumb li a{font-size: 1.1rem; color: #fff;}
    .nadi-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {color: #fff!important;}
/** PAGE DETAIL **/
    .nadi-article{position: relative; margin-bottom: 3rem;}
    .nadi-article .nadi-article-title{font-size: 1.5rem; text-transform: none;}
    .nadi-article .nadi-article-meta{margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #EFEBE3;}
    .nadi-article .nadi-article-meta span.meta-times{color: #757575;}.nadi-article .nadi-article-meta span.meta-times i{margin-right: 10px;}
    .nadi-article-meta ul{display: flex; display: -webkit-flex; ms-flex-direction: row!important; flex-direction: row!important; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .nadi-article-meta ul li{margin-right: 1rem; color: #37499C;}
    .nadi-article-meta ul li i{margin-right: 5px;}
    .block-content-body{position: relative;}
    .block-content-body .nadi-article-bold{margin-bottom: 1rem; font-size: 16px; font-weight: 700;}
    .block-content-body p img, .block-content-body img{display: block; margin: 0.6rem auto; max-width: 100%;}
    .block-content-body ul, .block-content-body ol{margin: 0px; padding: 0px; margin-left: 10px; margin-bottom: 1rem;}
    .block-content-body ul > li{padding: 3px 0 3px 5px; list-style-type: square; margin-left: 10px;}
    .block-content-body ol > li{padding: 3px 0 3px 5px; list-style-type: decimal; margin-left: 10px;}
    .block-content-body table{margin: 0 auto; width: 90%; padding: 15px 0;}
    .block-content-body table > thead > tr > th{padding: 5px; text-align: center; font-weight: bold;}
    .block-content-body table > tbody > tr > td{padding: 5px;}
    .block-content-body table > tfoot > tr > td{padding: 5px;}
/** SIDEBAR RIGHT AND LEFT **/
    .sidebar-right{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-bottom: 30px;}
    .sidebar-right .sidebar-right-header{position: relative; margin-bottom: 15px;}
    .sidebar-right-header .sidebar-right-header-title{margin: 0px; position: relative; border-bottom: 1px solid #B12C2F;}    
    .sidebar-right-header .sidebar-right-header-title span.title{position: relative; display: inline-block; padding: 8px 15px 8px 5px; background-color: #B12C2F; color: #FFF;}
    .sidebar-right-header .sidebar-right-header-title span.title i{margin-right: 5px; color: #FFF;}
    .sidebar-right-header .sidebar-right-header-title span:after {border-color: #B12C2F rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);position: absolute; content: " "; width: auto; height: auto; bottom: -20px; margin-left: -10px; left: 50%; border-width: 10px;border-style: solid;}
    
    .sidebar-body-list{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important;}
    .sidebar-body-list li{margin-bottom: 10px;}
    .sidebar-body-list li a{display: block; position: relative; padding: 5px 10px; background-color: #DB3132; color: #fff; z-index: 1; transition: all 800ms ease;}
    .sidebar-body-list li a:before{content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(219, 49, 50,1);background: linear-gradient(135deg, rgba(219, 49, 50, 1) 0%, rgba(177, 44, 47, 1) 51%, rgba(219, 49, 50, 1) 100%);z-index: -1; transform: scale(0,0); transition: all 600ms ease;}
    .sidebar-body-list li a:hover{padding-left: 20px; color: #FFF; font-weight: 700;}
    .sidebar-body-list li a:hover:before{transform: scale(1,1);}
    
    .row-featured-sidebar{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .row-featured-sidebar{padding-top: 1rem;}
    .colleft-featured-sidebar{flex: 0 0 40%; width: 40%;}
    .colright-featured-sidebar{flex: 0 0 60%; width: 60%; padding-left: 10px;}
    
    .box-meta-cat-date{position: relative; margin-bottom: 5px; text-align: left;}
    .box-meta-cat-date span:first-child{position: relative; font-weight: 700; text-transform: uppercase; color: #777; display: inline-block; font-size: .7rem; line-height: 1;}
    .box-meta-cat-date span:last-child{position: relative; font-weight: 400; margin-left: 5px; color: #777; display: inline-block; font-size: .7rem; line-height: 1;}
    .box-meta-cat-date span:last-child:before {content: "/"; margin-right: 5px;}
    .box-meta-cat-date span a{color: #777;}
    .colright-featured-sidebar h4 a{color: #222; font-size: 1rem; text-transform: none; letter-spacing: -.02em; line-height: 1.2;}
    .row-featured-sidebar:hover h4 a{opacity: 1;}
/** INDUSTRY PAGE **/
    .nadiSTNINDUSTRY{position: relative; background-color: rgba(188,53,57,0.05);}
    .item-industry{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column; border: 1px solid #eee; border-radius: 5px; margin-bottom: 30px; cursor: pointer;transition: all .2s;box-shadow:0 11px 30px 0 rgba(51,51,51,.15)!important; background-color: #fff;}
    .item-industry .item-industry-image{position: relative; overflow: hidden; height: 210px;}
    .item-industry .item-industry-image img{display: block;height: 100%;width: 100%;object-fit: cover;border-radius: 5px 5px 0 0; transition: all 500ms ease;}
    .item-industry:hover .item-industry-image img{transform: scale(1.1);}
    .item-industry .item-industry-image:after{background-image: linear-gradient(to left top, #fff 0%, #fff 49%, transparent 51%);content: "";height: 20px;left: 0;position: absolute;right: 0;bottom: 0px;width: 100%;}
    .item-industry .item-industry-info{position: relative; padding: 15px 15px 30px 15px;}
    .item-info-title{color: #B12C2F; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; letter-spacing: 1px;}
    .item-info-title{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;min-height: 28px !important;}
    .item-info-content{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 74px !important; color: #333; font-size: 1.1rem;}
    
    .pagination .page-item {margin-right: 15px;}
    .pagination .page-item .page-link {display: block;width: 45px;height: 45px;line-height: 28px;text-align: center;color: #724F0A; border-radius: 100%;font-size: 1.2rem;box-shadow: 0 0px 30px 5px #e4e4ee;transition: all 500ms ease;border: 0px;}
    .pagination .page-item.active .page-link{background-image: linear-gradient(180deg, rgba(219,49,50,1) 19%, rgba(177,44,47,1) 100%); transition:  all 600ms ease; color: #fff;}
    .pagination .page-item .page-link:hover{background-image: linear-gradient(250deg, rgba(177,44,47,1) 19%, rgba(219,49,50,1) 100%); color: #fff; border-color: #E32129 ;}
/** PARTNER SECTION **/
    .partner-info {color: #333; font-size: 1.2rem;}
    .rowItems a{display: inline-block; position: relative; overflow: hidden; margin: 15px 0px; border: 1px solid red;}
@media only screen and (max-width: 991px){.partner-info{font-size: 1rem;}}   
/** DETAIL NEWS PAGE **/
    .nadiDNews{position: relative;padding-bottom: 1rem;padding-top: 1rem;}
    
    .nadibox{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-bottom: 30px; }
    .nadibox .nadibox-header{position: relative;}
    .nadibox-header .nadibox-header-title{margin: 0px; position: relative; border-bottom: 1px solid #cf3034;}    
    .nadibox-header .nadibox-header-title span.title{position: relative; display: inline-block; padding: 8px 15px 7px 5px; background-color: #cf3034; color: #FFF; font-weight: 700; font-size: 16px;}
    .nadibox-header .nadibox-header-title span.title i{margin-right: 5px; color: #c7477d;}
    .nadibox-header .nadibox-header-title span:after {border-color: #cf3034 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);position: absolute; content: " "; width: auto; height: auto; bottom: -20px; margin-left: -10px; left: 50%; border-width: 10px;border-style: solid;}
    
    .nadibox-body{background-color: #fff; padding: 15px 10px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
    .nadibox-innerbody.boxshadow{overflow: hidden;max-height: 350px; -webkit-mask-image: -webkit-gradient(linear, 20% 65%,20% 100%, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));transition: all 800ms ease;}
    .nadibox-body.show  .nadibox-innerbody{max-height: 100%!important;-webkit-mask-image: none;}
    
    .nadibox-footer{position: relative; padding: 15px 0;}
    .nadibox-footer .btn{border: 1px solid #724F0A; color: #F9AC17;}
    .nadibox-body  .nadibox-footer .btn-readmore{display: inline-block; visibility: visible}
    .nadibox-body.show  .nadibox-footer .btn-readmore{display: none; visibility: hidden;}
    .nadibox-footer .btn-lostmore{display: none; visibility: hidden;}
    .nadibox-body.show  .nadibox-footer .btn-lostmore{display: inline-block; visibility: visible;}
    
    .nadibox.bordertop-2{border-top: 2px solid #b12c2f;}
    .nadibox-body{background-color: #fff; padding: 15px 10px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
    .nadibox .nadibox-body.boxshowdown{box-shadow: 0 10px 20px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.1); padding-left: 15px; padding-right: 15px;}
    .feature-item.boxsame .feature-item-content h3{font-size: 1rem;}
    .nadi-article-bold{font-weight: 700; margin-bottom: 10px; font-size: 16px;}
    
    .feature-item{position: relative; margin-bottom: 10px;}
    .feature-item .feature-item-image{position: relative; overflow: hidden;}
    .feature-item .feature-item-image img{margin: 0 auto; transition: all 400ms ease;}
    .feature-item:hover .feature-item-image img{transform: scale(1.1,1.1);}
    .feature-item .feature-item-content{padding-top: 10px;}
    .feature-item .feature-item-content h3{font-size: 1.25rem; text-transform: none; line-height: 1.2!important; font-weight: 500; font-size: 16px;}
    .feature-item .feature-item-content h3 a{display: block; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 40px!important;}
    .feature-item .feature-item-content  .feature-item-content-cat a{text-transform: uppercase; color: #724F0A;}
    .feature-item .feature-item-content  .feature-item-content-cat a:hover{font-weight: 700;}
    .feature-item:hover .feature-item-content h3 a{color: #cf3034;}
/** CONTACT CSS **/
    .nadiSTNCONTACT{position: relative;}
    .panel-contact{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-bottom: 30px;}
    .panel-contact-heading{margin-bottom: 15px; text-align: left; border-bottom: 1px solid #C83538;}
    .panel-contact-heading .panel-contact-title{display: inline-block; background-color: #C83538; background-image: url(../images/background/bg-title.png); background-position: right center; background-size: cover; background-repeat: no-repeat;}
    .panel-contact-heading .panel-contact-title{padding: 6px 80px 7px 15px; color: #ffffff; font-weight: 700; font-size: 1.25rem;}
    .panel-contact-body{position: relative;}
    .panel-contact-body.item-contact{display: none;}
    .panel-contact-body.show{display: block;}
    .panel-contact-body .panel-contact-info{margin-bottom: 15px; padding: 10px 15px;}
    .panel-contact-body .panel-contact-info  p{font-size: 16px; margin-bottom: 5px; line-height: 1.3;}
    
    .panel-contact-list{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .panel-contact-list > li{padding: 0px 0px 0px 40px;position: relative; margin-bottom: 5px; min-height: 30px; line-height: 30px;}
    .panel-contact-list > li > span:first-child{color: #C83538; position: absolute;left: 0px; top: 0px; width: 35px;}
    .panel-contact-list > li [class^="nadiicon-"]:before, .panel-contact-list > li [class*=" nadiicon-"]:before, .panel-contact-list > li [class^="nadiicon-"]:after, .contactFooter > li [class*=" nadiicon-"]:after{font-size: 22px !important;}
    .panel-contact-list > li > span:last-child{color: #333; font-size: 1rem;}
    .panel-contact-list > li > span > a{color: #333;}
    .panel-contact-list > li > h5{margin: 0px; font-weight: 700; color: #333; font-size: 1.35rem; text-transform: none;}
    .nadiMaps{position: relative; border: 1px solid #C83538;}
    
    .panel-contact-form{padding: 10px 15px;}
    .frmcontact{position: relative;}
    .frmcontact .form-control{padding: .55rem .75rem .65rem; height: auto; box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1); border: 1px solid #C83538;}
    .frmcontact .btn-primary{background-color: transparent; background-image: linear-gradient(to right, #FFC20E, #C83538, #724F0A, #FFC20E); background-size: 300% 100%; color: #fff; font-weight: 700; border: none;}
    .frmcontact .btn-primary{display: inline-block; padding: 10px 60px 12px 40px; transition: all 0.4s; position: relative; box-shadow: none;} 
    .frmcontact .btn-primary:hover{background-position: right center;}    
    .frmcontact i{position: absolute; top: 0; bottom: 0; right: 40px; line-height: 40px; transition: all 0.3s ease-in-out 0s;}
    .frmcontact .btn-primary:hover i{right: 20px;}

/**=================================================================
 * size of mobile screen
 *=================================================================*/
 
@media only screen and (min-width: 992px) and (max-width: 1024px){}  
@media only screen and (max-width: 770px){} 
@media only screen and (max-width: 736px){}  
@media only screen and (max-width: 599px){}
@media only screen and (max-width: 499px){}
/**
 * Css for social
 */
    .box-social{margin-top: 15px;}
    .box-social .fa{padding: 7px; font-size: 15px; width: 30px; text-align: center; text-decoration: none; margin-right: 5px; margin-bottom: 5px; border-radius: 5px;}
    .box-social .fa:hover {opacity: 0.7;}
    .box-social .fa-facebook {background: #3B5998; color: white;}
    .box-social .fa-linkedin {background: #007bb5; color: white;}
    .box-social .fa-youtube {background: #bb0000; color: white;}
    .box-social .fa-youtube-play {background: #bb0000; color: white; border: 1px solid #edcc5d;}
    .box-social .fa-instagram {background: #125688; color: white;}
    .box-social .fa-pinterest {background: #cb2027; color: white;}
    .box-social .fa-snapchat-ghost {background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
    .box-social .fa-skype {background: #00aff0; color: white;}
    .box-social .fa-android {background: #a4c639; color: white;}
    .box-social .fa-dribbble {background: #ea4c89; color: white;}
    .box-social .fa-vimeo {background: #45bbff; color: white;}
    .box-social .fa-tumblr {background: #2c4762; color: white;}
    .box-social .fa-vine {background: #00b489; color: white;}
    .box-social .fa-foursquare {background: #45bbff; color: white;}
    .box-social .fa-stumbleupon {background: #eb4924; color: white;}
    .box-social .fa-flickr {background: #f40083; color: white;}
    .box-social .fa-yahoo {background: #430297; color: white;}
    .box-social .fa-soundcloud {background: #ff5500; color: white;}
    .box-social .fa-reddit {background: #ff5700; color: white;}
    .box-social .fa-rss {background: #ff6600; color: white;}
    .box-social .fa-twitter {background: #55ACEE; color: white;}
/** ==============================================
 * BUTTON HOTLINE
 * ===============================================*/
    
    ul.box-hotline-fix{position: fixed; right: 8px; bottom: 80px; margin: auto; z-index: 99999;}
    ul.box-hotline-fix li{padding: 0px; margin: 0px 0px 15px 0px;}
    ul.box-hotline-fix li a{display: block; text-indent: -9999px; z-index: 10000; cursor: pointer;}
    ul.box-hotline-fix li.zalo-hot a{background: url(../icon/zalo-icon.png) center center no-repeat; background-color: #3178df; background-size: 100% !important; border-radius: 100%; width: 55px; height: 55px; text-indent: -9999px;}
    ul.box-hotline-fix li.fb-hot a{background: url(../icon/message-icon.png) center center no-repeat; background-size: 100% !important; border-radius: 100%; width: 55px; height: 55px; text-indent: -9999px;}
    
    ul.box-hotline-fix li.phone-hot .call-animation{background: transparent; width: 55px; height: 55px; position: relative; margin: 0 auto; border-radius: 100%; border: solid 0px red;  animation: play 2s ease infinite; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;  backface-visibility: hidden;}
    @keyframes play {0% {transform: scale(1);} 15% {box-shadow: 0 0 0 5px rgba(203, 15, 64, 0.4);} 25% {box-shadow: 0 0 0 10px rgba(188, 16, 16, 0.4), 0 0 0 20px rgba(221, 43, 70, 0.86);} 35% {box-shadow: 0 0 0 15px rgba(190, 16, 16, 0.4), 0 0 0 30px rgba(180, 17, 92, 0.2);}}
    ul.box-hotline-fix li.phone-hot .call-animation a{height: 55px; width: 55px;}
    ul.box-hotline-fix li.phone-hot .call-animation img{position: absolute; height: 55px; width: 55px; top: 0px; right: 0px; border-radius: 100%;}
    
/**
 * OnTop
 */
    .loadTop{} 
    .loadTop.show{bottom: 15px;}
    .loadTop{position: fixed; bottom: 110%; left: 15px; transition: 1s ease; z-index: 999;}
    .loadTop > .imgMTop{position: relative;}
    .loadTop > .imgMTop:hover{cursor: pointer;}
    .loadTop > .imgMTop > img{width: 50px;}