@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#opensans-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#opensans-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Semi-Bold';
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#opensans-semibold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Thin';
    src: url('../fonts/montserrat-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-thin-webfont.woff') format('woff'), url('../fonts/montserrat-thin-webfont.ttf') format('truetype'), url('../fonts/montserrat-thin-webfont.svg#montserrat-thin-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'), url('../fonts/montserrat-bold-webfont.svg#montserrat-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GlyphIcons';
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#GlyphIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

body {
    font-family: "Open Sans";
    color: #57656E;
    font-size: 16px;
    line-height: 22px;
}

p {
    font-family: "Open Sans";
    color: #57656E;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 25px;
}

.container {
    max-width: 1400px;
}

h1 {
    font-family: 'Open Sans';
    font-size: 42px;
    line-height: 46px;
    color: #1D3443;
    letter-spacing: -0.03em;
    font-weight: 300;
    margin-bottom: 25px;
}

h2 {
    font-family: "Open Sans Light";
    font-size: 42px;
    line-height: 38px;
    color: #1D3443;
    letter-spacing: -0.03em;
    font-weight: 300;
    margin-bottom: 25px;
}

h3 {
    font-size: 28px;
    line-height: 32px;
    color: #1D3443;
    letter-spacing: -0.03em;
    font-weight: 300;
    margin-bottom: 25px;
}

h4 {
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 30px;
    color: #1D3443;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 22px;
}

h5 {
    font-size: 20px;
    line-height: 22px;
    color: #1D3443;
    letter-spacing: -0.03em;
    font-weight: 300;
    margin-bottom: 15px;
}

h6 {
    font-size: 18px;
    line-height: 20px;
    color: #1D3443;
    letter-spacing: -0.03em;
    font-weight: 600;
    margin-bottom: 15px;
}


ul {
    list-style-type: disc;
}

    ul.gold-point-list {
        list-style: none;
        color: #57656E;
        margin-bottom: 40px;
    }

        ul.gold-point-list li::before {
            content: "\2022";
            color: #D5BFAC;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }

    ul.space-separated-list li {
        margin-bottom: 10px;
    }


select {
    background: url('../images/icons/GoldArrowDown.svg') no-repeat 96% !important;
    background-color: #fff !important;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none;
}

    select::-ms-expand {
        display: none;
    }

/*-- Generic --*/
a, a:visited {
    color: #1D3443; /*blue*/
    font-weight: bold;
    outline: 0;
}

.btn-primary,
.btn-default {
    background: #1D3443 !important;
    margin: 0;
    text-transform: none;
    font-size: 16px;
    border-radius: 4px;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:not([disabled]):not(.disabled):active,
    .btn-default:hover, .btn-default:active {
        background-color: #D5BFAC !important;
        color: #1D3443 !important;
    }

.btn-secondary {
    background: #D5BFAC !important;
    color: #ffffff !important;
    margin: 0;
    text-transform: none;
    font-size: 16px;
    border-radius: 4px;
}

    .btn-secondary:hover,
    .btn-secondary:active {
        background: #1D3443 !important;
    }

.DNNContainer_Title_h2.SpacingBottom > h2 {
    margin: 0 !important;
}

    .DNNContainer_Title_h2.SpacingBottom > h2 .TitleH2 {
        display: none;
    }

/*Hide/Show Desktop Images*/

.MobileImage, .SmallMobileImage {
    display: none;
}

/*-- Find Medical Conditions--*/

#hccMediaContent .input-group {
    flex-wrap: nowrap;
}

input#hccSearchInput {
    margin-top: 5px;
    cursor: pointer;
}



#hccCategoryDropdown {
    margin-top: 5px;
}

#hccMediaContent {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


    #hccMediaContent .thumbnail {
        background: #fff;
        padding: 25px 20px;
        margin: 15px 15px 15px 0px;
        box-shadow: 0px 4.30868px 10.7717px rgba(0, 0, 0, 0.1);
        border-radius: 3.72606px;
        min-height: 300px !important;
    }


    #hccMediaContent h3 {
        font-size: 20px;
        line-height: 24px;
        font-weight: bold;
    }

    #hccMediaContent h4 {
        font-size: 15px;
        color: #666;
        margin-bottom: 8px;
    }

    #hccMediaContent p {
        font-size: 15px;
        color: #9A9FA7;
    }

    #hccMediaContent #hccMediaItems {
        padding-top: 35px;
    }


    #hccMediaContent .input-group-btn {
        z-index: 1;
        margin-top: -1px;
        display: block;
    }


        #hccMediaContent .input-group-btn button {
            background: url(../images/icons/SearchIcon.svg) no-repeat center;
            background-position-x: 70%;
            background-color: #fff;
            height: 48px !important;
            box-shadow: none;
            margin-left: -67px;
        }

            #hccMediaContent .input-group-btn button:hover, #hccMediaContent .input-group-btn button:focus, #hccMediaContent .input-group-btn button:active {
                box-shadow: none;
            }

/*-- Layouts --*/

header {
    position: fixed;
    left: 0;
    right: 0;
    height: 80px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    z-index: 500;
    background: #fff;
    overflow: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    header.Unloaded {
        height: 0px;
        overflow: hidden;
    }

@media all and (max-width: 800px) {
    header.Unloaded {
        height: 80px;
        overflow: visible;
    }
}

.navbar {
    box-shadow: none;
    height: 80px;
    position: inherit;
    padding: 0;
}

    .navbar #dnn_dnnLogo_hypLogo {
        width: 75px;
        height: 100%;
    }

        .navbar #dnn_dnnLogo_hypLogo img {
            width: 100%;
            margin-top: 5px;
        }

    .navbar .nav-wrapper {
        height: auto;
    }

        .navbar .nav-wrapper .navbar-nav {
            height: 100%;
            width: 100%;
            justify-content: center;
        }

.navbar-nav .nav-item {
    position: inherit;
}

    .navbar-nav .nav-item:before {
        content: "";
    }

.nav-item.dropdown.show .nav-link,
.nav-item:hover .nav-link {
    color: #1D3443;
}

    .nav-item.dropdown.show .nav-link:after,
    .nav-item:hover .nav-link:after {
        content: "";
        height: 2px;
        width: 100%;
        background: #D5BFAC;
        display: block;
    }

.navbar-nav .nav-item .nav-link {
    padding: 29px 35px !important;
    display: block;
    color: #57656E;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.navbar-nav .nav-item .dropdown-menu {
    left: 0;
    right: 0;
    background: #1D3443;
    box-shadow: 0px 4px 50px rgba(26, 34, 57, 0.15);
    border-radius: 0;
    opacity: 0;
    display: block !important;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: visibility 0.2s, opacity 0.2s linear;
    padding: 0;
    border: 0;
}

    .navbar-nav .nav-item .dropdown-menu.show {
        visibility: visible;
        opacity: 1;
        height: 70px;
        transition: visibility 0.2s, opacity 0.2s linear;
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper {
        display: flex;
        justify-content: space-between;
        padding: 17px 0;
    }

        .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item {
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            line-height: 17px;
            border-right: 1px solid #50626E;
            text-align: center;
        }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:last-child {
                border: 0px none;
            }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:hover,
            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:active,
            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:focus {
                background: none;
                color: #D5BFAC;
            }

.navbar .LoginButton {
    padding: 15px 50px;
}

.navbar button {
    height: 15px;
    position: relative;
    width: 25px;
    padding: 0px;
    margin: 15px;
    border-width: 0;
    background-color: transparent;
}

    .navbar button.collapsed .navbar-toggler-icon:before {
        background: #1D3443;
        content: '';
        height: 3px;
        display: block;
        width: 25px;
        border-radius: 10px;
        top: 0px;
        position: absolute;
        left: 0;
        transform: rotate(0deg);
        transition: all .5s;
    }

    .navbar button.collapsed .navbar-toggler-icon:after {
        background: #1D3443;
        content: '';
        height: 3px;
        display: block;
        width: 25px;
        border-radius: 10px;
        top: 10px;
        position: absolute;
        left: 0;
        transform: rotate(0deg);
        transition: all .5s;
    }

    .navbar button .navbar-toggler-icon:before {
        background: #1D3443;
        content: '';
        height: 3px;
        display: block;
        width: 25px;
        border-radius: 10px;
        top: 5px;
        position: absolute;
        left: 0;
        transform: rotate(45deg);
        transition: all .5s;
    }

    .navbar button .navbar-toggler-icon:after {
        background: #1D3443;
        content: '';
        height: 3px;
        display: block;
        width: 25px;
        border-radius: 10px;
        top: 5px;
        position: absolute;
        left: 0;
        transform: rotate(-45deg);
        transition: all .5s;
    }

.SubPageMenuContainer .navbar-nav > li > a {
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    color: #1D3443 !important;
    margin-bottom: 20px;
    padding-right: 20px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    transition: color ease-in-out 0.4s;
    display: table;
}

.SubPageMenuContainer .dropdown-toggle::after {
    display: none;
}

@media (max-width: 990px) {

    .navbar .nav-wrapper {
        margin: 0 -15px;
    }

        .navbar .nav-wrapper .navbar-nav {
            display: block;
            justify-content: left;
            margin: 0;
            height: auto;
            background: #1D3443;
        }

    .navbar-nav .nav-item {
        margin: 0 30px;
        border-bottom: 1px solid #fff;
        padding: 0;
    }

        .navbar-nav .nav-item:last-child {
            border: 0px none;
        }

    .nav-item.dropdown .nav-link {
        background: url('../images/icons/WhiteArrowDown.svg') no-repeat right 30px center;
    }

    .nav-item.dropdown.show .nav-link {
        background: url('../images/icons/WhiteArrowUp.svg') no-repeat right 30px center;
    }

    .navbar-nav .nav-item .nav-link,
    .nav-item.dropdown.show .nav-link {
        color: #fff;
        text-align: center;
        font-family: 'Open Sans Light';
        text-transform: capitalize;
        padding: 20px 0 !important;
        font-weight: 300;
        font-size: 18px;
    }

        .nav-item.dropdown.show .nav-link:after,
        .nav-item:hover .nav-link:after {
            background: none;
        }

    .navbar-nav .nav-item .dropdown-menu.show {
        position: relative !important;
        height: auto;
        background: none;
    }

    .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper {
        display: block;
        padding-top: 0;
    }

        .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item {
            border: 0px none;
            font-size: 13px;
            padding: 15px 0 0;
        }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:after {
                content: '';
                height: 1px;
                width: 70px;
                background: #777;
                display: block;
                margin: 0 auto;
                margin-top: 15px;
            }

            .navbar-nav .nav-item .dropdown-menu .dropdown-wrapper .dropdown-item:last-child:after {
                display: none;
            }
}

/* Top Block Styling */

.AppointmentNewHeader {
    background: linear-gradient(30deg, #1d3443 33.75%, rgba(29,52,67,1) 100%);
}

.AppointmentLogoMobile,
.NetcarePlusLogoMobile {
    display: none;
}

.AppointMedContentWrapper,
.NetcarePlusContentWrapper {
    margin: 50px 0px 0px 0px;
    display: inline-block;
    float: left;
    width: 53%;
}

.AppointmedText {
    padding: 61px 0px 61px 90px;
    margin-top: 20px;
    padding-right: 25%;
}

.AppointmentLogo {
    padding-left: 90px;
    margin-top: 30px;
}

.AppointmedText p {
    color: #FFFFFF;
    font-weight: 300;
    line-height: 25.3px;
    font-style: normal;
}

.AppointmedText strong,
.NetcarePlusTopBannerText strong {
    font-family: 'Open Sans Semi-Bold';
}

.AppoinmentCall {
    font-size: 18px;
    font-weight: 300;
    color: #ffffff !important;
    line-height: 50px;
    background: url(/Portals/_default/Skins/Netcare-Core/images/icons/ArrowSmallRight.svg) no-repeat right center;
    padding-right: 25px;
    padding-left: 35px;
    float: right;
}

    .AppoinmentCall:active,
    .AppoinmentCall:hover {
        color: #4682B4 !important;
        background: url(/Portals/_default/Skins/Netcare-Core/images/icons/LightBlueArrowRight.svg) no-repeat right center;
    }

.btn-primary.btnAppointment {
    font-size: 16px;
    font-weight: 600;
    color: #1d3443 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0px 0px 20px rgba(37, 40, 73, 0.2);
    width: 270px;
    height: 48px;
}

    .btn-primary.btnAppointment:active,
    .btn-primary.btnAppointment:hover {
        color: #FFFFFF !important;
        background-color: #4682B4 !important;
    }

.AppointmentButton {
    padding-right: 20px;
    margin-top: 15%;
}

.AppointBlockTwo,
.NetcarePlusBlockTwo {
    margin-top: 50px;
    display: inline-block;
    float: right;
    width: 47%;
}

.AppointmentHours p {
    margin-bottom: 2px;
    color: #ffffff;
    font-weight: bold;
    font-size: 19px;
}

    .AppointmentHours p:first-child {
        font-size: 12px !important;
        letter-spacing: 0.15em;
    }

    .AppointmentHours p:nth-child(3) {
        color: #AFCCE0;
        font-weight: 600;
    }

.AppointmentBoxes {
    display: inline-block;
    float: right;
}

.AppointmentHours {
    display: inline-block;
    padding-top: 65px;
}

.AppointmentLogo img {
    width: 43%;
}

.AppointmentImg img,
.NetcarePlusImg img {
    width: 100%;
}

.HoursWrapper {
    padding-bottom: 25px;
}

.NetcarePlusBlockTwo .HoursWrapper {
    padding-bottom: 30px;
}

/*-- Boxes styling With CSS --*/

.AppointmentBoxes .box1 {
    display: inline-block;
    width: 135px;
    height: 135px;
    padding: 5px;
    opacity: 0.1;
    background-color: #ffffff;
    margin-right: 18px;
}

.AppointmentBoxes .box2 {
    display: inline-block;
    width: 135px;
    height: 135px;
    padding: 5px;
    opacity: 0.1;
    background-color: #ffffff;
    margin-right: 18px;
}

.AppointmentBoxes .box3 {
    display: inline-block;
    width: 135px;
    height: 135px;
    padding: 5px;
    opacity: 0.4;
    background-color: #ffffff;
}


/*Banner*/

.BannerWrapper {
    position: relative;
}

    .BannerWrapper .overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(38.97deg, rgba(26, 34, 57, 0.3) 48.04%, rgba(232, 173, 119, 0.3) 96.04%);
        opacity: .2;
    }

    .BannerWrapper > img {
        width: 100%
    }

    .BannerWrapper .MobileImage {
        display: none;
    }

    .BannerWrapper .words {
        position: absolute;
        left: 15%;
        top: 25%;
    }



        .BannerWrapper .words .small-heading {
            font-family: Open Sans;
            font-style: normal;
            font-weight: bold;
            font-size: 0.9em;
            line-height: 22px;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            color: #4682B4;
        }

        .BannerWrapper .words .big-heading {
            font-family: Open Sans Light;
            font-style: normal;
            font-weight: 300;
            font-size: 4.3em;
            line-height: 88px;
            letter-spacing: -0.03em;
            color: #1D3443;
            margin-left: -6px;
        }

        .BannerWrapper .words .highlighted-you {
            font-family: 'Open Sans Bold';
        }

        .BannerWrapper .words .vector {
            position: absolute;
            left: 289px;
            top: 97px;
        }


.AppointmedBanner .DesktopImage {
    display: block;
}

.AppointmedBanner .MobileImage {
    display: none;
}


#AppointMedNew p {
    font-size: 18px;
    line-height: 130%;
}

.AppointmentNewCarousel,
.AppointmentSecondBanner,
.AppointmentNewLogo,
.AppointmentNewForm,
.AppointmentNewGrid,
.AppointmentNewBanner,
.AppointmentNewHeader {
    min-width: 100%;
}

.AppointmentNewLogo {
    background: url(/portals/0/OneNetcare/Appointmed/wiggle.svg)no-repeat center #E7F0F6;
    padding-top: 115px;
    margin-top: -160px;
}


.AppointmedLink {
    font-size: 18px;
    font-weight: 300;
    color: #1D3443 !important;
    line-height: 50px;
    background: url(/portals/0/OneNetcare/Appointmed/icons/Arrow.svg) no-repeat right center;
    padding-right: 25px;
    padding-left: 35px;
    text-align: center;
    margin-bottom: 5%;
    background-position: 58%;
}

    .AppointmedLink:hover {
        color: #4682B4 !important;
        background: url(/Portals/_default/Skins/Netcare-Core/images/icons/LightBlueArrowRight.svg) no-repeat right center;
        background-position: 58%;
    }

.AppointmedLogoTitle p {
    padding: 0 17%;
    color: #1D3443;
}

.FullContainer {
    min-width: 100%;
}


.FirstContainer img {
    width: 100%;
}

.SecondContainer {
    padding: 100px;
    padding-left: 20%;
    font-family: 'Open Sans';
    /* position: absolute; */
    font-weight: 300;
    /* width: 88%; */
}

.BannerTitleAppointMed {
    width: min-content;
    position: relative;
}

    .BannerTitleAppointMed h1 {
        font-style: normal;
        font-family: open sans light;
        font-size: 65px;
        line-height: 97%;
        color: #1D3443;
    }

.BannerTextAppointMed {
    margin-right: 36%;
}

    .BannerTextAppointMed p, .LogoTextAppointmed p {
        color: #1D3443;
    }

.AppointmentNewBanner .NoPaddingLeft,
.AppointmentNewHeader .NoPaddingLeft,
.AppointmentSecondBanner .NoPaddingLeft,
.AppointmentSecondBanner .NoPaddingRight {
    padding-left: 0px;
}

.AppointmentNewBanner .NoPaddingRight,
.AppointmentNewHeader .NoPaddingRight,
.AppointmentSecondBanner .NoPaddingLeft,
.AppointmentSecondBanner .NoPaddingRight {
    padding-right: 0px;
}

.AppointmentNewBanner {
    position: relative;
}

    .AppointmentNewBanner > .col-12 {
        position: initial;
    }

.ANButton {
    background: rgba(70, 130, 180, 0.7);
    backdrop-filter: blur(5px);
    border-radius: 3px;
    width: 32%;
    color: #fff;
    align-items: center;
    display: flex;
    right: 33%;
    text-align: right;
    height: 20%;
    position: absolute;
    bottom: 15%;
    cursor: pointer;
}

    .ANButton:hover {
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    }

a.ANLink {
    width: 18%;
    position: absolute;
    right: 8%;
    /* padding-top: 5px; */
    font-size: 14px;
}

img.ANArrow {
    top: 50px;
    padding-top: 10px;
    right: 10%;
}

.ANMobile {
    display: none;
}


.MobileButtonAN {
    display: none;
}



.GridThree, .GridFive {
    background-color: #1D3443;
}



.AppointmedGridone {
    background: url('/portals/0/OneNetcare/Appointmed/NetworkGradient.jpg') no-repeat;
    background-size: 100%;
    height: 100%;
}


.AppointmentNewGrid .GridOne {
    background: url('/portals/0/OneNetcare/Appointmed/NetworkGradient.jpg') no-repeat;
    background-size: 100%;
    
}


.GridContainer {
    padding-top: 17%;
    padding-left: 35px;
}

    .GridContainer p, .GridContainer h1 {
        color: #ffffff;
    }

.GridText {
    width: 80%;
    padding-top: 15px;
}

.GridThree .GridText, .GridFive .GridText {
    width: 60%;
}


.ANBannerMobile {
    display: none;
}

.GridThree .GridTitle {
    width: 70%;
}

.LogoTextAppointmed {
    margin-top: 40px;
}

/*-- Banner Bottom --*/

.AppointmentBannerMobileTop img,
.NetcarePlusBannerMobileTop img {
    display: none;
}

.NetcarePlusBannerMobileTop img {
    display: none !important;
}

.AppointmentBanner img,
.NetcarePlusBannerImg img {
    width: 100%;
}


.AppointmentBannerText,
.NetcarePlusBannerText {
    position: absolute;
    right: 5%;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 37%;
    height: 75%;
}

    .AppointmentBannerText h2,
    .NetcarePlusBannerText h2 {
        font-size: 60px;
        line-height: 60px;
    }

    .AppointmentBannerText p,
    .NetcarePlusBannerText p {
        color: #1d3443;
        font-size: 20px;
        line-height: 31px;
        letter-spacing: -0.03em;
        font-style: normal;
    }

.btn-primary.AppointmentPurchase {
    border-radius: 5px;
    height: 50px;
    position: absolute;
    width: 237px;
    margin-top: 10px;
}

    .btn-primary.AppointmentPurchase:active,
    .btn-primary.AppointmentPurchase:Hover {
        color: #FFFFFF !important;
        background-color: #4682B4 !important;
    }

.GridOne .GridTitle {
    width: 80%;
}

.GridThree .GridTitle, .GridFive .GridTitle {
    width: 65%;
}


.squiggle {
    position: absolute;
    padding-top: 15%;
}

.LogoBoxes {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 10%;
    padding-top: 20px;
    padding-bottom: 5%;
}

    .LogoBoxes img {
        margin-top: 55px;
    }

.SquareOne, .SquareTwo, .SquareThree {
    margin: 20px;
    width: 453px;
    height: 453px;
    border-bottom: solid 7px #4682B4;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
    border-radius: 3px;
    /* padding: 1%; */
    padding-top: 5%;
    text-align: center;
}

.LogoTextAppointmed p {
    margin-bottom: 5px;
}

.LogoTextAppointmed strong {
    font-family: 'Montserrat Bold';
}

.AppointmedLogoTitle {
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-top: 70px;
}




/*-- Carousel Styling Appointment --*/
#AppointMedSlider .slick-slide,
#NetcarePlusReviewSlider .slick-slide {
    transform: scale(0.8);
    opacity: 0.8;
    transition: all ease .3s;
}

    #AppointMedSlider .slick-slide.slick-current,
    #NetcarePlusReviewSlider .slick-slide.slick-current {
        transform: scale(1.2);
        opacity: 1;
    }

        #AppointMedSlider .slick-slide.slick-current .ReviewSlide .SlideText p,
        #NetcarePlusReviewSlider .slick-slide.slick-current .ReviewSlide .SlideText p {
            font-size: 17px;
        }

#AppointMedSlider .SlideText h6,
#NetcarePlusReviewSlider .SlideText h6 {
    margin-bottom: 15px;
    font-weight: 600;
    color: #1d3443;
    text-align: center;
}

#AppointMedSlider .SlideText p,
#NetcarePlusReviewSlider .SlideText p {
    font-family: Open Sans Light;
    font-size: 18px;
    line-height: 28px;
    padding: 0px 20px 0px 25px;
}

.AppointmentNewCarousel {
    background: #F7F7F7;
}

#AppointMedSlider .SlideText,
#NetcarePlusReviewSlider .SlideText {
    display: block;
    background-color: #ffffff;
    padding: 48px 10px 20px;
    margin: 10px;
    border-bottom: 8px solid #4682B4;
    border-radius: 4px;
    opacity: 1;
    min-height: 300px;
    text-align: center;
}

#AppointMedSlider .slick-current .SlideText,
#NetcarePlusReviewSlider .slick-current .SlideText {
    background: url(../images/icons/AppointMedQuotes.svg) no-repeat 50% 6%;
    background-color: #ffffff !important;
    border-radius: 5px;
    border-bottom: 10px solid #4682B4;
    opacity: 1;
    min-height: 400px;
    background-size: 20%;
    text-align: center;
}

#AppointMedSlider .slick-slide.slick-current .SlideText p,
#NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p,
#NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2 {
    margin-top: 83px;
}

#AppointMedSliderNav .slick-dots li.slick-active button:before,
#AppointMedSliderNav .slick-dots li button:focus,
#AppointMedSliderNav .slick-dots li button:hover {
    color: #4682B4 !important;
    opacity: 1 !important;
}

#AppointMedSliderNav .slick-dots li button:before {
    font-size: 30px;
    color: #4682B4;
}

#AppointMedSlider,
#NetcarePlusReviewSlider {
    height: 480px;
    margin: 71px 50px 35px;
}

    #AppointMedSlider .SlideText h6,
    #NetcarePlusReviewSlider .SlideText h6 {
        margin-bottom: 25px;
    }

.AppointmentCarousel .BluePlus {
    background: url(../images/icons/CarouselBluePlus.svg) no-repeat left top;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px;
}

.AppointmentCarouselHeading,
.NetcarePlusCarouselHeading {
    display: table;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-top: 30px;
}

    .AppointmentCarouselHeading h2,
    .NetcarePlusCarouselHeading h2 {
        font-size: 45px;
    }

.CarouselText p {
    text-align: center;
    margin-top: -5px;
}

.AppointmentCarousel,
.NetcarePlusCarousel {
    background: url(../images/CarouselSquiggle.svg) no-repeat center;
    margin-top: 60px;
}

.NetcarePlusCarousel {
    padding-bottom: 60px;
}

.AppointmentSecondBanner {
    background: linear-gradient(210deg, #FFFFFF, transparent);
}


@media (max-width: 1600px) {
    .BannerTextAppointMed {
        /* width: 74%; */
        margin-right: 10%;
    }

        .BannerTextAppointMed p {
            font-size: 18px;
        }

    .GridTitle h1 {
        font-size: 38px;
    }

    .GridOne .GridTitle {
        width: 100%;
    }

    .SecondContainer {
        padding-right: 0px;
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 400px;
        padding-top: 20px;
    }
}

@media (max-width: 1500px) {
    .BannerTextAppointMed {
        /* width: auto; */
        margin-right: 13%;
    }

    .AppointmedLink {
        background-position: 60% !important;
    }

    .BannerTitleAppointMed h1 {
        font-size: 50px;
    }

    a.ANLink {
        width: 25%;
    }

    .GridText p {
        font-size: 16px !important;
    }

    .GridText {
        /* padding: 20px; */
        width: 95%;
        padding-top: 15px;
    }

    .GridThree .GridTitle, .GridFive .GridTitle {
        width: 75%;
    }

    .GridThree .GridText, .GridFive .GridText {
        width: 80%;
    }

    .GridContainer {
        padding-top: 14%;
        padding-left: 30px;
    }
}

@media (max-width: 1400px) {

    .BannerTextAppointMed {
        /* width: auto; */
        margin-right: 0px;
    }

    .BannerWrapper .words {
        top: 5% !important
    }

        .BannerWrapper .words .big-heading {
            font-size: 60px;
            width: 45%;
        }

        .BannerWrapper .words .vector {
            width: 10%;
            left: 253px;
            top: 95px;
        }

    .big-heading br {
        display: none;
    }
}

@media (max-width: 1300px) {
    .BannerWrapper .words a {
        font-size: 12px;
        margin-top: 2px !important;
    }

    .BannerTitleAppointMed h1 {
        font-size: 42px;
    }

    .SecondContainer {
        padding: 70px;
    }



    .GridContainer {
        padding-top: 10%;
        padding-left: 20px;
    }

    .GridTitle h1 {
        font-size: 34px;
    }

    .GridText {
        padding-top: 0px;
        width: 100%;
    }
}

/*----  1300  ----*/
@media (max-width: 1300px) {

    .ANButton {
        padding-top: 20px;
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 360px;
        margin: 10px;
    }

    .LogoBoxes img {
        margin-top: 20px;
    }
}

@media (max-width: 1200px) {
    .SecondContainer {
        padding: 70px;
        padding-top: 40px;
    }

    img.ANArrow {
        padding-top: 0px;
    }

    .GridTitle h1 {
        font-size: 32px;
        line-height: 120%;
    }


    a.ANLink {
        width: 28%;
        position: absolute;
        /* padding-top: 45px; */
        font-size: 14px;
    }

    .LogoTextAppointmed p {
        font-size: 16px;
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 290px;
    }

    .LogoBoxes img {
        margin-top: 10px;
    }

    .LogoTextAppointmed {
        margin-top: 30px;
    }

    .BannerWrapper .words .big-heading {
        font-size: 50px;
        line-height: 60px;
    }

    .BannerWrapper .words .small-heading {
        font-size: 12px;
    }

    .BannerWrapper .words .vector {
        left: 213px;
        top: 74px;
    }

    .big-heading br {
    }
}

@media (max-width: 1100px) {

    .SecondContainer {
        padding: 45px;
    }

    .BannerTitle h1 {
        font-size: 39px;
    }

    .BannerWrapper .words a {
        font-size: 12px;
        width: 27%
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 100%;
        margin: 10px;
    }

    .LogoBoxes {
        padding: 5%;
    }

    .AppointBlockTwo {
        width: 50%;
    }

    .GridThree .GridTitle, .GridFive .GridTitle {
        width: 85%;
    }

    .GridTitle h1 {
        font-size: 29px;
    }

    .GridText p {
        font-size: 14px !important;
        margin-bottom: 0;
    }

    #AppointMedSlider .SlideText p {
        padding: 8px 8px 0px 8px;
        margin-bottom: 15px;
        font-size: 15px;
    }
}

@media (max-width: 1024px) {
    .SecondContainer {
        padding: 30px;
        padding-left: 10%;
    }


    .BannerWrapper .words .big-heading {
        font-size: 40px;
        line-height: 50px;
        width: 40%;
    }

    .BannerWrapper .words .small-heading {
        line-height: 14px;
        font-size: 11px;
        width: 30%;
    }

    .BannerWrapper .words .vector {
        left: 166px;
        top: 87px;
    }

    .BannerWrapper .words a {
        font-size: 10px;
        width: 24%;
        margin-top: 10px !important;
    }
}

/*----  991  ----*/
@media (max-width: 992px) {

    .AppointmentHours p {
        font-size: 21px;
        line-height: 25px;
    }

    .BannerTwo {
        position: absolute;
        top: 65%;
        padding-bottom: 30px;
    }

    .ANMobile {
        margin-bottom: 20px;
        display: block;
        width: 50%;
        background-color: #4682B4 !important;
    }

    .ANBanner {
        display: none;
    }

    .ANBannerMobile {
        display: block;
    }

    .BannerTitleAppointMed h1 {
        font-size: 70px;
        line-height: 111%;
    }



    .AppointmentNewBanner .FirstContainer {
        height: 20%;
    }

        .AppointmentNewBanner .FirstContainer img {
            width: 100%;
        }

    .SecondContainer {
        /* padding-left: 25%; */
        padding-left: 30px;
        margin-top: -180px;
    }

    .LogoBoxes {
        display: contents;
        /* width: 100%; */
        align-items: center;
        padding: 10%;
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 60%;
        height: 453px;
        border-bottom: solid 7px #4682B4;
        margin-left: 20%;
    }

    .AppointmentNewLogo {
        background: #E7F0F6;
        padding-top: 155px;
        padding-bottom: 40px;
    }

    .LogoBoxes img {
        margin-top: 70px;
    }

    .BannerTextAppointMed {
        width: 68%;
    }

    .ANButton {
        display: none;
    }

    .MobileButtonAN {
        display: block;
        margin: 0 20px 20px 20px;
    }

    .AppointmentNewGrid .GridOne {
        background: url(/portals/0/OneNetcare/Appointmed/NetworkGradientMobile.jpg)no-repeat;
    }

    .GridOne, .GridThree, .GridFive {
        background-size: 100% !important;
        padding-top: 80%;
    }

    .AppointmentNewGridTwo .GridFive {
        background: url(/portals/0/OneNetcare/Appointmed/ConnectGradientMobile.jpg)no-repeat;
    }

    .GridContainer {
        position: absolute;
        top: 0px;
        padding: 11% 20px 0 30px;
    }

    .GridTitle {
        width: 67% !important;
    }

    .GridThree .GridTitle {
        width: 55% !important;
    }

    .GridText p {
        font-size: 20px !important;
    }

    .GridText {
        padding-top: 25px;
        width: 75% !important;
    }

    .GridFive .GridText {
        width: 65% !important;
    }

    .GridTitle h1 {
        font-size: 62px;
        font-family: 'Open Sans Light';
    }

    .GridTwo, .GridFour, .GridSix {
        display: none;
    }

    a.ANMobile.btn.btn-primary {
        margin: 0px 20%;
    }

    .AppointmentHours {
        padding-top: 30px;
    }
}

@media (max-width: 900px) {

    .BannerWrapper .words .big-heading {
        font-size: 30px;
        line-height: 40px;
        width: 40%;
        margin-left: -3px;
    }

    .BannerWrapper .words .small-heading {
        font-size: 10px;
        width: 30%;
    }

    .BannerWrapper .words .vector {
        left: 128px;
        top: 75px;
    }

    .BannerWrapper .words a {
        width: 33%;
        padding: 10px;
    }
}

@media(max-width: 810px) {

    .GridTitle {
        width: 75% !important;
    }

        .GridTitle h1 {
            font-size: 55px;
        }

    .GridThree .GridTitle {
        width: 60% !important;
    }
}

@media (max-width: 768px) {

    .words {
        top: 15% !important;
    }

    .BannerWrapper .words .big-heading {
        font-size: 20px;
        line-height: 27px;
        width: 35%;
    }

    .BannerWrapper .words .small-heading {
        font-size: 10px;
        width: 60%;
    }

    .BannerWrapper .words .vector {
        left: 84px;
        top: 51px;
    }

    .BannerWrapper .words a {
        width: 40%;
        padding: 8px;
        margin-left: -3px;
        margin-top: 6px !important;
    }
}

/*----  700  ----*/
@media(max-width: 700px) {
    .GridTitle h1 {
        font-size: 45px;
    }

    .GridText p {
        font-size: 18px !important;
    }

    .GridText {
        padding-top: 5px;
        width: 75% !important;
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 300px;
    }

    .LogoBoxes img {
        margin-top: 25px;
    }

    .LogoTextAppointmed {
        margin-top: 20px;
    }

    .BannerTextAppointMed {
        width: 80%;
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 87%;
        margin: 30px;
    }
}


@media (max-width: 600px) {

    .BannerWrapper .words a {
        font-size: 9px;
        width: 39%;
        padding: 6px;
        margin-top: 0px !important;
    }

    /*.ANMobile {
        margin-bottom: 20px;
        display: block;
        width: 70%;
        background-color: #4682B4 !important;
        
        margin-left: 15%;
    }*/



    .SecondContainer {
        /* padding-left: 25%; */
        padding-left: 20px;
        margin-top: -100px;
    }

    .BannerTitleAppointMed h1 {
        font-size: 50px;
    }

    .GridTitle h1 {
        font-size: 38px;
    }

    .GridOne .GridContainer {
        padding-top: 7%;
    }

    .GridThree .GridContainer, .GridFive .GridContainer {
        padding-top: 20%;
    }


    .GridOne .GridTitle {
        width: 85% !important;
    }

    a.ANMobile.btn.btn-primary {
        margin: 0px 0%;
    }


    .GridThree .GridTitle {
        width: 75% !important;
    }


    .SquareOne, .SquareTwo, .SquareThree {
        width: 90%;
        height: 453px;
        /* margin-right: 30%; */
        /* margin-left: 0%; */
        /* margin-right: 11px; */
    }

    .LogoTextAppointmed {
        margin-top: 60px;
    }
}

@media (max-width: 500px) {
    .BannerText {
        width: 100%;
    }

    .BannerWrapper .words {
        top: 0% !important
    }

        .BannerWrapper .words .big-heading {
            font-size: 18px;
            line-height: 25px;
            width: 50%;
        }

        .BannerWrapper .words .small-heading {
            font-size: 10px;
            width: 60%;
        }

        .BannerWrapper .words .vector {
            left: 74px;
            top: 49px;
        }

        .BannerWrapper .words a {
            font-size: 9px;
            width: 39%;
            padding: 5px;
            margin-left: -3px;
            margin-top: 0px !important;
        }

    .GridOne, .GridThree, .GridFive {
        background-size: 100% !important;
        padding-top: 95%;
    }

        .GridFive .GridContainer {
            padding-top: 15%;
        }

    .GridText {
        width: 85% !important;
    }

        .GridText p {
            font-size: 16px !important;
        }

    .GridTitle {
        width: 80% !important;
    }

        .GridTitle h1 {
            font-size: 32px;
        }

    .GridOne .GridContainer {
        padding-top: 12%;
    }

    .SquareOne, .SquareTwo, .SquareThree {
        width: 95%;
        height: 390px;
        margin: 20px 30px 20px 10px;
    }
}

/*----  460  ----*/
@media(max-width: 460px) {

    .GridOne .GridContainer {
        padding-top: 10%;
    }
}

/*----  400  ----*/
@media (max-width: 400px) {
    .GridTitle h1 {
        font-size: 25px;
    }

    .GridText {
        width: 95% !important;
    }

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

    .GridOne .GridText {
        width: 100% !important;
    }

    .GridFive .GridContainer {
        padding-top: 15%;
    }

    .GridOne .GridContainer {
        padding-top: 15%;
    }

    .SquareOne, .SquareTwo, .SquareThree {
        height: 340px;
    }
}

@media (max-width: 415px) {


    .BannerWrapper .words {
        top: 10% !important
    }

    .BannerWrapper .DesktopImage {
        display: none;
    }

    .BannerWrapper .MobileImage {
        display: block;
    }

    .BannerWrapper .words {
        left: 7%;
        top: 23% !important;
    }

        .BannerWrapper .words .big-heading {
            font-size: 25px;
            line-height: 35px;
            width: 50%;
        }

        .BannerWrapper .words .small-heading {
            /* font-size: 11px; */
            width: 45%;
            font-size: 10px;
            line-height: 15px;
        }

        .BannerWrapper .words .vector {
            left: 103px;
            top: 75px;
            width: 13%;
        }
}

@media (max-width: 360px) {
    .SecondContainer {
        padding-left: 5%;
    }

    .GridOne .GridContainer {
        padding-top: 7%;
    }

    .BannerTextAppointMed p {
        font-size: 14px;
    }

    .BannerWrapper .DesktopImage {
        display: none;
    }

    .BannerWrapper .MobileImage {
        display: block;
    }

    .BannerWrapper .words {
        left: 7%;
        top: 20% !important;
    }

        .BannerWrapper .words .big-heading {
            font-size: 20px;
            line-height: 29px;
            width: 46%;
        }

        .BannerWrapper .words .small-heading {
            width: 36%;
            font-size: 9px;
            line-height: 13px;
        }

        .BannerWrapper .words .vector {
            left: 83px;
            top: 64px;
            width: 13%;
        }
}

.Breadcrumb {
    z-index: 2;
    background-color: #F7F7F7;
}

/*----  330  ----*/
@media(max-width: 330px) {

    .GridOne .GridContainer {
        padding-top: 3%;
    }

    .GridFive .GridContainer {
        padding-top: 10%;
    }

    .GridText p {
        font-size: 13px !important;
    }
}

