@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/HelveticaNeue.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/HelveticaNeue.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Helvetica Neue Bold';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Helvetica Neue Medium';
    src: url('../fonts/HelveticaNeue-Medium.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/HelveticaNeue-Medium.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url('../fonts/HelveticaNeue-Light.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/HelveticaNeue-Light.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Helvetica Neue Thin';
    src: url('../fonts/HelveticaNeue-Thin.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/HelveticaNeue-Thin.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/HelveticaNeue-Thin.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
}

.material-icons {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

html,
body {
    overflow-x: hidden;
    height: 100%;
}

* {
    font-family: "Helvetica Neue", sans-serif !important;
    color: #222b45;
    outline: none;
}

body {
    background: #fff;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", sans-serif;
}

/******* Colors *********/
.beryl {
    color: #f8ad21;
}

.onyx {
    color: #808285;
}

.emerald {
    color: #13a538;
}

.emerald-value {
    color: #06a1a5;
}

.tanzanite {
    color: #0e76bc;
}

.tanzanite-one {
    color: #0e76bc;
}

.ruby {
    color: #da1a24;
}

.start-price-beryl {
    background-color: #f8ad21;
    text-align: center;
    color: #fff;
    padding: 15px;
}

.start-price-onyx {
    background-color: #808285;
    text-align: center;
    color: #fff;
    padding: 15px;
}

.start-price-emerald {
    background-color: #13a538;
    text-align: center;
    color: #fff;
    padding: 15px;
}

.start-price-emerald-value {
    background-color: #06a1a5;
    text-align: center;
    color: #fff;
    padding: 15px;
}

.start-price-tanzanite {
    background-color: #0e76bc;
    text-align: center;
    color: #fff;
    padding: 15px;
}

.start-price-tanzanite-one {
    background-color: #0e76bc;
    text-align: center;
    color: #fff;
    padding: 15px;
}

.start-price-ruby {
    background-color: #da1a24;
    text-align: center;
    color: #fff;
    padding: 15px;
}

h2 {
    font-size: 35px !important;
}

h4 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 1.5em !important;
}

.person h6 {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
}

.person {
    text-align: center;
}

.person p {
    padding-bottom: 10px;
    font-size: 12px;
    text-align: center;
}

.person img {
    width: 100%;
}

.round {
    border-radius: 50%;
}

p {
    margin: 0 0 10px;
    font-size: 15px;
}

.hide {
    display: none;
}

.add-shadow {
    box-shadow: 2px 5px 7px 0 rgba(0, 0, 0, 0.19);
    ;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\e114";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    color: grey;
    /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
    /* adjust as needed, taken from bootstrap.css */
}

.table>tbody>tr>td {
    padding: 15px !important;
    font-weight: 600 !important;
}

.table>thead>tr>th {
    padding: 1px !important;
    font-weight: 600 !important;
}

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

.header {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    background-color: #FC466B;
    position: fixed;
    height: 60px !important;
    overflow: hidden;
    z-index: 10;
}

.main {
    margin: 0 auto;
    display: block;
    height: 100%;
    margin-top: 60px;
}

.mainInner {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.mainInner div {
    display: table-cell;
    vertical-align: middle;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: 1.25px;
}

#sidebarMenu {
    height: 100%;
    position: fixed;
    left: 0;
    width: 300px;
    margin-top: 0px;
    transform: translateX(-300px);
    transition: transform 250ms ease-in-out;
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: scroll;
    margin-top: 0px;
    z-index: 110;
}

#sidebarMenu::-webkit-scrollbar {
    display: none;
}

.sidebarMenuInner {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.sidebarMenuInner li {
    list-style: none;
    color: #444444;
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    background: #ffffff;
}

.sidebarMenuInner li span {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}

.sidebarMenuInner li a {
    color: #444444;
    text-transform: capitalize;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}

input[type="checkbox"]:checked~#sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox].openSidebarMenu {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 1111;
    height: 100%;
    width: 100%;
    top: 22px;
    left: 15px;
    height: 22px;
    width: 22px;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}

.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
    background: #444;
}

.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
    background: #444;
}

.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
    background: #444;
}

input[type=checkbox]:checked~.sidebarIconToggle>.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
    background: #444;
}

input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
    background: #444;
    margin-left: 250px;
}

