/**
 * Sticky Admin - Media CSS
 *
 * @version 1.0.0
 * @copyright 2015
 * @author Dorian Tudorache
 * @link www.stickyadmin.net
 *
 * @license See Licensing folder
 *
 * @package Sticky Admin
 *
 */
#wp-media-grid {
    min-height: 1000px;
}
.media-frame *,
.media-modal * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.media-frame,
.media-modal {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
}
.media-modal a,
.media-modal .button,
.media-modal button {
    color: rgba(255, 255, 255, .65);
}
.media-modal a:hover,
.media-modal .button:hover,
.media-modal button:hover {
    color: rgba(255, 255, 255, .8);
}
.media-modal a:focus,
.media-modal .button:focus,
.media-modal button:focus {
    color: rgba(255, 255, 255, 1);
}
.media-modal select {
    border-color: rgba(255, 255, 255, .35);
    color: rgba(255, 255, 255, .65);
    background: transparent url("../assets/arrow-small-255-35.png") right 10px center no-repeat;
}
.media-modal select:hover {
    border-color: rgba(255, 255, 255, .65);
    color: rgba(255, 255, 255, .95);
    background-image: url("../assets/arrow-small-255-75.png");
}
.media-modal select:disabled {
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .3);
    background-image: url("../assets/arrow-small-255-10.png");
}
.media-modal input[type=radio],
.media-modal input[type=checkbox] {
    border-color: rgba(255, 255, 255, .35);
}
.media-modal input[type=radio]:hover,
.media-modal input[type=checkbox]:hover {
    border-color: rgba(255, 255, 255, .65);
}
.media-modal input[type=radio]:focus,
.media-modal input[type=checkbox]:focus {
    border-color: rgba(255, 255, 255, .65);
}
.media-modal input[type=radio]:checked,
.media-modal input[type=checkbox]:checked {
    border-color: rgba(255, 255, 255, .9);
}
.media-modal .imgedit-help-toggled span.dashicons:before {
    content: '\f142'
}
.media-frame .embed-loading .embed-url .spinner {
    display: block
}
.media-frame select.attachment-filters {
    margin-top: 20px;
    margin-right: 10px;
}

body.rtl .media-frame select.attachment-filters {
    margin-right: 0;
    margin-left: 10px;
}

.media-frame .attachment .describe {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
         border-radius: 0;
}
.media-modal .imgedit-group-top h3 a {
    text-decoration: none;
    color: #666;
}
.media-modal .imgedit-help-toggle {
    margin-top: -2px;
    cursor: pointer;
    color: #666;
}
/*.media-frame .attachments-browser { position: relative; width: 100%; height: 100%;}*/
.media-frame .embed-url .spinner {
    position: absolute;
    top: 32px;
    right: 26px;
}
body.rtl .media-frame .embed-url .spinner {
    right: auto;
    left: 26px;
}
.media-frame input[type=search] {
    -webkit-appearance: textfield
}
.media-modal .delete-attachment,
.media-modal .trash-attachment,
.media-modal .untrash-attachment {
    color: #bc0b0b
}
.media-modal .delete-attachment:hover,
.media-modal .trash-attachment:hover,
.media-modal .untrash-attachment:hover {
    color: red
}
.media-frame:-moz-placeholder {
    color: rgba(0,0,0,.1);
}
.media-frame .embed-url input {
    font-size: 18px;
    padding: 12px 14px;
    width: 100%;
    min-width: 200px;
    -webkit-box-shadow: inset 2px 2px 4px -2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 2px 2px 4px -2px rgba(0, 0, 0, .1);
         box-shadow: inset 2px 2px 4px -2px rgba(0, 0, 0, .1);
}
.media-frame .uploader-inline {
    padding: 0;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.media-frame .media-iframe {
    overflow: hidden
}
.media-frame .media-iframe,
.media-frame .media-iframe iframe {
    height: 100%;
    width: 100%;
    border: 0;
}
.media-modal .imgedit-wrap {
    position: static
}
.media-modal .imgedit-wrap .imgedit-panel-content {
    padding: 35px;
    position: absolute;
    top: 0;
    right: 282px;
    bottom: 0;
    left: 0;
    overflow: auto;
}
body.rtl .media-modal .imgedit-wrap .imgedit-panel-content {
    right: 0;
    left: 282px;
}
.media-modal .imgedit-wrap .imgedit-settings {
    padding: 25px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    overflow: auto;
}
.media-modal .imgedit-wrap div.updated {
    margin: 0 0 16px
}
.media-modal .imgedit-wait {
    height: auto!important;
    right: 0;
    bottom: 0;
    left: 0;
}
.media-frame .hidden {
    display: none
}
.media-frame .search {
    margin: 0;
}
.media-frame textarea {
    padding: 10px!important;
    height: 70px!important;
    font-size: 10px;
    line-height: 14px;
}
.media-frame input,
.media-frame select,
.media-frame textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.media-frame a.button-primary,
.media-frame a.button-primary:hover {}

.media-frame.mode-grid .attachments-browser .attachments {
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;  
}
/*.media-frame.mode-grid .attachments-browser .attachments,*/
.edit-attachment-frame .attachment-media-view .thumbnail,
.media-modal .imgedit-wrap .imgedit-panel-content {
    /*background: rgba(41, 42, 40, 1) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJElEQVQYV2OU45IzZkADj749OosuxjgUFKI7GsTH5m7GIaAQAAXXFmg6KQFaAAAAAElFTkSuQmCC');*/
    
    text-align: center;
}
.media-frame.mode-grid .attachments-browser .attachments li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
    margin-bottom: 10px;
}
.media-frame.mode-grid .attachments-browser .attachments li:last-child {
    margin-bottom: 0;
}
.media-modal-close {
    position: absolute;
    text-decoration: none;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    z-index: 1000;
    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, background .1s ease-in-out;
      -o-transition: color .1s ease-in-out, background .1s ease-in-out;
         transition: color .1s ease-in-out, background .1s ease-in-out;
}
body.rtl .media-modal-close {
    right: auto;
    left: 0px;
}
.media-modal-close:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
         box-shadow: none;
}
.media-modal-close:active {
    outline: 0
}
.media-toolbar .spinner {
    position: absolute;
    left: 50%;
    bottom: -50px;
}
body.rtl .media-toolbar .spinner {
    left: auto;
    right: 50%;
}
.media-toolbar-primary {
    float: right;
    height: 100%;
}
body.rtl .media-toolbar-primary {
    float: left;
}
.media-frame.mode-select .media-toolbar-primary.search-form {
    position: absolute;
    right: 20px;
    top: 0;
    max-height: 50px;
    line-height: 48px;
}
body.rtl .media-frame.mode-select .media-toolbar-primary.search-form {
    right: auto;
    left: 20px;
}
.media-frame.mode-select .attachments-browser .media-toolbar .media-toolbar-primary.search-form {
    max-height: none;
    max-width: 28px;
    height: 28px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-radius: 32px;
    margin-top: 20px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .15s ease-in-out;
}
.media-frame.mode-select .attachments-browser .media-toolbar .media-toolbar-primary.search-form:hover {
    border-color: rgba(255, 255, 255, .65);
    color: rgba(255, 255, 255, .65);
    width: auto;
    max-width:none;
}
.media-frame.mode-select .attachments-browser .media-toolbar .media-toolbar-primary.search-form:after {
    font: 700 8px/24px 'streamline';
    content: 'F';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    text-align: center;
    right: 0;
    -webkit-transition: top .15s ease-in-out, right .15s ease-in-out;
    -moz-transition: top .15s ease-in-out, right .15s ease-in-out;
    -o-transition: top .15s ease-in-out, right .15s ease-in-out;
    transition: top .15s ease-in-out, right .15s ease-in-out;
}
body.rtl .media-frame.mode-select .attachments-browser .media-toolbar .media-toolbar-primary.search-form:after {
    right: auto;
    left: 0;
}
.media-frame.mode-select .attachments-browser .media-toolbar .media-toolbar-primary.search-form input[type=search] {
    max-width: 0px;
    display: block;
    padding: 0 25px 0 10px!important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #000;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    border: none;
    height: 24px;
    line-height: 24px;
    -webkit-transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
         -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
}
body.rtl .media-frame.mode-select .attachments-browser .media-toolbar .media-toolbar-primary.search-form input[type=search] {
    padding: 0 10px 0 25px!important;
}
.media-frame.mode-select .attachments-browser .media-toolbar .media-toolbar-primary.search-form:hover input[type=search] {
    max-width: none;
}
.media-frame.mode-select .media-toolbar-primary.search-form > a.button {
    margin-top: 11px;
}
.media-toolbar-primary>.media-button,
.media-toolbar-primary>.media-button-group {
    margin-bottom: 0;
}
/*.media-toolbar-secondary>.media-button,
.media-toolbar-secondary>.media-button-group { margin-right: 10px; margin-top: 15px; }
*/
.media-toolbar-secondary .search {
    margin-right: 16px
}
body.rtl .media-toolbar-secondary .search {
    margin-right: 0px;
    margin-left: 16px;
}
.media-sidebar .media-uploader-status {
    border-bottom: 1px solid #dfdfdf
}
.media-sidebar .media-uploader-status .upload-dismiss-errors {
    position: absolute;
    top: 0;
    right: 0;
}
body.rtl .media-sidebar .media-uploader-status .upload-dismiss-errors {
    right: auto;
    left: 0;
}
.media-sidebar .sidebar-content {
    padding: 0 10px;
    margin-bottom: 130px;
}

body.rtl .media-sidebar .sidebar-content {
    padding: 0 0 0 10px;
}
.media-sidebar .sidebar-title {
    font-size: 20px;
    margin: 0;
    padding: 12px 10px 10px;
    line-height: 28px;
}
body.rtl .media-sidebar .sidebar-title {
    padding: 12px 0 10px 10px;
}
.media-sidebar .search {
    display: block;
    width: 100%;
}
.hide-toolbar .media-sidebar {
    bottom: 0
}
.compat-item {
    float: left;
    width: 100%;
    overflow: hidden;
}

body.rtl .compact-item {
    float: right;
}
.compat-item .label {
    min-width: 30%;
    margin-right: 4%;
    float: left;
    text-align: right;
}

