/* input(272,2): run-time error CSS1031: Expected selector, found '/'
input(272,2): run-time error CSS1025: Expected comma or open brace, found '/'
input(907,1): run-time error CSS1019: Unexpected token, found '}'
input(1766,38): run-time error CSS1046: Expect comma, found '56'
input(1766,44): run-time error CSS1046: Expect comma, found '/'
input(1909,29): run-time error CSS1046: Expect comma, found '0'
input(1909,33): run-time error CSS1046: Expect comma, found '/'
input(2657,31): run-time error CSS1046: Expect comma, found '255'
input(2657,39): run-time error CSS1046: Expect comma, found '/'
input(2873,39): run-time error CSS1046: Expect comma, found '0'
input(2873,43): run-time error CSS1046: Expect comma, found '/' */
@font-face {
    font-family: Avenir;
    src: url(../fonts/avenirltstd-light.otf?v=GN9fH_mGZIUGq_dhS2n1p_D5CsA);
}

@font-face {
    font-family: Arizonia;
    src: url(../fonts/Arizonia-Regular.ttf?v=GN9fH_mGZIUGq_dhS2n1p_D5CsA);
}

* {
    font-family: Poppins;
}

html, body {
    font-family: 'Open Sans', sans-serif !important;
    direction: rtl;
    text-align: right;
    height: 100%;
    margin: 0;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    scroll-behavior: smooth;
}

p {
    font-family: Avenir !important;
}

    p span {
        font-family: Avenir !important;
    }

b, strong {
    font-weight: bold;
}

.container {
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.btn-red, .btn-red:hover {
    background-color: rgba(196, 32, 51, 1);
    color: #FFF;
    margin: 10px;
    padding: 20px;
}

    .btn-red:hover {
        background-color: #2F2F2E;
    }

.carousel-caption button { /* width: 80%; */
    color: #fff;
    height: 50px; /* float: left; */
    position: absolute; /* right: 99%; */
    bottom: 15px;
    left: 660px;
}

.row {
    margin-right: 0;
    margin-left: 0;
    padding:0;
}

.paddedRow {
    padding: 3rem;
}

a.btn {
    font-size: 16px !important;
    display: inline-grid;
    align-items: center;
}

.title {
    font: normal normal bold 55px/1.4em poppins-semibold, poppins, sans-serif;
    font-weight: bold; /* text-align: center; */ /* text-transform: uppercase; */
}

h2.title {
    font: normal normal bold 40px/1.4em poppins-semibold, poppins, sans-serif;
    font-weight: bold;
}

.RedStrong {
    font-weight: bolder;
    color: rgb(145, 24, 38);
    font-size: 1.5rem;
}
/*Header*/

#header .nav-item.languageSelector {
    width: 60px;
}

.languageSelector btn-secondary.dropdown-toggle:focus {
    border: none;
}

.close {
    margin-right: auto;
    margin-left: 0;
}

#memberModal .close {
    margin: 0;
}

#header {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 0px;
    z-index: 1038;
}

    #header .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: transparent;
    }

.dropdown:hover {
    color: #fff !important; /*background-color: #000 !important;*/
    background-color: #767676 !important;
}

    .dropdown:hover, .dropdown:hover .nav-link span, .dropdown:hover, .dropdown:hover .nav-link {
        color: #fff !important; /*background-color: #000 !important;*/
        background-color: #767676 !important;
    }
/*Multi Level Dropdown*/

@media (min-width: 992px) {



    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        right: 100%;
        top: 0px;
        left: auto;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover, a > li:hover {
        background-color: #FFF;
        color: #000 !important;
    }

        .dropdown-menu > li:hover > a.dropdown-item, a > li:hover > a.dropdown-item {
            color: #000 !important;
        }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }

    .profileMenu {
        width: 60px;
        font-size: 1.3rem;
    }


    .dropdown.profileMenu:hover > .dropdown-menu {
        width: unset;
        left: 0px;
        right: auto;
    }


    .navbar-nav {
        display: table;
        table-layout: fixed;
    }

    #header li.nav-item {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        text-align: -webkit-center;
    }

    .nav-item:hover { /*background: #000;*/
        background-color: #767676 !important;
        cursor: pointer;
    }

        .nav-item:hover, .nav-item:hover .nav-link span, .nav-item:hover, .nav-item:hover .nav-link {
            color: #fff !important;
        }
}
/**/

.imgOverlay {
    max-width: 700px;
    width: 100%;
}

.bannerAction {
    position: relative;
    right: 0px;
}
/*#header li.nav-item {    text-align: center;    width: 100%;    height: 100%;    display: table;}*/

.w3-top {
    position: fixed;
    width: 100%;
    z-index: 1;
}

.w3-white, .w3-hover-white:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.nav-row {
    width: 75%;
}

.navbar {
    background-color: #fff !important; /* box-shadow: 0px -5px 10px #0d0d0d; */
    margin: 0;
    padding: 0;
}

.navbar-collapse {
    padding: 0;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.navbar-nav {
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
/* .navbar-nav li .dropdown-menu{ */ /* min-width: 100%; /* Set width of the dropdown */

*/ /* background: #000; */ /* color:#fff; */ /* left:inherit; */ /* margin-top:0; */ /* display: none; */ /* position: absolute; */ /* z-index: 999; */ /* right: 0; */ /* } */ /* .navbar-nav li:hover .dropdown-menu{ */ /* display: flex; /* Display the dropdown */ */ /* } */ /* .navbar-nav li .dropdown-menu a{ */ /* display: flex; */ /* color:#fff; */ /* } */ /* #header .dropdown-item:focus, .dropdown-item:hover { */ /* color: #fff; */ /* text-decoration: none; */ /* background-color: transparent; */ /* } */ .navbar-nav .dropdown:hover .dropdown-menu {
    display: flex;
}

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

.nav-link {
    transition: border-color 0.1s ease 0s, background-color 0.1s ease 0s;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

    .nav-link span {
        font-family: Avenir !important;
        margin: 0;
        color: rgba(0, 0, 0, .5);
    }

.nav-item .dropdown-item {
    font-family: Avenir !important;
}

.nav-link:hover span {
    color: #fff;
}

.nav-link:hover { /*background: #000;*/
    background-color: #767676 !important;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    width: 100%;
    /*border: none;*/
}

.dropdown-menu {
    transition: border-color 0.1s ease 0s, background-color 0.1s ease 0s;
    border-radius: 0;
    margin: 0;
    padding: 0;
    min-width: 8.9rem; /*background: #000;*/
    background-color: #767676 !important;
    /*border: 1px solid #767676;*/
    border: none;
    text-align: right;
}

.dropdown.show {
    background: #000;
}

    .dropdown.show a, .dropdown.show a span {
        color: #fff !important;
    }

.dropdown-menu a {
    color: #fff;
}

#header .dropdown-item:focus, .dropdown-item:hover, .dropdown-item:focus-within {
    background: #fff;
    color: #000 !important;
}

#header .dropdown-menu .dropdown-item, .dropdown-menu .dropdown-item {
    padding: 10px;
    white-space: normal;
}

#header .dropdown-item, .dropdown-item {
    padding: 0px;
    white-space: normal;
}

#menuModal {
    padding-right: 0px !important;
}

    #menuModal i {
        font-size: 1.5rem;
    }

    #menuModal .modal-dialog {
        height: 100%;
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    #menuModal .modal-content {
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 0;
    }

    #menuModal .modal-header {
        border-bottom: none;
        display: block;
        text-align: center;
    }

    #menuModal .modal-title {
        display: inline-block;
    }

    #menuModal .modal-body {
        margin-top: 5%;
        margin-left: 10%;
        margin-right: 10%;
    }

        #menuModal .modal-body h3 {
            font-size: 1.5rem;
        }

        #menuModal .modal-body button {
            margin: 1%;
        }
/* #menuModal .modal-body .btn-outline-light{ */ /* border- */ /* } */

/*IDF*/

.img-container {
    width: 90%;
    text-align: center;
    height: auto;
    object-fit: cover;
}

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

#Logo {
    max-width: 270px;
    padding: 0;
    margin: 0;
    content: url(../img/Logo.jpg?v=GN9fH_mGZIUGq_dhS2n1p_D5CsA);
}

#languages {
    float: right;
}

    #languages a {
        padding: 0;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center
    }

    #languages a {
        padding: 0;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
    }

.btn-success {
    color: #fff !important;
    box-shadow: 0 13px 20px 0 #a4deca;
    background-color: #47bd93;
    border-color: #47bd93;
}

.btn-transparent {
    background: transparent;
    font-size: 1.5rem;
}

.btn-light {
    box-shadow: 0 13px 20px 0 #a4deca;
}

.btn-success:hover {
    color: #fff !important;
    background-color: #33a97f !important;
    border-color: #33a97f !important;
    box-shadow: 0 0 0 0.2rem rgba(76, 165, 96, 0.5) !important;
}