input[type=checkbox]:checked~.sidebarIconToggle>.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
    background: #444;
    margin-left: 250px;
}

/* Custom spacers */
.spacer-10 {
    margin-top: 10px;
}

.padding-10 {
    padding: 10px
}

.spacer-20 {
    margin-top: 20px;
}

.spacer-30 {
    margin-top: 30px;
}

.spacer-40 {
    margin-top: 40px;
}

.spacer-50 {
    margin-top: 50px;
}

.heading {
    text-align: center;
}

/* GEMS Rainbow Strip */
.gems-border {
    background: url(../img/colourbar.png);
    height: 5px;
    background-size: contain;
    /* -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); */
}

/* Carousel Styling */
.carousel-inner>.item>img {
    width: 100%;
}

.carousel-caption {
    position: absolute;
    top: 0;
    bottom: inherit !important;
    left: inherit !important;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.home-caption {
    width: 450px;
    background: rgba(111, 217, 210, 0.92);
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 70px;
}

.home-caption h4 {
    font-size: 32px !important;
    font-weight: 300 !important;
}

.home-caption p {
    font-size: 16px !important;
    max-width: 100%;
}

.carousel-indicators li {
    display: inline-block;
    width: 35px !important;
    height: 5px !important;
}

.carousel-indicators li {
    background-color: #d8d8d8 !important;
    border: 0px solid #fff !important;
}


/* Product Pages Section On Home Page */
/* Card Styles */
img.card-img-top {
    width: 100%;
}

.card {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.19);
}

.card-body {
    padding: 20px;
}

.compare-buttons .btn {
    width: 500px;
    max-width: 100%;
}

.compare-buttons {
    text-align: center;
    padding: 0 15px;
}

.clearbtn {
    background: transparent !important;
    color: #337ab7 !important;
    font-weight: 700 !important;
}

/* Mobile Section On Home Page */
.mobile {
    background: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
}

.download {
    margin-top: 30%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Top Banners On About Page */
.top-banner {
    height: 450px;
    background: url(../img/placeholder.png);
    background-position: center;
    background-size: cover;
    display: flex;
}

.top-overlay {
    flex-grow: 1;
    background: url(../img/overlay.svg);
    background-size: cover;
    display: flex;
    align-items: center;
    padding-left: 30px;
    background-position: left;
}

.overlay-caption h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
    color: #fff;
    font-size: 60px;
}

@media (min-width: 1200px) {
    .top-banner {
        min-height: 440px;
    }
}

@media (max-width: 992px) {
    .top-banner {
        min-height: 400px;
    }

    .overlay-caption h1 {
        font-size: 45px;
    }
}

@media (max-width: 768px) {
    .top-banner {
        min-height: 260px;
    }

    .overlay-caption {
        padding: 70px 15px;
    }

    .overlay-caption h1 {
        font-size: 35px;
    }
}

@media (max-width: 576px) {
    .top-banner {
        min-height: 200px;
    }

    .overlay-caption {
        padding: 60px 10px;
    }

    .overlay-caption h1 {
        font-size: 26px;
    }
}

/* Very small phones */
@media (max-width: 400px) {
    .overlay-caption h1 {
        font-size: 22px;
    }
}

/* Secondary Menu On About Page */
.sub-nav {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #eee;
}

span.active-subnav {
    border-bottom: 2PX solid #014b85;
}

.sub-nav span {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Calculator Area On Home Page */
.calculator-wrapper {
    padding: 20px 0px;
}

.calculator-section {
    /* padding-top: 80px; */
    padding-bottom: 80px;
    background: #1ab1a4;
}

.calculator-wrapper .input-group .form-control {
    background: #eeeeee;
    /* border-radius: 20px !important; */
}

.calculator-wrapper .input-group {
    /* width: 100% !important; */
}

.income-field .form-control {
    padding: 23px 12px 23px 21px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #eee;
    border-radius: 20px;
    border: 0;
    border-radius: 20px;
}

.side-header {
    background: #275c8e;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.side-header-light {
    background: #275d8e;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-top: 3px solid #fff;
}

.field-text {
    max-width: 300px;
    font-size: 14px;
}

.calculator-wrapper .input-group-addon {
    background-color: transparent;
    border: 0;
}

.calculator-wrapper .btn {
    padding: 10px 12px;
}

.calculator-wrapper .input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    background: #eeeeee;
}

