/*Script Bold*/

@font-face {
    font-family: segoescript;
    src: url(segoescb.ttf) format('truetype');
}


/*Script Regular*/

@font-face {
    font-family: segoescriptregular;
    src: url(segoe-script.ttf) format('truetype');
}


/*Regular*/

@font-face {
    font-family: segoeui;
    src: url(segoeui.ttf) format('truetype');
}


/*Regular Bold*/

@font-face {
    font-family: segoecb;
    src: url(segoeuib.ttf) format('truetype');
}

.no-gutter {
    padding: 0px;
}

body {
    background: #000;
    position: relative;
}


/* BACKGROUND SECTION */

.backgrounds {
    position: absolute;
    z-index: 10;
    height: 100%;
    min-height: 100%;
    width: 100%;
    margin-left: -15px;
}

.backgrounds .top {
    background: url(../img/top_right.png) no-repeat;
    background-position: top right;
    height: 680px;
    width: 50%;
    right: -15px;
    top: 0px;
    position: absolute;
}

@media(max-width:640px) {
    .backgrounds .top {
        display: none;
    }
}

.backgrounds .bottom .left_b {
    background: url(../img/bottom_left.png) no-repeat;
    background-position: bottom left;
    background-size: contain;
    height: 1040px;
    width: 60%;
    left: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 90;
}

.backgrounds .bottom .right_b {
    background: url(../img/bg_500.jpg) no-repeat;
    background-size: contain;
    background-position: bottom right;
    height: 800px;
    width: 50%;
    right: -10px;
    bottom: 200px;
    position: absolute;
}

.backgrounds .bottom .right_b:after {
    display: block;
    content: " ";
    background: url(../img/bg_500.jpg) no-repeat;
    background-size: cover;
    background-position: bottom right;
    height: 200px;
    width: 100%;
    right: -10px;
    bottom: 20px;
    position: absolute;
    transform: translateY(100%) scaleY(-1);
    -webkit-mask-image: -webkit-gradient(linear, right 160%, right top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    opacity: 0.6;
    overflow: hidden;
}

@media(max-width:640px) {
    .backgrounds .bottom .left_b {
        height: 800px;
        background-size: 160% 49%;
    }
    .backgrounds .bottom .right_b {
        background-size: 100% 50%;
        height: 430px;
    }
    
    .backgrounds .bottom .right_b:after {    
        bottom: 0px;
        
    }
}


/* END OF BACKGROUND SECTION */

.container {
    position: relative;
}

.container .row >* {
    z-index: 100;
}

.headerbg {
    background-color: #e5e5e5;
    color: #052873;
    font-size: 2em;
    height: 100px;
}

.logo {
    text-align: left;
    max-width: 60px;
    display: inline-block;
    position: absolute;
    left: 50px;
    top: 15px;
}

@media(max-width:640px) {
    .logo {
        text-align: left;
        max-width: 45px;
        display: inline-block;
        position: absolute;
        left: 50px;
        top: 20px;
    }
}

.heading_txt {
    display: inline-block;
    height: 100px;
    line-height: 100px;
    font-family: "segoescript", serif;
}

@media(max-width:640px) {
    .heading_txt {
        font-size: 17px;
        padding-left: 40px;
    }
}

.video {
    margin-top: 45px;
    padding: 0px 50px;
}

#div_video {
    width: 100%;
    background-color: transparent!important;
}

.video img {
    margin: 0 auto;
    width: 100%;
}

.par_intro {
    margin-bottom: 50px;
}

.par_intro p {
    color: white;
    font-size: 1.6em;
    font-family: segoecb;
    margin: 0px auto;
}

@media(max-width:640px) {
    .par_intro p {
        margin-top: 20px;
    }
}

.placeholder_selection {
    padding: 0px 35px;
}

.charities {
    padding: 0px;
}

.charities div img {
    margin: 0 auto;
    opacity: 0.7;
    transition: all 222ms linear;
}

@media (max-width: 768px) {
    .charities div img {
        padding: 5px;
    }
}

.charities div a:hover img,
.charities div a:active img,
.charities div a:focus img {
    opacity: 1;
}

@media(max-width:640px) {
    .charities div {
        padding: 10px;
        margin: 0px;
    }
    .charities div img {
        margin: 0 auto;
    }
}

.charities div {
    transition: all 222ms cubic-bezier(.05, .87, .76, .88);
}

.charities div:last-child {
    margin-bottom: 30px;
}

.hidden_c {
    opacity: 0!important;
}

@media(max-width:640px) {
    .hidden_c {
        opacity: 0!important;
        display: none!important;
    }
}

.active_c {
    opacity: 1!important;
    margin: 0 0 50px 0!important;
}

.move_left {
    transform: translate3d(-100%, 0, 0);
}

.move_right {
    transform: translate3d(100%, 0, 0);
}

@media(max-width:640px) {
    .move_left {
        transform: translate3d(0, 0, 0)!important;
    }
    .move_right {
        transform: translate3d(0, 0, 0)!important;
    }
}

.quote_txt {
    margin: 0px 0px 20px;
}

.quote_txt p {
    color: white;
    font-size: 1.6em;
    font-style: italic;
    width: 80%;
    margin: 10px auto 5px;
    font-family: segoescriptregular;
}

.quote_txt span {
    padding-top: 20px;
    font-size: 1.2em;
    color: white;
    font-weight: 300;
    font-family: segoeui;
    letter-spacing: 0.8px;
}

.footer {
    margin-top: 50px;
    background-color: #81868a;
}

.footerLeft {
    text-align: left;
    padding-left: 50px;
}

.span_white_logo {
    line-height: 100px;
    height: 100px;
}

.logowhite {
    display: inline-block;
    max-width: 62px;
}

@media(max-width:640px) {
    .logowhite {
        max-width: 42px;
    }
}

.copyright {
    background-color: #404040;
    color: white;
    height: 50px;
    padding-right: 50px;
}

.copyright span {
    line-height: 50px;
    height: 50px;
}

@media(max-width:640px) {
    .copyright span {
        font-size: 0.9em;
    }
}

.footerRight {
    text-align: right;
    padding-right: 50px;
}

.footerRight a {
    cursor: pointer;
}

.twitterLogo,
.linkedinLogo,
.twitterLogo:hover,
.linkedinLogo:hover,
.twitterLogo:focus,
.linkedinLogo:focus {
    color: #FFFFFF;
    padding-left: 10px;
    font-size: 2.2em;
    vertical-align: sub;
}

.twitterLogo i,
.linkedinLogo i {
    vertical-align: middle;
}

.all_about_you {
    font-family: segoescript;
    font-size: 1.2em;
    color: #bfbfbf;
    height: 100px;
    vertical-align: middle;
    line-height: 100px;
}

@media(max-width:640px) {
    .all_about_you {
        font-size: 1em;
    }
}

@media(max-width:360px) {
    .all_about_you {
        font-size: 0.8em;
    }
}

.starlight,
.beyond,
.cancer {
    display: none;
    margin-top: 60px!important;
}


/*VideoJs styles*/

.div_video-dimensions {
    height: 650px!important;
}

.vjs-big-play-button {
    display: none!important;
}

@media(max-width:920px) {
    .div_video-dimensions {
        height: 380px!important;
    }
}

@media(max-width:640px) {
    .div_video-dimensions {
        height: 320px;
    }
}


 #mob_video{
    display: none;
}
.touchDev #placeholder_video{
    display: none;
}
.touchDev #mob_video{
    display: block;
}
#placeholder_video{
  cursor: pointer;  
}