/* ///////////////////////////// */

.video {
	width: 100%;
	position: relative;
	paddint-top: 0.5625%;
}
.video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	border: none;
}
.video:not(:last-child) {
	margin-bottom: 20px;
}


.audio:not(:last-child) {
	margin-bottom: 20px;
}
.audio .hidden {
	display: none !important;
}
.audio .audio-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.audio .audio-track .audio-controls {
	margin-right: 12px;
}
.audio .audio-track .audio-play,
.audio .audio-track .audio-pause {
	border: none;
	background-color: #03A4FB;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    opacity: 0.8;
}
.audio .audio-track .audio-play:hover,
.audio .audio-track .audio-pause:hover {
    opacity: 1;
}
.audio .audio-track .audio-play svg,
.audio .audio-track .audio-pause svg {
	idth: 20px;
    height: 20px;
    color: #fff;
}

.audio .audio-track .audio-progress {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	height: 8px;
	background-color: rgba(3, 164, 251, 0.20);
	width: 100%;
	cursor: pointer;
}
.audio .audio-track .audio-bar {
	height: 8px;
	background-color: rgba(3, 164, 251);
	width: 0px;
	position: relative;
}


.audio-info {
	margin-top: 10px;
}
.audio-info .audio-title {
	font-weight: 700;
}
.audio-info .audio-description {
	color: #636d78;
    font-size: 12px;
}


.gallery-video-file {
	display: inline-block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    vertical-align: middle;
}