.field-wrapper {
    display: flex;
    background: #eee;
    align-items: center;
    padding-left: 20px;
    border-radius: 20px;
    overflow: hidden;
    justify-content: space-between;
}

.result {
    border-bottom: 1px solid #bdbdbd;
    height: 20px;
    padding-left: 10px;
    margin-left: 10px;
}

.result {
    border-bottom: 1px solid #bdbdbd;
    height: 70px;
    padding-left: 10px;
    margin-left: 10px;
}

p.result-title {
    font-size: 11px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
    padding-top: 3px;
}

.plan-image {
    height: 70px;
    overflow: hidden;
    padding-top: 5px;
}

.plan-image img {
    height: 40px;
}

.result-cost {
    height: 70px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result span {
    font-size: 16px;
}

.bold-text {
    font-weight: 600;
}

/* Healthcare Pages */
.search-bar {
    background: #3d4041;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Careers Page */
.position-item {
    padding: 11px;
    border: 2px solid #444;
    border-radius: 5px;
}

.button-area {
    display: flex;
    width: 100%;
    align-items: flex-end;
    float: right !important;
    height: 150px;
    position: relative;
    flex-direction: row;
}

.position-pagination {
    text-align: right;
    margin-bottom: 20px;
}

.career-body {
    padding: 10px 15px;
}

.share-area img {
    width: 30px;
    height: 30px;
    margin: 0 10px;
}

.share-area ul {
    margin-top: 0;
    margin-bottom: 10px;
    display: flex;
    list-style: none;
}

/* Compare Plan Options Section */
/* .start-price-onyx {
    background: #7b8084;
    text-align: center;
    color: #fff;
    padding: 15px;
}
.start-price-emerald {
    background: #31b055;
    text-align: center;
    color: #fff;
    padding: 15px;
} */
.start-price h3 {
    margin-top: 10px;
}

button.clearbtn {
    background: #edf1f7;
}

.radio {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* Individuals Section Styling */
.map {
    border: 10px solid #1ab1a4;
    height: 500px;
}

/* Prcurement Section */
.procurement .panel-default {
    border-color: transparent;
    border: 2px solid !important;
    padding-top: 0px !important;
}

.procurement .panel-default .panel-heading {
    border-left: 0px solid #ffa000 !important;
}

.enquiries {
    background: #3d4041;
    color: #fff;
    padding: 80px;
}

.enquiries h3 {
    font-size: 30px;
    line-height: 40px;
}

.phone-icon {
    width: 190px;
    height: 190px;
    border-radius: 100%;
    background: #0e76bc;
    margin: 0 auto;
}

/* Fraud ssection */
.fraud-card {
    /* height: 60px; */
    width: 100%;
    display: flex;
    align-items: center;
    background: #f7f7f7;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}

.fraud-card p {
    font-size: 12px;
    font-weight: 500;
}

.fraud-icon {
    /* width: 60px; */
    /* height: 60px; */
    /* background: #3d4041; */
    padding: 10px;
    max-width: 100px;
}

.fraud-text {
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.red {
    background: #da1a24;
}

.orange {
    background: #f8ad21;
}

.gray {
    background: #3d4041;
}

/* Contact Us Section */
.contact-card {
    text-align: center;
    padding: 50px 15px;
    text-align: center;
    padding: 50px 15px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Information Centre Section */
.information ul {
    list-style: none;
}

/* Animated Search Section */
.openBtn {
    background: #f1f1f1;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
}

.openBtn:hover {
    background: #bbb;
}

.overlay {
    height: 70px;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 10000;
}

.overlay-content {
    position: relative;
    top: 7.3px;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 0px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
    line-height: 69px;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
    border-radius: 25px;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: left;
    width: 18%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.overlay button:hover {
    background: #bbb;
}

/* Healthcare Programmes */
ul.healthcare-sidebar {
    background: #0e76bc;
    color: #fff;
    list-style: none;
    padding-bottom: 300px !important;
    padding: 0;
}

.healthcare-sidebar li {
    padding: 15px 0 15px 25px;
    border-bottom: 1px solid #d6d4d4;
}

.healthcare-sidebar li.active {
    background: #3d4041;
}

.healthcare-sidebar li a {
    color: #fff;
    text-decoration: none;
}

.call-to-action {
    background: #1ab1a4;
    padding: 0 20px;
}

.ctl-left {
    display: flex;
    align-items: center;
    height: 80px;
}

.ctl-left p {
    margin: 0;
    font-weight: bold;
    color: #fff;
}

.ctl-right {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* .modal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
} */


/* .modal-dialog {
    width: 900px !important;
    margin: 30px auto;
} */


/* Events Calendar Section */
ul#latestList li {
    border-bottom: 1px solid #eee;
    padding: 15px;
    list-style: none;
}

ul#latestList {
    margin: 0;
    padding: 0;
}

.event-cal div.zabuto_calendar .table tr.calendar-month-header td {
    background-color: #ffffff;
    font-weight: bold;
}

.event-cal div.zabuto_calendar .table tr.calendar-dow-header th {
    background-color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
}

.event-cal .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 0px solid #ffffff;
}

.event-cal div.zabuto_calendar .table tr.calendar-month-header td span {
    padding-bottom: 0;
}

.event-cal div.zabuto_calendar .table tr:last-child {
    border-bottom: 0px solid #ffffff;
}

div.zabuto_calendar .table tr td.event div.day,
div.zabuto_calendar ul.legend li.event {
    background-color: transparent !important;
}

.form-control {
    padding: 23px 12px 23px 21px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #eee !important;
    border-radius: 20px !important;
    border: 0 !important;
    border-radius: 20px !important;
}

.btn-round {
    border-radius: 25px !important;
}

.dropdown:hover .dropdown-menu {
    display: block !important;
    margin-top: 0 !important;
}

.cream-bg {
    background: rgba(248, 173, 33, 0.2);
}

.text-img {
    background: #0e76bc;
}

.text-img p {
    color: #fff;
}

.text-img img {
    width: 100%;
}

.text-img .text {
    padding: 10px;
}

/* FAQs Section */
ul.faqs li.parent {
    padding: 5px;
    border-bottom: 1px solid #eee;
    padding: 15px;
    font-weight: 700;
}

ul.faqs li {
    padding: 15px;
}

ul.faqs {
    list-style: none;
}



.carousel-caption {
    text-shadow: none !important;
}

.img-responsive {
    width: 100%;
}

.faq-header {
    margin-left: 40px;
    border-bottom: 1px solid #eee;
    padding-left: 15px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: hsl(216, 45%, 98%) !important;
    border-radius: 10px !important;
}

.mobile-search .form-control {
    background: #fff !important;
}

.mobile-search {
    padding: 10px;
    background: #444;
}

.carousel-indicators .active {
    background-color: #78dad4 !important;
}

h3.card-title {
    font-weight: 500;
    font-size: 24px;
}

.select-dropdown.open .dropdown-menu {
    border-radius: 20px !important;
}


/*
*
* Network Lists: Input Styles
*
*/


#dLabel {
    width: 100%;
    height: 46px;
    border: solid 1px #cccccc;
    text-align: left;
    letter-spacing: 0.7px;
    padding: 13px 12px 23px 21px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #eee;
    border-radius: 20px;
    border: 0;
    border-radius: 20px
}

.caret {
    float: right;
    margin-top: 9px;
    display: block;
}

.select-dropdown:hover .dropdown-menu {
    display: none !important;
}

.select-dropdown .dropdown-menu {
    margin: 0 !important
}

.select-dropdown.open .dropdown-menu {
    display: block !important;
    overflow: hidden;
}

.select-dropdown .dropdown-menu {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select-dropdown .dropdown button:hover,
.dropdown button:focus {
    border: none;
    outline: 0;
}

.select-dropdown .dropdown.open button#dLabel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-bottom: none;
}

.select-dropdown .dropdown.open ul {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-top: none;
    height: 200px;
    overflow-y: scroll;
}

.select-dropdown .dropdown-menu li {
    line-height: 1.5;
    letter-spacing: 0.7px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    padding: 7.5px 15px;
    border-top: solid 1px #f3f3f3;
}

.select-dropdown .dropdown-menu li:hover {
    background-color: #ccc;
}


.select-dropdown .dropdown-menu li:first-child {
    border-top: solid 0px #f3f3f3 !important;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(243, 243, 243);
}

.filter__icon {
    background-color: #eeeeee;
    font-size: 24px !important;

    color: #8f9bb3;

}

.fiter_icon_container {
    position: absolute;
    top: 8px;
    right: 25px;
    width: 30px;
    border: none;
    outline: none;
}


.fiter_icon_container:active,
.fiter_icon_container:focus {
    outline: none;
    border: none;
}


/* Network Lists Search Results*/
.view_on_map_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    outline: none;
    border: none;
    background-color: transparent;
}

.view_on_map_container:focus {
    outline: none;
    border: none;
    background-color: transparent;
}


.view_on_map_link_icon {
    width: 22px;
    height: 18px;
    border: solid 2px #000000;
}

.view_on_map_link {
    margin-top: 5px;
    font-family: HelveticaNeue;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;

}

.marketing_banner {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marketing_description {
    height: 300px;
    display: flex;
    align-items: center;
}

.marketing_description h3 {
    font-size: 30px;
    font-weight: 400;
}

.checkbox.compare-checkbox {
    text-align: center;
    background: #edf1f7;
    width: 60%;
    border-radius: 20px;
    padding: 7px;
}

.checkbox.compare-checkbox.selected-option {
    background: #2e3a59;
}

.white {
    color: #fff
}

.tariff-body {
    padding: 10px 15px 15px 15px;
    height: 165px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-evenly;
}

.tariff_button_container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    text-decoration: none;
    outline: none;
    border: none;
    background-color: transparent;
}

.tariff_button_link {
    margin-top: 5px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    padding-left: 5px;
}

.tariff-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
}

.tariff-description h2 {
    font-size: 35px !important;
    line-height: 45px;
    font-weight: 400;
}

/* Single Product Page */
.plan-wrap {
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.19);
    margin-top: 10px;
}