/*Brwoser Specific For Edge and Iphone Mobile*/
@supports (-ms-ime-align:auto) {

    .AppointmentNewBanner > .col-12 {
        position: static;
    }



    @media(max-width:1500px) {
        .SecondContainer {
            margin-top: 5%;
            padding-top: 15px;
        }
    }


    @media(max-width: 992px) {
        .AppointmentCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 50%;
        }

        .LogoBoxes {
            display: inline-block;
        }


        .SecondContainer {
            margin-top: 45%;
        }
    }

    @media(max-width: 900px) {
        .AppointmentCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 55%;
        }

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 60%;
        }
    }

    @media(max-width: 768px) {
        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 65%;
        }

        .AppointmentCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 60%;
        }

        .SecondContainer {
            margin-top: 40%;
        }
    }

    @media(max-width: 675px) {
        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 70%;
        }
    }

    @media(max-width: 600px) {
        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 60%;
        }

        .SecondContainer {
            margin-top: 35%;
        }
    }

    @media(max-width: 550px) {
        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 70%;
        }
    }

    @media(max-width: 480px) {
        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 75%;
        }

        .SecondContainer {
            margin-top: 25%;
        }
    }

    @media(max-width: 460px) {
        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 100%;
        }
    }

    @media(max-width: 400px) {
        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 110%;
        }
    }

    @media(max-width: 992px) {

        .AppointmentCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 50%;
        }
    }

    @media(max-width: 900px) {

        .AppointmentCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 55%;
        }

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 60%;
        }
    }

    @media(max-width: 768px) {

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 65%;
        }

        .AppointmentCarouselHeading,
        .NetcarePlusCarouselHeading {
            margin-top: 60%;
        }
    }

    @media(max-width: 675px) {

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 70%;
        }
    }

    @media(max-width: 600px) {

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 60%;
        }
    }

    @media(max-width: 550px) {

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 70%;
        }
    }

    @media(max-width: 480px) {

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 75%;
        }
    }

    @media(max-width: 460px) {

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 100%;
        }
    }

    @media(max-width: 400px) {

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 110%;
        }
    }
}

@supports (-webkit-touch-callout: none) {

    @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {
        .AppointmentNewBanner > .col-12 {
            position: static;
        }

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 90%;
            padding-top: 40px;
        }

        .SecondContainer {
            margin-top: 140px;
        }

        .AppointmentNewLogo {
            padding-bottom: 40px;
        }
    }
    /* CSS specific to iOS devices */
    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {

        .AppointmentNewBanner > .col-12 {
            position: static;
        }

        .AppointmentNewLogo {
            padding-bottom: 40px;
        }


        .SecondContainer {
            margin-top: 140px;
        }

        .AppointmentCarousel,
        .NetcarePlusCarousel {
            margin-top: 96%;
            padding-top: 40px;
        }
    }
}


/*Facility Banner*/

.ComplexBanner .left-box,
.ComplexBanner .right-box {
    display: inline-block;
    vertical-align: middle;
}

.ComplexBanner .left-box {
    width: 40%;
    margin-right: -5px;
}

    .ComplexBanner .left-box .wrapper {
        width: 65%;
        padding-left: 20px;
    }

.ComplexBanner.Content left-box .wrapper {
    padding-left: 24px;
}

.ComplexBanner .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 70px;
    line-height: 90px;
    letter-spacing: -0.03em;
    color: #1D3443;
    background: url('../images/icons/PlusPeach.svg') no-repeat left top;
    margin-left: -20px;
    padding-left: 20px;
    padding-top: 11px;
}

.ComplexBanner .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -0.03em;
    color: #1D3443;
    margin-bottom: 20px;
}

.ComplexBanner.Content .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 45px;
    line-height: 61px;
    letter-spacing: -0.03em;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px;
}

.ComplexBanner.Content .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 45px;
    line-height: 45px;
    letter-spacing: -0.03em;
}

.ComplexBanner.Covid .left-box .wrapper .ThinPlus {
    font-family: 'Open Sans Light';
    font-size: 58px;
    line-height: 70px;
    letter-spacing: -0.03em;
    color: #1D3443;
    background: url('../images/icons/PlusPeach.svg') no-repeat left top;
    margin-left: -20px;
    padding-left: 20px;
    padding-top: 14px;
}

.ComplexBanner.Covid .left-box .wrapper .TitleText {
    font-family: 'Open Sans';
    font-size: 58px;
    line-height: 70px;
    letter-spacing: -0.03em;
    color: #1D3443;
    margin-bottom: 20px;
}

.ComplexBanner .right-box {
    width: 60%;
}

    .ComplexBanner .right-box > img {
        max-height: 450px;
        max-width: 100%;
        float: right;
    }

@media (max-width: 1650px) {
    .ComplexBanner .left-box .wrapper .ThinPlus, .ComplexBanner.Covid .left-box .wrapper .ThinPlus {
        font-size: 60px;
        line-height: 60px;
    }

    .ComplexBanner .left-box .wrapper .TitleText, .ComplexBanner.Covid .left-box .wrapper .TitleText {
        font-size: 60px;
        line-height: 60px;
    }
}

/*----  1400  ----*/
@media (max-width: 1400px) {
    .ComplexBanner .left-box .wrapper .ThinPlus, .ComplexBanner.Covid .left-box .wrapper .ThinPlus {
        font-size: 50px;
        line-height: 50px;
    }

    .ComplexBanner .left-box .wrapper .TitleText, .ComplexBanner.Covid .left-box .wrapper .TitleText {
        font-size: 50px;
        line-height: 50px;
    }
}

/*----  1400  ----*/
@media (max-width: 1200px) {
    .ComplexBanner .left-box .wrapper, .ComplexBanner.Covid .left-box .wrapper {
        padding-left: 0px;
        margin: 30px auto;
    }
}

/*----  1024  ----*/
@media (max-width: 1024px) {
}

/*----  991  ----*/
@media (max-width: 991px) {
    .LoginButton {
        display: none;
    }

    .BannerWrapper {
        padding: 0 !important;
    }

    .ComplexBanner .left-box,
    .ComplexBanner .right-box {
        width: 100%;
        margin-right: 0px;
    }

        .ComplexBanner .left-box .wrapper {
            width: 80%;
            margin-left: 30px;
        }

        .ComplexBanner .right-box img {
            width: 100%;
        }
}

/*----  500  ----*/
@media (max-width: 500px) {
}

/*Breadcrumb*/

.Breadcrumb .Start,
.Breadcrumb .SkinObject {
    color: #57656E;
    font-size: 12px;
    font-weight: bold !important;
    text-transform: uppercase;
}


    .Breadcrumb .Start:after,
    .Breadcrumb .SkinObject:after {
        content: '|';
        margin: 0 10px;
    }

.Breadcrumb span span span:last-child .SkinObject {
    color: #1D3443;
}

    .Breadcrumb span span span:last-child .SkinObject:after {
        content: '';
    }

/*content*/

[id^=Anchor] {
    padding-top: 120px;
    margin-top: -120px !important;
}

#BodyWrapper {
    padding-top: 80px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #BodyWrapper section {
        padding: 100px 0;
    }

    #BodyWrapper > img {
        max-width: 100%;
    }

    #BodyWrapper.Unloaded {
        padding-top: 0px;
    }

@media all and (max-width: 800px) {
    #BodyWrapper.Unloaded {
        padding-top: 80px;
    }
}

.shade {
    box-shadow: inset 0px 50px 40px -30px #ddd, inset 0px -50px 40px -30px #ddd;
    background: #f7f7f7;
}

.grey {
    background: #f7f7f7 !important;
}

.white {
    background: #ffffff !important;
}

.peachgradient {
    background: linear-gradient(30deg, #DFCCBC 33.75%, rgba(239, 203, 173, 0.24) 100%);
    padding: 0 !important;
}

.extraspace {
    margin-top: 300px;
}

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

.News, .Research {
    padding: 30px 0 !important;
}

.LogoSection {
    padding-top: 55px !important;
    padding-bottom: 0 !important;
}

.LogoLine {
    border-bottom: 1px solid #BEC2C6;
    height: 12px;
    margin-bottom: 50px;
}

    .LogoLine .LineText {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 0.05em;
        color: #57656E;
        padding: 0 40px;
        background: #f7f7f7;
        display: block;
        margin: 0 auto;
        width: 61%;
        position: relative;
    }

    .LogoLine .LineText {
        position: relative;
    }

        .LogoLine .LineText .serif-text {
            font-family: serif;
            font-size: 23px;
            font-weight: bold;
        }

        .LogoLine .LineText .brush-stroke {
            position: absolute;
            width: 5%;
            left: 416px;
            top: 20px;
        }

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

        .LogoLine .LogoText .FooterYou {
            background: url(/portals/0/OneNetcare/Banners/brush-stroke.png) no-repeat;
            background-size: 90%;
            min-height: 30px;
            display: inline-block;
            background-position-x: 2px;
            background-position-y: 20px;
        }

.section-block {
    margin-bottom: 30px;
    position: relative;
    min-height: 485px;
}

    .section-block.sustainability-section {
        min-height: 500px;
    }

#transformation .section-block {
    min-height: 430px;
}

.section-block.environment-section {
    min-height: 470px !important;
}

.section-block .section-heading {
    margin-bottom: 20px;
}

    .section-block .section-heading a {
        margin-bottom: 15px;
        display: table;
        height: 60px;
    }

        .section-block .section-heading a h4 {
            font-weight: 600;
            display: table-cell;
            vertical-align: bottom;
        }

.section-block img {
    margin-bottom: 15px;
}


.section-block a.GoldLink {
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #1D3443 !important;
    margin-bottom: 10px;
    padding-right: 20px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    width: auto;
    transition: color ease-in-out 0.4s;
    position: absolute;
    bottom: 0;
}

    .section-block a.GoldLink:hover {
        color: #D5BFAC !important;
        background: url(../images/PeachArrow.svg) no-repeat right center;
        transition: color ease-in-out 0.4s;
    }

/*See-all firefox*/
@-moz-document url-prefix() {
    #SearchHospital,
    #SearchSpecialist,
    #SearchDoctor,
    #SearchDentist,
    #SearchClinic,
    #SearchVacancies {
        margin-bottom: 50px;
    }
}

.ValueItemInner {
    padding: 15px 0px;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

    .ValueItemInner .icon {
        margin: 0 auto;
        width: 122px;
        min-height: 93px;
        position: relative;
    }

        .ValueItemInner .icon img {
            margin: 0 auto;
            display: block;
            z-index: 100;
            position: relative;
            opacity: 1;
            transition: all ease-in-out 0.2s;
        }

        .ValueItemInner .icon .peachblock {
            position: absolute;
            left: 0;
            right: 0;
            height: 35px;
            top: 50%;
            margin-top: -16px;
            background: #4682B4;
            display: block;
            opacity: 0.3;
        }

    .ValueItemInner .heading {
        display: block;
        color: #1D3443;
        font-weight: 600;
        margin: 33px 0;
    }

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


/*ICONWRAPPER*/

.IconWrapper {
    margin-left: -10%;
}

    .IconWrapper .ValueItem {
        padding: 0px;
    }

    .IconWrapper .ValueItemInner .icon {
        width: 95px;
        min-height: 50px;
    }

        .IconWrapper .ValueItemInner .icon img {
            width: 65px;
        }

    .IconWrapper .ValueItem:not(:last-child):after {
        color: #BEC2C6 !important;
        content: ' ' !important;
        position: absolute;
        top: 15px;
        /* padding: 0 5px; */
        /* margin-right: 0px; */
        right: -5px;
        height: 130px;
        border-left: 1px solid #BEC2C6;
    }

    .IconWrapper .ValueItemInner .heading {
        margin: 0 auto;
        margin-top: 5px;
        /*when having 2 blocks on netcarePlus width is 58%*/
        width: 66%;
        font-family: 'Open Sans Bold';
        font-size: 18px;
        line-height: 122.94%;
        text-align: center;
        letter-spacing: -0.03em;
    }

    .IconWrapper .ValueItemInner:hover .heading {
        color: #D5BFAC !important;
        transition: color ease-in-out 0.4s;
    }

    .IconWrapper .ValueItemInner .heading#headingDesktop {
        display: block;
    }

    .IconWrapper .ValueItemInner .heading#headingMobile {
        display: none;
    }

    .IconWrapper .ValueItemInner .action {
        font-family: "Open Sans Light";
        color: #57656E !important;
        text-align: center;
        letter-spacing: -0.03em;
        line-height: 100%;
        font-weight: normal;
        padding-top: 10px;
    }

img.appontmedImage {
    width: 82%;
}

/*End-Of-IconWrapper*/

ul.content-list {
    list-style-type: disc;
}

    ul.content-list li {
        margin-bottom: 15px;
    }

img.content-img {
    display: block;
}

img.content-img-center {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

span.small-text {
    font-size: 14px;
    display: block;
    margin-top: -15px !important;
    color: #9A9FA7;
    margin-bottom: 15px;
}


.directors-block {
    margin-bottom: 30px;
    color: #9A9FA7;
}

    .directors-block .directors-title {
        font-weight: bold;
        color: #57656E;
    }

.executive-block {
    font-size: 14px;
    margin-bottom: 30px;
}

    .executive-block p {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #1D3443;
    }

    .executive-block .exec-title {
        color: #D5BFAC;
        font-weight: bold;
    }

    .executive-block .exec-qualifications, .executive-block .exec-joined {
        color: #9A9FA7;
    }

.strategic-box.strategic-large {
    min-height: 450px;
}

.strategic-box.strategic-small {
    min-height: 250px;
}

.BlueAnchor {
    font-weight: bold;
    color: #1D3443 !important;
}

a.BlueAnchor:hover {
    font-weight: bold;
    color: #D5BFAC !important;
}

.ExpandLink {
    font-size: 16px;
    line-height: 22px;
    display: table;
    align-items: center;
    color: #D5BFAC !important;
    margin-bottom: 20px;
    padding-right: 20px;
    background: url(../images/PeachArrow.svg) no-repeat right center;
    width: auto;
    transition: color ease-in-out 0.4s;
    margin-top: -12px !important;
}

.content-right {
    padding-left: 10px;
    padding-top: 10px;
}

.content-block {
    min-height: 175px;
}

    .content-block .content-title {
        font-weight: bold;
    }


.BigButton {
    background: #1D3443;
    box-shadow: 0px 0px 20px rgba(37, 40, 73, 0.2);
    border-radius: 5px;
    color: #ffffff !important;
    padding: 10px 45px;
}

    .BigButton.VacancyButton {
        margin-top: 30px;
        display: table;
    }
/*News and Media Releases*/
.yearSelector {
    margin-bottom: 50px;
    margin-top: 20px;
    margin-left: 0px;
}

    .yearSelector option {
        background: #FFFFFF !important;
        color: #1D3443;
    }

    .yearSelector select {
        font-family: 'Open Sans';
        font-size: 16px !important;
        color: #FFFFFF !important;
        border-radius: 3px !important;
        border: 0px none !important;
        box-shadow: none !important;
        padding: 13px !important;
        height: auto !important;
        border: 2px solid #1D3443 !important;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 100% !important;
        appearance: none;
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none;
        background: url(../images/icons/DropdownDownArrowWhite.svg) no-repeat 96% #1D3443 !important;
    }

        .yearSelector select::-ms-expand {
            display: none;
        }

    .yearSelector label {
        font-size: 16px;
        color: #80898F;
        margin-bottom: 8px !important;
        display: block !important;
        width: 100% !important;
        text-transform: uppercase;
        line-height: 22px;
        font-weight: bold;
        letter-spacing: 0.15em;
    }

.LineHeader {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 30px;
    height: 40px;
    margin-left: 2px;
}

    .LineHeader h4 {
        color: #80898F;
        display: inline;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        line-height: 22px;
        padding-left: 20px;
        font-size: 16px;
    }

.location-list {
    padding-left: 17px;
}

.NewsListingItem {
    width: 50%;
    display: inline-block;
    margin-right: -5px;
    padding-bottom: 40px;
    padding-right: 5%;
    padding-left: 17px;
    vertical-align: top;
}

    .NewsListingItem .Heading {
        margin-bottom: 3px;
        font-weight: bold;
        font-family: 'Open Sans';
        letter-spacing: normal;
    }

        .NewsListingItem .Heading a {
            color: #1D3443;
        }

            .NewsListingItem .Heading a:hover {
                color: #D5BFAC;
            }

.Subheading {
    font-size: 16px;
}

    .Subheading p {
        color: #80898F;
        margin-bottom: 2px;
    }

    .Subheading i p em, .Subheading i {
        font-style: normal;
        font-size: 16px;
        font-family: 'Open Sans';
    }

.ArticlePublishDate {
    color: #BEC2C6;
}
/* Education & training */
.DnnModule-FECCTrainingProgrammes {
    display: none;
}

.education-half:first-child {
    padding-left: 5px;
}

.education-block {
    min-height: 370px;
    border-radius: 4px;
    margin: 10px;
    padding: 44px 10px 10px 10px;
    text-align: center;
    background: linear-gradient(27.17deg, rgba(255, 255, 255, 0.76) 3.81%, rgba(255, 255, 255, 0.3) 98.99%);
}

    .education-block p {
        font-size: 16px;
        line-height: 20px;
        color: #939393;
        padding: 5px 45px;
    }

    .education-block h4 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 122.94%;
        letter-spacing: inherit;
        padding: 5px 110px;
        margin-bottom: 10px;
    }


    .education-block:hover {
        cursor: pointer;
        box-shadow: 0px 4px 50px rgba(118, 124, 175, 0.15);
    }


.patient-journey-icon {
    min-height: 80px;
    width: 122px;
    position: relative;
    margin: 0 auto;
}

    .patient-journey-icon .peachblock {
        position: absolute;
        left: 0;
        right: 0;
        height: 33px;
        top: 50%;
        margin-top: -23px;
        background: #4682B4;
        display: block;
        opacity: 0.3;
    }


.BlueLink {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    align-items: center;
    color: #1D3443 !important;
    margin-bottom: 10px;
    padding-right: 20px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    display: table;
    transition: color ease-in-out 0.4s;
}

    .BlueLink:hover, .education-block:hover .BlueLink {
        background: url('../images/PeachArrow.svg') no-repeat right center;
        color: #D5BFAC !important;
        transition: color ease-in-out 0.4s;
    }

.education-block .BlueLink {
    margin: 10 auto;
}


.patient-journey-icon img {
    margin: 0 auto;
    display: block;
    z-index: 100;
    position: relative;
    opacity: 1;
    transition: all ease-in-out 0.2s;
}

.QuoteBlock {
    font-family: 'Open Sans Light';
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.03em;
    color: #D5BFAC;
    margin: 25px 0px;
    text-align: left;
}

.TextUnderQuote {
    margin-top: 30px;
}

.QuoteBlock > h4, .QuoteBlock > h3 {
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 28px;
    color: #D5BFAC;
    letter-spacing: -0.03em;
    font-weight: 500;
    margin-bottom: 25px;
}

.background-box-grey {
    background: linear-gradient(27.17deg, rgba(255, 255, 255, 0.76) 3.81%, rgba(255, 255, 255, 0.3) 100%);
    padding: 20px;
    margin-bottom: 15px;
}

div#FinancialResultAccordion {
    margin-bottom: 60px;
}

a.findHover:hover {
    color: #D5BFAC !important;
}
/*--Apps--*/
.StoreButtons a {
    display: inline-block;
    padding: 25px 20px 10px 0;
}
/*---Sustainability Transformation*/
.dti-box {
    margin-bottom: 10px;
    width: 100%;
    background: #fff linear-gradient(#1D3443 2px, transparent 2px) 0 28px repeat-x;
    position: relative;
}

.value-one {
    padding: 1% 2%;
    background-color: #fff;
    display: inline-block;
}

.value-two {
    text-align: right;
    padding: 1% 2% 1% 2%;
    position: absolute;
    top: 1%;
    right: 0;
    z-index: 1;
    background-color: #fff;
    background: #fff url(../images/ArrowRight.svg) no-repeat left 16px;
}

.dti-box h3 {
    color: #1D3443;
    font-size: 45px;
    font-weight: 400;
    margin: 0;
}

.value-two h3 {
    padding-left: 10px;
}

.value-one-desc {
    width: 47.5%;
    padding-left: 2%;
    display: inline-table;
}

.value-two-desc {
    width: 50.5%;
    display: inline-table;
    text-align: right;
    padding-right: 2%;
}

.value-single-desc {
    width: 98%;
    text-align: right;
    padding-right: 2%;
    display: inline-table;
}

.value-one-desc p, .value-two-desc p {
    margin-top: -10px;
}

.value-one-desc h5, .value-two-desc h5 {
    color: #002663;
}

.info-table-two table {
    width: 100%;
    border-spacing: 0px;
}

.info-table-two td, .info-table-two th {
    width: 25%;
    text-align: center;
    padding: 15px;
}

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

.info-table-two th {
    color: #1D3443;
    padding-bottom: 10px;
    font-family: "Open Sans";
    font-weight: bold;
}

.info-table-two td {
    background-color: #edf1f5;
    border-top: 5px solid #fff;
}

.info-table-two tr {
    border-spacing: 10px;
    border-top: 10px solid #D5BFAC !important;
}

.blue {
    color: #002663;
}

.info-table-two.left-align td, .info-table-two.left-align th {
    text-align: left;
}
/* Vaccination list */
.vaccination-list li:after {
    content: ";";
}


.vaccination-list li {
    display: inline;
    padding-right: 5px;
}

ul.vaccination-list {
    margin-left: 0 !important;
}
/* Travel Clinics Tables*/
.TravelClinic-Container {
    margin: 0 auto;
    width: 100%;
}



.travelClinic-table-two table {
    width: 100%;
    border-spacing: 0px;
}


.travelClinic-table-two td, .travelClinic-table-two th {
    width: 25%;
    text-align: center;
    padding: 15px;
}


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


.travelClinic-table-two th {
    color: #002663;
    padding-bottom: 10px;
}


.travelClinic-table-two td {
    background-color: #edf1f5;
}


.travelClinic-table-two tr {
    border-spacing: 10px;
    border-top: 10px solid #D5BFAC !important;
}


.travelClinic-background-box-grey {
    padding: 20px;
    margin-bottom: 15px;
    background-color: #efefef;
}


.travelClinic-table-two.left-align td, .travelClinic-table-two.left-align th {
    text-align: left;
}



.info-table-quarter {
    width: 23% !important;
    margin: 0.5%;
    padding: 1.5%;
    display: inline-block;
    background-color: #fff;
    vertical-align: top;
    padding-bottom: 1px;
    text-align: center;
}

    .info-table-quarter h3 {
        color: #1D3443;
        font-size: 45px;
        font-weight: 400;
        margin: 0;
        padding-bottom: 1px;
    }

.info-table-head {
    text-align: center;
    overflow: hidden;
}

.info-container > h4 {
    margin-top: 15px;
}

.info-table-third h3 {
    color: #1D3443;
    font-size: 45px;
    font-weight: 400;
}

.info-table-third {
    width: 32% !important;
    margin: 0.5%;
    padding: 1.5%;
    display: inline-block;
    background-color: #fff;
    vertical-align: top;
    padding-bottom: 1px;
    text-align: center;
    min-height: 150px;
}

.info-container.desktop-only {
    padding-bottom: 20px;
}

h4#Anchor2, h4#Anchor3, h3#Anchor6 {
    margin-top: 20px;
}


.content-img, .content-img img {
    padding: 12px 0;
    max-width: 100%;
    height: auto;
}

h3#leadership_quote {
    padding: 50px 20px;
    z-index: 4;
    line-height: 36px;
}
/*====----  Page Scroller  ----====*/
#PageScroller {
    height: auto;
    width: 550px;
    position: relative;
    margin-bottom: 20px;
    z-index: 5;
}

    #PageScroller .TextBox {
        padding: 20px 25px;
        font-size: 18px;
        background: #1D3443 url('../images/icons/DropdownDownArrowWhite.svg') no-repeat 97% center;
        color: #fff;
    }

        #PageScroller .TextBox:hover {
            cursor: pointer;
        }

    #PageScroller .DropDown {
        height: auto;
        left: 0;
        right: 0;
        z-index: 4;
        background: #fff;
        position: absolute;
        display: none;
    }

        #PageScroller .DropDown a {
            display: block;
            padding: 10px 25px;
            color: #002663;
        }

            #PageScroller .DropDown a:hover {
                background: #F4EDE6;
                box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
            }


.tranformation {
    background: white;
    margin: 30px 0px;
    padding: 15px;
}
/*---Dentist and Doctor filter search*/
#Hospital .HospitalWrapper, #Specialist .SpecialistsWrapper, #Clinic .ClinicWrapper, #Doctor .DoctorsWrapper, #Densits .FilterWrapper {
    padding: 10px 0;
}

#Doctor,
#Dentist {
    padding: 20px 0 30px;
}

    #Doctor .FilterWrapper,
    #Dentist .FilterWrapper {
        padding: 10px 0 20px;
        overflow: auto;
    }

    #Doctor #SearchDoctor:hover,
    #Dentist #SearchDentist:hover {
        background: #1D3443;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    #Doctor #searcherror,
    #Dentist #searcherror {
        color: #e7393f;
        margin-left: 10px;
        float: none;
    }

        #Doctor #searcherror.error,
        #Dentist #searcherror.error {
            display: inline-block !important;
        }

    #Doctor .DoctorsWrapper,
    #Dentist .DentistWrapper {
        display: table;
        width: 100%;
        padding: 20px 0 20px;
    }

        #Doctor .DoctorsWrapper .DoctorRow,
        #Dentist .DentistWrapper .DentistRow,
        #Dentist .DentistWrapper .DenstistRow {
            display: table-row;
        }

            #Doctor .DoctorsWrapper .DoctorRow > div,
            #Dentist .DentistWrapper .DentistRow > div,
            #Dentist .DentistWrapper .DenstistRow > div {
                display: table-cell;
                padding: 7px 5px;
                vertical-align: top;
            }

    #Doctor .prevousButton, #Doctor .nextButton,
    #Dentist .prevousButton, #Dentist .nextButton {
        background: #d9d9d9;
        border: 0px none;
        color: #6c6c6c;
        padding: 5px 15px;
    }

        #Doctor .prevousButton:hover, #Doctor .nextButton:hover,
        #Dentist .prevousButton:hover, #Dentist .nextButton:hover {
            color: #fff;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    #Doctor .prevousButton,
    #Dentist .prevousButton {
        margin-right: 20px;
    }

    #Doctor .nextButton,
    #Dentist .nextButton {
        margin-left: 20px;
    }

.search-filter-labels {
    margin-top: 15px;
    margin-bottom: 25px;
}


.alert-dismissable .close,
.alert-dismissible .close {
    position: absolute;
    top: -6px;
    right: -12px;
    color: inherit;
}
/*-- Vacancies Page --*/
.nodata {
    margin-left: 10px;
    float: left;
    margin-top: 16px;
}

#Vacancies {
    position: relative;
}

    #Vacancies .FilterWrapper .ProvinceContainer,
    #Vacancies .FilterWrapper .DivisionContainer,
    #Vacancies .FilterWrapper .CategoryContainer {
        width: 33%;
        float: left;
        padding: 10px;
    }

    #Vacancies .FilterWrapper .CategoryContainer {
        padding-right: 0px;
    }

    #Vacancies .FilterWrapper select:focus {
        border: 2px solid #bba365 !important;
        outline: none !important;
    }

    #Vacancies .FilterWrapper .ButtonContainer button {
        display: inline-block;
        background: #1D3443;
        border: 0px none;
        padding: 10px 100px;
        margin-top: 5px;
        font-size: 18px;
        border-radius: 5px;
        color: #fff !important;
        float: left;
    }

        #Vacancies .FilterWrapper .ButtonContainer a:hover,
        #Vacancies .FilterWrapper .ButtonContainer button:hover {
            background: #1D3443;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

    #Vacancies .VacanciesWrapper,
    #Vacancies .VacanciesHeadings {
        display: table;
        width: 100%;
    }

        #Vacancies .VacanciesWrapper .VacanciesRow {
            display: table-row;
            width: 100%;
        }

            #Vacancies .VacanciesWrapper .VacanciesRow:nth-child(odd) {
                background: #f4f4f4;
            }

            #Vacancies .VacanciesWrapper .VacanciesRow > div {
                display: table-cell;
                padding: 15px 5px;
                vertical-align: top;
                border-top: 1px solid #dfdfdf !important;
            }

            #Vacancies .VacanciesWrapper .VacanciesRow .RegionHeading,
            #Vacancies .VacanciesWrapper .VacanciesRow .DivisionHeading,
            #Vacancies .VacanciesWrapper .VacanciesRow .CategoryHeading,
            #Vacancies .VacanciesWrapper .VacanciesRow .SpecificationHeading,
            #Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading,
            #Vacancies .VacanciesWrapper .VacanciesRow .InstitutionHeading {
                font-weight: bold !important;
            }


#Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber > a,
#Specialist .SpecialistsWrapper .SpecialistRow #Email > a,
#Hospital .HospitalWrapper .HospitalRow #Email > a,
#Clinic .ClinicWrapper .ClinicRow .Email > a,
#Doctor .DoctorsWrapper .DoctorRow #Email > a {
    font-weight: normal !important;
    color: #80898F !important;
    font-size: 17px !important;
}

    #Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber > a:hover,
    #Hospital .HospitalWrapper .HospitalRow #Email > a:hover,
    #Clinic .ClinicWrapper .ClinicRow .Email > a:hover,
    #Doctor .DoctorsWrapper .DoctorRow #Email > a:hover,
    #Specialist .SpecialistsWrapper .SpecialistRow #Email > a:hover {
        color: #D5BFAC;
    }

#Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading {
    text-align: right;
}

    #Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading label {
        margin-right: 30px;
        text-align: left;
    }


#Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a {
    padding: 5px 20px;
    background: #1D3443;
    color: #fff;
    display: inline-block;
    float: right;
    margin-right: 10px;
    white-space: nowrap;
}

    #Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a:hover {
        background: #495b67;
        color: #fff;
    }

#Vacancies .VacanciesWrapper .VacanciesRow .RegionHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .DivisionHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .CategoryHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .SpecificationHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .DetailsHeading,
#Vacancies .VacanciesWrapper .VacanciesRow .InstitutionHeading {
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #80898F;
    border: 0px none !important;
}
/*-- Working Styles*/
#VacanciesDetails .dl-horizontal {
    font-size: 14px;
    color: #666666;
}

    #VacanciesDetails .dl-horizontal dt {
        white-space: normal;
    }

    #VacanciesDetails .dl-horizontal dt,
    #VacanciesDetails .dl-horizontal dd {
        padding: 5px 0px;
    }

#VacanciesDetails a.RedLink {
    font-weight: bold;
    font-size: 12px !important;
    color: #bba365 !important;
    text-transform: uppercase;
    background: url('../images/GoldArrow.png') no-repeat right center;
    padding-right: 22px;
    display: table !important;
    padding-left: 180px;
    margin: 10px 0;
}

    #VacanciesDetails a.RedLink:hover {
        padding-right: 26px;
        color: #bba365;
    }

#VacanciesDetails .apply,
#VacanciesDetails .apply:focus {
    display: inline-block;
    background: #002663;
    border: 0px none;
    padding: 10px 100px;
    margin: 5px 0 0 180px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
    outline: none;
}

    #VacanciesDetails .apply:hover {
        background: #3b649a;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
/*-- Vacancies Modal --*/
#Vacancies + #myModal .modal-body .form-group label {
    font-size: 16px;
    font-weight: bold;
    color: #26405c;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

#Vacancies + #myModal .modal-body .form-group span.validation {
    color: #e7393f;
    margin-left: 10px;
}

#Vacancies + #myModal .modal-body .form-group input {
    font-size: 16px !important;
    color: #666 !important;
    border-radius: 0px !important;
    border: 0px none !important;
    background: #edf1f5 !important;
    box-shadow: none !important;
    padding: 13px !important;
    height: auto !important;
    border: 2px solid #edf1f5 !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 100% !important;
}

    #Vacancies + #myModal .modal-body .form-group input:focus {
        border: 2px solid #e7393f !important;
        outline: none !important;
    }

#Vacancies + #myModal .modal-footer button,
#Vacancies + #myModal .modal-footer button:focus {
    display: inline-block;
    background: #002663;
    border: 0px none;
    padding: 10px 50px;
    margin-top: 5px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff !important;
}

    #Vacancies + #myModal .modal-footer button:hover {
        background: #3b649a;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

#Vacancies + #myModal .close {
    font-size: 30px;
}
/* FNAH Training Programmes table styling*/
.DnnModule-FECCTrainingProgrammes {
    display: none;
}

#TrainingProgrammes .hidden-fields {
    display: none;
}


#TrainingProgrammes {
    font-size: 14px;
}

    #TrainingProgrammes thead {
        color: #fff;
        background-color: #1D3443;
    }

    #TrainingProgrammes tbody {
        font-size: 14px;
    }

    #TrainingProgrammes > tbody > tr > td {
        border: none;
    }

    #TrainingProgrammes tr.shown {
        color: #1D3443;
        font-weight: bold;
    }

        #TrainingProgrammes tr.shown td {
            border-bottom: none !important;
        }

    #TrainingProgrammes > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 0px !important;
    }

    #TrainingProgrammes td.details-control {
        background: url(../images/icons/DropdownDownArrowBlue.svg) no-repeat 97% center;
        cursor: pointer;
    }

    #TrainingProgrammes tr.shown td.details-control {
        background: url(../images/icons/DropdownUpArrowBlue.svg) no-repeat 97% center;
    }

    #TrainingProgrammes .course-details {
        margin: 10px;
        background-color: #fff;
        padding: 15px;
    }

    #TrainingProgrammes .course-dates p:first-child {
        margin-bottom: 0;
    }


    #TrainingProgrammes a.course-button, #TrainingProgrammes a.course-button:focus {
        background: #1D3443 !important;
        display: inline-block;
        border: 0px none;
        padding: 10px 15px;
        margin: 10px 0;
        font-size: 16px !important;
        border-radius: 5px;
        color: #fff !important;
    }

        #TrainingProgrammes a.course-button:hover {
            background: #1D3443 !important;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }


#TrainingProgrammes_paginate .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1D3443;
    border-color: #1D3443;
    color: #fff !important;
}

#TrainingProgrammes_paginate > .pagination > li > a, .pagination > li > span {
    color: #1D3443;
}

div#TrainingProgrammes_length {
    float: right;
    /* display: flex; */
    /* justify-content: flex-end; */
}

div#TrainingProgrammes_filter {
    float: left;
    /* display: flex; */
    margin-bottom: 10px;
    /* justify-content: flex-start; */
}

div#TrainingProgrammes_paginate {
    float: right;
}

div#TrainingProgrammes_info {
    float: left;
}
/* Live Forms styling */

/* Specific to contact us page */
#LiveForm977 ul.page-break-section {
    padding-left: 0 !important;
}

    #LiveForm977 ul.page-break-section li:nth-child(odd),
    #LiveForm977 ul.page-break-section li.Last {
        padding-left: 0 !important;
    }


