/* Generated by less 2.5.1 */
/*
Theme Name: AIA Employee Benefits by Abacus
Theme URI:
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 9.0.1
Author: Mypolygon Studio
Author URI: 
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
/*======= Helpers Class =======*/

@import "less/animation.css";


html {
    scroll-behavior: smooth;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.overthrow {
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

img {
    max-width: 100%;
}

.grecaptcha-badge {
    display: none !important;
}

.reset-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {}

/*======= Button Effect =======*/
.btn,
button {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 0 !important;
    padding: 15px 35px !important;
    color: #fff;
    background: #D31145;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-top: 2rem;
}

button:hover,
.btn:hover {
    background: #000;
    color: #fff;
    border: 0;
    cursor: pointer !important;
}


.btn-primary {
    color: #fff;
    background: #B8123E;
    border: 0;
}


/*======= Img Effect =======*/
a.img-zoomIn {
    display: block;
    cursor: pointer;
}

a.img-zoomIn img {
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

a.img-zoomIn:hover img {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    opacity: 1;
}

a.img-zoomIn:hover figcaption:before,
a.img-zoomIn:hover figcaption:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

a.img-zoomIn:hover figcaption h2 {
    -webkit-transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    -o-transform: translate3d(0, -50px, 0);
}

a.img-zoomIn figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

a.img-zoomIn figcaption h2 {
    color: #9fab00;
    padding-top: 45%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
}

a.img-zoomIn figcaption:before,
a.img-zoomIn figcaption:after {}

a.img-zoomIn figcaption:before {}

a.img-zoomIn figcaption:after {}

html {
    font-size: 62.5%;
    /* Sets up the Base 10 stuff */
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
    color: #554344;
    overflow-x: hidden;
    background: #fff;
}

h1,
h2,
h3 {
    font-weight: 700;
    line-height: 1.6;
    margin-top: 0;
}

h2 {
    margin-bottom: 3rem;
}

h4 {
    font-weight: 700;
    font-size: 13px;
}

p {
    margin-bottom: 15px;
}

hr {
    border-top: 1px solid#554344;
}

a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a:hover {
    cursor: pointer !important;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

::selection {
    color: #fff;
    background: #6EC3C4;
}

/*==== Font ====*/
/* =================================================================
Header ========================================== */
.header-waypoint {
    position: absolute;
    width: 100%;
    top: 150px;
    left: 0px;
}

/*======= header =======*/
#header {
    background: #005284;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 5px 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    z-index: 99999;
    -webkit-box-shadow: -5px -9px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px -9px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -5px -9px 20px 0px rgba(0, 0, 0, 0.5);
}

.header-active#header {
    padding: 0;
    background: #005284 !important;
    -webkit-box-shadow: -5px -9px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px -9px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -5px -9px 20px 0px rgba(0, 0, 0, 0.5);
}

/*======= Logo =======*/
.navbar-header .navbar-brand {
    height: auto;
}

a#logo img {
    width: 80px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.header-active#header a#logo img {
    width: 50px;
}

/*======= Navigation =======*/
.navbar-toggle {
    border-color: transparent;
    /*background: #f2f2f2;display: none;*/
}

.navbar-toggle .icon-bar {
    background: #554344;
}

nav#navigation {
    font-weight: 700;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;

}

.header-active#header nav#navigation {}

ul#menu-main-menu {
    margin-top: 30px;
}

.header-active#header ul#menu-main-menu {
    margin-top: 15px;
}

#navigation li {
    margin: 0;
    text-align: center;
}

#navigation li.menu-external a {
    font-size: 18px;
    padding: 15px 10px;
}

#navigation li a {
    color: #fff;
    font-size: 16px;
    background: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#navigation li.current-menu-item a {
    color: #FFD618 !important;
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active {
    background: transparent;
    color: #6EC3C4 !important;
}

#navigation li.glyphicon a {
    text-indent: -999999px;
}

#navigation li.glyphicon:before {
    color: #414041;
    position: absolute;
    top: 20px;
    left: 0px;
}

#navigation li.current_page_parent > a {
    color: #414041;
    background: transparent;
}

#navigation li.current_page_parent > a:before {
    background: #414041 !Important;
}

#navigation li.dropdown ul.dropdown-menu {
    padding: 0;
    border: 0;
    background: #fff;
}

