.home-hero-oo{
    /*height:650px;*/
    /*background-image: url("https://www.google.com/wallet/static/images/pages/home/sections/hero/hero-bg-1600.jpg");*/
    
    /*background-image: url("https://img.youtube.com/vi/o297A1wmys0/maxresdefault.jpg");*/
    
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;

    

}

@media (max-width: 768px) {
    .home-hero-oo{
        height:425px;
    }
}
/*@media (max-width: 1400px) {
    .home-hero-oo{
        background-size: auto 100%;
    }
}*/


#carousel-example-generic{
    height:575px;
    box-shadow: 0 18px 36px rgba(0,0,0,0.35);
}

#carousel-example-generic .carousel-inner{
    height:100%;
}

#carousel-example-generic .item{
    height:100%;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.ribbon{
    padding:10px;
    background-color:#db2213;
    color:#fff;
    position: absolute;
    right:0;
    top:50px;
   
    z-index: 10;
    /*-ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);*/
}

.page-header-fmc{
     margin-bottom: 0;
}


.carousel-inner{

}

.drop-shadow
{
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-content h1.carousel-title a{
    color:#fff;
    

}


.carousel-content
{
    position:absolute;
    bottom:100px;
    color:#fff;
}


.carousel-caption{
    text-align: left;
    top:50%;
    
    /*background:rgba(0, 0, 0, 0.7);*/
    
    /*width:300px;
    padding:20px;
    /*background: rgba(255, 255, 255, .5);*/
}

.carousel-indicators{

}


/*
inspired from http://codepen.io/Rowno/pen/Afykb
& https://jsfiddle.net/q0rgL8ws/
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
}
.item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



.profile-widget .cover{
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    background-blend-mode: overlay;
    background-color: #448aff;
    background-image: url(http://dmypbau5frl9g.cloudfront.net/assets/common/bg-page-section-00fcdc3f6a998791f63bb32dc69b1105.png);
    height:185px;
}





  .feed-wrapper{
    /*border-top:4px solid #d3d6db;
    border-bottom:4px solid #d3d6db;*/
    padding-top:20px;
    background-image: url("activity_bg_green.png");
    background-repeat: repeat-y;
    background-position: 60px;
    margin-bottom:20px;

  }


  span.feed-marker{
        display: block;
        width: 15px;
        height: 15px;
        
        position: absolute;
        z-index: 2;
        left: -22px;
        top: 20px;
        border: 4px solid #d3d6db;
        background: #448aff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }


      span.feed-marker-phone{
        display: block;
        width: 15px;
        height: 15px;
        
        position: absolute;
        z-index: 2;
        left: 53px;
        top: -8px;
        border: 4px solid #d3d6db;
        background: #448aff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }





    .feed-cover{
    /*height:650px;*/
   background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    background-blend-mode: overlay;
    background-color: #448aff;
    background-image: url(http://dmypbau5frl9g.cloudfront.net/assets/common/bg-page-section-00fcdc3f6a998791f63bb32dc69b1105.png);

    

}





.video-player {
        position: relative;
        padding-bottom: 56.25%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    background-blend-mode: overlay;
    background-color: #448aff;
    background-image: url(http://dmypbau5frl9g.cloudfront.net/assets/common/bg-page-section-00fcdc3f6a998791f63bb32dc69b1105.png);
        /*margin: 5px;*/

    }
    
    .video-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .video-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
        -webkit-filter: brightness(75%);

    }
    
    
    
    .video-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("//i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }


    blockquote.normalize {
    font-size:13px;
}