body.rtl .compat-item .label {
    margin-left: 4%;
    margin-right: 0;
    float: right;
    text-align: left;
}
.compat-item label span {
    text-align: right
}
body.rtl .compat-item label span {
    text-align: left;
}
.compat-item .field {
    float: right;
    width: 66%;
}
body.rtl .compat-item .field {
    float: left;
}
.compat-item .field,
.compat-item .label {
    display: block;
    margin: 0;
    padding: 0;
}
.compat-item .field input[type=email],
.compat-item .field input[type=number],
.compat-item .field input[type=password],
.compat-item .field input[type=search],
.compat-item .field input[type=tel],
.compat-item .field input[type=text],
.compat-item .field input[type=url] {
    width: 100%;
    margin: 0;
}
.compat-item .label span {
    display: block;
    width: 100%;
}
.compat-item table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border: 0;
}
.compat-item tr {
    padding: 2px 0;
    display: block;
    overflow: hidden;
}
.sidebar-for-errors .attachment-details,
.sidebar-for-errors .compat-item,
.sidebar-for-errors .media-sidebar .media-progress-bar,
.sidebar-for-errors .upload-details {
    display: none!important
}
.media-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 25px 0 0;
    border-right: 1px solid rgba(255,255,255,.1);
}
body.rtl .media-menu {
    padding: 0 0 0 25px;
    border-right:none;
    border-left: 1px solid rgba(255,255,255,.1);
}
.media-menu .separator {
    height: 0;
    margin: 10px;
    padding: 0;
    border-top: 1px solid rgba(255,255,255, .05);
}
.media-menu>a {
    display: block;
    position: relative;
    padding: 10px 0;
    margin: 0;
    line-height: 16px;
    font-size: 12px;
    color: rgba(255, 255, 255, .65);
    text-decoration: none;
}
.media-menu>a:active {
    outline: 0
}
.media-menu>a:hover {
    color: #fff;
}
/*.media-frame-title,*/
.media-frame-content {
    display: block;
    max-height: 100%;
    
}
.media-frame.mode-select .media-frame-content {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    position: absolute;
    left: 200px;
    top: 98px;
    right: 0px;
    bottom: 0;
    background: #000;
    border-width: 1px;
    border-style: solid;
}
body.rtl .media-frame.mode-select .media-frame-content {
    left:0;
    right:200px;
}
.media-frame-content .crop-content {
    height: 100%
}
.media-frame-content .crop-content .upload-errors {
    position: absolute;
    width: 300px;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-right: -150px;
    z-index: 600000;
}
body.rtl .media-frame-content .crop-content .upload-errors {
    right: 50%;
    left: auto;
}
.media-frame-content .crop-content .crop-image {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.media-frame-toolbar {
    position: absolute;
    left: 200px;
    right: 1px;
    bottom: 1px;
    height: 50px;
    z-index: 100;
    padding: 0 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-left: none!important;
    background:#000;
}
body.rtl .media-frame-toolbar {
    left: 0;
    right: 200px;
    border-right: none!important;
}
.media-frame.hide-menu .media-frame-menu {
    left: -200px
}
body.rtl .media-frame.hide-menu .media-frame-menu {
    right: -200px;
    left: auto;
}
.media-frame.hide-toolbar .media-frame-content {
    bottom: 0
}
.media-frame.hide-toolbar .media-frame-toolbar {
    bottom: -61px
}
.media-frame.hide-router .media-frame-content {
    top: 50px
}
.media-frame.hide-router .media-frame-router {
    display: none
}
.media-frame.hide-router .media-frame-title {
    border-bottom: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .1);
         box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .1);
}
.attachments {
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
/*.attachment { position: relative; float: left; padding: 8px; margin: 0; color: #464646; cursor: pointer; list-style: none; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/
.attachment .landscape img {
    max-height: 100%
}
.attachment .portrait img {
    max-width: 100%
}
.attachment:hover .close {
    display: block
}
/*.attachment .thumbnail { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; -webkit-transition: opacity .1s; transition: opacity .1s; }*/
/*.attachment .thumbnail .centered { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }*/
/*.attachment .thumbnail .centered img.icon { -webkit-transform: translate(-50%,-70%); -ms-transform: translate(-50%,-70%); transform: translate(-50%,-70%); }*/
/*.attachment .thumbnail .centered img { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }*/
/*.attachment .thumbnail:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); overflow: hidden; }
.attachment .thumbnail img { position: absolute }
.attachment .thumbnail img { top: 0; left: 0; }
*/
.attachment.details .check div,
.media-frame.mode-grid .attachment.selected .check div {
    background-position: -21px 0
}
.attachments-browser.hide-sidebar .media-toolbar {
    padding: 0
}
/*.attachments-browser .media-toolbar-primary>.media-button,
.attachments-browser .media-toolbar-primary>.media-button-group,
.attachments-browser .media-toolbar-secondary>.media-button,
.attachments-browser .media-toolbar-secondary>.media-button-group { margin: 11px 0 }*/
/*.attachments-browser .attachments { padding: 2px 8px 8px }*/
.attachments-browser .uploader-inline.hidden {
    display: none
}
.uploader-inline .close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
    z-index: 1;
}
body.rtl .uploader-inline .close {
    right: auto;
    left: 0;
}
.uploader-inline .close:before {
    content: '\ec0e';
    font: 400 16px/50px streamline!important;
    display: inline-block;
}
.attachments-browser.hide-sidebar .attachments,
.attachments-browser.hide-sidebar .uploader-inline {
    right: 0;
    margin-right: 0;
}
body.rtl .attachments-browser.hide-sidebar .uploader-inline {
    left: 0;
    margin-left: 0;
    right: auto;
    margin-right: auto;
}
.attachments-browser .instructions {
    display: inline-block;
    margin-top: 16px;
    line-height: 18px;
    font-size: 13px;
    color: #666;
    margin-right: .5em;
}
body.rtl .attachments-browser .instructions {
    margin-left: .5em;
    margin-right: 0;
}
.attachments-browser .no-media {
    padding: 2em 0 0 2em
}
body.rtl .attachments-browser .no-media {
    padding: 2em 2em 0 0;
}
.media-progress-bar {
    position: relative;
    height: 10px;
    width: 70%;
    margin: 10px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
         border-radius: 10px;
    background: #dfdfdf;
    background: rgba(0, 0, 0, .1);
}
.media-progress-bar div {
    height: 10px;
    min-width: 20px;
    width: 0;
    background: #1e8cbe;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
         border-radius: 10px;
    -webkit-transition: width 300ms;
    -moz-transition: width 300ms;
      -o-transition: width 300ms;
         transition: width 300ms;
}
.uploading.media-uploader-status .media-progress-bar {
    display: block
}
.media-uploader-status {
    position: relative;
    margin: 0 auto;
    padding-bottom: 10px;
    max-width: 400px;
}
.media-uploader-status .upload-detail-separator {
    padding: 0 4px
}
.media-uploader-status .upload-dismiss-errors {
    text-decoration: none
}
.media-uploader-status .upload-dismiss-errors,
.media-uploader-status .upload-errors {
    display: none
}
.media-uploader-status .upload-details {
    display: none;
    font-size: 12px;
    color: #666;
}
.media-uploader-status .media-progress-bar {
    display: none;
    width: 100%;
}
.media-uploader-status .upload-count {
    color: #464646
}
.uploader-inline .media-uploader-status h3 {
    display: none
}
.uploading.media-uploader-status .upload-details {
    display: block
}
.errors.media-uploader-status .upload-dismiss-errors,
.errors.media-uploader-status .upload-errors {
    display: block
}
.upload-errors .upload-error {
    margin: 8px auto 0;
    padding: 8px;
    border: 1px solid #c00;
    background: #ffebe8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
         border-radius: 3px;
}
.upload-errors .upload-error-label {
    padding: 2px 4px;
    margin-right: 8px;
    font-weight: 700;
    color: #fff;
    background: #e00;
    background: -webkit-gradient(linear, left top, left bottom, from(#e00), to(#a00)) #e00;
    background: -webkit-linear-gradient(top, #e00, #a00) #e00;
    background: -moz-linear-gradient(top, #e00, #a00) #e00;
    background: -o-linear-gradient(top, #e00, #a00) #e00;
    background: linear-gradient(to bottom, #e00, #a00) #e00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
         border-radius: 3px;
}
body.rtl .upload-errors .upload-error-label {
    margin-right: 0;
    margin-left: 8px;
}
.upload-errors .upload-error-message {
    display: block;
    padding-top: 8px;
    color: #b44;
    word-wrap: break-word;
}
.uploader-window {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 86, 132, .9);
    z-index: 250000;
    display: none;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
      -o-transition: opacity 250ms;
         transition: opacity 250ms;
}
.uploader-window .media-progress-bar {
    margin-top: 20px;
    max-width: 300px;
    background: 0 0;
    border-color: #fff;
    display: none;
}
.uploader-window .media-progress-bar div {
    background: #fff
}
.uploader-window h3 {
    margin: -.5em 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
         transform: translateY(-50%);
    font-size: 40px;
    color: #fff;
    padding: 0;
}
.uploader-window-content {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px dashed #fff;
}
.uploading .uploader-window .media-progress-bar {
    display: block
}
.uploader-inline-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
body.rtl .uploader-inline-content {
    left: auto;
    right: 50%;
}
.uploader-inline-content .upload-ui {
    margin: 20px 0
}
.uploader-inline .has-upload-message .upload-ui {
    margin: 20px 0;
}

.uploader-inline .has-upload-message .upload-instructions {
    font-size: 11px;
    color: rgba(255, 255, 255, .5);
    font-weight: 400;
}
.uploader-inline .drop-instructions {
    display: none;
    color: rgba(255, 255, 255, .95);
}
.supports-drag-drop .uploader-inline .drop-instructions {
    display: block
}
.uploader-inline p {
    font-size: 11px;
    margin: 15px 0;
    font-style: italic;
}
.uploader-inline .media-progress-bar {
    display: none
}
.uploading.uploader-inline .media-progress-bar {
    display: block
}
.uploader-inline .browser {
    display: inline-block!important;
    font-size: 12px!important;
    letter-spacing: .3px;
}
.media-selection {
    display: block;
    margin-right: 170px;
    white-space: nowrap;
    overflow: scroll;
    overflow-y: hidden;
}
body.rtl .media-selection {
    margin-left: 170px;
    margin-right: 0;
}
.media-selection .attachment.selection.details .thumbnail {
}
.media-selection .attachment-preview {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
         box-shadow: none;
    background: 0 0;
}
.media-selection .selection-view {
    display: inline-block;
    vertical-align: top;
}
.media-frame.mode-select:not(.mode-grid) .media-selection .selection-view > ul.attachments {
    margin: 10px 0 0!important;
    display: inline-block;
    padding: 0!important;
    -webkit-column-count: auto!important;
    moz-column-count: auto!important;
    column-count: auto!important;
}
body.rtl .media-frame.mode-select:not(.mode-grid) .media-selection .selection-view > ul.attachments {
    margin:; 10px 0 0 0!important;
}
.media-selection .attachment .thumbnail .centered img {
    height: 30px!important;
    width: auto!important;
}
.media-selection .attachment .attachment-preview:before,
.media-selection .attachment .attachment-preview:after {
    content:'';
    display: none;
}
.media-selection .selection-info {
    display: inline-block;
    font-size: 12px;
    height: 50px;
    margin-right: 10px;
    vertical-align: top;
}

body.rtl .media-selection .selection-info {
    margin-left: 10px;
    margin-right: 0;
}
.media-selection .selection-info .clear-selection:before {
    content: 'b';
}
.media-selection .selection-info .edit-selection:before {
    content: 'M';
}
.media-selection .selection-info button,
.media-selection .selection-info a {
    display: block;
    float: left;
    margin-right: 10px;
    font-size:0;
    padding: 0;
    border: 0;
    text-transform: none;
}
body.rtl .media-selection .selection-info a {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.media-selection .selection-info button:before,
.media-selection .selection-info a:before {
    content:  '\e100';
    margin-right:5px;
    font:400 14px/22px streamline;
    display: inline-block;
    vertical-align: top;
}
body.rtl .media-selection .selection-info a:before {
    margin-left:5px;
    margin-right:0;
}
.media-selection .selection-info a:last-child {
    border-right: 0;
    margin-right: 0;
}
body.rtl .media-selection .selection-info a:last-child {
    border-left: 0;
    margin-left: 0;
}
.media-selection .selection-info a:hover {
}
.media-selection .attachments {
    display: inline-block;
}
.media-selection .attachment {
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
         box-shadow: none;
}
body.rtl .media-selection .attachment {
    margin: 0 0 0 10px;
}
.media-selection .attachment .thumbnail {
    display: block;
    position: relative;
}
.media-selection .attachment .filename {
    display: none
}
.media-selection .attachment .icon {
    width: 50%
}
.media-selection .count {
    display: block;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: .3px;
    color: rgba(255, 255, 255, .75);
    text-transform: uppercase;
}
.media-selection:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
body.rtl .media-selection:after {
    left: 0;
}
.media-selection.editing,
.media-selection.empty,
.media-selection.one .edit-selection {
    display: none
}
.attachment-details {
    position: relative;
    overflow: auto;
}
.attachment-details .settings-save-status {
    float: right;
    text-transform: none;
    z-index: 10;
}
body.rtl .attachment-details .settings-save-status {
    float: left;
}
.attachment-details .settings-save-status .spinner {
    margin: 0 5px
}
.attachment-details .settings-save-status .saved {
    float: right;
    display: none;
}
body.rtl .attachment-details .settings-save-status .saved {
    float:left;
}
.attachment-details select,
.media-sidebar select {
    margin-top: 3px
}
.attachment-details .field input[type=checkbox],
.attachment-details .field input[type=radio],
.attachment-details .setting input[type=checkbox],
.attachment-details .setting input[type=radio],
.media-sidebar .field input[type=checkbox],
.media-sidebar .field input[type=radio],
.media-sidebar .setting input[type=checkbox],
.media-sidebar .setting input[type=radio] {
    float: none;
    margin: 8px 3px 0;
    padding: 0;
}
body.rtl .media-sidebar .setting input[type=radio] {
    margin: 8px 0 0 3px;
}
.attachment-details .setting .link-to-custom,
.media-sidebar .setting .link-to-custom {
    padding:5px!important;
    font-style:italic;
    font-size:11px!important;
}
.attachment-details .setting .value,
.media-sidebar .setting .value {
    margin: 0 1px;
    text-align: left;
}
body.rtl .media-sidebar .setting .value {
    text-align: right;
}
.attachment-details .setting label,
.media-sidebar .setting label {
    display: block
}
.attachment-details .setting span,
.media-sidebar .setting span {
    min-width: 30%;
    margin-right: 4%;
    font-size: 12px;
    text-align: right;
}
body.rtl .media-sidebar .setting span {
    margin-left: 4%;
    margin-right: 0;
    text-align: left;
}
.attachment-details.save-complete .settings-save-status .saved,
.attachment-details.save-waiting .settings-save-status .spinner {
    display: block
}
.attachment-info .thumbnail-image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
         box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    overflow: hidden;
}
.attachment-details.needs-refresh .attachment-info .refresh-attachment,
.attachment-info .edit-attachment {
    display: block
}
.attachment-info .thumbnail {
    position: relative;
    float: left;
    max-width: 120px;
    max-height: 120px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
}
body.rtl .attachment-info .thumbnail {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.attachment-info .thumbnail img {
    display: block;
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto;
}
/*.attachment-info .details { float: left; font-size: 12px; max-width: 100%; }*/
.uploading .attachment-info .thumbnail {
    width: 120px;
    height: 80px;
    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, .1);
         box-shadow: inset 0 0 15px rgba(0, 0, 0, .1);
}
.uploading .attachment-info .media-progress-bar {
    margin-top: 35px
}
.attachment-display-settings {
    width: 100%;
    float: left;
    overflow: hidden;
}
body.rtl .attachment-display-settings {
    float:right;
}
.attachment-display-settings h4 {
    margin: 1.4em 0 .4em
}
body.rtl .attachment-display-settings h4 {
    margin: 1.4em 0 .4em 0;
}
.collection-settings {
    overflow: hidden
}
.collection-settings .setting input[type=checkbox] {
    float: left;
    margin-right: 8px;
}
body.rtl .collection-settings .setting input[type=checkbox] {
    float: right;
    margin-left: 8px;
    margin-right: 0;
}
.collection-settings .setting span {
    min-width: inherit
}
.embed-url {
    display: block;
    position: relative;
    padding: 16px;
    margin: 0;
    z-index: 250;
    background: #fff;
    font-size: 18px;
}
.embed-link-settings,
.embed-media-settings {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 16px 32px;
    overflow: auto;
}
.embed-preview embed,
.embed-preview iframe,
.embed-preview img {
    max-width: 100%
}
.embed-preview img {
    height: auto
}
.image-details .media-modal {
    left: 140px;
    right: 140px;
}
.image-details .media-frame-content,
.image-details .media-frame-router,
.image-details .media-frame-title {
    left: 0
}
body.rtl .image-details .media-frame-title {
    right: 0;
    left: auto;
}
.image-details .embed-media-settings {
    top: 0;
    overflow: visible;
    padding: 0;
}
.image-details .embed-media-settings .link-target {
    margin-top: 24px
}
.image-details .embed-media-settings .setting {
    float: none;
    width: auto;
}
.image-details .embed-media-settings .custom-size,
.image-details .embed-media-settings .link-target,
.image-details .embed-media-settings .setting input.link-to-custom {
    margin-left: 27%;
    width: 70%;
}
body.rtl .image-details .embed-media-settings .setting input.link-to-custom {
    margin-right: 27%;
    margin-left: 0;
}
.image-details .embed-media-settings .setting input[type=text],
.image-details .embed-media-settings .setting textarea {
    max-width: inherit;
    width: 70%;
}
.image-details .embed-media-settings .setting span {
    float: left;
    width: 25%;
    text-align: right;
    margin: 8px 1% 0;
    line-height: 1.1;
}
body.rtl .image-details .embed-media-settings .setting span {
    float: right;
    text-align: left;
    margin: 8px 0 0 1%;
}
.image-details .embed-media-settings .size {
    margin-bottom: 4px
}
.image-details .embed-media-settings,
.image-details .embed-media-settings div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.image-details .column-settings {
    background: #f3f3f3;
    border-right: 1px solid #ddd;
    min-height: 100%;
    width: 55%;
    position: absolute;
    top: 0;
    left: 0;
}
body.rtl .image-details .column-settings {
    border-left: 1px solid #ddd;
    border-right:none;
    right: 0;
    left: auto;
}
.image-details .column-settings h3 {
    margin: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}
.image-details .column-image {
    width: 45%;
    position: absolute;
    left: 55%;
    top: 0;
}
body.rtl .image-details .column-image {
    left: auto;
    right: 55%;
}
.image-details .image {
    margin: 20px
}
.image-details .image img {
    max-width: 100%;
    max-height: 500px;
}
.image-details .advanced-toggle {
    color: #666;
    text-decoration: none;
    display: block;
}
.image-details .advanced-toggle:after {
    font: 400 20px/1 dashicons;
    speak: none;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f140';
    display: inline-block;
    margin-top: -2px;
}
.image-details .advanced-visible .advanced-toggle:after {
    content: '\f142'
}
.image-details .custom-size span {
    display: block
}
.image-details .custom-size span small {
    color: #999;
    font-size: inherit;
}
.image-details .custom-size label {
    display: block;
    float: left;
}
body.rtl .image-details .custom-size label {
    float: right;
}
.image-details .custom-size input {
    width: 5em
}
.image-details .custom-size .sep {
    float: left;
    margin: 26px 6px 0;
}
body.rtl .image-details .custom-size .sep {
    float: right;
    margin: 26px 0 0 6px;
}
.image-details .custom-size:after {
    content: '';
    display: table;
    clear: both;
}
.media-embed .thumbnail {
    max-width: 100%;
    max-height: 200px;
    position: relative;
    float: left;
}
body.rtl .media-embed .thumbnail {
    float:right;
}
.media-embed .thumbnail:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
         box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    overflow: hidden;
}
.media-embed .thumbnail img {
    max-height: 200px;
    display: block;
}
.media-embed .setting {
    width: 100%;
    margin: 10px 0;
    float: left;
    display: block;
    clear: both;
}
body.rtl .media-embed .setting {
    float:right;
}
.media-embed .setting input[type=text],
.media-embed .setting textarea {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 1px 0;
}
.media-embed .setting .button-group {
    margin: 2px 0
}
.media-embed .setting input.hidden,
.media-embed .setting textarea.hidden {
    display: none
}
.media-embed .setting span {
    display: block;
    width: 200px;
    font-size: 13px;
    line-height: 24px;
    color: #666;
}
.image-details .actions {
    margin: 10px 0
}
.image-details .hidden {
    display: none
}
.media-embed-sidebar {
    position: absolute;
    top: 0;
    left: 440px;
}
body.rtl .media-embed-sidebar {
    left: auto;
    right: 440px;
}
.advanced-section,
.link-settings {
    margin-top: 10px
}
#wp-fullscreen-body .uploader-editor,
.wp-editor-wrap .uploader-editor {
    background: rgba(150, 150, 150, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    display: none;
    text-align: center;
}
body.rtl .wp-editor-wrap .uploader-editor {
    right: 0;
    left: auto;
}
#wp-fullscreen-body .uploader-editor .uploader-editor-title,
.wp-editor-wrap .uploader-editor .uploader-editor-title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
         transform: translateY(-50%);
    font-size: 3em;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0;
    display: none;
}
#wp-fullscreen-body .uploader-editor {
    background: rgba(0, 86, 132, .9);
    position: fixed;
    z-index: 100050;
}
.wp-editor-wrap.wp-fullscreen-wrap .uploader-editor {
    opacity: 0
}
#wp-fullscreen-body .uploader-editor-content,
.wp-editor-wrap .uploader-editor-content {
    border: 1px dashed #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.wp-editor-wrap .uploader-editor.droppable {
    background: rgba(0, 86, 132, .9)
}
#wp-fullscreen-body .uploader-editor .uploader-editor-title,
.wp-editor-wrap .uploader-editor.droppable .uploader-editor-title {
    display: block
}
/* Regions we don't use at all */
.media-frame.mode-grid .media-frame-title,
.media-frame.mode-grid .media-frame-router,
.media-frame.mode-grid .media-frame-menu {
    display: none;
}
.media-frame.hide-menu .media-frame-menu {
    display: none;
}
.attachments-browser .uploader-inline {
    position: absolute!important;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
}
.media-frame.mode-grid .media-frame-content {
    background-color: transparent;
    border: none;
}
.upload-php .mode-grid .media-sidebar {
    position: relative;
    width: auto;
    margin-bottom: 16px;
    padding: 0 16px;
    border: 1px solid #c00;
    background-color: #feebe8;
}
.upload-php .mode-grid .hide-sidebar .media-sidebar {
    display: none;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status {
    border-bottom: none;
    padding-bottom: 0;
    max-width: 100%;
}
.upload-php .mode-grid .media-sidebar .upload-error {
    margin: 20px 0;
    padding: 0;
    border: none;
    background: none;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
    font-size: 0;
    top: -12px;
    right: -10px;
}
body.rtl .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
    left: -10px;
    right: auto;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
    content: "\f158";
    font: normal 20px/1 dashicons;
    color: #666;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
    color: #2ea2cc;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3 {
    display: none;
}
.media-frame.mode-grid .uploader-inline {
    position: relative!important;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    height: 210px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    padding: 25px;
}
.media-frame.mode-select .attachments {
    -ms-column-count: 5;
    -o-column-count: 5;
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
    -ms-column-gap: 10px;
    -o-column-gap: 10px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    /*margin: 25px -35px 80px;*/
    
    padding: 0;
    margin-bottom: 80px;
    display: block;
    position: relative;
}
ul.attachments > li {
    position: relative;
}
.media-frame.mode-select:not(.mode-grid) .attachments {
    padding:0 20px;
    margin-right: 365px;
    -webkit-column-count: 3!important;
       -moz-column-count: 3!important;
            column-count: 3!important;
}
body.rtl .media-frame.mode-select:not(.mode-grid) .attachments {
    margin-left: 365px;
    margin-right: 0;
}
.media-frame.hide-menu .media-frame-content,
.media-frame.hide-menu .media-frame-router,
.media-frame.hide-menu .media-frame-title,
.media-frame.hide-menu .media-frame-toolbar {
    left: 1px;
}
body.rtl .media-frame.hide-menu .media-frame-toolbar {
    right: 1px;
    left: auto;
}
.media-frame.mode-grid .attachments {
    display: block;
    /*position: relative!important*/
}
.attachment {
    padding: 0;
}
.media-sidebar {
    position: fixed;
    top: 128px;
    right: 30px;
    bottom: 80px;
    width: 365px;
    padding: 20px;
    z-index: 75;
    overflow: auto;
    box-sizing: border-box!important;
    -webkit-overflow-scrolling: touch;
}
body.rtl .media-sidebar {
    right: auto;
    left: 30px;
}
.media-sidebar.visible {
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1);
}
.media-sidebar > div:not(:last-child) {
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 20px;
}
.image-details h3,
.media-sidebar h3 {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(255, 255, 255, .85);
    margin: 0 0 10px;
    line-height: 14px
}
.media-frame:not(.mode-edit):not(.mode-grid) .attachments-browser {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.attachment .thumbnail:after {
    -webkit-box-shadow: none!important;
       -moz-box-shadow: none!important;
            box-shadow: none!important;
}
/*.attachment .filename .centered {
    min-height:100px;
}*/
.attachment .filename {
    display: block;
    padding-bottom: 15px;
}
.attachment .filename div {
    padding: 5px 20px;
    word-break: break-word;
    white-space: normal;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, .85);
}
.attachment .filename div:before {
    font: 400 80px/100px streamline;
    content: '\e1f4';
    text-align: center; 
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: rgba(255, 255, 255, .05);
}
.attachment .filename div:after {
    display: block;
    text-align: center;
    font: 400 48px/1 streamline;
    content: 'R';
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    color: rgba(255, 255, 255, .25);
}
.attachment .subtype-quicktime .filename div:after {
    content: '\e175';
}
.attachment .subtype-mpeg .filename div:after {
    content: '\e198';
}
.attachment .thumbnail {
    text-align: center;
    display: block;
    -webkit-box-shadow: 0px 2px rgba(0, 0, 0, .05);
       -moz-box-shadow: 0px 2px rgba(0, 0, 0, .05);
            box-shadow: 0px 2px rgba(0, 0, 0, .05);
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    position: relative;
}
.attachment .centered > img.icon {
    display: none;
}
/*
.attachment .thumbnail:after {
content: '\f002';
font-family: "FontAwesome";
font-size: 20px;
color: rgba(255,255,255,.95);
opacity: 0;
position: absolute;
width: 20px;
height: 20px;
line-height: 20px;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
transition:opacity .3s ease-in-out;
}
.thumbnail:hover:after {
opacity:1;
}
.attachment-preview:hover .thumbnail:after {
    opacity:1;
}*/
.attachment-preview {
    -webkit-box-shadow: none!important;
       -moz-box-shadow: none!important;
            box-shadow: none!important;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: block;
    vertical-align: top;
}
.attachment-preview:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    height: 40px;
    width: 100px;
    right: 0;
    bottom: 0;
    -webkit-border-bottom-right-radius: 3px;
       -moz-border-radius-bottomright: 3px;
            border-bottom-right-radius: 3px;
    background: -moz-linear-gradient(-20deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.25)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(-20deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(-20deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    
    background: -webkit-linear-gradient(290deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
    
    background: -moz-linear-gradient(290deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
    
    background: -o-linear-gradient(290deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
    
    background: linear-gradient(160deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
    /* W3C */
}
body.rtl .attachment-preview:before {
    left: 0;
    right: auto;
}
.attachment-preview:after {
    content: 'FILE';
    position: absolute;
    bottom: -25px;
    right: 5px;
    padding: 0 5px;
    z-index: 11;
    font-size: 9px;
    line-height: 17px;
    font-weight: 800;
    color: #fff;
    background: rgba(0,0,0,.45);
    -webkit-transition: all .15s ease-in-out;
       -moz-transition: all .15s ease-in-out;
         -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
body.rtl .attachment-preview:after {
    left:5px;
    right:auto;
}
.attachment:hover .attachment-preview:after {
    bottom: 5px;
}

.attachment-preview.subtype-jpeg:after {
    content: 'JPG';
}
.attachment-preview.subtype-png:after {
    content: 'PNG';
}
.attachment-preview.subtype-quicktime:after {
    content: 'MOV';
}
.attachment-preview.subtype-gif:after {
    content: 'GIF';
}
.attachment-preview.subtype-mpeg:after {
    content: 'MP3';
}
.attachment .check {
    display: none;
    height: 24px;
    width: 24px;
    position: absolute;
    z-index: 15;
    top: 3px;
    right: 3px;
    outline: 0;
    text-align: center;
}
body.rtl .attachment .check {
    right:auto;
    left:3px;
}
.attachment .check div {
    display: block;
}
.attachment .close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 22px;
    width: 22px;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}
body.rtl .attachment .close {
    right:auto;
    left:5px;
}
.attachment .close:hover {}
.attachment .icon {
    margin: 0 auto;
    overflow: hidden;
}
.attachment-preview .media-progress-bar {
    position: absolute;
    top: 50%;
    left: 15%;
    width: 70%;
    margin: -5px 0 0;
}
body.rtl .attachment-preview .media-progress-bar {
    left:auto;
    right:15%;
    margin: -5px 0 0 0;
}
/*.attachment-preview:before { content: ''; display: block; padding-top: 100%; }*/
.attachment.selected .check {
    display: block;
    color: #fff;
}
a.button.media-button.delete-selected-button {
    float: right;
    border: none;
    padding: 0;
    position: relative;
    line-height: 28px;
    text-indent: 99999px;
    background: transparent!important;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-align: center;
}
body.rtl a.button.media-button.delete-selected-button {
    float: left;
}
a.button.media-button.delete-selected-button:after {
    content: 'b';
    text-transform: none;
    font: 400 24px/28px streamline;
    width: 28px;
    height: 28px;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
}
body.rtl a.button.media-button.delete-selected-button:after {
    right: 0;
    left: auto;
}
.attachment.details .check:before,
.attachment.selected .check:before,
.media-frame.mode-grid .attachment.selected .check:before {
    content: '\e2a5';
    font: 400 16px/24px streamline;
}
.attachment .filename {
    background: transparent!important;
    border: 0!important;
    -webkit-box-shadow: none!important;
       -moz-box-shadow: none!important;
            box-shadow: none!important;
    color: #fff;
    white-space: nowrap;
    min-height: 100px;
}
.attachment .type-video .thumbnail {
    display: block;
}
.attachment .type-video .thumbnail .centered {
    display: none;
}
.attachment .thumbnail .centered img:not(.icon) {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.attachment:not(.selection) .thumbnail {
    border-radius: 3px;
    transition: border-color .15s ease-in-out;
}

.attachment .thumbnail:hover .centered img:not(.icon) {}
.media-frame.mode-select .attachments-browser.fixed .attachments {
    position: relative;
}
.media-frame.mode-grid .attachment:focus,
.media-frame.mode-grid .selected.attachment:focus,
.media-frame.mode-grid .attachment.details:focus {
    -webkit-box-shadow: none!important;
       -moz-box-shadow: none!important;
            box-shadow: none!important;
    outline: none;
}
.media-frame.mode-grid .selected.attachment {
    -webkit-box-shadow: inset 0 0 0 5px #f1f1f1, inset 0 0 0 7px #ccc;
    -moz-box-shadow: inset 0 0 0 5px #f1f1f1, inset 0 0 0 7px #ccc;
         box-shadow: inset 0 0 0 5px #f1f1f1, inset 0 0 0 7px #ccc;
}
.media-frame.mode-grid .attachment.details {
    -webkit-box-shadow: inset 0 0 0 3px #f1f1f1, inset 0 0 0 7px #1e8cbe;
    -moz-box-shadow: inset 0 0 0 3px #f1f1f1, inset 0 0 0 7px #1e8cbe;
         box-shadow: inset 0 0 0 3px #f1f1f1, inset 0 0 0 7px #1e8cbe;
}
.media-frame.mode-grid.mode-select .attachment .thumbnail {
    opacity: 0.65;
    -webkit-transition: opacity .15s ease-in-out;
       -moz-transition: opacity .15s ease-in-out;
         -o-transition: opacity .15s ease-in-out;
            transition: opacity .15s ease-in-out;
}
.media-frame.mode-select .attachment.selected .thumbnail {
    opacity: 1;
}
.media-frame.mode-grid .media-toolbar {
    border: 0;
}
/*.media-toolbar {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 60px;
}*/
.media-frame.mode-grid .media-toolbar {
    right:0;
}
body.rtl .media-frame.mode-grid .media-toolbar {
    right:auto;
    left:0;
}
.media_toolbar .screen-reader-text {
    display: none!important;
}
.media-toolbar-secondary {
    display: block;
}
.media-frame.mode-grid .media-toolbar-secondary > .media-button {
    vertical-align: baseline;
    border: 2px solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    float: right;
    margin-right: 25px;
}
body.rtl .media-frame.mode-grid .media-toolbar-secondary > .media-button {
    float: left;
    margin-right: 0;
    margin-left: 25px;
}
.media-frame.mode-grid .attachments-browser .bulk-select {
    display: inline-block;
    margin: 0;
}
.media-frame.mode-grid .search {
    margin-top: 0;
}
.media-frame.mode-grid .spinner {
    margin-top: 15px;
}
.media-frame.mode-grid .centered {
    display: block;
}
.media-frame.mode-select .attachments-browser .media-toolbar {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    position: relative;
    margin-bottom: 20px;
    margin-right: 365px;
}
body.rtl .media-frame.mode-select .attachments-browser .media-toolbar {
    margin-left: 365px;
    margin-right: 0;
}
.attachments-browser .media-toolbar-secondary > .select-mode-toggle-button {
    margin:0 10px 0 0;
    border-width: 1px!important;
}
body.rtl .attachments-browser .media-toolbar-secondary > .select-mode-toggle-button {
    margin:0 0 0 10px;
}
.attachments-browser .media-toolbar-secondary > .select-mode-toggle-button:before {
    content: '\e818';
    font: 400 14px/24px streamline;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
body.rtl .attachments-browser .media-toolbar-secondary > .select-mode-toggle-button:before {
    margin-left: 5px;
    margin-right: 0;
}
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
    position: fixed;
    top: 32px;
    left: auto;
    right: 20px;
    margin-top: 0;
}
body.rtl .media-frame.mode-select .attachments-browser.fixed .media-toolbar {
    left: 20px;
    right: auto;
}
.media-frame.mode-grid .attachments-browser {
    padding: 0;
}
.media-frame.mode-grid .attachments-browser .no-media {
    font-size: 18px;
    font-style: normal;
    margin: 0;
    padding: 100px 0 0;
    text-align: center;
}
body.rtl .media-frame.mode-grid .attachments-browser .no-media {
    padding: 100px 0 0 0;
}
/**
 * Attachment details modal
 */
.media-modal {
    position: fixed;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 160000;
}
.wp-customizer .media-modal {
    z-index: 560000
}
.media-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 360px;
    background: #000;
    opacity: .85;
    z-index: 159900;
}
.edit-attachment-frame {
    display: block;
    height: 100%;
    width: 100%;
}
.edit-attachment-frame .edit-media-header {
    /*overflow: hidden;*/
}
.media-modal-close .media-modal-icon:before {
    display: block;
    content: '\ec0e';
    font: 400 18px/28px streamline;
    speak: none;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}
.media-modal-close .media-modal-icon {
    display: block;
    color: rgba(255, 255, 255, .65);
    width: 24px;
    height: 40px;
    text-align: center;
    -webkit-transition: color .15s ease-in-out;
       -moz-transition: color .15s ease-in-out;
         -o-transition: color .15s ease-in-out;
            transition: color .15s ease-in-out;
}
.media-modal-close .media-modal-icon:hover {
    color:rgba(255, 255, 255, .95);
}
.upload-php .media-modal-close,
.edit-attachment-frame .edit-media-header .left,
.edit-attachment-frame .edit-media-header .right {
    cursor: pointer;
    color: #fff;
    -webkit-box-shadow: none!important;
       -moz-box-shadow: none!important;
            box-shadow: none!important;
    background-color: transparent;
    height: 60px;
    text-shadow: none!important;
    background: transparent!important;
    width: 20px;
    padding: 0;
    position: absolute;
    border: 0;
    margin: 0;
    z-index: 9999;
    -webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
      -o-transition: color .1s ease-in-out;
         transition: color .1s ease-in-out;
}
.edit-attachment-frame .edit-media-header .disabled {
    color: rgba(255, 255, 255, .1)!important;
}
.upload-php .media-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100000;
}
body.rtl .upload-php .media-modal-close {
    right: auto;
    left: 0;
}
.edit-attachment-frame .edit-media-header .left,
.edit-attachment-frame .edit-media-header .right {
    top: 50%;
    top: -webkit-calc( 50% - 30px );
    top: -moz-calc( 50% - 30px );
    top: -o-calc( 50% - 30px );
    top: -ms-calc( 50% - 30px );
}
.edit-attachment-frame .edit-media-header .left {
    left: 0px;
}
.edit-attachment-frame .edit-media-header .right {
    right: 0px;
}
body.rtl .edit-attachment-frame .edit-media-header .left {
    left: auto;
    right: 0;
}
body.rtl .edit-attachment-frame .edit-media-header .right {
    left: 0;
    right: auto;
}
.edit-attachment-frame .media-frame-title {
    display: none;
}
.edit-attachment-frame .edit-media-header .right:before,
.edit-attachment-frame .edit-media-header .left:before {
    font: 400 20px/60px 'streamline' !important;
    display: inline;
}
.upload-php .media-modal-close:hover,
.edit-attachment-frame .edit-media-header .left:hover,
.edit-attachment-frame .edit-media-header .right:hover {
    color: rgba(255, 255, 255, .55);
}
.upload-php .media-modal-close:focus .media-modal-icon:before,
.upload-php .media-modal-close:hover .media-modal-icon:before {
    color: rgba(255, 255, 255, .55);
}
.edit-attachment-frame .edit-media-header .left:before,
.rtl .edit-attachment-frame .edit-media-header .right:before {
    content: '\e683';
}
.edit-attachment-frame .edit-media-header .right:before,
.rtl .edit-attachment-frame .edit-media-header .left:before {
    content: '\e694';
}
.edit-attachment-frame .edit-media-header .left.disabled,
.edit-attachment-frame .edit-media-header .right.disabled,
.edit-attachment-frame .edit-media-header .left.disabled:hover,
.edit-attachment-frame .edit-media-header .right.disabled:hover {
    cursor: default;
    pointer-events: none;
}
.edit-attachment-frame .media-frame-content,
.edit-attachment-frame .media-frame-router {
    left: 0;
}
body.rtl .edit-attachment-frame .media-frame-router {
    left: auto;
    right: 0;
}
.edit-attachment-frame .media-frame-content {
    bottom: 0;
    top: 60px;
    left: 0;
    right: 0;
    position: absolute;
}
.edit-attachment-frame .attachment-details {
    position: absolute;
    overflow: visible;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.media-frame-title h1 {
    padding: 0 40px 0 20px;
    font: 700 18px/28px "Montserrat", "Open Sans", Arial, sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1)!important;
    margin: 0;
}

body.rtl .media-frame-title h1 {
    padding: 0 20px 0 40px;
}
.media-frame-router {
    position: absolute;
    text-align: center;
    top: 60px;
    left: 200px;
    right: 0;
    height: 36px;
    z-index: 200;
}
body.rtl .media-frame-router {
    left: 0;
    right: 200px;
    padding: 0 20px 0 0;
}
.media-frame-content .details strong {
    /*text-transform: uppercase;
    font-size: 10px;
    margin-right: 10px;
    letter-spacing: 1px;
    width: 125px;
    color: rgba(0,0,0,.75);*/
    display: none;
}
.media-frame-content .details {
    color: #fff;
    position:relative;
}
#wp-media-grid .media-frame.hide-menu .media-frame-toolbar {
    display: none;
}
.media-frame-content .media-frame.hide-menu .media-frame-toolbar {
    display: block;
}
.media-sidebar .setting span,
.attachment-details .setting span,
.compat-item label span
{
    display: inline-block;
    min-height: 22px;
    padding-top: 8px;
    line-height: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, .85);
}
.media-sidebar .setting span {
    font-weight: 400;
}
.attachment-details span.name {
    width: 90px;
    vertical-align: top;
}
.media-frame input:disabled,
.media-frame input[readonly],
.media-frame textarea:disabled,
.media-frame textarea[readonly] {
    background-color: transparent;
    color:rgba(255,255,255, .45);
    border-color: rgba(255,255,255, .1) !important;
}
.attachment-details .setting,
.media-sidebar .setting {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 10px;
}
body.rtl .media-sidebar .setting {
    float:right;
}
.edit-attachment-frame .attachment-media-view {
    display: block;
    width: 100%;
    height: 100%;
}
.edit-attachment-frame .attachment-media-view .thumbnail {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
}
.edit-attachment-frame .attachment-media-view .details-image,
.edit-attachment-frame .attachment-media-view .mejs-container {
    display: block;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-transition: opacity .1s ease-in-out;
       -moz-transition: opacity .1s ease-in-out;
         -o-transition: opacity .1s ease-in-out;
            transition: opacity .1s ease-in-out;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, .3);
            box-shadow: 0px 3px 8px rgba(0, 0, 0, .3);
    position: absolute;
    max-height: 75%;
    max-width: 85%;
    top: -webkit-calc( 50% - 30px );
    top: -moz-calc( 50% - 30px );
    top: calc( 50% - 30px );
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
body.rtl .edit-attachment-frame .attachment-media-view .mejs-container {
    left: auto;
    right: 50%;
}
.edit-attachment-frame .attachment-media-view .mejs-container.mejs-audio {
    width: 320px;
    max-width: 320px;
    height: 30px;
}
.pace-running .edit-attachment-frame .attachment-media-view .details-image {
    opacity:0;
}
.edit-attachment-frame .attachment-media-view .thumbnail
.edit-attachment-frame .wp-media-wrapper {
    margin-bottom: 12px;
}
.edit-attachment-frame input,
.edit-attachment-frame textarea {
    padding: 6px 8px;
    line-height: 16px;
}
.media-frame.mode-select .attachment-info {
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: block;
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
body.rtl .media-frame.mode-select .attachment-info {
    float: right;
}
.media-frame.mode-select .attachment-info > .details > div:not(.filename) {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    margin:0 10px 0 0;
    color: rgba(255, 255, 255, .5);
}
body.rtl .media-frame.mode-select .attachment-info > .details > div:not(.filename) {
    margin: 0 0 0 10px;
}
.media-frame.mode-select .attachment-info > .details > div:last-child {
    margin-right: 0;
}
body.rtl .media-frame.mode-select .attachment-info > .details > div:last-child {
    margin-left: 0;
}
.media-frame.mode-select .attachment-info > .details > div.filename {
    font-weight:600;
}
.attachment-info .delete-attachment,
.attachment-info .edit-attachment,
.attachment-info .refresh-attachment,
.attachment-info .trash-attachment,
.attachment-info .untrash-attachment {
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    float:left;
    position: relative;
    width:24px;
    height:24px;
    text-align:center;
    text-indent:-9999px;
    margin-right:5px;
}
body.rtl .attachment-info .untrash-attachment {
    margin-left:5px;
    margin-right:0;
    float:right;
}
.attachment-info .delete-attachment:before,
.attachment-info .edit-attachment:before,
.attachment-info .refresh-attachment:before,
.attachment-info .trash-attachment:before,
.attachment-info .untrash-attachment:before {
    content:'\e224';
    font:400 18px/24px streamline;
    display:block;
    text-transform: none;
    width:24px;
    height:24px;
    text-indent:0;
    position:absolute;
    top:0;
    left:0;
}
body.rtl .attachment-info .untrash-attachment:before {
    left:auto;
    right:0;
}
.attachment-info .edit-attachment:before {
    content:'M';
}
.attachment-info .refresh-attachment:before {
    content:'\e29b';
}
.attachment-info .trash-attachment:before,
.attachment-info .delete-attachment:before {
    content:'\e6d9';
}
.attachment-details.needs-refresh .attachment-info .edit-attachment,
.attachment-info .refresh-attachment {
    display: none
}
.edit-attachment-frame .attachment-media-view .thumbnail:before {
    content: url(../assets/three-dots-255.svg);
    color: #fff;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 32px;
    height: auto;
    opacity:0;
    -webkit-transition: opacity .2s ease-in-out;
       -moz-transition: opacity .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out;
            transition: opacity .2s ease-in-out;
}
body.rtl .edit-attachment-frame .attachment-media-view .thumbnail:before {
    left:0;
    right:50%;
}
.pace-running .edit-attachment-frame .attachment-media-view .thumbnail:before {
    opacity:1;
}
.edit-attachment-frame .attachment-info {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
}
.media-modal-content {
    display: block;
    background: transparent;
}
.upload-php .media-modal-content {
    background: transparent!important;
}
.edit-attachment-frame .attachment-info .details {
    display: block;
    line-height: 42px;
    margin-right:250px;
    white-space: nowrap;
    position: relative;
}
body.rtl .edit-attachment-frame .attachment-info .details {
    margin-left:250px;
    margin-right:0;
}
.edit-attachment-frame .attachment-info .details > div {
    line-height: 24px;
    font-size: 11px;
    letter-spacing: .4px;
    display: inline-block;
    color: rgba(255, 255, 255, .75);
}
.edit-attachment-frame .attachment-info .details > div:not(.filename):after {
    content: '/';
    opacity: .3;
    margin: 0 15px;
}
.edit-attachment-frame .attachment-info .details > div:last-child:after {
    content: none;
}
.edit-attachment-frame .attachment-info .settings {
    /*position: relative;
overflow: hidden;
float: none;
margin-bottom: 15px;
padding-bottom: 20px;
line-height: 26px;
box-sizing: border-box;
margin-right: 10px;*/
}
.edit-attachment-frame.mode-select .attachment-details label[data-setting=title] {
    opacity:1!important;
    height:auto!important;
    visibility: visible!important;
    max-height:100px!important;
    -webkit-transform:none!important;
       -moz-transform:none!important;
        -ms-transform:none!important;
         -o-transform:none!important;
            transform:none!important;
}
.edit-attachment-frame.mode-select .attachment-details label[data-setting=title] span.name {
    display:none!important;
}
.edit-attachment-frame.mode-select .attachment-details label[data-setting=title] input[type=text] {
    position: fixed;
    color: #fff!important;
    top: 15px;
    left: 20px;
    font-size: 18px;
    letter-spacing: 1px;
    border-left: 0;
    width: auto;
    min-width: 40%;
    margin: 0;
    border-color: rgba(255, 255, 255, .15);
}
body.rtl .edit-attachment-frame.mode-select .attachment-details label[data-setting=title] input[type=text] {
    left:auto;
    right:20px;
    border-right: 0;
    border-left:none;
}
.attachment-actions {
    position: absolute;
    top: 45%;
    left: 48%;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transition: opacity .15s ease-in-out;
       -moz-transition: opacity .15s ease-in-out;
         -o-transition: opacity .15s ease-in-out;
            transition: opacity .15s ease-in-out;
    opacity: 0;
}
body.rtl .attachment-actions {
    right:48%;
    left:auto;
}
.attachment-actions a.edit-attachment {
    border: 0;
    line-height: 40px;
    font-size: 0!important;
    text-align: center;
    padding: 6px;
    border: 2px solid;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    /*position:absolute;*/
    
    padding: 0!important;
    margin: 0;
    width: 40px;
    height: 40px;
}
/*img.details-image {
    -webkit-transition: opacity .15s ease-in-out;
       -moz-transition: opacity .15s ease-in-out;
         -o-transition: opacity .15s ease-in-out;
            transition: opacity .15s ease-in-out;
}
img.details-image:hover {
    opacity: .85;
}
img.details-image:hover + .attachment-actions {
    opacity: 1;
}*/
/*.attachment*/
.attachment-actions a.edit-attachment:before {
    content: 'M';
    font: 400 24px/36px streamline;
    display: block
}
.attachment-details .setting .value,
.attachment-details .setting input[type=email],
.attachment-details .setting input[type=number],
.attachment-details .setting input[type=password],
.attachment-details .setting input[type=search],
.attachment-details .setting input[type=tel],
.attachment-details .setting input[type=text],
.attachment-details .setting input[type=url],
.attachment-details .setting textarea,
.media-sidebar .setting .value,
.media-sidebar .setting input[type=email],
.media-sidebar .setting input[type=number],
.media-sidebar .setting input[type=password],
.media-sidebar .setting input[type=search],
.media-sidebar .setting input[type=tel],
.media-sidebar .setting input[type=text],
.media-sidebar .setting input[type=url],
.media-sidebar .setting textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px;
    width: 65%;
    float: right;
    background:transparent;
    color: rgba(255,255,255,.75);
    border-color: rgba(255,255,255,.15);
    -webkit-transition:border-color .15s ease-in-out, color .15s ease-in-out;
       -moz-transition:border-color .15s ease-in-out, color .15s ease-in-out;
         -o-transition:border-color .15s ease-in-out, color .15s ease-in-out;
            transition:border-color .15s ease-in-out, color .15s ease-in-out;
}
body.rtl .media-sidebar .setting textarea {
    float:left;
}
.attachment-details .setting .value:hover,
.attachment-details .setting input[type=email]:hover,
.attachment-details .setting input[type=number]:hover,
.attachment-details .setting input[type=password]:hover,
.attachment-details .setting input[type=search]:hover,
.attachment-details .setting input[type=tel]:hover,
.attachment-details .setting input[type=text]:hover,
.attachment-details .setting input[type=url]:hover,
.attachment-details .setting textarea:hover,
.media-sidebar .setting .value:hover,
.media-sidebar .setting input[type=email]:hover,
.media-sidebar .setting input[type=number]:hover,
.media-sidebar .setting input[type=password]:hover,
.media-sidebar .setting input[type=search]:hover,
.media-sidebar .setting input[type=tel]:hover,
.media-sidebar .setting input[type=text]:hover,
.media-sidebar .setting input[type=url]:hover,
.media-sidebar .setting textarea:hover {
    border-color: rgba(255,255,255,.45);
    color: rgba(255,255,255,.85);
}
.attachment-details .setting .value:focus,
.attachment-details .setting input[type=email]:focus,
.attachment-details .setting input[type=number]:focus,
.attachment-details .setting input[type=password]:focus,
.attachment-details .setting input[type=search]:focus,
.attachment-details .setting input[type=tel]:focus,
.attachment-details .setting input[type=text]:focus,
.attachment-details .setting input[type=url]:focus,
.attachment-details .setting textarea:focus,
.media-sidebar .setting .value:focus,
.media-sidebar .setting input[type=email]:focus,
.media-sidebar .setting input[type=number]:focus,
.media-sidebar .setting input[type=password]:focus,
.media-sidebar .setting input[type=search]:focus,
.media-sidebar .setting input[type=tel]:focus,
.media-sidebar .setting input[type=text]:focus,
.media-sidebar .setting input[type=url]:focus,
.media-sidebar .setting textarea:focus {
    border-color: rgba(255,255,255,.75);
    color: rgba(255,255,255,1);
}
.attachment-details .setting textarea,
.compat-item .field textarea,
.media-sidebar .setting textarea {
    height: 95px;
    resize: vertical;
}
.attachment-details .setting select,
.media-sidebar .setting select {
    max-width: 55%
}
.edit-attachment-frame .attachment-info .settings {
    display: block;
    position: absolute;
    bottom: 35px;
    right: 0;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    max-width: 410px;
    background: transparent;
    padding: 0px;
    z-index: 10000;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    max-height:0;
    -webkit-transition:max-height .35s ease-in-out, padding .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
       -moz-transition:max-height .35s ease-in-out, padding .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
         -o-transition:max-height .35s ease-in-out, padding .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
            transition:max-height .35s ease-in-out, padding .15s ease-in-out, background-color .15s ease-in-out, opacity .15s ease-in-out;
}
body.rtl .edit-attachment-frame .attachment-info .settings {
    right: auto;
    left:0;
}
.edit-attachment-frame .attachment-info .settings:before {
    content: '';
    position: absolute;
    right: 135px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: rgba(0, 0, 0, .95) transparent transparent transparent;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
       -moz-transition: opacity .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out;
            transition: opacity .2s ease-in-out;
}
body.rtl .edit-attachment-frame .attachment-info .settings:before {
    right: auto;
    left: 135px;
}
.edit-attachment-frame .attachment-info .settings .setting,
.edit-attachment-frame .attachment-info .settings .attachment-compat {
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    -webkit-transform: translateY(-10px);
       -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
         -o-transform: translateY(-10px);
            transform: translateY(-10px);
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s ease-in-out, opacity .15s ease-in-out, max-height .35s ease-in-out, visibility .35s ease-in-out;
       -moz-transition: -moz-transform .3s ease-in-out, opacity .15s ease-in-out, max-height .35s ease-in-out, visibility .35s ease-in-out;
         -o-transition: -o-transform .3s ease-in-out, opacity .15s ease-in-out, max-height .35s ease-in-out, visibility .35s ease-in-out;
            transition: transform .3s ease-in-out, opacity .15s ease-in-out, max-height .35s ease-in-out, visibility .35s ease-in-out;
}
.edit-attachment-frame .attachment-info .settings:hover {
    opacity: 1;
    padding: 20px 20px 15px;
    max-height: 500px;
    background: rgba(0,0,0,.95);
}
.edit-attachment-frame .attachment-info .settings:hover .setting:last-child {
    margin-bottom: 0px;
}
.edit-attachment-frame .attachment-info .settings:hover .setting,
.edit-attachment-frame .attachment-info .settings:hover .attachment-compat {
    opacity:1;
    max-height:100px;
    visibility: visible;
    -webkit-transform:translateY(0);
       -moz-transform:translateY(0);
        -ms-transform:translateY(0);
         -o-transform:translateY(0);
            transform:translateY(0);
}
.edit-attachment-frame .attachment-info .settings:hover:after {
    cursor:pointer;
}
.edit-attachment-frame .attachment-info .settings:hover:before {
    opacity:1;
}
.edit-attachment-frame .attachment-info .settings:after {
    font: 400 24px/32px streamline;
    content: '\eb86';
    text-transform: none;
    text-align: center;
    position: absolute;
    right: 130px;
    width: 32px;
    height: 42px;
    line-height: 42px;
    bottom: -42px;
    color: #fff;
}
body.rtl .edit-attachment-frame .attachment-info .settings:after {
    right: auto;
    left: 130px;
}
.edit-attachment-frame .attachment-info .filename {
    font-weight: normal;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    position: fixed;
    top: 80px;
    left: 37px;
}
body.rtl .edit-attachment-frame .attachment-info .filename {
    left: auto;
    right: 37px;
}
.edit-attachment-frame .attachment-info .filename + .filename {
    /*right:0;
left:auto;
margin-right:0;
text-align:right;*/
    
    position: static;
}
.edit-attachment-frame .attachment-info .filename + .filename:after {
    content: '/';
    opacity: .3;
    margin: 0 15px;
}
.edit-attachment-frame .attachment-info .thumbnail {
    margin-bottom: 12px;
}
.attachment-info .actions {
    position: absolute;
    bottom: -5px;
    height: 42px;
    right: 0;
    font-size: 0;
}
body.rtl .attachment-info .actions {
    left: 0;
    right: auto;
}
.attachment-actions a.edit-attachment,
.attachment-info .actions button,
.attachment-info .actions a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0px;
    color: rgba(255, 255, 255, .95);
    text-align: center;
    height: 42px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}
.attachment-actions a.edit-attachment:hover,
.attachment-info .actions a:hover {
    color: rgba(255,255,255, .5);
}
.attachment-info .actions button:before,
.attachment-info .actions a:before {
    font: 400 20px/42px streamline;
    display: block;
    content: '\e7c9';
    height: 42px;
    width: 40px;
    text-transform: none;
}
.attachment-info .actions .delete-attachment {
    margin-left: 0;
    float: right;
    margin-right: 0;
    height: 42px;
    width: 42px;
}
body.rtl .attachment-info .actions .delete-attachment {
    float:left;
}
.attachment-info .actions .delete-attachment:before {
    content: '\e6d9';
}
.attachment-info .actions .view-attachment:before {
    content: '\ed33';
}
.media-modal-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: transparent;
    /*overflow:hidden;*/
    /*box-shadow:0 15px 30px rgba(0,0,0,.85);*/
}
.media-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 360px;
    background: rgba(0, 0, 0, .85);
    z-index: 99998;
}
.media-modal-close span.media-modal-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: top;
    margin: 0 auto!important;
}
.upload-php .media-modal-close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 28px;
    height: 28px;
    text-align: center;
}
body.rtl .upload-php .media-modal-close {
    left:0;
    right:auto;
}
/* -------------------------
IMAGE EDITOR
----------------------------
*/
.media-modal .imgedit-group {
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
         box-shadow: none;
    margin: 0 0 30px;
    position: relative;
}
.media-modal .imgedit-group:last-of-type {
    border: none;
    margin: 0;
    padding: 0;
}
.media-modal .imgedit-group img {
    margin-top: 5px
}
.media-modal .describe .image-editor {
    vertical-align: top;
}
.imgedit-wrap {
    position: relative;
}
.imgedit-settings p {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .65);
}
.media-modal .imgedit-group.imgedit-applyto > p > strong,
.media-modal .imgedit-group-top h3 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    margin: 0 0;
}
p.max-upload-size {
    box-shadow: none!important;
}
.imgedit-menu {
    display: block;
    text-align: center;
    margin: 0 0 20px;
    min-width: 300px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.imgedit-menu div {
    display: inline-block;
    width: 32px;
    margin: 0 10px 0 0;
    height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 32px;
    color: rgba(255, 255, 255, .95);
    cursor: pointer;
    -webkit-transition: color .15s ease-in-out;
       -moz-transition: color .15s ease-in-out;
         -o-transition: color .15s ease-in-out;
            transition: color .15s ease-in-out;
}
.imgedit-menu div:before {
    font: 400 24px/32px streamline;
    speak: none;
    display: block;
    vertical-align: top;
}
.imgedit-menu div:hover {
    color: rgba(255, 255, 255, .5);
}
.imgedit-menu div.disabled {
    color: rgba(255, 255, 255, .1);
    cursor: default;
}
.imgedit-crop:before {
    content: '|';
}
.imgedit-rleft:before {
    content: '\f166';
}
.imgedit-rright:before {
    content: '\f167';
}
.imgedit-flipv:before {
    content: '\e015';
}
.imgedit-fliph:before {
    content: '\e011';
}
.imgedit-undo:before {
    content: '\e481';
}
.imgedit-redo:before {
    content: '\e462';
}
.imgedit-crop-wrap {
    position: relative;
}
.imgedit-crop {
    margin: 0 8px 0 0;
}
body.rtl .imgedit-crop {
    margin: 0 0 0 8px;
}
.imgedit-rleft {
    margin: 0 3px;
}
.imgedit-rright {
    margin: 0 8px 0 3px;
}
body.rtl .imgedit-rright {
    margin: 0 3px 0 8px;
}
.imgedit-flipv {
    margin: 0 3px;
}
.imgedit-fliph {
    margin: 0 8px 0 3px;
}
body.rtl .imgedit-fliph {
    margin: 0 3px 0 8px;
}
.imgedit-undo {
    margin: 0 3px;
}
.imgedit-redo {
    margin: 0 8px 0 3px;
}
body.rtl .imgedit-redo {
    margin: 0 3px 0 8px;
}
.imgedit-applyto img {
    margin: 0 8px 0 0;
}
body.rtl .imgedit-applyto img {
    margin: 0 0 0 8px;
}
.imgedit-group-top {
    margin: 5px 0;
}
.imgedit-applyto > .imgedit-group-top + p {
    font-style: italic;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 2px;
    font-weight: 700;
    color: rgba(255, 255, 255, .4);
}
.nowrap {
    white-space: nowrap;
    color: rgba(255, 255, 255, .55);
}
.nowrap input[type=text] {
    margin: 0;
    color: rgba(255, 255, 255, .85);
    border-color: rgba(255, 255, 255, .35);
}
.nowrap input[type=text]:hover,
.nowrap input[type=text]:focus {
    color: #fff;
    border-color: rgba(255, 255, 255, .65);
}
/* -------------------------
MEDIA ELEMENT
----------------------------
*/
.mejs-container {
    clear: both;
    border: 1px solid #fff;
}
.mejs-inner {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mejs-container * {
    font-family: Helvetica, Arial;
}
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
    background: transparent;
}
.mejs-controls a.mejs-horizontal-volume-slider {
    display: table;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #0074a2;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: rgba(255, 255, 255, .33);
}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.mejs-controls .mejs-offscreen {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
.mejs-controls a:focus > .mejs-offscreen {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
       -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 0;
    top: 15px;
    text-decoration: none;
    text-transform: none;
    width: auto;
}
body.rtl .mejs-controls a:focus > .mejs-offscreen {
    left:auto;
    right:0;
}
.mejs-overlay-loading {
    background: transparent;
}
/* Override theme styles that may conflict with controls. */
.mejs-controls button:hover {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
         box-shadow: none;
}
.me-cannotplay {
    width: auto !important;
}
.media-embed-details .wp-audio-shortcode {
    display: inline-block;
    max-width: 400px;
}
.audio-details .embed-media-settings {
    overflow: visible;
}
.media-embed-details .embed-media-settings .setting span {
    max-width: 400px;
    width: auto;
}
.media-embed-details .embed-media-settings .checkbox-setting span {
    display: inline-block;
}
.media-embed-details .embed-media-settings {
    padding-top: 0;
    top: 28px;
}
.media-embed-details .instructions {
    padding: 16px 0;
    max-width: 600px;
}
.media-embed-details .setting p,
.media-embed-details .setting a {
    color: #a00;
    font-size: 10px;
    text-transform: uppercase;
}
.media-embed-details .setting a:hover {
    color: #f00;
}
.media-embed-details .embed-media-settings .checkbox-setting {
    float: none;
    margin: 0 0 10px;
}
.wp-video {
    max-width: 100%;
    height: auto;
}
.wp_attachment_holder .wp-video {
    margin-top: 18px;
}
video.wp-video-shortcode,
.wp-video-shortcode video {
    max-width: 100%;
    display: inline-block;
}
.video-details .wp-video-holder {
    width: 100%;
    max-width: 640px;
}
.wp-playlist {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 12px 0 18px;
    font-size: 14px;
    line-height: 1.5;
}
.wp-admin .wp-playlist {
    margin: 0 0 18px;
}
.wp-playlist video {
    display: inline-block;
    max-width: 100%;
}
.wp-playlist audio {
    display: none;
    max-width: 100%;
    width: 400px;
}
.wp-playlist .mejs-container {
    margin: 0;
    width: 100%;
}
.wp-playlist .mejs-controls .mejs-button button {
    outline: 0;
}
.wp-playlist-light {
    background: #fff;
    color: #000;
}
.wp-playlist-dark {
    color: #fff;
    background: #000;
}
.wp-playlist-caption {
    display: block;
    max-width: 88%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.5;
}
.wp-playlist-item .wp-playlist-caption {
    text-decoration: none;
    color: #000;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
}
.wp-playlist-item-meta {
    display: block;
    font-size: 14px;
    line-height: 1.5;
}
.wp-playlist-item-title {
    font-size: 14px;
    line-height: 1.5;
}
.wp-playlist-item-album {
    font-style: italic;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}
.wp-playlist-item-artist {
    font-size: 12px;
    text-transform: uppercase;
}
.wp-playlist-item-length {
    position: absolute;
    right: 3px;
    top: 0;
    font-size: 14px;
    line-height: 1.5;
}
body.rtl .wp-playlist-item-length {
    left: 3px;
    right: auto;
}
.wp-playlist-tracks {
    margin-top: 10px;
}
.wp-playlist-item {
    position: relative;
    cursor: pointer;
    padding: 0 3px;
    border-bottom: 1px solid #ccc;
}
.wp-playlist-item:last-child {
    border-bottom: 0;
}
.wp-playlist-light .wp-playlist-caption {
    color: #333;
}
.wp-playlist-dark .wp-playlist-caption {
    color: #dedede;
}
.wp-playlist-playing {
    font-weight: bold;
    background: #f7f7f7;
}
.wp-playlist-light .wp-playlist-playing {
    background: #fff;
    color: #000;
}
.wp-playlist-dark .wp-playlist-playing {
    background: #000;
    color: #fff;
}
.wp-playlist-current-item {
    overflow: hidden;
    margin-bottom: 10px;
    height: 60px;
}
.wp-playlist .wp-playlist-current-item img {
    float: left;
    max-width: 60px;
    height: auto;
    margin-right: 10px;
    padding: 0;
    border: 0;
}
body.rtl .wp-playlist .wp-playlist-current-item img {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.wp-playlist-current-item .wp-playlist-item-title,
.wp-playlist-current-item .wp-playlist-item-artist {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}
.wp-audio-playlist .me-cannotplay span {
    padding: 5px 15px;
}
.mejs-offscreen {
    position: absolute!important;
    top: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px
}
.mejs-container {
    position: relative;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}
.me-plugin {
    position: absolute;
    height: auto;
    width: auto
}
.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}
.mejs-fullscreen {
    overflow: hidden!important
}
.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}
.mejs-clear {
    clear: both
}
.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}
body.rtl .mejs-background {
    left: auto;
    right: 0;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
body.rtl .mejs-mediaelement {
    left: auto;
    right: 0;
}
.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    -moz-background-size: contain;
      -o-background-size: contain;
         background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
body.rtl .mejs-poster {
    left: auto;
    right: 0;
}
:root .mejs-poster img {
    display: none
}
.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0
}
.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}
body.rtl .mejs-overlay {
    left: auto;
    right: 0;
}
.mejs-overlay-play {
    cursor: pointer
}
.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(bigplay.svg) no-repeat
}
body.rtl .mejs-overlay-button {
    left: auto;
    right: 50%;
    margin: -50px -50px 0 0;
}
.no-svg .mejs-overlay-button {
    background-image: url(bigplay.png)
}
.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}
.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url(background.png);
    background: rgba(0, 0, 0, .9);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, .9)), to(rgba(0, 0, 0, .9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, .9)), to(rgba(0, 0, 0, .9)));
    background: -webkit-linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));
    background: -moz-linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));
    background: -o-linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));
    background: linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9))
}
body.rtl .mejs-overlay-loading {
    left:auto;
    right:50%;
    margin: -40px -40px 0 0;
}
.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(loading.gif) 50% 50% no-repeat
}
.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
}
body.rtl .mejs-container .mejs-controls {
    right: 0;
    left: auto;
}
.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0
}
body.rtl .mejs-container .mejs-controls div {
    float: right;
}
.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 0 10px 0 0;
    padding: 0;
    position: absolute;
    height: 26px;
    width: 26px;
    border: 0;
}
body.rtl .mejs-controls .mejs-button button {
    margin: 0 0 0 10px;
}
/* Mute button */
.mejs-controls .mejs-button button:before {
    font: 400 16px/28px streamline;
}