.has-search {
    margin: 0 auto;
}

    .has-search .form-control {
        padding-left: 2.375rem;
        object-fit: contain;
        border-radius: 6px;
        box-shadow: 5px 4px 11px 0 rgba(234, 234, 234, 0.7);
        background-color: #ffffff;
        border: none;
        width: 260px;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }

hr {
    margin-bottom: 3em;
    margin-right: 0;
    width: 7%;
}
/*About Diabetes*/
.nvsp-logos {
    text-align: center;
    margin-bottom: 5%;
}

    .nvsp-logos img {
        height: 150px;
    }
/*#programs-container p::first-letter {
    font-size: 200%;
    color: #ad132f;
}*/

/*p.firstLetter::first-letter {
    font-size: 200%;
    color: #ad132f;
}*/

.storyBoard {
    width: 600px;
}

.rightBorderGray {
    border-right: solid 1px #cbcbcb;
}

.bottomBorderGray {
    border-bottom: solid 1px #cbcbcb;
}

.reliefnumbers {
    margin-bottom: 2%;
}

    .reliefnumbers .number {
        background-color: rgba(196, 32, 51, 1);
        margin-bottom: 1%;
    }

    .reliefnumbers div h1 {
        text-align: center;
        margin-bottom: 0;
        height: 60%;
        color: #fff;
        font: normal normal bold 60px/1.4em poppins-semibold, poppins, sans-serif;
    }

    .reliefnumbers div h4 {
        text-align: center;
        color: #fff;
        font-size: 25px;
        margin: 0 auto;
    }

#diabetes-container {
    padding: 5%;
    padding-top: 0;
    padding-bottom: 0;
}

    #diabetes-container .diabetes-info h1 {
        color: #aa1332;
        font: normal normal bold 60px/1.4em poppins-semibold, poppins, sans-serif;
    }

    #diabetes-container .diabetes-info h3 {
        font-weight: bold;
        font-size: 25px;
        width: 60%;
        margin: 0 auto;
    }

    #diabetes-container .diabetes-info {
        padding: 1%;
        text-align: center;
    }
/* #diabetes-container .card{ */ /* min-height:400px; */ /* background-color:#fff; */ /* border:1px solid rgba(160, 160, 160, 0.125); */ /* text-align:center; */ /* margin: 3%; */ /* margin-top: 4%; */ /* border-radius:0px; */ /* box-shadow:0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 55px 50px -35px rgba(0, 0, 0, 0.3); */ /* } */ /* #diabetes-container .card-body{ */ /* padding:2.25rem; */ /* padding-bottom:0; */ /* } */ /* #diabetes-container .card-title{ */ /* font-weight:bold; */ /* } */ /* .about{ */ /* display: table; */ /* height:300px; */ /* padding: 0; */ /* width: 100%; */ /* } */ /* .about li{ */ /* display: table-row; */ /* } */ /* .about li:before { */ /* float: left; */ /* width: 100%; */ /* font-size: 1.8em; */ /* line-height: 0.75em; */ /* } */ /* ul.about { */ /* list-style-type: square; */ /* } */ /*Announcements*/

#announcement-container {
    margin-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 2%;
}

    #announcement-container .upcoming-event {
        margin-right: 5%;
        margin-left: 5%;
    }

    #announcement-container #square {
        width: 1px;
        height: 70px;
        background: #f25437;
        display: inline-block;
    }

    #announcement-container #Daynb {
        font-size: 2.5rem;
        display: inline-block;
    }

    #announcement-container #eventDate {
        padding-left: 0 !important;
        display: inline-block;
    }

    #announcement-container #Day {
        color: gray;
        font-size: 0.75rem;
    }

    #announcement-container #Month {
        font-size: 0.75rem;
    }

    #announcement-container #Location {
        display: inline-flex;
        font-size: 1rem;
    }

    #announcement-container #EventTitle {
        display: inline-block;
        padding-top: 10px;
    }

    #announcement-container .upcoming-event * {
        vertical-align: middle;
        padding: 2px;
    }

    #announcement-container .btn-red {
        display: inline-block;
        width: 10%;
        height: auto;
        float: right;
    }
/*Testimonials*/

#testimonials-container {
    margin: 0 auto;
    width: 100%;
    padding: 5%;
}

    #testimonials-container .title {
        text-align: center;
    }

.cust-quotes {
    width: 100%;
    height: 100px;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
}

    .cust-quotes blockquote {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        font-size: 14px;
        text-align: center;
        opacity: 0;
        z-index: 0;
        transition: opacity 0.5s ease-out 0s, transform 0.5s ease-in 0s;
    }
/* IE < 10 fallback */

.no-csstransitions .cust-quotes blockquote, .no-csstransforms .cust-quotes blockquote {
    position: relative;
}

.cust-quotes blockquote:first-child {
    opacity: 0;
    transform: translateY(-10px) scale(1.1);
}

    .cust-quotes blockquote:first-child + blockquote {
        opacity: 1;
        z-index: 1;
        transition: opacity 1.6s ease 0s;
    }

.cust-quotes blockquote p {
    font-size: 1.2rem;
    font-weight: normal; /* font-style:italic; */
    color: #353535;
    line-height: 30px;
    margin-bottom: 10px;
}

    .cust-quotes blockquote p:before {
        content: '\201C';
    }

    .cust-quotes blockquote p:after {
        content: '\201D';
    }

.cust-quotes blockquote cite {
    text-align: center;
    font-size: 14px;
    color: #000;
}

    .cust-quotes blockquote cite a {
        font-size: 14px;
        font-weight: normal;
    }

.container {
    max-width: 940px;
    margin: 0 auto;
}
/*Boxes*/

#boxes-container h2 {
    color: #fff;
    font-weight: bold;
    /*letter-spacing: 3px;*/
}

#boxes-container h3 {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}

#boxes-container p {
    color: #fff;
    padding-top: 5%; /*width:70%;*/
    font-size: 0.9rem;
}

#boxes-container .btn {
    color: #fff;
    width: auto;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    height: 39px;
}

#boxes-container .btn-outline-light:hover {
    color: #212529;
}

#boxes-container .row {
    padding: 0;
}

#boxes-container .row1 { /*height: 385px;*/
    position: relative;
}

#boxes-container .row2 { /*height: 780px;*/
}

#boxes-container .box1 {
    background-color: #000000;
    padding-left: 5%;
    padding-right: 5%; /* padding-top: 7%;*/
    padding-bottom: 5%;
}

#boxes-container .box2 {
    background-color: #000000;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 3%;
    padding-bottom: 5%;
}

.verticalAlign {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10%; /*height: 385px;*/
}

#boxes-container .row1 .top-holder {
    bottom: 0;
    right: 0;
    padding: 0;
}

#boxes-container .row1 .boxes-image {
    background-color: rgba(196, 32, 51, 1);
    background-image: url("../img/children.jpg?v=GN9fH_mGZIUGq_dhS2n1p_D5CsA");
    background-repeat: round;
    width: 345px;
    height: 385px; /*position:absolute;*/
    bottom: 0;
}

#boxes-container .box2 {
    background-color: #7fb9e1;
    padding-left: 10%;
    padding-right: 10%; /*  padding-top: 7%;*/
    padding-bottom: 5%;
    position: relative;
    font-size: 1.2rem; /*height: 385px;    width: 61%;    float: right;*/
}

    #boxes-container .box2 p {
        font-size: 1.2rem;
    }

#boxes-container .row2 .col-lg-5.col-sm-12 {
    background-image: url("../img/Blue_circles.jpg?v=GN9fH_mGZIUGq_dhS2n1p_D5CsA");
    background-repeat: round;
}
/* #boxes-container .row2 .col-6{ */ /* margin-top: auto; */ /* margin-left: auto; */ /* height: 50%; */ /* background-color:#bc2026; */ /* } */

#boxes-container .row2 .col-upper {
    background-color: #ad132f;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 5%;
    padding-bottom: 5%;
    height: 395px;
}

    #boxes-container .row2 .col-upper h2 {
        font-size: 3rem;
        font-weight: bolder;
        padding-right: 15%;
        text-transform: uppercase;
    }

#boxes-container .row2 .col-lower {
    position: relative;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
}

    #boxes-container .row2 .col-lower .team {
        background-color: #000; /*  width: 345px;        height: 100%;*/ /* position: absolute;*/
        bottom: 0;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 5%; /*padding-left: 8%;    padding-right: 5%;    padding-top: 10%;  */
    }

    #boxes-container .row2 .col-lower .updates .elements {
        position: relative;
        padding-left: 2rem;
        padding-right: 2rem; /*padding-left: 20%;    padding-right: 20%;    padding-bottom: 5%;*/
    }

    #boxes-container .row2 .col-lower .updates {
        background-color: #7eb8e0;
        width: 345px;
        height: 385px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    #boxes-container .row2 .col-lower .fixed-image {
        background-image: url("../img/team.JPG?v=CfBqR4ZvIn70-NKgOheThQICsBY");
        background-repeat: no-repeat;
        float: right;
        height: 385px;
        width: 61%;
        background-size: cover; /* background-attachment: fixed; */
        transform: translateZ(958px) scale(1);
    }