/*Generic for Liveforms*/
.LiveForm {
    border: 0px none !important;
}

    .LiveForm * {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

    .LiveForm.Default ul.page-break-section {
        background: none !important;
        box-shadow: none;
    }

    .LiveForm.Default .thank-you {
        padding: 40px !important;
        background: #F4EDE6 !important;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    }

        .LiveForm.Default .thank-you h3 {
            text-align: center;
            margin-bottom: -10px;
            font-style: normal;
            font-weight: bold;
            font-size: 30px;
            line-height: 41px;
            letter-spacing: -0.03em;
        }

    .LiveForm .Field label {
        margin-bottom: 10px !important;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold !important;
        font-size: 16px;
        line-height: 22px !important;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #80898F;
    }



    .LiveForm .Field > div input,
    .LiveForm .Field > div select,
    .LiveForm .Field > div textarea {
        font-family: 'Open Sans Light' !important;
        font-size: 18px !important;
        color: #1D3443 !important;
        font-weight: 700;
        border-radius: 3px !important;
        border: 0px none !important;
        background: #F0F0F0 !important;
        box-shadow: none !important;
        padding: 15px !important;
        height: auto !important;
        line-height: 24px;
        letter-spacing: -0.04em;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .LiveForm .Field > div textarea {
        height: 200px !important;
    }

        .LiveForm .Field > div input:focus, .LiveForm .Field > div select:focus, .LiveForm .Field > div textarea:focus {
            outline: none !important;
        }


    .LiveForm .form-select-blue > div select {
        color: #fff !important;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(../images/icons/DropdownDownArrowWhite.svg) no-repeat 96% #1D3443 !important;
    }

        .LiveForm .form-select-blue > div select::-ms-expand {
            display: none;
        }


    .LiveForm .form-select-white > div select {
        background: url(../images/icons/GoldArrowDown.svg) no-repeat 96% !important;
        background-color: #fff !important;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        color: #1D3443 !important;
        box-shadow: 0px 4px 10px rgba(26, 34, 57, 0.08) !important;
    }

        .LiveForm .form-select-white > div select::-ms-expand {
            display: none;
        }


    .LiveForm .Field > div select option {
        background: #FFFFFF !important;
        color: #1D3443;
        padding: 10px;
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 17px;
    }

    .LiveForm .form-extra-field {
        width: 50% !important;
    }

        .LiveForm .form-extra-field .Field-Container-Wide, .form-textarea .Field-Container-Wide {
            display: block !important;
        }

        .LiveForm .form-extra-field select, .form-textarea textarea {
            width: 100% !important;
        }

    .LiveForm .right-field {
        clear: none !important;
    }


    .LiveForm .Field > div input[type="submit"] {
        background: #1D3443 !important;
        border: 0px none !important;
        padding: 10px 100px !important;
        margin-top: 5px !important;
        font-size: 18px !important;
        color: #fff !important;
        border-radius: 5px !important;
        float: left;
        box-shadow: 0px 0px 20px rgba(37, 40, 73, 0.2) !important;
    }

        .LiveForm .Field > div input[type="submit"]:hover {
            background: #3b649a !important;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }


    .LiveForm.Default .Field.Required.Radiobutton table {
        border-left: none !important;
        padding-left: 0 !important;
    }

    .LiveForm input[type="radio"] {
        opacity: 0.01;
        z-index: 100;
        cursor: pointer;
    }

    .LiveForm .Radiobutton table td label {
        cursor: pointer;
        color: #979DA6;
        padding: 13px 55px;
        font-size: 14px !important;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px rgba(26, 34, 57, 0.08);
        border-radius: 3px;
        margin-left: -20px !important;
        text-transform: capitalize !important;
        min-width: 60px !important;
    }

    .LiveForm input[type="radio"]:checked + label,
    .Checked + label {
        color: #D5BFAC;
    }

    .LiveForm.Default .Field.Radiobutton table {
        display: inline-block;
    }

        .LiveForm.Default .Field.Radiobutton table tr td {
            padding: 0;
        }

            .LiveForm.Default .Field.Radiobutton table tr td:nth-child(2) {
                padding-left: 20px !important;
            }



    .LiveForm.Default label.error {
        color: #EB5757 !important;
        font-size: 14px !important;
        padding: 5px 0 !important;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600 !important;
        text-transform: unset;
        letter-spacing: normal;
    }

    .LiveForm.Default input.error, .LiveForm.Default textarea.error, .LiveForm.Default select.error {
        border: 1px solid #EB5757 !important;
    }

    .LiveForm.Default ul.page-break-section, .LiveForm.Default .thank-you {
        box-shadow: 0 0 0 0 !important;
    }

.GreyAnchor {
    font-weight: bold;
}

.ContactUsBlock {
    margin-bottom: 50px;
}

    .ContactUsBlock a {
        color: #80898F;
    }

    .ContactUsBlock p {
        margin-bottom: 0;
    }

    .ContactUsBlock h4 {
        margin-bottom: 15px;
    }

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



/* Contact us Map */
.Map {
    display: none;
}

.MapDetails {
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    height: 400px;
    width: 30%;
    padding: 40px;
    padding-right: 11%;
}

.MapFrame {
    width: 70%;
    height: 400px;
}

.MapContainer {
    overflow: auto;
    width: 100%;
    margin-bottom: 50px;
}

.MapDetails p {
    margin-bottom: 0px;
}


.MapDetails .coordinates {
    color: #D5BFAC;
}

.MapDetails .BlueLink {
    display: table;
    margin: 20px 0;
}
/*Contact Us Loader*/
.lfoverlay {
    background-color: rgba(255,255,255,0.3);
}

.lfmodal {
    background-color: rgba(255,255,255,0.7) !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 2 !important;
    left: 0px !important;
    top: 0px !important;
    margin-left: 0px !important;
    border-radius: 0px !important;
}




    .lfmodal img {
        background-color: rgba(255,255,255,0.7) !important;
        border: 5px solid transparent !important;
        border-top: 5px solid #1D3443 !important;
        border-radius: 50% !important;
        width: 60px !important;
        height: 60px !important;
        animation: spin 1s linear infinite !important;
        -webkit-animation: spin 1s linear infinite !important;
        -moz-animation: spin 1s linear infinite !important;
        -o-animation: spin 1s linear infinite !important;
        -ms-animation: spin 1s linear infinite !important;
        margin: 0 auto !important;
        background: none !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        box-sizing: border-box !important;
        padding-left: 30px !important;
        padding-right: 20px !important;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}
/* Investor Relations*/
/* Investor Relations*/
.IRNavigation {
    height: 35px;
    width: 100%;
    display: inline-block;
    margin-bottom: 70px;
}

#IRNavButton {
    display: none;
}

.IRMenuContainer {
    display: inline-block;
    width: 100%;
}

.IRMenu {
    width: 100%;
    height: 50px;
    float: left;
    margin: 0 auto;
}

    .IRMenu li {
        list-style-type: none;
        float: left;
        display: table;
        margin: 0;
        padding: 0;
        position: relative;
        width: 16.66%;
        display: table;
        margin: 0;
        padding: 0;
        position: relative;
        height: 60px;
    }



        .IRMenu li > a:hover,
        .IRMenu li > a:focus,
        .IRMenu li > a:active {
            color: #D5BFAC !important;
        }

        .IRMenu li:hover a {
            border-left: none;
            border-right: none;
        }

        .IRMenu li:last-child a.IRMenuItem:after {
            display: none;
        }

a.IRMenuItem {
    width: 100%;
    background: #8ebae5;
    color: #fff !important;
    padding: 0px 55px;
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    white-space: normal;
    line-height: 17px;
    font-size: 14px;
    background: #1D3443;
    letter-spacing: -0.03em;
}


.IRMenuDropdown {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 999;
    background-color: #fff;
    background-image: linear-gradient(180deg, rgba(30, 53, 68, 0.06) 0%, rgba(255, 255, 255, 0) 10%);
    box-shadow: 0px 10px 30px rgba(37, 40, 73, 0.12);
    width: 100%;
}

    .IRMenuDropdown a {
        color: #1D3443;
        font-size: 14px;
        display: block;
        padding: 18px;
        padding-bottom: 0px;
        line-height: 14px;
        text-align: center;
    }

        .IRMenuDropdown a:hover,
        .IRMenuDropdown a:focus,
        .IRMenuDropdown a:active {
            background: #F4EDE6;
            /* opacity: 0.7; */
            box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
        }

        .IRMenuDropdown a:after {
            content: "";
            display: block;
            margin: 0 auto;
            width: 70%;
            padding-top: 18px;
            border-bottom: 1px solid #57656E;
            opacity: 0.15;
        }

        .IRMenuDropdown a:hover:after {
            border-bottom: none;
        }

        .IRMenuDropdown a:first-child {
            /* background: linear-gradient(180deg, rgba(30, 53, 68, 0.06) 0%, rgba(255, 255, 255, 0) 100%); */
        }

        .IRMenuDropdown a:last-child:after {
            border-bottom: none;
        }


.IRMenu li a.IRMenuItem:after {
    color: #EAECEF !important;
    content: '|' !important;
    font-size: 1.4em;
    position: absolute;
    top: 18px;
    right: -5px;
}


@media (max-width: 1200px) {
    .IRMenu li {
        line-height: 10px;
    }

    a.IRMenuItem {
        font-size: 14px !important;
        padding: 5px 10px;
    }
}

@media (max-width: 992px) {
    a.IRMenuItem {
        padding: 0 5px;
        font-size: 13px !important;
    }
}



@media (max-width: 766px) {
    .IRNavigation {
        width: 100%;
        display: block;
        height: auto;
        margin-bottom: 20px;
    }

    #IRNavButton {
        display: inline-block;
        /* height: 35px; */
        width: 100%;
        background: #eee;
        cursor: pointer;
    }

        #IRNavButton h4 {
            color: #fff !important;
            background: url(../images/icons/DropdownDownArrowWhite.svg) no-repeat 95% center;
            padding: 10px 20px;
            margin: 0;
            font-size: 16px;
            background-color: #1D3443;
            border-radius: 3px;
        }

        #IRNavButton.active h4 {
            background: url(../images/icons/DropdownUpArrowWhite.svg) no-repeat 95% center;
            background-color: #1D3443;
        }

    .IRMenuContainer {
        height: auto;
        display: none;
    }

    .IRMenu {
        width: 100%;
        height: auto;
        float: none;
        display: block;
        background: #ffffff;
    }

        .IRMenu li {
            width: 100%;
            border: none;
            float: none;
            height: auto;
            display: block;
            border-bottom: none;
        }

            .IRMenu li a.IRMenuItem {
                display: block;
                padding: 13px;
                width: 100%;
                font-size: 16px !important;
                font-weight: bold;
                background-color: #ffffff;
                box-shadow: none;
                border-radius: 0px 0px 3px 3px;
                color: #1D3443 !important;
                text-decoration: none;
                vertical-align: middle;
                text-align: left;
                border: none;
                padding: 15px 20px;
                letter-spacing: initial;
                /* background: url(../images/icons/DropdownRightArrowBlue.svg) no-repeat right center; */
            }

                .IRMenu li a.IRMenuItem.Dropdown {
                    background: url(../images/icons/DropdownRightArrowBlue.svg) no-repeat right center;
                    display: table-cell !important;
                }

                    .IRMenu li a.IRMenuItem.Dropdown.active {
                        background: url(../images/icons/DropdownUpArrowBlue.svg) no-repeat right center;
                        display: table-cell !important;
                    }



    .IRMenuDropdown {
        position: relative;
        max-width: 100%;
        background-color: #fff;
        background-image: linear-gradient(rgba(30, 53, 68, 0.06) 0%, rgba(255, 255, 255, 0) 10%);
        /* opacity: 0.2; */
        border-radius: 0px;
        width: 100%;
    }

        .IRMenuDropdown a {
            text-align: left;
            /* border-bottom: 1px solid #EAECEF; */
        }

            .IRMenuDropdown a:first-child {
                /* background: #fff; */
                /* background: linear-gradient(180deg, rgba(30, 53, 68, 0.06) 0%, rgba(255, 255, 255, 0) 100%); */
            }

            .IRMenuDropdown a:after {
                border-bottom: none;
            }

    .IRMenu li a.IRMenuItem:after {
        display: none;
    }

    .SharePriceInformation {
        margin-bottom: 30px;
    }
}



.WelcomeBlock {
    margin-top: 30px;
    margin-right: 23%;
}

    .WelcomeBlock a {
        margin-top: 25px;
    }

.IRSPatternBlock {
    margin-top: 30px;
}

    .IRSPatternBlock a {
        font-size: 18px;
    }

.GoldLink {
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    color: #D5BFAC !important;
    margin-bottom: 20px;
    padding-right: 20px;
    background: url(../images/PeachArrow.svg) no-repeat right center;
    transition: color ease-in-out 0.4s;
    display: table;
}

    .GoldLink:hover {
        color: #1D3443 !important;
        background: url(../images/BlueArrow.svg) no-repeat right center;
        transition: color ease-in-out 0.4s;
    }


.Reports {
    margin-right: 25%;
}
/*----*/
/*-- Clinical Outcome --*/
.background-box-clinic-outcome {
    padding: 45px 20px;
    color: #c6c6c6;
    margin-bottom: 15px;
    background-color: #1D3443;
    text-align: center;
}

    .background-box-clinic-outcome h3 {
        color: #fff;
        font-size: 24px;
        margin-bottom: 0;
    }

.Doctor_Dentist {
    margin-top: 30px !important;
}
/*-- Education and Training --*/
.background-box-blue {
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #1D3443;
    color: #fff;
}

    .background-box-blue h6 {
        color: #fff;
        font-family: Open Sans Bold;
    }

div#netcare-education {
    float: right;
}

.patient-journey-nav {
    margin-bottom: 30px;
}

.patient-nav span {
    display: inline-block;
    width: 70%;
    font-size: 16px;
    /*color: #666666;*/
    vertical-align: middle;
    line-height: 20px;
    padding-bottom: 2px;
}

.patient-journey-icon-small {
    display: inline-block;
    width: 25%;
    padding: 13px 0px;
    /* margin-right: 5px; */
    vertical-align: middle;
}


.patient-nav {
    border-radius: 4px;
    border: solid 1px rgba(102, 102, 102, 0.2);
    margin: 10px;
    padding: 0px 13px;
    width: 195px !important;
    height: 65px;
    line-height: 61px;
    cursor: pointer;
    box-shadow: 5px 5px 13px 0px rgba(0, 0, 0, 0.1);
    flex: none;
}


.discharge span {
    padding-bottom: 7px;
}

.patient-nav.active-tab {
    box-shadow: none;
    background-color: #1D3443;
    border: 1px solid #1D3443;
    cursor: pointer;
    color: #fff;
}

.active-tab .patient-journey-icon-small svg path {
    fill: #fff;
}

.patient-nav.active-tab span {
    color: #fff;
}

.patient-nav:hover {
    box-shadow: none;
    background-color: #1D3443;
    border: 1px solid #1D3443;
    cursor: pointer;
    color: #fff;
}

div#netcare-education span {
    line-height: 17px;
    font-size: 14px;
}

div#FNAH-post-basic-specialist-programmes span {
    line-height: 17px;
}

.patient-journey-nav > .row {
    font-size: 70%;
}

.info-table {
    display: flex;
    flex-wrap: wrap;
}
/*----Complementary Business*/
.third-nr-box {
    width: 32%;
    margin: 1% 1% 2% 0%;
    display: inline-block;
    background-color: #fff !important;
    vertical-align: top;
    padding-bottom: 20px;
}

    .third-nr-box h3 {
        color: #1D3443 !important;
        margin-left: 10px;
    }


    .third-nr-box .count {
        width: 20%;
        text-align: right;
        font-weight: bold;
        display: inline-block;
        vertical-align: top;
        color: #1D3443 !important;
    }
    /*-- Divisions Page --*/
    .third-nr-box .photo img {
        width: 100%;
        height: auto;
    }

    .third-nr-box p {
        margin-bottom: 0;
        margin-top: 3px;
    }

    .third-nr-box .count-desc {
        width: 76%;
        display: inline-block;
        padding-left: 3%;
    }

    .third-nr-box .text {
        display: inline-block;
        flex-direction: column;
        padding: 3%;
        width: 94%;
    }

        .third-nr-box .text p {
            flex: 1 0 auto;
        }

.third-nr-boxes-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.third-nr-box .photo {
    min-width: 100%;
}

.third-nr-box .text ul {
    padding-left: 25%;
}
/*-- Netcare App --*/
#Apps {
    margin-bottom: 30px;
}

.AppImage {
    display: block;
    margin: 13px auto;
}
/*-- Group Profile --*/
.info-container {
    background-color: #fff !important;
    margin: 0 auto;
    width: 100%;
}

.blue-icon-box {
    background-color: #1D3443;
    display: inline-table;
    margin: 1% 1% 1% 0;
    padding: 1% 0 2% 1%;
    vertical-align: top;
    position: relative;
}

    .blue-icon-box h2 {
        font-size: 55px;
        font-weight: normal !important;
        margin: 5px 0 0 0;
        width: 70%;
        float: left;
        color: #fff !important;
    }

    .blue-icon-box p {
        font-size: 17px;
        margin: 0;
        padding: 10px 0px 0px 0px;
        width: 100%;
        font-weight: 600;
        color: #fff !important;
    }

    .blue-icon-box .icon {
        display: inline-block;
        vertical-align: top;
        width: 30%;
    }

        .blue-icon-box .icon img {
            float: right;
            padding: 10px;
            width: 100%;
            height: auto;
        }


.blue-icon-box {
    display: flex;
    width: 30%;
}

.blue-icon-box-content {
    display: inline-block;
    flex-direction: column;
    padding: 0 3%;
    width: 94%;
}

.blue-icon-wrapper {
    display: flex;
    flex-wrap: wrap;
}



div#transformation {
    margin: 10px -15px 20px;
}
/*Annual report styling*/
/*cover AIR*/
.CoverAIRContainer {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-right: 30px;
}

    .CoverAIRContainer a {
        position: absolute;
        z-index: 2;
        top: 85px;
        left: 20px;
    }


    .CoverAIRContainer img {
        width: 70%;
    }

h4.AIRSsubHeading {
    position: absolute;
    left: 20px;
    top: 25px;
    width: 60%;
}
/*-- Who We Are --*/
.SubPageMenuContainer .navbar-nav > li {
    float: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin: 10px;
}

.SubPageMenuContainer .navbar-nav {
    float: left;
    margin-left: -10px;
}

.SubPageMenuContainer > ul > li > a:hover {
    color: #D5BFAC !important;
    background: url(../images/PeachArrow.svg) no-repeat right center;
}
/*IR Share price graph*/
.GraphContainer {
    background: #fff;
    padding: 30px 0px;
    margin: 0px 15px 50px 15px;
}

.GraphHeading, .SharepriceHeading {
    margin-top: 50px;
}

.SharepriceHeading {
    padding-left: 45px;
}

.GraphHeading h4 {
    margin-bottom: 10px;
}

.DnnModule-SharePriceGraphMvc {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
}

.SubPage .DnnModule-SharePriceGraphMvc {
    width: 100% !important;
    margin-bottom: 75px;
    background: none;
}



#ShareholderGraphContainer {
    background: #fff;
    position: relative;
}

.shareprice-title {
    width: 33%;
    margin: 0;
    padding: 10px 0px 0 30px;
    font-size: 16px;
    color: #1D3443;
    line-height: 23px;
}

.shareprice-subtitle {
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0px 0px 0 31px;
    color: #9A9FA7;
}

.DnnModule-SharePriceGraphMvc .SharePriceGraph {
    width: 100%;
    padding-right: 30px;
}

    .DnnModule-SharePriceGraphMvc .SharePriceGraph div:last-child {
        width: 100%;
        height: 266px;
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph h3 {
        display: none;
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph div:last-child svg {
        width: 100%;
        height: 266px;
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph .loader {
        width: 60px !important;
        height: 60px !important;
    }

.DnnModule-SharePriceGraphMvc .SharePriceGraphSub {
    width: 100%;
    padding-right: 30px;
}

    .DnnModule-SharePriceGraphMvc .SharePriceGraphSub div:last-child {
        width: 100%;
        height: 266px;
    }

        .DnnModule-SharePriceGraphMvc .SharePriceGraphSub div:last-child svg {
            width: 100%;
            height: 266px;
        }

    .DnnModule-SharePriceGraphMvc .SharePriceGraphSub .loader {
        width: 60px !important;
        height: 60px !important;
    }

#share-graph-filtering {
    position: absolute;
    right: 15px;
    top: 15px;
}

    #share-graph-filtering span {
        padding: 5px 10px;
        display: inline-block;
        text-transform: uppercase;
        color: #57656E;
        font-size: 14px;
    }

        #share-graph-filtering span.active,
        #share-graph-filtering span:hover {
            cursor: pointer;
            color: #1D3443;
            font-weight: bold;
            border-bottom: 2px solid #D5BFAC;
        }


div#graph-canvas-7099 {
    margin-top: 30px;
}

#graph-canvas-7099 text {
    font-weight: normal;
    fill: #80898F;
    font-style: normal;
    font-family: "Open Sans";
}

.SharePriceInfo.shareprice-price-control h3 {
    display: none;
}

.DnnModule-SharePriceInformation {
    width: 32%;
    display: inline-block;
    vertical-align: top;
}

.SubPage .DnnModule-SharePriceInformation {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.GraphLink {
    float: right;
    top: 74PX;
    position: relative;
}
/*--- Articles Pages ---*/
.article-image img,
.article-content img {
    height: auto !important;
    max-width: 100%;
    float: left;
    margin: 0 25px 0px 0;
    padding-bottom: 15px;
}

.article-content p > em {
    float: left;
}

#see-all {
    overflow: hidden;
    display: inline-block;
    margin-top: -55px;
    margin-bottom: 70px;
    z-index: 0;
}
/*--IR Share Price Information--*/
.IRSharePriceContainer a {
    margin-top: 20px;
    float: right;
}

.IRSharePrice {
    background: #fff;
    display: block;
    width: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
    padding-left: 50px;
}

.SubPage .IRSharePrice {
    background: #fff;
    display: block;
    width: 98%;
    border-left: none;
    padding: 30px;
}

.IRSharePrice .SPItem {
    font-size: 16px;
    margin-bottom: 10px;
}

    .IRSharePrice .SPItem .SPLabel {
        font-weight: bold;
        color: #1D3443;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .IRSharePrice .SPItem .SPValue {
        width: 100%;
        display: block;
        color: #9A9FA7;
    }
/*IR Media release and SENS*/
.SENSThird, .MediaReleaseThird {
    margin: 50px 0px;
}

.NewsSummaryItem, .media-listing-item {
    width: 100%;
    display: inline-block;
    margin-right: -5px;
    padding-bottom: 40px;
    padding-right: 5%;
    vertical-align: top;
    min-height: 150px;
}

    .NewsSummaryItem .Heading, .media-listing-item .media-listing-title {
        margin-bottom: 3px;
        font-weight: bold;
        font-family: 'Open Sans';
        letter-spacing: normal;
    }

        .NewsSummaryItem .Heading a, .media-listing-item a.media-listing-link {
            color: #1D3443;
        }

            .NewsSummaryItem .Heading a:hover, .media-listing-item a.media-listing-link:hover {
                color: #D5BFAC;
            }

.SubHeading, .media-listing-summary {
    font-size: 16px;
}

.NewsSummaryItem .SubHeading p, .media-listing-summary {
    color: #80898F;
    margin-bottom: 2px;
}

    .NewsSummaryItem .SubHeading p em, .NewsSummaryItem .SubHeading i {
        font-style: normal;
        font-size: 16px;
        font-family: 'Open Sans';
        font-weight: normal !important;
    }

.NewsSummaryItem .Date, .media-listing-date {
    color: #BEC2C6;
    margin-bottom: 18px;
}

.MediaReleaseThird h3, .SENSThird h3 {
    font-family: 'Open Sans';
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
    height: 40px;
    color: #80898F;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    line-height: 22px;
    padding-left: 5px;
    font-size: 16px;
    font-weight: bold;
}
/*---- Collapse panel styling ----*/
.panel-group .panel-default {
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
}

    .panel-group .panel-default > .panel-heading {
        width: 100%;
        display: block;
        background: #1D3443;
        border-radius: 3px;
        border: none;
        color: #fff;
    }

        .panel-group .panel-default > .panel-heading h4 {
            background: url(../images/icons/DropdownUpArrowWhite.svg) no-repeat 95% center;
            font-size: 14px;
            color: #fff;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: -0.03em;
            padding: 18px;
            margin-bottom: 0;
        }

        .panel-group .panel-default > .panel-heading.collapsed h4 {
            background: url(../images/icons/DropdownDownArrowWhite.svg) no-repeat 95% center;
        }

.panel-group .panel-collapse {
    background: #fff;
    padding: 25px;
}

.panel-group .panel-body {
    border: none;
    padding: 0px;
    margin-left: -20px;
}


    .panel-group .panel-body .DocumentListItem {
        display: block;
        height: 52px;
        padding: 15px;
    }

        .panel-group .panel-body .DocumentListItem:hover {
            background: #F4EDE6;
            box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
        }

        .panel-group .panel-body .DocumentListItem .DocumentListLabel {
            font-size: 14px;
            font-weight: bold;
            max-width: 230px;
            overflow: hidden;
            display: inline-block;
            height: 17px;
        }

#FinancialResultAccordion .panel-body .DocumentListItem .DocumentListLabel {
    max-width: 80%;
}

.panel-group .panel-body .DocumentListItem .DocumentListLabel a {
    margin-left: 10px;
    width: 100%;
    line-height: 18px;
    color: #002663;
}

.panel-group .panel-body .DocumentListItem .DocumentListFileSize {
    display: inline-block;
    float: right;
    color: #BEC2C6;
    margin-left: 5px;
    font-size: 12px;
}


@media (max-width: 992px) {
    .DocumentListLabel {
        max-width: 80% !important;
    }
}

@media (max-width: 768px) {
    .DocumentListLabel {
        max-width: 80% !important;
    }
}

@media (max-width: 480px) {
    .DocumentListLabel {
        max-width: 75% !important;
    }
}

@media (max-width: 400px) {
    .DocumentListLabel {
        max-width: 65% !important;
    }
}


.SingleDocumentList {
    margin-bottom: 20px;
    display: block;
    height: 40px;
    margin-top: -10px;
    margin-left: 17px;
}


    .SingleDocumentList .DocumentListIcon {
        display: inline-block;
        height: 31px;
        border-color: transparent;
        outline: none;
        overflow: hidden;
        vertical-align: middle;
    }

    .SingleDocumentList .DocumentListLabel {
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        line-height: 20px;
        margin-left: 10px;
        vertical-align: middle;
    }

        .SingleDocumentList .DocumentListLabel a {
            color: #002663;
        }

            .SingleDocumentList .DocumentListLabel a:hover {
                color: #D5BFAC;
            }

    .SingleDocumentList .DocumentListSize {
        font-size: 12px;
        float: right;
        color: #BEC2C6;
    }
/*Share price inside banner */
.SharePriceTicker span {
    font-size: 30px;
    line-height: 41px;
    color: #1D3443;
    letter-spacing: -0.03em;
}

.SharePriceTicker .IRMenuLabel {
    font-weight: bold;
}

.SharePriceTicker .GoldLink {
    letter-spacing: normal;
}

.SharePriceTicker .IRMenuPrice {
    padding-left: 7px;
}
/*Reports styling*/
.AIR-reports img {
    max-width: 100%;
    padding-bottom: 30px;
}

.AIR-reportsImg {
    min-width: 155px;
    min-height: 258px;
}

.AIR-reports .pdf-download,
.AIR-reports .html-download {
    display: block;
    margin-bottom: 10px;
}

    .AIR-reports .pdf-download .DocumentListIcon,
    .AIR-reports .html-download .DocumentListIcon {
        margin-right: 5px;
    }

.AIR-reportsPagination {
    display: block;
    clear: both;
    margin-left: 30px;
}

    .AIR-reportsPagination .previousButton,
    .AIR-reportsPagination .nextButton {
        cursor: pointer;
        background: #1D3443;
        color: #fff;
        padding: 7px;
        border: 0 none;
        outline: none;
        margin: 0;
        width: 80px;
    }


    .AIR-reportsPagination .pagination {
        margin: 0 5px;
        display: inline-block;
        border-radius: 4px;
    }

img.HTMLIcon {
    width: 20px;
}

img.PodCastIcon {
    width: 20px;
}
/*----- TABLE STYLES -----*/
.TableWrapper {
    display: table;
    width: 100%;
    padding: 30px 0 20px;
}

    .TableWrapper .TableRow {
        display: table-row;
    }
        /*.TableWrapper .TableRow:nth-child(odd) {
        background: #f4f4f4;
    }*/
        .TableWrapper .TableRow > div {
            display: table-cell;
            padding: 10px;
            vertical-align: top;
            border-bottom: solid 1px #ebebeb;
            color: #1D3443;
        }

            .TableWrapper .TableRow > div.TableRowIndent {
                padding-left: 20px;
            }

        .TableWrapper .TableRow:first-child > div {
            font-weight: bold;
            background: #1D3443;
            /* border-radius: 3px; */
            border: none;
            color: #fff;
            vertical-align: middle;
        }

            .TableWrapper .TableRow:first-child > div > label {
                color: #fff;
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -0.03em;
                padding: 5px 0px;
                margin-bottom: 0;
            }

        .TableWrapper .TableRow > div:last-child {
            /*padding: 20px 10px;*/
            vertical-align: middle;
        }

.TableSeparate {
    display: table;
    width: 100%;
    margin-bottom: 2px;
}

    .TableSeparate .TableRowHeader div {
        border: none;
    }

    .TableSeparate .ColumnHighlight {
        background: #3c639a !important;
        z-index: 1;
    }

        .TableSeparate .ColumnHighlight label,
        .TableSeparate .ColumnHighlight {
            color: #fff;
        }

    .TableSeparate .TableRow .SecondName,
    .TableSeparate .TableRow .ThirdName,
    .TableSeparate .TableRow .FourthName,
    .TableSeparate .TableRow .FifthName {
        width: 200px;
    }

    .TableSeparate .TableRow .TableRowHighlight {
        background: rgb(142,186,229) !important;
        color: #fff;
        z-index: 2;
    }

    .TableSeparate .TableRowBodyTitle div {
        border: none;
    }

        .TableSeparate .TableRowBodyTitle div:first-child {
            font-size: 18px;
            font-weight: bold;
            color: #002663;
        }

    .TableSeparate .TableRowTotal {
        background: #edf1f5;
    }

        .TableSeparate .TableRowTotal > div {
            font-weight: bold;
            border: none;
        }

.TableCorpInfo .FirstName {
    width: 75%;
}

.TableCorpInfo .SecondName {
    width: 25%;
}

@media (max-width: 1200px) {
    .TableSeparate .TableRow .SecondName,
    .TableSeparate .TableRow .ThirdName,
    .TableSeparate .TableRow .FourthName,
    .TableSeparate .TableRow .FifthName {
        width: 150px;
    }
}

@media (max-width: 992px) {
    .TableSeparate .TableRow .SecondName,
    .TableSeparate .TableRow .ThirdName,
    .TableSeparate .TableRow .FourthName,
    .TableSeparate .TableRow .FifthName {
        width: 120px;
    }
}
/*See-all firefox*/
@-moz-document url-prefix() {
    #SearchHospital,
    #SearchSpecialist,
    #SearchDoctor,
    #SearchDentist,
    #SearchClinic,
    #SearchVacancies {
        margin-bottom: 50px;
    }
}
/*---Find Doctor/Dentist tabular*/
#Hospital .HospitalWrapper,
#Specialist .SpecialistsWrapper,
#Clinic .ClinicWrapper,
#Doctor .DoctorsWrapper,
#Densits .FilterWrapper {
    padding: 10px 0;
}

#Doctor,
#Dentist {
    padding: 20px 0 30px;
}

    #Doctor .FilterWrapper,
    #Dentist .FilterWrapper {
        padding: 10px 0 20px;
        overflow: auto;
    }

    #Doctor #SearchDoctor:hover,
    #Dentist #SearchDentist:hover {
        background: #1D3443;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    #Doctor #searcherror,
    #Dentist #searcherror {
        color: #e7393f;
        margin-left: 10px;
        float: none;
    }

        #Doctor #searcherror.error,
        #Dentist #searcherror.error {
            display: inline-block !important;
        }

    #Doctor .DoctorsWrapper,
    #Dentist .DentistWrapper {
        display: table;
        width: 100%;
        padding: 20px 0 20px;
    }

        #Doctor .DoctorsWrapper .DoctorRow,
        #Dentist .DentistWrapper .DentistRow,
        #Dentist .DentistWrapper .DenstistRow {
            display: table-row;
        }

            #Doctor .DoctorsWrapper .DoctorRow > div,
            #Dentist .DentistWrapper .DentistRow > div,
            #Dentist .DentistWrapper .DenstistRow > div {
                display: table-cell;
                padding: 7px 5px;
                vertical-align: top;
            }

    #Doctor .prevousButton, #Doctor .nextButton,
    #Dentist .prevousButton, #Dentist .nextButton {
        background: #d9d9d9;
        border: 0px none;
        color: #6c6c6c;
        padding: 5px 15px;
    }

    #Doctor .prevousButton,
    #Dentist .prevousButton {
        margin-right: 20px;
    }

    #Doctor .nextButton,
    #Dentist .nextButton {
        margin-left: 20px;
    }


.search-filter-labels .alert-secondary {
    background: #1D3443;
    color: #fff;
    border: none;
    display: inline-block;
}

.search-filter-labels .alert {
    padding: 10px 30px 8px 10px;
}

#Doctor .DoctorsWrapper .DoctorRow > div {
    display: table-cell;
    padding: 15px 5px;
    vertical-align: top;
    border-top: 1px solid #dfdfdf !important;
}

    #Doctor .DoctorsWrapper .DoctorRow > div.Address,
    #Dentist .DentistWrapper .DentistRow > div.Address {
        font-size: 16px;
        line-height: 18px;
        color: #D5BFAC;
    }

        #Doctor .DoctorsWrapper .DoctorRow > div.Address a,
        #Dentist .DentistWrapper .DentistRow > div.Address a {
            font-size: 14px;
            line-height: 18px;
            color: #57656E;
        }
/*-----Find Hospital tabular*/
.listing-columns {
    -moz-column-count: 5;
    -moz-columns: 5;
    -webkit-columns: 5;
    columns: 5;
    list-style: none;
    padding-left: 17px;
    padding-bottom: 30px;
}

    .listing-columns li {
        list-style: none !important;
        display: inline-block;
        padding-bottom: 15px;
    }

        .listing-columns li > :nth-child(2) {
            display: none !important;
        }

    .listing-columns span {
        display: inline-block !important;
        width: 100%;
    }


span.Netcare-super-lists-additional-info,
span.Netcare-super-lists-contact-number {
    font-size: 14px !important;
    margin-top: 0;
    color: #999 !important;
    padding-bottom: 0;
    margin-bottom: 3px;
    LINE-HEIGHT: 13px;
}

span.Netcare-super-lists-additional-info {
    color: #D5BFAC !important;
}

span.Netcare-super-lists-contact-number {
    margin-top: 5px;
}

.Netcare-super-list-group ul {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.Netcare-super-lists .LineHeader {
    margin-top: 30px;
}

a.Netcare-super-lists-item {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 12px;
}
/*-- Find Pagination --*/
.PaginationWrapper {
    width: 100%;
    text-align: center;
}
/*-- Components --*/
.ActionLinks {
    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .ActionLinks.collapsed {
        height: 0px;
        overflow: hidden;
    }

@media all and (max-width: 800px) {
    .ActionLinks.collapsed {
        height: auto;
        overflow: visible;
    }
}

.ActionLinks h6 {
    font-family: Open Sans;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.15em;
    margin: 25px;
}

.ActionLinks .ActionLinkItem {
    height: 230px;
    padding: 0;
}

    .ActionLinks .ActionLinkItem a {
        display: block;
        height: 80%;
        width: 100%;
        padding: 30px;
        border-top: 0px solid transparent;
        background: #fff;
        transition: all ease-in-out 0.2s;
        border-right: 1px solid #E8E9EA;
    }

    .ActionLinks .ActionLinkItem:last-child a {
        border-right: 1px solid transparent;
    }

    .ActionLinks .ActionLinkItem a:hover {
        box-shadow: 0px 4px 50px rgba(118, 124, 175, 0.15);
        padding-bottom: 20px;
        border-top: 20px solid #4682B4;
        margin-top: -20px;
        padding: 40px 30px;
        height: 300px;
        transition: all ease-in-out 0.2s;
        position: relative;
        z-index: 100;
    }

    .ActionLinks .ActionLinkItem a .icon {
        margin: 0 auto;
        width: 75px;
        height: 50px;
        position: relative;
    }

        .ActionLinks .ActionLinkItem a .icon img {
            margin: 0 auto;
            display: block;
            z-index: 100;
            position: relative;
        }

        .ActionLinks .ActionLinkItem a .icon .peachblock {
            position: absolute;
            left: 0;
            right: 0;
            height: 25px;
            top: 50%;
            margin-top: -14px;
            background: #4682B4;
            display: block;
            opacity: 0.3;
        }

    .ActionLinks .ActionLinkItem a .text {
        text-align: center;
        color: #1D3443;
        font-weight: 600;
        height: 60px;
        padding: 10px 20px;
        margin: 0 auto;
        width: 100%;
    }

    .ActionLinks .ActionLinkItem a .texthover {
        height: 0;
        overflow: hidden;
        transition: height ease-in-out 0.2s;
        text-align: center;
        margin: 20px 0;
        color: #57656E;
        font-weight: 300;
    }

    .ActionLinks .ActionLinkItem a:hover .texthover {
        height: 100%;
        transition: height ease-in-out 0.2s;
        color: #57656E;
    }

    .ActionLinks .ActionLinkItem a .texthover img {
        display: block;
        margin: 0 auto;
        padding-top: 20px;
    }

.PeachPlus {
    background: url(../images/icons/PlusPeach.svg) no-repeat left top;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px;
}

.BluePlus {
    background: url('../images/icons/PlusBlue.svg') no-repeat left top;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px;
}

.LightBluePlus {
    background: url(../images/icons/LightBluePlus.svg) no-repeat left top;
    padding-left: 24px;
    padding-top: 17px;
    line-height: 50px;
}

.ContentUnderPlus {
    margin-left: 23px;
}

.TextMiddle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.HeadingMiddle {
    display: table;
    margin: 0 auto;
    padding-bottom: 10px;
}

.ResearchHeadingMiddle {
    margin-top: 30px !important;
}


.ImportantTextUppercase {
    text-transform: uppercase;
    color: #1D3443;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.15em;
}

.ImportantText {
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
}

.SmallCarouselText {
    padding-top: 150px;
}

    .SmallCarouselText a {
        margin-top: 20px;
    }

    .SmallCarouselText p {
        padding-right: 30%;
    }
/*Animation & Carousel*/
section.grey.Animation {
    padding-bottom: 300px !important;
}

.AnimationText p {
    padding-right: 15%;
}

#animationWrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

#lottie, #OverlayImg {
    width: 100%;
    height: 100%;
    /* display: block; */
    /* overflow: hidden; */
    transform: translate3d(0,0,0);
    text-align: center;
    /* opacity: 1; */
}

#lottie {
    z-index: 1;
    position: absolute;
    /* top: -2px; */
    /* right: 10px; */
    width: 90%;
}


#OverlayImg {
    position: relative;
    z-index: 5;
    width: 788px;
    height: 740px;
    transform: translate(-4%, -14px) scale(0.95);
    transform-origin: right center;
}

@media (max-width: 1300px) {
    #OverlayImg {
        position: relative;
        transform: translate(-11%, -36px) scale(0.9);
    }
}

@media (max-width: 1200px) {
    #OverlayImg {
        position: relative;
        transform: translate(-143px, -65px) scale(0.82);
    }
}

@media (max-width: 1100px) {
    #OverlayImg {
        position: relative;
        transform: translate(-198px, -90px) scale(0.76);
    }
}

@media (max-width: 1024px) {
    #OverlayImg {
        position: relative;
        transform: translate(-243px, -113px) scale(0.70);
    }
}

#OverlayImg > div > img {
    position: absolute;
    cursor: pointer;
}

#OverlayImg p {
    position: absolute;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    color: #1D3443;
}

#OverlayImg > div {
    position: absolute;
    z-index: 4;
}

#HospitalBlock {
    right: 351px;
    top: 106px;
}

#HospitalImg {
    width: 200px;
}

#HospitalText {
    top: 92px;
    right: -291px;
}

#HospitalBlock:hover #HospitalImg {
    width: 225px;
}

#HospitalBlock:hover #HospitalText {
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    padding: 10px 16px;
    top: 82px;
    right: -307px;
}

#RenalBlock {
    top: 244px;
    right: 184px;
}

#RenalImg {
    width: 139px;
}

#RenalText {
    top: 88px;
    right: -9px;
    width: 102px;
}

#RenalBlock:hover #RenalImg {
    width: 160px;
    top: -7px;
    right: -150px;
}

#RenalBlock:hover #RenalText {
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    top: 82px;
    right: -9px;
    padding: 6px 13px;
}


#CancerBlock {
    bottom: 263px;
    right: 373px;
}

#CancerImg {
    width: 238px;
}

#CancerText {
    bottom: -194px;
    right: -306px;
}

#CancerBlock:hover #CancerImg {
    width: 260px;
    bottom: -147px;
    right: -242px;
}

#CancerBlock:hover #CancerText {
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    padding: 12px 6px;
    bottom: -200px;
    right: -312px;
}

#AkesoBlock {
    top: 103px;
    left: 85px;
}

#AkesoImg {
    width: 145px;
}

#AkesoText {
    top: 122px;
    left: -18px;
}

#AkesoBlock:hover #AkesoImg {
    width: 165px;
    top: -3px;
    left: -8px;
}

#AkesoBlock:hover #AkesoText {
    background: #fff;
    padding: 10px 20px;
    top: 112px;
    left: -38px;
}

#Emergency911Block {
    bottom: 139px;
    left: 128px;
}

#Emergency911Img {
    width: 257px;
}

#Emergency911Text {
    bottom: -153px;
    left: 72px;
    width: 115px;
}

#Emergency911Block:hover #Emergency911Img {
    width: 287px;
    bottom: -111px;
    left: -15px;
}

#Emergency911Block:hover #Emergency911Text {
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    padding: 11px 15px;
    bottom: -163px;
    left: 69px;
}

#MedicrossBlock {
    bottom: 429px;
    left: 59px;
}

#MedicrossImg {
    width: 172px;
}

#MedicrossText {
    bottom: -200px;
    left: 69px;
}

#MedicrossBlock:hover #MedicrossImg {
    width: 182px;
    bottom: -260px;
    left: -4px;
}


#MedicrossBlock:hover #MedicrossText {
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    padding: 10px 14px;
    bottom: -209px;
    left: 55px;
}


#OCHBlock {
    top: 28px;
    right: 526px;
}

#OCHImg {
    width: 163px;
}

#OCHText {
    left: -23px;
    top: 134px;
    width: 193px;
}

#OCHBlock:hover #OCHText {
    background: #ffffff;
    padding: 8px 10px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
}


#OCHBlock:hover #OCHImg {
    width: 181px;
    top: -8px;
    right: -173px;
}



#Fingerprint {
    position: absolute;
    top: 261px;
    right: 345px;
    width: 159px;
    opacity: 1;
}

/*#BackgroundLine {
    width: 93%;
    position: absolute;
    z-index: 3;
    right: 53px;
    top: 2px;
}*/
#BackgroundLine {
    width: 744px;
    position: absolute;
    z-index: 3;
    right: 52px;
    top: -4px;
}