.mejs-controls .mejs-button.mejs-mute button:before {
    content: '\ed3d';
}
.mejs-controls .mejs-button.mejs-unmute button:before {
    content: '\ed41';
}
.mejs-currenttime,
.mejs-duration {
  display: block;
  letter-spacing: 1px;
  margin: 0 10px;
  font: 400 12px/30px "Open Sans", Helvetica, Arial, sans-serif;
}
.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 42px;
    width: auto;
    position: absolute;
    left: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
body.rtl .mejs-container .mejs-controls .mejs-time {
    left:auto;
    right:0;
}
.mejs-container .mejs-controls .mejs-time.mejs-duration-container {
    left: auto;
    right: 0;
    text-align: left;
}
body.rtl .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
    left: 0;
    right: auto;
    text-align: right;
}
.mejs-container .mejs-controls .mejs-time a {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}
body.rtl .mejs-container .mejs-controls .mejs-time a {
    float:right;
    margin: 1px 0 0 2px;
}

.mejs-container .mejs-controls div.mejs-playpause-button {
    height: 64px;
    width: 64px;
    position: absolute;
    top: -100px;
    width: 100%;
    text-align: center;
}

.mejs-controls .mejs-playpause-button button {
    cursor: pointer;
    left: -webkit-calc( 50% - 30px);
    height: 64px;
    width: 64px;
    line-height: 60px;
    -webkit-border-radius: 48px;
       -moz-border-radius: 48px;
            border-radius: 48px;
    border: 2px solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
}
.mejs-controls .mejs-playpause-button button:before {
    font: 400 24px/60px streamline;
    position: relative;
    left: 3px;
}
body.rtl .mejs-controls .mejs-playpause-button button:before {
    left: auto;
    right: 3px;
}
.mejs-controls .mejs-play button:before {
    content: '\e7e7';
}
.mejs-controls .mejs-pause button:before {
    content: '\e7e6';
}
.mejs-controls .mejs-stop button:before {
    content: '\e7eb';
}
.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px
}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}
.mejs-controls .mejs-time-rail .mejs-time-total {
    /*margin: 5px;*/
    position:absolute;
    top: 14px;
    left: 70px;
/*    background: #333;
    background: rgba(50, 50, 50, .8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, .8)), to(rgba(60, 60, 60, .8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8))*/
}
body.rtl .mejs-controls .mejs-time-rail .mejs-time-total {
    left: auto;
    right: 70px;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}
