@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(../fonts/UTM-Helve.ttf); }
@font-face {font-family: 'UTMHelveBold'; src: url(../fonts/UTM-HelveBold.ttf); }
@font-face {font-family: 'UTMMicra'; src: url(../fonts/UTM-Micra.ttf); }
@font-face {font-family: 'UTMSignwriter'; src: url(../fonts/UTM-ANS-Signwriter.ttf); }
@font-face {font-family: 'MontserratBold'; src: url(../fonts/Montserrat-Bold.ttf); }
@font-face {font-family: 'MontserratRegular'; src: url(../fonts/Montserrat-Regular.ttf); }
@font-face {font-family: 'UTMMobifoneKT'; src: url(../fonts/UTM-Mobifone-KT.ttf); }
/**=================================================================
 * RESET CARD CSS
 *=================================================================*/
    body{font-family: 'MontserratRegular', Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #555;}
@media only screen and (min-width: 1921px){
    .nadiWrapper{max-width:1920px!important; margin-left: auto;margin-right: auto;}
}
    .nadiWrapper{}
/* -------------------------------------------- *
 * Typography
 * -------------------------------------------- */
    h1, h2, h3, h4, h5, h6{-webkit-font-smoothing:antialiased; color: #282828; text-transform: uppercase;}
    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: 'MontserratRegular', Arial, sans-serif; transition: all 0.4s ease-in-out 0s; outline: none!important;}
    a:focus{outline: none!important; text-decoration: none;}
    a, .button {-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
    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;}
    .border-stn{border-top: 2px solid rgba(240,168,44,1);}
    button{border: none; background: none;}       
    p{font-family: 'MontserratRegular', Arial, sans-serif; font-size: 16px;}
    .fixed-top{position: fixed; top: 0; left: 0; right: 0; z-index: 99999;}
    .fixed-top{height: auto!important;animation-duration: .7s;animation-fill-mode: both;animation-name: fadeInDown;animation-timing-function: ease;transition: .3s all ease-in-out;-webkit-box-shadow: 0 15px 15px 0px rgba(0,0,0,0.1);box-shadow: 0 15px 15px 0px rgba(0,0,0,.1);}
    .reg-video video{background-color: #ffffff!important;width: 65%;}   
    .mshow{display: none!important;}.dshow{display: block!important;}
@media (max-width: 991px) {
    .dshow{display: none!important; } 
    .mshow {display: block!important;}.navbar-brand.mshow{display: inline-block!important;}.navbar-brand.mshow img{max-width: 150px!important;}
    .navbar-toggler{padding: 0.75rem 0.75rem!important;font-size: 1.5rem!important;}
    .navbar-toggler-icon{color: #009FE2;height: 1em!important;}.reg-video{text-align: center!important;}
    .reg-video video{width: 80%;}
    .header-title h3{font-size: 1.35rem!important;}
}
    .mcbox{position: absolute;top: 20px;right: 30%;transform: translateX(30%);}
    .ndwHeader{position: relative;}
    .stnDheader{position: relative;padding: 20px 0 10px;}
    .stnDheader .bandlogo{position: relative;}
    .stnDheader .bandlogo img{max-width: 220px;}
    .sbox{position: relative;}
    .sbox .scbox{display: -ms-flexbox!important;display: flex!important;-ms-flex-direction: row!important;flex-direction: row!important;-ms-flex-pack: end!important; justify-content: flex-end!important;}
    .sbox .scbox li:first-child{margin-right: 2rem;}
    .sbox .scbox li{display: -ms-flexbox!important;display: flex!important;-ms-flex-align: center!important;align-items: center!important;}
    .frm-control{position: relative;width: 250px;border: 1px solid #009FE2;border-radius: 15px;overflow: hidden;}
    .frm-control .input-text{display: block;width: 100%;border: none!important;padding: 5px 5px 5px 35px;}
    .frm-control .input-text:focus{box-shadow: none!important;border: none!important;}
    .icon-search{position: absolute; top: 3px;left: 3px; width: 25px;height: 25px;background-image: url(../icon/icon-search.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;z-index: 10;}
    .cbox{position: relative;}
    .cbox .contact-link{display: block;font-weight: 600;text-transform: uppercase;color: #000;font-size: 1.5rem;padding: 3px 3px 3px 45px;}
    .icon-contact{position: absolute; top: -1px;left: -10px; width: 40px;height: 40px;background-image: url(../icon/icon-contact.png);background-position: center;background-size: cover;background-repeat: no-repeat;}
@media (max-width: 767px) {   
    .cbox .contact-link{font-size:1rem!important;}.icon-contact{width: 30px;height: 30px;left: 5px;}
}
@media (max-width: 399px) {   
    .navbar-brand.mshow img{max-width: 80px!important;}.mcbox{right: 35%;transform: translateX(35%);}
}
/** NAV **/
    .stnNav{background-color: #009FE2;}
    .navbar-expand-lg .navbar-nav .nav-link{text-transform: uppercase;color: #fff!important;padding-left: 2rem;padding-right: 2rem;font-weight: 700;position: relative;}
@media (min-width: 992px) and (max-width: 1100px){
    .navbar-expand-lg .navbar-nav .nav-link{padding-left: 10px;padding-right: 10px;text-transform: none;}
    .navbar-expand-lg .navbar-nav .nav-item{display: inline-block;}
    
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .active .nav-link:before{content: ''; position: absolute;width: 40%;height: 2px;background-color: #fff;z-index: 10;bottom: 0px;left: 50%;transform: translateX(-50%);}
}
@media (max-width: 991px) {
    .stnNav{background-color: #ffffff!important;}
    .navbar-expand-lg .navbar-nav .nav-link{color: #555!important;}
    .navbar-expand-lg .navbar-nav .active .nav-link{color: #009FE2!important;}
}
    .navbar-toggler:focus, .navbar-toggler:hover{box-shadow: none!important;outline: none!important;border: none!important;}
/** BANNER **/
    .stnBanner .carousel-inner img{width: 100%!important;}
    .carousel-control-prev-icon {background-image: url(../icon/arrow-left-white.png);}
    .carousel-control-next-icon {background-image: url(../icon/arrow-right-white.png);}
    .carousel-control-next-icon, .carousel-control-prev-icon{width: 50px; height: 60px;opacity: 0.3;}
    .carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon{background-color: rgba(0, 159, 226, 0.5);opacity: 1;}
    .carousel-control-next, .carousel-control-prev{width: 50px;}
    
    .stnUtilities{position: relative;padding: 3rem 0;}
    .header-title{margin-bottom: 3rem;text-align: center;}
    .header-title h3{text-align: center;font-size: 2rem; color: #009FE2;font-weight: 700;font-family: 'MontserratBold', Arial, sans-serif;}
    .header-title .header-desc{display: inline-block;padding: 5px 15px;background-color: #E04D1C;color: #fff;border-radius: 15px;font-weight: 700;letter-spacing: 0.3px;}
    
    .ut-box{display: -ms-flexbox!important;display: flex!important;-ms-flex-direction: column!important;flex-direction: column!important;-ms-flex-pack: center!important; justify-content: center!important;}
    .ut-box .ut-image-box{text-align: center; padding: 0rem 5rem 1rem;}
    .ut-box .ut-image-box img{display: inline-block; max-width: 160px!important;margin: 0 auto;}
    .ut-box .ut-info-box{padding-bottom: 1.5rem;}
    .ut-box .ut-info-box h4{text-align: center;text-transform: none!important;font-size: 16px;}
@media (max-width: 991px) {
    .ut-box .ut-image-box{padding-left:2.5rem; padding-right: 2.5rem;}
}
@media (max-width: 640px) {
    .ut-box .ut-image-box{padding-left:5rem; padding-right: 5rem;}
}
@media (max-width: 350px) {
    .ut-box .ut-image-box{padding-left:1rem; padding-right: 1rem;}.ut-box .ut-image-box img{display: inherit;}
}
    .stnTermcon{position: relative;background-color: #F5F5F7;padding: 3rem 0;}
    .tc-info-box{position: relative;height: 100%;padding-top: 2rem;}
    .tc-list{display: -ms-flexbox!important;display: flex!important;-ms-flex-direction: column!important;flex-direction: column!important;}
    .tc-list li{position: relative;margin-bottom: 1rem;color: #000;font-size: 16px;padding-left: 40px;}
    .tc-list li .icon-tc{position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;background-image: url(../icon/icon-check.png);background-position: center;background-size: cover;background-repeat: no-repeat;}
    .tc-image-box{position: relative;}
@media only screen and (min-width: 1199px) {
    .tc-image-box img{margin-left:3rem;margin-right: -4rem;margin-top: -3rem;margin-bottom: -2rem;}
}    
    .stnProduct{position: relative;padding: 3rem 0;background-color: #FAFAFA;}    
    .nadi-table td, .nadi-table th{border: 1px solid #888;font-size: 15px!important;vertical-align: middle!important;}
    .nadi-table thead th{border-bottom-color: #888!important;color: #000;text-align: center;vertical-align: middle;}
    .nadi-table td p{font-size: 15px!important;}
    .nadi-table td p:last-child{margin-bottom: 5px;}
    .inner-product-box{position: relative;overflow: hidden;padding-left: 1.5rem;padding-right: 1.5rem;}
    
    .stnInstall{position: relative;padding: 3.5rem 0;background-color: #009FE2;}
    .header-title.text-white h3{color: #ffffff;line-height: 1.15;}
    .ins-list{padding-right:4.5rem;}
    .ins-list li{position: relative;color: #fff;border-bottom: 1px solid #ffffff;padding: 5px 0 5px 35px;font-size: 16px;font-weight: 700;margin-bottom: 1rem;}
    .ins-list li:before{content: '';position: absolute; top: 15px;left: 2px;width: 5px;height: 5px;border-radius: 50%; background-color: #fff;}
    .ins-image{position: relative;overflow: hidden;}
@media (max-width: 991px) {
    .ins-list{padding-right:0rem!important;}
}
@media (max-width: 640px) {
    .ins-image{padding: 2rem 1rem;}.ins-image img{margin: 0 auto!important;}
}
    .stnSguide{position: relative;padding: 3.5rem 0;}
@media (max-width: 767px) {
    .order-nadi-12{order: 12;}.order-nadi-1{order:0;}
}
    .reg-box{display: -ms-flexbox!important;display: flex!important;-ms-flex-direction: column!important;flex-direction: column!important;margin-bottom: 2rem;}
    .reg-header{position: relative;margin-bottom: 1.5rem;}.reg-header span{display: inline-block;font-family: 'MontserratBold', Arial, sans-serif; font-size: 1.35rem;font-weight: 700;}
    .reg-header span:first-child{padding: 3px 15px;background-color: #E04D1C;color: #fff;margin-right: 1.2rem;border-radius: 10px;}
    .reg-body{margin-bottom: 2rem;}.reg-list{display: -ms-flexbox!important;display: flex!important;-ms-flex-direction: column!important;flex-direction: column!important;}
    .reg-list{counter-reset: my-awesome-counter;padding-left: 10px;}
    .reg-list li{position: relative; font-size: 15px;margin-bottom: 18px;font-family: 'MontserratRegular', Arial, sans-serif;color: #000;counter-increment: my-awesome-counter;}
    .reg-list li{padding-left: 30px;cursor: pointer;text-align: justify;}
    .reg-list li:before{content: counter(my-awesome-counter) ". ";position: absolute;top: 1px;left: 0px;}
    .reg-list li.watch-item{padding-left: 45px;}.reg-list li.watch-item.active{color: #009FE2;font-weight: 700;}
    .reg-list li.watch-item:before{content: counter(my-awesome-counter);width: 25px;height: 25px;border: 1px solid #333333;border-radius: 50%;text-align: center;padding-top: 2px;}
    .reg-list li.watch-item.active:before{border-color: #009FE2;}
    
    .reg-image-box{position: relative;padding: 0 1rem 1.5rem 1rem;}
    .reg-image-box .reg-image-item{position: relative;overflow: hidden;display: none; visibility: hidden;opacity: 0;transition: all 400ms ease;width: 0px;}
    .reg-image-box .reg-image-item img{max-width: 245px!important;margin: 0 auto;display: block;}
    .reg-image-box .reg-image-item.show{display: block; visibility: visible;opacity: 1;width: 100%;}
    #connect-three img{display: block; width: 65%;margin: 0 auto;}
@media (max-width: 991px) {
    .reg-header{text-align:center;}
    .reg-header span{font-size: 1.15rem;font-weight: 600;margin-bottom: 5px;}
    #connect-three img{width: 85%;}
}
@media (max-width: 767px) {}
    /** PRICE **/
    .stnPrice{position: relative;padding: 3rem 0;background-color: #F5F5F7;}
    .rowprice{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .rowprice.border-circle{border: 2px solid #999;border-radius: 25px;}
    .col-pleft{width: 33.333333%;flex:0 0 33.333333%;border-right: 2px solid #999;}
    .col-pright{width: 66.666666%;flex:0 0 66.666666%;}
    .col-50{width: 50%;flex:0 0 50%;} .col-50:first-child{border-right: 2px solid #999;}  .col-100{width:100%;flex:0 0 100%;padding: 10px;}
@media (max-width: 767px) {
    .col-pleft,.col-pright{width: 50%;flex:50%;}.col-50{width: 100%;flex:0 0 100%;}.col-50:first-child{border-right: 0px solid #999;border-bottom: 2px solid #999;}
}
    .pricebox{display: -ms-flexbox!important;display: flex!important;-ms-flex-direction: column!important;flex-direction: column!important;-ms-flex-pack: center!important;justify-content: center!important;-ms-flex-align: center!important;align-items: center!important;}
    .pricebox{padding: 30px 15px;}.pricebox span{display: -ms-flexbox;display: flex;}
    .price-title{padding: 8px 12px;background-color: #E04D1C;color: #fff; border-radius: 50px;margin-bottom: 15px; font-weight: 700;font-size: 16px; text-align: center;}
    .price-value{font-family: 'MontserratBold', Arial, sans-serif;font-size: 18px;color: #000;}
    .rowprice > .col-100 > p{text-align: center;margin-bottom: 2px;font-weight: 600;}
@media (max-width: 1100px) {
    .price-title{font-size: 15px;}.price-value{font-size: 16px;}.rowprice > .col-100 > p{font-size: 15px;}
}
@media (max-width: 499px) {
    .col-pleft,.col-pright{width: 100%;flex:100%;}.col-pleft{border-right: 0px;border-bottom: 2px solid #999;}
    .rowprice > .col-100 > p{font-size: 13px;}
}
    .stnQna{position: relative;padding: 3.5rem 0;background-color: #F5F5F7;}.header-title.text-blue h3{color: #3A7BCE!important;}
    .qna-box{display: -ms-flexbox!important;display: flex!important;-ms-flex-direction: column!important;flex-direction: column!important;overflow: hidden;}
    .qna-box{transition: all 400ms ease-in-out;height: 580px;}.qna-box.show{height: auto!important;}
    .qna-item{position: relative;}
    .q-item{position: relative; width: 100%;margin-bottom: 1.5rem;background-color: #CCCCCC;color: #000;display: inline-block;padding: 10px 25px;border-radius: 25px;font-size: 15px;line-height: 20px;font-family: 'MontserratRegular', Arial, sans-serif;cursor: pointer;}
    .q-item span, .a-item span{font-weight: 700;margin-right: 10px;font-family: 'MontserratBold', Arial, sans-serif;}
    .a-item{position: relative; width: 100%;margin-bottom: 1.5rem;background-color: #009FE2;color: #FFFFFF;display: none;padding: 10px 25px;border-radius: 25px;font-size: 15px;line-height: 20px;font-family: 'MontserratRegular', Arial, sans-serif;height: 0;visibility: hidden;opacity: 0;transition: all 400ms ease-in-out;}
    .qna-item.show .a-item{display: inline-block!important;height: auto;visibility: visible;opacity: 1;}
@media (max-width: 991px) {
    .q-item{width: 100%;}.a-item{width: 100%;}
}
    .qna-readmore{margin: 2rem 0 0;text-align: center;}
    .morebox,.lessbox{display: inline-block; font-size: 16px;color: #009FE2;font-weight: 700;position: relative;padding-right: 40px;display: none;transition: all 400ms ease-in-out;cursor: pointer;}
    .morebox.show,.lessbox.show{display: inline-block;}
    .icon-moreless{position: absolute;width: 25px;height: 25px;top: -2px;right: 7px;z-index: 10;background-size: cover;background-repeat: no-repeat;background-position: center;}
    .icon-moreless.icon-down{background-image: url(../icon/icon-row-down.png);}
    .icon-moreless.icon-up{background-image: url(../icon/icon-row-up.png);}
    .stnAWGuide{position: relative;padding: 2rem 0 0rem;background-color: #E0F7FF;}
    .refbox{display: block;text-align: center;}
    .refbox span{display: inline-block;font-family: 'MontserratBold', Arial, sans-serif;}.refbox span:first-child{margin-right: 15px;font-weight: 700;color: #000;font-size: 18px;}
    .refbox span a{display: inline-block;padding: 5px 20px;border: 1px solid #102027;border-radius: 25px;color: #009FE2!important;font-size: 16px;text-transform: uppercase;font-weight: 700;}
    .stnHotline{position: relative;margin: 0px;}.stnHotline img{width: 100%!important;}
/** FOOTER **/
    .stnCopyright {background-color: #009FE2; color: #fff;}
    .footer{font-size: 14px;}.footer .row:first-child{padding-bottom: 15px;margin-bottom: 5px;border-bottom: 1px solid #ffffff;}
    .footer .row{margin: 0px -15px;}
    .footer .logo img {width: 160px; margin-top: 10px;}    
    .footer .follow{color: #ffffff;text-align: right;padding-top: 8px;}
    .footer .follow span{line-height: 40px;padding-top: 5px;float: left;display: block;}
    .footer .follow span a{display: block;float: left;}
    .footer .follow img{width: 30px;margin-right: 10px; margin-bottom: -8px;}
    .footer .copyright p{color: #ffffff;font-size:14px !important;line-height:15px !important;}
@media (max-width: 1000px){
    .footer {max-width: 1000px !important;}
    .footer .copyright p {}
    .footer .logo img {display: block;}
    .footer .follow {padding-top: 0;}
}
@media (max-width: 599px) {
    .footer .logo img {margin: 0 auto;width:150px!important;}
}