


#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}

.bg-color{
    background:#414e5a!important;

}

.content {
    /*position: fixed;*/
    bottom: 0;
    color: #fff;
    width: 100%;
	height:100%;
	
background: rgba(46,183,140,1);
background: -moz-linear-gradient(left, rgba(46,183,140,1) 0%, rgba(64,153,159,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(46,183,140,1)), color-stop(100%, rgba(64,153,159,1)));
background: -webkit-linear-gradient(left, rgba(46,183,140,1) 0%, rgba(64,153,159,1) 100%);
background: -o-linear-gradient(left, rgba(46,183,140,1) 0%, rgba(64,153,159,1) 100%);
background: -ms-linear-gradient(left, rgba(46,183,140,1) 0%, rgba(64,153,159,1) 100%);
background: linear-gradient(to right, rgba(46,183,140,1) 0%, rgba(64,153,159,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eb78c', endColorstr='#40999f', GradientType=1 );
/*opacity: 0.8;*/

}

.clear_fix{
	clear:both;
}


.border {
    border: none !important;
}


.live-border {
    display: inline-block;
    position: relative;
    overflow: visible;
	padding:25px 35px 20px 35px;
}

.live-border .border {
    position: absolute;
    background:transperant;
    overflow: hidden;
}

.live-border .border.top {
    height: 6px;
    width: 100%;
    top: 0px;
    left: 0px;
}

.live-border .border.right {
    height: 100%;
    width: 6px;
    top: 0px;
    right: 0px;
}

.live-border .border.bottom {
    height: 6px;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

.live-border .border.left {
    height: 100%;
    width: 6px;
    top: 0px;
    left: 0px;
}

.live-border .border .bar {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    left: 0px;
    top: 0px;
    z-index: 99;
}

.live-border .border.top .bar {
    left: 100%;
    animation: live-border-animate-top 2s linear 2s infinite;
}

.live-border .border.right .bar {
    top: 100%;
    animation: live-border-animate-right 2s linear 1s infinite;
}

.live-border .border.bottom .bar {
    left: -100%;
    animation: live-border-animate-bottom 2s linear 0s infinite;
}

.live-border .border.left .bar {
    top: -100%;
    animation: live-border-animate-left 2s linear 3s infinite;
}

@keyframes live-border-animate-top {
    0%{
        left: 100%;
    }
    100%{
        left: -100%;
    }
}

@keyframes live-border-animate-right {
    0%{
        top: 100%;
    }
    100%{
        top: -100%;
    }
}

@keyframes live-border-animate-bottom {
    0%{
        left: -100%;
    }
    100%{
        left: 100%;
    }
}

@keyframes live-border-animate-left {
    0%{
        top: -100%;
    }
    100%{
        top: 100%;
    }
}