@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, .8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(44, 124, 145, .8)), to(rgba(78, 183, 212, .8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 124, 145, .8)), to(rgba(78, 183, 212, .8)));
    background: -webkit-linear-gradient(rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
    background: -moz-linear-gradient(rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
    background: -o-linear-gradient(rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
    background: linear-gradient(rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));
    width: 0
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, .8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, .9)), to(rgba(200, 200, 200, .8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(200, 200, 200, .8)));
    background: -webkit-linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -moz-linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -o-linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    width: 0
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center
}
.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}
body.rtl .mejs-controls .mejs-time-rail .mejs-time-float {
    margin-right: -18px;
    margin-left:none;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}
body.rtl .mejs-controls .mejs-time-rail .mejs-time-float-current {
    left: auto;
    right: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px
}
body.rtl .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: auto;
    right: 13px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}
body.rtl .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    right: 18px;
    left: auto;
}
.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}
.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}
.mejs-controls .mejs-volume-button {}
.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}
.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}
.mejs-controls .mejs-volume-button {
    position: relative
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(background.png);
    background: rgba(50, 50, 50, .7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0
}
body.rtl .mejs-controls .mejs-volume-button .mejs-volume-slider {
    left: auto;
    right: 0;
}
.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
body.rtl .mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, .5);
    margin: 0
}
body.rtl .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    left:auto;
    right:11px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, .9);
    margin: 0
}
body.rtl .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    left: auto;
    right: 11px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, .9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0
}
body.rtl .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    left: auto;
    right: 4px;
}
.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative;
    display: table-cell;
    vertical-align: middle
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, .8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, .8)), to(rgba(60, 60, 60, .8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, .8)), to(rgba(60, 60, 60, .8)));
    background: -webkit-linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: -moz-linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: -o-linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));
    background: linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8))
}
body.rtl .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    left: auto;
    right: 0;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, .8);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, .9)), to(rgba(200, 200, 200, .8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(200, 200, 200, .8)));
    background: -webkit-linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -moz-linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: -o-linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8))
}