#boxes-container .glue-col {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
    background-color: rgba(196, 32, 51, 1);
}
/*Welcome*/

.about-title {
    font: normal normal 55px/1.4em poppins-semibold, poppins, sans-serif; /* font-weight: bold; */ /* font-size: 2.5rem; */
    color: #ad132f; /* text-align: center; */ /* text-transform: uppercase;*/
}

.membership .img-container {
    text-align: center;
}

#welcome-message {
    position: relative;
    margin: 0 auto;
    top: 50%;
    width: 100%;
    /*letter-spacing: 10px;*/
    z-index: 3;
    color: #fff;
    text-align: center;
}

}

#welcome-message h1 {
    font-size: 63px;
}

svg {
    display: block;
    overflow: visible;
}

.slider-container {
    position: relative;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default; /* clip-path: polygon(0 0, 100% 0, 100% 87%, 0 105%); */
}

.slider-details {
    z-index: 10;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 6%;
    margin-top: 0;
    top: 0;
    right: 50%;
}

.carousel-item {
    max-height: 650px; /*height: 670px;*/
    padding-top: 85px;
}

.carousel-caption {
    left: inherit;
    right: 0%;
    top: 20%;
}

    .carousel-caption h1 {
        font: normal normal bold 65px/1em poppins-semibold, poppins, sans-serif;
        text-align: left;
        text-transform: uppercase;
        margin-bottom: 20%;
    }

    .carousel-caption p {
        text-align: left;
    }
/* .slider { */ /* z-index: 1; */ /* position: relative; */ /* height: 100%; */ /* } */ /* .slider.animating { */ /* -webkit-transition: -webkit-transform 0.5s; */ /* transition: -webkit-transform 0.5s; */ /* transition: transform 0.5s; */ /* transition: transform 0.5s, -webkit-transform 0.5s; */ /* will-change: transform; */ /* } */ /* .slider.animating .slide__bg { */ /* -webkit-transition: -webkit-transform 0.5s; */ /* transition: -webkit-transform 0.5s; */ /* transition: transform 0.5s; */ /* transition: transform 0.5s, -webkit-transform 0.5s; */ /* will-change: transform; */ /* } */ /* .slide { */ /* position: absolute; */ /* top: 0; */ /* width: 100%; */ /* height: 100%; */ /* overflow: hidden; */ /* } */ /* .slide.active .slide__overlay, */ /* .slide.active .slide__text { */ /* opacity: 1; */ /* -webkit-transform: translateX(0); */ /* transform: translateX(0); */ /* } */

.slide__bg {
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background-size: contain;
    will-change: transform;
    transform: translateZ(999px) scale(1.1);
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

.slide__bg__overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
}
/* .slide:nth-child(1) { */ /* left: 0; */ /* } */

.slide__bg {
    left: 0;
    background-image: url("../img/hands.jpg?v=CfBqR4ZvIn70-NKgOheThQICsBY");
    background-attachment: fixed
}
/* .slide:nth-child(1) .slide__overlay-path { */ /* fill: #d49a9a; */ /* } */ /*ABOUT US*/

.alternateRow {
    background-color: #efefef;
}
#about {
    height: 50%;
}

#about-sections hr {
    margin-bottom: 2rem;
}

#about-sections h3 {
    font-weight: bold;
    font-size: 35px !important;
}

#about-sections .section-1 {
    padding: 5%;
    padding-left: 10%;
    padding-right: 10%;
    background-color: #efefef;
}

#about-sections .section-2 {
    padding: 5%;
    padding-left: 10%;
    padding-right: 10%;
}

#about-sections .section-3 {
    padding: 5%;
    padding-left: 10%;
    padding-right: 10%;
    background-color: #efefef;
}


#about-sections .section-4 {
    padding: 5%;
    padding-left: 10%;
    padding-right: 10%;
}

    #about-sections .section-4 li {
        font-family: Avenir;
    }

#about-sections .col-6 {
    text-align: center;
}

#about-sections .col-title {
    text-align: center !important;
}
/* #about-sections .about-title{ */ /* position: absolute; */ /* top: 25%; */ /* bottom: 0; */ /* left: 0; */ /* right: 0; */ /* margin: auto; */ /* } */

#about-sections .col-content {
    text-align: right !important;
}

.fullscreen-img {
    width: 75% !important;
}

#about-sections .col-6.text {
    text-align: left !important;
}

    #about-sections .col-6.text .title {
        text-align: left;
    }

#about-sections .col-6 hr {
    margin-left: auto;
}
/*About Founders*/

.dialeb-members {
    margin-top: 3%;
    margin-left: 7%;
    margin-right: 10%;
}

    .dialeb-members h3 {
        font-weight: bold;
        font-size: 35px !important;
        /*margin-left: 10%;
        margin-right: 10%;*/
    }

    .dialeb-members hr {
        margin-bottom: 1em;
        font-weight: bold;
        font-size: 35px !important;
        /*margin-left: 10%;
        margin-right: 10%;*/
    }

    .dialeb-members .card-wrapper {
        width: 250px;
        height: 300px;
        cursor: pointer;
        position: inherit; /* top: 50%; */ /* left: 50%; */ /* transform: translate(-50%, -50%); */
        perspective: 1000px;
    }

    /*#about-founders .card-wrapper:hover .card--front {
            transform: rotateY(-180deg);
            -webkit-transform: rotateY(-180deg);
            backface-visibility: hidden;
        }

        #about-founders .card-wrapper:hover .card--back {
            transform: rotateY(0);
            -webkit-transform: rotateY(0);
            backface-visibility: hidden;
        }*/

    .dialeb-members .card {
        width: 325px;
        height: 300px;
        /*box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);*/
        position: absolute;
        top: 0;
        left: 0;
        transition: all 1s;
        backface-visibility: hidden;
        width: 100%;
        border: none;
    }

        .dialeb-members .card p, .dialeb-members .card p {
            font: normal normal normal 12.5px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
            color: #2F2F2E;
            text-transform: none;
        }

        .dialeb-members .card img {
            width: 200px;
            /*height: 200px;*/
            /* border-radius: 40%; */
            /* height: 100%; */
            /*margin: 0 auto;*/
        }

    .dialeb-members .card--front {
        color: #fff; /* background-image: linear-gradient(to right, rgba(126, 13, 111, 0.7), rgba(255, 0, 0, 0.5)); */
    }

    .dialeb-members .card--back {
        transform: rotateY(180deg);
        backface-visibility: hidden;
        -webkit-transform: rotateY(180deg);
        padding: 5%;
    }

    .dialeb-members .card {
        /*text-transform: uppercase;*/
        font-family: 'Open sans', sans-serif;
        /*text-align: left;*/ /* padding: 5%; */
        font-size: 1em;
        overflow: hidden;
    }


#faq-container {
    margin-right: 10%;
    margin-top: 5%;
    margin-left: 10%;
}

.page-title {
    text-align: center;
    display: block;
    text-transform: uppercase;
}

    .page-title h2, h3 {
        display: inline-block;
        font-size: 3.5rem;
    }

.MFsection {
    margin-bottom: 5%;
}

.myth {
    font-weight: bold;
}


#faq-container p {
    color: #3e3d3d;
}

#faq-container .sections {
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    padding: 30px 15px;
    color: #fff;
    text-transform: uppercase;
    background-repeat: no-repeat !important;
    font-weight: bold;
}

    #faq-container .sections.section-myth {
        background: url("../img/blue-brush.svg?v=GN9fH_mGZIUGq_dhS2n1p_D5CsA");
    }

    #faq-container .sections.section-fact {
        background: url("../img/red-brush.svg?v=CfBqR4ZvIn70-NKgOheThQICsBY");
    }


/* hide back of pane during swap */

.card--back, .card--front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 991px) {
    #memberModal #modalMemberImg {
        width: 200px;
        float: none !important;
        margin: 10px;
    }

    #about-ambassadors .card--back {
        width: 100% !important;
    }

    .fixed .member {
        height: initial !important;
    }
}

.member {
    max-width: none;
}

.dialeb-members .member {
    margin-bottom: 5%;
    padding: 0;
}

.dialeb-members .member-right {
    width: 100%;
    float: left;
}

.dialeb-members .member-left {
    width: 100%;
    float: right;
}