img#BackgroundImg {
    position: absolute;
    z-index: 0;
    top: 7px;
    right: 52px;
    width: 93%;
}


#NetcareSlider {
    margin-top: 25px;
    z-index: 2;
    display: block;
    width: 88%;
}

    #NetcareSlider .NetcareSlide {
        height: auto;
        position: relative;
    }

    #NetcareSlider .MobileImageBlock {
        display: none;
    }

#NetcareSliderNavWrapper {
    width: 88%;
}

#NetcareSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto;
}

    #NetcareSliderNav .dots {
        position: relative;
        bottom: 26px !important;
    }

    #NetcareSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 2px;
        bottom: -15px;
        top: auto;
        background-color: transparent;
        box-shadow: none;
    }

    #NetcareSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 2px;
        background: url(../images/CarouselRightArrow.svg) no-repeat center center;
        bottom: -15px;
        top: auto;
        background-color: transparent;
        box-shadow: none;
    }

.LinkBlock {
    padding: 30px 60px;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 2.93023px 11px rgba(26, 34, 57, 0.15);
    margin-bottom: 25px;
    transition: all ease-in-out 0.2s;
    min-height: 370px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}


    .LinkBlock .Icon img {
        max-height: 100%;
        max-width: 170px;
        display: block;
        margin: 0 auto;
    }

    .LinkBlock .StrapLine {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #4682B4;
        margin-top: 15px;
    }

    .LinkBlock .Text {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        color: #1D3443;
        margin-top: 25px;
    }

    .LinkBlock .readMore {
        width: 40px;
        height: 60px;
        position: absolute;
        bottom: 0;
        right: 0;
        border-top-left-radius: 20px;
        background: url(../images/icons/WhiteArrowRight.svg) no-repeat center center #1D3443;
        display: block;
    }

.BackgroundMobile {
    display: none;
}
/*New Block */
.VideoLink img {
    width: 15%;
    display: inline-block;
}

.VideoLink {
    display: block;
    margin: 25px 0;
    /* position: relative; */
}

.VideoText, .GpVoucherText {
    display: inline-block;
    width: 78%;
    background: #fff;
    padding: 7%;
    padding-left: 35%;
    z-index: 1;
    float: right;
    margin-top: 7%;
    height: 86%;
}

.GpVoucherSection {
    margin-top: 15%;
    margin-bottom: 80px;
}

.VideoIntroductionWrapper, .GpVoucherSection {
    display: block;
    width: 100%;
    height: 800px;
    position: relative;
}

.VideoImage, .GpImage {
    width: 50%;
    display: inline-block;
    position: absolute;
    height: 98%;
}

p#playVid {
    display: inline-block;
    vertical-align: text-top;
    padding-left: 20px;
    margin-bottom: 0;
}

.VideoImage img, .GpImage img {
    box-shadow: 0px 6px 100px rgba(29, 52, 67, 0.24);
    max-width: 100%;
    z-index: 2;
}



.VideoText h2, .GpVoucherText h2 {
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px;
}
/*Video Block*/
.videoHeading {
    margin-top: 50px;
}

    .videoHeading p {
        font-size: 18px;
        line-height: 23px;
        text-align: center;
    }

.videoSection {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 400px;
}

    .videoSection iframe {
        left: 0;
        top: 0%;
        height: 100%;
        width: 100%;
        position: absolute;
    }

#VideoHelper {
    position: absolute;
    right: 50%;
    width: 20px;
    height: 20px;
    top: -100px;
}

.TextBelowVideo {
    margin-top: 30px;
}

    .TextBelowVideo sub {
        line-height: 21px;
    }
/*  Suppliers Right Block */
.rightBlock {
    background: #FFF;
    padding: 30px;
    min-height: 160px;
    margin-bottom: 30px;
    margin-right: 0px;
}
/*FlipItem*/
.FlipItem {
    height: 200px;
    background-color: transparent;
    perspective: 1000px;
    padding-bottom: 25px;
}

    .FlipItem .FlipItemInner {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.4s;
        transform-style: preserve-3d;
    }

    .FlipItem:hover .FlipItemInner {
        transform: rotateY(180deg);
    }

    .FlipItem .FlipItemInner .FlipItemFront,
    .FlipItem .FlipItemInner .FlipItemBack {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
    }

    .FlipItem .FlipItemInner .FlipItemFront {
        background-color: #fff;
        padding: 30px 0px;
    }

.FlipItemFront .icon {
    margin: 0 auto;
    width: 100px;
    height: 50px;
    position: relative;
}

    .FlipItemFront .icon img {
        margin: 0 auto;
        display: block;
        z-index: 100;
        position: relative;
        opacity: 1;
        transition: all ease-in-out 0.2s;
    }

    .FlipItemFront .icon .peachblock {
        position: absolute;
        left: 0;
        right: 0;
        height: 25px;
        top: 50%;
        margin-top: -14px;
        background: #4682B4;
        display: block;
        opacity: 0.3;
    }

.FlipItemFront .text {
    color: #1D3443;
    font-weight: 600;
    height: 60px;
    padding: 10px 0;
}

.FlipItem:hover .FlipItemFront .icon img {
    opacity: 0;
    transition: all ease-in-out 0.2s;
}

.FlipItem .FlipItemInner .FlipItemBack {
    background-color: #fff;
    box-shadow: 0px 4px 50px rgba(118, 124, 175, 0.2);
    transform: rotateY(180deg);
}

.FlipItemBack .PeachHeader {
    background: #D5BFAC;
    height: 35px;
    width: 100%;
    color: #fff;
    padding: 6px;
}

.FlipItemBack .Stats {
    padding: 10px 0;
}

    .FlipItemBack .Stats .Number,
    .FlipItemBack .Stats .Text {
        display: inline-block;
        vertical-align: middle;
    }

    .FlipItemBack .Stats .Number {
        width: 70px;
        height: 30px;
        margin-right: -5px;
        font-size: 40px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.03em;
        color: #1D3443;
        font-family: "Open Sans Light";
    }

    .FlipItemBack .Stats .Text {
        width: calc(100% - 70px);
        text-align: left;
        padding: 0 5px 0 14px;
    }

    .FlipItemBack .Stats .BigNumber {
        font-size: 40px;
        line-height: 30px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #1D3443;
        font-family: "Open Sans Light";
        text-align: center;
        padding: 30px 0 5px;
    }

    .FlipItemBack .Stats .BigText {
        text-align: center;
        padding: 10px;
    }
/*ipad*/
.ipadwrapper {
    margin-top: -200px;
    margin-right: -100px;
}

    .ipadwrapper img {
        width: 100%
    }

.ipadtextblock {
    padding-top: 180px;
    padding-bottom: 100px;
}

    .ipadtextblock p {
        margin-bottom: 40px
    }
/*Carousels*/
#BigSlider {
    background: #FFFFFF;
    box-shadow: 0px 4px 60px rgba(26, 34, 57, 0.1);
    border-radius: 3px;
    height: 660px;
    margin-bottom: 50px;
}

div#BigSliderNav {
    position: relative;
    width: 150px;
    height: 20px;
    margin: 0 auto;
}

    div#BigSliderNav .dots {
        position: relative;
        bottom: 18px !important;
    }


#BigSliderNav .prev-arrow.slick-arrow {
    background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
    cursor: pointer;
    position: absolute;
    left: -4px;
    bottom: 0px;
    top: auto;
    background-color: transparent;
    box-shadow: none;
}

#BigSliderNav.NetcarePlusSlider .prev-arrow.slick-arrow {
    left: 2px;
}

#BigSliderNav .next-arrow.slick-arrow {
    cursor: pointer;
    position: absolute;
    right: -4px;
    background: url(../images/CarouselRightArrow.svg) no-repeat center center;
    bottom: 0px;
    top: auto;
    background-color: transparent;
    box-shadow: none;
}

#BigSliderNav.NetcarePlusSlider .next-arrow.slick-arrow {
    right: 2px;
}


#BigSlider .BigSlide .Content,
#BigSlider .BigSlide .Image {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    position: relative;
}

#BigSlider .BigSlide .Content {
    margin-right: -5px;
    padding: 100px;
    float: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    #BigSlider .BigSlide .Content h2 {
        background: url('../images/icons/PlusPeach.svg') no-repeat left top;
        margin-left: -24px;
        padding-left: 24px;
        font-size: 42px;
        padding-top: 17px;
    }

        #BigSlider .BigSlide .Content h2 strong {
            font-family: "Open Sans";
        }

    #BigSlider .BigSlide .Content p {
        margin-bottom: 30px;
    }

#BigSlider .BigSlide .Image {
    float: right;
    /*overflow: hidden;*/
}

    #BigSlider .BigSlide .Image .MobileImage {
        display: none;
    }

    #BigSlider .BigSlide .Image .LogoImg {
        background: white;
        position: absolute;
        bottom: 7%;
        right: 0;
        border-radius: 3px 0px 0px 3px;
    }

        #BigSlider .BigSlide .Image .LogoImg.Appointmed {
            width: 35%;
            padding: 20px;
        }

        #BigSlider .BigSlide .Image .LogoImg.RenalCare {
            width: 30%;
        }

        #BigSlider .BigSlide .Image .LogoImg.Medicross {
            width: 23%;
            padding: 5px 20px;
        }

        #BigSlider .BigSlide .Image .LogoImg.Netcare {
            width: 23%;
            padding: 5px 20px;
        }

        #BigSlider .BigSlide .Image .LogoImg.WHO {
            width: 35%;
            padding: 20px;
        }

        #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
            width: 35%;
            padding: 5px 38px;
            background: #66B6C4;
        }

    #BigSlider .BigSlide .Image.Orthopaedics, #BigSlider .BigSlide .Image.Paediatrician {
        margin-top: -5%;
    }

    #BigSlider .BigSlide .Image img {
        width: 100%;
    }
/*-------------*/
#NewsSlider,
#MediaSlider,
#ResearchSlider {
    margin-bottom: 60px;
}

    #NewsSlider .slick-list,
    #MediaSlider .slick-list,
    #ResearchSlider .slick-list {
        padding: 25px;
    }

    #NewsSlider .slick-slide,
    #MediaSlider .slick-slide,
    #ResearchSlider .slick-slide {
        margin: 25px 15px;
    }

    #NewsSlider .NewsSlide,
    #MediaSlider .MediaSlide,
    #ResearchSlider .ResearchSlide {
        height: 450px;
        background: #fff;
        box-shadow: 0px 2.93023px 15px rgba(26, 34, 57, 0.15);
        border-radius: 2.5px;
        position: relative;
        padding: 75px 50px 50px;
        overflow: hidden;
    }

        #NewsSlider .NewsSlide .Date,
        #MediaSlider .MediaSlide .Date,
        #ResearchSlider .ResearchSlide .Date {
            font-size: 14px;
            line-height: 19px;
            color: #D5BFAC;
            padding-bottom: 20px;
        }

        #NewsSlider .NewsSlide .Heading,
        #MediaSlider .MediaSlide .Heading,
        #ResearchSlider .ResearchSlide .Heading {
            font-size: 24px;
            line-height: 29px;
            color: #1D3443;
            font-weight: normal;
        }

        #NewsSlider .NewsSlide p,
        #NewsSlider .NewsSlide p em,
        #NewsSlider .NewsSlide p strong,
        #MediaSlider .MediaSlide p,
        #MediaSlider .MediaSlide p em,
        #MediaSlider .MediaSlide p strong,
        #ResearchSlider .ResearchSlide p,
        #ResearchSlider .ResearchSlide p em,
        #ResearchSlider .ResearchSlide p strong {
            font-style: normal;
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            color: #57656E;
        }

        #NewsSlider .NewsSlide .Tag,
        #MediaSlider .MediaSlide .Tag,
        #ResearchSlider .ResearchSlide .Tag {
            position: absolute;
            right: 0;
            top: 0;
            font-family: Open Sans;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.3em;
            color: #FFFFFF;
            text-transform: uppercase;
            padding: 5px 10px;
            width: 76px;
            transition: width ease-in-out 1s;
        }

        #ResearchSlider .ResearchSlide .Tag {
            width: 115px;
        }

        #NewsSlider .NewsSlide .Tag {
            background: #D5BFAC;
        }

        #MediaSlider .MediaSlide .Tag {
            background: #1D3443;
        }

        #ResearchSlider .ResearchSlide .Tag {
            background: #4682B4;
            padding: 6px 12px;
        }

        #NewsSlider .NewsSlide .GoldLink,
        #MediaSlider .MediaSlide .GoldLink,
        #ResearchSlider .ResearchSlide .GoldLink {
            display: none;
            position: absolute;
            bottom: 10%;
        }

        #NewsSlider .NewsSlide:hover,
        #MediaSlider .MediaSlide:hover,
        #ResearchSlider .ResearchSlide:hover {
            cursor: pointer;
        }

            #NewsSlider .NewsSlide:hover .GoldLink,
            #MediaSlider .MediaSlide:hover .GoldLink,
            #ResearchSlider .ResearchSlide:hover .GoldLink {
                display: table-cell;
            }

            #NewsSlider .NewsSlide:hover .Tag,
            #MediaSlider .MediaSlide:hover .Tag,
            #ResearchSlider .ResearchSlide:hover .Tag {
                width: 100%
            }
/***/
.slick-arrow {
    height: 50px;
    width: 50px;
    box-shadow: 0px 4px 10px rgba(26, 34, 57, 0.19);
    border-radius: 3px;
    z-index: 9;
    top: 275px;
}

    .slick-arrow:before {
        content: "";
    }

    .slick-arrow.slick-prev {
        background: rgba(255, 255, 255, 0.8) url('../images/ArrowLeft.svg') no-repeat center center;
    }

    .slick-arrow.slick-next {
        background: rgba(255, 255, 255, 0.8) url('../images/ArrowRight.svg') no-repeat center center;
    }

.slick-dots li {
    margin: 0;
}

    .slick-dots li:before {
        content: "";
    }

    .slick-dots li button:before {
        font-size: 30px;
    }

    .slick-dots li.slick-active button:before {
        color: #1D3443 !important;
        opacity: 1 !important;
    }


#NewsSliderNav, #MediaSliderNav,
#ResearchSliderNav {
    position: relative;
    width: 280px;
    height: 20px;
}

    #NewsSliderNav .dots, #MediaSliderNav .dots,
    #ResearchSliderNav .dots {
        position: relative;
        bottom: 45px !important;
    }

    #NewsSliderNav .prev-arrow.slick-arrow, #MediaSliderNav .prev-arrow.slick-arrow,
    #ResearchSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 2px;
        bottom: 25px;
        top: auto;
        background-color: transparent;
        box-shadow: none;
    }

    #NewsSliderNav .next-arrow.slick-arrow, #MediaSliderNav .next-arrow.slick-arrow,
    #ResearchSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 2px;
        background: url(../images/CarouselRightArrow.svg) no-repeat center center;
        bottom: 25px;
        top: auto;
        background-color: transparent;
        box-shadow: none;
    }
/*Slider Blocks*/
.BigSliderBlock {
    height: 600px;
    width: 100%;
    position: relative;
    transition: all ease-in-out 0.4s;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}

    .BigSliderBlock .Image {
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: hidden;
        transition: all ease-in-out 0.4s;
    }

        .BigSliderBlock .Image img {
            width: 100%;
            transition: all ease-in-out 0.4s;
        }

    .BigSliderBlock .Slider {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

        .BigSliderBlock .Slider .Tag {
            width: 134px;
            background: #1D3443;
            display: inline-block;
            padding: 5px 20px;
            font-size: 16px;
            line-height: 25px;
            letter-spacing: 0.3em;
            color: #FFFFFF;
            text-transform: uppercase;
            transition: width ease-in-out 1s;
        }

        .BigSliderBlock .Slider .Wrap {
            background: #fff;
            height: 100%;
            max-height: 0;
            overflow: hidden;
            transition: all ease-in-out 0.4s;
        }

            .BigSliderBlock .Slider .Wrap .inner {
                padding: 20px 45px;
                position: relative;
            }

                .BigSliderBlock .Slider .Wrap .inner h3 {
                    font-size: 32px;
                    line-height: 40px;
                    margin-bottom: 15px;
                    letter-spacing: -0.03em;
                }
                /*.BigSliderBlock .Slider .Wrap .inner .subheading {
                    font-size: 16px;
                    line-height: 22px;
                    color: #D5BFAC;
                    padding-bottom: 10px;
                }*/
                .BigSliderBlock .Slider .Wrap .inner p {
                    color: #57656E;
                    font-weight: normal;
                    line-height: 25px;
                }

                .BigSliderBlock .Slider .Wrap .inner .arrowcontainer {
                    width: 100%;
                    height: 50px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background: linear-gradient(0.16deg, #FFFFFF 50.63%, rgba(255, 255, 255, 0.3) 99.65%);
                }

                .BigSliderBlock .Slider .Wrap .inner .readmorecontainer {
                    display: none;
                }

                .BigSliderBlock .Slider .Wrap .inner .arrowcontainer .LinkArrow {
                    display: block;
                    margin: 0 auto;
                    padding-top: 15px;
                }

    .BigSliderBlock:hover {
        box-shadow: 0px 4.58932px 57.3665px rgba(118, 124, 175, 0.15);
        border-radius: 3px;
    }

        .BigSliderBlock:hover .Image img {
            margin-top: -100px;
            transition: all ease-in-out 0.4s;
        }

        .BigSliderBlock:hover .Slider .Tag {
            width: 100%;
        }

        .BigSliderBlock:hover .Slider .Wrap {
            max-height: 1000px;
            transition: all ease-in-out 0.7s;
        }


    .BigSliderBlock .Slider .Wrap .inner .GoldLink:hover {
        color: #1D3443 !important;
        background: url(../images/BlueArrow.svg) no-repeat right center;
        transition: color ease-in-out 0.4s;
    }

.SmallSliderBlock .Slider .Wrap .inner .GoldLink:hover {
    color: #1D3443 !important;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    transition: color ease-in-out 0.4s;
}

.SmallSliderBlock {
    height: 285px;
    width: 100%;
    position: relative;
    transition: all ease-in-out 0.4s;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 5px;
    display: block;
}

    .SmallSliderBlock .Image {
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: hidden;
        transition: all ease-in-out 0.4s;
    }

        .SmallSliderBlock .Image img {
            width: 100%;
            transition: all ease-in-out 0.4s;
        }

    .SmallSliderBlock .Slider {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        max-height: 35px;
        transition: all ease-in-out 0.4s;
    }

        .SmallSliderBlock .Slider .Tag {
            width: 345px;
            background: #1D3443;
            display: inline-block;
            padding: 5px 20px;
            font-size: 16px;
            line-height: 25px;
            letter-spacing: 0.3em;
            color: #FFFFFF;
            text-transform: uppercase;
            transition: width ease-in-out 1s;
            font-weight: bold;
        }

        .SmallSliderBlock .Slider .Wrap {
            background: #fff;
            height: 250px;
            overflow: hidden;
            transition: all ease-in-out 0.4s;
        }

            .SmallSliderBlock .Slider .Wrap .inner {
                padding: 20px 45px;
                position: relative;
                height: 100%;
            }

                .SmallSliderBlock .Slider .Wrap .inner h3 {
                    font-size: 32px;
                    line-height: 40px
                }
                /*.SmallSliderBlock .Slider .Wrap .inner .subheading {
                    font-size: 16px;
                    line-height: 22px;
                    color: #D5BFAC;
                    padding-bottom: 10px;
                }*/
                .SmallSliderBlock .Slider .Wrap .inner p {
                    color: #57656E;
                    font-weight: normal;
                    line-height: 25px;
                }

                .SmallSliderBlock .Slider .Wrap .inner a {
                    font-size: 16px;
                    line-height: 22px;
                    align-items: center;
                    color: #D5BFAC;
                    margin-bottom: 24px;
                    padding-right: 20px;
                    background: url('../images/PeachArrow.svg') no-repeat right center;
                    width: auto;
                    display: table;
                    transition: color ease-in-out 0.4s;
                }

                    .SmallSliderBlock .Slider .Wrap .inner a:hover {
                        color: #1D3443;
                        background: url('../images/BlueArrow.svg') no-repeat right center;
                        transition: color ease-in-out 0.4s;
                    }


                .SmallSliderBlock .Slider .Wrap .inner .arrowcontainer {
                    width: 100%;
                    height: 50px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background: linear-gradient(0.16deg, #FFFFFF 50.63%, rgba(255, 255, 255, 0.3) 99.65%);
                }


                .SmallSliderBlock .Slider .Wrap .inner .readmorecontainer {
                    display: none;
                }

                .SmallSliderBlock .Slider .Wrap .inner .arrowcontainer .LinkArrow {
                    display: block;
                    margin: 0 auto;
                    padding-top: 15px;
                }

    .SmallSliderBlock:hover {
        box-shadow: 0px 4.58932px 57.3665px rgba(118, 124, 175, 0.15);
        border-radius: 3px;
    }

        .SmallSliderBlock:hover .Slider {
            max-height: 1000px;
            transition: all ease-in-out 0.7s;
        }

            .SmallSliderBlock:hover .Slider .Tag {
                width: 100%;
            }

/* Review Slider*/

#ReviewSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto;
}

    #ReviewSliderNav .dots {
        position: relative;
        bottom: 18px !important;
    }

    #ReviewSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 40px;
        bottom: -1px;
        top: auto;
        background-color: transparent;
        box-shadow: none;
    }

    #ReviewSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 40px;
        background: url(../images/CarouselRightArrow.svg) no-repeat center center;
        bottom: -2px;
        top: auto;
        background-color: transparent;
        box-shadow: none;
    }

#ReviewSlider {
    height: 480px;
    margin: 50px 0px;
    background: #ffffff;
}

    #ReviewSlider .SlideText {
        background: url(../images/icons/quotes.svg) no-repeat 95% 15%;
        display: block;
        background-color: #ffffff;
        padding: 100px;
    }

        #ReviewSlider .SlideText h2 {
            margin-bottom: 70px;
        }


        #ReviewSlider .SlideText h6 {
            margin-bottom: 25px;
        }

        #ReviewSlider .SlideText p {
            font-family: Open Sans Light;
            font-size: 24px;
            line-height: 36px;
        }

/**Appointmed Page Carousel**/

#AppointMedSliderNav,
#NetcarePlusSliderNav {
    position: relative;
    width: 250px;
    height: 20px;
    margin: 0 auto;
}

#NetcarePlusSliderNav {
    height: 5px;
}

    #AppointMedSliderNav .dots,
    #NetcarePlusSliderNav .dots {
        position: relative;
        bottom: 37px !important;
    }

    #NetcarePlusSliderNav .dots {
        bottom: 54px !important
    }


    #AppointMedSliderNav .prev-arrow.slick-arrow,
    #NetcarePlusSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftBlueArrow.svg) no-repeat center center;
        cursor: pointer;
        position: absolute;
        left: 40px;
        bottom: -3px;
        top: auto;
        background-color: transparent;
        box-shadow: none;
    }

    #AppointMedSliderNav .next-arrow.slick-arrow,
    #NetcarePlusSliderNav .next-arrow.slick-arrow {
        cursor: pointer;
        position: absolute;
        right: 40px;
        background: url(../images/CarouselRightBlueArrow.svg) no-repeat center center;
        bottom: -3px;
        top: auto;
        background-color: transparent;
        box-shadow: none;
    }

    #NetcarePlusSliderNav .prev-arrow.slick-arrow {
        background: url(../images/CarouselLeftLightBlueArrow.svg) no-repeat center center;
    }

    #NetcarePlusSliderNav .next-arrow.slick-arrow {
        background: url(../images/CarouselRightLightBlueArrow.svg) no-repeat center center;
    }

.AppointmedMapContainer {
    margin: 100px 0px;
}

    .AppointmedMapContainer img {
        width: 100%;
    }

    .AppointmedMapContainer .Facilities {
        display: block;
    }

        .AppointmedMapContainer .Facilities p {
            display: inline-block;
            font-weight: bold;
            color: #1D3443;
        }

            .AppointmedMapContainer .Facilities p::after {
                content: "|";
            }

            .AppointmedMapContainer .Facilities p:last-child::after {
                display: none;
            }


.CarouselHeading {
    margin-bottom: 40px;
}

    .CarouselHeading p {
        /* padding-right: 28%; */
    }

.AppointmedMapContainer h2, .AppointmedMapContainer > p, .Facilities, .CarouselHeading {
    margin-left: 50px;
}

.AppointmedWrapper, .NetcarePlusWrapper {
    margin-top: 2%;
}



    .AppointmedWrapper h2 {
        font-family: "Open Sans";
        line-height: 54px;
    }

        .AppointmedWrapper h2 strong {
            font-family: "Open Sans Bold";
        }



    .AppointmedWrapper .ValueItemInner .icon .peachblock {
        top: 50%;
        height: 25px;
    }



    .AppointmedWrapper p {
        padding-right: 20%;
        margin-bottom: 60px;
    }



/*-- Appointmed Form --*/

#AppointmedForm {
    margin-left: -6%;
    margin-top: 15%;
}

.AppointmedFormImageMobile {
    display: none;
}

img.AppointmedFormImage {
    float: right;
    margin-top: 25%;
    margin-right: -55px;
    max-width: 100%;
}

#AppointmedForm .HeadingPlus {
    background: url(../images/icons/CarouselBluePlus.svg) no-repeat left top;
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px;
}

#AppointmedForm p {
    color: #ffffff;
    line-height: 140%;
    font-size: 16px;
}

#AppointmedForm .SpecialistDetail p {
    padding: 5px 65px;
}

#AppointmedForm .MedicalAid p {
    padding: 5px;
    margin-top: -20px;
}

#AppointmedForm .PersonalDetail p {
    margin-top: -15px;
    margin-bottom: 0px;
}


#AppointmedForm .FinalDetail p {
    color: #ffffff;
    text-align: center;
}

#AppointmedForm .FinalDetail .ReferenceNumber {
    font-weight: bold;
    color: #4682B4;
}

#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

#AppointmedForm .AppointmedFormRadioButtons {
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

#AppointmedForm #ConsultationDropDownList {
    margin-top: 15px;
}

/*-- Appointmed Form Content --*/

#AppointmedForm > .content > .body .nextButton {
    float: right;
}

#AppointmedForm > .content {
    background: #1D3443 !important;
    box-shadow: 0px 4px 10px rgba(26, 34, 57, 0.05);
    border-radius: 0px;
    width: 100% !important;
    margin: 0;
    min-height: auto !important;
    overflow: visible !important;
}

    #AppointmedForm > .content > .body {
        position: relative !important;
        padding: 45px 55px !important;
        height: 840px !important;
        width: 100% !important;
    }

        #AppointmedForm > .content > .body > div {
            position: relative;
            height: 100%;
        }

        #AppointmedForm > .content > .body h2 {
            font-family: 'Open Sans Light';
            font-weight: 300;
            font-size: 40px;
            line-height: 122.94%;
            color: #FFF;
            letter-spacing: -0.03em;
            width: 87%;
            margin-bottom: 15px;
            margin-top: 13px;
        }

        #AppointmedForm > .content > .body .FinalDetail h2 {
            width: 95%;
            margin-bottom: 20px;
            text-align: center;
            font-family: 'Open Sans';
            font-size: 36px;
            font-weight: 600;
        }

        #AppointmedForm > .content > .body h4 {
            font-size: 24px;
            color: #ffffff;
            font-weight: 300;
            line-height: 24px;
            margin-top: 10px;
            margin-bottom: 15px;
        }

        #AppointmedForm > .content > .body .form-group {
            margin-bottom: 16px;
            margin-right: auto;
            margin-left: auto;
        }

        #AppointmedForm > .content > .body .inputWrapper {
            height: 58px;
            border: 1px solid #dfdfdf;
            display: inline-flex;
            align-items: center;
            background: #ffffff;
            width: 100%;
            border-radius: 3px;
        }

        #AppointmedForm > .content > .body .select2-container {
            width: 99.6% !important;
        }



        #AppointmedForm > .content > .body textarea {
            border: solid 1px #57656E !important;
            background-color: #F0F0F0;
            border-radius: 3px;
            width: 100%;
            padding: 12px;
            font-size: 13px !important;
            font-weight: 600;
            font-family: 'Open Sans';
            margin-bottom: 15px;
        }

            #AppointmedForm > .content > .body textarea::placeholder {
                color: #1D3443;
                font-size: 16px;
                font-weight: 300;
                opacity: 0.6;
            }

        #AppointmedForm > .content > .body input:-webkit-autofill,
        #AppointmedForm > .content > .body input:-webkit-autofill:hover,
        #AppointmedForm > .content > .body input:-webkit-autofill:focus,
        #AppointmedForm > .content > .body input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
        }

        #AppointmedForm > .content > .body .select2-container--default .select2-selection--single,
        #AppointmedForm > .content > .body input {
            height: 40px;
            border-radius: 5px;
            border: none !important;
            background-color: #ffffff !important;
            outline: none;
            color: #1D3443;
            font-weight: bold;
            width: 100%;
            padding-left: 10px;
            font-size: 16px;
        }

        #AppointmedForm > .content > .body .select2-container--default .select2-selection--single {
            padding: 10px 10px 10px 18px !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: url(../images/icons/LightBlueArrowDown.svg) no-repeat 95% center !important;
            background-color: white;
        }

            #AppointmedForm > .content > .body input::placeholder,
            #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__placeholder {
                color: #1D3443;
                font-size: 16px;
                font-weight: 600;
                opacity: 0.6;
            }

            #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__rendered {
                color: #1D3443 !important;
                padding-left: 0px;
                width: 100%;
                line-height: 20px;
            }

            #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__arrow {
                display: none;
            }

#AppointmedForm .PersonalDetail .inputWrapper.has-error input {
    background: none !important;
}

#AppointmedForm > .content > .body .inputWrapper.has-error {
    border: 2px solid #EB5757;
}

    #AppointmedForm > .content > .body .inputWrapper.has-error input {
        background: url(../images/icons/errorX.svg)no-repeat 91% center;
        color: #EB5757;
        outline: none;
    }

#AppointmedForm > .content > .body label.inputLabel {
    color: #FFFFFF;
    line-height: 17px;
    font-size: 16px;
    font-family: 'Open Sans Bold';
    width: 100%;
    margin-bottom: 15px !important;
    letter-spacing: 0.15em;
}


#AppointmedForm > .content > .body .intl-tel-input {
    position: relative;
    display: block;
    width: 100%;
}

    #AppointmedForm > .content > .body .intl-tel-input .selected-flag {
        padding: 0px !important;
        width: 46px;
    }

        #AppointmedForm > .content > .body .intl-tel-input .selected-flag .iti-arrow {
            margin-right: 10px;
        }

    #AppointmedForm > .content > .body .intl-tel-input.allow-dropdown input,
    #AppointmedForm > .content > .body .intl-tel-input.allow-dropdown input[type=text],
    #AppointmedForm > .content > .body .intl-tel-input input.form-control {
        width: 100% !important;
    }

    #AppointmedForm > .content > .body .intl-tel-input.allow-dropdown .flag-container,
    #AppointmedForm .intl-tel-input.separate-dial-code .flag-container {
        top: 0px;
        padding-left: 10px;
    }

#AppointmedForm > .content > .body .inputWrapper.disabled {
    background-color: #f0f0f0 !important;
}

    #AppointmedForm > .content > .body .inputWrapper.disabled input {
        background-color: #f0f0f0 !important;
        color: #6d7e89 !important;
    }

    #AppointmedForm > .content > .body .inputWrapper.disabled > label.inputLabel {
        background-color: #f0f0f0 !important;
        color: #6d7e89 !important;
    }

#AppointmedForm .AppointmedFormRadioButtons input[type="radio"],
#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0 !important;
}

#AppointmedForm > .content > .body label.inputLabels {
    color: #1D3443;
    line-height: 17px;
    font-size: 16px;
    font-family: 'Open Sans Bold';
    width: 65%;
    margin: 13px 5px 15px 20px !important;
}

#AppointmedForm > .content > .body .intl-tel-input.allow-dropdown .flag-container {
    display: none;
}


#AppointmedForm > .content > .body .Weekdays.btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5px;
}

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        font-family: 'Open Sans';
        padding: 13px;
        color: #80898F;
        margin-right: 18px !important;
        width: 110px !important;
        text-align: center !important;
        border-radius: 5px !important;
        background: #FFFFFF;
        flex: auto;
        text-transform: none;
        font-weight: 600;
        font-size: 15px;
        cursor: pointer;
    }

        #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox > input {
            position: absolute;
            clip: rect(0, 0, 0, 0);
            pointer-events: none;
        }

        #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox.active,
        #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:hover {
            color: #ffffff !important;
            background-color: #4682B4 !important;
        }

#AppointmedForm > .content > .body .SectionButtons .form-group {
    margin-bottom: 0;
}

#AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(3),
#AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(6),
#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(6) {
    margin-right: 0px !important;
}

#AppointmedForm .AppointmedFormRadioButtons label {
    min-width: 46% !important;
}

/*Select 2 dropdowns*/
.select2-container .select2-dropdown {
    margin: 0;
    margin-top: 0;
    border: solid 1px #c4c4c4 !important;
    border-top: none !important;
    background-color: #ffffff;
    padding: 0;
    border-radius: 4px;
    font-size: 16px;
}

    .select2-container .select2-dropdown .select2-results__option {
        font-size: 14px;
    }

/* Steps */
#AppointmedForm .steps {
    width: 50% !important;
    margin-left: 7%;
    z-index: 0;
}

    #AppointmedForm .steps > ul > li {
        width: 20px;
        margin-left: 12px;
        float: left;
    }

        #AppointmedForm .steps > ul > li.current {
            width: 65px;
        }

        #AppointmedForm .steps > ul > li.disabled {
            background: transparent !important;
        }

    #AppointmedForm .steps .current a,
    #AppointmedForm .steps .current a:hover,
    #AppointmedForm .steps .current a:active,
    #AppointmedForm .steps .disabled a,
    #AppointmedForm .steps .disabled a:hover,
    #AppointmedForm .steps .disabled a:active,
    #AppointmedForm .steps .done a,
    #AppointmedForm .steps .done a:hover,
    #AppointmedForm .steps .done a:active {
        background: none !important;
    }

    #AppointmedForm .steps > ul > li > a {
        padding: 1em 0px !important;
        position: relative;
        display: block;
    }

    #AppointmedForm .steps > ul > li.done > a {
        background: none !important;
    }


    #AppointmedForm .steps > ul > li > a > .circle {
        height: 15px;
        width: 15px;
        border-radius: 50%;
        display: inline-block;
        background-color: #AFCCE0;
        z-index: 2;
    }

    #AppointmedForm .steps > ul > li.current > a > .circle {
        background-color: #4682B4;
        width: 60px;
        border-radius: 100px;
    }

    #AppointmedForm .steps > ul > li.done > a > .circle {
        background-color: #4682B4;
    }


    #AppointmedForm .steps > ul > li.last > a > .circle {
        display: none;
    }

    #AppointmedForm .steps > ul > li:nth-child(3) > a > .line {
        display: none;
    }

    #AppointmedForm .steps > ul > li > a > .stepTitle {
        display: none;
    }

/*Appointmed form buttons */

#AppointmedForm > .content > .body button {
    font-family: Open Sans;
    font-weight: bold;
    border-radius: 5px;
    padding: 14px 0px;
    min-width: 130px;
    margin-top: 20px;
    font-size: 16px;
}

#AppointmedForm > .content > .body .btn-secondary {
    color: #4682B4 !important;
    border: none;
    background-color: #FFFFFF !important;
}

    #AppointmedForm > .content > .body .btn-secondary:hover,
    #AppointmedForm > .content > .body .btn-secondary:active,
    #AppointmedForm > .content > .body .btn-secondary:focus {
        color: #ffffff !important;
        border: none;
        background-color: #4682B4 !important;
        outline: none;
    }

    #AppointmedForm > .content > .body .btn-secondary:disabled {
        color: #BEC2C6 !important;
        cursor: not-allowed;
        outline: none;
        background: #Ffffff !important;
    }

#AppointmedForm > .content > .body .btn-primary {
    color: #FFFFFF;
    border: none;
    background-color: #4682B4 !important;
}

    #AppointmedForm > .content > .body .btn-primary:hover,
    #AppointmedForm > .content > .body .btn-primary:active,
    #AppointmedForm > .content > .body .btn-primary:focus {
        color: #1D3443;
        border: none;
        background-color: #ffffff !important;
        outline: none;
    }

    #AppointmedForm > .content > .body .btn-primary:hover {
        color: #4683B3 !important;
    }

/*-- Date picker --*/

#AppointmedForm > .content > .body .input-group {
    width: 100%;
}

.bootstrap-datetimepicker-widget {
    border-radius: 10px;
}

#AppointmedForm .bootstrap-datetimepicker-widget {
    left: auto !important;
    right: 0 !important;
}

    #AppointmedForm .bootstrap-datetimepicker-widget ul li {
        list-style: none !important;
    }

#AppointmedForm > .content > .body .input-group-addon {
    position: absolute;
    z-index: 2;
    border: none;
    border-radius: 0px;
    width: 34px;
    height: 30px;
    top: 13px;
    right: 15px;
    cursor: pointer;
    background: url('../images/icons/DateSelector.svg') no-repeat;
    background-color: transparent !important;
}

#AppointmedForm > .content > .body input-group-addon:focus {
    outline: none;
}

#AppointmedForm > .content > .body .disabled .input-group-addon {
    display: none !important;
}

#AppointmedForm .glyphicon-chevron-left:before {
    content: "";
    background-image: url(../images/ArrowLeft.svg);
    background-size: 10px 15px;
    display: inline-block;
    width: 10px;
    height: 15px;
}

#AppointmedForm .glyphicon-chevron-right:before {
    content: "";
    background-image: url(../images/ArrowRight.svg);
    background-size: 10px 15px;
    display: inline-block;
    width: 10px;
    height: 15px;
}

#AppointmedForm .bootstrap-datetimepicker-widget table td.day.active,
#AppointmedForm .bootstrap-datetimepicker-widget table td.active,
#AppointmedForm .bootstrap-datetimepicker-widget table td.active:hover,
#AppointmedForm .bootstrap-datetimepicker-widget table td.day:hover {
    background-color: #4682B4 !important;
    color: #fff !important;
    border-radius: 100% !important;
    font-weight: bold;
}

#AppointmedForm .bootstrap-datetimepicker-widget table td span.active,
#AppointmedForm .bootstrap-datetimepicker-widget table td span:hover {
    background-color: #fff !important;
    color: #4682B4 !important;
    border-radius: 100% !important;
    font-weight: bold;
}


#AppointmedForm .bootstrap-datetimepicker-widget table td.day {
    font-family: Montserrat Thin;
    height: 35px !important;
    line-height: 30px;
    width: 30px !important;
    padding: 3px !important;
    font-size: 18px;
    font-weight: bold;
    color: #80898F;
    padding-top: 7px !important;
}

#AppointmedForm .bootstrap-datetimepicker-widget table span.month,
#AppointmedForm .bootstrap-datetimepicker-widget table td span.year {
    width: 60px;
}


#AppointmedForm .bootstrap-datetimepicker-widget table td span.decade {
    width: 58px;
}