.plan-left {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    box-shadow: 25px 0px 30px 5px rgba(0, 0, 0, 0.19);
    padding: 20px;
}

.plan-left .btn {
    position: relative;
    padding: 6px 0px;
    /* font-size: .65rem; */
}

p.side-list {
    font-size: 10px;
    margin: 0 0 5px;
    font-weight: 600;
    line-height: 15px;
    display: flex;
}

.side-list span {
    margin-left: 5px;
}

img.plan-logo {
    margin: 0 auto;
    margin-bottom: 15px;
}

.plan-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 10px 20px 10px 60px;
}

.plan-body h5 {
    font-weight: 600;
    /* font-size: .75rem; */
    margin-bottom: 5px;
}

.plan-body p {
    font-weight: normal;
    /* font-size: 11px; */
    margin: 0;
    line-height: 20px;
}

/* .bg-primary {
    background-color: #014b85 !important;
    color: #fff;
} */
.table-section {
    margin-top: 9px;
    margin-bottom: 30px;
    overflow: hidden;
    margin-left: 0 !important;
}

.table-section .col-md-3 {
    padding-left: 0;
}

.table-section .col-md-9 {
    padding-right: 0;
}

.table-wrap {
    box-shadow: 0 30px 80px 0 rgba(0, 0, 0, 0.19);
    margin: 15px;
}