#navigation li.dropdown ul.dropdown-menu li a {
    padding: 8px 20px;
    color: #414041;
    border-bottom: 1px solid rgba(256, 256, 256, 0.3);
}

#navigation li.dropdown ul.dropdown-menu li:last-child a {
    border-bottom: none;
}

#navigation li.dropdown.open a {
    background: transparent;
}

*/ .page-head.clearfix {
    display: none;
}

article#post-not-found h1 {
    font-size: 20px;
}

/* =================================================================
Index Page ========================================== */
body.home {
    overflow-x: hidden;
}

.mainlogo {
    width: 265px;
    margin-bottom: 4.5rem;
}

.mainSection.pageSection {
    background: url(images/mainbanner.jpg) right top no-repeat;
    background-size: auto 100%;
    padding: 17rem 0;
}

.mainSection .btn.btn-primary {
    color: #fff;
    border: 0 !important;
    border-radius: 0 !important;
    font-weight: 500 !important;
    padding: 1rem 2.5rem 1rem 0 !important;
    background: url(images/ico-more.png) no-repeat right;
    background-size: 20px 20px;
}

.mainSection .btn.btn-primary:hover {
    color: #fff;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 1rem 4rem 1rem 0 !important;
    background: url(images/ico-more.png) no-repeat right;
    background-size: 20px 20px;
}

.introSection [class*='col-'] {
    padding: 0;
    margin: 0;
}

.introBox {
    height: 100%;
    padding: 8rem 2rem;
}

.introBox img {
    width: 250px;
    max-width: 80%;
    margin-bottom: 2rem;
}

.intro1,
.intro3 {
    background: rgba(232, 237, 238, 1) !important;
}

.intro2 {
    background: rgba(198, 213, 215, 0.73);

}

.easySection .sectionTitle span {
    display: block;
    background: #D31145;
    color: #fff;
    font-size: 22px !important;
    padding: 1rem;
    width: 44px;
    margin: 1rem auto;
    height: 44px;
    border-radius: 50%;
}

.easySection img {
    width: 350px;
    max-width: 80%;
}

.controlBox {
    height: 100%;
    font-weight: 700;
    padding: 5rem 4rem 12rem;
    margin-bottom: 2rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.controlBox ul {
    margin-top: 3rem;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.controlBox ul li {
    margin-bottom: 1.5rem;
    padding-left: 3.8rem;
}

.controlBox ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 33px;
    background: url(images/point.png) center no-repeat;
    background-size: 20px 20px;
    margin-left: -3.5rem;
}

.controlBox span {
    color: #859DA8;
    text-decoration: underline;
}

.control1 {
    background: #FAF9F5 url(images/1.png) right bottom no-repeat;
    background-size: auto 90%;
}

.control2 {
    background: #FAF9F5 url(images/2.png) right bottom no-repeat;
    background-size: auto 90%;
}

.control3 {
    background: #FAF9F5 url(images/3.png) right bottom no-repeat;
    background-size: auto 90%;
}

.customisationgroup [class*='col-'] {
    padding: 0;
    margin: 0;
}

.custombox {
    height: 100%;
    padding: 8rem 6rem;
}

.ghpbox {
    background: #FAF9F5 url(images/ghpbg.png) no-repeat right bottom;
    background-size: 45% auto;
    padding-bottom: 90px;
}

.gtlbox {
    background: #B8123E url(images/gtlbg.png) no-repeat right bottom;
    background-size: 65% auto;
}

.voucher {
    width: 250px;
    max-width: 90%;
}

.vitalitybox {
    background: #FAF9F5 url(images/aiavitality.png) no-repeat right bottom;
    background-size: 170px auto;
    padding-bottom: 90px;
}

img.myaiaapplogo {
    width: 300px;
    max-width: 100%;
}

img.myaiaappphone {
    width: 604px;
    max-width: 100%;
}

.appBox {
    padding: 3rem 1rem;
    line-height: 1.3;
}

.appicon {
    width: 218px;
    max-width: 90%;
    margin: 0 auto 2rem auto;
}

.offerbox {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    height: 100%;
    margin-bottom: 3rem;
    font-weight: 700;
}

.offerinfobox {
    text-align: left;
    padding: 4rem 5rem 8rem;
}

.offerinfobox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.offerinfobox ul li {
    min-height: 90px;
    padding-left: 110px;
    margin-top: 85px;
    font-size: 30px;
}

.giobox li:before {
    content: '';
    position: absolute;
    margin-left: -110px;
    width: 110px;
    height: 110px;
    margin-top: -35px;
}

.giobox li:first-child:before {
    background: url(images/gio1.png) no-repeat center;
    background-size: 105px auto;

}

.giobox li:last-child:before {
    background: url(images/gio2.png) no-repeat center;
    background-size: 105px auto;
}

.preexistingbox li:before {
    background: url(images/cover1.png) no-repeat center;
    background-size: 105px auto;
    content: '';
    position: absolute;
    margin-left: -110px;
    width: 110px;
    height: 110px;
    margin-top: -15px;
}

.giobox .headingbox {
    background: #859DA8;
    padding: 2rem;
}

.preexistingbox .headingbox {
    background: #606B7C;
    padding: 3rem 2rem 0.6rem 2rem;
}


.tnc {
    font-size: 18px;
    margin-top: 3rem;
}

/*==== not found ====*/
article#post-not-found {
    margin-bottom: 11rem;
}