body.rtl .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    left: auto;
    right: 0;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}
.mejs-controls .mejs-captions-button {
    position: relative
}
.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, .7);
    border: solid 1px transparent;
    padding: 10px 10px 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
body.rtl .mejs-controls .mejs-captions-button .mejs-captions-selector {
    right: auto;
    left:-51px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}
body.rtl .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    float:right;
    margin:3px 5px 0 3px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}
body.rtl .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    float: right;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px
}
.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}
body.rtl .mejs-chapters {
    left: auto;
    right: 0;
}
.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, .7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, .7)), to(rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, .7)), to(rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    background: -moz-linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    background: -o-linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    background: linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}
body.rtl .mejs-chapters .mejs-chapter {
    float: right;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: 0
}
body.rtl .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-left: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, .7);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, .7)), to(rgba(50, 50, 50, .6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, .7)), to(rgba(50, 50, 50, .6)));
    background: -webkit-linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: -moz-linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: -o-linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    background: linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    margin: 0 0 3px;
    line-height: 12px
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis
}
.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff
}
body.rtl .mejs-captions-layer {
    right: 0;
    left: auto;
}
.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}
.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: 400
}
.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}
body.rtl .mejs-captions-position {
    left: auto;
    right: 0;
}
.mejs-captions-position-hover {
    bottom: 35px
}
.mejs-captions-text {
    padding: 3px 5px;
    background: url(background.png);
    background: rgba(20, 20, 20, .5);
    white-space: pre-wrap
}
.me-cannotplay {}
.me-cannotplay a {
    color: #fff;
    font-weight: 700
}
.me-cannotplay span {
    padding: 15px;
    display: block
}
.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}
.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}
.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}
.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}
.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}
.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}
body.rtl .mejs-contextmenu {
    left: auto;
    right: 0;
}
.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}
.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff
}
.mejs-controls .mejs-sourcechooser-button {
    position: relative
}
.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, .7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
body.rtl .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    right: auto;
    left: -10px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}
