@font-face {
    font-family: db_heavent_cond;
    src: local("DB Heavent Cond"), local("DB-Heavent-Cond"), url(../fonts/db_heavent_cond_v3.2-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_cond_v3.2-webfont.woff2) format("woff2"),
        url(../fonts/db_heavent_cond_v3.2-webfont.woff) format("woff"), url(../fonts/db_heavent_cond_v3.2-webfont.ttf) format("truetype"), url(../fonts/db_heavent_cond_v3.2-webfont.svg#db_heavent_cond);
    font-display: swap;
}
@font-face {
    font-family: db_heaventmed_cond;
    src: local("DB Heavent Bold Cond"), local("DB-Heavent-Bold-Cond"), url(../fonts/db_heavent_med_v3.2-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_med_v3.2-webfont.woff2) format("woff2"),
        url(../fonts/db_heavent_med_v3.2-webfont.woff) format("woff"), url(../fonts/db_heavent_med_v3.2-webfont.ttf) format("truetype"), url(../fonts/db_heavent_med_v3.2-webfont.svg#db_heaventmed_cond) format("svg");
    font-display: swap;
}
@font-face {
    font-family: 'DB_HeaventMed_Cond';
    src: url('../fonts/db_heavent_med_v3.2-webfon-webfont.eot');
    src: url('../fonts/db_heavent_med_v3.2-webfon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_heavent_med_v3.2-webfon-webfont.woff2') format('woff2'),
         url('../fonts/db_heavent_med_v3.2-webfon-webfont.woff') format('woff'),
         url('../fonts/db_heavent_med_v3.2-webfon-webfont.ttf') format('truetype'),
         url('../fonts/db_heavent_med_v3.2-webfon-webfont.svg#DB_HeaventMed_Cond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: db_heaventbold_cond;
    src: local("DB Heavent Bold Cond"), local("DB-Heavent-Bold-Cond"), url(../fonts/db_heavent_bd_cond_v3.2-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_bd_cond_v3.2-webfont.woff2) format("woff2"),
        url(../fonts/db_heavent_bd_cond_v3.2-webfont.woff) format("woff"), url(../fonts/db_heavent_bd_cond_v3.2-webfont.ttf) format("truetype"), url(../fonts/db_heavent_bd_cond_v3.2-webfont.svg#db_heaventbold_cond) format("svg");
    font-display: swap;
}
@font-face {
    font-family: db_heaventblack_cond;
    src: local("DB Heavent Black Cond"), local("DB-Heavent-Black-Cond"), url(../fonts/db_heavent_blk_cond_v3.2-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/db_heavent_blk_cond_v3.2-webfont.woff2) format("woff2"),
        url(../fonts/db_heavent_blk_cond_v3.2-webfont.woff) format("woff"), url(../fonts/db_heavent_blk_cond_v3.2-webfont.ttf) format("truetype"), url(../fonts/db_heavent_blk_cond_v3.2-webfont.svg#db_heaventblack_cond) format("svg");
    font-display: swap;
}
@font-face {
    font-family: akrobatregular;
    src: local("Akrobat"), local("Akrobat"), url(../fonts/akrobat-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/akrobat-semibold-webfont.woff2) format("woff2"),
        url(../fonts/akrobat-semibold-webfont.woff) format("woff"), url(../fonts/akrobat-semibold-webfont.ttf) format("truetype"), url(../fonts/akrobat-semibold-webfont.svg#akrobatregular) format("svg");
    font-display: swap;
}
@font-face {
    font-family: akrobatbold;
    src: url(../fonts/akrobat-bold-webfont.eot);
    src: local("Akrobat Bold"), local("Akrobat-Bold"), url(../fonts/akrobat-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/akrobat-bold-webfont.woff2) format("woff2"),
        url(../fonts/akrobat-bold-webfont.woff) format("woff"), url(../fonts/akrobat-bold-webfont.ttf) format("truetype"), url(../fonts/akrobat-bold-webfont.svg#akrobatbold) format("svg");
    font-display: swap;
}
@font-face {
    font-family: akrobatextrabold;
    src: local("Akrobat ExtraBold"), local("Akrobat-ExtraBold"), url(../fonts/akrobat-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/akrobat-extrabold-webfont.woff2) format("woff2"),
        url(../fonts/akrobat-extrabold-webfont.woff) format("woff"), url(../fonts/akrobat-extrabold-webfont.ttf) format("truetype"), url(../fonts/akrobat-extrabold-webfont.svg#akrobatextrabold) format("svg");
    font-display: swap;
}
body,
.AkrobatRegular,
.DB_HeaventCond,
.DB_HeaventRegular,
.akrobatregular,
.db_heavent_cond,
.ais_topbar-eservice-text {
    font-family: akrobatregular, db_heavent_cond !important;
}
.AkrobatBold,
.DB_HeaventMed_Con,
.DB_HeaventMed_Cond,
.DB_HeaventMed_Cond,
.akrobatbold,
.db_heavent_med_cond,
.db_heaventmed_cond {
    font-family: akrobatbold, db_heaventmed_cond !important;
}
.AkrobatBlack,
.AkrobatExtraBold,
.DB_HeaventBlack_Cond,
.DB_HeaventBold,
.DB_HeaventBold_Cond,
.akrobatblack,
.db_heaventbold_cond {
    font-family: akrobatextrabold, db_heaventbold_cond !important;
}

#aisfooter .sub_menu li a, #aisfooter .sub_menu .head, #aisfooter .sub_menu .head a, #aisfooter .sub_menu .head a:hover, #aisfooter .sub_menu .head a:active{font-family:akrobatregular,db_heaventregular;}

/*--- DNA Base ---*/
html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;overflow-x:hidden}img{max-width:fit-content;max-width:-moz-fit-content;height:auto}div,section,span{background-repeat:no-repeat;background-size:cover}section{display:block;position:relative}svg,svg.area{height:auto;width:100%;display:inherit}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}bt,bt.active,bt:hover{display:inline-block;cursor:pointer;transition-duration:.2s}h1,h2,h3,h4,h5,h6,p{font-weight:normal;padding:0;margin:0;font-size:inherit}.h1 b,.h2 b,.h3 b,.h4 b,.h5 b,.h6 b,b,h1 b,h2 b,h3 b,h4 b,h5 b,h6 b{font-weight:normal;font-family:akrobatbold,db_heaventbold}.table,.table-block{display:table;width:100%}ol,ul{margin:0}ul.dna-ul li{margin-left:25px}.dna-ul ul{list-style:inherit;margin:auto;padding-inline-start:20px}body ol,body ul,ol,ul{padding-top:5px}ol{counter-reset:item;padding-left:0}ol>li{display:table}ol>li:before{content:counters(item, ".") " ";counter-increment:item;padding-right:5px;width:25px;display:table-cell}.pos{position:absolute;pointer-events:auto}.pos_holder{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.width-full{width:100%;max-width:999%}.center{text-align:center}.right{text-align:right}.overflow{overflow:hidden}.inline{display:inline-block}[class^=width-]{display:inline-block;vertical-align:top}.show_mb,[class^=max-],[class^=min-],svg.area.show_mb,svg.show_mb{display:none}.show_pc,svg.area.show_pc,svg.show_pc{display:inherit}.width-90{width:89.5%}.width-80{width:79.5%}.width-75{width:74.5%}.width-70{width:69.5%}.width-60{width:59.5%}.width-50{width:49.5%}.width-40{width:39.5%}.width-33{width:33.2%}.width-30{width:29.5%}.width-25{width:24.5%}.width-20{width:19.5%}.width-0-pc{width:0%}.width-20-pc{width:20%}.width-25-pc{width:25%}.width-33-pc{width:33%}.width-50-pc{width:50%}.width-66-pc{width:66%}.width-75-pc{width:75%}.width-80-pc{width:80%}.width-100-pc{width:100%}@media(max-width:640px){.width-0-mb{width:0%}.width-20-mb{width:20%}.width-25-mb{width:25%}.width-33-mb{width:33%}.width-50-mb{width:50%}.width-66-mb{width:66%}.width-75-mb{width:75%}.width-80-mb{width:80%}.width-100-mb{width:100%}}@media(max-width:320px){.max-320{display:inherit}}@media(max-width:375px){.max-375{display:inherit}}@media(max-width:414px){.max-414{display:inherit}}@media(max-width:480px){.max-480{display:inherit}}@media(max-width:540px){.max-540{display:inherit}}@media(max-width:600px){.max-600{display:inherit}}@media(max-width:640px){.max-640{display:inherit}.show_mb,svg.area.show_mb,svg.show_mb{display:inherit}.show_pc,svg.area.show_pc,svg.show_pc{display:none}}@media(max-width:768px){.max-768{display:inherit}}@media(max-width:800px){.max-800{display:inherit}}@media(max-width:900px){.max-900{display:inherit}}@media(max-width:1000px){.max-1000{display:inherit}}@media(max-width:1024px){.max-1024{display:inherit}}@media(min-width:480px){.min-480{display:inherit}}@media(min-width:540px){.min-540{display:inherit}}@media(min-width:600px){.min-600{display:inherit}}@media(min-width:640px){.min-640{display:inherit}}@media(min-width:768px){.min-768{display:inherit}}@media(min-width:800px){.min-800{display:inherit}}@media(min-width:900px){.min-900{display:inherit}}@media(min-width:1000px){.min-1000{display:inherit}}@media(min-width:1024px){.min-1024{display:inherit}}@media(min-width:1366px){.min-1366{display:inherit}}@media(min-width:1600px){.min-1600{display:inherit}}

/*--- Fix Templete AIS ---*/
#ais_topbar .primary-link,#ais_topbar .primary-link ul,
.mini-menu .menu__link,
.mini-menu a.menu__link,.mini-menu div.menu__link
*:lang(en) body{font-family:akrobatregular;}
body{font-family:akrobatregular,db_heavent!important}
body{padding-top:50px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mini-menu div:hover.menu__link, .mini-menu div.menu__link.current {
    font-family: 'db_heaventregular';
    color: #b4d237;
    font-size: 17px;
    line-height:42px;
     display: block;
}
.mini-menu .js-custom-header .secondary-link-custom{padding:0}
#ais_topbar .menu__item.img{vertical-align:middle;height:78px;padding-top:18px;padding-right:10px;background-color:#1e1e1e}
#ais_topbar.custom-menu .js-custom-header,#ais_topbar.mini-menu .js-custom-header{height:83px}
#ais_topbar .submenu__item{padding:9px 0 5px 35px;border-bottom:1px solid #676767}
.menu__item.customer a.menu__link.fibre.customer{padding-left:33px!important}
#ais_topbar a,#aisfooter a{text-decoration:none}#ais_topbar .primary-link-lv1{cursor:default}
#ais_topbar .ais_topbar-eservice-text{font-size:16px}#ais_topbar .topbar_lang_mobile .lang{font-size:16px;font-family:db_heaventregular}
#aisfooter div{background-repeat:repeat}.mini-menu .menu__link,.mini-menu a.menu__link{text-decoration:none!important;cursor:pointer}#videoCont,.truehits-bg{display:none}section ul{list-style-type:disc}#ais_topbar.mini-menu .js-custom-header,#ais_topbar.custom-menu .js-custom-header{display:block!important}@media screen and (max-width: 768px){#ais_topbar.mini-menu .js-custom-header,#ais_topbar.custom-menu .js-custom-header{display:none!important}}.js-overlay.overlay{top:50px;position:fixed}

/*--- Layout & Theme ---*/
body{line-height:1.2;color:#000!important;}
a,a:active,a:hover,a:visited{text-decoration:none}a:hover{color:#8dc63f}
.content a,.content a:active,.content a:visited{color:#000; text-decoration:none}.content a:hover{color:#8dc63f}
section.content{max-width:1366px;padding:40px 20px;margin:auto}
section.thumb{max-width:1074px;padding:0px 12px;margin:auto;overflow: hidden;margin-bottom: 20px;}
h1,.h1{font-size:calc(2.4rem + 3.8vw)}
h2,.h2{font-size:calc(2.1rem + 3.2vw)}
h3,.h3{font-size:calc(2rem + 2.3vw)}
h4,.h4{font-size:calc(1.9rem + 1.4vw)}
h5,.h5{font-size:calc(1.8rem + 1vw)}
h6,.h6{font-size:calc(1.7rem + .6vw)}
html body,body,p{font-size:calc(1.6rem + .3vw)}
note,.note{font-size:calc(1.4rem + .3vw)}
spacer{display:block;height:20px}
bt{padding:8px 25px;border:1px solid #000;border-radius:99px}
bt:hover,bt.active{color:#a6cb16;border:1px solid #000;background-color:#000}
.green{color:#b2d429}

/*--- Swiper ---*/
.swiper-slide{height:auto!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:0}.effect-howto{margin:auto;overflow:hidden;max-width:640px}.effect-center .swiper-slide.swiper-slide{transform:scale(0.85);transition-duration:0.5s}.effect-center .swiper-slide.swiper-slide-active{transform:scale(1);transition-duration:0.2s}@media(min-width:960px){.effect-center .swiper-slide.swiper-slide,.effect-center .swiper-slide.swiper-slide-active{transform:scale(1)!important}}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:''!important}
.swiper-pagination-bullet.swiper-pagination-bullet{width:7px;height:7px;border-radius:99px;background:#999;opacity:0.3;margin:0 4px!important;transition-duration:0.5s}
.swiper-pagination-bullet-active.swiper-pagination-bullet-active{width:28px;opacity:1;background:none;background:#b2d234;transition-duration:0.2s}
.swiper-button-prev,.swiper-button-next{width:50px;height:50px;border-radius:999px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.3);background:#fff no-repeat center;background-size:100%;transition-duration:0.4s}
.swiper-button-prev:hover,.swiper-button-next:hover{background-color:#b2d234;transition-duration:0.2s}
.swiper-button-prev{background-image:url(../images/arrow-left-black.png)!important}
.swiper-button-next{background-image:url(../images/arrow-right-black.png)!important}
.swiper-button-prev:hover{background-image:url(../images/arrow-left-white.png)!important}
.swiper-button-next:hover{background-image:url(../images/arrow-right-white.png)!important}

/*--- Popup ---*/
.popup{width:100%;height:0%;overflow:hidden;margin:0 auto;position:fixed;z-index:40;top:0;text-align:center;vertical-align:middle;display:table;transition-duration:0.6s}
.popup.show{height:100%;overflow:hidden;transition-duration:0.4s}.popup.show .popup_container{margin-top:0}.popup.show .popup_fader{opacity:1;transition-duration:0.2s}
.popup .popup_fader{pointer-events:none;width:100%;height:100%;margin:0 auto;position:fixed;z-index:-1;background-color:rgba(0,0,0,.7);opacity:0;transition-duration:0.3s}
.popup .popup_holder{vertical-align:middle;display:table-cell;width:100%;max-width:600px}
.popup .popup_container{max-width:900px;background-color:#fff;text-align:left;width:90%;margin:-1000px auto 80px;position:relative;transition-duration:0.5s}
.popup .popup_close{top:0;right:0;width:40px;height:40px;position:absolute;z-index:2;cursor:pointer;font-size:30px;text-align:center;background:center no-repeat #b2d234;background-image:url(../images/ic-x-black.png);background-size:50%;transition-duration:0.3s}
.popup .popup_close:hover{color:#c5d445;background-image:url(../images/ic-x-white.png);background-color:#000;background-size:70%;transition-duration:.2s}
.popup .popup_data{padding:40px;text-align:center}
.popup .popup_data.popup_vdo{background:#000;padding:0}

/*--- Select ---*/
.dna-select textarea,.dna-select input,select[multiple=multiple]{-webkit-transition:border-color;-moz-transition:border-color;transition:border-color;border-radius:.5rem;padding:.425rem .425rem;width:100%;outline:none}
.dna-select textarea,.dna-select input,select[multiple=multiple]{background-color:white;border:1px solid #ddd;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06)}
.dna-select textarea:hover,.dna-select input:hover,.dna-select select[multiple=multiple]:hover{border-color:#c4c4c4}
.dna-select textarea:focus,.dna-select input:focus,.dna-select select[multiple=multiple]:focus{outline:none;border-color:#77c92d;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(126,235,90,0.7)}

/*--- Table ---*/
table{border-spacing:0}.table .td{display:table-cell;vertical-align:top}.table.middle>*>.td,.table.middle>.td{vertical-align:middle}.table>.tr{display:table-row}@media(min-width:640px){.table>.tr{display:contents}}@media(max-width:640px){.table>.tr{display:table;width:100%}}@-moz-document url-prefix(){.table-block>*>div,.table-block>div{float:left}}.table-dup{position:absolute;z-index:1;overflow:hidden}.table-relative{position:relative}.table-overflow{overflow:auto}
.table-touch{position:absolute;z-index:2;width:5em;height:5em;left:50%;top:50%;margin-left:-2.5em;margin-top:-1.5em;
background:url(../images/touch.gif) no-repeat center;background-size:cover;border-radius:999px;opacity:0;box-shadow:2px 2px 6px rgba(0,0,0,.4);transform:scale(1.5);transition-duration:0.3s}
.table-touch.active{opacity:0.8;transform:scale(1)}

/*--- Youtube iFrame Responsive ---*/
.video-center{margin:40px auto;max-width:1200px;border-radius:20px;overflow:hidden;border:5px solid #888}
.video-wrapper{position:relative;padding-bottom:56.25%;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/*--- Dropdown ---*/
.dna-select{position:relative;margin:0 auto;max-width:300px;line-height:1.2;font-size:18px;cursor:pointer}
.dna-select p{padding:5px 10px;color:#fff}
.dna-select input{margin:10px;padding:5px 10px;width:calc(100% - 20px)}
.dna-select li{list-style:none;margin-left:0;padding:8px 20px;font-size:18px;text-align:left;color:#fff}
.dna-select li:hover{background-color:#333}
.dna-select-display{padding:10px 45px 8px 20px;background:url(../images/arrow-down-black.png) no-repeat center right 15px #E9EF31;background-size:25px auto;text-align:left;border-radius:8px;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}
.dna-select-drop{position:absolute;z-index:5;width:100%;left:0;background:#999;box-shadow:0px 0px 10px rgba(0,0,0,0.2);border-radius:0 0 8px 8px}
.dna-select-drop .dna-scroll{max-height:250px}
.dna-select.active .dna-select-display{background-image:url(../images/arrow-up-black.png);border-radius:8px 8px 0 0}
.dna-select.active .dna-select-drop{display:block}

/*--- Data Table Fix Column ---*/
.table-cover{border-radius:10px;box-shadow:4px 4px 10px rgba(0,0,0,.1);position:relative;overflow:hidden}
.table-style{width:100%;min-width:1000px!important}
.table-style tr>*{vertical-align:top;text-align:left;padding:10px;border-bottom:1px solid #ddd}
.table-style tr>*:first-child{background-color:#000;color:#fff;width:150px}
.table-style tr:nth-child(even){background-color:#eee}
.table-style tr th{background-color:#999}
@media(max-width:640px){.table-style tr>*:first-child{width:100px}}

/*--- Faq ---*/
.expand-qa{background:url(../images/arrow-down-black.png) no-repeat;background-position:99% 25px;background-size:20px;border-bottom:2px solid #b2d234}
.expand-qa.active{background-image:url(../images/arrow-up-black.png)}
.expand-qa .q{padding:22px 40px 20px 0;cursor:pointer;transition: color 0.3s ease-out}
.expand-qa.active .q{padding-bottom:0}
.expand-qa.active .q,.expand-qa:hover .q{color:#b2d234;transition: color 0.1s}
.expand-qa .a{height:0px;padding-top:0;overflow:hidden;transition-duration:0.3s}
.expand-qa .a,.expand-qa .a p{color:#666;line-height:1.4}
.expand-qa.active .a{padding:20px 0 20px;height:auto;transition-duration:0.3s}

/*--- Condition ---*/
.expand-condition .q{padding:22px 40px 20px 0;cursor:pointer;transition:color 0.3s ease-out}
.expand-condition.active .q{padding-bottom:0}
.expand-condition.active .q,.expand-condition:hover .q{color:#b2d234;transition:color 0.1s}
.expand-condition .a{height:0px;padding-top:0;overflow:hidden;transition-duration:0.3s}
.expand-condition .a,.expand-condition .a p{color:#666;line-height:1.4}
.expand-condition.active .a{padding:20px 0 20px;height:auto;transition-duration:0.3s}
arrow{display:inline-block;height:25px;width:30px;vertical-align:bottom;background:url(../images/arrow-down-black.png) no-repeat center;background-size:20px}
.active arrow{background-image:url(../images/arrow-up-black.png)}

/*--- SCROLLBAR BASE ---*/
.scroll-textarea {border:1px solid #ccc;border-top-color:#999}
.scroll-wrapper{overflow:hidden!important;padding:0!important;position: relative;}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow: scroll!important;padding:0;position: relative!important;top:0;width:auto!important;}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display:block}.scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor:default}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow: scroll!important;outline:none;padding:2px;position: relative!important;top:0;width:100%!important}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}.dna-scroll>.scroll-element,.dna-scroll>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.dna-scroll>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}

/*--- SCROLLBAR OUTER ---*/
.dna-scroll>.scroll-element.scroll-x{bottom:0;height:10px;left:0;width:100%}
.dna-scroll>.scroll-element.scroll-y{height:100%;right:0;top:0;width:12px}
.dna-scroll>.scroll-element.scroll-x .scroll-element_outer{height:10px;top:0px}
.dna-scroll>.scroll-element.scroll-y .scroll-element_outer{left:2px;width:8px}
.dna-scroll>.scroll-element .scroll-element_outer{overflow:hidden}
.dna-scroll>.scroll-element .scroll-element_track {background-color:#ddd}
.dna-scroll>.scroll-element .scroll-element_outer,.dna-scroll>.scroll-element .scroll-element_track,.dna-scroll>.scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.dna-scroll>.scroll-element .scroll-bar{background-color:#b2d429}
.dna-scroll>.scroll-element .scroll-bar:hover{background-color:#b2d429}
.dna-scroll>.scroll-element.scroll-draggable .scroll-bar{background-color:#10b058}
.dna-scroll>.scroll-content.scroll-scrolly_visible{left:-12px;margin-left:12px}
.dna-scroll>.scroll-content.scroll-scrollx_visible{top:-10px;margin-top:10px}
.dna-scroll>.scroll-element.scroll-x .scroll-bar{min-width:10px}
.dna-scroll>.scroll-element.scroll-y .scroll-bar{min-height:10px}
.dna-scroll>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-14px}
.dna-scroll>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-14px}
.dna-scroll>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-14px}
.dna-scroll>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-14px}

/*--- SCROLLBAR RAIL ---*/
.dna-scroll>.scroll-element .scroll-element_size{background-color:rgba(0,0,0,.3)}
.dna-scroll>.scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:rgba(0,0,0,.5)}
.dna-scroll>.scroll-element.scroll-x{bottom:0;height:15px;left:0;min-width:100%;width:100%}
.dna-scroll>.scroll-element.scroll-y{height:100%;min-height:100%;padding:0 2px 0 3px;right:0;top:0;width:12px}
.dna-scroll>.scroll-element .scroll-bar{background-color:#b2d429;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:1px 1px 3px rgba(0,0,0,.5)}
.dna-scroll>.scroll-element .scroll-element_outer:hover .scroll-bar{box-shadow:1px 1px 3px rgba(0,0,0,.6)}
.dna-scroll > .scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}
.dna-scroll > .scroll-content.scroll-scrollx_visible{margin-top:17px;top:-17px}
.dna-scroll > .scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:1px}
.dna-scroll > .scroll-element.scroll-y .scroll-bar{left:1px;min-height:10px;width:10px}
.dna-scroll > .scroll-element.scroll-x .scroll-element_outer{height:15px;left:5px}
.dna-scroll > .scroll-element.scroll-x .scroll-element_size{height:2px;left:-10px;top:5px}
.dna-scroll > .scroll-element.scroll-y .scroll-element_outer{top:5px;width:15px}
.dna-scroll > .scroll-element.scroll-y .scroll-element_size{left:5px;top:-10px;width:2px}
.dna-scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-25px}
.dna-scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-25px}
.dna-scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-25px}
.dna-scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-25px}


/*--- Sample ---*/
.sample{background-color:#ddd;text-align:center}
.table.sample{margin-bottom:20px}.table.sample>*>.td,.table.sample>.td{background-color:#ddd;padding:10px;text-align:center;border:1px solid #bbb}.box-temp{display:inline-block;width:29%;height:200px;background:#CCC;margin:1%}.click-content{display:none}.click-content.active{display:block}
body {
    font-size: 1.6rem;
    color: #2e3233;
    background-color: #fff;
    font-family: akrobatregular, db_heavent_cond !important;
    overflow-x: hidden
}
em {
    font-style: normal;
    display: inline-block;
}
.row {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.row:before,.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}
.row100 {
    max-width: none;
}

.panel {
    position: relative;
    margin: 0px 10px;
    padding: 0;
}

.panel6 {
    position: relative;
    margin: 6px;
    padding: 0;
}

.panel15 {
    position: relative;
    margin: 0 15px;
    padding: 0;
}

.mt-col {
    height: 100%;
    position: relative;
    display: block;
    float: left;
    min-height: 1px;
    padding: 0;
}
.col-lg-12 {
    height: 100%;
    position: relative;
    display: block;
    float: left;
    min-height: 1px;
    padding: 0;
}

/*--- Desktop PC */
@media(min-width:1024px){}
@media(min-width:1200px){
  h1,.h1{font-size:72px}
  h2,.h2{font-size:60px}
  h3,.h3{font-size:48px}
  h4,.h4{font-size:36px}
  h5,.h5{font-size:30px}
  h6,.h6{font-size:24px}
  html body,body,p{font-size:20px}
  note,.note{font-size:18px}
}
/*--- Large Desktop PC */
@media(min-width:1366px){}

/* sub menu set -------------------------------*/
ul.secondary-link-custom {padding: 0;
}
.secondary-link-custom .menu__item a.menu__link {
    font-size: 18px;
}
.secondary-link-custom a.menu__link {
    padding: 4px 20px!important;
    font-family: akrobatregular,db_heaventmed!important;
}
.highlight {
    margin-top: 74px;
}
.font_gradent{
background: #B7E928;
background: linear-gradient(to bottom, #B7E928 0%, #53B850 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* .all_bg{}
.bg_all {
    background: #031A2C;
    
} */
	/*--- sec1 ---*/
	#sec1 {position:relative;margin:auto;width:100%;max-width:1366px;overflow:hidden}
	#sec1 .Background {top:0%;left:0%;width:100%;height:auto;}
	#sec1 .Trophy {
    top: 43.67%;
    left: -2%;
    width: 104%;
    height: auto;
    }
	#sec1 .sec1_h3 {top: 23.77%;left: 0%;width: 100%;font-size:69px;font-size: 7.15vw;line-height: 1.2;text-align: center;color:#000}
	#sec1 .sec1_p {top: 42.4%;left: 0%;width: 100%;font-size:32px;font-size: 4vw;text-align: center;color:#000}
	#sec1 .ookla_logo {top: 41.5%;left: 49%;width: 16.3%;height:auto;}
  	#sec1 .ookla_logo img {vertical-align: top;}
	#sec1 .sec1_h2 {top: 10%;left: 40.66%;font-size:63px;font-size: 8.73vw;color:#3A2}
	#sec1 .sec1_h2_1 {font-size:60px;font-size:4.22vw;}
	#sec1 .sec1_h2_2 {font-size:78px;font-size: 10.3vw;}
	#sec1 .sec1_h2_3 {font-size:60px;font-size:4.22vw;}
	#sec1 .sec1_h1 {top: 1.56%;left: 40.73%;font-size:139px;font-size: 16.5vw;color: #3A2;}
	#sec1 .ais_5g_logo1 {top: 9.74%;left: 5.62%;width: 31.47%;height:auto;}
	@media(min-width:641px){
  	#sec1 {position:relative;margin:auto;width:100%;max-width:1440px;overflow:hidden}
  	#sec1 .Background {top:0%;left:0%;width:100%;height:auto;}
  	#sec1 .Trophy {top:28.67%;left:-0.88%;width:102.49%;height:auto;}
  	#sec1 .sec1_h3 {top: 20.77%;left: 20%;width: 60%;font-size:69px;font-size:4.85vw;text-align: center;color:#000}
  	#sec1 .sec1_p {top: 39.4%;left:32.87%;width:35.14%;font-size:32px;font-size:2.25vw;text-align: center;color:#000}
  	#sec1 .ookla_logo {top:38.63%;left: 49.5%;width:9.3%;height:auto;}
    	#sec1 .ookla_logo img {vertical-align: top;}
  	#sec1 .sec1_h2 {top: 6.5%;left: 41.5%;font-size:63px;font-size: 6.33vw;color:#3A2}
  	#sec1 .sec1_h2_1 {font-size:60px;font-size:4.22vw;}
  	#sec1 .sec1_h2_2 {font-size:78px;font-size: 7.48vw;}
  	#sec1 .sec1_h2_3 {font-size:60px;font-size:4.22vw;}
  	#sec1 .sec1_h1 {top: 4.56%;left:44.73%;font-size:139px;font-size: 10.5vw;color: #3A2;}
  	#sec1 .ais_5g_logo1 {top: 5.8%;left: 14.62%;width: 24%;height:auto;}
  }
	@media(min-width:1367px){
		#sec1 .sec1_h3{font-size: 65px;}
		#sec1 .sec1_p{font-size:31px;}
		#sec1 .sec1_h2{font-size: 85px;}
		#sec1 .sec1_h2_1 {font-size:60px;}
		#sec1 .sec1_h2_2 {font-size: 104px;}
		#sec1 .sec1_h2_3 {font-size:60px;}
		#sec1 .sec1_h1{font-size:139px;}
	}
	/*--- sec2 ---*/
	#sec2 {position:relative;margin:auto;width:100%;max-width:1440px;}
	#sec2 .Background {top:0%;left:0%;width:100%;height:auto;}
    #sec2 .sec2_global2 {
          top: 124%;
    left: 13.83%;
    width: 132.82%;
    height: auto;
      }
	#sec2 .sec2_global {
      top: 114%;
      left: -15.17%;
      width: 100.82%;
      height: auto;
      }
@media(min-width:414px){
          #sec2 .sec2_global2 {
          top: 124%;
          left: 13.83%;
          width: 99.82%;
          height: auto;
      }
	#sec2 .sec2_global {
      top: 114%;
      left: -15.17%;
      width: 84.82%;
      height: auto;
      }
    }

	#sec2 .sec2_swiper {top:26.13%;left:3.66%;width:92.68%;height:auto;}
	#sec2 .sec2_h4 {top: 19.5%;left: 42.67%;font-size:63px;font-size: 12.15vw;color:#DE3;line-height: 1.1;}
	#sec2 .sec2_h3 {top: -4.47%;left: 31.26%;font-size:139px;font-size: 21.77vw;color:#DE3}
	#sec2 .sec2_light {top: 21.15%;left: 15.76%;width: 50.66%;height:auto;}
#sec2 .sec2_p {
    text-align: center;
    top: 55%;
    left: 7%;
    font-size: 30px;
    font-size: 5vw;
    width: 86%;
    color: #FFF;
    line-height: 1.5;
}
	@media(min-width:641px){
	#sec2 {position:relative;margin:auto;width:100%;max-width:1440px;}
	#sec2 .Background {top:0%;left:0%;width:100%;height:auto;}
	#sec2 .sec2_global {        top: 33%;
        left: 5.83%;
        width: 43.82%;
        height: auto;}
    #sec2 .sec2_global2 {        
        top: 60%;
        left: 20.83%;
        width: 60.82%;
        height: auto;}
	#sec2 .sec2_swiper {top:26.13%;left:3.66%;width:92.68%;height:auto;}
	#sec2 .sec2_h4 {
                top: 32.82%;
                left: 48%;
                font-size: 63px;
                font-size: 4vw;
                color: #DE3;
                line-height: 1.1;
    }
	#sec2 .sec2_h3 {
        top: -2.47%;
        left: 43.26%;
        font-size:139px;
        font-size: 8.77vw;
        color:#DE3
        }
	#sec2 .sec2_light {        top: 31.15%;
        left: 35.76%;
        width: 19.66%;
        height: auto;}
	#sec2 .sec2_p {
        top: 59.51%;
        left: 25%;
        font-size: 30px;
        font-size: 1.75vw;
        color: #FFF;
        line-height: 1.5;
        text-align: center;
        width: 50%;
    }
  }
	@media(min-width:1367px){
        #sec2 .sec2_light {        top: 30.15%;
        left: 35.76%;
        width: 19.66%;
        height: auto;}
		#sec2 .sec2_h4{font-size: 52px;}
		#sec2 .sec2_h3{font-size: 121px;}
		#sec2 .sec2_p{font-size: 25px;}
	}
  	/*--- sec3 ---*/
  	#sec3 {position:relative;margin:auto;width:100%;max-width:1440px;overflow:hidden;
    }
    #sec3_bg {position:relative;margin:auto;width:100%;
            background: url(../images/light_footer.png) bottom right no-repeat;
    }
  	#sec3 .Background {top:0%;left:0%;width:100%;height:auto;}
  	#sec3 .sec3_h5 {top: 17.89%;left: 5%;width: 90%;font-size:32px;font-size: 7vw;text-align: center;color:#A3EE4D;line-height: 1.2;}
  	#sec3 .sec3_p {top: 50%;left: 10%;width: 80%;font-size:20px;font-size: 5.15vw;text-align: center;color:#FFF}
    #sec3 .sec3_p2 {top: 67%;left: 2.5%;width: 95%;font-size:20px;font-size: 5.15vw;text-align: center;color:#FFF}
  	#sec3 .sec3_ookla {top: 4%;left: 26.5%;width: 44%;height:auto;}
	@media(min-width:641px){
    	#sec3 {position:relative;margin:auto;width:100%;max-width:1440px;overflow:hidden}
    	#sec3 .Background {top:0%;left:0%;width:100%;height:auto;}
    	#sec3 .sec3_h5 {
            top: 25.89%;
        left: 16%;
        width: 67.61%;
        font-size:32px;font-size:2.25vw;text-align: center;}
    	#sec3 .sec3_p {top:47%; left:8.78%; width:82.58%; font-size:20px;font-size:1.41vw;text-align: center;color:#FFF}
      #sec3 .sec3_p2 {top:57%; left:8.78%; width:82.58%; font-size:20px;font-size:1.41vw;text-align: center;color:#FFF}
    	#sec3 .sec3_ookla {
            top: 3%;
        left: 39%;
        width: 22%;
        height: auto;
        }
  }
  	@media(min-width:1367px){
  		#sec3 .sec3_h5{font-size:38px;}
  		#sec3 .sec3_p{font-size:23px;}
      #sec3 .sec3_p2{font-size:20px;}
  	}
.ani_set {
    visibility: hidden;
}
.swiper-thumb.swiper-container{padding-bottom: 50px;}
.swiper-thumb .swiper-pagination-bullet.swiper-pagination-bullet {
    background: #ffffff;
    opacity: 1;
    margin: 0 7px !important;
}
.swiper-thumb .swiper-pagination-bullet-active.swiper-pagination-bullet-active {
    background: #b2d234;
}
.font_green_c{color: #aad407;}
.card_bd{
    /* background: url(../images/bg_bordercard.jpg) #000000 center top no-repeat; background-size: 100% 100%; */
    /* padding: 1px; */
    /* -webkit-border-top-left-radius: 20px; */
    -moz-border-radius-topleft: 20px;
    /* border-top-left-radius: 20px; */
    overflow: hidden;
    }
.card_bd_in{border: 3px solid #fff;-webkit-border-radius: 12px;-webkit-border-bottom-right-radius: 24px;-moz-border-radius: 12px;-moz-border-radius-bottomright: 24px;border-radius: 10px;border-bottom-right-radius: 30px;background: #FFFFFF;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 58%, rgba(232, 232, 232, 1) 100%);}
.card_bd_in1{padding: 0 15px; padding-bottom: 10px;
}
.card_bd_in3{padding: 0 15px;/* padding-top: 10px; */padding-bottom: 10px;/* background: url(../images/Card_bg_03.jpg) center top;background-size: 100% 100%; */}
.card_txt1{    font-size: 15px;
    /* text-align: center; */
    color: #000;
    padding: 15px 0px 10px 0px;}
.card_txt2{font-size: 25px;
    color: #000; line-height: 1; padding-top: 10px;
}
.card_txt2 span{
    /* color: #aad407;  */
    color: #3A2;
}
.card_txt3{font-size: 15px;
    color: #000;padding-top: 10px;
}
.card_line{width: 100%; height: 35px; background: url(../images/Card_bg_02.jpg) center center; background-size: 100% 100%;margin-top: -1px;display: none;}
.card_bd_in table {
    width: 100%;
    border-spacing: 0;
}
td.card_left{ text-align: left;
}
td.card_right{ text-align: right;}
.card_txt4{
    font-size: 13px;
    color: #000;
    font-family: akrobatbold, db_heaventbold_cond !important;
}
.card_txt5{
    font-size: 24px;
    line-height: 1.1;
    color: #3A2;
    font-family: akrobatextrabold, db_heaventbold_cond !important;
}
.card_txt6{
    font-size: 17px;
    line-height: 1.1;
    color: #000;
    font-family: akrobatregular, db_heavent_cond !important;
}
@media only screen and (max-width: 1366px){
/* .bg_all {
  background: url(../images/bg_pc1366_01.jpg) center top no-repeat, url(../images/bg_pc1366_03.jpg) center bottom no-repeat, url(../images/bg_pc1366_02.jpg) center center repeat;
  background-size: 100% auto, 100% auto, 100% 100%;
} */
}
@media only screen and (max-width: 640px){
.card_txt3{font-size: 16px;
}
/* section.thumb {
    padding-top: 20px;
    margin-bottom: 30px;
} */
/* .bg_all {
  background: url(../images/bg_mb_01.jpg) center top no-repeat, url(../images/bg_mb_03.jpg) center bottom no-repeat, url(../images/bg_mb_02.jpg) center center repeat;
  background-size: 100% auto, 100% auto, 100% 100%;
} */
}
@media only screen and (max-width: 992px){
.highlight {
    margin-top: 22px;
}
}
@media screen and (max-width: 1200px){
.hand_touch {
    position: absolute;
    z-index: 5;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    background: url(../images/touch.gif) no-repeat center;
    background-size: 100% 100%;
    border-radius: 500px;
    opacity: 0.8;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
}
/*-------- Media Query --------*/
/*--- Tablet ---*/
.card_txt2{height: 85px;}
.card_txt3{height: 56px;}
.card_bd_in3{height: 110px;}
@media(min-width:480px){}
@media(min-width:641px){
  section.content{padding:60px 30px}
  bt{padding:8px 30px}
}
@media(min-width:768px){}
/*--- Large Desktop PC */
@media(min-width:1200px){}
@media(min-width:1366px){}
@media(max-width:1024px){
    #sec3 {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 1440px;
    overflow: hidden;
    }
    #sec3_bg {
        background: url(../images/light_footer.png) bottom right no-repeat;
    background-size: 80% 80%;
    }

	}
@media(max-width:640px){
    #sec3_bg {
    background: url(../images/light_footer.png) bottom right no-repeat;
    background-size: 100% 45%;
    }

	}
/*--- highlight ---*/
  #AIS_Brand_OOKLA_2025 {position:relative;margin:auto;width:100%;max-width:640px;overflow:initial}
	#AIS_Brand_OOKLA_2025 .New-Ciyt_highlight_Mb {top:-10.27%;left:0%;width:100%;height:auto;}
  #AIS_Brand_OOKLA_2025 .OOKLA-txt2 {top:81.8%; left:8.59%; font-size:9px;font-size:2.35vw;color:#233}
  #AIS_Brand_OOKLA_2025 .OOKLA-txt1 {top:77.67%; left:8.59%; font-size:11px;font-size:3.2vw;color:#000}
  #AIS_Brand_OOKLA_2025 .Logo-OOKLA {
    top: 77.07%;
    left: 22.34%;
    width: 13.25%;
    height: auto;
    font-size: 0;
    vertical-align: bottom;
  }
  #AIS_Brand_OOKLA_2025 .best_isp_video_experience {top:61.63%;left:-0.78%;width:14.06%;height:auto;}
  #AIS_Brand_OOKLA_2025 .best_isp_gaming_experience {top:59.93%;left:2.5%;width:17.5%;height:auto;}
  #AIS_Brand_OOKLA_2025 .best_mobile_gaming_experience {top:57.45%;left:6.41%;width:22.03%;height:auto;}
  #AIS_Brand_OOKLA_2025 .best_5g_gaming_experience {top:54.63%;left:11.41%;width:27.66%;height:auto;}
  #AIS_Brand_OOKLA_2025 .fastest_mobile_network {top:50.9%;left:17.81%;width:35%;height:auto;}
  #AIS_Brand_OOKLA_2025 .best_mobile_network {top:46.5%;left:25.94%;width:42.97%;height:auto;}
  #AIS_Brand_OOKLA_2025 .fastest_fixed_network {top:41.31%;left:35.94%;width:52.97%;height:auto;}
  #AIS_Brand_OOKLA_2025 .fastest_5g_network {top:34.65%;left:48.28%;width:65.31%;height:auto;}
  #AIS_Brand_OOKLA_2025 .highlight-h2 {top:31.72%; left:9.06%; font-size:16px;font-size:5.4vw;color:#000}
  #AIS_Brand_OOKLA_2025 .highlight-h1 {top:22.8%; left:8.91%; font-size:30px;font-size:8.5vw;color:#063}
  #AIS_Brand_OOKLA_2025 .Logo-5G {top:6.43%;left:5.31%;width:17.34%;height:auto;}
  #AIS_Brand_OOKLA_2025 .Logo-Fibre {top:8.24%;left:30.62%;width:39.84%;height:auto;}

  @media(min-width:641px){
    /*--- highlight ---*/
  	#AIS_Brand_OOKLA_2025 {max-width:1440px;}
    #AIS_Brand_OOKLA_2025 .New-Ciyt_highlight_Pc {top:0%;left:-19.44%;width:138.89%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .OOKLA-txt2 {top:83.91%; left:9.65%; font-size:12px;font-size:0.8vw;color:#233}
  	#AIS_Brand_OOKLA_2025 .Logo-OOKLA {top:78.28%;left:13.33%;width:5.49%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .OOKLA-txt1 {top:80.16%; left:9.65%; font-size:13px;font-size:0.87vw;color:#233}
  	#AIS_Brand_OOKLA_2025 .best_isp_video_experience {top:61.41%;left:29.44%;width:8.4%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .best_isp_gaming_experience {top:58.12%;left:31.39%;width:10.49%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .best_mobile_gaming_experience {top:53.44%;left:33.68%;width:13.33%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .best_5g_gaming_experience {top:47.97%;left:36.74%;width:16.74%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .fastest_mobile_network {top:41.09%;left:40.56%;width:21.11%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .best_mobile_network {top:32.81%;left:45.49%;width:25.97%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .fastest_fixed_network {top:22.97%;left:51.53%;width:31.94%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .fastest_5g_network {top:10.78%;left:58.96%;width:39.51%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .highlight-h2 {top:41.09%; left:9.31%; width:27.43%; font-size:27px;font-size:1.8vw;text-align: center;color:#000}
  	#AIS_Brand_OOKLA_2025 .highlight-h1 {top:32.03%; left:12.36%; width:20.97%; font-size:46px;font-size:3.07vw;text-align: center;color:#063}
  	#AIS_Brand_OOKLA_2025 .Logo-5G {top:8.75%;left:7.5%;width:7.71%;height:auto;}
  	#AIS_Brand_OOKLA_2025 .Logo-Fibre {top:11.25%;left:18.75%;width:17.71%;height:auto;}
  }

  @media(min-width:1441px){
    /*--- highlight ---*/
		#AIS_Brand_OOKLA_2025 .OOKLA-txt2{font-size:12px;}
		#AIS_Brand_OOKLA_2025 .OOKLA-txt1{font-size:13px;}
		#AIS_Brand_OOKLA_2025 .highlight-h2{font-size:27px;}
		#AIS_Brand_OOKLA_2025 .highlight-h1{font-size:46px;}
	}
/* start layout */
/* *:lang(en) ใช้ในกรณีหน้า en */