/* Embed google fonts for demo layout
-----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
* {box-sizing: border-box;}
html {background: #fcfcfc;}
body {font-family: 'Source Sans Pro', sans-serif;}
.noscroll { overflow: hidden;}
main {font-size: 0;}
main .column.left,main .column.right {background: #fcfcfc;display: block;position: relative;font-size: 1rem;width: 100%;min-height: 0;vertical-align: top;}

.video-banner-img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%;}
.content {display: block;min-height: 100vh;max-width: 100rem;margin: 2.5rem auto;padding: 1.5rem;}
/**css Ss**/

.mfp-hide{position: relative;}
.mfp-close-btn-in .mfp-close {color: #fff!important;background: #f00;border-radius: 50px;right: -21px;top: -20px;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: auto!important;}
.all-video-link img {width: 100%;display: block;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;object-fit: cover;
object-position: 50% 50%;background: #2b2b2b;}
.all-video-link {display: inline-block;vertical-align: top;text-decoration: none;height: 0;padding-top: calc(((100% - -30rem) / 2) * 0.5625);margin: 1rem 0;overflow: hidden;position: relative;font-size: 1rem;-webkit-transform: scale(1.0);transform: scale(1.0);box-shadow: 0 0 0 rgb(0 0 0 / 0%);-webkit-transition: all 0.2s ease-out 0.05s;transition: all 0.2s ease-out 0.05s;width: 100%;}
.embed-responsive {position: relative;padding-bottom: 56%;width: 100%;text-align: left;}
.embed-responsive iframe {width: 100%;position: absolute;height: 100%;overflow: hidden;}
.mfp-inline-holder .mfp-content {width: 1032px!important;}
/**css Ss ends**/


/**youvideo**/

#video-popup-container {display: none;position: fixed;z-index: 996;width: 50%;left: 0;right: 0;top: 25%;margin: auto;background-color: #fff;max-width: 1220px;max-height: 770px;}
#video-popup-close {cursor: pointer;position: absolute;right: -22px;top: -22px;z-index: 998;width: 45px;height: 45px;border-radius: 25px;text-align: center;font-size: 25px;background-color: #000;line-height: 25px;color: #fff;opacity: 1;display: flex;align-items: center;justify-content: center;}
#video-popup-iframe-container {position: absolute;z-index: 997;width: 100%;padding-bottom: 56.25%;border: 2px solid #000;border-radius: 2px;background-color: #000;}
#video-popup-iframe {z-index: 999;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;}
#video-popup-overlay {display: none;position: fixed;z-index: 995;top: 0;left:0;background-color: #000;opacity: 0.8;width: 100%;height: 100%;}
#video-popup-close:hover {color: #DE0023;}
/**youvideo**/

/*play button*/
.yt-button {display: flex;justify-content: center;align-items: center;height: 100%;width: 100%;position: absolute;top: 0; background-color: rgba(0,0,0,.70);}
.button {display: inline-block;position: relative;}
.button.is-play {background-color: #fff;border-radius: 50%;width: 100px;height: 100px;}
.button.is-play .button-outer-circle {background: rgba(255,255,255,0.5);border-radius: 50%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%; outline: none;}
.button.is-play .button-icon {position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%); outline: none;}
.button.is-play .button-icon .triangle {animation: fadeIn 7s ease;}
.button.is-play .button-icon .path {stroke-dasharray: 90;stroke-dashoffset: 0;animation: triangleStroke 3s;animation-timing-function: ease;}
.has-scale-animation {animation: smallScale 3s infinite;}
.has-delay-short {animation-delay: 0.5s;}



.video-positon{width: 95%; margin: auto;}

@-moz-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}/*ani*/

@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}/*ani*/

@-o-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}/*ani*/

@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}/*ani*/

@-moz-keyframes triangleStroke {
from {stroke-dashoffset: 90;}
to {stroke-dashoffset: 0;}
}/*ani*/

@-webkit-keyframes triangleStroke {
from {stroke-dashoffset: 90;}
to {stroke-dashoffset: 0;}
}/*ani*/

@-o-keyframes triangleStroke {
from {stroke-dashoffset: 90;}
to {stroke-dashoffset: 0;}
}/*ani*/

@keyframes triangleStroke {
from {stroke-dashoffset: 90;}
to {stroke-dashoffset: 0;}
}/*ani*/

@-moz-keyframes smallScale {
from {transform: scale(1);opacity: 1;
}to {transform: scale(1.5);opacity: 0;}
}/*ani*/

@-webkit-keyframes smallScale {
from {transform: scale(1);opacity: 1;
}to {transform: scale(1.5);opacity: 0;}
}/*ani*/

@-o-keyframes smallScale {
from {transform: scale(1);opacity: 1;}
to {transform: scale(1.5);opacity: 0;}
}/*ani*/

@keyframes smallScale {
from {transform: scale(1);opacity: 1;}
to {transform: scale(1.5);opacity: 0;}
}/*ani*/
/*play button*/

/**responsive css here**/
@media (max-width: 2048px){
.all-video-link {height: 340px;}
}/*1680*/

@media (max-width: 1920px){
.all-video-link {height: 340px;}
}/*1920*/

@media (min-width: 1600px) and (max-width: 1680px){
.all-video-link {height: 340px;}
}/*1920*/

@media (min-width: 1400px) and (max-width: 1499px){
.all-video-link {height: 300px;}
}/*1920*/

@media (min-width: 1300px) and (max-width: 1366px){
.all-video-link {height: 300px;}
}/*1366*/

@media(max-width: 1280px){
.all-video-link {padding-top: calc(((100% - -26rem) / 2) * 0.5625);}
}/*1280*/

@media(max-width: 1024px){
.all-video-link {height: 0;padding-top: calc(((100% - -20rem) / 2) * 0.5625);}
.vpop.all-video-link {height: 250px;}
}/*1024*/

@media(max-width: 991px){
.all-video-link {height: 0;padding-top: calc(((100% - -15rem) / 2) * 0.5625);}
.mfp-container {padding-left: 0;padding-right: 0;}
.mfp-container {text-align: center;position: absolute;width: auto!important;height: auto!important;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;margin: auto!important;bottom: 0!important;}
.embed-responsive{width: 100%;}
.mfp-container {left: 0;top: 0;right: 0;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 93%!important;}
.vpop.all-video-link {height: 200px;}
.button.is-play {width: 75px;height: 75px;}
}/*991*/

@media(max-width: 768px){
.all-video-link {height: 0;padding-top: calc(((100% - -14rem) / 2) * 0.5625);}
#video-popup-container {width: 85%;top: 15%;}
}/*768*/

@media (min-width: 641px){
html {background: #4b4b4b;}
.content {margin: /*5.75rem*/0rem auto;padding: 2.5rem;}
main .column.left,main .column.right {display: inline-block;width: 100%;min-height: 100vh;}
main .column.left {position: fixed;}
main .column.right {margin-left: 0;}
}/*641*/