#AppointmedForm .bootstrap-datetimepicker-widget table thead tr:first-child th {
    padding: 10px 0px 20px 0px !important;
    color: #1D3443;
    font-weight: bold;
}

#AppointmedForm .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #D5BFAC !important;
}

#AppointmedForm .datepicker-days, #AppointmedForm .datepicker-months, #AppointmedForm .datepicker-years, #AppointmedForm .datepicker-decades {
    padding: 10px 15px;
}

#AppointmedForm .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: none;
}

.datepicker-months .table-condensed .prev span, .datepicker-years .table-condensed .prev span, .datepicker-decades .table-condensed .prev span {
    padding-left: 25px !important;
}

.datepicker-months .table-condensed .next span, .datepicker-years .table-condensed .next span, .datepicker-decades .table-condensed .next span {
    padding-right: 25px !important;
}

/*-- Appointmed Tooltip --*/

#AppointmedForm .AppointmedTooltip {
    position: absolute;
    z-index: 2;
    border: none;
    border-radius: 0px;
    width: 34px;
    height: 30px;
    top: 18px;
    right: 20px;
    cursor: pointer;
    background: url('../images/icons/AppointmedInfo.svg') no-repeat;
    background-color: transparent !important;
}


#AppointmedTooltipMobile, .AppointmedTooltipmodal-content {
    display: none;
}

.tippy-box {
    background-color: #E7F0F6 !important;
    padding: 6px 10px 0px 10px !important;
    text-align: center;
    height: 70px;
    max-width: 300px !important;
}

.tippy-content {
    padding: 9px 0 !important;
}

.tippy-box p {
    color: #4682B4 !important;
    font-size: 12px;
    line-height: 110%;
    padding: 0px 40px;
}

.tippy-arrow {
    color: #E7F0F6 !important;
}

[data-tippy-root] {
    /*transform: translate(1300px, 2525px) !important;*/
    bottom: auto !important;
    margin-top: -85px !important;
}

/*Appointmed Please note*/

#AppointmedForm .please-note {
    font-family: 'Open Sans';
    display: block;
    height: auto;
    border: 2px solid #4682B4;
    border-radius: 5px;
    padding: 15px 50px 15px 60px;
    position: relative;
    background-color: #AFCCE0;
    background-image: url('../images/icons/AppointmedTooltip.svg');
    background-repeat: no-repeat;
    background-position: 16px 11px;
    color: #4682B4 !important;
    font-size: 16px;
    min-height: 44px;
    width: 100%;
    margin-bottom: 5px;
    margin-top: -1px;
    backdrop-filter: blur(5px);
}

#AppointmedForm .please-note-title {
    font-family: 'Open Sans Bold';
    color: #1D3443;
    display: block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.15em;
    line-height: 22px;
    margin-bottom: 10px;
}

#AppointmedForm .please-note span {
    font-weight: normal;
}

#AppointmedForm .please-note.please-note-discipline {
    background-position: 11px 9px;
}

#AppointmedForm .please-note.incomplete-profile-notice {
    margin-top: 22px;
}


/* Microsoft Edge */
::-ms-input-placeholder {
    font-size: 14px !important;
}

/*-- AppointMed Last Form --*/

#AppointmedForm .VoucherBlock {
    font-family: 'Open Sans';
    border: 2px solid #4682B4;
    border-radius: 5px;
    padding: 15px 30px 15px 20px;
    position: relative;
    background-color: #AFCCE0;
    color: #4682B4 !important;
    font-size: 14px;
    width: 83%;
    margin: auto;
}

#AppointmedForm .FinalDetail p:nth-child(3) {
    margin-left: 90px;
    margin-right: 90px;
}

#AppointmedForm .FinalDetail p:nth-child(2) {
    margin-left: 50px;
    margin-right: 50px;
}

#AppointmedForm .FinalDetail .SuccessPage {
    margin: 50px;
    text-align: center;
}

#AppointmedForm .FinalDetail {
    margin-top: 50px;
}

#AppointmedForm .NetCarePlus a {
    background: url('../images/icons/ArrowSmallRight.svg') no-repeat 98% !important;
    color: #FFF;
    padding-right: 30px;
    font-size: 16px;
}

#AppointmedForm #hasVoucherRadioButtons {
    margin-top: 15px;
}

#AppointmedForm .NetCarePlus a:active,
#AppointmedForm .NetCarePlus a:hover {
    color: #4682B4 !important;
    background: url(/Portals/_default/Skins/Netcare-Core/images/icons/LightBlueArrowRight.svg) no-repeat 98% !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1D3443 !important;
}

#AppointmedForm section .SectionButtons {
    position: absolute;
    bottom: -15px;
    width: 100%;
}


#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
    border-radius: 5px !important;
    min-width: 30% !important;
    margin-right: 15px !important;
}

    #AppointmedForm .AppointmedFormRadioButtons input[type="radio"]:checked + label,
    #AppointmedForm .AppointmedFormRadioButtons input[type="radio"]:focus + label,
    #AppointmedForm .AppointmedFormRadioButtons label:hover,
    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type="radio"]:checked + label,
    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar input[type="radio"]:focus + label,
    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:hover {
        background-color: #4682B4;
        color: #FFF;
    }

#AppointmedForm .AppointmedFormRadioButtons label,
#AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #80898F;
    line-height: 22px;
    border-radius: 3px;
    box-shadow: 0px 4px 10px rgba(26, 34, 57, 0.08);
    background-color: #ffffff;
    font-style: normal;
    font-weight: 600;
    min-width: 175px;
    text-align: center;
    padding: 14px;
    cursor: pointer;
    height: 50px;
}


#AppointmedForm .validationMessage {
    font-family: 'Open Sans';
    display: block;
    height: auto;
    border: 2px solid #E00634;
    border-radius: 5px;
    padding: 20px 20px 20px 65px;
    position: relative;
    background-color: #FFF;
    background-image: url(../images/icons/AppointmedError.svg);
    background-repeat: no-repeat;
    background-position: 16px 15px;
    color: #E00634 !important;
    font-size: 16px;
    min-height: 50px;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 15px;
}

div#invisibleAnchor {
    position: absolute;
    top: -100px;
}

/*-- Appointmed Loader --*/

#AppointmedForm > .content .loading-box {
    position: absolute;
    background: rgba(255,255,255,0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 10;
    width: 100%;
    height: 100%;
    z-index: 99;
}


    #AppointmedForm > .content .loading-box .loading {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        border: 0.25rem solid rgba(255, 255, 255, 0.2);
        border-top-color: #002663;
        -webkit-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -25px 0 0 -25px;
    }


/*Sweet alert 2 styling*/
h2#swal2-title {
    color: #1d3443;
    font-size: 28px !important;
    font-family: 'Open Sans Light' !important;
    font-weight: normal;
}

div#swal2-content {
    font-size: 16px !important;
    font-family: 'Open Sans';
    color: #57656e;
}

.swal2-popup.swal2-modal.swal2-show {
    padding: 40px !important;
}

button.swal2-confirm.btn.btn-primary.swal2-styled,
button.swal2-confirm.swal2-styled {
    padding: 12px 20px;
    font-size: 14px;
}

button.swal2-confirm.btn.btn-primary.appointmed-swal-btn.swal2-styled {
    border-radius: 4px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.3) !important;
    background-color: #1d3443 !important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans' !important;
    line-height: 15px;
    padding: 12px 20px;
    min-width: 110px;
    text-align: center;
    border: 1px solid #1d3443 !important;
    color: #fff !important;
}

.swal2-container.swal2-center.swal2-fade.swal2-shown {
    z-index: 100003 !important;
}

.swal2-popup .swal2-image {
    width: 80px;
}


/*-- Footer Logos --*/
.Logos {
    height: 120px;
    padding-bottom: 40px;
}

    .Logos .LogoItem {
        display: inline-block;
        width: 20%;
        margin-right: -4px;
        height: 100%;
        vertical-align: top;
    }

        .Logos .LogoItem img {
            max-height: 100%;
            max-width: 150px;
            margin: 0 auto;
            display: block;
        }

    .Logos .wrapping {
        display: inline;
    }
/*====----    Functionality Styling    ----====*/
#Hospital,
#Specialist,
#Doctor,
#Dentist,
#Clinic,
#Vacancies {
    padding: 20px 0 30px;
}


.FilterWrapper {
    padding: 10px 0 20px;
    overflow: auto;
}

.MedicalConditionsWrapper {
    overflow: visible;
}

.FindMedicalContent {
    padding: 10px 0 20px;
    overflow: auto;
    margin-left: 15px;
}

.ClearButton {
    position: absolute;
    right: 0;
    top: 25px;
    background: transparent;
    border: 0px none;
    padding: 14px;
}

.FilterWrapper > .TownContainer,
.FilterWrapper > .ProvinceContainer,
.FilterWrapper > .ClinicsNameContainer,
.FilterWrapper > .DoctorsNameContainer {
    width: 33%;
    float: left;
    padding: 10px;
    position: relative;
}

#Doctor .FilterWrapper > .ProvinceContainer,
#Doctor .FilterWrapper > .TownContainer,
#Doctor .FilterWrapper > .DoctorsNameContainer,
#Doctor .FilterWrapper > .HospitalContainer,
#Dentist .FilterWrapper > .ProvinceContainer,
#Dentist .FilterWrapper > .TownContainer,
#Dentist .FilterWrapper > .DoctorsNameContainer,
#Dentist .FilterWrapper > .HospitalContainer {
    width: 25%;
    float: left;
    padding: 10px;
    position: relative;
}

.FilterWrapper > .ProvinceContainer {
    padding-left: 0px !important;
}

.FilterWrapper label {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #80898F;
    margin: 5px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.FilterWrapper select,
.FilterWrapper input {
    font-size: 16px !important;
    color: #666 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0px 4px 10px rgba(26, 34, 57, 0.08);
    border-radius: 3px;
    border: 0px none;
    padding: 13px !important;
    height: auto !important;
    transition: all 0.4s ease;
    width: 100% !important;
    height: 48px !important;
}


    .FilterWrapper select:focus,
    .FilterWrapper input:focus {
        outline: none !important;
    }

#SearchHospital,
#SearchSpecialist,
#SearchDoctor,
#SearchDentist,
#SearchClinic,
#SearchVacancies {
    display: inline-block;
    background: #1D3443;
    box-shadow: 0px 0px 20px rgba(37, 40, 73, 0.2);
    border-radius: 5px;
    border: 0px none;
    padding: 10px 100px;
    margin-top: 5px;
    font-size: 18px;
    color: #fff !important;
    float: left;
    transition: all 0.4s ease;
}

    #SearchHospital:hover,
    #SearchSpecialist:hover,
    #SearchDoctor:hover,
    #SearchDentist:hover,
    #SearchClinic:hover,
    #SearchVacancies:hover {
        background: #495b67 !important;
        transition: all 0.4s ease;
    }

#specialist #searcherror {
    margin-left: 0px;
}

#specialist .ConsultationError {
    margin-top: -20px;
}

#searcherror {
    color: #e7393f;
    margin-left: 10px;
}

    #searcherror.error {
        display: inline-block !important;
    }



#Hospital #SearchHospital:disabled,
#Hospital #SearchHospital[disabled],
#Specialist #SearchSpecialist:disabled,
#Specialist #SearchSpecialist[disabled],
#Clinic #SearchClinic:disabled,
#Clinic #SearchClinic[disabled],
#Doctor #SearchDoctor:disabled,
#Doctor #SearchDoctor[disabled],
#Dentist #SearchDentist:disabled,
#Dentist #SearchDentist[disabled] {
    background: #aeaeae !important;
    color: #fff !important;
}

#Specialist #SearchSpecialist:disabled,
#Specialist #SearchSpecialist[disabled],
#SearchSpecialist.SearchSpecialistPlus:disabled {
    color: #aeaeae !important;
    background: #E8E9EA !important;
    box-shadow: none !important;
}

#Hospital .FilterWrapper input[type="text"]:disabled,
#Specialist .FilterWrapper select[disabled],
#Specialist .FilterWrapper input[type="text"]:disabled,
#Clinic .FilterWrapper input[type="text"]:disabled,
#Doctor .FilterWrapper input[type="text"]:disabled {
    background: #f9fafb !important;
    color: #aeaeae !important;
    cursor: default;
    border: 2px solid #f9fafb !important;
}


#Specialist .FilterWrapperPlus select[disabled],
#Specialist .FilterWrapperPlus input[type="text"]:disabled {
    background: #E8E9EA !important;
    border: none !important;
}

    #Specialist .FilterWrapperPlus input[type="text"]:disabled::placeholder {
        color: #aeaeae !important;
    }

#Specialist .FilterWrapperPlus select[disabled] {
    background: url('../images/icons/GrayArrowDown.svg') no-repeat 96% #E8E9EA !important;
    opacity: 1;
}

#Specialist .FilterWrapperPlus select {
    background: url('../images/icons/NetcarePlusArrow.svg') no-repeat 96% !important;
}



#Hospital .HospitalWrapper,
#Specialist .SpecialistsWrapper,
#Doctor .DoctorWrapper,
#Dentist .DentistWrapper,
#Clinic .ClinicWrapper,
#Vacancies .VacanciesWrapper {
    display: table;
    width: 100%;
    padding: 30px 0 20px;
}

    #Hospital .HospitalWrapper .HospitalRow,
    #Specialist .SpecialistsWrapper .SpecialistRow,
    #Doctor .DoctorWrapper .DoctorRow,
    #Dentist .DentistWrapper .DentistRow,
    #Clinic .ClinicWrapper .ClinicRow,
    #Vacancies .VacanciesWrapper .HospitalRow {
        display: table-row;
    }

        #Hospital .HospitalWrapper .HospitalRow > div,
        #Specialist .SpecialistsWrapper .SpecialistRow > div,
        #Doctor .DoctorWrapper .DoctorRow > div,
        #Dentist .DentistWrapper .DentistRow > div,
        #Clinic .ClinicWrapper .ClinicRow > div,
        #Vacancies .VacanciesWrapper .HospitalRow > div {
            display: table-cell;
            padding: 15px 5px;
            vertical-align: top;
            border-top: 1px solid #dfdfdf !important;
            font-size: 14px
        }

        #Hospital .HospitalWrapper .HospitalRow:first-child > div,
        #Specialist .SpecialistsWrapper .SpecialistRow:first-child > div,
        #Doctor .DoctorsWrapper .DoctorRow:first-child > div,
        #Dentist .DentistWrapper .DentistRow:first-child > div,
        #Clinic .ClinicWrapper .ClinicRow:first-child > div,
        #Vacancies .VacanciesWrapper .HospitalRow:first-child > div {
            font-weight: bold;
            font-family: Open Sans;
            font-style: normal;
            font-weight: bold;
            font-size: 16px;
            line-height: 22px;
            align-items: center;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            color: #80898F;
            border: 0px none !important;
        }

        #Hospital .HospitalWrapper .HospitalRow > div.Name a,
        #Specialist .SpecialistsWrapper .SpecialistRow > div.Name a,
        #Doctor .DoctorWrapper .DoctorRow > div.Name a,
        #Dentist .DentistWrapper .DentistRow > div.Name a,
        #Clinic .ClinicWrapper .ClinicRow > div.Name a,
        #Vacancies .VacanciesWrapper .HospitalRow > div.Name a {
            font-size: 14px;
            line-height: 19px;
            font-weight: bold;
            color: #1D3443;
            padding-right: 30px;
        }

        #Hospital .HospitalWrapper .HospitalRow > div.Address,
        #Specialist .SpecialistsWrapper .SpecialistRow > div.Address,
        #Doctor .DoctorWrapper .DoctorRow > div.Address,
        #Dentist .DentistWrapper .DentistRow > div.Address,
        #Clinic .ClinicWrapper .ClinicRow > div.Address,
        #Vacancies .VacanciesWrapper .HospitalRow > div.Address {
            font-size: 14px;
            line-height: 18px;
            color: #D5BFAC;
        }

            #Hospital .HospitalWrapper .HospitalRow > div.Address a,
            #Specialist .SpecialistsWrapper .SpecialistRow > div.Address a,
            #Doctor .DoctorWrapper .DoctorRow > div.Address a,
            #Dentist .DentistWrapper .DentistRow > div.Address a,
            #Clinic .ClinicWrapper .ClinicRow > div.Address a,
            #Vacancies .VacanciesWrapper .HospitalRow > div.Address a {
                font-size: 14px;
                line-height: 18px;
                color: #57656E;
            }


#Latitude, #Longitude {
    display: inline-block;
}

#Hospital .prevousButton,
#Specialist .prevousButton,
#Doctor .prevousButton,
#Dentist .prevousButton,
#Clinic .prevousButton,
#Vacancies .prevousButton {
    background: url('../images/ArrowLeft.svg') no-repeat right center;
    background-size: contain;
    height: 15px;
    width: 20px;
    font-size: 0px;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    vertical-align: top;
    border: 0px none;
    margin-left: -10px;
}

#Hospital .nextButton,
#Specialist .nextButton,
#Doctor .nextButton,
#Dentist .nextButton,
#Clinic .nextButton,
#Vacancies .nextButton {
    background: url('../images/ArrowRight.svg') no-repeat right center;
    background-size: contain;
    height: 15px;
    width: 20px;
    font-size: 0px;
    display: inline-block;
    padding: 0;
    margin-left: 0px;
    vertical-align: top;
    border: 0px none;
}

#Hospital .pagination,
#Specialist .pagination,
#Doctor .pagination,
#Dentist .pagination,
#Clinic .pagination,
#Vacancies .pagination {
    display: inline-block;
    vertical-align: top;
    line-height: 15px;
}

@-moz-document url-prefix() {
    #SearchHospital,
    #SearchSpecialist,
    #SearchDoctor,
    #SearchDentist,
    #SearchClinic,
    #SearchVacancies {
        margin-bottom: 50px;
    }
}



/*-- Find Mobile style --*/
.listing-columns li {
    list-style: none !important;
    display: inline-block;
    padding-bottom: 45px;
}

    .listing-columns li > :nth-child(2) {
        display: none !important;
    }


.listing-columns span {
    display: inline-block !important;
    width: 100%;
}


.listing-columns > ul > li {
    list-style: none;
}
/*-- Auto complete --*/
.ui-autocomplete {
    background: #edf1f5;
    max-width: 365px !important;
    max-height: 300px !important;
    overflow: auto;
    list-style-type: none;
}

    .ui-autocomplete li {
        padding: 5px;
    }

        .ui-autocomplete li.ui-state-focus {
            cursor: pointer;
            color: #002663;
        }
/*-- Footer --*/
footer {
    background: #1D3443;
    position: relative;
}


    footer .footertop {
        padding-top: 50px;
    }

        footer .footertop .Image img {
            width: 30%;
        }

        footer .footertop .Address {
            color: #fff;
            font-size: 14px;
            line-height: 29px;
            /* or 29px */
            padding-top: 30px;
            font-family: 'Open Sans Bold';
        }

        footer .footertop .FooterHeading {
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            color: #D5BFAC;
            padding: 10px 0 20px;
            font-family: 'Open Sans Bold';
        }

        footer .footertop .FooterLink {
            font-size: 16px;
            display: block;
            line-height: 22px;
            color: #FFFFFF;
            margin-bottom: 10px;
            padding-right: 30%;
        }

            footer .footertop .FooterLink:hover {
                color: #D5BFAC;
            }

    footer .footerbottom {
        padding: 10px;
    }

        footer .footerbottom ul {
            list-style: none;
            margin: 0;
            color: #ccc;
        }

            footer .footerbottom ul li {
                display: inline-block;
                color: #ccc;
            }

                footer .footerbottom ul li:before {
                    content: "";
                }

                footer .footerbottom ul li a {
                    color: #ccc;
                }

.loginGroup {
    position: absolute;
    right: 3px;
    bottom: 3px;
}

    .loginGroup .LoginLink {
        background: url('../images/padlock-lock-svgrepo-com.svg') no-repeat center center;
        background-size: contain;
        height: 30px;
        width: 30px;
        font-size: 0px;
        display: block;
    }

.SpecialistDescription {
    background: #f7f7f7 !important;
    position: relative;
}

.SpecialistWrapperPlus .SpecialistDescription {
    background: #ffffff !important;
}
/*-- Covid Banner --*/
.CovidBanner, .NetcarePlusBanner {
    display: block;
    position: relative;
}

    .CovidBanner img, .NetcarePlusBanner img {
        width: 100%;
        display: block;
        z-index: -1;
    }

    .CovidBanner .BannerText {
        position: absolute;
        right: 10%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 30%;
        height: 70%;
        background: #Fff;
        box-shadow: 0px 4px 60px rgba(26, 34, 57, 0.1);
        padding: 40px 60px;
    }

        .CovidBanner .BannerText h2 {
            margin-left: -24px;
            padding-left: 24px;
            padding-top: 17px;
            margin-bottom: 15px;
        }

        .CovidBanner .BannerText > a {
            padding: 15px 70px;
            background: #D5BFAC !important;
            box-shadow: 0px 0px 20px rgba(37, 40, 73, 0.2);
            border-radius: 5px;
            display: inline-block;
            margin: 12px 0px 25px 0px;
        }

            .CovidBanner .BannerText > a:hover {
                background: #1D3443 !important;
                color: #ffffff;
                transition: color ease-in-out 0.4s;
            }

        .CovidBanner .BannerText > p {
            width: 90%;
            margin-bottom: 10px;
        }

        .CovidBanner .BannerText .WebsiteLink {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            padding-top: 30px;
        }

            .CovidBanner .BannerText .WebsiteLink p {
                margin-bottom: 8px;
            }

            .CovidBanner .BannerText .WebsiteLink a {
                text-transform: uppercase;
                margin-bottom: 0;
            }
/*-- Covid Page --*/
.CovidBlockWrapper {
    margin-top: -300px;
    background: #fff;
    padding: 50px 65px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    display: block;
    margin-right: 90px;
}

.whatsappWrapper {
    margin: 80px 0px;
}

    .whatsappWrapper h4 {
        letter-spacing: normal;
    }

.CovidBlockWrapper .SmallHeading {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 30px;
}

.CovidBlockWrapper h2 {
    margin-left: -24px;
    padding-left: 24px;
    padding-top: 17px;
    width: 80%;
}

.CovidBlockWrapper .CovidStats {
    margin: 35px 0;
    display: block;
}

    .CovidBlockWrapper .CovidStats .StatBlock {
        display: inline-block;
        padding-left: 45px;
    }

        .CovidBlockWrapper .CovidStats .StatBlock:first-child {
            padding-left: 0px;
        }

        .CovidBlockWrapper .CovidStats .StatBlock .heading {
            font-family: "Open Sans Light";
            line-height: 24px;
            font-size: 16px;
        }

        .CovidBlockWrapper .CovidStats .StatBlock .number {
            font-family: "Montserrat Thin";
            font-size: 35px;
            line-height: 50px;
            margin-top: 5px;
        }

.CovidBlockWrapper .WebsiteWrapper {
    width: 95%;
    padding-top: 25px;
    display: block;
    border-top: 1px solid rgba(29, 52, 67, 0.1);
}

    .CovidBlockWrapper .WebsiteWrapper .StatsLogo {
        width: 30%;
        display: inline-block;
    }

    .CovidBlockWrapper .WebsiteWrapper .WebsiteLink {
        width: 60%;
        display: inline-block;
        padding-left: 30px;
        background-color: white;
        vertical-align: sub;
        color: #80898F;
    }

        .CovidBlockWrapper .WebsiteWrapper .WebsiteLink span {
            display: block;
        }

            .CovidBlockWrapper .WebsiteWrapper .WebsiteLink span:first-child {
                font-weight: bold;
            }

    .CovidBlockWrapper .WebsiteWrapper .StatsLogo img {
        margin-top: 10px;
        max-width: 100%;
    }


.NewsBlock {
    margin-bottom: 40px;
}

    .NewsBlock p {
        color: #80898F;
        margin-bottom: 7px;
    }


.CovidContent h2 {
    width: 85%;
}

    .CovidContent h2.NoticeHeading {
        margin-top: 25%;
        width: 80%;
    }

.CovidVideoHeading {
    margin-bottom: 50px;
}

    .CovidVideoHeading p {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 18px;
        text-align: center;
    }

    .CovidVideoHeading a {
        margin: 0 auto;
    }

.CovidSlider, .CovidContentWrapper {
    margin: 100px 0 !important;
}

.CovidContent li {
    padding-bottom: 18px;
}

/*-- Netcare Plus Page --*/

.CarouselHeader {
    display: table;
    margin: 0 auto;
    padding-bottom: 10px;
}

.CarouselTextWrapper,
.ModuleTextWrapper {
    margin-bottom: 30px;
}

.ModuleTextWrapper {
    margin-top: 60px;
}


    .CarouselTextWrapper p,
    .ModuleTextWrapper p {
        font-size: 18px;
        line-height: 23px;
        text-align: center;
    }

.NetcareBigSlider {
    margin-bottom: 6% !important;
}


.NetcarePlusWrapper h2 {
    font-family: "Open Sans light";
    line-height: 120%;
}

    .NetcarePlusWrapper h2 strong {
        font-family: "Open Sans Bold";
    }

.NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
    height: 120px;
}

.NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
    font-weight: normal;
    padding: 0 5px;
}

.NetcarePlusWrapper .IconWrapper .ValueItemInner .icon .peachblock {
    top: 20%;
    height: 20px;
    background: #66B6C4;
    width: 65px;
    margin: auto;
}

.NetcarePlusWrapper p {
    padding-right: 25%;
    line-height: 130%;
    margin: 20px 0px 60px 0px;
}


.NetcarePlusBanner .BannerText {
    position: absolute;
    right: 10%;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 35%;
    height: 70%;
}

    .NetcarePlusBanner .BannerText .BannerPlus {
        color: #1D3443;
        font-size: 70px;
        letter-spacing: -0.03em;
        font-family: open sans light;
        line-height: 110%;
    }

        .NetcarePlusBanner .BannerText .BannerPlus strong {
            font-family: open sans;
        }


    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        width: 90%;
        position: absolute;
        top: 80%;
        font-size: 30px;
        line-height: 120%;
        letter-spacing: -0.03em;
        color: #1D3443;
    }

.visible-mobile {
    display: none !important;
}

.TermAndConditions .ContentUnderPlus {
    margin-left: 0px;
}


.FindSpecialistWrapper {
    padding: 10px;
    display: flex;
}

.GPOption, .MedOption, .VirtualOption {
    width: 22%;
    padding: 0px;
    display: inline-block;
}

.ConsultationOptions {
    display: block;
    margin-bottom: 20px !important;
}

/*.NetcarePlusSlider .col.purchaseVoucherButtons {
    padding-right: 0px !important;
}*/

/*#PurchaseVirtualVoucher,
#PurchaseVirtualGPVoucher,
#PurchaseGPVisitsVoucher,
#PurchaseGPMedicattionVoucher,
#PurchaseGPMedsVoucher,
#PurchaseGPVoucher {
    padding-right: 18px !important;
    min-width: 220px;
}*/

/*#Specialist .SpecialistPlusWrapper .Consultation:after {
    content: "*";
    margin-left: 2px;
}*/

/*-- FAQs Netcare Plus --*/

.FAQHeader {
    margin-top: 6%;
}

.FAQWrapper {
    margin-top: 40px;
}

.GpVoucherText p {
    color: #80898F;
}

.FAQ-Section .panel-title a,
.FAQ-Section .panel-title a:hover {
    font-size: 15px;
    color: #1D3443;
}


.FAQ-Section .panel-group .panel-default > .panel-heading {
    background-color: #f7f7f7;
    width: 101%;
}

.FAQ-Section .panel-group .panel-body {
    border-radius: 4px;
    margin-left: 3px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

.FAQ-Section .panel-body p {
    color: #80898F;
}

.detailedFAQs, .downloadTermsConditions {
    color: #1d3443 !important;
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 600;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    padding-right: 20px;
}

.FAQ-Section .panel-group .panel-collapse {
    background: none !important;
    padding: 0px !important;
    margin-top: 15px !important;
}

.FAQ-Section .panel-heading .collapsable.collapsed {
    background: url(../images/icons/BlueArrowDown.svg) no-repeat 98% center !important;
    color: #1d3443 !important;
    border-bottom: 2px solid #E8E9EA;
}

.FAQ-Section .panel-heading .collapsable {
    padding: 30px 45px 15px 0px !important;
    background: url(../images/icons/BlueArrowUp.svg) no-repeat 98% center !important;
    color: #1d3443 !important;
    letter-spacing: normal !important;
    border-bottom: 2px solid #E4D7CC;
    font-weight: normal !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
    line-height: 26px !important;
}

.FAQ-Section .panel-group {
    background: none;
}


#BigSlider.NetcarePlusSlider .BigSlide .Image .LogoImg {
    background: #66B6C4;
}

#BigSlider.NetcarePlusSlider .BigSlide .Image .DesktopImage {
    height: 100%;
}

/*-- Terms and Conditions Netcare Plus --*/


.TermAndConditions p,
.TermAndConditions .termsList li {
    color: #80898F;
    font-family: Open Sans !important;
}

.TermAndConditions p {
    margin-bottom: 25px;
}

.TermAndConditions {
    padding-bottom: 15px;
    margin-top: 40px;
}

    .TermAndConditions .termsList {
        line-height: 25px;
    }

    .TermAndConditions h2 {
        margin-bottom: 30px !important;
    }

/*-- Sweet Alert Pop --*/

/*button.swal2-confirm.swal2-styled.swal2-styled,
button.swal2-confirm.swal2-styled.swal2-styled:hover {
    border-radius: 4px;
    background-color: #66B6C4 !important;
    font-size: 14px;
    font-weight: 600 !important;
    line-height: 1.14;
    padding: 12px 10px;
    min-width: 140px;
    text-align: center;
    border: 1px solid #66B6C4 !important;
    color: #fff !important;
    margin-top: 5px !important;
}

button.swal2-cancel.swal2-styled,
button.swal2-cancel.swal2-styled:active {
    background-color: #EAECEF !important;
    color: #1D3443 !important;
    border: 1px solid #EAECEF;
    font-size: 14px;
    font-weight: 600 !important;
    line-height: 1.14;
    padding: 12px 10px;
    text-align: center;
    border-radius: 4px;
    margin-top: 5px !important;
}

.swal2-modal .swal2-title {
    color: #1d3443 !important;
    font-weight: 600 !important;
    font-size: 29px !important;
    font-family: "Open Sans";
    line-height: 43px;
}

.swal2-popup .swal2-image {
    width: 85px;
    margin: 22px auto !important;
}

.swal2-popup.swal2-modal.swal2-show {
    padding: 18px !important;
    width: 427px !important;
}

.swal2-popup .swal2-close {
    font-size: 28px !important;
    color: #1d3443 !important;
    border: 1px solid black !important;
    border-radius: 100px;
    font-weight: bold;
    height: 32px !important;
    width: 33px !important;
    line-height: 30px !important;
}

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, 0.85) !important;
}*/
/*-- Results Banner --*/

.NetcarePlusBanner {
    display: none;
}

/*-- Netcare Plus Module --*/

.GpVoucherText h2 strong {
    font-family: "Open Sans Bold";
}

.ModuleTextWrapper h2 strong {
    font-family: "Open Sans Bold";
}

.SearchSpecialistPlus {
    padding: 12px 35px !important;
}

.FilterWrapperPlus {
    margin-top: 25px;
}

.SpecialistPlusWrapper select,
.SpecialistPlusWrapper .TownContainer input {
    font-size: 16px !important;
    color: #fff !important;
    box-shadow: 0px 4px 10px rgba(26, 34, 57, 0.08);
    border-radius: 3px;
    border: 0px none;
    padding: 13px 13px 13px 30px !important;
    height: auto !important;
    transition: all 0.4s ease;
    width: 100% !important;
    height: 48px !important;
}

.SpecialistPlusWrapper .TownContainer {
    width: 96%;
    float: left;
    position: relative;
}


.SpecialistPlusWrapper .ConsultationOptions label {
    cursor: pointer;
    color: #979DA6;
    padding: 11px;
    font-size: 14px !important;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(26, 34, 57, 0.08);
    border-radius: 3px;
    text-transform: inherit;
    min-width: 280px !important;
    text-align: center;
}

/*.SpecialistPlusWrapper table td label {
    cursor: pointer;
    color: #979DA6;
    padding: 11px 70px;
    font-size: 14px !important;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(26, 34, 57, 0.08);
    border-radius: 3px;
    text-transform: inherit;
    min-width: 410px !important;
    text-align: center;
}*/

.SpecialistPlusWrapper label {
    margin-bottom: 20px !important;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 22px !important;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #80898F;
}


.SpecialistPlusWrapper input[type="radio"]:checked + label,
.Checked + label {
    color: #66B6C4
}

.SpecialistPlusWrapper input[type="radio"] {
    width: auto !important;
    height: auto !important;
}

.SpecialistPlusWrapper input[type="radio"] {
    margin-top: 0;
    margin-right: 8px;
}

.SpecialistPlusWrapper table {
    border-left: none !important;
    padding-left: 0 !important;
}

.SpecialistPlusWrapper input[type="radio"] {
    opacity: 0.01;
    z-index: 100;
    cursor: pointer;
}

.SpecialistPlusWrapper table tr td {
    padding-right: 25px !important;
}

.SpecialistPlusWrapper select {
    background: url('../images/icons/DropdownDownArrowWhite.svg') no-repeat 96% #1d3443 !important;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none;
}

    .SpecialistPlusWrapper select[disabled],
    .SpecialistPlusWrapper .TownContainer input[disabled] {
        background: url('../images/icons/GrayArrowDown.svg') no-repeat 96% #E8E9EA !important;
        color: #aeaeae !important;
        opacity: 1;
    }

.SpecialistPlusWrapper > div select option {
    background: #FFFFFF !important;
    color: #1D3443;
    padding: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 16px;
    line-height: 17px;
}

#Specialist .SpecialistWrapperPlus .SpecialistRow > div {
    width: 25%;
}

.FilterWrapperPlus .DoctorsNameContainer input {
    background-color: #F0F0F0 !important;
    box-shadow: none;
}

    .FilterWrapperPlus .DoctorsNameContainer input::placeholder {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        display: flex;
        align-items: center;
        color: #1D3443;
        opacity: 0.25;
    }

.SpecialistWrapperPlus .SpecialistRow #Institution a > #PhysicalAddress1,
.SpecialistWrapperPlus .SpecialistRow #Institution a > #PhysicalAddress2,
.SpecialistWrapperPlus .SpecialistRow #Institution a > #PhysicalAddressSurburb,
.SpecialistWrapperPlus .SpecialistRow #Institution a > #PhysicalAddressPostalCode,
.SpecialistWrapperPlus .SpecialistRow #Email a {
    color: #57656E;
    font-weight: normal;
}


#Specialist .SpecialistWrapperPlus .SpecialistRow #Email a,
#Specialist .SpecialistsWrapper .SpecialistRow .ContactNumber > a {
    color: #57656E;
    font-weight: normal;
    font-size: 15px !important;
}

.SpecialistWrapperPlus .SpecialistRow #Institution .BlueLink {
    margin-bottom: 0px;
}

/*Emergency page*/
.EmergencyBlockWrapper {
    background: #fff;
    padding: 40px;
    display: block;
    margin-bottom: 50px;
    position: relative;
}

    .EmergencyBlockWrapper .DividerLine {
        position: absolute;
        left: 50%;
        top: 15%;
        bottom: 15%;
        border-left: 1px solid #BEC2C6;
    }

    .EmergencyBlockWrapper .LeftBlock {
        width: 45%;
        display: inline-block;
        color: #1D3443;
        margin-right: 5%;
    }

        .EmergencyBlockWrapper .LeftBlock h4,
        .EmergencyBlockWrapper .LeftBlock h6 {
            margin-bottom: 15px;
            letter-spacing: 0;
        }

        .EmergencyBlockWrapper .LeftBlock p {
            color: #1D3443;
        }

        .EmergencyBlockWrapper .LeftBlock a {
            display: none;
        }

        .EmergencyBlockWrapper .LeftBlock .extraBold {
            font-family: 'Open Sans Bold';
            letter-spacing: 2px;
        }

    .EmergencyBlockWrapper .RightBlock {
        vertical-align: top;
        width: 45%;
        display: inline-block;
        margin-left: 5%;
        margin-right: -1%;
        padding: 0;
        min-height: 0;
        margin-bottom: 0;
        background: transparent;
    }

        .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper {
            display: flex;
            justify-content: space-between;
        }

            .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock {
                width: 100%;
                text-align: center;
                position: relative;
            }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock:not(:last-child)::after {
                    content: '';
                    position: absolute;
                    right: -2px;
                    top: 5%;
                    width: 2px;
                    height: 95%;
                    background-color: #1D3443;
                    opacity: 0.2;
                }

            .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .title {
                width: 90%;
                font-size: 15px;
                line-height: 20px;
                color: #57656E;
                font-weight: bold;
            }

            .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .heading {
                font-size: 10px;
                line-height: 13px;
                font-family: 'Open Sans';
                font-weight: bold;
                color: #1D3443;
                margin-bottom: 10px;
                width: 61px;
                min-height: 42px;
                text-align: center;
                margin: 0 auto 10px auto;
            }

        .EmergencyBlockWrapper .RightBlock .tab-content {
            margin-top: 5px;
        }


        .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs {
            border: 0;
            justify-content: space-between;
            margin-top: 10px;
        }

            .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
                padding-right: 30px;
                font-size: 12px;
                padding-bottom: 2px;
            }

                .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item:focus {
                    outline: none;
                }

                .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item.dropdown.show .nav-link:after,
                .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item:hover .nav-link:after {
                    background: none;
                    height: 0px;
                }

                .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link {
                    padding: 0 5px 5px 5px;
                    border: none;
                    font-size: 14px;
                    line-height: 19px;
                    text-align: center;
                    letter-spacing: 0.15em;
                    text-transform: uppercase;
                }

                    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link.active {
                        border-bottom: 4px solid #1D3443 !important;
                        display: block;
                        border: 0;
                    }






                    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link:focus,
                    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link:hover {
                        border: none;
                        color: #1D3443;
                        padding-bottom: 5px;
                        border-bottom: 4px solid #1D3443 !important;
                    }