body.rtl .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    float: right;
    margin: 3px 5px 0 3px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}
body.rtl .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    float: right;
}
.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(background.png);
    background: rgba(50, 50, 50, .7);
    z-index: 1000;
    overflow: hidden
}
body.rtl .mejs-postroll-layer {
    left: auto;
    right: 0;
}
.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}
.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(background.png);
    background: rgba(50, 50, 50, .7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}
body.rtl .mejs-postroll-close {
    left: 0;
    right: auto;
}
div.mejs-speed-button {
    width: 46px!important;
    position: relative
}
.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #fff
}
.mejs-controls .mejs-speed-button .mejs-speed-selector {
    visibility: hidden;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, .7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
body.rtl .mejs-controls .mejs-speed-button .mejs-speed-selector {
    left: auto;
    right: -10px;
}
.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector {
    visibility: visible
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: rgba(33, 248, 248, 1)
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
    margin: 0 0 6px;
    padding: 0 10px;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
    display: none
}
body.rtl .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
    float:right;
    margin: 3px 5px 0 3px;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    width: 60px;
    float: left;
    padding: 4px 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 11.5px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer
}

body.rtl .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
    float:right;
    margin-left:none;
    margin-right:5px;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
    background-color: #c8c8c8!important;
    background-color: rgba(255, 255, 255, .4)!important
}
.mejs-controls .mejs-button.mejs-skip-back-button {
    background: transparent url(skipback.png) no-repeat;
    background-position: 3px 3px
}
.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: transparent;
    font-size: 9px;
    line-height: normal;
    color: #fff
}
.media-router {
    position: relative;
    padding: 0 6px;
    margin: 0;
    white-space: nowrap;
    clear: both;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.media-menu .active,
.media-menu .active:hover {
    color: #fff;
    font-weight: 700;
}
.media-frame .media-router .active,
.media-frame .media-router>a.active:last-child {
    margin: 6px 10px 0 3px;
    opacity: 1;
    border-bottom: 2px solid #000;
    height: 30px;
    line-height: 32px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}
body.rtl .media-frame .media-router>a.active:last-child {
    margin: 6px 3px 0 10px;
}
.media-frame .media-router>a {
    position: relative;
    padding: 0 15px;
    margin: 10px 0 0 0;
    height: 26px;
    line-height: 26px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .2px;
    text-decoration: none;
    opacity: .5;
    color: rgba(255, 255, 255, .75);
    margin-right: 5px;
    -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .25);
       -moz-box-shadow: inset 0 -2px rgba(0, 0, 0, .25);
            box-shadow: inset 0 -2px rgba(0, 0, 0, .25);
    -webkit-transition: opacity .2s ease-in-out, color .2s ease-in-out;
       -moz-transition: opacity .2s ease-in-out, color .2s ease-in-out;
         -o-transition: opacity .2s ease-in-out, color .2s ease-in-out;
            transition: opacity .2s ease-in-out, color .2s ease-in-out;
}
body.rtl .media-frame .media-router>a {
    float: right;
    margin-right:none;
    margin-left: 5px;
}
.media-frame .media-router>a:hover {
    opacity:.9;
    color:rgba(255, 255, 255, .85);
}

