

      .to-popup{background-color: rgba(100,150,100,0); position: fixed!important; bottom: 115px; height: 150px; width: 264px; cursor:pointer; display:none; z-index: 1050}




      .ext{position: absolute!important; right:0px; width: 264px;}
      .ext-sided-bottom{position: absolute!important; right:15px!important; bottom:15px!important;}
      .iframe-sided{position: fixed!important; height:auto!important; width:264px; bottom:115px!important;}



      .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { transition:padding 300ms linear; position: absolute; height: 100%; z-index:1050 }

      .embed-container-popup {height: 100%; width: 100%; position: fixed; top: 0; left:0; z-index: 1050; background: rgba(0, 0, 0, 0.72);} .embed-container-popup iframe, .embed-container-popup object, .embed-container-popup embed {transition:padding 300ms linear; padding: 8px; background-color: #f9f9f9; box-shadow: 5px 14px 18px 12px rgba(0,0,0,0.4); margin:auto; position: relative; display:block; max-width: 820px; width:100%; max-height: 469px; height:100%; z-index:1050; border-radius:4px; border-top-left-radius: 0px;}




      .minimize-video{position: fixed;z-index: 1051;bottom:auto;margin-left:auto;font-size: 18px; border-top-right-radius: 3px;border-top-left-radius: 3px;background-color: #f9f9f9; padding:8px 11px;font-family: ubuntu;color: #636363;font-weight: 600;text-shadow: 1px 1px 3px rgba(0,0,0,0.4); cursor:pointer;}
      .close-video{display:none; top: auto!important; left: auto !important; position: fixed;z-index: 1050;bottom: 266px;margin-left: 238px;font-size: 16px;border-top-right-radius: 3px;border-top-left-radius: 3px;background-color: #000;padding: 4px 7px;font-family: ubuntu;color: #fff;font-weight: 600;text-shadow: 1px 1px 3px rgba(0,0,0,0.4); cursor:pointer;}



@media (max-width: 1199px) {
  .ext{right:15px; width:205px!important}
  .iframe-sided{width:205px; height:115px!important}
  .close-video{top: auto!important; left: auto!important;bottom:230px!important;margin-left:182px!important; padding:4px 7px!important; font-size:16px!important;}

  .to-popup{height: 115px!important; width: 205px;}

}

@media (max-width: 800px) {


.embed-container iframe, .embed-container object, .embed-container embed { top: auto!important}
}

@media (max-width: 992px) {
  .ext-sided-bottom{right:15px!important;}
  .iframe-sided{width:250px;min-height:65px!important; max-height:141px!important; height:141px!important; bottom:15px!important; right:15px;}
  .to-popup{display:none; width:250px!important; height: 141px!important; bottom: 15px!important; right:15px;}

.embed-container-popup iframe, .embed-container-popup object, .embed-container-popup embed {padding: 0; background-color: none; max-height:463px; max-width:80%}
.embed-container iframe, .embed-container object, .embed-container embed {box-shadow: 2px 3px 19px 2px rgba(0,0,0,0.6); border:2px solid #fff;}

.close-video{bottom: 156px!important;right: 16px!important; margin-left:auto}
}

@media (max-width: 569px) {
.embed-container-popup iframe, .embed-container-popup object, .embed-container-popup embed {padding: 0; background-color: none; max-height:320px}
}

@media (max-width: 517px) {
.embed-container-popup iframe, .embed-container-popup object, .embed-container-popup embed {padding: 0; background-color: none; max-height:292px}
}

@media (max-width: 469px) {
.embed-container-popup iframe, .embed-container-popup object, .embed-container-popup embed {padding: 0; background-color: none; max-height:265px}
}

@media (max-width: 401px) {
.embed-container-popup iframe, .embed-container-popup object, .embed-container-popup embed {padding: 0; background-color: none; max-height:226px}

}



@media (max-height: 569px) {
.embed-container-popup iframe, .embed-container-popup object, .embed-container-popup embed {height:75%}
}
