@charset "utf-8";

/* CSS Document */


/*Body*/

@font-face {
    font-family: "Bariol";
    src: url('fonts/bariol_regular-webfont.ttf');
    font-display: fallback;
}

/*Meta Fonts */
@font-face {
    font-family: "MetaBold";
    src: url('fonts/MetaBold.ttf');
    font-display: fallback;
}

@font-face {
    font-family: "MetaNormal";
    src: url('fonts/MetaNormal.ttf');
    font-display: fallback;
}


/*Navigation, floating Navigation and footer */

@font-face {
    font-family: "DroidSans-Bold";
    src: url('fonts/DroidSans-Bold_0.ttf');
    font-display: fallback;
}

@font-face {
    font-family: "DroidSans-Regular";
    src: url('fonts/DroidSans-Regular_0.ttf');
    font-display: fallback;
}


/*Title */

@font-face {
    font-family: "Oswald";
    src: url('fonts/Oswald-DemiBold.ttf');
    font-display: fallback;
}

body {
    font-family: "DroidSans-Regular", sans-serif;
    font-size: 16px;
    color: #333333;
}

a {
    transition: ease 0.5s;
}

p {
    padding: 0;
    margin: 0 0 30px 0;
}


/*Font size*/

h1,
.h1 {
    font-size: 32px !important;
    font-family: "DroidSans-Bold", sans-serif;
}

h2,
.h2 {
    font-size: 28px !important;
    font-family: "DroidSans-Bold", sans-serif;
    line-height: 38px;
}

h3,
.h3 {
    font-size: 22px !important;
    line-height: 38px;
}

h4,
.h4 {
    font-size: 18px !important;
    line-height: 28px !important;
}

h5,
.h5 {
    font-size: 12px !important;
}

h6,
.h6 {
    font-size: 10px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
    line-height: 26px;
}

.line-height-24 {
    line-height: 24px!important;
}


/*Font Weight*/

.font-weight {
    font-weight: bolder;
}

.bold {
    font-family: "DroidSans-Bold";
}

.regular {
    font-family: "DroidSans-Regular"!important;
}


/*Text Color*/

.text-primary {
    color: #ffbf00 !important;
}

.text-secondary {
    color: #606060 !important;
}

.text-info {
    color: #04368f !important;
}

.text-success {
    color: #419d36 !important;
}

.text-danger {
    color: #ff4000 !important;
}

.text-warning {
    color: #f05e1e !important;
}

.text-light {
    color: #808080 !important;
}

.text-dark {
    color: #555555 !important;
}

.text-white {
    color: #ffffff !important;
}

.text-menu {
    color: #333333 !important;
}

.text-blue {
    color: #135a89;
}

.text-yellow {
    color: #ffbf00;
}

.text-black {
    color: #353432;
}


/*Background*/

.bg-primary {
    background-color: #ffbf00 !important;
}

.bg-secondary {
    background-color: #606060 !important;
}

.bg-info {
    background-color: #04368f !important;
}

.bg-success {
    background-color: #419d36 !important;
}

.bg-danger {
    background-color: #ff4000 !important;
}

.bg-warning {
    background-color: #f05e1e !important;
}

.bg-light {
    background-color: #808080 !important;
}

.bg-dark {
    background-color: #555555 !important;
}

.bg-gradient {
    background: linear-gradient(to bottom, #ffbb00, #dc7913)
}

.bg-header {
    background-color: #ffc83d !important;
}

.bg-maybank {
    background-color: #ffbb00;
}

.bg-footer {
    background: #414141;
}

.bg-white {
    background-color: #ffffff;
}

.bg-grey {
    background-color: #f8f8f8;
    /*background-color:#eee;*/
}

.bg-etiqa {
    background: #ffbf00;
}

.bg-gradient-white {
    background: linear-gradient(to top, #F5F5F5, #f8f8f8, #ffffff)
}

.bg-gradient-blue {
    background: linear-gradient(to bottom, #419d36, #04368f)
}

.bg-light-grey {
    background-color: #f5f5f5;
}

.bg-carrara {
    background: #e8e2d0;
}


/*Link*/

.link-yellow:hover {
    color: #ffbf00!important;
}

.no-deco:hover {
    color: #ffbf00;
}

@media(max-width:767px) {
    .h1.overwrite,
    h1.overwrite {
        font-size: 26px!important;
    }
    .h3.overwrite,
    h3.overwrite {
        font-size: 20px!important;
    }
}