.dialeb-members .member-details {
    padding: 3%;
    height: 100px;
    padding-left: 20%;
    bottom: 0;
    position: absolute;
    background: #fff;
    width: 100%;
}

    .dialeb-members .member-details .name {
        color: #1f2021;
        font: normal normal bold 16px/1.4em Poppins;
        /*text-align: center;*/
    }

    .dialeb-members .member-details .position {
        color: #bc2026;
        font: normal normal bold 12px/1.1em Poppins;
        /*text-align: center;*/
    }

#name {
    color: #1f2021;
    font: normal normal bold 16px/1.4em Poppins;
}

#position {
    color: #bc2026;
    font: normal normal bold 12px/1.1em Poppins;
}

#modalMemberDesc {
    margin-top: 5%;
    color: #1f2021;
    font: normal normal 14px/1.4em Poppins;
}

#memberModalTitle {
    text-align: center;
}

#memberModal #modalMemberImg {
    width: 200px;
    float: right;
    margin: 10px;
}


/*

#about-team {
    margin-top: 5%;
    padding-left: 10%;
    padding-right: 10%;
}

    #about-team h3 {
        font-weight: bold;
        font-size: 35px !important;
    }

    #about-team .card-wrapper {
        width: 325px;
        height: 450px;
        position: inherit; 
        perspective: 1000px;
    }

        #about-team .card-wrapper:hover .card--front {
            transform: rotateY(-180deg);
            backface-visibility: hidden;
        }

        #about-team .card-wrapper:hover .card--back {
            transform: rotateY(0);
            backface-visibility: hidden;
        }

    #about-team .card {
        width: 325px;
        height: 450px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
        position: absolute;
        top: 0;
        left: 0;
        transition: all 1s;
        backface-visibility: hidden;
        width: 100%;
    }

        #about-team .card p, #about-team .card p {
            font: normal normal normal 12.5px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
            color: #2F2F2E;
            text-transform: none;
        }

        #about-team .card img {
            width: 100%; 
        }

    #about-team .card--front {
        color: #fff; 
    }

    #about-team .card--back {
        transform: rotateY(180deg);
        backface-visibility: hidden;
        padding: 5%;
    }

    #about-team .card {
        text-transform: uppercase;
        font-family: 'Open sans', sans-serif;
        text-align: left;
        font-size: 1em;
        overflow: hidden;
    }

    #about-team .member {
        margin-bottom: 5%;
    }

    #about-team .member-right {
        width: 100%;
        float: left;
    }

    #about-team .member-left {
        width: 100%;
        float: right;
    }

    #about-team .member-details {
        padding: 3%;
        height: 100px;
        padding-right: 5%;
        bottom: 0;
        position: absolute;
        background: #fff;
        width: 100%;
    }

        #about-team .member-details .name {
            color: #1f2021;
            font: normal normal bold 18px/1.4em Poppins;
        }

        #about-team .member-details .position {
            color: #bc2026;
            font: normal normal bold 14px/1.1em Poppins
        }


#about-collaborators {
    height: auto;
    margin: 5%;
}

    #about-collaborators h3 {
        font-weight: bold;
        font-size: 35px !important;
    }

    #about-collaborators .card-wrapper {
        width: 275px;
        height: 400px;
        position: inherit;
        perspective: 1000px;
    }

        #about-collaborators .card-wrapper:hover .card--front {
            transform: rotateY(-180deg);
            backface-visibility: hidden;
        }

        #about-collaborators .card-wrapper:hover .card--back {
            transform: rotateY(0);
            backface-visibility: hidden;
        }

    #about-collaborators .card {
        width: 250px;
        height: 350px;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
        position: absolute;
        top: 0;
        left: 0;
        transition: all 1s;
        backface-visibility: hidden;
        overflow: hidden;
    }

        #about-collaborators .card img {
            width: 100%;
        }

    #about-collaborators .card--front {
        color: #fff; 
    }

    #about-collaborators .card--back {
        transform: rotateY(180deg);
        padding: 5%;
        backface-visibility: hidden;
    }

    #about-collaborators .card {
        text-transform: uppercase;
        font-family: 'Open sans', sans-serif;
        text-align: left;
        font-size: 1em;
    }

    #about-collaborators .member {
        width: 275px;
        height: 400px;
        margin-bottom: 5%;
    }

    #about-collaborators .member-right {
        width: 100%;
        float: left;
    }

    #about-collaborators .member-left {
        width: 100%;
        float: right;
    }

    #about-collaborators .member-details {
        padding: 3%;
        height: 105px;
        padding-right: 5%;
        bottom: 0;
        position: absolute;
        background: #fff;
        width: 100%;
    }

        #about-collaborators .member-details .name {
            color: #1f2021;
            font: normal normal bold 15px/1.4em Poppins;
        }

        #about-collaborators .member-details .position {
            color: #bc2026;
            font: normal normal bold 12px/1.4em Poppins;
        }

    #about-collaborators .card p {
        font: normal normal normal 14px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
    }

#about-endocrinologists {
    height: auto;
    margin: 5%;
}

#about-endocrinologists h3 {
    font-weight: bold;
    font-size: 35px !important;
}

#about-endocrinologists .card-wrapper {
    width: 275px;
    height: 400px;
    position: inherit;
    perspective: 1000px;
}

    #about-endocrinologists .card-wrapper:hover .card--front {
        transform: rotateY(-180deg);
        backface-visibility: hidden;
    }

    #about-endocrinologists .card-wrapper:hover .card--back {
        transform: rotateY(0);
        backface-visibility: hidden;
    }

#about-endocrinologists .card {
    width: 250px;
    height: 350px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
    backface-visibility: hidden;
    overflow: hidden;
}

    #about-endocrinologists .card img {
        width: 100%;
    }

#about-endocrinologists .card--front {
    color: #fff;
}

#about-endocrinologists .card--back {
    transform: rotateY(180deg);
    padding: 5%;
    backface-visibility: hidden;
}

#about-endocrinologists .card {
    text-transform: uppercase;
    font-family: 'Open sans', sans-serif;
    text-align: left;
    font-size: 1em;
}

#about-endocrinologists .member {
    width: 275px;
    height: 400px;
    margin-bottom: 5%;
}

#about-endocrinologists .member-right {
    width: 100%;
    float: left;
}

#about-endocrinologists .member-left {
    width: 100%;
    float: right;
}

#about-endocrinologists .member-details {
    padding: 3%;
    height: 105px;
    padding-right: 5%;
    bottom: 0;
    position: absolute;
    background: #fff;
    width: 100%;
}

    #about-endocrinologists .member-details .name {
        color: #1f2021;
        font: normal normal bold 15px/1.4em Poppins;
    }

    #about-endocrinologists .member-details .position {
        color: #bc2026;
        font: normal normal bold 12px/1.4em Poppins;
    }

#about-endocrinologists .card p {
    font: normal normal normal 14px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
}


#about-ambassadors {
    height: auto;
    margin: 5%;
}

    #about-ambassadors h3 {
        font-weight: bold;
        font-size: 35px !important;
    }

    #about-ambassadors .card-wrapper {
        width: 275px;
        height: 300px;
        position: inherit;
        perspective: 1000px;
    }

        #about-ambassadors .card-wrapper:hover .card--front {
            transform: rotateY(-180deg);
        }

        #about-ambassadors .card-wrapper:hover .card--back {
            transform: rotateY(0);
        }

.about-sportsAmbassadors .card {
    height: 400px !important;
}

#about-ambassadors .card {
    width: 275px;
    height: 300px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
    backface-visibility: hidden;
    width: 100%;
    overflow: hidden;
}

    #about-ambassadors .card p, #about-ambassadors .card p {
        font: normal normal normal 12px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        color: #2F2F2E;
        text-transform: none;
    }

    #about-ambassadors .card img {
        width: 100%;
    }

#about-ambassadors .card--front {
    color: #fff;
}

#about-ambassadors .card--back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    padding: 5%;
}

#about-ambassadors .card {
    text-transform: uppercase;
    font-family: 'Open sans', sans-serif;
    text-align: left; 
    font-size: 1em;
}

#about-ambassadors .member {
    margin-bottom: 5%;
}

#about-ambassadors .member-right {
    width: 100%;
    float: left;
}

#about-ambassadors .member-left {
    width: 100%;
    float: right;
}

#about-ambassadors .member-details {
    padding: 7%;
    height: 100px;
    padding-right: 5%;
    bottom: 0;
    position: absolute;
    background: #fff;
    width: 100%;
}

    #about-ambassadors .member-details .name {
        color: #1f2021;
        font: normal normal bold 15px/1.4em Poppins;
    }

    #about-ambassadors .member-details .position {
        color: #bc2026;
        font: normal normal bold 12px/1.4em Poppins;
    }

.fixed .member {
    height: 400px;
}

.fixed .card {
    width: 50% !important;
    transform: none !important;
    position: relative !important;
    border-radius: 0;
}

.fixed .card--back {
    float: right;
}

.fixed .card--front {
    float: left;
}

*/
/*EVENTS*/
#EventsListContainer {
    padding: 5px;
}


