@keyframes fadein {
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

/*.panel-home-video-hub.panel-video-hub {padding-top: 50px !important;padding-bottom: 80px;}*/
.panel-video-hub { padding-top: 130px; }
.panel-video-hub h1 { font-size: 119px; font-weight: 700; letter-spacing: 3.51px; line-height: 1.2; text-align: center; text-transform: uppercase; margin-bottom: 40px; }
.panel-video-hub h3.hover { padding-left: 15px; padding-right: 15px; }

.panel-video-hub .row.hover-0 .item[data-position="0"] h3.init,
.panel-video-hub .row.hover-1 .item[data-position="1"] h3.init,
.panel-video-hub .row.hover-2 .item[data-position="2"] h3.init { display: none; }

.panel-video-hub .row.hover-0 .item[data-position="0"] h3.hover,
.panel-video-hub .row.hover-1 .item[data-position="1"] h3.hover,
.panel-video-hub .row.hover-2 .item[data-position="2"] h3.hover { -webkit-animation: 0.6s ease 0s normal forwards 1 fadein; animation: 0.6s ease 0s normal forwards 1 fadein; }

.panel-video-hub .row.hover-0 .item[data-position="0"] .icon,
.panel-video-hub .row.hover-1 .item[data-position="1"] .icon,
.panel-video-hub .row.hover-2 .item[data-position="2"] .icon { width: 22px; height: 33px; }

.panel-video-hub .hover-0 .item[data-position="0"] .video-thumbnail:before,
.panel-video-hub .hover-1 .item[data-position="1"] .video-thumbnail:before,
.panel-video-hub .hover-2 .item[data-position="2"] .video-thumbnail:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }

