@keyframes loadingslide { from { width: 0; }
  to { width: 100%; } }

.single-media { overflow: initial; margin-top: 2.5rem; /*>.container{  .media-wrapper{ max-width:calc(100% + 200px); min-width:calc(100% + 200px); -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); } }*/ }

.single-media .media-wrapper { position: relative; }

.single-media .video-wrapper { padding-bottom: 56.25%; }

.single-media .video-wrapper.full-screen { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; padding-bottom: 0; z-index: 5000; background-color: #000; }

.single-media .video-wrapper.full-screen .show-video-fullscreen { right: 25px; bottom: 20px; }

.single-media .video-wrapper.full-screen .show-video-fullscreen .expand { display: none; }

.single-media .video-wrapper.full-screen .show-video-fullscreen .exit { display: block; }

.single-media .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.single-media .video-wrapper .show-video-fullscreen { display: block; width: 64px; height: 32px; background-color: #000; border-radius: 5px; position: absolute; bottom: 8px; right: 8px; z-index: 500; cursor: pointer; }

.single-media .video-wrapper .show-video-fullscreen .expand { content: url("../../../Images/Icons/icons-expand-fullscreen.svg"); width: 23px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.single-media .video-wrapper .show-video-fullscreen .exit { display: none; content: url("../../../Images/Icons/icons-exit-fullscreen.svg"); width: 23px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.single-media .video-wrapper .cover-image { width: 100%; height: 100%; z-index: 5; position: absolute; top: 0; }

.single-media .video-wrapper .cover-image .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 10px solid #777; background-color: #fff; color: #000; padding: 25px 65px 25px 85px; font-family: Oswald,sans-serif; text-transform: uppercase; border-radius: 50px; font-size: 18px; letter-spacing: 1px; cursor: pointer; }

.single-media .video-wrapper .cover-image .play-btn.hide { border: none; background-color: transparent; width: 250px; }

.single-media .video-wrapper .cover-image .play-btn.hide i, .single-media .video-wrapper .cover-image .play-btn.hide span { display: none; }

.single-media .video-wrapper .cover-image .play-btn.loading:before { content: ""; position: absolute; bottom: -2rem; left: 0; height: 5px; width: 100%; background-color: #777; display: block; }

.single-media .video-wrapper .cover-image .play-btn.loading:after { content: ""; position: absolute; bottom: -2rem; left: 0; height: 5px; width: 100%; background-color: #000; animation: loadingslide 1.5s normal; }

.single-media .video-wrapper .cover-image .play-btn .fe { color: #000; font-size: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 50px; }

.single-media .image-wrapper.background-img { padding-bottom: 56.25%; background-size: cover !important; }

.single-media .image-wrapper.background-img.ratio-4-3 { padding-bottom: 75%; }

.single-media .image-wrapper.background-img.ratio-3-2 { padding-bottom: 66.67%; }

.single-media .image-wrapper img { max-width: 100%; }