#events-listing .card-header {
    padding: 0px;
}

#events-listing ul {
    list-style-type: none;
}

#events-listing .past-event {
    width: 290px !important;
    /*height: 400px;*/
    box-shadow: none !important;
    margin-bottom: 5rem;
}

    #events-listing .past-event:hover {
        cursor: pointer;
    }

    #events-listing .past-event .card-body {
        margin-top: -20% !important;
        background: #fff;
        box-shadow: 0 0px 5px rgb(56 56 56 / 15%);
        width: 87%;
        margin: 0 auto;
        padding: 1rem;
        padding-top: 3rem;
    }

    #events-listing .past-event .imageContainer {
        height: 250px;
        overflow: hidden;
    }

    #events-listing .past-event .card-footer {
        background: #fff;
    }

    #events-listing .past-event img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
    }

#events-listing #event-description {
    font-size: 13px;
    display: block;
    height: 100px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.event-text {
    margin-top: 5%;
}

.eventImages {
    text-align: center;
    background-color: transparent;
    height: 100%;
}

.hBack {
    margin-bottom: 3%;
    width: 20%;
    background-color: #343a40 !important;
}

#gallery {
    /*-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;*/
}

.galleryImageContainer {
    width: 300px !important;
    overflow: hidden;
    display: inline-flex;
    margin: 3px;
}

.galleryImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}


@media (max-width:1200px) {
    #gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        /*-webkit-column-gap: 20px;*/
        -moz-column-gap: 20px;
        /*column-gap: 20px;*/
    }
}

@media (max-width:800px) {
    #gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

@media (max-width:600px) {
    #gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

#gallery .card {
    width: 100%;
    height: auto;
    border-radius: 0;
    border: none;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}



#gallery .row > .column {
    padding: 0 8px;
}

#gallery .row:after {
    content: "";
    display: table;
    clear: both;
}

#gallery .column {
    float: left;
    width: 25%;
    margin-bottom: 5%;
    padding: 1%;
}

/* The Modal (background) */
#gallery-Modal.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    /*height: 100%;*/
    overflow: hidden;
    background-color: rgb(0 0 0 / 73%);
}

/* Modal Content */
#gallery-Modal .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 70%;
    max-width: 70%;
}

/* The Close Button */
#gallery-Modal .close {
    color: white !important;
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 80px;
    font-weight: bold;
    z-index: 9;
}

    #gallery-Modal .close:hover,
    #gallery-Modal .close:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

#gallery-Modal .modal-content {
    background-color: transparent;
    border: none;
    /*margin: 3.5rem auto;*/
    height: 100%;
}

#gallery-Modal .mySlides {
    display: none;
}

#gallery-Modal .cursor {
    cursor: pointer;
}

/* Next & previous buttons */
#gallery-Modal .prev,
#gallery-Modal .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
#gallery-Modal .next {
    left: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    #gallery-Modal .prev:hover,
    #gallery-Modal .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

#gallery-Modal img {
    margin-bottom: -4px;
    height: 90%;
    margin: 2rem auto;
}

.active,
.demo:hover {
    opacity: 1;
}

#gallery img.hover-shadow {
    transition: 0.3s;
}

#gallery .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



/*ARTICLES*/
#articles {
    height: 50%;
}

    #articles .input-group {
        width: 50%;
        margin-right: 5%;
        position: absolute;
        top: 70%;
        left: 25%;
        Z-INDEX: 9;
    }

        #articles .input-group .input-group-append {
            width: 100%;
        }

#articles-container {
    margin-top: 2%;
}

    #articles-container h1 {
        padding-bottom: 2%;
    }

#itemDetailContainer .carousel {
    margin-bottom: 5%;
}

#subPage .carousel {
    margin-bottom: 5%;
}

.article-box {
    position: relative;
    z-index: 0;
    background-color: #00CCFF;
    height: 500px;
}

    .article-box .article-img {
        position: absolute;
        z-index: 1;
        background-color: #6F0;
        width: 100%;
        padding: 0;
        top: 15%;
        left: 25%;
    }

        .article-box .article-img img {
            width: 100%;
        }

    .article-box .article-details {
        position: absolute;
        z-index: 2;
        background-color: #FC0;
        height: 65%;
        width: 100%;
        top: 20%;
        left: 45%;
    }

#sortDiv {
    float: right;
}

#sortSelect {
    display: inline-block;
    width: 70%;
}

#articles-container {
    margin-left: 5%;
    margin-right: 5%;
}

#articles-listing ul {
    list-style-type: none;
}

#articles-listing .card {
    width: 275px;
    height: 425px;
    box-shadow: 0 0 5px 2px #eaeaea;
    margin-bottom: 5rem;
}

    #articles-listing .card img {
        width: 100%;
        max-height: 115px;
    }

#articles-listing #article-description {
    font-size: 13px;
    display: block;
    width: 100px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}
/*Article Details*/

#itemDetailContainer {
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
    height: auto;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 7%;
    margin-bottom: 5%;
}

#subPage {
    height: auto;
    margin-top: 7%;
    margin-bottom: 5%;
}

#itemDetailContainer .content {
    padding: 8%;
    padding-top: 8%;
    line-height: 1.5;
}

#subPage .content {
    padding: 10%;
    padding-top: 2%;
    line-height: 1.5;
    padding-bottom: 2%;
}

.title-div {
    display: table;
    white-space: nowrap;
}

    .title-div h1, .title-div h3 {
        display: table-cell;
        padding-left: 2%;
        vertical-align: middle;
    }

    .title-div img {
        width: 150px;
        display: table-cell;
    }

/*Author*/

.article-author {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
    height: auto;
    max-width: 150px;
    margin-top: -5%;
    margin-left: -5%;
}

    .article-author img {
        width: 100%;
    }

.author-info {
    background-color: #efefef;
    padding: 5%;
    border-bottom: 5px solid #ad132f;
}

    .author-info p {
        font-size: 0.8rem;
        text-align: justify;
    }

#itemDetailContainer .carousel-item { /*max-height:none;*/
}

.light {
    color: #5a5a5a;
    font-size: 0.8rem;
}

.article-text p {
    line-height: 1.5;
}

#sharing {
    height: 60px;
    margin-top: 5%;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    #sharing .transparent {
        background: transparent;
        border: 0;
        margin: 0 auto;
        position: relative;
        cursor: pointer;
        padding: 0;
    }

button.transparent {
    background: transparent;
    border: 0;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    padding: 0;
}

/*Adopt a Patient*/

#patients-listing a[href] {
    position: relative;
}

    #patients-listing a[href], #patients-listing a[href]:link, #patients-listing a[href]:visited, #patients-listing a[href]:active {
        text-decoration: none;
        color: #d8276c;
        text-shadow: 2px 2px 2px #070c11;
        padding-bottom: 3px;
        font-weight: bold;
    }

        #patients-listing a[href]::after {
            content: "";
            position: absolute;
            left: 0;
            left: 0;
            bottom: 0;
            background: #fff;
            width: 0;
            height: 1px;
            -webkit-transition: 0.35s cubic-bezier(0.17, 0.67, 0.5, 1.03);
            transition: 0.35s cubic-bezier(0.17, 0.67, 0.5, 1.03);
        }

        #patients-listing a[href]:hover::after {
            width: 100%;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        }

#patients-listing .note {
    margin-top: 30px;
    color: #fff;
    font-size: 1rem;
    font-family: "Merriweather", sans-serif;
    line-height: 1.5;
    text-align: center;
}

