html {
    background: #000;
}

body {
    font-size: 17px;
    font-family: "proximanova-regular", Arial, sans-serif;
    background: url(../images/bkg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: inherit;
    height: 100%;
}

a:link {
    color: unset;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "proximanova-bold", Arial, sans-serif;
}

em {
    font-family: "proximanova-regular-italic", Arial, sans-serif;
}

ul {
    margin: 0 0 1.5em;
    padding: 0;
}

img {
    max-width: 100%;
}

#networkWrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: 826px;
    padding: 0 3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px;
}

#networkWrapper a.logoLink {
    top: unset;
    float: none;
}

#networkBanner ul.menu {
    position: relative;
    float: none;
    top: unset;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
}

#networkBanner ul.menu li {
    margin-left: 10px;
}

@media screen and (max-width: 800px) {
    #networkWrapper {
        display: block;
        padding: 0;
        transition: max-height 500ms ease-in-out;
    }
    #networkWrapper.uncollapsed {
        overflow: visible;
        transition: max-height 500ms ease-in-out;
    }
}

h1.headline {
    font-family: trajan-pro-3, serif;
    font-style: normal;
    font-weight: 400;
    color: #202020;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin: 20px auto;
}

h2.headline {
    font-family: trajan-pro-3, serif;
    font-style: normal;
    font-weight: 400;
    color: #202020;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin: 20px auto;
}

div.divider {
    max-width: 294px;
    height: 2px;
    background: #999999;
    margin: 15px auto;
}

h3.subheading {
    color: #4F4D4D;
    font-family: proximanova-bold, Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 35px;
    max-width: 547px;
}

.container {
    width: 90%;
    max-width: 633px;
    margin: 0 auto;
    overflow: visible;
}

.container strong {
    font-family: proximanova-bold, Arial, sans-serif;
}

.container p {
    color: #191919;
    font-family: proximanova-regular, Arial, sans-serif;
    font-size: 17px;
    line-height: 22px;
}

.container p+p {
    margin-top: 30px;
}

.container ul {
    margin: 25px 0 30px 0;
    padding: 0;
}

.container li {
    font-family: proximanova-regular, Arial, sans-serif;
    font-size: 17px;
    color: #191919;
    margin-left: 35px;
    list-style: disc;
}

.container li.heart-before {
    list-style: none;
    margin-left: 0;
    text-indent: 20px;
    position: relative;
}

.container li.heart-before:before {
    content: '';
    display: block;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 2px;
    background-image: url(../images/red-heart.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.testimony-box {
    box-sizing: border-box;
    border: 2px solid #E3E0D2;
    background-color: #F0ECDB;
    border-radius: 10px;
}

.testimony-heading {
    color: #191919;
    font-family: proximanova-bold, Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    margin: 30px 0 20px 0;
}

.testimony-text {
    width: 90%;
    max-width: 552px;
    margin: 0 auto;
    margin-bottom: 30px;
}

blockquote {
    font-family: trajan-pro-3, serif;
    font-style: normal;
    font-weight: 400;
    color: #191919;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    margin: 35px auto;
}

blockquote .author {
    color: #797979;
    font-size: 14px;
}

blockquote .author em {
    font-family: trajan-pro-3, serif;
    font-style: italic;
    font-weight: 400;
}

h1#logo img,
#votn-premium-button {
    text-align: center
}

h1#logo img,
#votn-premium-button img {
    max-width: 100%;
    height: auto;
    width: 100%;
    display: block;
    margin: 0 auto;
}

h1#logo {
    width: 60%;
    float: left;
}

h1#logo span {
    display: none;
}

h2 {
    font-size: 1.3em
}

#votn-wrapper {
    width: 826px;
    margin: 60px auto;
    background: #f5f5f5;
    position: relative;
    border-radius: 20px;
}

#votn-content {
    padding: 30px;
}

#votn-sidebar {
    padding: 3%;
    width: 94%;
}

#votn-footer {
    clear: both;
}

#votn-premium-button img#dvd {
    position: absolute;
    bottom: 5px;
    height: 85%;
    width: auto;
    left: 6%;
}

.one-third {
    width: 33%;
    float: left;
    box-sizing: border-box;
    position: relative;
}

.two-third {
    width: 66%;
    float: left;
    box-sizing: border-box;
    padding-left: 15px;
}

.video-excerpt {
    margin-bottom: 30px;
}

.video-excerpt a {
    color: #000;
    font-size: 14px;
}

.video-excerpt a.video-description {
    font-size: 12px;
    clear: both;
    display: block;
}

.video-instance {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
}

.caps {
    text-transform: uppercase;
}

p.ecfa {
    font-size: 15px;
    color: #999;
    text-align: center;
}