/*-- Overlay --*/
.Overlay-Loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.3);
    z-index: 9999
}

    .Overlay-Loader .loader-circle {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3);
        margin-left: -60px;
        margin-top: -60px
    }

    .Overlay-Loader .loader-line-mask {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 60px;
        height: 120px;
        margin-left: -60px;
        margin-top: -60px;
        overflow: hidden;
        -webkit-transform-origin: 60px 60px;
        -moz-transform-origin: 60px 60px;
        -ms-transform-origin: 60px 60px;
        -o-transform-origin: 60px 60px;
        transform-origin: 60px 60px;
        -webkit-mask-image: -webkit-linear-gradient(top,#000,rgba(0,0,0,0));
        -webkit-animation: rotate 1.2s infinite linear;
        -moz-animation: rotate 1.2s infinite linear;
        -o-animation: rotate 1.2s infinite linear;
        animation: rotate 1.2s infinite linear
    }

        .Overlay-Loader .loader-line-mask .loader-line {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            box-shadow: inset 0 0 0 2px #1D3443;
        }

/*-- Research Articles --*/
.reseach-article-img {
    float: none !important;
    width: 95%;
    margin-top: 8px !important;
    box-shadow: 0px 6px 100px rgba(29, 52, 67, 0.24);
}

.ResearchArticleContent p {
    margin-bottom: 15px !important;
}

.ResearchButton .btn {
    margin-top: 50px;
    min-width: 200px;
    text-align: center;
    padding: 10px;
}

.MobileResearchHeading {
    display: none;
}

.article-intro h2 {
    line-height: 46px;
}

.ResearchButton.d-flex.justify-content-center {
    width: 95%;
}

@keyframes rotate {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/*-- Scroll Reveal --*/
.come-in {
    transform: translateY(150px);
    animation: come-in 0.8s ease forwards;
}

@keyframes come-in {
    to {
        transform: translateY(0);
    }
}

/*Doctors page styling*/
div#DoctorInformation {
    display: flex;
    margin-bottom: 100px;
}

    div#DoctorInformation .InfoBlock {
        width: 48%;
        background: linear-gradient(175.04deg, rgba(255, 255, 255, 0.81) 4%, rgba(247, 247, 247, 0.9) 78.49%);
        border-radius: 10px 10px 0px 0px;
        margin-top: -500px;
        padding: 50px 60px;
        margin-right: 20px;
    }

        div#DoctorInformation .InfoBlock .backtoSearch {
            display: table;
            background: url(../images/BlueArrowLeft.svg) no-repeat 0;
            padding-left: 20px
        }

        div#DoctorInformation .InfoBlock .ProfileImage {
            margin: 40px 0;
        }


    div#DoctorInformation .ContactInfoBlock {
        display: flex;
        width: 48%;
        margin-top: -215px;
        height: 480px;
        margin-left: 20px;
    }

        div#DoctorInformation .ContactInfoBlock .LeftBlock {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            background: #3d4f5b;
            opacity: 1;
            width: 30%;
            padding: 60px 0;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        }

        div#DoctorInformation .ContactInfoBlock .RightBlock {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            width: 65%;
            background: rgba(29, 52, 67, 0.95);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            min-height: initial;
            margin-bottom: 0;
            opacity: 1;
            padding: 50px 40px;
            overflow-y: auto;
        }




    div#DoctorInformation .InfoBlock .Expertise {
        font-family: "Open Sans Bold";
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #4682B4;
        margin-bottom: 20px;
    }

    div#DoctorInformation .InfoBlock .DoctorName {
        font-size: 80px;
        line-height: 90px;
        letter-spacing: -0.03em;
        color: #1D3443;
        font-family: "Open Sans Light";
        font-weight: 300;
        margin-bottom: 25px;
    }

    div#DoctorInformation .InfoBlock .DoctorBio p {
        font-weight: 600;
        font-size: 18px;
        line-height: 130%;
        color: #80898F !important;
    }

    div#DoctorInformation .ContactInfoBlock .LeftBlock .Heading {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #AFCCE0;
        margin-left: 35px;
        margin-right: 20px;
        font-weight: bold;
        padding-bottom: 10px;
        border-bottom: 1.5px solid #AFCCE0;
    }


    div#DoctorInformation .ContactInfoBlock .RightBlock .HospitalName {
        font-family: "Open Sans Bold";
        line-height: 22px;
        color: #AFCCE0;
        text-decoration: underline;
        /* padding-left: 30px; */
        margin-bottom: 20px;
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock .Telephone {
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 20px;
        background: url(../images/icons/doctor-tel.svg) no-repeat 0px 0px;
        padding-left: 45px;
    }

    div#DoctorInformation .ContactInfoBlock .RightBlock .Email {
        font-family: "Open Sans Bold";
        line-height: 22px;
        color: #AFCCE0;
        text-decoration: underline;
        margin-bottom: 20px;
        background: url(../images/icons/doctor-email.svg) no-repeat -2px 1px;
        padding-left: 45px;
    }


    div#DoctorInformation .ContactInfoBlock .RightBlock .Location {
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        padding-left: 30px;
        margin-bottom: 20px;
        background: url(../images/icons/doctor-location.svg) no-repeat 0px center;
        padding-left: 45px;
    }




    /* width */
    div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar {
        width: 7px;
    }

    /* Track */
    div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #fff;
        border-radius: 10px;
    }

    /* Handle */
    div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-thumb {
        background: #AFCCE0;
        border-radius: 10px;
    }

        /* Handle on hover */
        div#DoctorInformation .ContactInfoBlock .RightBlock::-webkit-scrollbar-thumb:hover {
            background: #AFCCE0;
        }


/*NetcarePlus Redesign */

.RightTextBlock {
    padding: 110px 50px 50px 110px;
}

    .RightTextBlock h1 {
        font-family: "Open Sans Light";
        font-size: 70px;
        line-height: 119.8%;
        margin-bottom: 50px;
    }

        .RightTextBlock h1 > strong {
            font-family: "Open Sans Bold";
        }

.ListItemWithIcon {
    display: inline-flex;
    font-size: 19px;
    line-height: 130%;
    width: 78%;
    font-family: "Open Sans";
    margin-bottom: 40px;
    color: #1D3443;
}

    .ListItemWithIcon img {
        height: 48px;
        background: #fff;
        border-radius: 100px;
        margin-right: 20px;
        margin-top: -8px;
        box-shadow: 0px 6px 100px rgba(29, 52, 67, 0.24);
    }

    .ListItemWithIcon .text strong {
        font-family: "Open Sans Bold";
    }

#NetcarePlusGridOneImage {
    background: url('/portals/0/OneNetcare/NetcarePlus/TealOverlay.jpg') no-repeat;
    background-size: 100%;
    height: 100%;
}




.NetcarePlusBlockTwo {
    width: 50%;
    margin-top: 25px;
}

.NetcarePlusTopBannerText {
    padding: 25px 61px;
    margin-top: 20px;
    padding-right: 20%;
    padding-left: 15%;
}

.NetcarePlusContentWrapper {
    margin: 8% 0px 0px 0px;
    width: 50%;
}

.NetcarePlusLogo img {
    width: 30%;
    margin-left: 6%;
}

.NetcarePlusLogo {
    padding-left: 90px;
    margin-top: 10px;
}

.NetcarePlusTopBannerText h6 {
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 35px;
    font-family: 'Open Sans Bold';
}

.NetcarePlusTopBannerText p {
    color: #1D3443;
    font-weight: 300;
    line-height: 130%;
    font-style: normal;
    font-size: 21px !important;
}

.NetcarePlusHours p {
    margin-bottom: 2px;
    color: #1D3443;
    font-weight: bold;
    font-size: 30px !important;
    line-height: 30px;
}

    .NetcarePlusHours p:first-child {
        font-size: 16px !important;
        letter-spacing: 0.15em;
        font-family: 'Open Sans Bold';
    }

    .NetcarePlusHours p:nth-child(3) {
        color: #AFCCE0;
        font-weight: 600;
    }

.NetcarePlusHours {
    display: inline-block;
    padding-top: 25px;
    margin-bottom: 20px;
}

.AppointmentWrapperSection, .NetcarePlusWrapperSection {
    display: block;
    position: relative;
}

.NetcarePlusBannerText {
    right: 9%;
    height: 50%;
    width: 40%;
}

    .NetcarePlusBannerText h2 {
        color: #FFFFFF;
        margin-bottom: 40px;
    }

    .NetcarePlusBannerText p {
        color: #FFFFFF;
        margin-bottom: 30px;
        width: 70%;
    }

#NetcarePlusReviewSlider .SlideText {
    border-bottom: 8px solid #66B6C4;
}

#NetcarePlusReviewSlider .slick-current .SlideText {
    background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 50% 6%;
    border-bottom: 10px solid #66B6C4;
    background-size: 20%;
}

#NetcarePlusSliderNav .slick-dots li.slick-active button:before,
#NetcarePlusSliderNav .slick-dots li button:focus,
#NetcarePlusSliderNav .slick-dots li button:hover {
    color: #66B6C4 !important;
    opacity: 1 !important;
}

#AppointMedSliderNav .slick-dots li button:before,
#NetcarePlusSliderNav .slick-dots li button:before {
    font-size: 30px;
    color: #4682B4;
}

#NetcarePlusSliderNav .slick-dots li button:before {
    color: #66B6C4;
}

/*-- Buttons Styling --*/

.FindHealthCare {
    font-size: 18px;
    font-weight: 600;
    color: #1D3443 !important;
    line-height: 50px;
    background: url(../images/BlueArrow.svg) no-repeat right center;
    padding-right: 20px;
    padding-left: 10px;
    float: none;
}

    .FindHealthCare:active,
    .FindHealthCare:hover {
        color: #66B6C4 !important;
        background: url('../images/CarouselRightBlueArrowSmall.svg') no-repeat right center;
    }

.btn-primary.btnBuyVoucher {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF !important;
    background-color: #1d3443 !important;
    box-shadow: 0px 0px 20px rgba(37, 40, 73, 0.2);
    width: 210px;
    height: 48px;
    border-radius: 5px;
}

    .btn-primary.btnBuyVoucher:active,
    .btn-primary.btnBuyVoucher:hover {
        color: #FFFFFF !important;
        background-color: #66B6C4 !important;
    }

.NetcarePlusButton {
    padding-right: 5px;
    margin-top: 10%;
}

.VoucherCardsHeading {
    padding: 50px 0;
}

    .VoucherCardsHeading p {
        width: 40%;
        color: #1D3443;
    }

.VoucherCardWrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

    .VoucherCardWrapper .VoucherCard {
        background-color: #fff;
        width: 31%;
        box-shadow: 0px 5.18227px 86.3712px rgba(29, 52, 67, 0.05);
        border-radius: 17px;
        padding: 70px 50px 50px 50px;
    }

        .VoucherCardWrapper .VoucherCard:hover {
            transform: scale(1.1, 1.1);
            box-shadow: 0px 5.18227px 86.3712px rgba(29, 52, 67, 0.05);
        }

        .VoucherCardWrapper .VoucherCard img {
            display: block;
            width: 100%;
            text-align: center;
            margin-bottom: 40px;
        }

        .VoucherCardWrapper .VoucherCard p {
            min-height: 100px;
            color: #1D3443;
        }

        .VoucherCardWrapper .VoucherCard .VoucherPrice {
            font-size: 43px;
            line-height: 119.8%;
            letter-spacing: -0.03em;
            color: #66B6C4;
            font-weight: bold;
            font-weight: bold;
        }

        .VoucherCardWrapper .VoucherCard .BuyNowButton {
            background: #1D3443;
            box-shadow: 0px 0px 17.2742px rgba(37, 40, 73, 0.2);
            border-radius: 4px;
            color: #fff;
            width: 98%;
            text-align: center;
            margin: 0 auto;
            display: block;
            height: 50px;
            line-height: 50px;
            margin-top: 50px;
        }

            .VoucherCardWrapper .VoucherCard .BuyNowButton:hover {
                background: #66B6C4;
            }


.NetcarePlusTopWrapper {
    overflow: hidden;
}

.InfoSectionLeft {
    padding-top: 1px;
    width: 80%;
    margin-top: 20%;
}

.InfoSectionRight {
    margin-top: 20%;
}

.InfoSectionLeft .LightbluePlus {
    line-height: 90px;
    font-family: 'Open Sans Light';
    font-size: 80px;
}

.InfoSectionLeft p {
    width: 65%;
    font-size: 21px;
    line-height: 130%;
    color: #1D3443 !important;
}

.InfoCard1, .InfoCard2 {
    width: 95%;
    height: 290px;
    margin: 35px 20px;
    padding-left: 10%;
    padding-top: 40px;
    background: #FFFFFF;
}

    .InfoCard1 .InfoCardsImage {
        width: 85%;
        background: url('/portals/0/OneNetcare/NetcarePlus/icons/FAQ.svg') no-repeat;
        padding: 30px;
        margin-bottom: 10%;
    }

    .InfoCard2 .InfoCardsImage {
        background: url('/portals/0/OneNetcare/NetcarePlus/icons/Terms.svg') no-repeat;
        width: 85%;
        padding: 30px;
        margin-bottom: 10%;
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 40px !important;
        color: #1D3443;
    }


    .InfoCard1 > .InfocardText, .InfoCard2 > .InfocardText {
        color: #1D3443;
        font-size: 18px;
        background: url(../images/BlueArrow.svg) no-repeat right center;
        padding-right: 20px;
        display: inline-table;
    }

.ListItemWithIcon.NetcarePlusScroll {
    cursor: pointer;
}






    .InfoCard1:hover, .InfoCard2:hover {
        background: #1D3443 !important;
    }

        .InfoCard1:hover .InfoCardsImage {
            background: url('/portals/0/OneNetcare/NetcarePlus/icons/FAQ-hover.svg') no-repeat;
        }

        .InfoCard2:hover .InfoCardsImage {
            background: url('/portals/0/OneNetcare/NetcarePlus/icons/Terms-hover.svg') no-repeat;
        }

        .InfoCard1:hover h3, .InfoCard1:hover > .InfocardText,
        .InfoCard2:hover h3, .InfoCard2:hover > .InfocardText {
            color: #FFFFFF !important;
        }


        .InfoCard1:hover > .InfocardText, .InfoCard2:hover > .InfocardText {
            background: url('../images/ArrowWhiteSmallRight.svg') no-repeat right center !important;
        }

.NetcarePlusCall {
     color: #FFF;
}

.NetcarePlusCall:hover,
.NetcarePlusCall:active,
.NetcarePlusCall:visited,
.NetcarePlusCall:focus
{
     color: #FFF;
}

.BroucherDownload {
    display: inline-flex;
    font-size: 19px;
    line-height: 130%;
    width: 78%;
    font-family: "Open Sans";
    color: #1D3443;
    margin-left: 70px;
}

.BroucherDownload a:hover,
.BroucherDownload a:active,
.BroucherDownload a:focus {
    color: #66B6C4 !important;
    background: url('../images/CarouselRightBlueArrowSmall.svg') no-repeat right center;
}


.ContentUnderPlus a {
    color: #1D3443;
}

.ListItemWithIcon .text a:hover,
.ListItemWithIcon .text a:active,
.ListItemWithIcon .text a:visited,
.ListItemWithIcon .text a:focus,
.ContentUnderPlus a:hover,
.ContentUnderPlus a:active,
.ContentUnderPlus a:visited,
.ContentUnderPlus a:focus,
.NetcarePlusHours a:hover,
.NetcarePlusHours a:active,
.NetcarePlusHours a:visited,
.NetcarePlusHours a:focus 
{
   color: #1D3443;
}

/*Fix for Liveforms*/
uiengine {
    opacity: 1 !important;
}
/*----------------------------------------  RESPONSIVE  ----------------------------------------------*/
@media (max-width: 1800px) {


    .CovidBanner .BannerText {
        right: 8%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40%;
        height: 75%;
        padding: 50px;
    }

        .CovidBanner .BannerText h2 {
            width: 100%;
        }


    .RightTextBlock {
        padding: 90px 50px 50px 90px;
    }

        .RightTextBlock h1 {
            font-size: 60px;
        }

    .ListItemWithIcon {
        font-size: 18px;
    }
}

@media (max-width: 1650px) {


    .CovidBanner .BannerText {
        right: 8%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40%;
        height: 80%;
        padding: 50px;
    }

        .CovidBanner .BannerText h2 {
            width: 100%;
        }

    .RightTextBlock {
        padding: 70px 20px 0px 70px;
    }

        .RightTextBlock h1 {
            font-size: 50px;
            margin-bottom: 25px;
        }

    .ListItemWithIcon {
        font-size: 17px;
        width: 90%;
    }

    .NetcarePlusTopBannerText {
        padding-right: 10%;
    }

    .NetcarePlusBannerText p {
        width: 80%;
    }
}

@media (max-width: 1600px) {

    #AppointMedSlider .slick-slide.slick-current .SlideText,
    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background-size: 25%;
    }

    .NetcarePlusTopBannerText {
        padding-right: 10%;
    }

    .RightTextBlock {
        padding: 70px 20px 0px 70px;
    }

        .RightTextBlock h1 {
            font-size: 50px;
            margin-bottom: 25px;
        }

    .ListItemWithIcon {
        font-size: 17px;
        width: 90%;
    }
}

/*------ 1500px  ------*/
@media (max-width: 1500px) {

    .CovidBanner .BannerText {
        right: 10%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40%;
        height: 90%;
        padding: 45px;
    }

        .CovidBanner .BannerText h2 {
            width: 100%;
        }

    .NetcarePlusBanner .BannerText {
        right: 5%;
        height: 100%;
        top: 20%;
        width: 40%;
    }

        .NetcarePlusBanner .BannerText .BannerPlusInfo {
            top: 60%;
        }

    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 20px 15px 0px !important;
    }

    .NetcarePlusTopBannerText {
        padding: 5px 61px;
        padding-right: 5%;
        padding-left: 5%;
    }

    .NetcarePlusLogo img {
        margin-left: 0%;
    }

    .NetcarePlusLogo {
        padding-left: 40px;
    }
}

@media (max-width: 1475px) {

    #AppointMedSlider .SlideText p,
    #NetcarePlusReviewSlider .SlideText p {
        padding: 0px 15px 0px 15px;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 485px;
        margin: 60px 50px 30px;
    }
}

/*------ 1440px  ------*/
@media (max-width: 1440px) {
    /* Divisions  & Complimentary Business */
    .third-nr-box {
        width: 32% !important;
    }

    #AppointmedForm > .content {
        width: 100% !important;
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
        font-size: 50px;
    }

    .AppointmentBannerText {
        right: 8%;
        width: 35%;
        height: 85%;
    }

    #AppointMedSlider .SlideText p,
    #NetcarePlusReviewSlider .SlideText p {
        padding: 10px 15px 0px 15px;
        margin-bottom: 15px;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 485px;
        margin: 60px 50px 30px;
    }

        #AppointMedSlider .SlideText, #NetcarePlusReviewSlider .SlideText {
            padding: 25px 10px 15px;
        }

        #AppointMedSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/AppointMedQuotes.svg) no-repeat 50% 6%;
            background-size: 25%;
        }

        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 50% 6%;
            background-size: 25%;
        }

    .NetcarePlusBannerText p {
        width: 90%;
    }
}

/*----  1400  ----*/
@media (max-width: 1400px) {
    .third-nr-box {
        width: 32% !important;
    }

    #NewsSlider .NewsSlide .Heading,
    #MediaSlider .MediaSlide .Heading,
    #ResearchSlider .ResearchSlide .Heading {
        font-size: 22px;
        line-height: 26px;
    }

    .CovidBanner .BannerText {
        right: 10%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 43%;
        height: 88%;
        padding: 40px;
    }

    .CovidBlockWrapper {
        margin-right: 80px;
    }

    .SpecialistPlusWrapper table td label {
        min-width: 300px !important;
    }

    .RightTextBlock {
        padding: 40px 20px 0px 40px;
    }

        .RightTextBlock h1 {
            font-size: 45px;
            margin-bottom: 25px;
            margin-top: 0;
        }

    .ListItemWithIcon {
        font-size: 16px;
        width: 100%;
        margin-bottom: 25px;
    }

        .ListItemWithIcon img {
            height: 38px;
        }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 125px;
        height: 130px;
    }

    .AppointmentHours p {
        font-size: 18px;
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        width: 256px;
        font-size: 15px;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        font-size: 17px;
        padding-right: 15px;
        padding-left: 30px;
    }

    .AppointmentHours {
        padding-top: 55px;
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
        font-size: 42px;
        line-height: 55px;
    }

    .AppointmentBannerText, .NetcarePlusBannerText {
        right: 13%;
        width: 30%;
        height: 90%;
    }

        .AppointmentBannerText p, .NetcarePlusBannerText p {
            font-size: 19px;
        }

    .btn-primary.AppointmentPurchase {
        margin-top: 5px;
    }


    .AppointmedText {
        padding: 61px 0px 20px 70px;
        margin-top: 20px;
        padding-right: 15%;
    }

    .AppointmentLogo {
        padding-left: 70px;
    }

    .NetcarePlusLogo {
        margin-top: 30px;
    }

    .AppointBlockTwo {
        width: 45%;
    }

    .NetcarePlusBlockTwo {
        width: 50%;
    }

    .AppointMedContentWrapper {
        width: 55%;
    }

    .NetcarePlusContentWrapper {
        width: 50%;
    }

    .NetcarePlusButton {
        margin-top: 5%;
    }

    .NetcarePlusBannerText {
        height: 70%;
    }

    /*NetcarePlus redesign*/
    .InfoCard1, .InfoCard2 {
        width: 90%;
    }

    .NetcarePlusBannerText p {
        width: 100%;
    }

    .BroucherDownload {
        margin-left: 60px;
    }
}
/*----  1300  ----*/
@media (max-width: 1300px) {

    .VideoText, .GpVoucherText {
        height: 80%;
        padding: 5%;
        padding-left: 33%;
    }

    img.appontmedImage {
        width: 90%;
    }

    .AppointmedWrapper {
        margin-top: 5%;
    }

    #BigSlider .BigSlide .Image.Orthopaedics, #BigSlider .BigSlide .Image.Paediatrician {
        margin-top: -2%;
    }

    .CovidBanner .BannerText {
        right: 10%;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 60%;
        height: 90%;
        padding: 35px 40px;
    }

    .CovidBlockWrapper {
        padding: 40px 50px;
    }

        .CovidBlockWrapper h2 {
            width: 95%;
        }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 45px;
        }

        .CovidBlockWrapper .WebsiteWrapper {
            width: 100%;
        }

    #AppointmedForm .steps > ul > li > a > .stepTitle {
        margin-left: 20px;
    }

    .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
        padding: 0;
        width: 80px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 15px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        /*75% when 2 blocks*/
        width: 70%;
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 60px;
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 26px;
        top: 55%;
    }

    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 57px 15px 0px !important;
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 250px !important;
    }

    #AppointmedForm > .content > .body {
        padding: 35px !important;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 120px;
        height: 125px;
    }

    .AppointBlockTwo {
        width: 48%;
    }

    .AppointMedContentWrapper {
        width: 52%;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        margin-right: 12px;
    }

    .AppointmentBannerText, .NetcarePlusBannerText {
        right: 10%;
        width: 33%;
        height: 90%;
    }

    #AppointMedSlider .SlideText p,
    #NetcarePlusReviewSlider .SlideText p {
        padding: 10px 15px 0px 15px;
        margin-bottom: 15px;
        font-size: 15px;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 470px;
        margin: 55px 25px 30px;
    }

        #AppointMedSlider .SlideText,
        #NetcarePlusReviewSlider .SlideText {
            padding: 25px 10px 15px;
            margin: 3px;
        }

    #AppointMedSliderNav .dots,
    #NetcarePlusSliderNav .dots {
        bottom: 56px !important;
    }

    #AppointMedSliderNav .prev-arrow.slick-arrow,
    #AppointMedSliderNav .next-arrow.slick-arrow,
    #NetcarePlusSliderNav .prev-arrow.slick-arrow,
    #NetcarePlusSliderNav .next-arrow.slick-arrow {
        bottom: 14px;
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/AppointMedQuotes.svg) no-repeat 50% 10%;
        background-size: 25%;
    }

    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 50% 10%;
        background-size: 25%;
    }

    .NetcarePlusTopBannerText p {
        font-size: 18px !important;
    }

    .NetcarePlusTopBannerText h6 {
        font-size: 25px;
        margin-bottom: 25px;
    }

    #NetcarePlusSliderNav {
        height: 20px;
    }
}
/*----  1200  ----*/
@media (max-width: 1200px) {

    .WelcomeBlock {
        margin-right: 10%;
    }

    .CoverAIRContainer img {
        width: 80%;
    }

    .CoverAIRContainer a {
        top: 82px;
    }

    h4.AIRSsubHeading {
        top: 20px;
        width: 80%;
    }

    .ipadwrapper {
        margin-top: -150px;
        margin-right: -100px;
    }

    #BigSlider {
        height: 620px;
    }

        #BigSlider .BigSlide .Content {
            padding: 70px;
        }

    .BigSliderBlock {
        height: 530px;
    }

    .SmallSliderBlock {
        height: 250px;
    }

    #NewsSlider .NewsSlide .Heading,
    #MediaSlider .MediaSlide .Heading,
    #ResearchSlider .ResearchSlide .Heading {
        font-size: 20px;
        line-height: 27px;
    }

    #NewsSlider .NewsSlide p, #NewsSlider .NewsSlide p em, #NewsSlider .NewsSlide p strong,
    #MediaSlider .MediaSlide p, #MediaSlider .MediaSlide p em, #MediaSlider .MediaSlide p strong,
    #ResearchSlider .ResearchSlide p, #ResearchSlider .ResearchSlide p em, #ResearchSlider .ResearchSlide p strong {
        font-size: 14px;
        line-height: 22px;
    }

    #NewsSlider .NewsSlide,
    #MediaSlider .MediaSlide,
    #ResearchSlider .ResearchSlide {
        padding: 60px 40px;
    }

    .VideoText, .GpVoucherText {
        height: 84%;
        padding-top: 3.5%;
    }

    .LogoLine .LogoText {
        display: block;
        margin-top: 8px;
    }


    .LogoLine .LineText .brush-stroke {
        position: absolute;
        width: 5%;
        left: 230px;
        top: 50px;
    }

    .LineText {
        width: 45%;
    }

    /* Divisions  & Complimentary Business */
    .third-nr-box {
        width: 49% !important;
    }

    .listing-columns {
        -moz-column-count: 4;
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
    }

    LineHeader h4 {
        font-size: 14px;
    }

    footer .footertop .FooterLink {
        padding-right: 30%;
    }

    #BigSlider .BigSlide .Image.Orthopaedics, #BigSlider .BigSlide .Image.Paediatrician {
        margin-top: 0;
    }


    .AppointmedWrapper {
        margin-top: 0;
    }

    .IconWrapper {
        margin-left: -2%;
    }


    .AppointmedWrapper p {
        margin-bottom: 25px;
    }

    img.appontmedImage {
        width: 100%;
    }

    .CovidBanner .BannerText {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 70%;
        height: 92%;
        padding: 30px 40px;
    }

        .CovidBanner .BannerText > a {
            margin: 12px 0px 20px 0px;
        }

        .CovidBanner .BannerText .WebsiteLink {
            padding-top: 20px;
        }

            .CovidBanner .BannerText .WebsiteLink p {
                margin-bottom: 8px;
            }

    .Breadcrumb {
        padding: .75rem 0rem;
    }

    .CovidBlockWrapper {
        margin-right: 60px;
        padding: 40px;
    }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 40px;
        }

        .CovidBlockWrapper .WebsiteWrapper {
            width: 100%;
        }

    #AppointmedForm .steps > ul > li > a > .stepTitle {
        width: 83%;
        font-size: 16px;
    }

    #AppointmedForm .steps > ul > li.current > a > .stepTitle {
        font-size: 18px;
        width: 55%;
        margin-top: 0 !important;
    }

    #AppointmedForm > .content > .body h2 {
        width: 94%;
        font-size: 35px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 14px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 85%;
    }

    .NetcarePlusBanner .BannerText {
        height: 100%;
    }

        .NetcarePlusBanner .BannerText .BannerPlus {
            font-size: 52px;
        }

        .NetcarePlusBanner .BannerText .BannerPlusInfo {
            font-size: 23px;
        }

    .FAQ-Section .panel-heading .collapsable {
        padding: 30px 49px 14px 0px !important;
    }

    .FAQ-Section .panel-heading .collapsable {
        font-size: 18px !important;
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 300px !important;
    }

    .GPOption, .MedOption, .VirtualOption {
        width: 32% !important;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 105px;
        height: 115px;
    }

    .AppointBlockTwo {
        width: 47%;
    }

    .AppointMedContentWrapper {
        width: 53%;
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        width: 244px;
    }

    .AppoinmentCall, .AppointmedLink,
    .FindHealthCare {
        padding-left: 5px;
    }

    .AppointmentBannerText, .NetcarePlusBannerText {
        right: 8%;
        width: 35%;
        height: 90%;
    }

        .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
            font-size: 42px;
            margin-bottom: 15px;
            line-height: 50px;
        }

        .AppointmentBannerText p, .NetcarePlusBannerText p {
            font-size: 18px;
        }

    .btn-primary.AppointmentPurchase {
        margin-top: 0px;
    }

    .AppointmentButton {
        margin-top: 12%
    }

    .AppointmentBannerText p, .NetcarePlusBannerText p {
        margin-bottom: 15px;
    }

    .NetcarePlusContentWrapper {
        margin: 3% 0px 0px 0px;
    }

    .NetcarePlusBannerText {
        right: 10%;
        height: 80%;
    }

    .NetcarePlusLogo img {
        margin-left: 0%;
    }

    .VoucherCardWrapper .VoucherCard {
        padding: 40px;
    }

        .VoucherCardWrapper .VoucherCard p {
            font-size: 14px;
        }

        .VoucherCardWrapper .VoucherCard .VoucherPrice {
            font-size: 35px;
        }
}

@media (max-width: 1125px) {

    .AppointmedText {
        padding: 30px 0px 0px 55px;
        padding-right: 10%;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        font-size: 16px;
        padding-right: 15px;
        padding-left: 0px;
    }

    .AppointmentLogo {
        padding-left: 60px;
    }

    .HoursWrapper {
        padding-bottom: 16px;
    }
}

/*----  1100  ----*/
@media (max-width: 1100px) {
    #BigSlider {
        height: 580px;
    }

    .CovidBanner .BannerText {
        width: 80%;
        height: 95%;
        top: 10px;
        padding: 15px 40px;
    }

        .CovidBanner .BannerText > a {
            margin-bottom: 15px;
        }

        .CovidBanner .BannerText .WebsiteLink {
            padding-top: 15px
        }

    .CovidBlockWrapper {
        margin-right: 40px;
        padding: 35px;
    }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 30px;
        }

    #AppointmedForm .steps > ul > li > a > .stepTitle {
        margin-left: 10px;
    }

    #AppointmedForm .steps > ul > li.current > a > .stepTitle {
        width: 80%;
    }

    #AppointmedForm > .content > .body input {
        padding-left: 2px;
    }

    #AppointmedForm > .content > .body textarea::placeholder {
        font-size: 14px !important;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        margin-right: 10px !important;
    }

    .NetcarePlusWrapper p {
        padding-right: 20% !important;
        margin: 20px 0px !important;
    }

    .NetcarePlusWrapper p {
        padding-right: 20%;
        margin: 20px 0px;
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 32%;
        padding: 7px 32px;
    }

    /*Only when using 3 blocks*/
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 13px;
    }
    /*Only when using 3 blocks*/
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 89%;
    }


    .RightTextBlock {
        padding: 20px 30px;
    }

        .RightTextBlock h1 {
            font-size: 40px;
            margin-bottom: 20px;
            margin-top: 0;
        }

    .ListItemWithIcon {
        font-size: 15px;
        width: 100%;
        margin-bottom: 20px;
    }

        .ListItemWithIcon img {
            height: 38px;
        }

    .AppointBlockTwo, .NetcarePlusBlockTwo {
        width: 50%;
    }

    .AppointMedContentWrapper,
    .NetcarePlusContentWrapper {
        width: 50%;
    }

    .AppointmedText {
        padding: 30px 0px 5px 55px;
        margin-top: 20px;
        padding-right: 4%;
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        width: 245px;
        height: 43px;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        padding-right: 15px;
        padding-left: 0px;
    }

    .AppointmentBannerText, .NetcarePlusBannerText {
        right: 5%;
        width: 40%;
        height: 90%;
    }

        .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
            font-size: 37px;
            margin-bottom: 15px;
            width: 85%;
            line-height: 45px;
        }

        .AppointmentBannerText p, .NetcarePlusBannerText p {
            font-size: 18px;
        }

    .btn-primary.AppointmentPurchase {
        height: 45px;
        margin-top: 0px;
        width: 215px;
        padding-top: 10px;
    }

    .AppointmentBannerText p, .NetcarePlusBannerText p {
        margin-bottom: 15px;
        line-height: 29px;
    }

    .HoursWrapper {
        padding-bottom: 16px;
    }

    #AppointMedSlider .SlideText p,
    #NetcarePlusReviewSlider .SlideText p {
        padding: 8px 8px 0px 8px;
        margin-bottom: 15px;
        font-size: 15px;
    }

    .NetcarePlusTopBannerText {
        padding-right: 2%;
        padding: 0px 25px;
    }

        .NetcarePlusTopBannerText p {
            margin-bottom: 15px;
        }

    .btn-primary.btnBuyVoucher {
        width: 215px;
    }

    .NetcarePlusTopBannerText h6 {
        margin-bottom: 15px;
    }

    .NetcarePlusBannerText h2 {
        margin-bottom: 20px;
    }

    .NetcarePlusBannerText p {
        margin-bottom: 20px;
    }

    .NetcarePlusLogo {
        padding-left: 30px;
    }


    /*NetcarePlus Redesign*/
    .InfoSectionLeft {
        width: 90%;
    }

    .InfoCard1, .InfoCard2 {
        width: 90%;
    }
}

/*----  1024  ----*/
@media (max-width: 1024px) {
    #BigSlider {
        height: 570px;
    }

        #BigSlider .BigSlide .Content {
            padding: 45px;
        }

    .VideoText, .GpVoucherText {
        padding-top: 2%;
    }

    #NewsSlider .NewsSlide .GoldLink,
    #MediaSlider .MediaSlide .GoldLink,
    #ResearchSlider .ResearchSlide .GoldLink {
        bottom: 7%;
    }

    footer .footertop .FooterLink {
        padding-right: 10%;
    }

    .CovidBlockWrapper {
        margin-right: 30px;
    }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 25px;
        }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 46%;
    }

    #AppointmedForm > .content > .body {
        padding: 27px !important;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 85px;
        height: 100px;
    }

    .AppointBlockTwo, .NetcarePlusBlockTwo {
        width: 50%;
    }

    .AppointMedContentWrapper,
    .NetcarePlusContentWrapper {
        width: 50%;
    }

    .FindHealthCare {
        font-size: 15px;
    }
}

