.chapterHeader {
    font-size: 130%;
    font-weight: 700;
}

.courseOverview {
    padding: 0 30px;
}

.Description-overvie {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
    color: white;
}

video {
    background-color: white;
}

.video-view {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: .25rem;
}

#vapp .nav-tabs > li > a {
    font-weight: 600;
    padding: 10px 20px 10px 25px;
    background-color: #e7e7e7;
}

#vapp li.current {
    background-color: #dfcbdc;
}

    #vapp li.current a {
        color: #922e7f;
    }

.videoPlayer {
    cursor: pointer;
}

.programsNav {
    padding: 42px 0px 42px 0px;
}

#mobileMenu {
    position: fixed;
    /*top: 126px;*/
    z-index: 1000;
}

.sticky {
    position: fixed;
    /*top: 126px;*/
}

.disableNav {
    pointer-events: none;
    opacity: 0.4;
}
.programsNav ul {
    list-style-type: none;
}

    .programsNav ul li {
        font-size: 18px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.07px;
        color: #3f2a56;
        padding-top: 3px;        
        background-repeat: no-repeat;
        background-size: 24px 24px;
        padding-bottom: 20px;
        padding-left:30px;
    }

.programsNav .menuItemContainer {
    padding: 10px 10px 10px 0px;
}
.programsNav .current {
    background-color: #dfcbdc;
}

    .programsNav .current a, .programsNav .current .menuIcon {
        color: #922e7f;
    }

.programsNav .menuItem {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
    color: #3f2a56;
}

.programsNav .menuIcon {
    padding-right:0px;
    text-align:right;
}
.programsContent {
    padding: 34px 60px 34px 60px;
    background-color: #3f2a56;
    color: white;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .9;
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}

.courseTitle {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: white;
    padding-bottom: 10px;
}

#vapp h2 {
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.09px;
    color: white;
    padding: 20px 0 0px 0;
}

#vapp h3, #vapp .h3 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
    color: white;
    margin-top: 10px;
    padding-bottom: 10px;
}



#vapp .row {
    margin-right: 0px;
    margin-left: 0px;
}

.popover.top, .popover.bottom {
    z-index: 100;
}

.popover-title {
    display: none;
}

.popover-content {
    color:black;
}


.cardImageTimeToComplete {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
}

.cardLockOverlay {
    opacity: 0.6;
}

.cardLockImage {
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: left;
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
}

.programs-banner-img {
    background-image: url(/Content/images/amare-programs/AmareLifePrograms-Header.jpg);
    /*background-size: 100%;*/
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 6.208333% 0 0 0;
}

    .AmareLife-Programs {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 32px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.12px;
        text-align: center;
        color: white;
        padding-bottom: 7%;
    }

.Healthy-Living-Start {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.09px;
    text-align: center;
    color: white;
    margin-top:10px;
}


.Unlock-all-the-menta {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.09px;
    color: white;
}

.Rectangle {
    background: #c1d8ec;
    padding: 25px 0 20px 0;
}

.Become-an-Amare-Pref {
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.12px;
    color: #3f2a56;
}

#vapp .btn {
    background-color: #68478d;
    border-color: #68478d;
    border-radius: 20px;
    padding: 7px 25px;
    width: 100%;
}

#vapp #unlockProgramPublic .btn {
    font-size:12px;
}

#vapp .btn-recipe {
    background-color: #68478d;
    border-color: #68478d;
    border-radius: 20px;
    padding: 7px 25px;
    width: 55%;
}

.Already-a-member-Si {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
    text-align: center;
    color: #3f2a56;
}
.UNLOCK-ALL-Programs {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.08px;
    color: black;
    list-style-type: none;
}
.UNLOCK-ALL-Programs li {
    padding-bottom:5px;
}
    .Connect-with-a-commu {
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.09px;
        color: #003c71;
    }

.People-Why-the-Peo {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
    color: black;
}

#programsContentPublic {
    padding: 30px 0 30px 0;
}