#patients-listing article.card {
    position: relative;
    /*  width: 250px;*/
    height: 270px;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 5%;
}

    #patients-listing article.card .thumb {
        width: auto;
        height: 260px;
        background-color: #343a40;
        background-size: cover;
        border-radius: 3px;
        transition: 0.2s 0.2s cubic-bezier(0.17, 0.67, 0.5, 1.03)
    }

    #patients-listing article.card .infos {
        width: auto;
        height: 100px;
        position: relative;
        padding: 14px 24px;
        background: #fff;
        -webkit-transition: 0.2s 0.2s cubic-bezier(0.17, 0.67, 0.5, 1.03);
        transition: 0.2s 0.2s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    }

        #patients-listing article.card .infos .title {
            position: relative;
            margin: 10px 0 0 0;
            letter-spacing: 0px;
            color: #152536;
            font-family: "Grotesque Black", sans-serif;
            font-size: 1.2rem;
            text-transform: uppercase;
            text-shadow: 0 0 0px #32577f;
        }

        #patients-listing article.card .infos .flag {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 35px;
            height: 23px;
            background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/397014/flag.png") no-repeat top right;
            background-size: 100% auto;
            display: inline-block;
        }

        #patients-listing article.card .infos .amount, article.card .infos .seats {
            margin-bottom: 10px;
            text-transform: uppercase;
            font-weight: bold;
            font-size: .85rem;
            color: rgba(21, 37, 54, 0.7);
            font-family: "Grotesque", sans-serif;
        }

        #patients-listing article.card .infos .seats {
            display: inline-block;
            margin-bottom: 24px;
            padding-bottom: 24px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.2);
            opacity: 0;
            -webkit-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
            transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
        }

        #patients-listing article.card .infos .txt {
            font-family: "Merriweather", sans-serif;
            font-size: .95rem;
            color: rgba(21, 37, 54, 0.7);
            opacity: 0;
            -webkit-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
            transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
        }

        #patients-listing article.card .infos .details {
            position: absolute;
            left: 0;
            left: 0;
            bottom: 0;
            margin: 10px 0;
            padding: 20px 24px;
            letter-spacing: 1px;
            color: #4e958b;
            font-family: "Grotesque Black", sans-serif;
            font-size: .9rem;
            text-transform: uppercase;
            cursor: pointer;
            opacity: 0;
            -webkit-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
            transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
        }

    #patients-listing article.card:hover .infos {
        /*-webkit-transform: translateY(-170px);
        transform: translateY(-170px);*/
        height: 100%;
    }

        #patients-listing article.card:hover .infos .seats, #patients-listing article.card:hover .infos .txt, #patients-listing article.card:hover .infos .details {
            opacity: 1;
        }

    #patients-listing article.card:hover .thumb {
        height: 0px;
    }

.thumb h4 {
    text-align: center;
    color: #fff;
    margin: 0 auto;
    margin-right: 25%;
    margin-left: 25%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 60px;
    vertical-align: middle;
}

p.txt::first-letter {
    font-size: inherit !important;
    color: inherit !important;
}

/*RECIPES*/

#categories-container .nav-tabs {
    display: block;
    border-bottom: none;
    padding: 0;
    width: 100%;
    /*box-shadow: 0 0 16px 2px #d2d2d2;*/
    height: 1133px;
}

    #categories-container .nav-tabs .nav-item,
    #categories-container .nav-tabs .nav-item .nav-link {
        width: 100%;
        display: block;
        height: 75px;
        object-fit: contain;
        border-radius: 0;
        color: #232f79;
        font-size: 15px;
        /*padding-top: 0;*/
        text-align: right;
        border: 1px solid #efefef;
    }

    /*.offer {
    width: 328px;
    margin-left: 25px;
    margin-right: 25px;
    margin: 25px;
    height: 395px;
    border-radius: 5px;
    box-shadow: -1px 13px 20px 0 #f0f2f4;
    padding: 0;
}*/


    /*Marketplace Categories*/

    #categories-container .nav-tabs .nav-link.active {
        background-color: #ad132f !important;
        color: #fff;
        padding: 0;
    }

#categories-container .nav-link .col-12 {
    text-align: center;
    text-transform: uppercase;
}

#categories-container a {
    height: 100%;
}

#categories-container .row {
    height: 100%;
    display: flex;
    align-items: center;
}

#recipes-container {
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 2%;
}

#recipes-listing {
    /*background: #f9fafb;*/
    width: 100%;
    height: auto;
    min-height: 1133px;
}

    #recipes-listing .offer {
        width: 270px;
        height: 350px;
        /*margin: 0 auto;*/
        margin-top: 2%;
        margin-bottom: 5%;
        object-fit: contain;
        /*border-radius: 4px;*/
        /*box-shadow: -1px 10px 16px 0 #f0f2f4;*/
        background-color: #ffffff;
    }

        #recipes-listing .offer:hover {
            cursor: pointer;
        }

    #recipes-listing .recipe-title {
        font-size: 17px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: normal;
        color: #000;
        /*min-height: 130px;*/
        text-align: right;
    }

    #recipes-listing .recipe-desc {
        opacity: 0.5;
        object-fit: contain;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.48;
        min-height: 105px;
        letter-spacing: normal;
        color: #253371;
    }

    #recipes-listing a {
        width: 115px;
        height: 38px;
        object-fit: contain;
        border-radius: 4px;
        border: solid 0.8px #243175;
        font-size: 12px;
    }

    #recipes-listing .recipe-content {
        float: right;
        padding-top: 5px;
    }

    #recipes-listing ul {
        padding: 0;
        margin: 0;
    }

    #recipes-listing .row {
        margin: 0 auto;
        width: 100%;
    }


.recipe-img {
    background-repeat: no-repeat;
    height: 90%;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    background-size: cover;
}

.recipe-content {
    height: auto;
    /*padding: 30px;*/
    background-color: #fff;
}

    .recipe-content a {
        box-shadow: none;
    }

    .recipe-content p {
        color: #767676;
        text-align: right;
        margin-bottom: 0.2rem;
    }

#recipe-itemDetailContainer {
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.15);
    height: auto;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 7%;
    margin-bottom: 5%;
}

    #recipe-itemDetailContainer .content {
        padding: 8%;
        padding-top: 2%;
        line-height: 1.5;
    }

    #recipe-itemDetailContainer img {
        width: 100%;
    }

li:hover:before {
    color: #fff;
}

#ingredients:after {
    content: "";
    background-color: #ad132f;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 10px;
    right: 100%;
    display: block;
}

#recipe-content2 {
    margin-top: 5%;
    border-top: 1px solid #ad132f;
    padding-top: 2%;
}

#nutrition-facts {
    color: #000;
    text-align: center;
    font-size: 1.3rem;
    margin-top: 2%;
}

    #nutrition-facts .light {
        color: #ad132f;
        /*margin-left: 1%;*/
    }

#recipe-desc {
    font-size: 1.1rem;
    /*font-weight: bold;*/
}

#recipe-img {
    width: 15% !important;
    text-align: center;
    margin: 0 auto;

}

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

#recipe-content2 h4 {
    color: #ad132f;
    margin-bottom: 5%;
    font-size: 2rem;
}

#recipe-content2 ul {
    list-style: none;
    padding-right: 0;
}

    #recipe-content2 ul li {
        margin-bottom: 10px;
    }

#instructions ul .key {
    font-weight: bold;
    font-size: 130%;
}

#img-container {
    position: relative;
    height: 55vh;
    overflow: hidden;
}

#recipe-title {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    background-color: rgb(255 255 255 / 62%);
    z-index: 1000;
    padding: 40px;
    color: #000;
    font-weight: bold;
}

    #recipe-title h1 b {
        font-family: Arizonia !important;
        font-size: 4rem;
    }




/*Join Our Team*/

#joinourteam-container {
    background: #fafafa;
    height: auto;
    overflow: hidden;
}

    #joinourteam-container .nav {
        padding-top: 1%;
        padding-bottom: 1%;
        width: 30%;
        margin: 0 auto;
    }

    #joinourteam-container .tab-content {
        display: block;
        height: auto;
        min-height: 250px;
        margin-right: 4%;
        margin-left: 4%;
    }

    #joinourteam-container .nav-pills .nav-link.active, #joinourteam-container .nav-pills .show > .nav-link {
        border-bottom: 1px solid #606060;
        color: #606060 !important;
        border-radius: 0;
        padding-bottom: 10%;
    }

    #joinourteam-container a {
        color: #606060 !important;
    }

.listing_jobs {
    display: block;
}

    .listing_jobs li {
        width: 47%;
        margin-right: 2%;
        float: left;
        min-height: 200px;
        background-position: 20px 30px;
        background-repeat: no-repeat;
        border: 1px solid #f0f0f0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        margin-bottom: 20px;
        cursor: pointer;
        list-style-type: none;
    }

        .listing_jobs li:hover {
            box-shadow: 0 2px 10px #e0e0e0;
            transition: box-shadow .3s ease-in-out;
        }

        .listing_jobs li a {
            display: block;
            position: relative;
            height: auto;
            padding: 30px 30px 30px 90px;
            color: #999;
            border-bottom: none;
            font-size: 12px;
            background-size: 160px;
            background-repeat: no-repeat;
            background-position: 10px 50%;
            min-height: 180px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .listing_jobs .readmore {
        min-height: auto;
        padding-top: 0;
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
    }

        .listing_jobs .readmore:hover {
            color: #0056b3;
            text-decoration: underline;
        }

#joinourteam-container a:hover {
    text-decoration: none;
}

.listing_jobs li a .details {
    display: block;
    font-family: campton,Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3em;
    color: #363636;
    margin-top: 0;
    margin-bottom: 10px;
}

    .listing_jobs li a .details strong {
        font-weight: normal;
        margin: 0;
        font-size: 24px;
        line-height: 1.3em;
        color: #363636;
        display: block;
        margin-bottom: 20px;
    }

    .listing_jobs li a .details p {
        font-weight: 100;
        color: #656565;
        font-size: 15px;
        margin-bottom: 20px;
    }