/*=====
Overlay
=======*/
.tmsWrap {
    overflow: hidden;
    position: relative;
    margin-bottom: 3rem;
    color: #fff;
}

.tmsWrap a {
    display: block;
    color: #fff;

}

.tmsWrap a.btn {
    display: inline-block !important;
    width: auto;
}

.tmsWrap .overlay {
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 20px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.tmsWrap .overlay .centralize {
    width: 85%;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.tmsWrap .overlay .centralize h6 {
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

.tmsWrap h2 {
    opacity: 1;
    bottom: 0;
    color: #fff;
    line-height: 1.3;
    position: absolute;
    padding: 1rem 2rem;
    width: 100%;
    margin: 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.tmsWrap:hover h2 {
    opacity: 0;
}

.tmsWrap .overlay .centralize p {
    font-size: 14px;
}

.tmsWrap .overlay h4 {
    text-decoration: underline;
    font-size: 10px !important;
    margin-top: 3rem;
}

.tmsWrap .overlay h2 span {
    font-size: 25px;
    display: block;
    margin-bottom: 5px;
    color: #fff;
}

.tmsWrap:hover .overlay .centralize {
    opacity: 1;
    color: #fff;
    font-size: 20px;
}

.tmsWrap img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%;
}

.tmsWrap:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}



/*==== enquiry ====*/
div.wpcf7-response-output {
    border: 0 !important;
}

.form-group {
    margin-bottom: 11px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.form-control {
    border-radius: 0;
    border: 1px solid #707070;
    box-shadow: none;
    color: #554344;
    font-size: 16px;
    background: #fff;
    height: auto;
    padding: 15px !important;
}

textarea.form-control {
    height: auto;
    padding-bottom: 1.6rem;
}

span.wpcf7-not-valid-tip {
    background: rgba(0, 0, 0, 0);
    color: #D31145;
    font-size: 12px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
div.wpcf7-validation-errors {
    background: rgba(0, 0, 0, 0);
    color: #D31145;
    font-size: 12px;
}

.wpcf7 form .wpcf7-response-output {
    padding: 1rem 0
}

/*==== Modal =====*/
.modal-backdrop.in {
    opacity: 0.8;
}

.modal {
    z-index: 99999;
}

.modal .close {
    font-size: 30px;
    opacity: 1;
    margin-top: -45px;
    margin-right: -40px;
}

.modal .close:hover {
    color: #D31145;
}

.modal-dialog {
    background: #fff;
    padding: 7rem;
    z-index: 10000;
    max-width: calc(100% - 30px);
    width: 800px;
    margin-top: 10%;
}

.modal .sectionTitle {
    color: #005284;
}

.modal .sectionTitle:after {
    content: '';
    background: #FFD618;
    display: block;
    margin-top: -27px;
    width: 150px;
    height: 20px;
    border-radius: 30px;
}

/*==== Gallery ====*/
.mediaSection .gallery-item {
    padding: 1rem 3rem !important
}

a.thumbnail {
    border: 0;
    border-radius: 0;
    margin: 0 !important;
    padding: 0 !Important;
}

.gallery-item img {
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-item {
    padding: 5px !important;
    margin: 0 !important;
}


/*======= Page =======*/

.entxt {
    font-family: 'Kohinoor Bangla';
}

.inline-block {
    display: inline-block !important;
}

.pageSection {
    padding: 9rem 0;
}

.pageTitleSection {
    padding-top: 14rem !important;
}

.sectionTitle {
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
}

#pageTitle {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
}

.subtitle {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}


.rounded {
    border-radius: 20px;
}

.inline-block {
    display: inline-block;
}

.white {
    color: #fff;
}

.whitebg {
    background-color: #fff !important;
}

.light {
    color: #FAF9F5;
}

.lightbg {
    background: #FAF9F5;
}

.black {
    color: #000;
}

.blackbg {
    background-color: #000 !important;
}

.yellow {
    color: #FFD618;
}

.yellowbg {
    background-color: #FFD618 !important;
}

.red {
    color: #D31145;
}

.redbg {
    background-color: #D31145 !important;
}

.darkred {
    color: #B8123E;
}

.darkredbg {
    background-color: #B8123E;
}

.lightblue {
    color: #D4EDF1;
}

.lightbluebg {
    background-color: #D4EDF1;
}

.brown {
    color: #707070;
}

.brownbg {
    background-color: #707070;
}

.darkbluegreybg {
    background: #606B7C;
}

.bluegrey {
    color: #C6D5D7;
}

.bluegreybg {
    background-color: #C6D5D7;
}

.bluebg {
    background-color: #859DA8;
}

.titlebg1 {
    background: url(images/titlebg1.png) repeat-x bottom;
}

.titlebg1b {
    background: url(images/titlebg1.png) repeat-x top;
}

.titlebg2 {
    background: url(images/titlebg2.png) repeat-x bottom;
}

.titlebg2b {
    background: url(images/titlebg2.png) repeat-x top;
}

.titlebg3 {
    background: url(images/titlebg3.png) repeat-x bottom;
}

.titlebg3b {
    background: url(images/titlebg3.png) repeat-x top;
}

.titlebg4 {
    background: url(images/titlebg4.png) repeat-x bottom;
}

.titlebg5 {
    background: url(images/titlebg5.png) repeat-x bottom;
}

.titlebg5b {
    background: url(images/titlebg5.png) repeat-x top;
}

.titlebg6 {
    background: url(images/titlebg6.png) repeat-x bottom;
}

.titlebg6b {
    background: url(images/titlebg6.png) repeat-x top;
}

/*==== Flex ====*/


.row.display-flex,
.fourplusfourSection ul,
.experienceSection ol {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex-wrap: wrap;
}

.row.display-flex > [class*='col-'],
.fourplusfourSection ul li,
.experienceSection ol > li {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    flex-direction: column;
}


/*======= List style =======*/
ul {
    padding-left: 20px;
    /*margin-bottom: 20px;*/
}

ul.lower-alpha {
    list-style-type: lower-alpha;
}

ul.disc {
    list-style-type: disc;
    margin-bottom: 10px;
}

/*======= Video =======*/

.videoSection .display-flex [class*='col-'] {
    margin-bottom: 30px;
}

.video-title {
    margin-top: 3px;
}

/*======= Contact =======*/
.applynowheading {
    margin: auto;
    display: inline-block;
    padding: 1rem 3.5rem;
    font-size: 50px;
    color: #FAF9F5;
    background: #B8123E;
    margin-top: -50px;
    margin-bottom: 9rem;
}


.applynowSection h2 {
    font-size: 40px;
    color: #B8123E;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.applynowSection h4 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.3rem;
    margin-top: 3.5rem;
}

.agebreakdown h4 {
    text-align: right;
    margin-top: 1.6rem;
}

hr {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

hr.bolderline {
    border-width: 2px;
}

.formbox {
    border: 1px solid rgba(112, 112, 112, 0.2);
    height: 100%;
    padding: 4rem;
    margin-top: 1rem;
}

span.categorytag {
    background: #B8123E;
    padding: 1rem;
    font-size: 12px;
    position: absolute;
    margin-left: 2rem;
    margin-top: 1rem;
    color: #fff;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    font-size: 20px;
    color: #554344;
}

.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
    background: rgba(0, 0, 0, 0);
    border: 0;
    font-size: 14px;
    font-weight: 400;
}

.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after,
.ui-slider-float .ui-slider-tip:before,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    background: rgba(0, 0, 0, 0);
    border: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border-radius: 50%;
    background: #554344;
    border: 1px solid #554344;
    margin-top: 1.5px;
}

.ui-widget.ui-widget-content {
    border: 0;
    background: rgba(112, 112, 112, 0.2)
}

.rsfcf_slider-display.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content.ui-slider-pips.ui-slider-float {
    margin-top: 4rem !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min {
    background: rgba(0, 0, 0, 0)
}

.ui-slider-handle.ui-corner-all.ui-state-default .ui-slider-tip,
.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus .ui-slider-tip,
.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-hover .ui-slider-tip {
    visibility: visible !important;
    opacity: 1 !important;
    top: -25px !important;
    font-weight: 700;
}


.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: -25px !important;
}


.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    font-size: 14px;
    font-weight: 400;
}

/*
.ui-slider-pips .ui-slider-pip-label .ui-slider-label:before {
    content: 'RM';
}
*/
.illnesslabel {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.illnessinput input[type="checkbox"] + .wpcf7-list-item-label {
    font-size: 0;
}

.formSection {
    color: #554344;
    background: #f2f2f2;
    text-align: center;
    padding: 80px 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover {
    background: #888;
    color: #fff;
    border: 1px solid #888;
}


textarea.form-control {
    height: 198px;
}

form .sectionTitle {
    margin-top: 0;
}

form .sectionTitle span {
    font-size: 70% !important;
    display: block;
    margin-bottom: 3rem !important;
    margin-top: 1rem;
}

span.currencyprefix {
    font-size: 70%;
    font-weight: 400;
    display: inline-block;
    opacity: 0.7;
    background: #554344;
    padding: 5px 8px;
    border-radius: 5px;
    color: #fff;
    margin-top: -3px;
    position: absolute;
    margin-left: 10px;
    text-transform: none;
}

.formgroupbox {
    padding: 3rem;
    background: #fff;
    margin: 0 1rem 3rem 1rem;
}

.formremarkbank {
    margin-top: 3rem;
}

.formtnc {
    margin-top: 3rem;
    font-size: 75%;
}

.formtnc label {
    font-weight: 400;
}

input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    right: 9000px;
}

span.wpcf7-form-control.wpcf7-checkbox > span {
    margin-left: 3.5rem;
}

.wpcf7-radio > span {
    margin-left: 3.5rem;
}

/*Check box*/
.wpcf7-list-item {
    line-height: 1;
    padding: 1.3rem 3rem 1.3rem 0;


}

.moreattendee .wpcf7-list-item {
    padding: 3rem 0 0 0 !important;
    margin-left: 5px !important;
}

.moreattendee input[type="checkbox"] + .wpcf7-list-item-label {
    font-size: 18px !Important;
    color: #554344;
}

input[type="checkbox"] + .wpcf7-list-item-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #554344;
}

input[type="checkbox"] + .wpcf7-list-item-label:before {
    content: "\f096";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #fff;
    background: #fff;
    border: 1px solid #554344;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
    margin-left: -3rem;
}

input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
    content: "\f00c";
    color: #fff;
    background: #554344;
    animation: checkboxeffect 250ms ease-in;
    border: 1px solid #554344;
}

input[type="checkbox"]:disabled + .wpcf7-list-item-label {
    color: #aaa;
}

input[type="checkbox"]:disabled + .wpcf7-list-item-label:before {
    content: "\f0c8";
    color: #ccc;
}

/*Radio box*/
input[type="radio"] + .wpcf7-list-item-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #554344;
}

