/* Homepage Video  -- */
.standardWrapper {position: relative;overflow:hidden;}
.videoWrapper {position: relative;overflow:hidden;height: calc(1400px * 0.5625);max-height: calc(90vh - 140px);background: #000;}
.videoWrapper iframe {top: 0;left: 0;width: 100%;height: 100%;z-index: 0;position: absolute;}
.ytplayerWrapper {width: 100%;padding-bottom: 56.25%;overflow: hidden;float: left;position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0.5;}
.ytplayerOverlay {z-index: 2;color:#fff;width: auto;position: absolute;top: 41%;left: 50%;transform: translateX(-50%) translateY(-50%);top: 85%;}
.ytplayerOverlay img { max-width:100%}
.ytplayerOverlay h1:before {content:"";background: url(/layout/generalLyout/logo.png) center center no-repeat;background-size: contain;width: 190px;height: 65px;display: block;margin: auto;}

.ytplayerOverlay h1 {color:#fff;margin: 0;display: block;}
.ytplayerOverlay h2 {color:#fff;font-size: 32px;margin: 0;}
.ytplayerOverlay a {display: inline-block;margin-top: 16px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;padding: 6px 10px !important;color: #ffffff;border: 1px solid #ffffffa1;padding: 4px 8px;font-size: 10px;letter-spacing: 1px;text-transform: uppercase;}
.videoWrapper:hover a { background:#333; color:#fff}

@media screen and (max-width: 767px){
	.videoWrapper {position: relative;overflow:hidden;height: calc(100vw * 1);max-height: calc(90vh - 140px);}
	.ytplayerWrapper {width: 100%;padding-bottom: 100%;}
}
@media screen and (min-width : 768px) and (max-width : 1023.99px){
	.videoWrapper {position: relative;overflow:hidden;height: calc(100vw * 1);max-height: calc(90vh - 140px);}
}

.vlog a {display: inline-block;vertical-align: top;padding: 0;position: relative;}
.vlog h3 {margin: 16px 0 0 0;font-size: 17px;}
.vlog p {margin: 8px  0 56px 0;font-size: smaller;color: #444;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.vlog .play {position:absolute;background:#fff;padding: 4px 12px;top: 0;right: 0;height: 30px;line-height: 100%;}
.vlog .play:after {font: normal normal normal 14px/1 FontAwesome;content: "\f04b";color: #cc0000;font-size: 8px;}
.vlog a:hover .play {background: #cc0000;}
.vlog a:hover .play:after {color:white;}
.Videoheader .videoWrapper { background:#000}
.Videoheader .imgCtr { opacity: 0.8}
.imgctrVideo { width:100%}
.imgctrVideo:after { padding-bottom: 56.25%; content: ""; display: block; width: 100%;}
.vlog {display:grid;grid-template-columns: repeat(4, 1fr);grid-gap: 16px;margin: 32px 0;}
.vlog a:first-of-type {grid-column: 1/4;grid-row: 1/3;}

@media screen and (max-width: 767.9px)
{
    .vlog { display:grid; grid-template-columns: repeat(1, 1fr);}
    .vlog a:first-of-type {grid-column: auto;grid-row: auto;}
}
@media screen and (min-width : 768px) and (max-width : 1023.9px)
{
	.vlog { display:grid; grid-template-columns: repeat(2, 1fr);}
}
@media screen and (min-width : 1024px) and (max-width : 1439.9px)
{
    .vlog {display:grid;grid-template-columns: repeat(4, 1fr);}
}