/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 @-webkit-keyframes fadein {
    from { opacity: 0.7; }
    to { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0.7; }
    to { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0.7; }
    to { opacity: 1; }
}

.video-view {
	position: absolute;
	top: 20px;
	left: 20px;
    z-index: 9999999;
}
.aevideo-label {
	float: left;
    background: hsl(350deg 86% 55%);    
    border-radius: 3px;
    text-transform: uppercase;
    color: #FFF;
    font-size: .8125rem;
    display: inline-block;
    height: 27px;
    width: 80px;
    text-align: center;
    line-height: 27px;
   -webkit-animation: fadein 0.7s ease-in alternate infinite;
    -moz-animation: fadein 0.7s ease-in alternate infinite;
    animation: fadein 0.7s ease-in alternate infinite;
    font-weight: bold;
    cursor: pointer;
}
.view-counter {
	width: 80px;
	float: left;
	text-align: center;
}
.view-img {
	background-image: url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yt/r/yq0F2n0qd5B.png?_nc_eui2=AeF2rvI8bBp0KeBOkM4Z30ihg5w9Oo3Uc4aDnD06jdRzhlI-6oM9JwwJWv_uATT1i9qcWdeixDZpDGJizZpkdP05);
    background-position: -13px -347px;
    background-size: auto;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    display: inline-block;
}
.close__banner i {
	background-image: url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v3/yt/r/yq0F2n0qd5B.png?_nc_eui2=AeF2rvI8bBp0KeBOkM4Z30ihg5w9Oo3Uc4aDnD06jdRzhlI-6oM9JwwJWv_uATT1i9qcWdeixDZpDGJizZpkdP05);
    background-position: -2px -318px;
    background-size: auto;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    display: inline-block;	
}
.ae-video-container {
    position: relative;
}
.banner_block_content {
    position: relative;
    width: 80%;
    display: block;
    margin: auto;
}
.close__banner {
	position: absolute;
    top: -10px;
    right: -10px;
    background: #000;
    /* padding: 6px; */
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50em;
    border: 2px solid #fff;
    cursor: pointer;
    z-index: 99999;
}
.view-number {
	font-size: .8125rem;
	color: #fff;
}
.banner-topright {
    height: 98px;
    position: absolute;
    top: 8px;
    right: 107px;
    z-index: 8;
    display: block;
    width: 200px;
}
.banner-topright img {

}
.banner-bottom {
    /*height: 80px;*/
    width: 100%;
    margin: 0 auto;
    display: block;
    /*margin-top: -100px;*/
    z-index: 88888;
    position: absolute;
    bottom: -5px;
}
.banner-bottom a {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.hide-banner {
	display: none;
}
.show-banner {
	display: block!important
}
iframe {
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 780px) {
	.banner-bottom {
		/*margin-top: -30px;
		height: 30px;*/
	}
	.banner-topright {
		top: 5px;
		right: 5px;
	}
	.banner-topright img {
		height: 20px!important;
		float: right;
	}
    .video-view {
        top: 5px;
        left: 5px;
        z-index: 9999999
    }
    .aevideo-label {
        width: 70px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
        position: relative;
        z-index: 999999999;
    }
    .view-number {
        font-size: 11px!important
    }
    .view-counter {
        width: 55px;
    }
    .close__banner {
        width: 20px;
        height: 20px;
    }
    .close__banner i {
        background-position: -4px -319px;
        background-size: auto;
        width: 8px;
        height: 14px;
    }
}