.product .table>thead>tr>th {
    color: #fff !important;
}

.gems_list .table>tbody>tr>td {
    padding: 10px !important;
}

.table>tbody>tr>td {
    vertical-align: middle !important;
}

.navbar-btn a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: auto;
}

.navbar-btn .btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: pointer !important;
    opacity: 1 !important;
}

.navbar-btn span.glyphicon.glyphicon-chevron-down {
    color: #ffffff;
}

.person-description {
    /* display: none; */
}

hide {
    display: none;
}

unhide {
    display: block;
}

.card-text {
    padding: 10px 6px 6px 6px !important;
}

.person .add-shadow {
    margin-bottom: 20px;
    height: 250px;
}

.close-description {
    float: right;
    padding: 5px;
    font-size: 30px;
    cursor: pointer;
}

tr.calendar-month-header {
    display: none;
}

span.day {
    font-size: 36px;
    font-family: 'Montserrat' !important;
    font-weight: 700;
}

span.monthYear {
    font-size: 14px;
    text-transform: uppercase;
}

div#todaysDate {
    padding: 5px 30px 10px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.breadcrumb>li+li:before {
    color: #ccc;
    content: "> " !important;
    padding: 0 5px;
}

.agm-green {
    background: #19afa2;
    color: #ffffff;
}