.listing_jobs li a .loc {
    line-height: 1.3em;
    font-size: 14px;
    color: #363636;
    display: block;
}

.listing_jobs li a em.date {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    padding: 0 5px;
    border-radius: 3px;
    box-sizing: border-box;
    background: none;
}

.job {
    height: 170px;
    width: 200px;
}

/*Workshops*/

#WorkshopsListContainer {
    margin-top: 90px;
}


.btnCancel {
    float: left;
    padding-right: 3px;
    padding-left: 3px;
}

.btnAttend {
    width: 100%;
    font-size: 13px;
}

.btnView {
    width: 100%;
}

.btnAttending {
    font-size: 13px !important;
    cursor: default;
    width: 100%;
    background: #ad132f;
    color: #fff;
    opacity: 0.5;
}

.workshopActions {
    padding-right: 0px;
    padding-left: 0px;
}

/*Programs*/

.accordion .card-body {
    padding: 2rem;
}

#programs-container {
    margin-top: 5%;
    margin: 10%;
}

    #programs-container .card-header {
        background: #ad132f;
    }

    #programs-container .card {
        margin-bottom: 1%;
        border: 0;
        box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
    }

    #programs-container .btn-link {
        width: 100%;
        color: #fff;
        font-size: 1.2rem;
    }

        #programs-container .btn-link.focus, #programs-container .btn-link:focus, #programs-container .btn-link.hover, #programs-container .btn-link:hover {
            text-decoration: none;
        }

        #programs-container .btn-link.collapsed:after {
            content: '\002B';
            font-weight: bold;
            float: left;
        }

        #programs-container .btn-link:after {
            content: "\2212";
            font-weight: bold;
            float: left;
        }

.carousel-container {
    margin-bottom: 2%;
}

    .carousel-container .carousel-inner .carousel-item {
        background: #FFF;
    }

    .carousel-container .carousel-inner .carousel-item {
        height: 300px;
        max-height: none;
        padding-top: 0;
    }

        .carousel-container .carousel-inner .carousel-item img {
            /*margin-left: 5px !important;*/
            margin-right: 4px !important;
            width: 300px;
            height: auto;
            max-height: 300px;
        }

    .carousel-container .carousel-inner .carousel-item-right.active, .carousel-container .carousel-inner .carousel-item-next {
        transform: translateX(calc(300px + 4px ));
        background: #FFF;
    }

    .carousel-container .carousel-inner .carousel-item-left.active, .carousel-container .carousel-inner .carousel-item-prev {
        transform: translateX(calc(-300px - 4px))
    }

    .carousel-container .carousel-inner .carousel-item-prev {
        background: #FFF;
    }

    .carousel-container .carousel-inner .carousel-item-right {
        transform: translateX(-4px);
    }

    .carousel-container .carousel-inner .carousel-item-left {
        transform: translateX(4px);
    }


.homePageBanner .carousel-item.active {
    display: inherit !important;
}

.carousel-container .carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: flex;
}

.carousel-container .carousel-control-next, .carousel-control-prev {
    opacity: 1;
}

.carousel-control-next, .carousel-control-prev {
    width: 5%;
}

/*INITIATIVES*/

#initiatives-container {
    margin-top: 5%;
    margin: 10%; /*height: 100%;*/
}

    #initiatives-container .list-group h4 {
        color: #c4112f;
    }

    #initiatives-container .list-group-item-action:hover, #initiatives-container .list-group-item-action:hover hr {
        background-color: #000 !important;
        color: #FFF !important;
        transition: 0.3s ease-in-out;
    }

        #initiatives-container .list-group-item-action:hover p.firstLetter::first-letter, #initiatives-container .list-group-item-action:hover p, #initiatives-container .list-group-item-action:hover small {
            color: #FFF !important;
        }
        /*#initiatives-container .list-group-item-action {        margin-bottom: 10px;        margin-top: 10px;    }*/

        #initiatives-container .list-group-item-action:hover h4 {
            color: #FFF !important;
        }
    /*#initiatives-container .list-group-item-action:hover p        , #initiatives-container .list-group-item-action:hover hr         , #initiatives-container .list-group-item-action:hover small {            opacity: 0;                   }        #initiatives-container h1 {            margin-top: 5%;        }*/

    #initiatives-container .box {
        height: 400px;
        width: 400px;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 3%;
        box-shadow: 0px 0px 10px black;
        transition: 0.4s;
        cursor: pointer;
        display: table;
        text-align: center;
    }

        #initiatives-container .box:hover {
            height: 450px !important;
            width: 450px !important;
            background: #000;
        }

            #initiatives-container .box:hover > h2 {
                font-size: 2.2rem;
                transition: 0.4s;
                color: #fff;
            }

        #initiatives-container .box h2 {
            display: table-cell;
            vertical-align: middle;
            text-transform: uppercase;
        }

    #initiatives-container .box-parent {
        height: auto;
        width: 100px
    }
/*MEDICATION*/

#medication-container {
    margin-top: 5%;
    margin: 10%;
}

.video-container video {
    width: 100%;
    height: 450px;
    margin-bottom: 5%;
}
/*Footer*/

/*footer {
    padding-bottom: 3.5rem !important;
}*/


#subSecFooter {
    background: #efefef;
    padding-top: 3%;
    padding-bottom: 2%;
}

footer h3 {
    font-weight: bold;
    font-size: 35px;
}

footer .group {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

footer input, footer textarea {
    background-color: transparent;
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #757575;
}

footer textarea {
    border: 1px solid #757575 !important;
}

footer input:focus {
    outline: none;
}

    footer input:focus ~ .highlight {
        -webkit-animation: inputHighlighter 0.3s ease;
        -moz-animation: inputHighlighter 0.3s ease;
        animation: inputHighlighter 0.3s ease;
    }

    footer input:focus ~ .bar:before, input:focus ~ .bar:after {
        width: 100%;
    }

    footer input:focus ~ label, input:valid ~ label {
        top: -20px;
        font-size: 14px;
        color: #000;
    }

footer .socialMedia {
    width: 50px;
    height: 57px;
    border-radius: 50% !important;
    display: table !important;
}

    footer .socialMedia i {
        display: table-cell;
        vertical-align: middle;
    }

footer .footerSocialMediaContainer {
    width: 350px;
    margin: 10px auto;
}

footer .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

footer .bar {
    position: relative;
    display: block;
    width: 100%;
}

footer .fab {
    line-height: inherit;
}

footer .bar:before, .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #000;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

footer label {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

footer a {
    color: #000;
    background: transparent;
    text-decoration: none;
    float: right;
    text-transform: uppercase;
    cursor: pointer;
}

footer .footer-section {
    padding-right: 10%;
    padding-left: 10%;
}

footer .footer-second-section {
    padding-left: 5%;
    padding-right: 5%;
}

footer p {
    font-size: 0.9rem;
}

footer .info h4 {
    font-size: 1rem;
    text-transform: uppercase;
}

footer .btn { /*height: 100px;*/
    display: block;
    border-radius: 0; /*width: 100px;*/
    margin: 1%; /*padding-bottom:12px;*/
}

footer i {
    font-size: 1.2rem;
}

footer .footer-second-section span {
    display: block;
    font-size: 0.9rem;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

#form-contactus {
}

.partner-img {
    /*height: 75px;*/
    display: inline-block;
    margin: 0 5px;
}

#partners p {
    display: inline-block;
    vertical-align: middle;
    margin-top: revert;
}

#partners {
    padding: 3%;
    padding-left: 5%;
    padding-right: 5%;
}

    #partners div {
        text-align: center;
        white-space: nowrap;
    }


@media (max-width: 991px) {
    #header .nav-item.languageSelector {
        width: 100%;
    }

    #diabetes-container {
        padding-top: 80px;
    }

    .slide:nth-child(1) .slide__text {
        background-color: rgba(233, 156, 126, 0.8);
    }

    footer i {
        font-size: 1.5rem;
    }
    #articles-listing .card {
        margin-left: auto;
        margin-right: auto;
    }
}

.slide__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    min-height: 810px;
    transition-timing-function: ease-in;
    -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
    will-change: transform, opacity;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
    opacity: 0;
}

@media (max-width: 991px) {
    .icon-bar a, .bmi a {
        font-size: 1rem;
    }

    .slide__overlay {
        display: none;
    }
}

.slide__overlay path {
    opacity: 0.8;
}