/*----  992  ----*/
@media (max-width: 992px) {

    .MobileImage {
        display: block;
    }

    .DesktopImage {
        display: none;
    }

    .LoginButton {
        display: none !important;
    }

    .yearSelector {
        margin-left: -15px;
    }

    .NewsListingItem {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        padding-left: 5px;
    }

    .LineHeader {
        margin-bottom: 25px;
        padding-left: 5px;
    }

        .yearSelector label, .LineHeader h4 {
            font-size: 12px;
            padding-left: 0px;
        }

    .location-list {
        padding-left: 5px;
    }

    .education-block {
        min-height: 440px;
    }

        .education-block h4 {
            padding: 5px 20px;
        }

    .LiveForm.Default .Field .Field-Container-Wide {
        display: block !important;
    }

    .LiveForm.Default .Field input, .LiveForm.Default .Field textarea, .LiveForm.Default .Field select {
        width: 100% !important;
    }

    ul.page-break-section li {
        padding-left: 0px !important;
    }

    .MapDetails {
        padding-right: 40px;
    }

    .DnnModule-SharePriceInformation {
        width: 100%;
    }

    .SubPage .DnnModule-SharePriceInformation {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .DnnModule-SharePriceGraphMvc {
        width: 100%;
    }

        .DnnModule-SharePriceGraphMvc .SharePriceGraph {
            padding: 0;
            margin-bottom: 72px;
        }

    #graph-6979 {
        width: 100%;
        padding-right: 0;
    }

        #graph-6979 h3 {
            margin-top: 0;
            line-height: 24px;
        }

    #graph-canvas-7099 text {
        font-style: normal;
        fill: #80898F;
    }

    .IRSharePrice {
        height: auto;
    }

    .IRSharePrice {
        padding: 20px 30px;
        border-left: none;
    }

    .SharepriceHeading {
        display: none;
    }

    SharePriceInfo.shareprice-price-control h3 {
        font-family: "Open Sans";
        font-size: 24px;
        line-height: 28px;
        color: #1D3443;
        letter-spacing: -0.03em;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .Reports {
        margin-right: 0;
    }


    .CoverAIRContainer img {
        width: 100%;
    }

    .CoverAIRContainer a {
        top: 72px;
    }

    h4.AIRSsubHeading {
        top: 15px;
        width: 90%;
    }


    .ActionLinks .ActionLinkItem {
        height: 185px;
        padding: 0;
    }

        .ActionLinks .ActionLinkItem:first-child a .text, .ActionLinks .ActionLinkItem:nth-child(2) a .text, .ActionLinks .ActionLinkItem:nth-child(3) a .text {
            border-bottom: 1px solid #E8E9EA;
            padding-bottom: 83px;
        }

        .ActionLinks .ActionLinkItem:nth-child(3) a, .ActionLinks .ActionLinkItem:nth-child(6) a {
            border-right: 1px solid transparent;
        }

        .ActionLinks .ActionLinkItem a:hover .text {
            padding-bottom: 10px;
            border-bottom: none;
        }

        .ActionLinks .ActionLinkItem a:hover {
            height: 185px;
            padding: 40px 30px;
        }

            .ActionLinks .ActionLinkItem a:hover .texthover {
                display: none;
            }


    .PeachPlus, .BluePlus, .CovidBlockWrapper h2, .LightBluePlus {
        background-size: 18px;
        padding-left: 21px;
        padding-top: 14px;
        font-size: 40px;
        line-height: 45px;
    }

    .ContentUnderPlus {
        margin-left: 21px;
    }

    .grey.Animation {
        padding: 0 !important;
    }

    .AnimationText p {
        padding-right: 0;
    }

    #animationWrapper {
        display: none;
    }

    #NetcareSlider {
        background: url(../images/animation/Line/Dots_bg.png) no-repeat center 370px;
        background-size: contain;
        width: 100%;
    }

        #NetcareSlider .MobileImageBlock {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            position: relative;
        }

            #NetcareSlider .MobileImageBlock .Image {
                z-index: 2;
                width: 100%;
            }

            #NetcareSlider .MobileImageBlock .SnippedLine {
                z-index: 1;
                position: absolute;
                width: 100%;
            }

    #NetcareSliderNavWrapper {
        width: 100%;
    }

    .ipadwrapper {
        margin-right: -2px;
        margin-top: -100px;
    }

    .ipadtextblock {
        padding-top: 0px;
        margin-top: -35px;
        padding-bottom: 50px;
    }

    #BigSlider {
        height: 1000px;
    }

        #BigSlider .BigSlide .Content {
            width: 100%;
            padding: 70px;
            z-index: 2;
        }

            #BigSlider .BigSlide .Content h2 {
                background-size: 18px;
                font-size: 40px;
                line-height: 45px;
                margin-left: -21px;
                padding-left: 21px;
                padding-top: 14px;
            }

        #BigSlider .BigSlide .Image {
            width: 100%;
            z-index: 1;
            height: auto;
            display: block;
        }

        #BigSlider .BigSlide .Content,
        #BigSlider .BigSlide .Image {
            float: none;
            display: block;
            position: relative;
        }

            #BigSlider .BigSlide .Image .MobileImage {
                display: block;
            }

            #BigSlider .BigSlide .Image .DesktopImage {
                display: none;
                height: 0%;
            }


    .BigSliderBlock {
        height: 625px;
        margin-bottom: 25px;
    }

        .BigSliderBlock .Slider {
            top: 40%;
            height: 100%;
        }

            .BigSliderBlock .Slider .Wrap {
                max-height: 1000px;
            }

            .BigSliderBlock .Slider .Tag {
                width: 100%;
            }


        .BigSliderBlock .Image {
            height: auto;
        }

            .BigSliderBlock .Image img {
                margin-top: -20%;
            }


    .SmallSliderBlock {
        height: auto;
    }

        .SmallSliderBlock .Image {
            height: auto;
            display: block;
        }

        .SmallSliderBlock .Slider {
            max-height: 1000px;
            position: relative;
            margin-top: -40px;
            height: auto;
        }

            .SmallSliderBlock .Slider .Tag {
                width: 100%;
            }

            .SmallSliderBlock .Slider .Wrap {
                height: 300px;
            }

    #NewsSliderNav, #MediaSliderNav, #ResearchSliderNav {
        margin: 0 auto;
    }

    #NewsSlider .NewsSlide .GoldLink,
    #MediaSlider .MediaSlide .GoldLink,
    #ResearchSlider .ResearchSlide .GoldLink {
        display: block;
    }

    .SmallCarouselText {
        padding-top: 0px;
    }

    .Logos .LogoItem img {
        max-width: 85%;
        margin: 0 auto;
        display: block;
    }

    .VideoIntroductionWrapper, .GpVoucherSection {
        height: auto;
    }

    .VideoImage, .GpImage {
        width: 100%;
        display: block;
        position: relative;
        height: auto;
    }

        .VideoImage img, .GpImage img {
            width: 100%;
        }

    .VideoText, .GpVoucherText {
        width: 91%;
        display: block;
        padding: 7% 7% 5% 7%;
        height: auto;
        margin: 0 auto;
        margin-top: -20px;
        float: none;
    }

        .VideoText h2, .GpVoucherText h2, .ComplexBanner .left-box .wrapper .ThinPlus, .CovidBanner .BannerText h2, .ComplexBanner.Covid .left-box .wrapper .ThinPlus {
            margin-left: -16px;
            padding-left: 16px;
            padding-top: 7px;
            background-size: 18px;
            font-size: 40px;
            line-height: 45px;
        }

    .ComplexBanner .left-box .wrapper .ThinPlus {
        margin-left: -21px;
        padding-left: 21px;
        padding-top: 7px;
    }

    .ComplexBanner .left-box .wrapper .TitleText, .ComplexBanner.Covid .left-box .wrapper .TitleText {
        font-size: 40px;
        line-height: 45px;
    }

    .videoHeading p {
        text-align: left;
    }

    p #playVid {
        width: 70%;
    }

    img.thumb-image {
        width: 13%;
    }

    section.animation {
        padding: 0 !important;
    }

    .OpportunitiesSection {
        padding: 0 !important;
    }
    /*-- Stacking Select Boxes (Find Doctor and Dentist)--*/

    #Doctor .FilterWrapper > .ProvinceContainer, #Doctor .FilterWrapper > .TownContainer,
    #Doctor .FilterWrapper > .HospitalContainer, #Doctor .FilterWrapper > .DoctorsNameContainer {
        width: 100%;
        padding: 0px 0px 10px 0px;
        float: none;
    }

    #Doctor #SearchDoctor,
    #Dentist #SearchDentist {
        display: block;
        width: 100%;
        margin-top: 15px;
    }

    /*-- Stacking select Boxes(Find- Hospital, Clinic, Specialist) --*/
    .FilterWrapper > .ProvinceContainer, .FilterWrapper > .TownContainer, .FilterWrapper > .ClinicsNameContainer, .FilterWrapper > .DoctorsNameContainer {
        width: 100%;
        float: none;
        padding: 0px 0px 10px 0px;
    }

    #Hospital #SearchHospital {
        display: block;
        width: 100%;
        margin-top: 15px;
    }



    #Specialist #SearchSpecialist {
        display: block;
        width: 100%;
        margin-top: 15px;
    }




    #Clinic #SearchClinic {
        display: block;
        width: 100%;
        margin-top: 15px;
    }

    /* Group Profile */
    .blue-icon-box {
        width: 48% !important;
    }

    /* Divisions  & Complimentary Business */
    .third-nr-box {
        width: 49% !important;
    }

    .listing-columns {
        -moz-column-count: 3;
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3;
        padding-left: 5px;
    }

    .SingleDocumentList {
        margin-left: 5px;
    }

    footer .footertop .FooterLink {
        padding-right: 20%;
    }

    .AppointmedWrapper {
        margin-top: 50px;
        margin-left: 35px;
    }

        .AppointmedWrapper p {
            padding-right: 10%
        }

    .NetcarePlusWrapper {
        margin-top: 20px;
        margin-left: 15px;
    }

    .AppointmedMapContainer h2, .AppointmedMapContainer > p, .Facilities, .CarouselHeading {
        margin-left: 35px;
        padding-right: 10%;
    }

        .AppointmedMapContainer h2, .CarouselHeading h2, .AppointmedWrapper h2, .NetcarePlusWrapper h2 {
            font-size: 40px;
            line-height: 45px;
        }

    .AppointmedMapContainer .Facilities p {
        display: block;
        margin-bottom: 5px;
    }

        .AppointmedMapContainer .Facilities p::after {
            display: none;
        }

        .AppointmedMapContainer .Facilities p:last-child {
            margin-bottom: 20px;
        }

    .CovidBanner .BannerText {
        position: relative;
        width: 90%;
        margin-top: -20%;
        padding: 7%;
        height: auto;
    }

        .CovidBanner .BannerText > a {
            margin: 12px 0px 25px 0px;
        }

        .CovidBanner .BannerText .WebsiteLink {
            padding-top: 30px;
        }

    .CovidBlockWrapper {
        padding: 50px;
    }

        .CovidBlockWrapper .CovidStats .StatBlock {
            padding-left: 45px;
        }

    .CovidVideoHeading p, .CovidVideoHeading a {
        margin: 21px;
        text-align: left;
    }

    .CovidContent h2 {
        width: 85%;
    }

        .CovidContent h2.NoticeHeading, .CovidNews h2 {
            margin-top: 40px;
            width: 85%;
        }

    .CovidVideoSection {
        margin-bottom: 30px;
        height: auto;
    }

    .NewsBlock {
        margin-bottom: 20px;
    }

    .ContentWrapper section {
        padding: 50px 0 !important
    }

    .CovidSlider, .CovidContentWrapper {
        margin: 70px 0 !important;
    }

    .AppointmedFormImage {
        display: none;
    }

    .AppointmedFormImageMobile {
        display: block;
        width: 100%;
        margin-bottom: -45%;
        margin-top: 75px;
    }


    #AppointmedForm {
        margin-left: 0;
    }

        #AppointmedForm > .content {
            width: 100% !important;
            float: none !important;
        }

            #AppointmedForm > .content > .body {
                padding: 30px !important;
            }

                #AppointmedForm > .content > .body h2 {
                    width: 100%;
                }

                #AppointmedForm > .content > .body .select2-container {
                    margin-left: 0px !important;
                    margin-right: 0px !important;
                    width: 100% !important;
                }

                #AppointmedForm > .content > .body button {
                    min-width: 140px;
                }

        #AppointmedForm .steps {
            margin: -1px auto;
            width: 100% !important;
            text-align: center;
            height: auto;
            background: #1D3443 !important;
        }

            #AppointmedForm .steps ul {
                height: 50px;
                width: 220px;
                margin: 0 auto;
                padding-top: 35px;
            }


            #AppointmedForm .steps > ul > li.last {
                display: none;
            }

            #AppointmedForm .steps > ul > li > a > span.current-info.audible {
                display: none;
            }

            #AppointmedForm .steps > ul > li > a > .circle {
                background: #4682B4;
                opacity: 0.25;
            }

            #AppointmedForm .steps > ul > li.current > a > .circle {
                background-color: #4682B4;
                opacity: 1;
                width: 65px;
            }

            #AppointmedForm .steps > ul > li.done > a > .circle {
                opacity: 1;
            }

        #AppointmedForm .bootstrap-datetimepicker-widget {
            width: 100% !important;
        }

    #AppointmedTooltipMobile, #AppointmedTooltipMobile2 {
        display: block;
        position: absolute;
        z-index: 2;
        border: none;
        border-radius: 0px;
        width: 34px;
        height: 30px;
        top: 15px;
        right: 25px;
        cursor: pointer;
        background: url('../images/icons/AppointmedInfo.svg') no-repeat;
        background-color: transparent !important;
    }

    #AppointmedForm > .content > .body {
        padding: 15px !important;
    }

    #AppointmedForm .SpecialistDetail p {
        margin-left: 40px;
    }

    #AppointmedForm > .content > .body label.inputLabel {
        margin-left: 20px !important;
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        min-width: 42% !important;
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        height: 55px;
        padding: 18px;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        margin-right: 18px !important;
        width: 30% !important;
        height: 55px;
        padding: 18px;
    }

    #AppointmedForm {
        margin-top: 2%;
    }

        #AppointmedForm > .content > .body h2 {
            margin-right: 10px;
            margin-left: 16px;
        }

        #AppointmedForm .PersonalDetail p {
            padding: 5px;
            margin-left: 10px;
        }

        #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
            height: 55px;
            padding: 15px;
            min-width: 31% !important;
        }

        #AppointmedForm > .content > .body .SectionButtons .form-group {
            margin-bottom: 16px;
        }

        #AppointmedForm .HeadingPlus {
            background-size: 18px;
            line-height: 45px !important;
            margin-left: -15px !important;
            padding-left: 28px !important;
            padding-top: 14px !important;
        }

    .AppointmedTooltip {
        display: none;
    }

    .TooltipModalMobile, .TooltipModalMobile2 {
        display: none;
        position: fixed;
        z-index: 10001;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.1);
    }

    /* Modal Content */
    .AppointmedTooltipmodal-content {
        background-color: #FFFFFF;
        margin: auto;
        padding: 20px;
        width: 50%;
        display: block;
        border-radius: 5px;
    }

    /* The Close Button */
    .closeTooltipModal, .closeTooltipModal2 {
        color: #4682B4;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .AppointmedTooltipmodal-content h4 {
        color: #4682B4 !important;
        text-align: center;
    }

    .AppointmedTooltipmodal-content p {
        text-align: center;
        color: #57656E !important;
        padding: 15px 0px !important;
    }


    .EmergencyBlockWrapper {
        padding: 40px 20px 20px 20px;
    }

        .EmergencyBlockWrapper .LeftBlock {
            width: 100%;
            display: block;
            border-bottom: 2px solid #BEC2C6;
            margin-bottom: 30px;
        }

            .EmergencyBlockWrapper .LeftBlock a {
                display: block;
                margin-bottom: 30px;
            }

        .EmergencyBlockWrapper .DividerLine {
            display: none;
        }

        .EmergencyBlockWrapper .RightBlock {
            width: 100%;
            display: block;
            margin-left: 0px;
        }

            .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs {
                margin-left: 0px;
            }

            .EmergencyBlockWrapper .RightBlock .tab-content .tab-pane {
                padding: 0px !important;
            }

            .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item .nav-link {
                font-size: 10px;
                line-height: 14px;
            }

            .EmergencyBlockWrapper .RightBlock ul.nav.nav-tabs .nav-item {
                padding: 0;
                width: 80px;
            }

            .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper {
                display: block;
            }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .title {
                    display: block;
                    width: 100%;
                    margin-bottom: 15px;
                }



                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock {
                    display: inline-block;
                    width: 48%;
                    margin-bottom: 10px;
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock {
                    display: inline-block;
                    width: 32%;
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:not(:last-child)::after {
                    height: 85%;
                    top: 3%;
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock:not(:last-child)::after {
                    height: 75%;
                    top: 3%;
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(3)::after {
                    display: none;
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .heading {
                    font-size: 12px;
                    width: 76%;
                    min-height: 35px;
                    /* padding-top: 20px; */
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock .heading {
                    width: 90%;
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper .SymptomBlock .image {
                    padding-bottom: 25px;
                }

                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(2) .image,
                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.FourBlock .SymptomBlock:nth-child(3) .image {
                    padding-bottom: 23px;
                    border-bottom: 2px solid #BEC2C6;
                    width: 75%;
                    margin: 0 auto;
                }


                .EmergencyBlockWrapper .RightBlock .SymptomBlockWrapper.ThreeBlock .SymptomBlock .image {
                    border-bottom: 0px;
                }


    /*-- Netcare Plus --*/

    .NetcarePlusSlider .BigSlide .Content h2 {
        display: none !important;
    }

    .NetcarePlusSlider {
        height: 850px !important;
    }


    .NetcarePlusWrapper h2, .NetcarePlusWrapper p {
        padding-right: 0%;
        /* width: 93%; */
    }

    .NetcarePlusWrapper .IconWrapper {
        margin-left: -8%;
    }
        /*Only when using 3 blocks*/
        .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
            width: 51%;
        }

    .NetcarePlusBanner .BannerText {
        width: 40%;
    }

        .NetcarePlusBanner .BannerText .BannerPlus {
            font-size: 42px;
        }

        .NetcarePlusBanner .BannerText .BannerPlusInfo {
            font-size: 19px;
            top: 60%;
        }

    .visible-mobile {
        display: inline !important;
    }

    .hidden-mobile {
        display: none !important;
    }

    .FAQ-Section .panel-group .panel-default > .panel-heading {
        padding-right: 0px;
        width: 100%;
    }

    .FAQ-Section .panel-heading .collapsable {
        font-size: 18px !important;
        padding: 15px 35px 7px 0px !important;
        line-height: 24px !important;
    }

    .SpecialistPlusWrapper .TownContainer {
        width: 100% !important;
    }

    .SpecialistPlusWrapper label {
        margin-left: 6px !important;
    }

    .SpecialistPlusWrapper table td {
        display: block;
    }

        .SpecialistPlusWrapper table td label {
            padding: 11px 21px !important;
            margin-left: -15px !important;
            letter-spacing: 0.05em;
            min-width: 300px !important;
        }

    .SpecialistPlusWrapper input[type="radio"] {
        margin-right: 0px !important;
    }

    .SpecialistPlusWrapper label {
        margin-left: 6px !important;
    }

    .swal2-buttonswrapper {
        display: contents !important;
    }

    button.swal2-confirm.swal2-styled.swal2-styled,
    button.swal2-confirm.swal2-styled.swal2-styled:hover {
        margin-top: 15px !important;
    }

    .CarouselTextWrapper p,
    .ModuleTextWrapper p {
        text-align: left;
    }

    #FAQ_Accordion {
        margin-left: 15px;
    }

    .TermAndConditions .ContentUnderPlus {
        margin-left: 14px;
    }


    .TermAndConditions p {
        margin-left: 14px;
    }

    #TermAndConditionsBlueLink {
        margin-left: 14px;
    }

    .FAQWrapper .BlueLink {
        margin-left: 14px;
    }

    .TermAndConditions .termsList {
        margin-left: 30px;
    }

    #BigSlider .NetcarePlusSlider .BigSlide .Content h2 {
        display: none !important;
    }

    #BigSlider .NetcarePlusSlider {
        height: 850px;
    }


    .GPOption, .MedOption, .VirtualOption {
        display: flex;
    }

    .SpecialistPlusWrapper .ConsultationOptions label {
        min-width: 300px !important;
    }

    .ResearchButton {
        margin-bottom: 25px;
    }

    .DesktopResearchHeading {
        display: none;
    }

    .MobileResearchHeading {
        display: block !important;
    }

    .reseach-article-img {
        margin-left: 15px !important;
    }

    .ResearchButton .btn {
        min-width: 280px;
    }

    .ResearchButton.d-flex.justify-content-center {
        width: 100%;
    }

    #ReviewSlider {
        height: 450px;
    }

        #ReviewSlider .SlideText {
            background-size: 16%;
            padding: 50px;
            background-position-y: 7%;
        }

            #ReviewSlider .SlideText h2 {
                margin-bottom: 40px;
                font-size: 40px;
                line-height: 45px;
            }

            #ReviewSlider .SlideText p {
                font-size: 20px;
                line-height: 32px;
            }


    .RightTextBlock {
        margin-top: -10vw;
        padding-left: 30px;
    }

        .RightTextBlock h1 {
            font-size: 45px;
            margin-bottom: 20px;
            margin-top: 0;
            width: 100%;
            margin-left: -10px;
        }

    .ListItemWithIcon {
        font-size: 16px;
        width: 100%;
        margin-bottom: 25px;
    }

        /*.ListItemWithIcon img {
            display: none;
        }*/

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2,
    .AppointmentBoxes .box3 {
        width: 115px;
        height: 115px;
    }

    .HoursWrapper {
        padding-bottom: 35px;
    }

    #AppointMedSlider, #NetcarePlusReviewSlider {
        height: 405px;
        margin: 60px 32px 20px;
    }

        #AppointMedSlider .SlideText,
        #NetcarePlusReviewSlider .SlideText {
            padding: 41px 55px 21px;
            margin: 5px;
            border-bottom: 8px solid #4682B4;
            border-radius: 4px;
        }

        #NetcarePlusReviewSlider .SlideText {
            border-bottom: 8px solid #66B6C4;
        }

        #AppointMedSlider .slick-slide.slick-current .SlideText p,
        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p,
        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2 {
            margin-top: 100px;
        }

        #AppointMedSlider .SlideText p,
        #NetcarePlusReviewSlider .SlideText p {
            padding: 10px 20px 0px 25px;
        }

        #AppointMedSlider .slick-slide.slick-current .SlideText,
        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
            background-size: 13%;
            min-height: 350px;
        }

    .AppointmentCarousel, .NetcarePlusCarousel {
        background: none;
    }

    #AppointMedSlider .slick-slide,
    #NetcarePlusReviewSlider .slick-slide {
        transition: none;
    }

    .AppointmentCarousel .BluePlus {
        background: url(../images/icons/CarouselBluePlus.svg) no-repeat left top 10%;
        background-size: 18px;
        padding-left: 21px;
        padding-top: 14px;
        line-height: 45px;
    }


    .NetcarePlusBannerText {
        top: -375px;
        width: 100% !important;
        right: 0%;
    }

    .ListItemWithIcon .text strong {
        font-family: "Open Sans";
        
    }

    #NetcarePlusGridOneImage {
        background: url(/portals/0/OneNetcare/NetcarePlus/TealOverlayMobile.png) no-repeat;
        background-size: 100%;
    }

    #NetcarePlusGridFiveImage {
        background: url(/portals/0/OneNetcare/NetcarePlus/NavyOverlay.png) no-repeat;
        background-size: 100%;
        height: 100%;
    }

    .whitefadeOutMobile {
        background: linear-gradient(#fff 65%,#f7f7f7) !important;
    }

    .AppointmentLogoMobile, .NetcarePlusLogoMobile {
        display: block;
        padding-left: 30px;
        margin-top: 10%;
    }

        .AppointmentLogoMobile img, .NetcarePlusLogoMobile img {
            width: 45%;
        }

    .AppointmentHours,
    .NetcarePlusHours {
        padding-left: 30px;
    }

    .NetcarePlusHours {
        padding-left: 30px;
        padding-top: 15px;
    }

    .AppointmentLogo, .NetcarePlusLogo {
        display: none;
    }

    .AppointBlockTwo, .NetcarePlusBlockTwo {
        float: none;
        display: block;
        position: relative;
        width: 100%;
    }

    .AppointMedContentWrapper,
    .NetcarePlusContentWrapper {
        width: 100%;
    }

    .AppointmedText {
        padding: 15px 20px 40px 20px;
        margin-top: 20px;
    }

    .AppoinmentCall, .FindHealthCare {
        font-size: 18px;
        padding-left: 50px;
        padding-right: 35px;
        float: none;
        width: 100%;
        text-align: end;
        display: inline-block;
        background: url(/Portals/_default/Skins/Netcare-Core/images/icons/ArrowSmallRight.svg) no-repeat center right;
    }

    .FindHealthCare {
        background: url(/Portals/_default/Skins/Netcare-Core/images/CarouselRightArrow.svg) no-repeat right center;
    }

    .AppointmedLink {
        font-size: 18px;
        padding-left: 50px;
        padding-right: 35px;
        float: none;
        width: 100%;
        text-align: center;
        display: inline-block;
        background-position: 67% !important;
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        width: 100%;
        margin-bottom: 20px;
        font-size: 16px;
        height: 48px;
    }

    .AppointmentButton, .NetcarePlusButton {
        margin-top: 8%;
    }

    .NetcarePlusButton {
        margin-bottom: 45px;
    }

    .AppointmentHours p {
        font-size: 21px;
        line-height: 25px;
    }

    .AppointmentBanner img, .NetcarePlusBannerImg img {
        display: none;
    }

    .AppointmentBannerMobileTop img, .NetcarePlusBannerMobileTop img {
        display: block;
        width: 100%;
    }

    .NetcarePlusBannerMobileTop img {
        display: block !important;
    }

    .AppointmentWrapperSection, .NetcarePlusWrapperSection {
        display: contents;
        position: relative;
    }

    .AppointmentBannerText, .NetcarePlusBannerText {
        right: 0;
        width: 100%;
        height: 0%;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        margin-top: -340px;
    }

    .NetcarePlusBannerText {
        height: auto;
        margin-top: -38%;
    }

        .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
            font-size: 60px;
            margin-bottom: 40px;
            width: 80%;
            line-height: 60px;
        }

        .AppointmentBannerText p, .NetcarePlusBannerText p {
            margin-bottom: 30px;
            line-height: 31px;
            font-size: 20px;
            padding-right: 20px;
        }

    .btn-primary.AppointmentPurchase, .ANMobile {
        height: 50px;
        margin-top: 15px;
        margin-bottom: 25px;
        position: relative;
        width: 60%;
    }


    .VoucherCardsHeading p {
        width: 95%;
        text-align: left !important;
        margin-bottom: 0;
    }

    .VoucherCardWrapper {
        display: block;
    }

        .VoucherCardWrapper .VoucherCard {
            width: 100%;
            margin-bottom: 30px;
            padding: 40px 30px;
        }
            .VoucherCardWrapper .VoucherCard:hover {
                transform: scale(1, 1);
            }

            .VoucherCardWrapper .VoucherCard img {
                margin-bottom: 25px;
            }

            .VoucherCardWrapper .VoucherCard p {
                min-height: initial;
            }

            .VoucherCardWrapper .VoucherCard .BuyNowButton {
                margin-top: 25px;
            }



    /*NetcarePlus redesign*/

    .InfoSectionLeft {
        width: 90%;
        margin: 0;
        padding-top: 25%;
    }

        .InfoSectionLeft .LightbluePlus {
            margin-bottom: 10px;
        }

        .InfoSectionLeft p {
            width: 85%;
        }

    .InfoCard1, .InfoCard2 {
        width: 90%;
        margin: 45px;
    }

    .InfoSectionRight {
        margin-top: 5%;
    }

    .NetcarePlusTopBannerText p {
        font-size: 16px !important;
    }

    .ListWithIconsWrapper {
        margin-left: -12px;
    }
    .ListItemWithIcon img {
        height: 30px;
        margin-top: -2px;
        margin-right: 10px;
    }


    
}

@media(max-width:900px) {
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 53%;
    }

    #AppointmedForm .SpecialistDetail p {
        margin-left: 38px;
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
        font-size: 55px;
        width: 63%;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 405px;
        margin: 60px 32px 20px;
    }

        #AppointMedSlider .SlideText p,
        #NetcarePlusReviewSlider .SlideText p {
            padding: 18px 20px 0px 25px;
            font-size: 16px;
        }

        #AppointMedSlider .SlideText,
        #NetcarePlusReviewSlider .SlideText {
            padding: 20px 60px 12px;
            margin: 5px;
        }

    #AppointMedSliderNav,
    #NetcarePlusSliderNav {
        height: 35px;
    }

        #AppointMedSliderNav .dots,
        #NetcarePlusSliderNav .dots {
            bottom: 25px !important;
        }

        #AppointMedSliderNav .prev-arrow.slick-arrow, #AppointMedSliderNav .next-arrow.slick-arrow,
        #NetcarePlusSliderNav .prev-arrow.slick-arrow, #NetcarePlusSliderNav .next-arrow.slick-arrow {
            bottom: 0px;
        }
}

@media (max-width: 859px) {

    .NetcarePlusBannerText {
        margin-top: -48%;
        top: -275px;
    }
}

@media (max-width: 810px) {

    .AppointmentBannerText h2 {
        width: 71%;
    }

    .AppointmentBannerText {
        margin-top: -280px;
    }

    .NetcarePlusBannerText h2 {
        width: 90% !important;
    }

    /*NetcarePlus redesign*/
    .InfoSectionLeft .LightbluePlus {
        font-size: 68px;
    }

    .InfoCard1, .InfoCard2 {
        /* width: 90%; */
        margin: 40px;
    }


    .NetcarePlusBannerText {
        margin-top: -44%;
    }
}

/*----  767  ----*/
@media (max-width: 767px) {

    .AppointmedTooltipmodal-content {
        width: 60%;
    }

        .AppointmedTooltipmodal-content p {
            margin-left: 0px !important;
        }

    #NetcareSlider {
        background-position-y: 280px;
    }

    .section-block {
        margin-bottom: 15px;
    }

        .section-block a.GoldLink {
            position: relative;
        }

    .executive-block, .executive-block p {
        font-size: 16px;
    }

    .strategic-box.strategic-large {
        min-height: auto;
    }

    .education-half:first-child {
        padding-left: 15px;
    }

    .education-block {
        min-height: auto;
    }

    .content-block {
        min-height: auto;
    }

    .content-right {
        padding-right: 0;
    }

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

    .ContactUsBlock {
        margin-bottom: 15px;
    }

        .ContactUsBlock p:last-child {
            margin-bottom: 30px;
        }

    .MapFrame, .MapDetails {
        width: 100%;
    }

    DnnModule-SharePriceGraphMvc {
        width: 100%;
        height: 100%;
        margin-bottom: 225px !important;
    }

    .DnnModule-SharePriceGraphMvc .SharePriceGraph {
        margin-bottom: 117px !important;
    }

    .shareprice-title, .shareprice-subtitle {
        font-size: 18px !important;
        line-height: 24px;
        width: 100%;
        padding-left: 15px;
    }

    #share-graph-filtering {
        position: inherit;
        right: 0;
        top: 0;
        margin-top: 15px;
        padding-left: 15px;
    }

        #share-graph-filtering span {
            padding: 5px;
        }

    .SubPage .DnnModule-SharePriceGraphMvc {
        width: 100% !important;
        margin-bottom: 225px;
    }

    .CoverAIRContainer {
        margin-top: 15px;
    }

        .CoverAIRContainer img {
            width: 54%;
        }


    h4.AIRSsubHeading {
        width: 40%;
    }

    .SharePriceInfo.shareprice-price-control h3 {
        display: block;
        font-family: "Open Sans";
        margin-top: 24px;
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        padding-left: 30px;
    }

    .Reports {
        margin-right: 0;
    }

    .Reports, .IRSPatternBlockSecondary, .SENSThird, .MediaReleaseThird {
        margin-top: 30px;
    }


    .SENSThird, .MediaReleaseThird {
        margin-bottom: 0;
    }

    .NewsSummaryItem, .media-listing-item {
        min-height: auto;
        padding-bottom: 20px;
    }

    .FilterWrapper > .ProvinceContainer, .FilterWrapper > .TownContainer, .FilterWrapper > .DoctorsNameContainer {
        width: 100%;
        float: none;
        padding: 0px 0px 10px 0px;
        margin-top: 15px;
    }

    #see-all {
        margin-top: -70px;
        margin-bottom: 40px;
    }

    .Logos .LogoItem img {
        max-width: 85%;
        margin: 0 auto;
        display: block;
    }

    .ActionLinks .ActionLinkItem a .text {
        font-size: 14px;
        line-height: 16px;
    }

    /*---Sustainability*/
    #PageScroller {
        width: 100%;
    }

    #hccMediaContent > .HospitalCategories {
        width: 100%;
        float: none;
        padding: 15px 0px 0px 0px;
    }

    div#netcare-education {
        float: none;
        margin-left: -5px;
        margin-right: -5px;
    }
    /* FNAH Training Programmes table*/
    div#TrainingProgrammes_length {
        float: none;
        margin-bottom: 10px;
    }

    div#TrainingProgrammes_filter {
        float: none;
        margin-bottom: 10px;
    }

    div#TrainingProgrammes_info {
        float: none;
    }

    div#TrainingProgrammes_paginate {
        float: none;
        margin-top: 10px;
    }

    #BigSlider {
        height: 800px;
    }

        #BigSlider .BigSlide .Content {
            padding: 50px;
        }

    /* Group Profile */
    .blue-icon-box {
        width: 48% !important;
    }

    .LogoLine .LineText {
        width: 40%;
        padding: 0 15px;
    }

        .LogoLine .LineText .serif-text {
            font-size: 18px;
            line-height: 21px;
            letter-spacing: 0.1em;
        }

    .LogoLine .LogoText {
        font-size: 14px;
        line-height: 19px;
        margin-top: 3px;
    }

        .LogoLine .LogoText .FooterYou {
            background-size: 85%;
            background-position-x: 2px;
            background-position-y: 17px;
            min-height: 24px;
        }

    .blue-icon-box h2 {
        font-size: 46px !important;
    }

    /* Divisions  & Complimentary Business */
    .third-nr-box {
        width: 100% !important;
    }

    /*-- Find Care Data Table --*/
    #Hospital .HospitalWrapper .HospitalRow,
    #Clinic .ClinicWrapper .ClinicRow,
    #Specialist .SpecialistWrapper .SpecialistRow,
    #Doctor .DoctorsWrapper .DoctorRow,
    #Dentist .DentistWrapper .DentistRow {
        padding-bottom: 10px;
        overflow: auto;
    }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow {
        display: block;
    }

        #Hospital .HospitalWrapper .HospitalRow > div,
        #Specialist .SpecialistsWrapper .SpecialistRow > div,
        #Doctor .DoctorsWrapper .DoctorRow > div,
        #Dentist .DentistWrapper .DentistRow > div,
        #Clinic .ClinicWrapper .ClinicRow > div,
        #Vacancies .VacanciesWrapper .HospitalRow > div {
            border-top: none !important;
            padding-top: 10px;
        }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow > div.MobileHeading {
        display: none !important;
    }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow {
        margin-top: 20px !important;
        padding: 20px;
        border: solid 1px #dfdfdf;
        border-radius: 10px;
    }

    #Hospital, #Clinic, #Specialist, #Doctor, #Dentist {
        padding: 10px 0 40px;
    }

        #Hospital .FilterWrapper > .ProvinceContainer,
        #Hospital .FilterWrapper > .TownContainer,
        #Hospital .FilterWrapper > .ClinicsNameContainer,
        #Clinic .FilterWrapper > .ProvinceContainer,
        #Clinic .FilterWrapper > .TownContainer,
        #Clinic .FilterWrapper > .ClinicsNameContainer,
        #Specialist .FilterWrapper > .ProvinceContainer,
        #Specialist .FilterWrapper > .TownContainer,
        #Specialist .FilterWrapper > .DoctorsNameContainer

        #Doctor .FilterWrapper > .ProvinceContainer,
        #Doctor .FilterWrapper > .TownContainer,
        #Doctor .FilterWrapper > .DoctorsNameContainer,
        #Doctor .FilterWrapper > .HospitalContainer,
        #Dentist .FilterWrapper > .ProvinceContainer,
        #Dentist .FilterWrapper > .TownContainer,
        #Dentist .FilterWrapper > .DoctorsNameContainer,
        #Dentist .FilterWrapper > .HospitalContainer {
            width: 100%;
            float: none;
            padding: 0px 0px 10px 0px;
        }

        #Hospital .HospitalWrapper .HospitalRow:first-child > div,
        #Clinic .ClinicWrapper .ClinicRow:first-child > div,
        #Specialist .SpecialistsWrapper .SpecialistRow:first-child > div,
        #Doctor .DoctorsWrapper .DoctorRow:first-child > div,
        #Dentist .DentistWrapper .DentistRow:first-child > div {
            display: none !important;
        }

        #Hospital .HospitalWrapper .HospitalRow > div,
        #Clinic .ClinicWrapper .ClinicRow > div,
        #Specialist .SpecialistsWrapper .SpecialistRow > div,
        #Doctor .DoctorsWrapper .DoctorRow > div,
        #Dentist .DentistWrapper .DentistRow > div {
            display: block !important;
            overflow: auto;
            width: 100%;
        }

        #Hospital .HospitalWrapper .HospitalRow > .Distance,
        #Clinic .ClinicWrapper .ClinicRow > .Distance,
        #Specialist .SpecialistsWrapper .SpecialistRow > .Distance,
        #Doctor .DoctorsWrapper .DoctorRow > .Distance,
        #Dentist .DentistWrapper .DentistRow > .Distance {
            display: none !important;
        }

        #Hospital .HospitalWrapper .HospitalRow .DetailsButtonContainer a,
        #Clinic .ClinicWrapper .ClinicRow .DetailsButtonContainer a,
        #Specialist .SpecialistsWrapper .SpecialistRow .DetailsButtonContainer a,
        #Doctor .DoctorsWrapper .DoctorRow .DetailsButtonContainer a,
        #Dentist .DentistWrapper .DentistRow .DetailsButtonContainer a {
            float: left;
        }

        #Hospital .HospitalWrapper .DenstistRow > div,
        #Clinic .ClinicWrapper .ClinicRow > div,
        #Specialist .SpecialistWrapper .SpecialistRow > div,
        #Doctor .DoctorsWrapper .DoctorRow > div,
        #Dentist .DentistWrapper .DentistRow > div {
            display: block;
            overflow: auto;
        }


        #Hospital .HospitalWrapper,
        #Clinic .ClinicWrapper,
        #Specialist .SpecialistsWrapper,
        #Doctor .DoctorsWrapper,
        #Dentist .DentistWrapper {
            display: table;
            width: 100%;
        }

    .MobileHeading {
        font-weight: bold;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        align-items: center;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #80898F;
        border: 0px none !important;
        border-top: none;
        padding: 0px 5px !important;
        margin-top: 15px;
    }

    #Hospital .HospitalWrapper .HospitalRow > div.EMail,
    #Specialist .SpecialistsWrapper .SpecialistRow > div#EMail,
    #Doctor .DoctorsWrapper .DoctorRow > div#EMail,
    #Dentist .DentistWrapper .DentistRow > div.EMail,
    #Clinic .ClinicWrapper .ClinicRow > div.EMail,
    #Vacancies .VacanciesWrapper .HospitalRow > div.EMail {
        border-bottom: 1px solid #dfdfdf !important;
        padding-bottom: 30px;
        margin-bottom: 25px;
    }

    .listing-columns {
        -moz-column-count: 2;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
    }

    .SubPageMenuContainer .navbar-nav {
        float: none;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin: -1px;
    }

    .background-box-clinic-outcome {
        padding: 15px 20px;
        text-align: center;
    }

    .LineHeader {
        height: 47px;
    }

    /*====----  Vacancies  ----====*/

    #Vacancies .FilterWrapper {
        padding: 10px 0 0;
    }

        #Vacancies .FilterWrapper .ProvinceContainer,
        #Vacancies .FilterWrapper .DivisionContainer,
        #Vacancies .FilterWrapper .CategoryContainer {
            width: 100%;
            float: none;
            padding: 0px 0px 10px 0px;
        }

    #Vacancies .VacanciesWrapper {
        padding-top: 0px;
    }

        #Vacancies .VacanciesWrapper .VacanciesRow:first-child {
            display: none;
        }

        #Vacancies .VacanciesWrapper .VacanciesRow {
            display: block;
            padding-bottom: 30px;
            margin-bottom: 25px;
            overflow: auto;
            border-bottom: 1px solid #dfdfdf !important;
        }


        #Vacancies .VacanciesWrapper #vacancySearchHeader {
            display: none;
        }

        #Vacancies .VacanciesWrapper .VacanciesRow > div {
            display: block !important;
            overflow: auto;
            border-top: 0px !important;
            padding: 10px 5px;
        }


    #Vacancies .FilterWrapper .ButtonContainer button {
        display: block;
        width: 100%;
        margin-top: 15px;
    }

    #Vacancies .VacanciesWrapper .VacanciesRow .DetailsButtonContainer a {
        float: none;
    }

    #VacanciesDetails .dl-horizontal dt {
        font-weight: bold;
    }

    #VacanciesDetails a.RedLink,
    #VacanciesDetails .apply,
    #VacanciesDetails .apply:focus {
        margin: 10px 0;
    }

    #Vacancies + #myModal .modal-footer button,
    #Vacancies + #myModal .modal-footer button:focus {
        padding: 10px 35px;
    }

    @-moz-document url-prefix() {
        #SearchHospital,
        #SearchSpecialist,
        #SearchDoctor,
        #SearchDentist,
        #SearchClinic,
        #SearchVacancies {
            margin-bottom: 0px;
        }
    }

    .CovidBlockWrapper {
        padding: 40px;
        width: 100%;
    }

        .CovidBlockWrapper h2 {
            width: 100%;
        }

        .CovidBlockWrapper .CovidStats .StatBlock {
            display: block;
            padding-left: 0px;
            margin-bottom: 20px;
        }

            .CovidBlockWrapper .CovidStats .StatBlock .number {
                text-align: left;
                margin-top: 15px;
            }

        .CovidBlockWrapper .WebsiteWrapper .StatsLogo, .CovidBlockWrapper .WebsiteWrapper .WebsiteLink {
            width: 100%;
            display: block;
            padding-left: 0px;
        }

        .CovidBlockWrapper .WebsiteWrapper .WebsiteLink {
            margin-top: 30px
        }

            .CovidBlockWrapper .WebsiteWrapper .WebsiteLink a {
                margin-top: 10px;
            }

    #BigSlider.CovidSlider {
        height: 900px;
    }

    #AppointmedForm .steps .stepTitleMobile {
        font-size: 20px;
        width: 100%;
    }

    #AppointmedForm > .content > .body h4.HeadingPlus {
        text-align: left;
        padding-left: 28px;
        font-size: 12px !important;
        letter-spacing: 0.15em;
        margin-top: 20px !important;
        width: 100%;
        background-size: 16px;
    }


    #AppointmedForm > .content {
        width: 100% !important;
        margin: 0 !important;
    }

        #AppointmedForm > .content > .body h2 {
            margin-bottom: 10px;
        }

        #AppointmedForm > .content > .body button {
            width: 100%;
        }


        #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #1D3443 !important;
            padding-left: 15px;
            line-height: 20px;
            font-size: 15px;
            vertical-align: text-top;
            width: 80%;
        }



        #AppointmedForm > .content > .body .select2-container--default .select2-selection--single,
        #AppointmedForm > .content > .body select,
        #AppointmedForm > .content > .body input
        /*,#AppointmedForm > .content > .body textarea*/ {
            font-size: 14px;
            padding-left: 10px !important;
        }

        #AppointmedForm > .content > .body .inputWrapper.Username {
            height: 55px;
        }

        #AppointmedForm > .content > .body .inputWrapper.Username {
            height: 55px;
        }

        #AppointmedForm > .content > .body label.inputLabel {
            font-size: 15px;
            width: 65%;
        }

    #AppointmedForm .please-note {
        padding: 11px 10px;
        background-size: 30px 30px;
        background-position: 12px 11px;
        padding-left: 53px;
        font-size: 14px;
        margin-bottom: 10px;
    }

        #AppointmedForm .please-note.please-note-discipline {
            background-position: 11px 6px;
        }

    #AppointmedForm > .content > .body input::placeholder,
    #AppointmedForm > .content > .body textarea::placeholder,
    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 15px;
    }

    #AppointmedForm .please-note.please-note.incomplete-profile-notice {
        padding-right: 10px;
    }

    #AppointmedForm > .content > .body .intl-tel-input.allow-dropdown .flag-container,
    #AppointmedForm .intl-tel-input.separate-dial-code .flag-container {
        padding-left: 0px !important;
        margin-left: -10px;
    }

    #AppointmedForm > .content > .body label.inputLabel {
        margin-left: 18px !important;
        margin-right: 10px !important;
    }

    #AppointmedForm > .content > .body {
        padding: 40px !important;
    }


    #AppointmedForm .SpecialistDetail p {
        padding: 5px 5px;
        margin-left: 25px;
    }

    #AppointmedForm > .content > .body h2 {
        margin-left: 25px;
    }

    #AppointmedForm .VoucherBlock {
        width: 100%;
        margin: 0;
    }

    #AppointmedForm p {
        margin-left: 10px;
        margin-right: 5px;
    }

    #AppointmedForm .NetCarePlus a {
        margin-left: 10px !important;
    }

    #AppointmedForm section .SectionButtons {
        margin-top: 10px;
    }

    #AppointmedForm > .content > #AppointmedForm-p-4 {
        height: 880px !important;
    }


    .AppointmedFormImageMobile {
        width: 100%;
        margin-left: 0px;
    }

    /*-- Netcare Plus --*/

    .NetcarePlusSlider {
        height: 710px !important;
    }

    .NetcarePlusWrapper {
    }

        .NetcarePlusWrapper .IconWrapper {
            margin-left: -10%;
        }

            .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
                padding: 0px;
                margin: 10px 0;
            }
            /*Added form 3 blocks content NetcarePlus*/
            .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
                width: 60%;
            }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 38px;
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 12px;
    }

    #BigSlider .NetcarePlusSlider {
        height: 700px;
    }

    .TermAndConditions .ContentUnderPlus {
        margin-left: 10px;
    }

    #TermAndConditionsBlueLink {
        margin-left: 10px;
    }

    .TermAndConditions .termsList {
        line-height: 24px;
        margin-left: 28px;
    }

    .SpecialistPlusWrapper .TownContainer {
        margin-top: 15px;
    }

    .FilterWrapperPlus {
        margin-top: 0px;
    }

    .SpecialistPlusWrapper label {
        margin-bottom: 10px !important;
    }

    .IconWrapper .ValueItemInner .heading#headingDesktop {
        display: none;
    }

    .IconWrapper .ValueItemInner .heading#headingMobile {
        display: block;
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 32%;
        padding: 5px 32px;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 125px;
        height: 125px;
        margin-right: 0px;
    }

    .AppointmentBoxes .box1 {
        margin-right: 10px;
    }

    .AppointmentHours {
        display: inline-block;
        padding-top: 5px;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        display: inline;
        margin-left: 28%;
    }

    .AppointmedLink {
        background-position: 100% !important;
    }

    .AppointmentBoxes .box3 {
        width: 125px;
        height: 115px;
        display: flex;
        margin-left: 53%;
        margin-top: 15px;
        opacity: 0.1;
        z-index: -1;
    }

    .HoursWrapper {
        padding-bottom: 0px;
    }

    .AppointmentBannerMobile img, .NetcarePlusBannerMobileTop img {
        display: block;
        width: 100%;
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
        font-size: 50px;
        margin-bottom: 35px;
        width: 75%;
    }

    .AppointmentBannerText {
        margin-top: -265px;
    }

    .NetcarePlusBannerText {
        margin-top: -48%;
        top: -185px;
    }

    .AppointmentHours p:nth-child(2),
    .AppointmentHours p:nth-child(3) {
        font-size: 20px !important;
    }

    #AppointMedNew p {
        font-size: 16px;
    }


    .LogoBoxes img {
        margin-top: 40px;
    }

    .LogoTextAppointmed {
        margin-top: 65px;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 405px;
        margin: 60px 32px 20px;
    }

        #AppointMedSlider .SlideText p,
        #NetcarePlusReviewSlider .SlideText p {
            padding: 0px 15px 0px 15px;
            font-size: 16px;
        }

        #AppointMedSlider .SlideText,
        #NetcarePlusReviewSlider .SlideText {
            padding: 12px 45px 12px;
            margin: 5px;
        }

    #AppointMedSliderNav,
    #NetcarePlusSliderNav {
        height: 35px;
    }

        #AppointMedSliderNav .dots,
        #NetcarePlusSliderNav .dots {
            bottom: 25px !important;
        }

    #AppointMedSlider .slick-slide.slick-current .SlideText,
    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background-size: 15%;
    }

    #AppointMedSlider .SlideText h6,
    #NetcarePlusReviewSlider .SlideText h6 {
        margin-bottom: 5px;
    }

    #AppointMedSlider .slick-slide,
    #NetcarePlusReviewSlider .slick-slide {
        transform: scale(0.8);
    }

    .CarouselText p {
        padding-left: 30px;
        padding-right: 30px;
        text-align: initial !important;
    }

    .AppointmentImg img, .NetcarePlusImg img {
        margin-top: -85px;
    }

    .NetcarePlusImg img {
        margin-top: 10px;
    }

    .AppointmentLogoMobile img, .NetcarePlusLogoMobile img {
        width: 55%;
    }

    .NetcarePlusBannerText p {
        margin-bottom: 10px;
    }

    .NetcarePlusCarousel {
        padding-bottom: 30px;
    }

    .FilterWrapperPlus .DoctorsNameContainer input::placeholder {
        font-size: 16px;
    }
    #Specialist .SpecialistWrapperPlus .SpecialistRow .name {
        
        border-bottom: solid 1px #dfdfdf !important;
        color: #1d3443;
    }

        #Specialist .SpecialistWrapperPlus .SpecialistRow .name span {
            font-family: 'Open Sans Bold';
            font-size: 16px;
        }
        #Specialist .SpecialistWrapperPlus .SpecialistRow .name > footer span{
            font-family: 'Open Sans Light';
            font-size: 14px;
        }


    #Specialist .SpecialistWrapperPlus .SpecialistRow #institution {
        border-bottom: solid 1px #dfdfdf !important;
        margin: 15px 0px;
    }
            
        #Specialist .SpecialistWrapperPlus .SpecialistRow #institution > a div {
            font-size: 16px !important;
            opacity: 0.5;
            color: #1d3443;
        }



            #Specialist .SpecialistWrapperPlus .SpecialistRow .ContactNumber a {
                color: #1d3443 !important;
                font-family: 'Open Sans Semi-Bold';
                background: url(../images/BlueArrow.svg) no-repeat right center;
                padding-right: 20px;
                font-size: 16px !important;
            }

    #Specialist .SpecialistsWrapper.SpecialistWrapperPlus .SpecialistRow:first-child {
        display: none;
    }

    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2 {
        font-size: 35px;
    }

}

