.drop-width{left: 0; right: auto;width:290px;} .header { z-index: 99; background: #FFFFFF; margin-bottom: 0; border: 0; -webkit-box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.1); -moz-box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.1); box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.1); } .header .navbar { margin: 0; min-height: 41px; } .header .navbar-default { border: none; background: none; z-index: 19; position: relative; } .header .navbar-collapse { position: relative; } /*Brand*/ .header .navbar-brand { z-index: 1; top: 0px; position: relative; padding: 0; /*height: 65px;*/ } .header .navbar-brand img{ height: 100%; max-height:55px; margin-top:10px; } .topbar { z-index: 20; padding: 0px 0 3px; position: relative; } .topbar ul.loginbar { margin: 0; background: #C0C0C0; padding: 0; } .topbar ul.loginbar > li { display: inline-block; list-style: none; position: relative; float: left; } .topbar ul.loginbar > li:hover > a, .topbar ul.loginbar > li > a.active{ background: #c40d42; } .topbar ul.loginbar > li > a, .topbar ul.loginbar > li > a:hover { color: #ffffff; font-size: 11px; line-height: 11px; padding: 8px 14px 6px; display: inline-block; text-transform: uppercase; text-decoration: none; border-right: 1px solid #FFFFFF; } .topbar ul.dropdown-menu{margin-top: 0;} .header .navbar-nav { float: right; position: relative; padding-top: 20px; } .header .navbar-default .navbar-nav > li > a { color: #003399; text-transform: uppercase; padding: 10px !important; font-weight:700 !important; } .header .navbar-default .navbar-nav > li.home > a { /*text-indent: -9999px;*/ min-width: 30px; width: 100%; /*height: 33px;*/ padding-left: 0; outline: none; background: url(../img/menu/home-icon.png) no-repeat center ; } .header .navbar-default .navbar-nav > li:hover > a, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > .open > a{ color: #666; background: url(../images/menu-bottom-border.png) center bottom repeat-x; } .header .navbar-default .navbar-nav > li.home:hover > a, .header .navbar-default .navbar-nav > li.home > a:focus, .header .navbar-default .navbar-nav > li.home > a.active { background-image: url(../images/home-icon.png), url(../images/menu-bottom-border.png); background-repeat: no-repeat, repeat-x; background-position: center center, center bottom; background-size:20px auto; height:35px; } .header .navbar-offcanvas.navbar-default.in .navbar-nav > li.home > a{ /*background-position: 10px 0px;*/ background-color: #c0c0c0; } .header .navbar-offcanvas.navbar-default.in .navbar-nav > li.home.active > a{ /*background-position: 10px -66px;*/ background-color: #003399; } .header .navbar-default .navbar-nav > .active > a { color: #72c02c; } .header .navbar-right .dropdown-menu { right: inherit; } /*Breadcrumb*/ #divBreadcrumb{background: #7b7b7b;position: relative;} #divBreadcrumb .container{width: 94%; padding: 0;} .breadcrumb {padding: 7px 0 2px; background: none; position: relative; margin: 0; font-size: 0.9em; color: #FFFFFF;} .breadcrumb > li + li:before{ font-family: 'FontAwesome'; content: '\f105'; } .breadcrumb a { color: #FFFFFF; text-decoration: none;} .breadcrumb li.active, .breadcrumb li a:hover { color: #333333; text-decoration: none; } .open > .dropdown-menu{display: none;} .dropdown-menu{min-width: 160px; padding: 0;} .dropdown-menu > li{border-bottom: 1px solid #666666;} .dropdown-menu > li > a{color: #FFFFFF; background: #3c3a39; font-size: 0.9em; position: relative; padding-top:8px;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background: #666; color: #FFF;} .dropdown-menu > li > a > i{position: absolute; right: 5%; } .dropdown-menu > li > ul{list-style: none; padding: 0; margin: 0; background: #696868; max-height: 0; overflow: hidden; transition: max-height 0.50s ease-in-out;} .dropdown-menu > li > ul li {} .dropdown-menu > li > ul li a{padding: 5px 20px; color: #FFFFFF; font-size: 0.9em; text-decoration: none; display: block;} .dropdown-menu > li > ul li a:hover, .dropdown-menu > li > ul li a:focus{background: #003399; color: #FFF;} .dropdown-menu > li > a .span_img{display: inline-block; vertical-align: middle; width: 50%; min-height: 40px; position: relative; top: -8px; margin-bottom: -13px; margin-right: 15px; background-size: 100% auto; background-repeat: no-repeat; margin-left: -20px; background-color: #494847; background-position: bottom left;} .dropdown-menu > li > a .span_img.span_img_celcom{background-image: url('../images/icons/menu/celcom-inactive.png');} .dropdown-menu > li > a .span_img.span_img_xl{background-image: url('../images/icons/menu/xl-inactive.png');} .dropdown-menu > li > a .span_img.span_img_dialog{background-image: url('../images/icons/menu/dialog-inactive.png');} .dropdown-menu > li > a .span_img.span_img_smart{background-image: url('../images/icons/menu/smart-inactive.png');} .dropdown-menu > li > a .span_img.span_img_robi{background-image: url('../images/icons/menu/robi-inactive.png');} .dropdown-menu > li > a .span_img.span_img_ncell{background-image: url('../images/icons/menu/ncell-inactive.png');} .dropdown-menu > li > a .span_img.span_img_idea{background-image: url('../images/icons/menu/idea-inactive.png');} .dropdown-menu > li > a .span_img.span_img_m1{background-image: url('../images/icons/menu/m1-inactive.png');} .dropdown-menu > li > a .span_img.span_img_multinet{background-image: url('../images/icons/menu/multinet-inactive.png');} .dropdown-menu > li > a .span_img.span_img_edotco{background-image: url('../images/icons/menu/edotco-inactive.png');} .dropdown-menu > li > a .span_img.span_img_axiatadigital{background-image: url('../images/icons/menu/axiatadigital-inactive.png');} .dropdown-menu > li > a:hover .span_img{background-color: #FFFFFF;} .dropdown-menu > li > a:hover .span_img.span_img_celcom{background-image: url('../images/icons/menu/celcom.png');} .dropdown-menu > li > a:hover .span_img.span_img_xl{background-image: url('../images/icons/menu/xl.png');} .dropdown-menu > li > a:hover .span_img.span_img_dialog{background-image: url('../images/icons/menu/dialog.png');} .dropdown-menu > li > a:hover .span_img.span_img_smart{background-image: url('../images/icons/menu/smart.png');} .dropdown-menu > li > a:hover .span_img.span_img_robi{background-image: url('../images/icons/menu/robi.png');} .dropdown-menu > li > a:hover .span_img.span_img_ncell{background-image: url('../images/icons/menu/ncell.png');} .dropdown-menu > li > a:hover .span_img.span_img_idea{background-image: url('../images/icons/menu/idea.png');} .dropdown-menu > li > a:hover .span_img.span_img_m1{background-image: url('../images/icons/menu/m1.png');} .dropdown-menu > li > a:hover .span_img.span_img_multinet{background-image: url('../images/icons/menu/multinet.png');} .dropdown-menu > li > a:hover .span_img.span_img_edotco{background-image: url('../images/icons/menu/edotco.png');} .dropdown-menu > li > a:hover .span_img.span_img_axiatadigital{background-image: url('../images/icons/menu/axiatadigital.png');} li.dropdown-operating .dropdown-menu li a{overflow: hidden;} /* .dropdown-menu li:hover .sub-menu { visibility: visible; } */ .dropdown:hover .dropdown-menu { display: block; } .li-special-category{font-size: 0.8em;} .li-special-category span{background: #3c3a39; padding: 8px 20px 3px; color: #999999; display: block; text-transform: uppercase; } #content.homepage-grid{overflow: hidden; background: #ccc;} .homepage-grid {clear: both;margin: auto;overflow: hidden;width: 100%;} .homepage-grid article{float: left;overflow: hidden;} .homepage-grid div.hitArea{float: left;} .homepage-grid article, .homepage-grid article.grid1x1{width: 25%; } .homepage-grid article.grid1x1{background:#CCCCCC;} .homepage-grid div.hitArea article{width: 100%;} .homepage-grid article.grid2x1, .homepage-grid div.grid2x1{width: 75%; background:#FFFFFF;} .homepage-grid article.grid2x2, .homepage-grid div.grid2x2{width: 50%;} .homepage-grid article.gridfull, .homepage-grid div.gridfull{width: 100%;} .homepage-grid div.hitArea article.col-xs-3{width: 25%; float: left;} .grid-content-container{position: relative;} .grid-content-container img{max-width: 100%;} .grid-content-container .overlay-text{position: absolute; top: 85%; height: 100%; width: 100%; background: url('../img/grey-overlay-85.png') repeat; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .grid-content-container#art-key-highlights .overlay-text{top: 75%;} .grid-content-container#art-board-of-director .overlay-text{top: 81%;} .grid-content-container .centered {padding: 6%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .grid-content-container .centered.animate{opacity: 0; -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear; transition:opacity .15s linear;} .grid-content-container.hover .centered.animate{opacity: 1;} .grid-content-container .overlay-text p{color: #FFFFFF; font-size: 0.9em; vertical-align: middle;} .grid-content-container .overlay-text p.title{font-family: 'axiatabold'; font-size: 1.4em; line-height: 1.1em;} .grid-content-container .overlay-text h3, .grid-content-container a .overlay-text h3{position: absolute; top: 15px; left: 6%;font-family: 'axiatabold'; font-size: 1.3em; color: #FFFFFF; margin: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .grid-content-overlay.hover .overlay-text, .grid-content-container#art-key-highlights.hover .overlay-text, .grid-content-container#art-board-of-director.hover .overlay-text{top: 0%;} .grid-content-overlay.hover .overlay-text h3{opacity: 0;} .moto-title{font-family: 'axiatabold'; font-size: 1.7em; line-height: 1.2em; color: #FFFFFF;} .moto-title strong{color: #333333;} /*Grid contents*/ .grid-contents{} .grid-contents img{max-width: 100%;} .grid-contents .grid-content-overlay-text{position: absolute; top: 0; padding: 6% 10%; width: 100%; color: #333333; font-size: 1.1em; line-height: 1.2em;} .grid-contents .grid-content-overlay-text b, .grid-contents .grid-content-overlay-text strong{color: #0b4ea2; font-family: 'axiatabold';} .div_ArticleContent{padding-bottom: 40px;} /*Top Banner*/ .divTopBanner{ position: relative; z-index: 2; -webkit-box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.45); -moz-box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.45); box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.45); } .divTopBanner .centered{padding: 5%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .divTopBanner img{max-width: 100%;} .divTopBanner .top-banner-overlay-text{position: absolute; height: 100%; width: 100%;} .divTopBanner .top-banner-overlay-text p{color: #FFFFFF; font-size: 0.9em; vertical-align: middle;} .divTopBanner .top-banner-overlay-text p.title{font-family: 'axiatabold'; font-size: 1.4em;} /*Side Banners*/ .divSideBanners{position: relative;} .divSideBanners .centered{padding: 5% 7%; position: relative; } .divSideBanners img{max-width: 100%;} .divSideBanners .side-banner-overlay-text{position: absolute; bottom: 0; height: auto; width: 100%; background: url('../img/grey-overlay-85.png') repeat; } .divSideBanners:nth-child(2) .side-banner-overlay-text{bottom: 20px;} .divSideBanners .side-banner-overlay-text p{color: #FFFFFF; font-size: 0.9em; line-height: 1.2em;vertical-align: middle;} .divSideBanners .side-banner-overlay-text p.title{font-family: 'axiatabold'; font-size: 1.4em;} .rslides_tabs{position: absolute; bottom: 0px; z-index: 3; width: 100%; text-align: center; } .rslides_tabs li {display: inline;float: none;margin-right: 1px;} .rslides_tabs a{width: auto;line-height: 20px;padding: 9px 10px;height: auto;background: transparent;display: inline;} .rslides_tabs .rslides_here a{color: #fff;font-weight: bold;} /*Video*/ #video-main {overflow:hidden;width:100%;height:100%;background:#cccccc;} #video-main video {height: auto;} #video-main video img{max-width: 100%;} #video-moment-img{width: 100%; height: auto;} #video-moment-img img{max-width: 100%;} .is-vertical {left: 0!important;top: 50%!important;} #art-landing-video{position: relative;} .video-text{position: absolute; width: 35%; top: 20%; left: 50%; z-index: 3;} .video-text img{max-width: 100%;} #divNewsPopup{width: 798px; height: auto; max-width: 100%;} #divNewsPopup img{max-width: 100%;} /*Feature slider*/ .slick-slider{margin: 0;} .slick-prev, .slick-next{margin-top: -25px;height: 50px;} .slick-prev:before, .slick-next:before{font-family: "FontAwesome"; font-size: 50px;} .slick-prev:before {content: "\f104";} .slick-next:before {content: "\f105";} #div-main-feature-slider{width: 75%; position: absolute; z-index: 1; top: 70%; left: 12.5%;} #div-main-feature-slider .slider-item-link{width: 95%; margin: 0 auto; display: block; } #div-main-feature-slider .slider-item{background: url('../img/grey-overlay-85.png') repeat; border: 1px solid #666666; display: table; table-layout: fixed; width: 100%;} #div-main-feature-slider .slider-item .thumb{width: 44%; /*float: left; */overflow: hidden; display: table-cell;} #div-main-feature-slider .slider-item .thumb img{max-width: 100%; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } #div-main-feature-slider .slider-item-link:hover .thumb img{ opacity: .7; -webkit-transform: scale(1.2,1.3); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.2,1.3); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; position: relative; } #div-main-feature-slider .slider-item .title{width: 56%; /*float: left;*/ color: #FFFFFF; font-size: 1.1em; display: table-cell; vertical-align: middle;} #div-main-feature-slider .slider-item .title p{ /*padding: 5% 0 0 10%; margin-top: 10%;*/ padding: 0; margin: 0 0 0 7%; } /*Content*/ #divContents{overflow: hidden;} /*Footer*/ #ftr_Main{ min-width: 1200px; /*background: url('../img/footer/footer-bg.gif') center left no-repeat;*/ width: 100%; position: absolute; z-index: 99; /* bottom: -38px; */ bottom: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.45); } #ftr_Main .ftr_MainCover{background: url('../img/footer/footer-bg.gif') center left no-repeat; background-size: 100% auto; display:none;} #ftr_Main .ftr_CoCover{background: #000; color: #FFFFFF; padding: 10px 0 5px;} #ftr_Main .ftr_CoCover p{font-size: 0.85em; margin: 0; line-height: 1em;} /*#ftr_Main.hover{bottom: -2px;}*/ #ftr_Main .container{width: 75%; color: #FFFFFF; } #ftr_Main .container ul{list-style: none; padding: 0; margin: 0; clear: both;} #ftr_Main .container ul li{display: block; float: left;} #ftr_Main .container ul li a{padding: 10px 5px 5px; display: block; color: #FFFFFF; text-align: center; border-left: 1px solid #4372ac;} #ftr_Main .container ul li p{margin: 10px 0 0; line-height: 1.1em;} #ftr_Main .container ul li a img{max-width: 90%;} #ftr_Main .container .footer-link-left{width: 81%; float: left;} #ftr_Main .container .footer-link-right{width: 19%; float: left;} #ftr_Main .container .footer-link-left li{width: 17%;} #ftr_Main .container .footer-link-left li.p-report{width: 32%;} #ftr_Main .container .footer-link-right li{width: 49%;} #ftr_Main .container .footer-link-right li:first-child a{border: 0px;} #ftr_Main .container .footer-link-right li a{ border-color: #68676c; padding: 15px 5px 9px;} #ftr_Main .container .footer-link-right li a img{max-width: 60%;} /*Board of directors*/ .col-directors{padding-left: 10px; padding-right: 10px; position: relative; text-align: right;} .col-directors a, .col-directors div.gradient-grey{display: block; width: 100%; height: 100%; position: relative; background: url('../img/grid-bg/white-grey.gif') center bottom repeat-x; overflow: hidden;} .col-directors .div-detail{position: absolute; left: 5%; top: 20%; text-align: left; width: 55%;} .col-directors .div-detail span{color: #393840; display: block; font-size: 0.9em; line-height: 1.2em;} .col-directors .div-detail span span{font-style: italic;} .col-directors .div-detail span.span_name{color: #0b4ea2; font-family: 'axiatabold'; font-size: 1em; line-height: 1.1em; margin-bottom: 2px;} .col-directors img{max-width: 50%; } /*Director detail page*/ .div-director{color: #666666; font-size: 1em;} .div-director .div-profile-img{text-align: right; position: relative;} .div-director .div-profile-img img{max-width: 100%;} .div-director .div-profile-img .a_Back{position: absolute; top: 0; left: 0; text-decoration: none;} .div-director .div-profile-detail{ margin-top: 20%; margin-left: 10%;} .div-director .p_name{color: #0b4ea2; font-family: 'axiatabold'; font-size: 1.2em; margin-bottom: 0;} .div-director .p_position{} .div-director .p_position b{font-family: 'axiatabold';} .div-director .p_detail{margin-top: 25px;margin-bottom: 25px;} .div-director .p_detail b{font-family: 'axiatabold';} .div-director .div_text{} .div-director .div_text .p_text_title{font-size: 1.2em; font-family: 'axiatabold';} .tri-pattern{position: absolute; right: 0%; top: -2%; width: 40%; } .tri-pattern img{max-width: 100%;} .divDirectorsNav{ position: relative; z-index: 5; -webkit-box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.45); -moz-box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.45); box-shadow: 0px 4px 4px 0px rgba(75, 75, 75, 0.45); } .divDirectorsNav .col-md-6{padding: 0; position: relative;} .divDirectorsNav .col-md-6:before{content: "";display: block;margin-top: 100%;} .divDirectorsNav .col-md-6 a{position: absolute; line-height: 1.2em; top: 0;left: 0;bottom: 0;right: 0; height: 100%; text-decoration: none; display: block;} /*30% 13% 10% 25%*/ .divDirectorsNav .col-md-6 a.a_prev{background: #bbbbbb; color: #ffffff;} .divDirectorsNav .col-md-6 a.a_next{background: #909090; color: #ffffff; /*padding-right: 25%; padding-left: 13%; text-align: right;*/} .divDirectorsNav .col-md-6 a.a_next.news{text-align: right;} .divDirectorsNav .col-md-6 a p{position: absolute; padding: 0% 13% 0% 25%; top: 53%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0;} .divDirectorsNav .col-md-6 a.a_next.news p{padding-right: 25%; padding-left: 45%;} .divDirectorsNav .span_position{font-size: 0.85em;line-height: 1.2em;display: block; font-style: italic;} .divDirectorsNav .col-md-6 i{position: absolute; font-size: 3em; left: 5px; top: 40%; color: #FFFFFF;} .divDirectorsNav .col-md-6.div-angle-left i{} .divDirectorsNav .col-md-6.div-angle-right i{left: auto; right: 5px;} .div-profile-status{} .div-profile-status ul{padding:0; margin: 0; list-style: none; font-family: 'axiatabold'; color: #FFFFFF; font-size: 1.2em;} .div-profile-status ul li{background: #ababab; padding: 5% 5% 3%; margin-bottom: 3px;} .div-profile-status ul li a{color: #FFFFFF; text-decoration: none;display: block;} .div-profile-status ul li.active{background: #4d7cb7;} /*divCorporateStructure*/ #divCorporateStructure{padding-bottom: 50px; min-height: 720px; position: relative;} #divCorporateStructure #divOptions{width: 36%; float: left; position: relative; margin-bottom: 5%;} #divCorporateStructure #divOptions #divTreeViewLeader{width: 8.6%; position: absolute; top: -10px;} #divCorporateStructure #divOptions #divTreeViewLeader img{max-width: 100%;} #divCorporateStructure #divOptions #divMenus{/*margin-left: 8.6%;*/margin-top: 3%; margin-left: 38px;} #divCorporateStructure #divOptions #divMenus ul{list-style: none; margin: 0; padding: 0;} #divCorporateStructure #divOptions #divMenus ul li{margin: 0 0 2px; padding: 4% 15px 3%; background: #cecece; font-size: 0.9em; line-height: 1em; position: relative; } #divCorporateStructure #divOptions #divMenus ul li.hyperlink.active, #divCorporateStructure #divOptions #divMenus ul li.hyperlink:hover{background: #999999; color: #FFFFFF;} #divCorporateStructure #divOptions #divMenus ul li.blue{background: #c0d0e3;} #divCorporateStructure #divOptions #divMenus ul li.blue.active, #divCorporateStructure #divOptions #divMenus ul li.blue:hover{background: #39659c; color: #FFFFFF;} #divCorporateStructure #divOptions #divMenus ul li a{text-decoration: none; display: block; color: #666666;} #divCorporateStructure #divOptions #divMenus ul li i{position: absolute; right: 5px; top: 50%; margin-top: -7px; ;font-size: 15px; color: #FFFFFF;} #divCorporateStructure #divOptions #divMenus ul li.active a, #divCorporateStructure #divOptions #divMenus ul li:hover a, #divCorporateStructure #divOptions #divMenus ul li.blue.active a, #divCorporateStructure #divOptions #divMenus ul li.blue:hover a{color: #FFFFFF;} #divCorporateStructure #divOptions #divMenus ul li p, #divCorporateStructure #divOptions #divMenus ul li a p{margin-bottom: 0;} #divCorporateStructure #divOptions #divMenus ul li span, #divCorporateStructure #divOptions #divMenus ul li em{font-size: 0.8em; font-style: italic;} #divCorporateStructure #divOptions #divMenus ul li small{font-size: 11px; font-style: italic;} #divCorporateStructure #divOptions #divMenus ul li span.red{color: #f35a3b; font-style: normal; font-size: 1em;} #divCorporateStructure .img-chart{position: absolute; width: 200%; max-width: 200%; top: 0%; right: -202%; opacity:0; -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear; transition:opacity .15s linear;} #divCorporateStructure .img-chart.active{opacity: 1;} #divCorporateStructure img#aiCambodia.img-chart{} #divCorporateStructure img#aiIndia.img-chart{top: 40%;} #divCorporateStructure img#aiLabuan.img-chart{top: auto;bottom: -210%;} #divCorporateStructure img#aiSG.img-chart{max-width: 70%; width: 70%; right: -73%; top: -25%;} #divCorporateStructure img#aiDigital.img-chart{max-width: 90%; width: 90%; right: -92%; top: 35%;} #divCorporateStructure img#aiedotco.img-chart{max-width: 80%; width: 80%; right: -82%; top: 10%;} #divCorporateStructure #divTreeViews{position: absolute; z-index:2; width: 50%; bottom: 0; right: 2%;} #divCorporateStructure #divLegends{} #divCorporateStructure #divLegends img{max-width: 100%; position: relative; top: 0; left: 0; opacity: 1;} #divCorporateStructure #a_ViewChart{position: absolute; top: -50px; right: 0px;display: inline-block; padding: 10px 10px 5px; z-index:2; background: #cecece; color: #FFFFFF; text-decoration: none;} #divCorporateStructure #divOptions #divMenus ul li:before{ content: " "; display: block; width: 31px; height: 130%; position: absolute; left: -38px; top: -70%; background: url('../images/corporate/corporate-structure/tree-side-single.png') no-repeat; background-position: left bottom; } /*Award*/ .row.div-row-latest-award{display: table; height: 20%; margin-top: 2%;} .row.div-row-latest-award .col-md-4{display: table-cell; height: 140px; float: none; padding-left: 5px;padding-right: 5px;} .div-latest-news-box{height: 100%; background: #eaeaea url('../img/grid-bg/grid-border-blue.jpg') bottom center no-repeat; background-size: 100% auto; } .div-latest-news-box .centered {padding: 10% 7%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .row-milestones .div-latest-news-box .centered{top: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%);} .div-latest-news-box p{font-size: 1em;line-height: 1.1em; margin-bottom: 0;} .div-latest-news-box p.p_title{font-family: 'axiatabold';} .divPastAwards{margin-top: 2%;} .ul_AwardYears{list-style: none;padding: 0px; margin: 0;} .ul_AwardYears li{display: block;} .ul_AwardYears li a{display: block;text-decoration: none; background: #cecece; color: #333333; padding: 5% 5% 3%; margin-bottom: 2px; text-align: center; } .ul_AwardYears li.active a{background: #999999; color: #ffffff;} .divAwardsList{color: #333333; position: relative; } .divAwardsList .divAwardListItem{width: 100%; margin-bottom: 5%; background: #eaeaea; position: absolute; top: 0; left: 0; display: none; opacity:0; -webkit-transition:opacity .15s linear; -moz-transition:opacity .15s linear; transition:opacity .15s linear;} .divAwardsList .divAwardListItem.active{opacity:1;display: block; } .divAwardsList ul{padding: 0; margin: 0; list-style: none;} .divAwardsList ul li{padding: 2% 3%; background: url('../img/list-bottom-shadow.png') bottom center no-repeat; background-size: 95% auto;} .divAwardsList ul li b{font-family: 'axiatabold';} .divAwardsList ul li a{color: #0b4ea2;} .divAwardsList.divNews ul li{padding: 2% 3% 2% 5%;} .divAwardsList.divNews ul li a{font-family: 'axiatabold'; position: relative;text-decoration: none;} .divAwardsList.divNews ul li a i{position: absolute; left: -15px; top: -4px; color: #666666; font-size: 1.5em; } /*Corporate Governance*/ .divContentPDFList{} .divContentPDFList ul{list-style: none; padding: 0; margin: 0;} .divContentPDFList ul li{padding: 1% 2% 0%; background: #eaeaea; margin: 0 0 1px; position: relative; overflow: hidden;} .divContentPDFList ul li a{display: block; text-decoration: none; color: #666666; font-size: 0.9em;} .divContentPDFList ul li i{position: absolute; right: 0; top: 0; padding: 1%; color: #FFFFFF; background: #0b4ea2;} .divContentVerticalList{padding-top: 10px;} .divContentVerticalList ul{list-style: none; padding: 0; margin: 0;} .divContentVerticalList ul li{margin-bottom: 3px;} .divContentVerticalList ul li a{display: block; } .divContentVerticalList ul li a img{display: block; max-width: 100%;} .divContentVerticalList ul li.li-special-note{font-style: italic; padding-top: 10px; font-size: 0.9em;} .divContentVerticalList ul li.li-special-note a{display: inline;} .row-special-note{font-style: italic;font-size: 0.9em;} .inline-content{padding: 40px;} .inline-content ul li, .inline-content ol li{margin-bottom: 10px;} .inline-content p{margin-bottom: 15px;} /*Form*/ .form-horizontal .control-label{text-align: left;font-weight: normal;} .form-horizontal .form-group{margin-bottom: 8px;} .form-horizontal .form-group .asterik{color: #c40d42;} .form-horizontal .btn-ib.btn{background: #535353; color: #FFFFFF; padding: 8px 12px 5px; border-radius: 0;} .divGreyWrapper{background: #f1f1f1;} .valign-top td{padding-right: 10px;vertical-align: top;} /*AGM*/ .agm-items{position: relative; padding-bottom: 3%;} .agm-items .agm-item{position: absolute; top: 0; left: 0; display: none; opacity: 0; -webkit-transition:opacity .15s linear;transition:opacity .15s linear;} .agm-items .agm-item.active{opacity: 1; display: block; position: relative;} /*Opeating*/ /*Animate left to right*/ @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 1920px 0; } } @-moz-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 1920px 0; } } @-webkit-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 1920px 0; } } @-ms-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 1920px 0; } } @-o-keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 1920px 0; } } /*Animate opacity on off*/ @keyframes animatedOpacity { 0% { opacity: 0; } 50% { opacity: 1.0; } 100% {opacity: 0;} } @-moz-keyframes animatedOpacity { 0% { opacity: 0; } 50% { opacity: 1.0; } 100% {opacity: 0;} } @-webkit-keyframes animatedOpacity { 0% { opacity: 0; } 50% { opacity: 1.0; } 100% {opacity: 0;} } @-ms-keyframes animatedOpacity { 0% { opacity: 0; } 50% { opacity: 1.0; } 100% {opacity: 0;} } @-o-keyframes animatedOpacity { 0% { opacity: 0; } 50% { opacity: 1.0; } 100% {opacity: 0;} } #divRegionMapContainer{width: 200%; overflow: hidden;} #divRegionalMap{position: relative; width: 50%; float: left; } #divRegionalMap img.map{max-width: 100%;} #divRegionalMap div.cloud{ position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/operating/map/cloud.png') 0 0 repeat-x; } #divRegionalMap div.cloud.animate{ animation: animatedBackground 80s linear infinite; -moz-animation: animatedBackground 80s linear infinite; -webkit-animation: animatedBackground 80s linear infinite; -ms-animation: animatedBackground 80s linear infinite; -o-animation: animatedBackground 80s linear infinite; } #divRegionalMap img.map-light{ position: absolute; z-index: 2; max-width: 100%; top: 0; left: 0; opacity: 0; } #divRegionalMap img.map-light.animate{ animation: animatedOpacity 5s ease infinite; -moz-animation: animatedOpacity 5s ease infinite; -webkit-animation: animatedOpacity 5s ease infinite; -ms-animation: animatedOpacity 5s ease infinite; -o-animation: animatedOpacity 5s ease infinite; } #divRegionalMap img.map-light-spark{ position: absolute; z-index: 3; max-width: 100%; top: 0; left: 0; opacity: 0; } #divRegionalMap img.map-light-spark.animate{ animation: animatedOpacity 2s ease-in infinite; -moz-animation: animatedOpacity 2s ease-in infinite; -webkit-animation: animatedOpacity 2s ease-in infinite; -ms-animation: animatedOpacity 2s ease-in infinite; -o-animation: animatedOpacity 2s ease-in infinite; } #divRegionalMap img.map-light-spark-2{ position: absolute; z-index: 4; max-width: 100%; top: 0; left: 0; opacity: 0; } #divRegionalMap img.map-light-spark-2.animate{ animation: animatedOpacity 3s ease-in infinite; -moz-animation: animatedOpacity 3s ease-in infinite; -webkit-animation: animatedOpacity 3s ease-in infinite; -ms-animation: animatedOpacity 3s ease-in infinite; -o-animation: animatedOpacity 3s ease-in infinite; } #divRegionalMap img.map-light-spark-3{ position: absolute; z-index: 5; max-width: 100%; top: 0; left: 0; opacity: 0; } #divRegionalMap img.map-light-spark-3.animate{ animation: animatedOpacity 4s ease-in infinite; -moz-animation: animatedOpacity 4s ease-in infinite; -webkit-animation: animatedOpacity 4s ease-in infinite; -ms-animation: animatedOpacity 4s ease-in infinite; -o-animation: animatedOpacity 4s ease-in infinite; } #divRegionalMap .div-text{position: absolute; z-index: 4; color: #FFF; left: 3%; bottom: 20%; width:35%;} #divRegionalMap .div-text h4{font-family: 'axiatabold'; font-size: 1.2em;} #divRegionalMap .div-text p{font-size: 0.9em; line-height: 1.2em;} #divRegionalMap .div-countries{position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%;} #divRegionalMap .div-countries .a-country{position: absolute; display: block; outline: none;} #divRegionalMap .div-countries .a-country img{max-width: 100%;} #divRegionalMap .div-countries .a-country#a-multinet{top: 5%; left: 22.5%; width: 9.5%;} #divRegionalMap .div-countries .a-country#a-robi{top: 9%; left: 45%; width: 7%;} #divRegionalMap .div-countries .a-country#a-idea{top: 29%; left: 33%; width: 7%;} #divRegionalMap .div-countries .a-country#a-smart{top: 34.6%; left: 59%; width: 9%;} #divRegionalMap .div-countries .a-country#a-dialog{top: 47.3%; left: 40.7%; width: 8.8%;} #divRegionalMap .div-countries .a-country#a-celcom{top: 56%; left: 51.6%; width: 10.5%;} #divRegionalMap .div-countries .a-country#a-ncell{top: 9%; left: 45%; width: 7%;} #divRegionalMap .div-countries .a-country#a-edotco{top: 58.5%; left: 61%; width: 4.6%;} #divRegionalMap .div-countries .a-country#a-m1{top: 68%; left: 61.2%; width: 6.0%;} #divRegionalMap .div-countries .a-country#a-xl{top: 79.6%; left: 65.9%; width: 9%;} .tooltipster-tail .regional-tooltip{color: #0b4ea2; font-size: 10px; line-height: 12px; font-family: 'axiatamedium'; background: #f1f1f1; padding: 15px 15px 10px;} .tooltipster-tail .regional-tooltip span{font-size: 14px; line-height: 16px; font-family: 'axiatabold'; color: #0b4ea2; } .tooltipster-tail .meetus-tooltip{display: block; color: #0b4ea2; font-size: 10px; line-height: 12px; font-family: 'axiatamedium'; background: #ffffff; padding: 10px 10px 10px; } .tooltipster-tail .meetus-tooltip a{display: block;} .tooltipster-tail .meetus-tooltip a.a-linkedin{font-size: 1.4em; margin-top: 5px; text-decoration: none;} .tooltipster-tail .meetus-tooltip a.a-linkedin i{font-size: 1.4em; vertical-align: middle; margin-left: 5px;} .tooltipster-tail .meetus-tooltip img{max-width: 100%;} #divRegionalMapDetail{width: 50%;position: relative; float: left; overflow: hidden;} #divRegionalMapDetail .divCompanyBanner{width: 50%;} #divRegionalMapDetail .divCompanyBanner img{max-width: 100%;} #divRegionalMapDetail .divCompanyDetails{width: 50%;} #divRegionalMapDetail .divCompanyDetails > .row{background: #aaaaaa;} #divRegionalMapDetail .divCompanyDetails .divTable{ } #divRegionalMapDetail .divCompanyDetails .divCompanyIntro{background: #aaaaaa; font-size: 1em; line-height: 1.1em; height: 100%; min-height: 290px; position: relative;} #divRegionalMapDetail .divCompanyDetails .divCompanyIntro h5{font-family: 'axiatabold'; font-size: 1.4em; color: #0b4ea2; margin-top: 10%;} #divRegionalMapDetail .divCompanyDetails .divCompanyIntro .a_IntroExpand{display: block; width: 36px; height: 36px; position: absolute; background: url('../img/a-more.gif') no-repeat; top: 0; right: 0; z-index: 11;} #divRegionalMapDetail .divCompanyDetails .divCompanyIntro .a_IntroExpandClose{display: block; width: 36px; height: 36px; position: absolute; background: url('../img/a-more.gif') no-repeat; top: 0; right: 0; z-index: 11;} #divRegionalMapDetail .divCompanyDetails .divCompanyIntro .divLongDesc{width: 0; height: 0; overflow: hidden; position: fixed; z-index: 10; background: #aaaaaa; right: 50%; margin-right: -25%; padding: 40px 0px 30px; top: 70px; color: #333333;} #divRegionalMapDetail .divCompanyDetails .divCompanyIntro .divLongDesc.expanded{overflow: visible;} #divRegionalMapDetail .divCompanyDetails .divCompanyIntro .divLongDesc .div_ArticleContentInner{padding: 0 30px 20px 10px;} #divRegionalMapDetail .divCompanyDetails .divCompanyIntro .divLongDesc .divTrivial{background: #696969; color: #FFFFFF; padding: 20px;} #divRegionalMapDetail .divCompanyDetails .divCompanyDetail{background: #eaeaea; height: 100%; min-height: 290px;} #divRegionalMapDetail .divCompanyDetails .divCompanyDetail .imgCompanyLogo img{max-width: 100%;} #divRegionalMapDetail .divCompanyDetails .divCompanyDetail .p_CompanyName{font-family: 'axiatabold'; color: #333333; line-height: 1.2em;} #divRegionalMapDetail .divCompanyDetails .divCompanyDetail .p_CompanyName a{color: #006699; text-decoration: underline; font-family: 'axiatamedium';} #divRegionalMapDetail .divCompanyDetails .divCompanyDetail .company-chart{max-width: 100%;} /*bottom grid hightlight*/ .media-landing-grid{} .media-landing-grid .grid-content-overlay{position: relative;} .media-landing-grid .grid-content-overlay.col-xs-3{padding-left: 0px;padding-right: 5px;} .media-landing-grid .grid-content-overlay.col-xs-3 .divRelative{overflow: hidden;} .media-landing-grid .grid-content-overlay .side-banner-overlay-text{position: absolute; z-index: 2; bottom: 0; height: auto; width: 100%; padding: 3% 10% 8%; background: url('../img/grey-overlay-85.png') repeat; } .media-landing-grid .grid-content-overlay .side-banner-overlay-text h3{ font-family: 'axiatabold'; font-size: 1.2em; color: #FFFFFF; margin: 5px 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .media-landing-grid .grid-content-overlay .side-banner-overlay-text p{color: #FFFFFF; font-size: 0.9em; vertical-align: middle;} .media-landing-grid .grid-content-overlay .side-banner-overlay-text p.title{font-family: 'axiatabold'; font-size: 1.4em;} .media-landing-grid .grid-content-overlay img{max-width: 100%; } /*.media-landing-grid .grid-content-overlay img{ max-width: 100%; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .media-landing-grid .grid-content-overlay:hover img{ -webkit-transform: scale(1.1,1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.1,1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } */ .media-landing-grid .overlay-text{top: 65%;} .media-landing-grid .overlay-text ul{padding-left: 20px;} .media-landing-grid .overlay-text ul li{color: #FFFFFF;} .overlap-highlight{width: 28%; position: absolute; top: 8%; right: 2.5%; z-index: 2; height: 100%; max-width: 550px; } .overlap-highlight-item{width: 100%; margin-bottom: 2%; overflow: hidden;} .overlap-highlight-item img{ max-width: 100%;} .overlap-highlight-item a{position: relative; display: block; width: 100%; height: 100%; } .overlap-highlight-item .overlap-highlight-text{position: absolute; z-index: 2; right: 0; width: 54%; height: 100%; background: url('../img/highlight-vertical.png') center right no-repeat; background-size: auto 100%;} .overlap-highlight-item .overlap-highlight-text p{color: #FFFFFF; font-size: 0.9em; line-height: 1.1em; margin-bottom: 0;} .overlap-highlight-item .overlap-highlight-text p.p_title{font-family: 'axiatabold'; font-size: 1.2em; margin-bottom: 10px;} .overlap-highlight-item .overlap-highlight-text .centered{padding: 6%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .overlap-highlight-item img{ display: block; max-width: 100%; -webkit-transform: scale(1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; transform: scale(1); transition-timing-function: ease-out; transition-duration: 250ms; } .overlap-highlight-item:hover img{ -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; transform: scale(1.1); transition-timing-function: ease-out; transition-duration: 250ms; } /*Media Kit*/ ul.media-kit-listing{padding: 0; margin: 10px auto; list-style: none;} ul.media-kit-listing li{display: inline-block; float: left; margin-right: 1px; margin-bottom: 1px;} ul.media-kit-listing li a{display: block;} ul.media-kit-listing li a img{display: block; max-width: 100%;} ul.corporate-presentation{padding: 0; margin: 10px auto; list-style: none;} ul.corporate-presentation li{display: table; margin-bottom: 4px; padding:15px 30px; background: #FFFFFF;} ul.corporate-presentation li .col-xs-10, ul.corporate-presentation li .col-xs-2{display: table-cell; float: none;} ul.corporate-presentation li p{font-size: 1em; line-height: 1.1em;} ul.corporate-presentation li p.title{font-family:'axiatabold'; color: #0b4ea2; position: relative; vertical-align: middle; margin-bottom: 2px;} ul.corporate-presentation li p.title i{color: #0b4ea2; font-size: 2em; position: absolute; left: -35px; top: -2px;} ul.corporate-presentation li .a_Download{font-family: 'axiatabold'; color: #FFFFFF; background: #666666; text-transform: uppercase; padding: 10px 15px 7px; text-decoration: none; position: absolute;top: 50%;margin-top: -20px;} /*News*/ .divNewsArticle{padding: 30px 40px;} .divNewsArticle ul{padding-left: 15px;} .divNewsArticle h3.subtitle{margin-top: 25px; margin-bottom: 5px;} ul.circle{list-style-type: circle;} ul.dash{list-style-type: none; padding-left: 0px;} ul.dash li:before{content:"- ";} /*Statement from CEO*/ .divPresidentMessageShort{width: 60%; max-width: 880px; position: absolute; top: 14%; left: 34%; background: url('../img/light-grey-overlay-80.png') repeat;} .divPresidentMessageShort .inner{padding: 12% 8% 5% 14%;} .divPresidentMessageShort .inner h2.title{margin-top: 0;} .divPresidentMessageShort .inner p{line-height: 1.3em;} .ceo-portrait{position: absolute; z-index: 2; left: 1%; top: 10%; max-width: 41% !important; max-height: 90%;} /*Career*/ .nav-career.nav-tabs{border: 0;} .nav-career li{width: 33%; } .nav-tabs.nav-career > li > a{outline: none;} .nav-tabs.nav-career > li.active > a{border: 0; } .nav-tabs.nav-career > li > a:hover{background: none; border: 0;} .nav-tabs.nav-career > li.active > a > img{border-bottom: 5px solid #c40543;} .nav-career li a img{max-width: 100%;} .tab-content-career{padding-left: 20px; padding-right: 20px; padding-top: 30px;} .tab-content-career .col-xs-4{padding-left: 5px; padding-right: 5px;} .tab-content-career .divTable{display: table;} .tab-content-career .divSameRow{display: table-row;} .tab-content-career .divSameRow .col-xs-4{display: table-cell; float: none; border-spacing: 5px;} .nuturing-info-chart{margin: 20px 0;} .col-xs-17{width: 14%; float: left; margin-right: 2px;} .col-xs-17 img{max-width: 100%;} .nuturing_title{font-family: 'axiatabold'; font-size: 1.3em; line-height: 1.2em;} ul.joinus-kit-listing{padding: 10px 10px 0; margin: 10px auto; list-style: none;} ul.joinus-kit-listing li{display: inline-block; float: left; padding-right: 5px; padding-left: 5px; margin-bottom: 10px;} ul.joinus-kit-listing li a{display: block;} ul.joinus-kit-listing li a img{display: block; max-width: 100%;} .panel{border: 0; border-radius: 0; margin-bottom: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none;} .panel-default > .panel-heading{background: none; border: 0; padding: 5px 15px;} .panel-title, .panel-title > a{color: #0b4eab; font-size: 1em; line-height: 1em; font-family: 'axiatamedium'; position: relative; padding-left: 10px;} .panel-title > a > i{position: absolute; left: -10px; font-size: 1.5em; top: -5px; color: #797979; } .panel-title > a > i:before{content: "\f0d7";} .panel-title > a.collapsed > i:before{content: "\f0da";} .panel-collapse{padding-left: 10px;} .panel-body{padding: 5px 25px;} #divMeetUsMap{} #divMeetUsMap .div-text{position: absolute; z-index: 1; color: #333333; left: 5%; top: 7%; } #divMeetUsMap .div-text-2{position: absolute; z-index: 1; color: #333333; right: 14%; top: 15%; } #divMeetUsMap .div-text h4{font-family: 'axiatabold'; font-size: 1.3em; color: #0b4ea2;} #divMeetUsMap .div-text p{font-size: 0.9em; line-height: 1.2em;} #divMeetUsMap .div-text-2 h4{font-family: 'axiatabold'; font-size: 1.1em; color: #0b4ea2;} #divMeetUsMap .div-text-2 p{font-size: 3em; line-height: 1em; color: #666666;} #divMeetUsMap .div-countries{position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%;} #divMeetUsMap .div-countries .a-service{position: absolute; display: block; outline: none;} #divMeetUsMap .div-countries .a-service img{max-width: 100%;} #divMeetUsMap .div-countries .a-service#a-multinet{top: 22%; left: 12%; width: 11.5%;} #divMeetUsMap .div-countries .a-service#a-robi{top: 27%; left: 32.5%; width: 8%;} #divMeetUsMap .div-countries .a-service#a-idea{top: 42.5%; left: 20.3%; width: 9%;} #divMeetUsMap .div-countries .a-service#a-smart{top: 47.5%; left: 53%; width: 10%;} #divMeetUsMap .div-countries .a-service#a-ncell{top: 27%; left: 32.5%; width: 8%;} #divMeetUsMap .div-countries .a-service#a-dialog{top: 56.3%; left: 28.7%; width: 8%;} #divMeetUsMap .div-countries .a-service#a-celcom{top: 61%; left: 50.5%; width: 8.5%;} #divMeetUsMap .div-countries .a-service#a-axiata{top: 61.5%; left: 42%; width: 9%;} #divMeetUsMap .div-countries .a-service#a-m1{top: 71%; left: 52.5%; width: 6.0%;} #divMeetUsMap .div-countries .a-service#a-xl{top: 83.6%; left: 58.2%; width: 7%;} #divServiceCompany{padding: 10px 0; margin-bottom: 20px;} #divServiceCompany .col-company-logo{max-width: 100%;} #divServiceCompany .col-company-detail{color: #333333; font-family: 'axiatabold'; line-height:1.2em; padding-top: 1.5%;} #divServiceCompany .col-company-detail a{color: #0b4ea2; font-family: 'axiatabook'; text-decoration: underline;} #divServiceCompany .col-linkedin a{font-family: 'axiatabold'; font-size: 1.1em; position: absolute; top: 30px;} #divServiceCompany .col-linkedin a i{font-size: 2.2em; color: #58595b; vertical-align: middle; margin-left: 10px;} .divMeetUsContainer .tri-pattern{width: 35%; top: -5%;} .divGMap{position: relative;} .divGMap .divMapDetail{width: 30%; height: 90%; top: 3%; right: 1%; position: absolute; padding: 2% 2%; background: url('../img/grey-overlay-85.png') repeat; color: #FFFFFF;} .divGMap .divMapDetail a{color: #FFFFFF;} .row.div-row-contact{display: table; height: 20%; margin-top: 2%; border-collapse: separate;border-spacing: 5px;} .row.div-row-contact .col-md-3{display: table-cell; height: 140px; float: none; padding-left: 5px;padding-right: 5px; background: #eaeaea; } .div-contact-box{padding: 10% 5% 5%;} .div-contact-box p{font-size: 1em;line-height: 1.1em; margin-bottom: 0; } .div-contact-box p.p_title{font-family: 'axiatabold'; color: #0b4ea2; margin-bottom: 15px;} .div-contact-box table{} .div-contact-box table td{padding: 0 10px 0 0; font-size: 0.9em; vertical-align: top;} .div-contact-box table td:last-child{padding-right: 0;} /*Contact Us Custom Dropdown*/ #divCustomServiceProviderDropdown{position: relative; z-index: 3;} #divCustomServiceProviderDropdown .spSelector{position: relative;} #divCustomServiceProviderDropdown .spSelector.active{background: #7b7b7b; font-size: 16px;} #divCustomServiceProviderDropdown .spSelector.active i{position: absolute; right: 10px; top: 8px; padding: 3px 7px; background: #a9a9a9;} #divCustomServiceProviderDropdown ul{overflow: hidden;list-style: none; padding: 0; margin: 0; position: absolute;top: 100%; z-index: 2;text-align: left;font-size: 14px;width: 100%; max-height: 0px; -webkit-transition: max-height 0.50s ease-in-out; -moz-transition: max-height 0.50s ease-in-out; transition: max-height 0.50s ease-in-out;} #divCustomServiceProviderDropdown ul.in{max-height:500px;} #divCustomServiceProviderDropdown ul li{border-bottom: 1px solid #666666;} #divCustomServiceProviderDropdown a{cursor: pointer; display: block; line-height: 1.42857143; white-space: nowrap; font-weight: normal; color: #FFFFFF;background: #3c3a39;font-size: 0.9em;position: relative; padding: 8px 15px 3px; clear: both; text-decoration: none; overflow: hidden;} #divCustomServiceProviderDropdown li a:hover{background-color: #003399;} #divCustomServiceProviderDropdown a .span_img{display: inline-block; vertical-align: middle; width: 50%; min-height: 40px; position: relative; top: -8px; left: -15px;margin-bottom: -13px; margin-right: 15px; background-size: 100% auto; background-repeat: no-repeat; background-position: bottom left;} #divCustomServiceProviderDropdown li a .span_img{background-color: #4a4949;} #divCustomServiceProviderDropdown a .span_img.span_img_axiata{background-image: url('../images/icons/menu/axiata-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_celcom{background-image: url('../images/icons/menu/celcom-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_xl{background-image: url('../images/icons/menu/xl-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_dialog{background-image: url('../images/icons/menu/dialog-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_smart{background-image: url('../images/icons/menu/smart-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_robi{background-image: url('../images/icons/menu/robi-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_ncell{background-image: url('../images/icons/menu/ncell-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_idea{background-image: url('../images/icons/menu/idea-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_m1{background-image: url('../images/icons/menu/m1-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_multinet{background-image: url('../images/icons/menu/multinet-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_edotco{background-image: url('../images/icons/menu/edotco-inactive.png');} #divCustomServiceProviderDropdown a .span_img.span_img_axiatadigital{background-image: url('../images/icons/menu/axiatadigital-inactive.png');} #divCustomServiceProviderDropdown li a:hover .span_img{background-color: #FFFFFF;} #divCustomServiceProviderDropdown .spSelector.active .span_img{background-color: #979797;} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_axiata, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_axiata{background-image: url('../images/icons/menu/axiata.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_celcom, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_celcom{background-image: url('../images/icons/menu/celcom.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_xl, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_xl{background-image: url('../images/icons/menu/xl.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_dialog, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_dialog{background-image: url('../images/icons/menu/dialog.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_smart, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_smart{background-image: url('../images/icons/menu/smart.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_robi, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_robi{background-image: url('../images/icons/menu/robi.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_ncell, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_ncell{background-image: url('../images/icons/menu/ncell.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_idea, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_idea{background-image: url('../images/icons/menu/idea.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_m1, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_m1{background-image: url('../images/icons/menu/m1.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_multinet, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_multinet{background-image: url('../images/icons/menu/multinet.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_edotco, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_edotco{background-image: url('../images/icons/menu/edotco.png');} #divCustomServiceProviderDropdown .spSelector.active .span_img.span_img_axiatadigital, #divCustomServiceProviderDropdown li a:hover .span_img.span_img_axiatadigital{background-image: url('../images/icons/menu/axiatadigital.png');} .service-items{position: relative; width: 100%;} .service-items .service-item{position: relative; top: 0; width: 100%; display: none;} .service-items .service-item.in{z-index: 2; display: block;} /*meet us*/ .col-directors.meet-us{padding-left: 5px;padding-right: 5px; padding-bottom: 25px; overflow: hidden;} .col-directors.meet-us img{max-width: 35%;} .col-directors.meet-us .div-detail{width: 60%; padding-right: 5%; height: 70%;} .col-directors.meet-us .div-detail .p_quote{font-style: italic; font-size: 0.9em; line-height: 1.2em; } .col-directors.meet-us .div-detail .p_detail{position: absolute; bottom: 0%;} .col-directors.meet-us .div-detail .p_detail .span_name{color: #333333;} .col-directors.meet-us .div-detail .p_detail .span_position{} .col-directors.meet-us.text-left .div-detail{left: 38%; } /*National Contribution*/ h3.country_intro{font-family: 'axiatabook'; font-size: 1.5em;} /*Animate PieChart*/ .divPieChart{position: absolute;} img.divPieChart{max-width: 100%; opacity: 0.9} .divChartBig{width: 55%; left: 0; top: 20px;} .divChartMed{width: 50%; right: 0; top: -20px;} hr.shadow{padding-bottom: 5px; border: 0; background: url('../img/list-bottom-shadow.png') bottom center no-repeat; background-size: 100% auto;} .sbHolder{width: 100%;} .sbOptions{width: 100%;} .sbSelector{width: 90%;} .a_SlideBack, .a_SlideBackAll{cursor: pointer; display: none; position: absolute; z-index: 6; right: 0%; top: 50%; margin-top: -5%; width: 2.5%; height: 10%; background: url('../img/arrow-right.png') no-repeat; background-size: auto 100%;} .a_SlideBackAll{left: -5%; right: auto; width: 5%; display: block;} #divContents.expanded .a_SlideBack{display: block;} #divContents.expanded #divRegionalMap, #divContents.expanded #divRegionalMapDetail{left: -25%;} .hyperlink-indicator{width: 43px; height: 43px; position: absolute; bottom: 0; right: 0; background: url('../img/hyperlink-indicator.png') no-repeat;} .row-table{display: table; width: 100%;} .row-table .col-xs-4{display: table-cell; float: none;} .table-cell-center{padding: 6%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .info-columns{display: table; width: 100%; color: #333333;} .info-column-row{display: table-row;} .info-column-row .info-column{display: table-cell; float: none; border: 5px solid #ffffff; vertical-align: middle; padding: 10px 30px;} .info-column-row .info-column span{font-family: 'axiatabold'; font-size: 1.2em; line-height: 1em;} .info-column-row .info-column span.high{font-size: 1.6em; line-height: 1.2em;} .info-column-row .info-column.vtop{vertical-align: top;} .info-column-row .info-column .info-item{background: none; border: none;} .page-my-asean-internship .mobile-show{display: none;} .div_TabArticleContent{padding-right: 25px;} .col-3-pad-5{} .col-3-pad-5 .col-xs-3{ padding-left: 5px; padding-right: 5px; } /*On Top Bootstrap*/ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; /*padding-right: 10px; padding-left: 10px;*/ } .col-xs-15 { width: 19.88%; float: left; } @media (min-width: 1px) { .col-sm-15 { width: 19.88%; float: left; } } @media (min-width: 2px) { .col-md-15 { width: 19.88%; float: left; } } @media (min-width: 9999px) { .col-lg-15 { width: 19.88%; float: left; } } #transitionPrevHolder, #transitionNextHolder{display: none;} body.section-landing #transitionPrevHolder, body.section-landing #transitionNextHolder{display: block;} /*Added by Rex 26 Feb 2016 - Start*/ .menu-hide-desktop{display: none;} #divRegionalMap .div-countries .a-country.a-country-external{width: 4.6%;} /*Added by Rex 26 Feb 2016 - End*/ /*--------------------------------------- Animation Libraries ---------------------------------------*/ .scale-each, .animate-scale{ -webkit-transform: scale(0); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 450ms; -moz-transform: scale(0); -moz-transition-timing-function: ease-out; -moz-transition-duration: 450ms; transform: scale(0); transition-timing-function: ease-out; transition-duration: 450ms; } .scale-each.in, .animate-scale.in{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .fade { opacity:0; -webkit-transition:opacity .15s linear; transition:opacity .15s linear; } .fade.in { opacity:1; } .collapsing { position:relative; height:0; overflow:hidden; -webkit-transition:height .35s ease; transition:height .35s ease; } .rotateDown90{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } .rotateUp90{ -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .text-center{text-align: center !important;} .text-left{text-align: left !important;} .text-right{text-align: right !important;} .divRelative{position: relative; display: block;} .divAbsolute{position: absolute; display: block;} .divOH{overflow: hidden;} .ml-v20{margin-left: -20px !important;} .mt-v20{margin-top: -20px !important;} .ml-v15{margin-left: -15px !important;} .mt-v15{margin-top: -15px !important;} .ml-v10{margin-left: -10px !important;} .mr-v10{margin-right: -10px !important;} .ml-v5{margin-left: -5px !important;} .mr-v5{margin-right: -5px !important;} .mt-5{margin-top: 5px;} .mt-10{margin-top: 10px !important;} .mt-20{margin-top: 20px !important;} .mt-30{margin-top: 30px !important;} .mt-40{margin-top: 40px !important;} .mt-50{margin-top: 50px !important;} .mt-60{margin-top: 60px !important;} .mr-20{margin-right: 20px !important;} .mr-5{margin-right: 5px !important;} .mr-2{margin-right: 2px !important;} .mr-0{margin-right: 0px !important;} .ml-20{margin-left: 20px !important;} .ml-5{margin-left: 5px !important;} .ml-2{margin-left: 2px !important;} .ml-0{margin-left: 0px !important;} .mb-0{margin-bottom: 0px !important;} .mb-10{margin-bottom: 10px !important;} .mb-20{margin-bottom: 20px !important;} .mb-30{margin-bottom: 30px !important;} .pad-0{padding: 0px !important;} .pad-10{padding: 10px !important;} .pad-15{padding: 15px !important;} .pad-20{padding: 20px !important;} .pad-20-15{padding: 20px 15px !important;} .pl-5{padding-left: 5px !important;} .pr-5{padding-right: 5px !important;} .pl-15{padding-left: 15px !important;} .pr-15{padding-right: 15px !important;} .pl-20{padding-left: 20px !important;} .pr-20{padding-right: 20px !important;} .pl-30{padding-left: 30px !important;} .pr-30{padding-right: 30px !important;} .pl-40{padding-left: 40px !important;} .pr-40{padding-right: 40px !important;} .pt-0{padding-top: 0px !important;} .pb-0{padding-bottom: 0px !important;} .pl-0{padding-left: 0px !important;} .pr-0{padding-right: 0px !important;} .pt-5{padding-top: 5px !important;} .pb-5{padding-bottom: 5px !important;} .pl-5{padding-left: 5px !important;} .pr-5{padding-right: 5px !important;} .pt-10{padding-top: 10px !important;} .pb-10{padding-bottom: 10px !important;} .pl-10{padding-left: 10px !important;} .pr-10{padding-right: 10px !important;} .pt-20{padding-top: 20px !important;} .pb-20{padding-bottom: 20px !important;} .pl-20{padding-left: 20px !important;} .pr-20{padding-right: 20px !important;} .pt-30{padding-top: 30px !important;} .pb-30{padding-bottom: 30px !important;} .pl-30{padding-left: 30px !important;} .pr-30{padding-right: 30px !important;} .pt-40{padding-top: 40px !important;} .pb-40{padding-bottom: 40px !important;} .pl-40{padding-left: 40px !important;} .pr-40{padding-right: 40px !important;} .f-10{font-size: 10px;} .f-11{font-size: 11px;} .f-12{font-size: 12px;} @media (max-width: 767px) { .header .navbar-nav {float: none !important;} .drop-width{width:100% !important;} .header .navbar-brand img{max-height:45px;margin-top:5px;} .header .navbar-default .navbar-nav > li.home > a {background: none left center;} .header .navbar-default .navbar-nav > li.home:hover > a, .header .navbar-default .navbar-nav > li.home > a:focus, .header .navbar-default .navbar-nav > li.home > a.active { background-image: none, url(../images/menu-bottom-border.png); background-repeat: no-repeat, repeat-x; background-position: left center, center bottom; background-size:20px auto; height:35px; } } @media (min-width: 767px) and (max-width: 800px) { .header .navbar-nav {float: left;padding-top: 25px; font-size:13px} .header .navbar-default .navbar-nav > li > a {padding: 10px 5px !important;} } @media (max-width: 999px) { .header .navbar-nav {float: left;padding-top: 25px; font-size:13px} } @media (min-width: 992px) and (max-width: 1280px) { .topbar .container, .header .navbar-default .container{width: 95%;} } @media (min-width: 992px) { } @media (min-width: 992px) and (max-width: 1280px) { #div-main-feature-slider{top: 65%;} } @media (min-width: 1281px) and (max-width: 1366px) { /*#divRegionalMapDetail .divCompanyDetails .divCompanyIntro .a_IntroExpand{bottom: 15px;}*/ } .nicescroll-rails > div{background: url('../images/scroll-track.gif') no-repeat; cursor: pointer;} /* to remove KEY HIGHLIGHTES */ #main-nav-container > .navbar-nav > li:nth-child(2) > .loginbar-menu > li:nth-child(3) { display: none; }