/*! mediabox v1.1.3 | (c) 2018 Pedro Rogerio | https://github.com/pinceladasdaweb/mediabox */
.stop-scroll {
    height: 100%;
    overflow: hidden
}

.mediabox-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(1, 24, 11, 0.65);
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediabox;
    animation-name: mediabox
}

@-webkit-keyframes mediabox {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes mediabox {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.mediabox-content {
    max-width: 853px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.mediabox-content iframe {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    height: 480px !important;
    border: none !important;
    border-radius: 22px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.mediabox-hide {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: mediaboxhide;
    animation-name: mediaboxhide
}

@-webkit-keyframes mediaboxhide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes mediaboxhide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.mediabox-close {
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 460px;
    right: -40px;
    margin: auto 0;
    width: 20px;
    height: 19px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.14948 2.76836L16.3755 17.9944C16.9138 18.5327 17.7597 18.4558 18.2211 17.9944C18.6825 17.533 18.6825 16.6102 18.2211 16.1488L2.99505 0.922788C2.45676 0.384495 1.61087 0.461394 1.14948 0.922789C0.688083 1.38418 0.688083 2.30697 1.14948 2.76836Z' fill='white'/%3E%3Cpath d='M17.9951 2.76836L2.76905 17.9944C2.23076 18.5327 1.38487 18.4558 0.923472 17.9944C0.462077 17.533 0.462078 16.6102 0.923472 16.1488L16.1495 0.922788C16.6878 0.384495 17.5337 0.461394 17.9951 0.922789C18.4564 1.38418 18.4564 2.30697 17.9951 2.76836Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 20px 19px;
}

.mediabox-close:hover {
    opacity: .5
}

@keyframes mediaboxPlay {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.15);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

a.mediabox:hover #play {
    animation: mediaboxPlay 1.5s;
}

@media all and (max-width:1024px) {
    .mediabox-content {
        max-width: 610px;
    }
}

@media all and (max-width:768px) {
    .mediabox-content {
        max-width: 90%
    }

    .mediabox-close {
        margin: unset;
        right: 0;
        top: calc(50% - 260px);
        background-color: #00c993;
        background-repeat: no-repeat;
        background-position: center;
        padding: 24px;
        border-radius: 99px;
        z-index: 1;
    }
}

@media all and (max-width:600px) {
    .mediabox-content iframe {
        height: 320px !important
    }

    .mediabox-close {
        top: calc(50% - 180px);
    }
}

@media all and (max-width:480px) {
    .mediabox-content iframe {
        height: 220px !important
    }

    .mediabox-close {
        top: calc(50% - 130px);
    }
}