input[type="radio"] + .wpcf7-list-item-label:before {
    content: "\f096";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #fff;
    background: #fff;
    border: 1px solid #554344;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
    margin-left: -3rem;
}

input[type="radio"]:checked + .wpcf7-list-item-label:before {
    content: "\f00c";
    color: #fff;
    background: #554344;
    animation: checkboxeffect 250ms ease-in;
    border: 1px solid #554344;
}

input[type="radio"]:disabled + .wpcf7-list-item-label {
    color: #aaa;
}

input[type="radio"]:disabled + .wpcf7-list-item-label:before {
    content: "\f111";
    color: #ccc;
}

@keyframes checkboxeffect {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(1.3);
    }

    75% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}

/*=== Blog ===*/


ul#menu-blog-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul#menu-blog-menu li {
    float: left;
    display: inline-block;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

ul#menu-blog-menu li a {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    padding: 10px 35px;
}

ul#menu-blog-menu li.current-menu-item a,
ul#menu-blog-menu li.current-menu-item a:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #005284;
}

ul#menu-blog-menu li a:hover {
    color: #6EC3C4;
    border: 1px solid #6EC3C4;
}

.blogpost {
    margin-bottom: 3rem;
    height: 100%;
}

.blogtitle {
    margin-bottom: 10px;
}