#connectWithPeoplePublic {
    background-color: white;
    padding: 20px 0 30px 0;
}


#myElement {
    background: silver;
    height: 300px;
    text-align: center;
    font: 30px/300px Helvetica, Arial, sans-serif;
}

.slick-prev:before, .slick-next:before {
    color: white;
}

.slick-arrow {
    /*background-color:skyblue;*/
}
.slider {
    margin: 0px auto;
}

.left-align-slick > .slick-list > .slick-track {
    margin-left: 0;
}

.browse-left-arrow, .browse-right-arrow {
    position: absolute;
    height: 130%;
    /*background-color: #141414;*/
    background-color:orange;
    border-top: transparent;
    border-bottom: transparent;
    outline: none;
    bottom: 0;
    top: 31%;
    transform: translateY(-45%);
    opacity: 1;
    width: 4em;
}

.browse-left-arrow {
    opacity: 1;
    left: -3.8rem;
    z-index: 100;
    border-right: transparent;
}

.icon-arrow-left-inverse {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…1.1.4.3.4.7.1%201z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}


.Short-description-of {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
    color: white;
}


#vapp .topic-card {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 56.25%;
    position: relative;
    margin-top: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: .25rem;
    margin-bottom: 10px;
}


#vapp .text-one-line {
    width: 100%;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 0 0 0;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/* Tablets & Phones - img size MEDIUM*/
@media (max-width : 767px) {
    #vapp h3, #vapp .h3 {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.05px;
        color: white;
        margin-top: 10px;
        padding-bottom: 10px;
    }

    #vapp .text-one-line {
        width: 100%;
        padding: 0;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin: 0 0 0 0;
        text-align: left;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 5px;
    }


    #mobileMenu li a {
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.07px;
        text-align: center;
        color: #3f2a56;
    }

 

  

    .programsContent {
        padding: 60px 30px 34px 30px;
        background-color: #3f2a56;
        color: white;
    }

    .programsNav {
        padding: 42px 30px 42px 30px;
    }

    .cardImageTimeToComplete {
        color: #fff;
        position: absolute;
        bottom: 4px;
        left: 3px;
        text-align: left;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.07px;
    }


    .cardLockImage {
        color: #fff;
        position: absolute;
        bottom: 4px;
        right: 4px;
        text-align: left;
        font-size: 21px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.07px;
    }

    #programsContentPublic {
        padding: 0 28px 15px 28px;
    }

    #unlockProgramPublic {
        padding: 27px 28px 27px 28px;
    }

    #connectWithPeoplePublic {
        background-color: white;
        padding: 27px 28px 27px 28px;
    }

    #vapp .btn-recipe {
        background-color: #68478d;
        border-color: #68478d;
        border-radius: 20px;
        padding: 7px 25px;
        width: 100%;
    }

    .Description-overvie {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.06px;
        color: white;
        margin: 20px 0 20px 0;
    }

    .courseTitle {
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.08px;
        color: white;
    }
    .programs-banner-img {
        background-image: url(/Content/images/amare-programs/AmareLifePrograms-Header.jpg);
        /*background-size: 100%;*/
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding: 20.208333% 0 0 0;
    }

   

    .AmareLife-Programs {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.09px;
        text-align: center;
        color: white;
        margin-bottom: 40px;
    }

    .Healthy-Living-Start {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.07px;
        text-align: center;
        color: white;
    }

    .Unlock-all-the-menta {
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.06px;
        color: white;
    }



    .Become-an-Amare-Pref {
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.09px;
        color: #3f2a56;
    }

    .UNLOCK-ALL-Programs {
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.07px;
        color: black;
        list-style-type: none;
    }

    .Already-a-member-Si {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.05px;
        text-align: center;
        color: #3f2a56;
    }

    .Connect-with-a-commu {
        font-size: 22px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.09px;
        color: #003c71;
    }

    .People-Why-the-Peo {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.05px;
        color: black;
    }

    .Short-description-of {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.05px;
        color: white;
    }

}