.media-router>a:active {
    outline: 0
}
.media-router a {
    -webkit-transition: none;
    -moz-transition: none;
      -o-transition: none;
         transition: none;
}
.media-router .active,
.media-router .active:hover {
    color: #fff
}

.media-modal a {
    color: rgba(255,255,255, .75);
}
.media-modal a:hover {
    color: #fff
}
.media-frame {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.media-frame.mode-grid {
    position: static;
    overflow: visible;
}
.media-frame-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
    z-index: 150;
}

body.rtl .media-frame-menu {
    left: auto;
    right: 0;
}
.media-frame-title {
    position: absolute;
    top: 0;
    left: 200px;
    right: 0;
    height: 60px;
    z-index: 200;
}
body.rtl .media-frame-title {
    left: 0;
    right: 200px;
}
.media-frame-title .suggested-dimensions {
    font-size: 14px;
    float: right;
    margin-right: 20px;
}
body.rtl .media-frame-title .suggested-dimensions {
    float:left;
    margin-right:none;
    margin-left: 20px;
}
.media-frame-title .dashicons {
    display: none
}
.media-modal-close,
.media-frame-content button {
    border: 0;
    padding: 0;
}
.media-frame.mode-grid, 
.media-frame.mode-grid .attachments-browser .attachments, 
.media-frame.mode-grid .media-frame-content {
    position: static;
}
.ie7 .media-frame .attachments-browser {
    position: static
}
.ie7 .media-frame .embed-url input {
    margin-top: 4px;
    width: 90%;
}
.ie7 .compat-item {
    width: 99%
}
.ie7 .attachment-display-settings {
    width: auto
}
.ie7 .media-frame .attachment .describe {
    width: 102px
}
.ie7 .attachment-preview,
.ie7 .attachment-preview .thumbnail {
    width: 120px;
    height: 120px;
}
.ie7 .media-sidebar .setting select {
    max-width: 55%
}
.ie7 .media-sidebar .setting input[type=email],
.ie7 .media-sidebar .setting input[type=number],
.ie7 .media-sidebar .setting input[type=password],
.ie7 .media-sidebar .setting input[type=search],
.ie7 .media-sidebar .setting input[type=tel],
.ie7 .media-sidebar .setting input[type=text],
.ie7 .media-sidebar .setting input[type=url],
.ie7 .media-sidebar .setting textarea {
    width: 55%
}
.ie7 .media-sidebar .setting .link-to-custom {
    float: left
}
body.rtl .ie7 .media-sidebar .setting .link-to-custom {
    float:right;
}
.rtl .media-frame,
.rtl .media-frame .search,
.rtl .media-frame input[type=email],
.rtl .media-frame input[type=number],
.rtl .media-frame input[type=password],
.rtl .media-frame input[type=search],
.rtl .media-frame input[type=tel],
.rtl .media-frame input[type=text],
.rtl .media-frame input[type=url],
.rtl .media-frame select,
.rtl .media-frame textarea,
.rtl .media-modal {
    font-family: Tahoma, sans-serif
}
:lang(he-il) .rtl .media-frame,
:lang(he-il) .rtl .media-frame .search,
:lang(he-il) .rtl .media-frame input[type=email],
:lang(he-il) .rtl .media-frame input[type=number],
:lang(he-il) .rtl .media-frame input[type=password],
:lang(he-il) .rtl .media-frame input[type=search],
:lang(he-il) .rtl .media-frame input[type=text],
:lang(he-il) .rtl .media-frame input[type=url],
:lang(he-il) .rtl .media-frame select,
:lang(he-il) .rtl .media-frame textarea,
:lang(he-il) .rtl .media-modal {
    font-family: Arial, sans-serif
}
@media only screen and (max-width: 900px) {
    .media-frame:not(.hide-menu) .media-frame-content,
    .media-frame:not(.hide-menu) .media-frame-router,
    .media-frame:not(.hide-menu) .media-frame-title
     {
        left: 0;
        padding-left:0 !important;
    }
    body.rtl .media-frame:not(.hide-menu) .media-frame-title
    {
        left: auto;
        right: 0;
        padding-right:0 !important;
    }
    .media-frame:not(.hide-menu) .media-frame-toolbar {
        right: 0;
    }
    body.rtl .media-frame:not(.hide-menu) .media-frame-toolbar {
        left: 0;
        right: auto;
    }
    .media-frame:not(.hide-menu) .media-frame-title h1 {
        cursor: pointer;
        padding-left:0;
    }
    body.rtl .media-frame:not(.hide-menu) .media-frame-title h1 {
        padding-right:0;
    }
    .media-frame:not(.hide-menu) .media-frame-title h1:after {
        content: '';
        display:inline-block;
        font:400 12px/28px streamline;
    }
    .media-frame:not(.hide-menu) .media-frame-menu {
        position: static;
        width: 0;
    }
    .media-frame:not(.hide-menu) .media-menu {
        width: auto;
        max-width: 80%;
        overflow: auto;
        z-index: 2000;
        top: 50px;
        left: -300px;
        right: auto;
        bottom: auto;
        padding: 5px 0;
        background: #000;
        border: 1px solid rgba(255, 255, 255, .1);
    }
    body.rtl .media-frame:not(.hide-menu) .media-menu {
        left: auto;
        right: -300px;
    }
    .media-frame:not(.hide-menu) .media-menu .separator {
        margin: 5px 10px
    }
    .media-frame:not(.hide-menu) .media-menu>a.active {
        display: block;
        padding: 10px 16px;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
    }
    .media-frame:not(.hide-menu) .media-menu > a {
        display: block;
        padding: 10px 16px;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
    }
    .media-frame:not(.hide-menu) .media-menu.visible {
        left: 0
    }
    body.rtl .media-frame:not(.hide-menu) .media-menu.visible {
        right: 0;
        left: auto;
    }
    
    .media-sidebar {
        width: 230px;
        padding: 0;
    }
    .attachments-browser .attachments,
    .attachments-browser .media-toolbar,
    .attachments-browser .uploader-inline {
        right: 0!important;
    }
    body.rtl .attachments-browser .uploader-inline {
        left: 0!important;
        right: auto;
    }
    .media-frame select.attachment-filters {
        width: 100px
    }
    .media-frame.mode-select:not(.mode-grid) .attachments {
        padding: 0 !important;
        margin-right: 240px;
        -webkit-column-count: 2!important;
        -moz-column-count: 2!important;
        column-count: 2!important;
    }
    body.rtl .media-frame.mode-select:not(.mode-grid) .attachments {
        margin-left: 240px;
        margin-right:none;
    }
    .media-frame.mode-select .attachments-browser .media-toolbar {
        margin-right: 240px;
        padding-left: 0;
    }
    body.rtl .media-frame.mode-select .attachments-browser .media-toolbar {
        margin-left: 240px;
        margin-right:none;
        padding-right: 0;
    }
    .media-frame-title h1,
    .media-frame-router {
        padding-left: 0!important;
    }
    body.rtl .media-frame-router {
        padding-right: 0!important;
    }
    .media-frame:not(.hide-menu) .media-frame-menu,
    .media-frame:not(.hide-menu) .media-frame-router,
    .media-frame:not(.hide-menu) .media-frame-content,
    .media-frame:not(.hide-menu) .media-frame-toolbar,
    .media-frame:not(.hide-menu) .media-frame-title {
        left: 0!important;
    }
    body.rtl .media-frame:not(.hide-menu) .media-frame-title {
        left: auto;
        right: 0!important;
    }
    .attachment-details .setting,
    .media-sidebar .setting {
        margin: 6px 0
    }
    .attachment-details .setting input[type=email],
    .attachment-details .setting input[type=number],
    .attachment-details .setting input[type=password],
    .attachment-details .setting input[type=search],
    .attachment-details .setting input[type=tel],
    .attachment-details .setting input[type=text],
    .attachment-details .setting input[type=url],
    .attachment-details .setting select,
    .attachment-details .setting textarea,
    .media-sidebar .setting input[type=email],
    .media-sidebar .setting input[type=number],
    .media-sidebar .setting input[type=password],
    .media-sidebar .setting input[type=search],
    .media-sidebar .setting input[type=tel],
    .media-sidebar .setting input[type=text],
    .media-sidebar .setting input[type=url],
    .media-sidebar .setting select,
    .media-sidebar .setting textarea {
        float: none;
        width: 98%;
        max-width: none;
        height: auto;
    }
    .media-frame.mode-select .media-toolbar-primary.search-form {
        right: 0;
    }
    body.rtl .media-frame.mode-select .media-toolbar-primary.search-form {
        left: 0;
        right: auto;
    }
    .attachment-details .setting select.columns,
    .media-sidebar .setting select.columns {
        width: auto;
    }
    .attachment-details .setting .value,
    .media-sidebar .setting .value {
        float: none;
        width: auto;
    }
    .attachment-details .setting input,
    .attachment-details .setting span,
    .attachment-details .setting textarea,
    .compat-item label span,
    .media-sidebar .setting input,
    .media-sidebar .setting span,
    .media-sidebar .setting textarea {
        float: none
    }
    .attachment-details .setting span,
    .compat-item label span,
    .media-sidebar .setting span {
        text-align: inherit;
        min-height: 16px;
        margin: 0;
        padding: 8px 2px 0;
    }
    .attachments-browser .attachments,
    .attachments-browser .media-toolbar,
    .attachments-browser .uploader-inline {
        right: 262px
    }
    body.rtl .attachments-browser .uploader-inline {
        left: 262px;
        right: auto;
    }
    .media-frame .search,
    .media-frame input,
    .media-frame textarea {
        padding: 3px 6px
    }
    .image-details .column-image {
        width: 30%;
        left: 70%;
    }
    body.rtl .image-details .column-image {
        right: 70%;
        left: auto;
    }
    .image-details .column-settings {
        width: 70%
    }
    .image-details .media-modal {
        left: 30px;
        right: 30px;
    }
    .image-details .embed-media-settings .setting {
        margin: 20px
    }
    .image-details .embed-media-settings .setting input.link-to-custom,
    .image-details .embed-media-settings .setting input[type=text],
    .image-details .embed-media-settings .setting textarea {
        width: 100%;
        margin-left: 0;
    }
    body.rtl .image-details .embed-media-settings .setting textarea {
        margin-right: 0;
    }
    .image-details .embed-media-settings .setting span {
        float: none;
        text-align: left;
        width: 100%;
        margin-bottom: 4px;
    }
    body.rtl .image-details .embed-media-settings .setting span {
        text-align: right;
    }
    .image-details .embed-media-settings .custom-size {
        margin-left: 20px
    }
    body.rtl .image-details .embed-media-settings .custom-size {
        margin-right: 20px;
        margin-left: 0;
    }
    .collection-settings .setting input[type=checkbox] {
        margin-top: 0
    }
    .media-selection {
        min-width: 120px
    }
    .media-selection .attachments {
        display: none
    }
    .media-selection:after {
        background: 0 0
    }
    .media-modal .attachments-browser .media-toolbar-primary,
    .media-modal .attachments-browser .media-toolbar-secondary {
        width: 50%;
        white-space:nowrap;
    }
    .media-modal .attachments-browser .media-toolbar .search {
        max-width: 100%;
        height: auto;
        float: right;
    }
    body.rtl .media-modal .attachments-browser .media-toolbar .search {
        float: left;
    }
}
@media only screen and (max-width: 640px),
screen and (max-height: 400px) {
    .image-details .media-modal,
    .media-modal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .media-modal-backdrop {
        position: fixed
    }
    .media-sidebar {
        z-index: 1900;
        max-width: 70%;
        width: 46%;
        top: 98px;
        bottom: 0;
        padding: 10px;
        right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 0;
    }
    body.rtl .media-sidebar {
        left: 15px;
        right: 0px;
    }
    .media-sidebar.visible {
        bottom: 80px
    }
    .image-details .media-frame-title {
        display: block;
        top: 0;
        font-size: 14px;
    }
    .image-details .column-image,
    .image-details .column-settings {
        width: 100%;
        position: relative;
        left: 0;
    }
    body.rtl .image-details .column-settings {
        left: auto;
        right: 0;
    }
    .image-details .column-settings {
        padding: 4px 0
    }
    .media-frame-content .media-toolbar .instructions {
        display: none
    }
}
@media screen and (max-height: 400px) {
    .media-menu {
        padding: 0
    }
    .media-frame-router {
        top: 44px
    }
    .media-frame-content {
        top: 78px
    }
    .attachments-browser .attachments {
        top: 40px
    }
    .embed-link-settings {
        overflow: visible
    }
    .attachment-info .thumbnail {
        float: none;
        display: block;
        text-align: left;
        max-width: 100%;
        max-height: 260px;
    }
    body.rtl .attachment-info .thumbnail {
        text-align: right;
    }
    .attachment-info .thumbnail img {
        max-width: 100%;
        max-height: 260px;
    }
}
@media only screen and (max-width: 480px) {
    .media-modal-close {
        top: 0px;
        right: -5px;
    }
    body.rtl .media-modal-close {
        left: -5px;
        right: auto;
    }
    .media-modal .media-frame-title {
        height: 40px
    }
    .media-frame:not(.hide-menu) .media-frame-title h1,
    .media-modal .media-frame-title h1 {
        font-size: 18px;
        line-height: 40px;
    }
    .media-frame:not(.hide-menu) .media-frame-title .dashicons {
        line-height: 40px
    }
    .media-frame-router,
    .media-frame:not(.hide-menu) .media-menu {
        top: 40px
    }
    .media-frame-content {
        top: 74px
    }
    .media-frame.hide-router .media-frame-content {
        top: 40px
    }
    .media-frame-content .media-toolbar .attachment-filters,
    .media-frame-content .media-toolbar .search {
        max-width: 90px
    }
}