.blogcaption {
    padding: 2rem 2rem 4rem 2rem;
}

.articleSection .tags a {
    border: 1px solid #ccc;
    color: #554344;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0;
    padding: 1rem;
    margin: 2px 2px 2px 0;
}

.articleSection .tags a:hover {
    border: 1px solid #554344;
    background: #554344;
    color: #fff
}

.blogSection .paginationSection {
    text-align: center;
    width: 100%;
}

.blogSection ul.pagination {
    margin: 9rem 0 0 0;
}

.blogSection .pagination > li > a,
.blogSection .pagination > li > span {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0);
    border: 0 !important;
    border-radius: 0 !important;
    margin-left: 0 !important
}

.blogSection .pagination > .disabled > a,
.blogSection .pagination > .disabled > a:focus,
.blogSection .pagination > .disabled > a:hover,
.blogSection .pagination > .disabled > span,
.blogSection .pagination > .disabled > span:focus,
.blogSection .pagination > .disabled > span:hover {
    color: #eee;
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
}

.blogSection .pagination > li > a:focus,
.blogSection .pagination > li > a:hover,
.blogSection .pagination > li > span:focus,
.blogSection .pagination > li > span:hover {
    color: #6EC3C4 !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.blogSection .pagination > .active > a,
.blogSection .pagination > .active > a:focus,
.blogSection .pagination > .active > a:hover,
.blogSection .pagination > .active > span,
.blogSection .pagination > .active > span:focus,
.blogSection .pagination > .active > span:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
    color: #FFD618 !important;
}

