/*
    Template: KLIA
    Author: M4verick
    Developer by: ETransact Sdn Bhd
    Email : erwanhafizi@gmail.com
    Version : COVID19#STAYATHOME 18042020
*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700|Hind+Siliguri:400,700|Roboto:400,500|Raleway:400,700|Tangerine|Work+Sans:700|Secular+One);
@import url(../icons/simple-line-icons/css/simple-line-icons.css);
@import url(../icons/linea-icons/linea.css);
@import url(../icons/themify-icons/themify-icons.css);
@import url(../icons/flag-icon-css/flag-icon.min.css);
@import url(../icons/material-design-iconic-font/css/materialdesignicons.min.css);
@import url(spinners.css);
@import url(lib/animate/animate.css);
@import url(reset.css);
@import url(lib/fonts-glyphicons/css/font-glyphicons.css);
@import url(lib/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css);

/* Preloader */
.preloader{width:100%;height:100%;top:0;position:fixed;z-index:99999;background:#fff}
.preloader .cssload-speeding-wheel{position:absolute;top:calc(46.5%);left:calc(46.5%)}
#loadingBackdrop{opacity:.5;background-color:#fff}
.preloader.small{width:35px;position:relative}
.preloader.small .circular{height:30px;width:30px}

/* General HTML tag style */
*{outline:none}
body{background:#fff;font-family:'Hind Siliguri', sans-serif;margin:0;overflow-x:hidden;color:#67757c}
html{position:relative;min-height:100%;background:#fff}
a,button{outline:none !important;text-decoration:none !important;color:#455a64;transition:all 0.2s ease 0s}
a.active,button.active,a:focus,button:focus,a:hover,button:hover{text-decoration:none}
a.link{color:#455a64}
a.link:focus,a.link:hover{color:#1976d2}
button{outline:none !important;text-decoration:none !important}

h1,h2,h3,h4,h5,h6{color:#454444;font-weight:400;text-transform:uppercase}
h1{line-height:40px;font-size:36px}
h2{line-height:36px;font-size:32px;padding-bottom:15px}
h3{line-height:30px;font-size:24px}
h4{line-height:22px;font-size:18px}
h5{line-height:18px;font-size:16px;font-weight:700}
h6{line-height:16px;font-size:14px;font-weight:400}
ul{padding:0;margin:0;-webkit-transition:.5s;transition:.5s}
li{list-style:none}
p{color:#444}

/* General element style */
.img-responsive{width:100%;height:auto;display:inline-block}
.eticketing{background:#fff}
.page-wrapper{padding-bottom:70px;position:relative;box-shadow:0 20px 20px rgba(0, 0, 0, 0.2);background:#fff;z-index:999}
.spacer{height:100px}
.spacer-50{height:50px}
.spacer-image{height:120px;display:flex;justify-content:center;flex-flow:column}
.spacer-image .spacer-title{text-align:center;color:#fff;margin-bottom:0;padding-bottom:0}


/* Header */
.header{position:relative;z-index:9999;background:#fff}
.header .top-navbar{padding:0}
.header .top-navbar .navbar-header{line-height:45px;text-align:center;background:#fff}
.navbar{padding:0;z-index:10000}
.navbar-logo{float:left;text-align:center}
.navbar-logo .navbar-brand{margin:0}
.brand-logo{width:140px}
.top-menu-nav{overflow:hidden;font-family:Roboto,sans-serif;position:relative;text-align:center;float:right;padding:.5em 0;height:54px}
.top-menu-nav ul{float:right}
.top-menu-nav li{float:left}
.top-menu-nav li.nav-links+.nav-links{margin-left:24px}
.top-menu-nav .icon{display:none}
.top-menu-nav a{position:relative;display:inline-block;margin:0 1em;outline:none;color:#212121;text-shadow:none;padding:10px 0;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:400;text-shadow:0 0 1px rgba(255,255,255,0.3);font-size:14px}
.top-menu-nav a:hover,.top-menu-nav a:focus{outline:none;color:#243164}
.links-effect a::before{color:#212121;text-shadow:0 0 1px rgba(33,33,33,0.3);content:attr(data-hover);position:absolute;-webkit-transition:-webkit-transform 0.3s,opacity .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .3s;pointer-events:none}
.links-effect a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#243164;opacity:0;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);transform:translateY(5px);-webkit-transition:-webkit-transform 0.3s,opacity .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .3s;pointer-events:none}
.links-effect a:hover::before,.links-effect a:focus::before{opacity:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);transform:translateY(-2px)}
.links-effect a:hover::after,.links-effect a:focus::after{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}

/* Modal */
#modal-container{position:relative;top:50%}
.modal-dialog{position:relative;width:70%}
.modal-content {border-radius:0;border:0;width:960px;max-width:100%;margin:0 auto}

/* Input - input, select, textarea, checkbox, radio */
::placeholder{color:#2f2c2c!important}
input:focus,select:focus,textarea:focus{border-color:#eee;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;-ms-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}
.form-control,input,select {-webkit-appearance:none;appearance:none;-moz-appearance:none;border:1px solid #eee;border-radius:0;box-shadow:none;color:#2f2c2c}
.form-control:focus{border:1px solid #878787;background:#f1f1f1;-webkit-box-shadow:inset 0 1px 1px transparent,0 0 8px rgba(102,175,233,0);box-shadow:inset 0 1px 1px transparent,0 0 8px rgba(102,175,233,0)}
.checkbox,.radio{padding-top:5px;padding-bottom: 5px;min-height: 27px;margin-top: 0;margin-bottom: 0}
.checkbox label:before {border-radius:0}
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before,.radio input[type="radio"]:focus + label::before {outline:none}
.input-group-addon [type=checkbox]:checked,.input-group-addon [type=checkbox]:not(:checked),.input-group-addon [type=radio]:checked,.input-group-addon [type=radio]:not(:checked){position:initial;opacity:1}


/* main page image grid */
.container-secondary section>div>div>div{transition:ease-in .5s}
.container-secondary .content {position:relative;width:100%;overflow:hidden;/*border:1px solid #bfc5cf;*/ -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 10px 2px #c3c3c3;-webkit-box-shadow:0 1px 10px 2px #c3c3c3; -moz-box-shadow:0 1px 10px 2px #c3c3c3}
.container-secondary .content .content-overlay {background:rgba(0,0,0,0.8);position:absolute;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s}
.container-secondary .content:hover .content-overlay,.container-secondary .content:hover .content-details h3{opacity:1}
.container-secondary .content:hover .content-details h3{background:rgba(33,33,33,0);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}

/* Footer */
footer{position:sticky;z-index:0;bottom:0}
.footer-wrapper{padding-bottom:30px;background:#282828;color:#8e8e8e;box-shadow:0 0 8px 0 rgba(0,0,0,.2)}
.footer-wrapper a{font-size:.85em;color:#fff}
.footer-wrapper a:hover{text-decoration:underline!important}
.footer-wrapper h3{margin-bottom:1em;font-size:1em}
.footer-wrapper li a{opacity:.65}
footer .brand-logo path{fill:#fff}
.container-footer{margin-top:2em;margin:0 auto}
.container-footer li{line-height:1.5em}
.container-footer>div>div>div>div>div>div{margin:0 1em;border-radius:5px}
.copyright .row,.useful-link .row,.container-footer .copyright>div>div>div>div>div{margin:0}
.footer-social{text-align:center;padding:1em}
.footer-social h3{font-family: 'Tangerine', cursive;text-transform:none;margin-bottom:.5em;font-size:2em;color:#8e8e8e}
.footer-social>div>div>div a{font-size:1em}
.circle-bg-icon{background:#5C6670;color:#fff;width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;vertical-align:middle}
.footer-logo>img{width:50%}
.copyright{font-size:.85em;text-align:center}
.payment-partner,.logo-awards{background:#e5e5e5;text-align:center;padding:1em 15px}
.payment-partner h3,.logo-awards h3{color:#545454}
.payment-partner>div>div>div>div>div{background:url(../images/footer_bank.png) no-repeat;width:62px;height:17px;float:left}
.affin{background-position:-115px -175px!important}.alliance{background-position:-188px -175px!important}.ambank{background-position:-261px -175px!important}.bankislam{background-position:-334px -175px!important}.muamalat{background-position:-408px -175px!important}.rakyat{background-position:-480px -175px!important}.bsn{background-position:-115px -198px!important}.cimb{background-position:-188px -198px!important}.hongleong{background-position:-262px -198px!important}.hsbc{background-position:-334px -198px!important}.m2u{background-position:-407px -198px!important}.m2e{background-position:-480px -198px!important}.ocbc{background-position:-115px -220px!important}.pb{background-position:-188px -220px!important}.rhb{background-position:-262px -220px!important}.oub{background-position:-334px -220px!important}.sc{background-position:-408px -220px!important}.kash{background-position:-480px -220px!important}.webcash{background-position:-115px -244px!important}.meps{background-position:-188px -244px!important}.mastercard{background-position:-260px -244px!important}.visa{background-position:-334px -244px!important}.kiple{background-position:-407px -244px!important}.alipay{background-position:-480px -244px!important}.footer-awards li{float:left}span[class*=award]{background:url(/Styles/css/images/eticketing_big_sprite.png) no-repeat;display:inline-block;width:60px;height:57px}.award-soba{background-position:-160px -1398px!important}.award-awani{background-position:-215px -1398px!important}.award-topec{background-position:-84px -1395px!important}.footer-social span{width:20px;height:16px}