.slide__text {
    position: absolute;
    width: 25%;
    bottom: 20%;
    left: 10%;
    color: #fff;
    -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
    transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
    transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
    transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
    will-change: transform, opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

@media (max-width: 991px) {
    .slide__text {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 20rem;
        text-align: center;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
        transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
        transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
        transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
        padding: 0 1rem;
    }
}

.slide__text-heading {
    font-family: "Polar", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 991px) {
    .slide__text-heading {
        line-height: 20rem;
        font-size: 1rem;
    }
}

.slide__text-desc {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 991px) {
    .slide__text-desc {
        display: none;
    }

    #itemDetailContainer {
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 20%;
    }

    .article-author {
        max-width: 100px;
        display: contents;
    }

        .article-author img {
            width: 35%;
            float: right;
            margin: 5%;
        }

    .author-info {
        margin-bottom: 2%;
    }

    .carousel-item {
        max-height: 650px;
        height: 265px;
        padding-top: 70px;
    }

    #header .dropdown-item, .dropdown-item {
        padding: 0.5rem;
    }

    #diabetes-container .diabetes-info h1 {
        font: normal normal bold 40px/1.4em poppins-semibold, poppins, sans-serif;
    }

    #diabetes-container .diabetes-info h3 {
        font-size: 15px;
    }

    .slider-container {
        height: 120px;
    }

    #about {
        height: 120px;
    }

    #articles {
        height: 190px;
    }

    .cust-quotes blockquote {
        top: 0;
    }

        .cust-quotes blockquote p {
            font-size: 0.9rem;
            line-height: 20px;
        }

    .cust-quotes {
        margin-top: 50px;
    }

    footer .footerSocialMediaContainer {
        width: 300px;
    }

    #about-founders .card-wrapper {
        width: 265px;
    }

    #about-founders .card {
        height: 330px;
    }

    #about-founders .card-wrapper {
        height: 350px;
    }

    #about-founders .member-details {
        height: 120px;
    }

    #about-founders .card p, #about-founders .card p {
        font: normal normal normal 9.8px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
    }

    #about-team .card-wrapper {
        width: 265px;
    }

    #about-team .card {
        height: 330px;
    }

    #about-team .card-wrapper {
        height: 350px;
    }

    #about-team .member-details {
        height: 120px;
    }

    #about-team .card p, #about-team .card p {
        font: normal normal normal 9.7px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
    }

    #about-ambassadors .card p, #about-ambassadors .card p {
        font: normal normal normal 9.7px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
    }

    .fixed .card {
        width: 100% !important;
    }

    #programs-container .btn-link {
        font-size: 0.8rem;
    }

    .accordion .card-body {
        padding: 1rem;
    }

    #programs-container {
        margin-top: 20% !important;
        margin: 1%;
    }

    #subPage {
        margin-top: 20%;
    }

    #donationButtonsContainer a {
        width: 100%;
    }

    .title-div h1 {
        font-size: 2rem;
    }

    .title-div h3 {
        font-size: 1.5rem;
    }

    .title-div h1, .title-div h3 {
        margin-top: 5%;
        text-align: center;
        display: inherit;
    }

    .title-div img {
        display: table-cell;
        text-align: center;
        margin: 0 auto;
    }

    .paddedRow {
        padding: 1rem;
    }

    #medication-container {
        margin-top: 20% !important;
    }

        #medication-container .title {
            font-size: 1.5rem;
        }

    #btnDivTakeAction {
        left: 110px !important;
    }
}

.slide__text-link {
    z-index: 5;
    display: inline-block;
    position: relative;
    padding: 0.5rem;
    cursor: pointer;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

@media (max-width: 991px) {
    .slide__text-link {
        display: none;
    }
}

.slide__text-link:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(-85deg);
    transform: rotateX(-85deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    will-change: transform;
}

.slide__text-link:hover:before {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}
/*Newsletter*/

#newsletter-container {
    position: relative;
    background-color: #ad132f;
    margin: 0 auto;
    width: 100%;
    padding: 4%;
/*    display: none;*/
}

    #newsletter-container .title {
        text-transform: uppercase;
        text-align: center;
        color: #fff;
    }

    #newsletter-container .description {
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 1.25rem;
    }

    #newsletter-container input {
        background: #1f2021;
        border: #1f2021;
        border-radius: 0;
        width: 80%;
        vertical-align: middle;
        height: 50px;
        margin: 0 auto;
        height: 65px;
        color: #fff;
        display: inline-block;
        color: #e2e2e2;
    }

    #newsletter-container button {
        background: #ffffff;
        color: #1f2021;
        border-radius: 0;
        height: 65px;
        width: 15%;
        vertical-align: middle;
        margin: 0 auto;
        border: 1px solid #1E2021;
        box-shadow: none;
        font-weight: bold;
    }

#newsletter-subscribe {
    z-index: 10;
    position: absolute;
    width: 65%;
    bottom: -12%;
    left: 20%;
}

    #newsletter-subscribe input::placeholder {
        color: #fff;
    }
/*Contact Us*/ /* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {
}
/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (max-width: 1200px) {
}
/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (max-width: 992px) {
    #boxes-container .row2 .col-lower .updates, #boxes-container .glue-col {
        position: inherit;
        margin: auto;
    }

    #boxes-container .row2 .col-lower .updates {
        background-color: #ad132f;
    }

    #boxes-container .row2 .col-upper {
        background-color: #7eb8e0;
    }

    #carousel-container .carousel-content h3 {
        font-size: 15px;
    }

    #carousel-container .carousel-content p {
    }

    #Logo {
        max-width: 200px;
    }

    #news video {
        width: 100%;
    }

    #news img {
        width: 100%;
    }

    .navbar-collapse {
        position: relative;
    }

    .nav-row {
        width: 100%;
    }

    .account-btns {
        padding-top: 5% !important;
        padding-bottom: 5% !important;
    }

    #categories-container .nav-tabs {
        height: 100%;
    }

    #recipes-listing .offer {
        margin-bottom: 10%;
        margin-top: 10%;
    }

    #account-container {
        min-height: 40vh;
    }

    #joinourteam-container .tab-content {
        padding: 5px;
    }

    .listing_jobs li {
        width: 100%;
    }

    #joinourteam-container .nav {
        width: 80%;
        padding-right: 0;
    }
}
/* Social Media Ribbon */ /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */

.icon-bar, .bmi {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
}

.bmi {
    top: 74%;
}
    /* Style the icon bar links */

    .icon-bar a, .bmi a {
        display: block;
        text-align: center;
        padding: 10px;
        transition: all 0.3s ease;
        color: white;
        font-size: 18px;
        background: rgba(196, 32, 51, 1);
    }

    .bmi a {
        padding: 9.8px;
        font-size: 18px;
    }
        /* Style the social media icons with color, if you want */

        .icon-bar a:hover, .bmi a:hover { /*background-color: #000;*/
            background-color: #767676 !important;
            text-decoration: none;
        }
/*End Social Media Ribbon*/ /* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {


    #boxes-container .row1 {
        height: 100%;
    }

    #boxes-container .row2 .col-lower .updates {
        background-color: #ad132f;
    }

    #boxes-container .row2 .col-upper {
        background-color: #7eb8e0;
    }

    #boxes-container .row2 {
        height: 100%;
    }

    .icon-bar {
        display: none;
    }

    .navbar-nav {
        padding: 0;
    }

    #boxes-container .row2 .col-lower .updates, #boxes-container .glue-col {
        position: inherit;
        margin: auto;
    }

    #boxes-container .row2 .col-lower .col-lg-8.col-sm-12 {
        display: none;
    }

    #boxes-container .row2 .col-lower .col-lg-4.col-sm-12 {
        padding-left: 15%;
    }

    .carousel {
        max-width: 900px;
        max-height: 100%;
    }

    #welcome-message {
        letter-spacing: 5px;
    }

        #welcome-message h1 {
            font-size: 30px;
        }

    .title {
        padding-top: 8%;
        font-size: 2.2rem;
    }

    .carousel-item__title {
        font-size: 1.5rem;
    }

    .carousel-item__info {
        padding-right: 5px;
        width: 60%;
    }

    .icon-bar, .bmi {
        top: 40%;
    }

        .icon-bar a, .bmi a {
            padding: 8px;
        }

    .nav-link {
        padding-right: 15px !important;
    }

    #ingredients:after {
        display: none;
    }

    #nutrition-facts {
        margin-top: 10%;
    }

    #recipe-img {
        width: 50% !important;
    }

    #recipe-desc {
        font-size: 0.8rem;
        margin-top: 10%;
    }

    #recipe-title {
        padding: 10px;
    }

        #recipe-title h1 b {
            font-size: 2.5rem;
        }

    #recipe-content2 h4 {
        margin-bottom: 10%;
        margin-top: 10%;
        font-size: 1.6rem;
    }

    #recipe-content2 ul li {
        font-size: 0.8rem;
    }

    #img-container {
        height: 55vh;
    }

    #ingredients:after {
        display: none;
    }
}