.tmsblogWrap {
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    color: #fff;
}

.tmsblogWrap a {
    display: block;
    color: #fff;
}

.tmsblogWrap .overlay {
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 20px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.tmsblogWrap:hover .overlay {
    opacity: 0
}

.tmsblogWrap .overlay .centralize {
    width: 85%;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.tmsblogWrap:hover .overlay .centralize {
    opacity: 0 color: #fff;
    font-size: 20px;
}

.tmsblogWrap img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%;
}

.tmsblogWrap:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* =================================================================
Footer ========================================== */

#footer {
    background: #302F2C;
    color: #FAF9F5;
    padding: 9rem 0 2rem 0;
    font-size: 16px;
}

#footer .contactus em {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(images/ico-pic.png) no-repeat bottom;
    background-size: 16px auto;
}

#footer em.email {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(images/ico-email.png) no-repeat bottom;
    background-size: 14px auto;
    margin-right: 5px;
}

#footer em.web {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(images/ico-web.png) no-repeat bottom;
    background-size: 16px auto;
    margin-right: 5px;
}

.companylogo {
    width: 200px;
    max-width: 80%;
}

/*======= Back to Top =======*/
#back-to-top {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
    opacity: 1;
    cursor: pointer;
    padding: 13px 16px;
    color: #aaa;
    border-radius: 50%;
}

#back-to-top:before {}

#back-to-top:hover {}

/* =================================================================
Plugins ========================================== */
/***** Media Queries *****/

@media (min-width: 1500px) {

    .container {
        width: 1400px !important;
    }

}