/*----  700  ----*/
@media(max-width: 700px) {


    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 13px;
    }
    /*Added only form 3 blocks content NetcarePlus*/
    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        width: 68%;
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 34px;
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 13px;
    }

    .reseach-article-img {
        margin-left: 10px !important;
    }

    #AppointmedForm > .content > .body {
        padding: 25px !important;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 120px;
        height: 115px;
    }

    .AppointmentBoxes .box3 {
        width: 120px;
    }

    .AppointmentHours, .AppointmentLogoMobile {
        padding-left: 20px;
    }

    .AppointMedContentWrapper,
    .NetcarePlusContentWrapper {
        margin: 0;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 27%;
    }

    .BannerTextAppointMed {
        width: 80%;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 395px;
        margin: 60px 32px 20px;
    }

        #AppointMedSlider .SlideText,
        #NetcarePlusReviewSlider .SlideText {
            padding: 5px 25px 12px;
            margin: 5px;
        }

            #AppointMedSlider .SlideText p,
            #NetcarePlusReviewSlider .SlideText p {
                padding: 0px 30px 0px 30px;
                font-size: 15px;
            }

            #AppointMedSlider .SlideText h6,
            #NetcarePlusReviewSlider .SlideText h6 {
                font-size: 18px;
            }

        #AppointMedSlider .slick-slide.slick-current .SlideText p,
        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p {
            margin-top: 90px;
        }

        #AppointMedSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 8%;
        }

        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 8%;
        }

        #AppointMedSlider .slick-slide.slick-current .SlideText,
        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
            background-size: 15%;
        }

    .AppointmentCarouselHeading h2,
    .NetcarePlusCarouselHeading h2 {
        font-size: 40px;
        margin-bottom: 15px;
    }


    /*NetcarePlus redesign*/
    .InfoSectionLeft .LightbluePlus {
        font-size: 57px;
    }
}
/*----  600  ----*/

@media (max-width: 675px) {

    .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
        font-size: 45px;
        margin-bottom: 30px;
        width: 75%;
    }

    .AppointmentBannerText {
        margin-top: -240px;
    }

    .AppointmentCarouselHeading {
        margin-left: 5px;
    }

    .NetcarePlusCarouselHeading {
        margin-left: 10px;
    }

    .NetcarePlusBannerText {
        margin-top: -53%;
        top: -150px;
    }

    .AppointmentCarousel, .NetcarePlusCarousel {
        margin-top: 30px;
    }

    /*NetcarePlus Redesign*/
    .InfoCard1, .InfoCard2 {
        width: 87%;
        padding-left: 6%;
    }

        .InfoCard1 .InfoCardsImage, .InfoCard2 .InfoCardsImage {
            background-size: 20%;
            margin-bottom: 7%;
        }

        .InfoCard1:hover .InfoCardsImage, .InfoCard2:hover .InfoCardsImage {
            background-size: 20%;
            margin-bottom: 7%;
        }

        

         
}

@media(max-width: 653px) {

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(1),
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(3),
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(5) {
        margin-right: 18px !important;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(2),
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(4),
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(6) {
        margin-right: 0px !important;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        width: 48% !important;
    }
}

@media(max-width: 635px) {

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
        margin-bottom: 12px;
    }

    #AppointmedForm section .SectionButtons {
        bottom: 0;
    }
}

@media (max-width: 600px) {
    #NetcareSlider {
        background-position-y: 219px;
    }

    .LinkBlock {
        min-height: 340px;
        padding: 25px;
        margin-bottom: 0px;
    }

        .LinkBlock .StrapLine {
            font-size: 12px;
            line-height: 16px;
        }

        .LinkBlock .Text {
            font-size: 12px;
            line-height: 16px;
        }

    .ActionLinks .ActionLinkItem a {
        padding: 20px;
    }

        .ActionLinks .ActionLinkItem a:hover {
            padding: 40px 15px;
        }

        .ActionLinks .ActionLinkItem a .text {
            font-size: 12px;
            line-height: 14px;
        }

    .PeachPlus, .BluePlus, .CovidBlockWrapper h2, .LightBluePlus {
        background-size: 15px;
        padding-left: 17px;
        padding-top: 7px;
        font-size: 35px;
        line-height: 40px;
        /* margin-left: -17px; */
    }

    .ContentUnderPlus {
        margin-left: 17px;
    }

    #BigSlider .BigSlide .Content {
        padding: 35px;
    }

    .BigSliderBlock .Slider {
        top: 30%;
        height: auto;
    }

    #BigSlider .BigSlide .Content h2 {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 11px;
        background-size: 15px;
        font-size: 40px;
        line-height: 45px;
    }

    #BigSlider .BigSlide .Image .LogoImg.Appointmed {
        width: 35%;
        padding: 10px;
    }

    #BigSlider .BigSlide .Image .LogoImg.RenalCare {
        width: 30%;
    }

    #BigSlider .BigSlide .Image .LogoImg.Medicross {
        width: 23%;
        padding: 1px 3px;
    }

    #BigSlider .BigSlide .Image .LogoImg.Netcare {
        width: 23%;
        padding: 3px 3px;
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 31%;
        padding: 7px 28px;
    }

    #BigSlider .BigSlide .Image .LogoImg.WHO {
        width: 35%;
        padding: 10px;
    }

    .btn-primary {
        display: block;
    }

        .btn-primary.ContentUnderPlus {
            margin-left: 0px;
        }

    #NewsSlider .NewsSlide .Heading,
    #MediaSlider .MediaSlide .Heading,
    #ResearchSlider .ResearchSlide .Heading {
        font-weight: bold;
    }

    .VideoText h2, .GpVoucherText h2, .ComplexBanner .left-box .wrapper .ThinPlus, .CovidBanner .BannerText h2 {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 6px;
        font-size: 35px;
        line-height: 40px;
        background-size: 15px;
    }

    .ComplexBanner.Content .left-box .wrapper .ThinPlus {
        margin-left: -14px;
        padding-left: 14px;
        padding-top: 4px;
    }

    .VideoText h2, .GpVoucherText h2, .ComplexBanner .left-box .wrapper .TitleText {
        font-size: 35px;
        line-height: 40px;
    }

    img.thumb-image {
        width: 21%;
    }

    p#playVid {
        width: 77%;
        vertical-align: middle;
        padding-left: 15px;
    }

    .BigSliderBlock {
        height: 500px;
    }

    .SmallSliderBlock .Slider {
        height: 300px;
    }

    .BigSliderBlock .Slider {
        top: 30%;
        /* height: 300px; */
    }


        .BigSliderBlock .Slider .Wrap .inner .arrowcontainer, .SmallSliderBlock .Slider .Wrap .inner .arrowcontainer {
            display: none;
        }

        .BigSliderBlock .Slider .Wrap .inner .readmorecontainer, .SmallSliderBlock .Slider .Wrap .inner .readmorecontainer {
            display: block;
        }

        .SmallSliderBlock .Slider .Wrap .inner, .BigSliderBlock .Slider .Wrap .inner {
            padding: 15px;
        }

            .SmallSliderBlock .Slider .Wrap .inner h3, .BigSliderBlock .Slider .Wrap .inner h3 {
                font-size: 20px;
                line-height: 27px;
                font-weight: bold;
            }

            .SmallSliderBlock .Slider .Wrap .inner a, .BigSliderBlock .Slider .Wrap .inner .subheading {
                font-size: 14px;
            }

            .SmallSliderBlock .Slider .Wrap .inner p, .BigSliderBlock .Slider .Wrap .inner p {
                font-size: 14px;
                line-height: 20px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }


    .Logos {
        text-align: center;
        height: auto;
    }

        .Logos .LogoItem {
            width: 30%;
            margin-top: 20px;
            height: auto;
        }

        .Logos .wrapping {
            display: block;
        }


    .LogoLine .LineText {
        width: 100%;
    }



    .LogoLine .LogoText {
        width: 100%;
        margin-left: 0;
        margin-top: 0px;
    }

    .patient-nav {
        width: 96% !important;
    }
    /*Tables Responsive*/

    .ResponsiveTable .TableHead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .ResponsiveTable .TableRow {
        display: block !important;
        margin-bottom: 40px;
        width: 100%;
    }

        .ResponsiveTable .TableRow > div {
            display: block !important;
            text-align: right;
        }

            .ResponsiveTable .TableRow > div::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                color: #1D3443;
            }

    .ResponsiveTable table td:last-child {
        padding: 20px 10px;
        border-bottom: 0;
    }

    #NewsSlider .NewsSlide .GoldLink,
    #MediaSlider .MediaSlide .GoldLink,
    #ResearchSlider .ResearchSlide .GoldLink {
        bottom: 20%;
    }

    .IconWrapper {
        margin-left: -10%;
    }

        .IconWrapper .ValueItemInner .heading {
            width: auto !important;
            padding: 0 10px;
        }

    .AppointmedMapContainer h2, .AppointmedMapContainer > p, .Facilities, .CarouselHeading {
        margin-left: 15px;
    }

    .AppointmedWrapper {
        margin-left: 15px;
    }

        .AppointmedMapContainer h2, .CarouselHeading h2, .AppointmedWrapper h2, .NetcarePlusWrapper h2 {
            font-size: 35px;
            line-height: 40px;
        }



    .SharePriceTicker {
        width: 100%;
    }

        .SharePriceTicker span {
            font-size: 20px;
            line-height: 23px;
        }

    .CovidBanner .BannerText {
        padding-bottom: 10%;
    }

        .CovidBanner .BannerText > a {
            width: 100%;
            text-align: center;
        }

        .CovidBanner .BannerText > p {
            width: 100%;
        }

    .CovidBlockWrapper .CovidStats .StatBlock .heading {
        line-height: 21px;
        font-size: 14px;
    }

    .CovidBlockWrapper .CovidStats .StatBlock .number {
        font-size: 40px;
        line-height: 49px;
    }

    .CovidVideoHeading p, .CovidVideoHeading a {
        margin-left: 17px;
    }

    .CovidContent h2 {
        width: 100%;
    }

    .ImportantTextUppercase {
        font-size: 16px;
        line-height: 22px;
    }

    .ImportantText {
        font-size: 16px;
        line-height: 22px;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group {
        justify-content: right;
    }

        #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox {
            margin-right: 20px !important;
            margin-bottom: 15px !important;
        }

    #AppointmedForm > .content > .body {
        padding: 20px !important;
    }

        #AppointmedForm > .content > .body > .SpecialistDetail,
        #AppointmedForm > .content > .body > .NetCarePlus,
        #AppointmedForm > .content > .body > .BookingDetail,
        #AppointmedForm > .content > .body > .PersonalDetail,
        #AppointmedForm > .content > .body > .MedicalAid {
            background-size: 4%;
        }

    #AppointmedForm .SpecialistDetail p {
        font-size: 14px;
    }

    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 15px;
    }

    #AppointmedForm > .content > .body textarea {
        font-size: 13px;
        padding: 20px 55px 10px 10px;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group {
        display: inline-block;
        justify-content: center;
    }

    #AppointmedForm > .content > .body label.inputLabel {
        width: 100%;
    }

    #AppointmedForm p {
        margin-right: 18px;
    }

    #AppointmedForm > .content > .body h2 {
        margin-bottom: 4px;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox > input {
        display: block;
        margin-left: -12px;
        margin-right: -8px;
    }

    #AppointmedForm > .content > .body label.inputLabels {
        font-size: 14px;
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        font-size: 15px;
    }

    #AppointmedForm .AppointmedFormRadioButtons label {
        min-width: 47% !important;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(1),
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(3),
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(5) {
        margin-right: 12px !important;
    }

    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(2),
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(4),
    #AppointmedForm > .content > .body .Weekdays.btn-group .btn-checkbox:nth-child(6) {
        float: right;
    }

    #AppointmedForm .HeadingPlus {
        margin-left: -5px !important;
        padding-left: 15px !important;
        background-size: 15px;
        padding-top: 8px !important;
    }

    /*--- Netcare Plus  ----*/

    .NetcarePlusSlider {
        margin-bottom: 50px !important;
        height: 590px !important;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 110px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-top: 5px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        /*Used when having 2 blocks on NetcarePlus
        margin: 0 51px;
        Used when having 3 blocks on NetcarePlus*/
        margin: 0 10px;
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 27px;
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 12px;
    }

    #FAQ_Accordion {
        margin-left: 5px;
    }

    .TermAndConditions .termsList {
        line-height: 24px;
        margin-left: 30px;
    }

    .FAQWrapper .BlueLink {
        margin-left: 5px;
    }

    #BigSlider .NetcarePlusSlider {
        height: 630px;
    }

    #ReviewSlider .SlideText {
        padding: 30px;
        background-size: 20%;
        background-position-y: 7%;
        background-position-x: 90%;
    }

        #ReviewSlider .SlideText h2 {
            font-size: 25px;
            line-height: 30px;
        }

        #ReviewSlider .SlideText h6 {
            font-size: 16px;
        }

        #ReviewSlider .SlideText p {
            font-size: 16px;
            line-height: 24px;
        }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(4) {
        margin-right: 0px !important;
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label {
        min-width: 47% !important;
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar {
        display: inline-table;
        width: 100%;
    }

        #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
            margin-right: 25px !important;
            margin-bottom: 15px;
        }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 115px;
        height: 115px;
    }

    .AppointmentBoxes .box3 {
        width: 115px;
        height: 100px;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 24%;
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
        font-size: 42px;
        margin-bottom: 15px;
        width: 90%;
        line-height: 46px;
    }

    .btn-primary.AppointmentPurchase, .ANMobile {
        height: 48px;
        margin-top: 10px;
        width: 100%;
    }

    .AppointmentBannerText {
        margin-top: -215px;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 395px;
        margin: 60px 32px 20px;
    }

        #AppointMedSlider .SlideText,
        #NetcarePlusReviewSlider .SlideText {
            padding: 6px 5px 12px;
            margin: 5px;
        }

            #AppointMedSlider .SlideText p,
            #NetcarePlusReviewSlider .SlideText p {
                padding: 0px 40px 0px 40px;
                font-size: 14px;
                line-height: 25px;
            }

        #AppointMedSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 8%;
            background-size: 15%;
        }

        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 8%;
            background-size: 15%;
        }

        #AppointMedSlider .SlideText h6,
        #NetcarePlusReviewSlider .SlideText h6 {
            font-size: 16px;
        }

    .AppointmentCarouselHeading h2,
    .NetcarePlusCarouselHeading h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .AppointmentImg img {
        margin-top: -70px;
    }


    .AppointBlockTwo {
        margin-top: 30px;
    }

    .NetcarePlusBannerText {
        margin-top: -55%;
        top: -100px;
    }


    /*NetcarePlus redesign*/
    .InfoSectionLeft {
        width: 95%;
    }

    .InfoCard1, .InfoCard2 {
        /*width: 90%;*/
        height: 250px;
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 50px;
        line-height: 120%;
    }

    .NetcarePlusLogoMobile img {
        width: 45%;
    }

    .NetcarePlusBlockTwo {
        margin-top: 20px;
    }

    .NetcarePlusBannerText p {
        font-size: 18px;
        margin-bottom: 18px;
        line-height: 22px;
    }


    .InfoSectionLeft p {
        font-size: 18px !important;
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 32px !important;
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px !important;
    }

    .NetcarePlusCarousel .ContentUnderPlus.TextMiddle p {
        text-align: left;
        margin-left: 12px;
        width: 95%;
    }
}

/*----  500  ----*/
@media (max-width: 550px) {

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 24%;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 405px;
        margin: 50px 10px 5px;
    }

        #AppointMedSlider .SlideText,
        #NetcarePlusReviewSlider .SlideText {
            padding: 6px 40px 8px 50px;
            margin: 5px;
        }

            #AppointMedSlider .SlideText p,
            #NetcarePlusReviewSlider .SlideText p {
                padding: 0px 40px 0px 40px;
                font-size: 14px;
                line-height: 25px;
            }

        #AppointMedSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 10%;
            background-size: 15%;
        }

        #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
            background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 10%;
            background-size: 15%;
        }

    .NetcarePlusBannerText {
        margin-top: -44%;
    }


    /*NetcarePlus redesign*/
    .InfoCard1, .InfoCard2 {
        margin: 35px;
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 50px;
    }

    .InfoSectionLeft p {
        font-size: 18px;
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 32px;
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px;
    }
}

@media (max-width: 500px) {

    .AppointmedTooltipmodal-content {
        width: 70%;
    }


    #NetcareSlider {
        background-position-y: 176px;
    }


    .listing-columns {
        -moz-column-count: 1;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
    }

    .SmallSliderBlock .Slider .Tag, .BigSliderBlock .Slider .Tag {
        font-size: 12px;
    }


    #BigSlider.CovidSlider .BigSlide .Content {
        padding: 20px;
    }

    /*--- Netcare Plus ---*/


    .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon {
        min-height: 35px;
        width: 70px;
    }

        .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon img {
            width: 49px;
        }

        .NetcarePlusWrapper .IconWrapper .ValueItemInner .icon .peachblock {
            top: 23%;
            height: 15px;
        }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 12px; /*13px when 2 blocks*/
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        font-size: 16px;
        margin: 0px;
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 22px;
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 9px;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 100px;
        height: 105px;
    }

    .AppointmentBoxes .box3 {
        width: 100px;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 15%;
    }

    .btn-primary.AppointmentPurchase, .ANMobile {
        margin-top: 40px;
    }

    .AppointmedLogoTitle {
        padding-top: 0px !important;
    }

        .AppointmedLogoTitle p {
            margin-top: 60px;
            padding: 0;
        }

    .AppointmentBannerText {
        margin-top: -180px;
    }

    .NetcarePlusBannerText {
        margin-top: -60%;
        top: -70px;
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText p,
    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p {
        margin-top: 80px;
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 8%;
        background-size: 14%;
    }

    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 8%;
        background-size: 14%;
    }

    #AppointMedSlider .SlideText p,
    #NetcarePlusReviewSlider .SlideText p {
        padding: 0px 30px 0px 30px;
    }


    /*NetcarePlus redesign*/
    
    .InfoSectionLeft .LightbluePlus {
        font-size: 48px;
    }

    .InfoSectionLeft p {
        font-size: 18px;
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 28px !important;
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px;
    }

    .InfoCard1 .InfoCardsImage, .InfoCard2 .InfoCardsImage {
        background-size: 25%;
        margin-bottom: 7%;
    }

    .InfoCard1:hover .InfoCardsImage, .InfoCard2:hover .InfoCardsImage {
        background-size: 25%;
        margin-bottom: 7%;
    }

    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText h2 {
        font-size: 30px;
    }
}

/*----  480  ----*/
@media (max-width: 480px) {

    #NetcareSlider {
        background-position-y: 150px;
    }

    #share-graph-filtering span {
        text-align: center;
        font-size: 12px;
    }

    #TrainingProgrammes .hidden-fields {
        display: block;
    }

    /* Group Profile */
    .blue-icon-box {
        width: 100% !important;
    }

        .blue-icon-box h2 {
            font-size: 46px;
        }
    /* Divisions & Complimentary Business */
    .third-nr-box {
        width: 100% !important;
    }

    .LogoLine .LineText {
        padding: 0px;
    }

    .CoverAIRContainer img {
        width: 70%;
    }

    h4.AIRSsubHeading {
        width: 70%;
    }

    .BigSliderBlock {
        height: 400px;
    }

    #NewsSlider .NewsSlide, #MediaSlider .MediaSlide, #ResearchSlider .ResearchSlide {
        padding: 35px;
    }

        #NewsSlider .NewsSlide .GoldLink,
        #MediaSlider .MediaSlide .GoldLink,
        #ResearchSlider .ResearchSlide .GoldLink {
            bottom: 12%;
        }

    .videoHeading h2.PeachPlus.HeadingMiddle {
        padding-right: 18%;
    }

    .ActionLinks .ActionLinkItem a .text {
        padding: 15px 0px;
    }

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 34%;
        padding: 5px 24px;
    }

    .AppointmentHours p:first-child {
        font-size: 14px;
    }

    .AppointmentHours p {
        font-size: 19px
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 100px;
        height: 105px;
    }

    .AppointmentBoxes .box3 {
        width: 100px;
    }

    .btn-primary.AppointmentPurchase, .ANMobile {
        margin-top: 0px;
    }

    /*NetcarePlus redesign*/
    
    .InfoSectionLeft .LightbluePlus {
        font-size: 42px;
    }

    .InfoSectionLeft p {
        font-size: 18px;
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 32px;
    }

    .NetcarePlusBannerText {
        margin-top: -76%;
        top: -15px;
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px;
    }



    
}

/*----  460  ----*/
@media(max-width: 460px) {
    .TermAndConditions .PeachPlus.HeadingMiddle {
        margin: 0;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 100px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-bottom: 5px;
        font-size: 11px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        font-size: 14px;
        margin: 0px;
    }

    #AppointmedForm .VoucherBlock {
        padding: 6px 28px 6px 20px;
    }

    #AppointmedForm .SpecialistDetail p {
        margin-bottom: 15px;
    }

    #AppointmedForm > .content > .body textarea {
        padding: 10px 16px 30px 10px;
    }

    #AppointmedForm .NetCarePlus a {
        font-size: 14px;
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
        margin-right: 20px !important;
    }

    #AppointmedForm > .content > .body .SectionButtons .form-group {
        margin-bottom: 5px;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 90px;
        height: 90px;
    }

    .AppointmentBoxes .box3 {
        width: 90px;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 13%;
    }

    .FindHealthCare {
        font-size: 16px;
        margin-left: 5%;
        padding-left: 44px;
        padding-right: 25px;
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
        font-size: 37px;
    }

    .AppointmentBannerText p, .NetcarePlusBannerText p {
        font-size: 20px;
    }

    .btn-primary.AppointmentPurchase, .ANMobile {
        margin-top: 20px;
    }

    .AppointmentBannerText {
        margin-top: -160px;
    }

    .NetcarePlusBannerText {
        margin-top: -73%;
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText p,
    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText p {
        margin-top: 80px;
    }

    #AppointMedSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/AppointMedQuotes.svg) no-repeat 48% 12%;
        background-size: 14%;
    }

    #NetcarePlusReviewSlider .slick-slide.slick-current .SlideText {
        background: url(../images/icons/CarouselQuotesLightBlue.svg) no-repeat 48% 12%;
        background-size: 14%;
    }

    #AppointMedSlider .SlideText p,
    #NetcarePlusReviewSlider .SlideText p {
        padding: 0px 30px 0px 30px;
        font-size: 12px;
        line-height: 23px;
    }

    #AppointMedSlider .SlideText,
    #NetcarePlusReviewSlider .SlideText {
        padding: 6px 30px 8px 40px;
        margin: 5px;
    }

    /*NetcarePlus redesign*/
    /*.InfoCard1, .InfoCard2 {
        width: 90%;
        margin: 35px;
    }*/
    .InfoSectionLeft .LightbluePlus {
        font-size: 42px;
    }

    .InfoSectionLeft p {
        font-size: 16px;
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 32px;
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 16px;
    }
}

@media(max-width: 430px) {

    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single,
    #AppointmedForm > .content > .body select,
    #AppointmedForm > .content > .body input {
        padding-left: 5px !important;
    }

    .NetcarePlusBannerText {
        top: -45px;
    }

        .NetcarePlusBannerText p {
            font-size: 16px !important;
        }

        .NetcarePlusBannerText h2 {
            width: 100% !important;
        }

    /*NetcarePlus redesign*/
    .InfoCard1, .InfoCard2 {
        width: 85%;
        margin: 30px;
        height: 230px;
        padding-top: 25px;
    }

    .InfoSectionLeft .LightbluePlus {
        font-size: 35px;
    }

    .InfoSectionLeft p {
        font-size: 16px !important;
    }

    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 24px !important;
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 14px !important;
    }
}

@media(max-width: 415px) {

    .AppointmentBannerText {
        margin-top: -152px;
    }

    .AppointmedBanner .DesktopImage {
        display: none;
    }

    .AppointmedBanner .MobileImage {
        display: block;
    }
}

/*----  400  ----*/
@media (max-width: 400px) {

    #NetcareSlider {
        background-position-y: 115px;
    }
    /*-- Netcare Plus --*/

    .SpecialistPlusWrapper table td label {
        min-width: 300px !important;
        margin-left: 0px !important;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItem:not(:last-child):after {
        height: 90px;
        right: 0px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        margin-bottom: 5px;
        /*when having 2 blocks*/
        /*font-size: 11px;*/
        /*when having 3 blocks*/
        font-size: 9px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        /*when having 2 blocks temp*/
        /*font-size: 14px;
        margin: 0px 20px;*/
        /*when having 3 blocks*/
        font-size: 11px;
        margin: 0px 5px;
    }

    .NetcarePlusBanner .BannerText .BannerPlus {
        font-size: 17px;
    }

    .NetcarePlusBanner .BannerText .BannerPlusInfo {
        font-size: 8px;
    }

    #AppointmedForm > .content > .body label.inputLabels {
        margin: 13px 5px 15px 10px !important;
    }

    #AppointmedForm > .content > .body label.inputLabels {
        width: 60%;
    }

    #AppointmedForm > .content > .body .select2-container--default .select2-selection--single,
    #AppointmedForm > .content > .body select,
    #AppointmedForm > .content > .body input {
        padding-left: 0px !important;
    }

    #AppointmedForm > .content > .body {
        padding: 15px !important;
    }

    #AppointmedForm .NetCarePlus a {
        padding-right: 20px;
    }

    #AppointmedForm p {
        font-size: 13px;
        margin-right: 10px;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 80px;
        height: 80px;
    }

    .AppointmentBoxes .box3 {
        width: 82px;
        height: 80px;
    }

    .AppointmentHours p:first-child {
        font-size: 13px;
    }

    .AppointmentHours p {
        font-size: 17px
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 5%;
    }

    .AppointmentBannerText h2, .NetcarePlusBannerText h2 {
        margin-bottom: 20px;
        width: 100%;
    }

    .AppointmentBannerText p {
        margin-bottom: 10px;
        font-size: 16px;
    }


    #AppointMedSlider .SlideText p,
    #NetcarePlusReviewSlider .SlideText p {
        padding: 0px 30px 0px 30px;
    }

    #AppointMedSlider .SlideText,
    #NetcarePlusReviewSlider .SlideText {
        padding: 1px 25px 8px 25px;
        margin: 5px;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 400px;
        margin: 50px 5px 5px;
    }

    .AppointmentCarouselHeading h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .AppointmentImg img {
        margin-top: -55px;
    }


    /*NetcarePlus redesign*/
    .InfoCard1, .InfoCard2 {
        height: 200px;
    }

    .NetcarePlusBannerText {
        top: 8px;
        margin-top: -80%;
    }

}

@media(max-width: 387px) {

    .NetcarePlusBannerText {
        top: 35px;
        margin-top: -95%;
    }
}

@media(max-width: 375px) {

    #AppointmedForm .NetCarePlus a {
        font-size: 13px;
    }

    #AppointmedForm #ConsultationTypeRadioButtons .radio-toolbar label:nth-child(2) {
        margin-right: 15px !important;
    }

   
    /*NetcarePlus redesign*/
    .InfoCard1 h3, .InfoCard2 h3 {
        font-size: 21px !important;
        margin-bottom: 5px;
    }

    .InfoCard1 .InfocardText, .InfoCard2 .InfocardText {
        font-size: 14px !important;
    }
}

/*----  360  ----*/
@media (max-width: 360px) {

    /* Group Profile */
    .blue-icon-box {
        width: 100% !important;
    }

        .blue-icon-box h2 {
            font-size: 36px !important;
        }

        .blue-icon-box p {
            font-size: 20px;
        }

        .blue-icon-box .icon img {
            float: right;
            padding: 2px;
            width: 100%;
            height: auto;
        }

    /* Divisions  & Complimentary Business */
    .third-nr-box {
        width: 100% !important;
    }

    .CoverAIRContainer img {
        width: 80%;
    }

    h4.AIRSsubHeading {
        width: 75%;
    }

    .LineHeader {
        height: 70px;
    }

    .BigSliderBlock {
        height: 420px;
    }

    .videoHeading h2.PeachPlus.HeadingMiddle {
        padding-right: 5%;
    }

    .LiveForm .Radiobutton table td label {
        padding: 13px 45px !important;
        font-size: 14px !important;
    }

    /*-- Netcare Plus --*/

    #BigSlider .BigSlide .Image .LogoImg.NetcarePlus {
        width: 41%;
        padding: 4px 23px;
    }

    .SpecialistPlusWrapper table td label {
        font-size: 13px !important;
        min-width: 135px !important
    }

    .SpecialistPlusWrapper table tr td:nth-child(2) {
        padding-left: 18px !important;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        margin: 0px;
    }

    .AppointmentBoxes .box1,
    .AppointmentBoxes .box2 {
        width: 55px;
        height: 55px;
    }

    .AppointmentBoxes .box3 {
        width: 53px;
        height: 55px;
        margin-left: 57%;
    }

    .btn-primary.btnAppointment,
    .btn-primary.btnBuyVoucher {
        font-size: 14px;
    }

    .AppoinmentCall, .AppointmedLink, .FindHealthCare {
        margin-left: 15%;
    }

    .AppoinmentCall, .AppointmedLink {
        margin: 0;
        padding-left: 25px;
    }

    .FindHealthCare {
        margin: 0;
    }

    .AppointmentCarouselHeading h2,
    .NetcarePlusCarouselHeading h2 {
        font-size: 32px;
    }

    #AppointMedSlider,
    #NetcarePlusReviewSlider {
        height: 435px;
        margin: 50px 5px 15px;
    }

    .AppointmentImg img {
        margin-top: -38px;
    }

    .NetcarePlusBannerText h2 {
        font-size: 30px;
    }

    .NetcarePlusBannerText {
        top: 20px;
        margin-top: -92%;
    }

    /*NetcarePlus redesign*/
    .InfoCard1, .InfoCard2 {
        height: 185px;
        margin: 25px;
    }

    .InfoSectionLeft {
        width: 100%;
    }

        .InfoSectionLeft .LightbluePlus {
            font-size: 32px;
        }



}

/*----  330  ----*/
@media(max-width: 330px) {
    .NetcarePlusSlider {
        height: 580px !important;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .action {
        font-size: 8px;
    }

    .NetcarePlusWrapper .IconWrapper .ValueItemInner .heading {
        margin: 0px;
        font-size: 10px;
    }

    .NetcarePlusWrapper p {
        padding-right: 10% !important;
    }

    #AppointmedForm .NetCarePlus a {
        font-size: 12px;
    }

    .AppointmentBoxes .box3 {
        width: 53px;
    }

    .AppointBlockTwo, .NetcarePlusBlockTwo {
        margin-top: 25px;
    }

    .NetcarePlusBannerText p {
        line-height: 22px;
    }

}
/*----  275  ----*/
@media screen and (max-width: 275px) {

    /* Divisions  & Complimentary Business */
    .third-nr-box {
        word-wrap: break-word;
    }

    .PageTitle {
        word-break: break-word
    }
}

/*NEED TO BE SORTED OUT*/
/*-----794------*/
@media (max-width: 794px) {
    .arrow-right {
        bottom: 10px !important;
    }

    .value-one-desc {
        width: 46.5%;
    }
}

/*--- Sustainability ---*/
@media (max-width:790px) {
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }
}

@media (min-width:791px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    #BigSlider .BigSlide .Content, #BigSlider .BigSlide .Image {
        height: auto;
    }

    .NetcarePlusSlider#BigSlider .BigSlide .Image .DesktopImage {
        height: auto;
    }
}

/*
 * Cookie consent
 */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #000;
}

    .cookiealert.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0%);
        transition-delay: 1000ms;
    }

    .cookiealert a {
        text-decoration: underline;
        color: white;
    }

    .cookiealert .acceptcookies {
        margin-left: 10px;
        vertical-align: baseline;
    }