#videoContainer {
    background-image: url(/images/premiums/behealed/videoBG.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    text-align: right;
    position: absolute !important;
    width: 60%;
    height: 330px;
    z-index: 500;
    color: #fff;
}

#videoPlayer {
    padding: 20px;
    padding-right: 80px;
    height: 290px;
    position: relative;
}

#videoPlayer object {
    height: 290px !important;
}

#videoClose {
    position: absolute;
    cursor: pointer;
    right: 30px;
    bottom: 30px;
    width: 30px;
    height: 30px;
}

#videoClose img {
    height: 100%;
    width: auto;
}

#streaming {
    color: #333333;
    text-align: center;
    text-transform: uppercase;
}

.video-wrapper {
    margin: 0 auto;
    max-width: 715px;
}

.video-container-type {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.video-container-type iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.copyright {
    text-align: center;
    color: #fff;
    width: 100%;
    padding-bottom: 10px;
    margin: 0 auto;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.4);
}

.copyright a {
    color: #fff;
}

.give-now-btn {
    z-index: 1;
}

.give-now-btn a {
    box-sizing: border-box;
    background: #fba319;
    /* Old browsers */
    font-family: 'proximanova-semibold', Arial, serif;
    color: #000;
    padding: 18px 10px;
    display: block;
    font-size: 18px;
    line-height: 22px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-bottom: 3px solid #ce8904;
    text-decoration: none;
    max-width: 560px;
    text-align: center;
    margin: 35px auto;
    z-index: 1;
}

.give-now-btn a:hover {
    box-shadow: inset 0 0px 12px rgba(255, 255, 255, 0.45);
}

.give-now-btn a em {
    font-family: 'proximanova-semibold', Arial, serif;
}

.chapter-title {
    text-transform: uppercase;
}

a.buttonLink:link {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.chapter-info {
    margin-bottom: 30px;
}

.chapter-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.chapter-heading span {
    display: block;
    color: #191919;
    font-family: proximanova-bold, Arial, sans-serif;
    font-size: 20px;
    width: calc(100% - 39px);
}

.chapter-heading a {
    display: block;
    text-decoration: none;
    margin-left: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 39px;
        flex: 0 0 39px;
    width: 29px;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.chapter-heading a svg {
    width: 29px;
    height: 29px;
}

.chapter-description {
    margin-left: 30px;
    margin-top: 20px;
}

.promo {
    position: relative;
    margin-bottom: 30px;
    height: auto;
}

.promo-img {
    max-width: 334px;
    width: 90%;
    margin: 0 auto;
    z-index: 0;
}

.promo-img img {
    z-index: 0;
}

.promo .give-now-btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
}

.promo .give-now-btn a {
    margin: 0 auto;
}

.promo .promo-img .img-responsive {
    display: block;
    max-width: 100%;
}

.half {
    width: 48%;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.margin {
    margin-bottom: 30px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

@media screen and (max-width:1000px) {
    #votn-wrapper {
        width: 94%;
    }
    #videoContainer {
        width: 400px;
        height: 200px;
    }
    #videoPlayer {
        height: 160px;
    }
    #videoPlayer object {
        height: 160px !important;
    }
    #streaming,
    #streaming br {
        display: none;
    }
    #streaming,
    #votn-premium-button {
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }
    #votn-premium-button img {
        float: none !important;
    }
}

@media screen and (max-width:768px) {
    /*body {	
background: #e1f0f3 url(/images/premiums/behealed/be-healed-mobile-bkg.jpg) top center no-repeat;
background-size:contain;
}*/
    h1#logo,
    #votn-premium-button {
        float: none;
    }
    h1#logo {
        width: 100%;
    }
    .half {
        width: auto;
    }
}

@media screen and (max-width:768px) {
    #votn-wrapper {
        width: 90%;
        margin: 60px auto;
    }
    #votn-content {
        padding: 5%;
        width: 90%;
    }
    #pat-logo {
        display: none;
    }
    #videoContainer {
        background: #07AACD;
        width: 100%;
        height: 283px;
        position: fixed !important;
        margin-bottom: 5px;
        top: 50%;
        margin-top: -141px;
        left: 0;
        z-index: 500;
    }
    #videoPlayer {
        padding: 0px;
        width: 100%;
        height: 283px;
    }
    .overlay {
        background: rgba(46, 46, 46, 0.85);
        position: fixed;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 99;
        top: 0;
        left: 0;
    }
    #videoClose {
        bottom: inherit;
        right: inherit;
        left: 0px;
        top: -41px;
        height: 41px;
        width: 100%;
        text-align: right;
    }
    .chapter-heading span {
        width: calc(100% - 39px);
    }
}