@media (min-width: 1200px) {
    .container {
        width: 1120px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .logo {
        background-image: url("/images/logo@2x.png");
        background-size: contain;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }

    .mobile {
        display: none;
    }

    .vcenter {
        vertical-align: middle;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .vmiddle {
        vertical-align: middle;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .vbottom {
        vertical-align: bottom;
        display: flex;
        flex-direction: row;
        align-items: end;
        justify-content: center;
    }

    .vcenter-r {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
    }

    .floatleft {
        float: left !important;
    }

    .floatright {
        float: right !important;
    }


    .fullpageSection .container {
        width: 100% !important;
        max-width: 1500px !important;
        margin: auto;
    }


    .onlineform .col-sm-6 {
        padding-left: 5.5px;
        padding-right: 5.5px;
    }

    form .col-sm-6 {
        margin-bottom: 0;
    }


    form .col-sm-6:first-child,
    form .col-sm-6:nth-child(2n-1) {
        padding-right: 10px;
    }

    form .col-sm-6:nth-child(2n) {
        padding-left: 10px;
    }

    .form-group {
        margin-bottom: 20px !important;
    }

    form .col-sm-6:first-child,
    form .col-sm-6:nth-child(2n-1) {
        padding-right: 10px;
    }

    form .col-sm-6:nth-child(2n) {
        padding-left: 10px;
    }

    .whySection .textbox .whycontent {
        min-height: 130px;
    }

    .consultSection .textbox {
        min-height: 200px;

    }

    .footermenuSection .col-sm-2 {
        width: 20%;
        padding-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    .applynowheading {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    html {
        font-size: 55%;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    .desktop {
        display: none;
    }

    section {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .mainSection.pageSection {
        padding: 9rem 0;
    }

    .pageSection {
        padding: 6rem 0;
        overflow-x: hidden;
    }

    .pageSection.applynowSection {
        overflow-x: unset !important;
    }

    form.wpcf7-form {
        margin-top: 3rem;
    }

    a#logo img {
        width: 70px;
    }

    #header {
        padding: 0;
    }

    nav#navigation {
        background: transparent;
    }

    .navbar-header .navbar-brand {
        margin-left: 15px !important;
    }

    button.navbar-toggle {
        margin-top: 30px;
        border: 0;
        background: rgba(0, 0, 0, 0) !important;
    }

    .header-active#header button.navbar-toggle {
        margin-top: 15px;
    }

    button.navbar-toggle:hover {
        color: #aaa;
        border: 0;
        background: rgba(0, 0, 0, 0) !important;
    }

    .navbar-toggle .icon-bar {
        background: #fff;
    }

    #pageTitle,
    .applynowheading {
        font-size: 42px;
    }

    .applynowheading {
        margin-bottom: 2rem;
    }

    .sectionTitle,
    .tnc {
        font-size: 21px;
    }

    .applynowSection h2,
    .subtitle {
        font-size: 28px;
    }

    .subtitle-bold {
        font-size: 18px;
    }

    .titleSection {
        background-size: 105% auto !important;
    }

    span.categorytag {
        background: #B8123E;
        padding: 1rem;
        font-size: 10px;
        position: initial;
        margin-left: 0;
        margin-top: 0;
        color: #fff;
    }

    .gtlbox {
        background-size: auto 60%;
    }

    .applynowSection h4 {
        font-size: 13px;
    }

    .rsfcf_slider-display.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content.ui-slider-pips {
        max-width: 90%;
    }

    .ui-slider-pips .ui-slider-pip-label .ui-slider-label,
    .ui-slider-float .ui-slider-tip,
    .ui-slider-float .ui-slider-tip-label {
        font-size: 11px;
        font-weight: 400 !important;
    }

    .appicon {
        width: 150px;
    }

    .offerinfobox ul li {
        padding-left: unset;
        text-align: center;
        line-height: 1.3;
        margin-top: 0;
    }

    .preexistingbox li:before,
    .giobox li:before {
        content: '';
        position: unset;
        margin-left: unset;
        width: 110px;
        height: 110px;
        margin-top: unset;
        margin: auto !important;
        display: block;
    }

    .giobox li:first-child {
        margin-bottom: 3rem;
    }

    .custombox {
        padding: 3rem;
    }

    #footer {
        padding-top: 3rem;
    }


}

@media only screen and (min-width:768px) and (max-width: 991px) {
    .experienceSection ol > li {
        display: inline-block;
        float: left;
        background: #fff;
        border-radius: 30px;
        padding: 5rem;
        width: calc(50% - 3rem);
        margin: 1.5rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #service {
        font-size: 9px;
    }
}

@media only screen and (min-width: 992px) {

    /*======= Scrollable header =======*/
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}