/* Video Controls */
.am-video--controls { list-style: none; margin: 0; padding: 0; position: absolute; top: 30px; right: 50px; z-index: 3; width: 50px; opacity: .1;
-webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in;}
.am-video--controls[data-position="top-left"] { right: auto; left: 50px;}
.am-video--controls[data-position="top-center"] { right: auto; left: 50%; margin-left: -25px;}
.am-video--controls[data-position="bottom-right"] { top: auto; right: 20px; bottom: 210px;}
.am-video--controls[data-position="bottom-left"] { top: auto; right: auto; left: 50px; bottom: 210px;}
.am-video--controls[data-position="bottom-center"] { top: auto; right: auto; left: 50%; bottom: 210px; margin-left: -25px;}
.am-video--controls[data-position="middle-right"] { top: 50%; margin-top: -25px;}
.am-video--controls[data-position="middle-left"] { left: 50px; right: auto; top: 50%; margin-top: -25px;}
.am-video--controls[data-position="middle-center"] { left: 50%; right: auto; top: 50%; margin-top: -25px; margin-left: -25px;}
.am-video--controls:hover .am-video--controls,
.video-container:hover .am-video--controls { opacity: 1;}
.kl-video-container .am-video--controls a { width: 50px; height: 50px; display: block; cursor: pointer; color: #fff; text-align: center; line-height: 50px;
text-decoration: none; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: .5;}
.am-video--controls .btn-audio { opacity: 0; visibility: hidden; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px);}
.am-video--controls:hover .btn-audio { opacity: .7; visibility: visible; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
.am-video--controls .btn-toggleplay { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); font-size: 20px;}
.am-video--controls .btn-toggleplay .paused:before { content: "\e072";}
.am-video--controls:hover .btn-toggleplay { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
.am-video--controls a:hover { opacity: 1;}
.am-video--controls .btn-audio .kl-icon { width: 28px; height: 28px; line-height: 28px; font-size: 20px;}
.am-video--controls .btn-audio .kl-icon:before { line-height: 29px;}
.am-video--controls .btn-audio .mute:before {content: "\e036";}