.agm_icon_text {
    display: flex;
    align-items: center;
}

.agm_icon_text a {
    color: #fff !important;
}

.agm_icon_text {
    display: flex;
    align-items: center;
    padding: 15px;
}

.agm_icon_text span {
    color: #ffffff;
    padding-left: 20px;
}

.form-button {
    padding: 15px;
}

.form-head {
    padding: 15px;
    display: flex;
    align-items: center;
    height:100px;
}

.form-head span {
    font-size: 17px;
    padding-left: 15px;
}

.gallery-caption {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 10px;
}

.gallery-caption p {
    color: #fff;
}

.gallery-item {
    width: 100%;
    position: relative;
}

footer h4 b {
    color: #0e76bc !important;
}

ul#providerList li {
    border-bottom: 1px solid #eee;
    padding: 15px 5px;
    list-style: none;
    display: flex;
    align-items: center;
}

ul#providerList {
    margin: 0;
    padding: 0;
}

.left-side .carousel-caption {
    align-items: flex-start !important;
}

.left-side .home-caption {
    margin-left: 70px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e76bc+0,0662a0+100 */
    background: #0e76bc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0e76bc 0%, #0662a0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0e76bc 0%, #0662a0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0e76bc 0%, #0662a0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e76bc', endColorstr='#0662a0', GradientType=0);
    /* IE6-9 */
    color: #ffffff;
}

.left-side .home-caption span {
    color: #ffffff;
}

.left-side .home-caption p {
    color: #ffffff;
}

.green {
    background: #1ab1a4;
}

.footer-rainbow span {
    color: #fff;
}

.table-list {
    height: 500px;
    overflow: scroll;
}

.form-control:focus {
    border-color: transparent !important;
    outline: 0;
    -webkit-box-shadow: 0 0 transparent !important;
    box-shadow: 0 0 transparent !important;
}

.form-control {
    border-color: transparent !important;
    outline: 0;
    -webkit-box-shadow: 0 0 transparent !important;
    box-shadow: 0 0 transparent !important;
}

.form-control {
    -webkit-box-shadow: 0 0 transparent;
    box-shadow: 0 0 transparent;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0 !important;
    outline-offset: -2px;
}

.fraud_green_section {
    color: #ffffff !important;
    padding: 80px;
}

.fraud_green_section p {
    color: #fff;
}

.fraud_green_section h3 {
    color: #fff;
}

.fraud_green_section b {
    color: #000000;
}

.news_popup .form-control {
    border-radius: 20px 0 0px 20px !important;
}

.news_popup .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #004b85;
    border: 0;
    border-radius: 20px;
}

.news .modal-body {
    position: relative;
    padding: 15px 15px 0 15px !important;
}

.news .modal-content {
    background-color: #fff !important;
}

.card-body.compare {
    height: 1200px;
    overflow: scroll;
}