.panel-video-hub .item { -webkit-transition: 0.6s cubic-bezier(0.65,0.05,0.36,1) all; transition: 0.6s cubic-bezier(0.65,0.05,0.36,1) all; padding-top: 60px; }
.panel-video-hub .item a { text-decoration: none; }
.panel-video-hub .item h3 { font-size: 14px; text-align: center; margin-top: 15px; margin-bottom: 0; }
.panel-video-hub .item h3.hover { opacity: 0; font-size: 20px; font-weight: 700; position: absolute; bottom: 15px; left: 0; right: 0; }
.panel-video-hub .item .top { position: relative; }
.panel-video-hub .item .inner { padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; }
.panel-video-hub .video-thumbnail { position: relative; height: 0; padding-bottom: 55.2%; width: 100%; display: block; background-size: cover; background-color: #101010; cursor: pointer; }
.panel-video-hub .video-thumbnail .icon { background: url(../../images/icon-play.png) no-repeat; width: 14px; height: 21px; display: block; background-size: contain; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.panel-video-hub .category-type-wrapper { position: relative; display: inline-block; margin-right: 40px; }
.panel-video-hub .creator-type-wrapper { position: relative; display: inline-block; margin-right: 40px; }
.panel-video-hub .search-title { text-align: center; }

.filter-by p { display: inline-block; }
.filter-by-text { font-family: 'Antonio', sans-serif; font-size: 28px; font-weight: 700; text-transform: uppercase; margin-right: 15px; margin-top: 2px; }
.filter-by .dropdown { position: absolute; width: 100%; top: 42px; right: 0; border: 1px solid #fff; border-top: 0; z-index: 100; background-color: #000; margin-top: 0; text-align: left; padding-bottom: 5px; }
.filter-by .dropdown p { display: block; margin-right: 0; margin-bottom: 9px; font-size: 18px; }
.filter-by .dropdown p a { text-decoration: none; display: block; font-size: 16px; padding: 0 15px; }
.filter-by .dropdown-creator { position: absolute; width: 100%; top: 42px; right: 0; border: 1px solid #fff; border-top: 0; z-index: 100; background-color: #000; margin-top: 0; text-align: left; padding-bottom: 5px; }
.filter-by .dropdown-creator p { display: block; margin-right: 0; margin-bottom: 9px; font-size: 18px; }
.filter-by .dropdown-creator p a { text-decoration: none; display: block; font-size: 16px; padding: 0 15px; }
.filter-by .category-type { border: 1px solid #fff; cursor: pointer; background: url(../../images/icon-chevron-down.png) no-repeat; background-size: 13px 8px; background-position: top 50% right 12px; border-bottom: 1px solid #979797; width: 220px; text-align: left; color: #fff; font-size: 16px; margin-top: 3px; padding: 8px 30px 8px 15px; letter-spacing: 0.05px; margin-bottom: 0; padding: 8px 30px 8px 15px; }
.filter-by .creator-type { border: 1px solid #fff; cursor: pointer; background: url(../../images/icon-chevron-down.png) no-repeat; background-size: 13px 8px; background-position: top 50% right 12px; border-bottom: 1px solid #979797; width: 220px; text-align: left; color: #fff; font-size: 16px; margin-top: 3px; padding: 8px 30px 8px 15px; letter-spacing: 0.05px; margin-bottom: 0; padding: 8px 30px 8px 15px; }
.filter-by .inner { display: inline-block; position: relative; }
.project-title-filter { text-align: center; margin-bottom: 50px; }
.project-title-filter input[type="search"] { border-color: #fff; background-color: transparent; border-radius: 0; color: #fff; outline: 0; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; margin-top: 3px; padding: 8px 30px 8px 15px; line-height: 1.4; max-width: 220px; width: 100%; }
.project-title-filter .search-form { display: inline-block; width: 342px; }
.project-title-filter .search-submit { color: #fff900; font-family: 'Antonio', sans-serif; padding-top: 7px; padding-bottom: 9px; font-size: 20px; font-weight: 400; letter-spacing: 1.39px; text-transform: uppercase; background-color: transparent; border: 2px solid #ffed00; border-radius: 0; cursor: pointer; -webkit-transition: 0.2s all; transition: 0.2s all; padding-left: 20px; padding-right: 20px; margin-top: 3px; margin-left: 10px; }
.project-title-filter .search-submit:hover { background-color: #fff900; border-color: #fff900; color: #000; }

.page-viewed-as-iframe #wpadminbar { display: none; }
.page-viewed-as-iframe .site-header { display: none; }
.page-viewed-as-iframe .site-footer { display: none; }

@media (min-width: 768px){
	.panel-video-hub .row.hover-0 .item[data-position="0"] { -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; padding-top: 0; }
	.panel-video-hub .row.hover-0 .item[data-position="1"] { -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; }
	.panel-video-hub .row.hover-0 .item[data-position="2"] { -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; }

	.panel-video-hub .row.hover-1 .item[data-position="0"] { -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; }
	.panel-video-hub .row.hover-1 .item[data-position="1"] { -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; padding-top: 0; }
	.panel-video-hub .row.hover-1 .item[data-position="2"] { -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; }

	.panel-video-hub .row.hover-2 .item[data-position="0"] { -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; }
	.panel-video-hub .row.hover-2 .item[data-position="1"] { -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; }
	.panel-video-hub .row.hover-2 .item[data-position="2"] { -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; padding-top: 0; }
}
@media (min-width: 1600px){
	.panel-video-hub .container-large { max-width: 1530px; }
}
@media (max-width: 1599px){
	.panel-video-hub .row.hover-0 .item[data-position="0"],
	.panel-video-hub .row.hover-1 .item[data-position="1"],
	.panel-video-hub .row.hover-2 .item[data-position="2"] { padding-top: 20px; }
}
@media (max-width: 1199px){
	.panel-video-hub h1 { font-size: 100px; }
	.panel-video-hub .item .inner { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 991px){
	.panel-video-hub h1 { font-size: 70px; }
	.panel-video-hub .item .inner { padding-left: 0; padding-right: 0; }
	.panel-video-hub .category-type-wrapper { margin-right: 100px; }
	.panel-video-hub .creator-type-wrapper { margin-right: 100px; }
	.project-title-filter { text-align: left; }
	.project-title-filter .search-form { display: inline-block; width: 360px; }
	.filter-by-text.search-label { margin-right: 18px; }
	.filter-by { max-width: 458px; width: 100%; margin-left: auto; margin-right: auto; }
	.panel-video-hub .search-title { font-size: 28px; }
}
@media (max-width: 767px){
	.panel-video-hub h1 { font-size: 48px; }
	.panel-video-hub .item { padding-top: 0; margin-bottom: 60px; }
	.panel-video-hub .item h3.hover { display: none; }

	.panel-video-hub .row.hover-0 .item[data-position="0"] h3.init, 
	.panel-video-hub .row.hover-1 .item[data-position="1"] h3.init, 
	.panel-video-hub .row.hover-2 .item[data-position="2"] h3.init { display: block; }

	.panel-video-hub .row.hover-0 .item[data-position="0"], 
	.panel-video-hub .row.hover-1 .item[data-position="1"], 
	.panel-video-hub .row.hover-2 .item[data-position="2"] { padding-top: 0; }
}
@media (max-width: 520px){
	.filter-by p { display: block; }
	.filter-by-text { margin-right: 0; margin-bottom: 4px; }
	.filter-by .category-type { width: 100%; }
	.filter-by .creator-type { width: 100%; }
	.panel-video-hub .category-type-wrapper { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.panel-video-hub .creator-type-wrapper { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.project-title-filter input[type="search"] { max-width: 100%; }
	.project-title-filter .search-form { width: 100%; }
	.project-title-filter .search-submit { margin-top: 10px; margin-left: 0; }
}
@media (max-width: 410px){
	.panel-video-hub h1 { font-size: 37px; }
}