@charset "UTF-8";
/* CSS for video */
/*
#google_language_translator a {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

.goog-te-gadget {
    font-size: 0px !important;
}

.goog-branding {
    display: none;
}

.goog-tooltip {
    display: none !important;
}

.goog-tooltip:hover {
    display: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#google_language_translator select.goog-te-combo {
    color: #32373c;
}

#flags {
    display: none;
}

.goog-te-banner-frame {
    visibility: hidden !important;
}

body {
    top: 0px !important;
}

#glt-translate-trigger {
    left: 20px;
    right: auto;
}

#glt-translate-trigger>span {
    color: #ffffff;
}

#glt-translate-trigger {
    background: #f89406;
}

.goog-te-gadget .goog-te-combo {
    width: 100%;
}
*/
#video_slide {
    /*max-height: 800px;*/
    width: 100%;
    height: auto;
    vertical-align: bottom;
    background: #fff;
}

.media_control {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    color: #000;
    opacity: 0;
    -webkit-animation: fadeIn 0.5s ease 0.5s 1 forwards;
    animation: fadeIn 0.5s ease 0.5s 1 forwards;
}
@media only screen and (max-width: 767px) {
    .media_control {
        top: 10px;
        right: 10px;
        left: auto;
    }
}



.media_control a {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    opacity: 0.6;
}

.media_control a:hover {
    opacity: 1;
}

#sound_button {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px 15px 15px 20px;
    border-radius: 10px 0 0 10px;
}

#playBtn {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px 24px 15px 11px;
    border-radius: 0 10px 10px 0;
}

.icon-volume-off {
    background-image: url(./../images/mute.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px 22px;
    /*height: 22px;
    width: 22px;*/
    margin-right: 2px;
}

.icon-volume-on {
    background-image: url(./../images/volumeOn.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    /*height: 20px;
    width: 20px;*/
    margin-right: 2px;
}

.icon-pause {
    background-image: url(./../images/pause.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 18px 18px;
    /*height: 18px;
    width: 18px;*/
}

.icon-play {
    background-image: url(./../images/play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
    /*height: 18px;
    width: 18px;*/
}

/* EOF */