.icon_side_text {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.icon_side_text a {
    color: #000 !important;
}

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

.text-black {
    color: #000000 !important;
}

.product_information_text {
    padding: 5px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-card.card {
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-card.card .btn-block {
    display: block;
    width: 75% !important;
    margin: 0 auto !important;
}

.product .table {
    margin-bottom: 0 !important;
}

.product .col-md-9 {
    padding-left: 0;
}

.product .col-md-3 {
    padding-right: 0;
}

/********** Product Ruby *********/
.product-ruby h1 {
    color: #b11917 !important;
    font-size: 70px;
}

.product-ruby thead tr {
    background-color: #b11917 !important;
}

.product-ruby tbody th {
    background-color: #eed1d1;
}

.product-ruby .fa {
    color: #b11917 !important;
}

.product-ruby .top-line {
    height: 5px;
    background: #d91922;
    width: 300px;
}

.product-ruby .bottom-line {
    height: 5px;
    background: #b01817;
    margin-top: 10px;
    margin-left: 150px;
    width: 100px;
    margin-bottom: 10px;
}

/********** Product Beryl *********/
.product-beryl h1 {
    color: #d47918 !important;
    font-size: 70px;
}

.product-beryl thead tr {
    background-color: #d47918 !important;
}

.product-beryl tbody th {
    background-color: #f7e5d0;
    border: 0 !important;
}

.product-beryl .fa {
    color: #d47918 !important;
}

.product-beryl .top-line {
    height: 5px;
    background: #f7ac20;
    width: 300px;
}

.product-beryl .bottom-line {
    height: 5px;
    background: #d37718;
    margin-top: 10px;
    margin-left: 150px;
    width: 100px;
    margin-bottom: 10px;
}

/********** Product Emerald *********/
.product-emerald h1 {
    color: #13a538 !important;
    font-size: 70px;
}

.product-emerald thead tr {
    background-color: #13a538 !important;
}

.product-emerald tbody th {
    background-color: #d0edd7;
    border: 0 !important;
}

.product-emerald .fa {
    color: #13a538 !important;
}

.product-emerald .top-line {
    height: 5px;
    background: #0da536;
    width: 300px;
}

.product-emerald .bottom-line {
    height: 5px;
    background: #006434;
    margin-top: 10px;
    margin-left: 150px;
    width: 100px;
    margin-bottom: 10px;
}

/********** Product Emerald Value *********/
.product-emerald-value h1 {
    color: #1ab1a4 !important;
    font-size: 70px;
}

.product-emerald-value thead tr {
    background-color: #1ab1a4 !important;
}

.product-emerald-value tbody th {
    background-color: #d1efed;
    border: 0 !important;
}

.product-emerald-value .fa {
    color: #1ab1a4 !important;
}

.product-emerald-value .top-line {
    height: 5px;
    background: #18b0a3;
    width: 300px;
}

.product-emerald-value .bottom-line {
    height: 5px;
    background: #007a7d;
    margin-top: 10px;
    margin-left: 150px;
    width: 100px;
    margin-bottom: 10px;
}

/********** Product Onyx *********/
.product-onyx h1 {
    color: #3d4041 !important;
    font-size: 70px;
}

.product-onyx thead tr {
    background-color: #3d4041 !important;
}

.product-onyx tbody th {
    background-color: #d8d9d9;
    border: 0 !important;
}

.product-onyx .fa {
    color: #3d4041 !important;
}

.product-onyx .top-line {
    height: 5px;
    background: #7e8184;
    width: 300px;
}

.product-onyx .bottom-line {
    height: 5px;
    background: #3c3f40;
    margin-top: 10px;
    margin-left: 150px;
    width: 100px;
    margin-bottom: 10px;
}

/********** Product Tanzanite One *********/
.product-tanzanite-one h1 {
    color: #236faa !important;
    font-size: 70px;
}

.product-tanzanite-one thead tr {
    background-color: #236faa !important;
}

.product-tanzanite-one tbody th {
    background-color: #d3e3ee;
    border: 0 !important;
}

.product-tanzanite-one .fa {
    color: #236faa !important;
}

.product-tanzanite-one .top-line {
    height: 5px;
    background: #226ea8;
    width: 300px;
}

.product-tanzanite-one .bottom-line {
    height: 5px;
    background: #174c78;
    margin-top: 10px;
    margin-left: 150px;
    width: 100px;
    margin-bottom: 10px;
}

/******** End Products *************/


.image-section {
    width: 95%;
    height: 257px;
    background-position: center;
    background-size: cover;
}

.career-bottom {
    position: relative;
}

img.red-corner {
    position: absolute;
    z-index: 0;
    right: 0;
}

.icon_text_product {
    display: flex;
}

.prod_desc {
    padding: 0 15px;
}

.provider-card-height {
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.healthcare-programmes.container-fluid {
    padding-right: 30px !important;
    padding-left: 0px !important;
}

/************** Audit Committee *****************/
.committee-member {
    text-align: center;
}

.committee-member p {
    line-height: 16px;
}

.committee-member .card-text {
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card.calculator {
    min-height: 1000px;
}

.card.calculator {
    margin: 0 15px;
    overflow: visible !important;
}

.bootstrap-datetimepicker-widget {
    z-index: 100000 !important;
}

.help-block {
    color: red !important;
}

.member-modal .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #004b85;
    color: #fff;
}

.member-modal .close {
    margin-top: -2px;
    color: #fff;
    opacity: 1;
}

.member-body {
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
}

.member-login-buttons {
    padding: 10px 40px;
    text-align: center;
}

.member-login-pdf {
    padding: 15px 5px;
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.home-options h3.card-title {
    font-weight: 600 !important;
    font-size: 33px !important;
}

.home-options .card-body {
    height: 412px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.green .col-md-6 {
    padding-left: 0 !important;
}

.governance-card-height {
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dark_gray_bg {
    background: #3d4041;
}

.supplier-form {
    padding: 40px 50px;
}

.supplier-form .form-control {
    background: transparent !important;
    border-color: #000 !important;
    border: 1px solid #767676 !important;
}

.walk-in {
    padding: 20px 0;
}

.walk-in-card {
    text-align: left !important;
    text-align: center;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.19) !important;
}

.walk-in-logo {
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 1px 0 30px -2px #888;
}

.walk-in-icon {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #444;
    margin-top: 10px;
}

.product th {
    padding-top: 16px !important;
}

.row .green-part {
    background: #1ab1a4;
    padding: 0 !important;
    height: 380px;
    overflow: hidden;
}

.green-part .col-md-6 {
    padding: 0 !important;
}

.green-part .col-md-12 {
    padding: 0;
}

.content-section {
    padding: 15px;
}

.content-section p {
    color: #ffffff !important;
}

.content-section h4 {
    color: #ffffff !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* .table tr:hover {
    background: none !important;
  }
  td:hover {
    background: lightgray !important;
  }

  td[colspan]:hover {
    background: lime !important;
  }
  td[colspan] + td[colspan]:hover {
    background:turquoise !important;
  }
  td[colspan="2"]:hover {
    background: gold !important;
  }
  td[rowspan]:hover {
    background: tomato !important;
  } */

.gems-border-thick {
    background: url(../img/colourbar.png);
    height: 10px;
    background-size: contain;
}

.red-pages-card {
    padding: 20px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-body .btn-block {
    display: block;
    width: 75% !important;
    margin: 0 auto !important;
}

.btn-primary {
    color: #fff;
    background-color: #004b85 !important;
    border-color: #2e6da4 !important;
}

.member-modal .btn>a {
    color: #fff;
}

.error-template {
    padding: 80px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.error-actions .btn {
    margin-right: 10px;
}
.svg-div {
    width: 40px;
    height: 40px;
}
.tariffs .form-head {
    padding: 15px;
    display: flex;
    align-items: center;
    height: 110px;
    /* justify-content: space-between; */
}

.social-box {
    position: absolute;
    right: 0px;
    height: 259px;
    background-color: #1ab1a48a;
    top: calc(50vh - 100px);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    z-index: 10 !important;
}
.social-box-icon {
    padding: 10px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.social-box-icon img {
    width: 30px !important;
}
@media only screen and (max-width: 600px) {
    .modal-footer a {
        margin-right: 113px
    }
}

@media only screen and (min-width: 768px) {
    .modal-footer a {
        margin-right: 388px
    }
}

@media screen and (max-width:768px) {
    .top-banner {
        height: 100px !important;
    }
}
@media screen and (max-width:768px) {
    #myCarousel .carousel-caption {
        position: relative;
        width: 100%;
        right: 0;
        padding: 0;
        align-items: center;
    }
    #myCarousel .home-caption{
        margin-right: 0;
        border-radius: 0;
        width: 100%;
    }
    #myCarousel .carousel-indicators {
      display:none
    }
}

@media screen and (min-width:69em) {
    .flex-md {
        display: flex
    }

    .how-to-prevent-CovidIMG {
        max-width: 313px;
    }
}

@media screen and (max-width:69em) {
    .text-center-mobile {
        text-align: center;
    }

    .how-to-prevent-CovidIMG {
        max-width: 213px;
    }
}

.align-items-center-md {
    align-items: center;
}

.li-list {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.line-height-normal {
    line-height: normal;
}

/* Read more button css */
.read_more_text_toggle {
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}
.read_more_btn {
    background: transparent !important;
    color: #3e78ab !important;
    border: 2px solid #337ab7 !important;
    border-radius: 15px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
}
        .read_more_btn.m-1{
            margin-left:36px;
    margin-top: 26px;
    margin-bottom: 26px;
    text-decoration: none;
}