.youtubeBlockResponsive16by9,.youtubeBlockResponsive4by3{height:0;position:relative}.youtubeBlockResponsive16by9 iframe,.youtubeBlockResponsive4by3 iframe{border:"none";height:100%;left:0;position:absolute;top:0;width:100%}.youtubeBlockResponsive16by9{padding-bottom:56.25%}.youtubeBlockResponsive4by3{padding-bottom:75%}.ccm-edit-mode-disabled-item.youtubeBlockResponsive16by9{padding-bottom:28.125%;padding-top:28.125%}.ccm-edit-mode-disabled-item.youtubeBlockResponsive4by3{padding-bottom:37.5%;padding-top:37.5%}


.youtubeBlockResponsive16by9,.youtubeBlockResponsive4by3 {
    position: relative;
    height: 0;
}
.youtubeBlockResponsive16by9 iframe, .youtubeBlockResponsive4by3 iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.youtubeBlockResponsive16by9 {
    padding-bottom: 56.25%
}

.youtubeBlockResponsive4by3{
    padding-bottom: 75%;
}

.ccm-edit-mode-disabled-item.youtubeBlockResponsive16by9  {
    padding-top: 28.125%;
    padding-bottom:  28.125%
}

.ccm-edit-mode-disabled-item.youtubeBlockResponsive4by3  {
    padding-top: 37.5%;
    padding-bottom: 37.5%
}

/*
 * Software by John Liddiard (aka JohntheFish)
 * www.c5magic.co.uk
 *
 * This package contains software copyright and proprietary to John Liddiard
 *
 */

/*
 * A convenience, for any clickable related stying
 */
.snapshot-webcam-btn:not([disabled]) {
    cursor: pointer;
}

.form-reform-snapshot-webcam-repeater {
    height: auto;
    min-height:38px;
}

.form-reform-snapshot-webcam-repeater .form-reform-placeholder{
    font-style: italic;
}

.form-reform-snapshot-webcam-repeater:disabled,
.form-reform-snapshot-webcam-repeater[disabled],
.form-reform-snapshot-webcam-repeater.disabled{
    background-color: #e9ecef;
}

.form-reform-snapshot-webcam-repeater .snapshot-form-reform-repeater-item {
    padding: 5px;
    outline: 1px solid #aaa;
    border-radius: 3px;
    margin-right: 5px;
    width: auto;
    display: inline-block;
    position: relative;
    min-height: 70px;
}

.form-reform-snapshot-webcam-repeater .snapshot-form-reform-repeater-thumbnail {
    max-width: 200px;
    height: 100px;
    object-fit: contain;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-response .snapshot-remove,
.form-reform-snapshot-webcam-repeater .snapshot-remove {
    position: absolute;
    right: 7px;
    bottom: 32px;
    background-color: rgba(200, 200, 200, 0.6);
    padding: 5px;
    border-radius: 2px;
}

.form-reform-snapshot-webcam-repeater .snapshot-remove,
.form-reform-snapshot-webcam-repeater .snapshot-remove i {
    animation: none !important;
}


/*
 * The button in the toolbar
 */

.jl-snapshot-button-webcam.webcam-killed {
    cursor: not-allowed;
    opacity: 0.4;
}

.jl-snapshot-button-webcam.webcam-killed .fa {
    transform: rotate(60deg);
}

@keyframes c_blinker {
    50% {
        opacity: 0;
    }
}

.jl-snapshot-button-webcam.loading i {
    animation: c_blinker 0.6s linear infinite;
}

.jl-snapshot-button-webcam.paused i {
    animation: c_blinker 0.6s linear infinite;
}

.jl-snapshot-button-webcam.running i {
    color: #d9534f;
}

.jl-snapshot-button-webcam.snapped i {
    color: #5cb85c;
}


/*
 * Player area
 */
.snapshot-webcam-wrapper.ccm-ui {
    position: fixed;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(11, 11, 11, 0.9);
    z-index: 3000;
    display: none;
}

.snapshot-webcam-wrapper.loading {
    display: flex;
}

.snapshot-webcam-wrapper.running {
    display: flex;
}

.snapshot-webcam-wrapper.snapped {
    display: flex;
}

.snapshot-webcam-wrapper.paused {
    display: none;
}


html.snapshot-webcam-no-overflow {
    overflow: hidden;
}


.snapshot-webcam-wrapper .snapshot-webcam-repeater {
    width: 400px;
    height: auto;
    margin: auto;
}


/*
 * Image and video toggle with running/snapped
 */
.snapshot-webcam-wrapper .snapshot-webcam-repeater .preview-image {
    object-fit: scale-down;
    width: 100%;
    height: auto;
    max-height: 100vh;
    display: none;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .preview-video {
    object-fit: scale-down;
    width: 100%;
    height: auto;
    max-height: 100vh;
    display: none;
}

.snapshot-webcam-wrapper.running .snapshot-webcam-repeater .preview-video {
    display: block;
}

/* Flip of video handled by css transform */
.snapshot-webcam-wrapper.mirror180 .snapshot-webcam-repeater .preview-video {
    transform: rotateY(180deg);
}

/* Toggle between video and image when running/stopped */
.snapshot-webcam-wrapper.running .snapshot-webcam-repeater .preview-video {
    display: block;
}

.snapshot-webcam-wrapper.snapped .snapshot-webcam-repeater .preview-video {
    display: none;
}

.snapshot-webcam-wrapper.running .snapshot-webcam-repeater .preview-image {
    display: none;
}

.snapshot-webcam-wrapper.snapped .snapshot-webcam-repeater .preview-image {
    display: block;
}

/*
 * Animate while uploading
 */
@keyframes webcam_uploading {
    0% {
        transform: scale(1);
        opacity: 100%
    }
    50% {
        transform: scale(0.9);
        opacity: 10%
    }
    100% {
        transform: scale(1);
        opacity: 100%;
    }
}

.snapshot-webcam-wrapper.snapshot-uploading .preview-image,
.snapshot-webcam-wrapper.snapshot-uploading .working-canvas,
.snapshot-webcam-wrapper.snapshot-uploading .working-canvas-mirror {
    animation-name: webcam_uploading;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    border: none;
}


/* TOOLBAR */
.snapshot-webcam-wrapper .snapshot-webcam-repeater .toolbar {
    display: none;
}

.snapshot-webcam-wrapper.running .snapshot-webcam-repeater .toolbar,
.snapshot-webcam-wrapper.snapped .snapshot-webcam-repeater .toolbar {
    position: absolute;
    top: 50px;
    right: 10px;
    display: block;
    padding: 4px;
    border-radius: 3px;
    background-color: rgba(221, 226, 231, 0.7);
    border-color: rgba(65, 77, 89, 0.7);
}


.snapshot-webcam-wrapper .snapshot-webcam-repeater .toolbar .btn {
    border-radius: 2px;
    padding: 6px 12px;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-panel-wrapper {
    position: absolute;
    top: 105px;
    right: 10px;
    padding: 4px;
    border-radius: 3px;
    background-color: rgba(221, 226, 231, 1.0);
    border-color: rgba(65, 77, 89, 1.0);
    opacity: 0.3;
    width: 300px;
    /*min-height: 210px;*/
    max-height: calc(100vh - 160px);
    overflow-x: hidden;
    ovewrlow-y: auto;
}

.snapshot-webcam-wrapper.toolbar-height-adjust .snapshot-webcam-repeater .snapshot-webcam-upload-panel-wrapper {
    top: 135px;
}


.snapshot-webcam-wrapper.snapshot-toolbar-hovered .snapshot-webcam-repeater .snapshot-webcam-upload-panel-wrapper,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-panel-wrapper:hover {
    opacity: 1.0;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-form textarea {
    height: 160px;
    resize: none;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-response .upload-number-wrapper {
    position: relative;
    width: 40%;
    max-width: 200px;
    min-width: 60px;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-response .upload-response-detail {
    max-width: 230px;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-response .upload-number-wrapper img {
    max-width: 100%;
    height: auto;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-response .upload-number {
    position: absolute;
    top: 0;
    left: 0;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot-webcam-upload-response h5 {
    text-transform: none;
}


.snapshot-webcam-wrapper .snapshot-webcam-repeater .toolbar .btn {
    border-radius: 2px;
    padding: 6px 12px;
}

.snapshot-webcam-wrapper .snapshot-webcam-repeater .toolbar .btn.active,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .toolbar .btn:active {
    border-style: inset;
}

/* Play/snapshot Controls, toggles with running/snapped */
.snapshot-webcam-wrapper .snapshot-webcam-repeater .play,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .snapshot,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .upload_controls,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .image_edit_controls,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .metadata_controls {
    display: none;
}

.snapshot-webcam-wrapper.running .snapshot-webcam-repeater .snapshot {
    display: inline-block;
}

.snapshot-webcam-wrapper.snapped .snapshot-webcam-repeater .play,
.snapshot-webcam-wrapper.snapped .snapshot-webcam-repeater .upload_controls,
.snapshot-webcam-wrapper.snapped .snapshot-webcam-repeater .image_edit_controls {
    display: inline-block;
}

.snapshot-webcam-wrapper.snapped .snapshot-webcam-repeater .metadata_controls,
.snapshot-webcam-wrapper.webcam-snapping-started .snapshot-webcam-repeater .metadata_controls {
    display: inline-block;
}


/* indicators buttons */

.snapshot-webcam-wrapper .snapshot-webcam-repeater .webcam-status .camera-snapped,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .webcam-status .camera-running {
    display: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: default;
}

.snapshot-webcam-wrapper.snapped .snapshot-webcam-repeater .webcam-status .camera-snapped {
    display: inline-block;
}

.snapshot-webcam-wrapper.running .snapshot-webcam-repeater .webcam-status .camera-running {
    display: inline-block;
    animation: c_blinker 0.6s linear infinite;
}


/* Mirror controls - see also 180 transform above*/
.snapshot-webcam-wrapper .snapshot-webcam-repeater .no-mirror {
    display: none;
}

.snapshot-webcam-wrapper.mirror180 .snapshot-webcam-repeater .no-mirror {
    display: inline-block;
}

.snapshot-webcam-wrapper.mirror180 .snapshot-webcam-repeater .mirror {
    display: none;
}

/* Zoom controls */
.snapshot-webcam-wrapper .snapshot-webcam-repeater .zoom-out {
    display: none;
}

.snapshot-webcam-wrapper.zoomed .snapshot-webcam-repeater .zoom-out {
    display: inline-block;
}

.snapshot-webcam-wrapper.zoomed .snapshot-webcam-repeater .zoom-in {
    display: none;
}

/* video select control - only shown if multiple sources (hidden by js) */
.snapshot-webcam-wrapper .snapshot-webcam-repeater .video_select,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .video-source {
    display: inline-block;
}

/* Canvas, usually hidden. Shown when zoomed. Flipped when mirrored */
.snapshot-webcam-wrapper .snapshot-webcam-repeater .working-canvas,
.snapshot-webcam-wrapper .snapshot-webcam-repeater .working-canvas-mirror {
    display: none;
}

.snapshot-webcam-wrapper.snapped.zoomed .snapshot-webcam-repeater .working-canvas {
    display: block;
    max-width: 100vw;
    max-height: 100vh;
}

.snapshot-webcam-wrapper.snapped.zoomed .snapshot-webcam-repeater .preview-image {
    display: none;
}

.snapshot-webcam-wrapper.snapped.zoomed.mirror180 .snapshot-webcam-repeater .working-canvas {
    display: none;
}

.snapshot-webcam-wrapper.snapped.zoomed.mirror180 .snapshot-webcam-repeater .working-canvas-mirror {
    display: block;
    max-width: 100vw;
    max-height: 100vh;
}

/*
 * IMAGE EDITOR
 */

.snapshot-webcam-wrapper .image-edit-container {
    display: none;
}

/*
 * None of the standard buttons
 */
.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-header .tui-image-editor-header-logo,
.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-header .tui-image-editor-download-btn,
.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-header .tui-image-editor-load-btn,
.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-header div:first-child {
    display: none;
}

.snapshot-webcam-wrapper.image_editing .image-edit-container {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}


.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-controls li.snapshot-editor-cancel,
.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-controls li.snapshot-editor-done {
    padding-top: 0;
    vertical-align: middle;
}

.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-controls .btn.snapshot-editor-done,
.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-controls .btn.snapshot-editor-cancel {
    border-radius: 2px;
    padding: 6px 12px;
}

/*
 * Now need top space for help menu bar
 */
.snapshot-webcam-wrapper .image-edit-container .tui-image-editor-main {
    top: 45px;
}

.snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-help-menu {
    background-color: #151515;
}

.snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-help-menu.top {
    top: 0;
}

/*
 * A little bit of usability improvement for the image editor
 * on small screens.
 * Get the toolbars to wrap
 * Have a larger window with scroll to enable users to find
 * off-screen buttons
 */
@media screen and (max-width: 768px) {
    .snapshot-webcam-wrapper .tui-image-editor-container {
        overflow-x: scroll;
        overflow-y: scroll;
    }

    .snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-controls ul.tui-image-editor-menu {
        white-space: normal;
    }

    .snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-controls ul.tui-image-editor-menu li:after {
        content: "\200B";
    }

    .snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item {
        padding: 7px 2px 3px;
    }

    .snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-main-container ul.tui-image-editor-submenu-item {
        white-space: normal;
    }

    .snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-main-container ul.tui-image-editor-submenu-item li {
        display: inline-flex;
    }

    .snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-main-container ul.tui-image-editor-submenu-item li:after {
        content: "\200B";
    }

    .snapshot-webcam-wrapper .tui-image-editor-container .tui-image-editor-main-container .tui-image-editor-button:after {
        content: "\200B";
    }
}

/*
 * To enable v8 styling to continue working with v9 code
 */
.snapshot-webcam-wrapper .badge {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.snapshot-webcam-wrapper .badge.label-success {
    background-color: #5cb85c;
}

.snapshot-webcam-wrapper .badge.label-warning {
    background-color: #f0ad4e;
}

.snapshot-webcam-wrapper .badge.label-danger {
    background-color: #d9534f;
}

.snapshot-webcam-wrapper .badge.label-info {
    background-color: #5bc0de;
}

.snapshot-webcam-wrapper .badge.label-default { /* default === secondary */
    background-color: #6c757d;
}

.snapshot-webcam-wrapper.badge.label-primary {
    background-color: #3f9edc;
}

/*!
 * TOAST UI Color Picker
 * @version 2.2.8
 * @author NHN Cloud FE Development Team <dl_javascript@nhn.com>
 * @license MIT
 */.tui-colorpicker-clearfix{zoom:1}.tui-colorpicker-clearfix:after{content:"";display:block;clear:both}.tui-colorpicker-vml{behavior:url(../../../../packages/jl_snapshot/js/vendor/tui-color-picker/2.2.8/#default#VML);display:block}.tui-colorpicker-container,.tui-colorpicker-palette-container{width:152px}.tui-colorpicker-palette-container ul{width:152px;margin:0;padding:0}.tui-colorpicker-palette-container li{float:left;margin:0;padding:0 3px 3px 0;list-style:none}.tui-colorpicker-palette-button{display:block;overflow:hidden;outline:none;margin:0;padding:0;width:16px;height:16px;border:1px solid #ccc;cursor:pointer}.tui-colorpicker-palette-button.tui-colorpicker-selected{border:2px solid #000}.tui-colorpicker-palette-button.tui-colorpicker-color-transparent{barckground-repeat:repeat;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAABfGlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGAqSSwoyGFhYGDIzSspCnJ3UoiIjFJgv8PAzcDDIMRgxSCemFxc4BgQ4MOAE3y7xsAIoi/rgsxK8/x506a1fP4WNq+ZclYlOrj1gQF3SmpxMgMDIweQnZxSnJwLZOcA2TrJBUUlQPYMIFu3vKQAxD4BZIsUAR0IZN8BsdMh7A8gdhKYzcQCVhMS5AxkSwDZAkkQtgaInQ5hW4DYyRmJKUC2B8guiBvAgNPDRcHcwFLXkYC7SQa5OaUwO0ChxZOaFxoMcgcQyzB4MLgwKDCYMxgwWDLoMjiWpFaUgBQ65xdUFmWmZ5QoOAJDNlXBOT+3oLQktUhHwTMvWU9HwcjA0ACkDhRnEKM/B4FNZxQ7jxDLX8jAYKnMwMDcgxBLmsbAsH0PA4PEKYSYyjwGBn5rBoZt5woSixLhDmf8xkKIX5xmbARh8zgxMLDe+///sxoDA/skBoa/E////73o//+/i4H2A+PsQA4AJHdp4IxrEg8AAAGbaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEzPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CghrN1AAAABzSURBVCgVldKxEYAgDAXQD5VOpLuwgi4jlrTMqF00oOd5Aia/CcV/F4oYOgNlrLjvVyCEVJchBjEC25538PeaWTzRMBLxvIL7UZwFwL06qoA6aoAy+gFfJABvJAQPUoCMlICRRd8BzgHzJL4ok9aJ67l4AK9AxVKhHryUAAAAAElFTkSuQmCC")}.tui-colorpicker-palette-hex{font-family:monospace;width:60px}.tui-colorpicker-palette-hex,.tui-colorpicker-palette-preview{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.tui-colorpicker-palette-preview{width:12px;height:12px;border:1px solid #ccc;overflow:hidden}.tui-colorpicker-palette-toggle-slider{display:inline-block;*display:inline;zoom:1;vertical-align:middle;float:right}.tui-colorpicker-slider-container{margin:5px 0 0;height:122px;zoom:1}.tui-colorpicker-slider-container:after{content:"";display:block;clear:both}.tui-colorpicker-slider-left{float:left;width:120px;height:120px}.tui-colorpicker-slider-right{float:right;width:32px;height:120px}.tui-colorpicker-svg{display:block}.tui-colorpicker-slider-handle{position:absolute;overflow:visible;top:0;left:0;width:1px;height:1px;z-index:2;opacity:.9}.tui-colorpicker-svg-slider,.tui-colorpicker-vml-slider{width:120px;height:120px;border:1px solid #ccc;overflow:hidden}.tui-colorpicker-vml-slider{position:relative}.tui-colorpicker-vml-slider-bg{position:absolute;margin:-1px 0 0 -1px;top:0;left:0;width:122px;height:122px}.tui-colorpicker-svg-huebar{float:right;width:18px;height:120px;border:1px solid #ccc;overflow:visible}.tui-colorpicker-vml-huebar{width:32px;position:relative}.tui-colorpicker-vml-huebar-bg{position:absolute;top:0;right:0;width:18px;height:121px}

/*!
 * TOAST UI ImageEditor
 * @version 3.15.3
 * @license MIT
 */body>textarea{position:fixed!important}.tui-image-editor-container{background-color:#282828;box-sizing:border-box;height:100%;letter-spacing:.3px;margin:0;min-height:300px;overflow:hidden;padding:0;position:relative}.tui-image-editor-container div,.tui-image-editor-container input,.tui-image-editor-container label,.tui-image-editor-container li,.tui-image-editor-container ul{box-sizing:border-box;margin:0;padding:0;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.tui-image-editor-container .tui-image-editor-header{background-color:#151515;min-width:533px;position:absolute;top:0;width:100%}.tui-image-editor-container .tui-image-editor-controls-buttons,.tui-image-editor-container .tui-image-editor-header-buttons{float:right;margin:8px}.tui-image-editor-container .tui-image-editor-controls-logo,.tui-image-editor-container .tui-image-editor-header-logo{float:left;padding:17px;width:30%}.tui-image-editor-container .tui-image-editor-controls-buttons,.tui-image-editor-container .tui-image-editor-controls-logo{display:none;height:100%;width:270px}.tui-image-editor-container .tui-image-editor-controls-buttons button,.tui-image-editor-container .tui-image-editor-controls-buttons div,.tui-image-editor-container .tui-image-editor-header-buttons button,.tui-image-editor-container .tui-image-editor-header-buttons div{border:1px solid #ddd;border-radius:20px;cursor:pointer;display:inline-block;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:700;height:40px;letter-spacing:.3px;line-height:40px;outline:none;padding:0;position:relative;text-align:center;vertical-align:middle;width:120px}.tui-image-editor-container .tui-image-editor-download-btn{background-color:#fdba3b;border-color:#fdba3b;color:#fff}.tui-image-editor-container .tui-image-editor-load-btn{bottom:0;cursor:pointer;display:inline-block;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.tui-image-editor-container .tui-image-editor-main-container{bottom:64px;position:absolute;top:0;width:100%}.tui-image-editor-container .tui-image-editor-main{bottom:0;left:0;position:absolute;right:0;text-align:center;top:64px}.tui-image-editor-container .tui-image-editor-wrap{bottom:0;overflow:auto;width:100%}.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap{display:table;height:100%;width:100%}.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap .tui-image-editor-align-wrap{display:table-cell;vertical-align:middle}.tui-image-editor-container .tui-image-editor{display:inline-block;position:relative}.tui-image-editor-container .tui-image-editor-help-menu,.tui-image-editor-container .tui-image-editor-menu{display:table-cell;list-style:none;margin:0 auto;padding:0;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item,.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item{border-radius:2px;cursor:pointer;display:inline-block;margin:0 4px;padding:7px 8px 3px;position:relative}.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item[tooltip-content]:hover:before,.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:hover:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #2f2f2f;content:"";display:inline-block;height:0;left:13px;margin:0 auto;position:absolute;top:-2px;width:0}.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item[tooltip-content]:hover:after,.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:hover:after{background-color:#2f2f2f;border-radius:3px;color:#fff;content:attr(tooltip-content);display:inline-block;font-size:11px;font-weight:lighter;left:0;max-height:23px;min-width:24px;padding:5px 8px;position:absolute;top:-25px}.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item.active,.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item.active{background-color:#fff;transition:all .3s ease}.tui-image-editor-container .tui-image-editor-wrap{position:absolute}.tui-image-editor-container .tui-image-editor-grid-visual{border:1px solid rgba(255,255,255,.7);display:none;height:100%;position:absolute;width:100%}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor{transition:none}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-grid-visual,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-grid-visual,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-grid-visual{display:block}.tui-image-editor-container .tui-image-editor-grid-visual table{border-collapse:collapse;height:100%;width:100%}.tui-image-editor-container .tui-image-editor-grid-visual table td{border:1px solid rgba(255,255,255,.3)}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot:before{background-color:#fff;border:0;border-radius:100%;box-shadow:0 0 1px 0 rgba(0,0,0,.3);box-sizing:border-box;content:"";height:10px;position:absolute;width:10px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-top:before{left:-5px;top:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-top:before{right:-5px;top:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-bottom:before{bottom:-5px;left:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-bottom:before{bottom:-5px;right:-5px}.tui-image-editor-container .tui-image-editor-submenu{bottom:0;display:none;height:150px;position:absolute;white-space:nowrap;width:100%;z-index:2}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button:hover svg>use.active{display:block}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item li{display:inline-block;vertical-align:top}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-newline{display:block;margin-top:0}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button{cursor:pointer;display:inline-block;font-size:11px;font-weight:400;margin:0 9px;position:relative}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.preset{margin:0 9px 20px 5px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item label>span{cursor:pointer;display:inline-block;font-family:Noto Sans,sans-serif;font-size:11px;padding-top:5px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.apply label,.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.cancel label{vertical-align:7px}.tui-image-editor-container .tui-image-editor-submenu>div{display:none;vertical-align:bottom}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-style{bottom:0;display:block;left:0;opacity:.95;position:absolute;right:0;top:0;z-index:-1}.tui-image-editor-container .tui-image-editor-partition>div{border-left:1px solid #3c3c3c;height:52px;margin:0 8px;width:1px}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-partition>div{height:108px;margin:0 29px 0 0}.tui-image-editor-container .tui-image-editor-submenu-align{margin-right:30px;text-align:left}.tui-image-editor-container .tui-image-editor-submenu-align label>span{white-space:nowrap;width:55px}.tui-image-editor-container .tui-image-editor-submenu-align:first-child{margin-right:0}.tui-image-editor-container .tui-image-editor-submenu-align:first-child label>span{width:70px}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu>div.tui-image-editor-menu-crop,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu>div.tui-image-editor-menu-draw,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu>div.tui-image-editor-menu-filter,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu>div.tui-image-editor-menu-flip,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu>div.tui-image-editor-menu-icon,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu>div.tui-image-editor-menu-mask,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu>div.tui-image-editor-menu-resize,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu>div.tui-image-editor-menu-rotate,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu>div.tui-image-editor-menu-shape,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu>div.tui-image-editor-menu-text,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu>div.tui-image-editor-menu-zoom{display:table-cell}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu{display:table}.tui-image-editor-container .tui-image-editor-help-menu{background-color:rgba(255,255,255,.06);border-radius:20px;list-style:none;margin:0 auto;padding:0;position:absolute;text-align:center;vertical-align:middle;z-index:2}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.15);color:#444;cursor:auto;display:none;height:276px;padding:4px 2px;position:absolute;transform:translateX(calc(-50% + 12px));width:196px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list{height:268px;list-style:none;overflow:hidden scroll;padding:0}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item{font-size:11px;height:24px;line-height:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item{cursor:pointer;height:24px;position:relative}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item svg{height:24px;width:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item span{display:inline-block;height:24px;text-align:left;width:128px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-icon{display:inline-block;height:24px;left:6px;position:absolute;top:6px;width:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-checkbox{display:none;height:24px;position:absolute;right:-6px;top:5px;width:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item{background-color:rgba(119,119,119,.12)}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item .history-item-checkbox{display:inline-block}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.disabled-item{color:#333;opacity:.3}.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history{display:block}.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history:before{content:"";display:inline-block;height:0;margin:0 auto;position:absolute;width:0}.tui-image-editor-container .filter-color-item{display:inline-block}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox{display:block}.tui-image-editor-container .tui-image-editor-checkbox-wrap{display:inline-block!important;text-align:left}.tui-image-editor-container .tui-image-editor-checkbox-wrap.fixed-width{white-space:normal;width:187px}.tui-image-editor-container .tui-image-editor-checkbox{display:inline-block;margin:1px 0}.tui-image-editor-container .tui-image-editor-checkbox input{height:14px;opacity:0;width:14px}.tui-image-editor-container .tui-image-editor-checkbox>label>span{color:#fff;height:14px;position:relative}.tui-image-editor-container .tui-image-editor-checkbox>label>span:before,.tui-image-editor-container .tui-image-editor-checkbox input+label:before{background-color:#fff;border:0;border-radius:2px;box-sizing:border-box;content:"";display:inline-block;font-size:11px;height:14px;left:-19px;margin:0;padding-top:1px;position:absolute;text-align:center;top:6px;width:14px}.tui-image-editor-container .tui-image-editor-checkbox input[type=checkbox]:checked+span:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==);background-size:cover}.tui-image-editor-container .tui-image-editor-selectlist-wrap{position:relative}.tui-image-editor-container .tui-image-editor-selectlist-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #cbdbdb;border-radius:0;height:28px;margin-top:4px;outline:0;padding:0 7px 0 10px;width:100%}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist{background-color:#fff;border:1px solid #ccc;border-top:0;display:none;padding:4px 0;position:relative;top:-1px}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li{display:block;font-family:Noto Sans,sans-serif;padding:7px 10px;text-align:left}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li:hover{background-color:rgba(81,92,230,.05)}.tui-image-editor-container .tui-image-editor-selectlist-wrap:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=);background-size:cover;content:"";display:inline-block;height:14px;position:absolute;right:5px;top:10px;width:14px}.tui-image-editor-container .tui-image-editor-selectlist-wrap select::-ms-expand{display:none}.tui-image-editor-container .tui-image-editor-virtual-range-bar .tui-image-editor-disabled,.tui-image-editor-container .tui-image-editor-virtual-range-pointer .tui-image-editor-disabled,.tui-image-editor-container .tui-image-editor-virtual-range-subbar .tui-image-editor-disabled{backbround-color:red}.tui-image-editor-container .tui-image-editor-range{display:inline-block;height:17px;position:relative;top:5px;width:166px}.tui-image-editor-container .tui-image-editor-virtual-range-bar{background-color:#666;height:2px;position:absolute;top:7px;width:100%}.tui-image-editor-container .tui-image-editor-virtual-range-subbar{background-color:#d1d1d1;height:100%;left:0;position:absolute;right:0}.tui-image-editor-container .tui-image-editor-virtual-range-pointer{background-color:#fff;border-radius:100%;cursor:pointer;height:12px;left:0;position:absolute;top:-5px;width:12px}.tui-image-editor-container .tui-image-editor-range-wrap{display:inline-block;margin-left:4px}.tui-image-editor-container .tui-image-editor-range-wrap.short .tui-image-editor-range{width:100px}.tui-image-editor-container .color-picker-control .tui-image-editor-range{margin-left:10px;width:108px}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-pointer{background-color:#333}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-bar{background-color:#ccc}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-subbar{background-color:#606060}.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short{margin-left:19px;margin-top:-2px}.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short label{color:#8e8e8e;font-weight:400}.tui-image-editor-container .tui-image-editor-range-wrap label{color:#fff;font-size:11px;margin-right:7px;vertical-align:baseline}.tui-image-editor-container .tui-image-editor-range-value{background-color:#1c1c1c;border:1px solid #d5d5d5;border-radius:2px;box-shadow:none;color:#fff;cursor:default;font-family:Noto Sans,sans-serif;font-weight:lighter;height:24px;margin-left:4px;margin-top:15px;outline:none;text-align:center;vertical-align:baseline;width:40px}.tui-image-editor-container .tui-image-editor-controls{background-color:#151515;bottom:0;display:table;height:64px;position:absolute;width:100%;z-index:2}.tui-image-editor-container .tui-image-editor-icpartition{background-color:#444;display:inline-block;height:24px;width:1px}.tui-image-editor-container.left .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{border-bottom:7px solid transparent;border-right:7px solid #2f2f2f;border-top:7px solid transparent;left:28px;top:11px}.tui-image-editor-container.left .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{left:42px;top:7px;white-space:nowrap}.tui-image-editor-container.left .tui-image-editor-submenu{height:100%;left:0;width:248px}.tui-image-editor-container.left .tui-image-editor-main-container{height:100%;left:64px;width:calc(100% - 64px)}.tui-image-editor-container.left .tui-image-editor-controls{display:table;height:100%;width:64px}.tui-image-editor-container.left .tui-image-editor-menu,.tui-image-editor-container.right .tui-image-editor-menu{white-space:inherit}.tui-image-editor-container.left .tui-image-editor-submenu,.tui-image-editor-container.right .tui-image-editor-submenu{white-space:normal}.tui-image-editor-container.left .tui-image-editor-submenu>div,.tui-image-editor-container.right .tui-image-editor-submenu>div{vertical-align:middle}.tui-image-editor-container.left .tui-image-editor-controls li,.tui-image-editor-container.right .tui-image-editor-controls li{display:inline-block;margin:4px auto}.tui-image-editor-container.left .tui-image-editor-icpartition,.tui-image-editor-container.right .tui-image-editor-icpartition{height:1px;position:relative;top:-7px;width:24px}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition{display:block;margin:auto;width:75%}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition>div,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition>div{border-bottom:1px solid #3c3c3c;border-left:0;height:10px;margin:0;width:100%}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-align,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-align{margin-right:0}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item li,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item li{margin-top:15px}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li{margin-top:0}.tui-image-editor-container.left .tui-image-editor-checkbox-wrap.fixed-width,.tui-image-editor-container.right .tui-image-editor-checkbox-wrap.fixed-width{white-space:normal;width:182px}.tui-image-editor-container.left .tui-image-editor-range-wrap.tui-image-editor-newline label.range,.tui-image-editor-container.right .tui-image-editor-range-wrap.tui-image-editor-newline label.range{display:block;margin:auto;text-align:left;width:75%}.tui-image-editor-container.left .tui-image-editor-range,.tui-image-editor-container.right .tui-image-editor-range{width:136px}.tui-image-editor-container.right .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{border-bottom:7px solid transparent;border-left:7px solid #2f2f2f;border-top:7px solid transparent;left:-3px;top:11px}.tui-image-editor-container.right .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{left:unset;right:43px;top:7px;white-space:nowrap}.tui-image-editor-container.right .tui-image-editor-submenu{height:100%;right:0;width:248px}.tui-image-editor-container.right .tui-image-editor-main-container{height:100%;right:64px;width:calc(100% - 64px)}.tui-image-editor-container.right .tui-image-editor-controls{display:table;height:100%;right:0;width:64px}.tui-image-editor-container.bottom .tui-image-editor-submenu .tui-image-editor-partition.only-left-right,.tui-image-editor-container.top .tui-image-editor-submenu .tui-image-editor-partition.only-left-right{display:none}.tui-image-editor-container.bottom .tui-image-editor-submenu>div{padding-bottom:24px}.tui-image-editor-container.top .color-picker-control .triangle{border-bottom:8px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;border-top:0;top:-8px}.tui-image-editor-container.top .tui-image-editor-size-wrap{height:100%}.tui-image-editor-container.top .tui-image-editor-main-container{bottom:0}.tui-image-editor-container.top .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{border-bottom:7px solid #2f2f2f;border-top:0;left:13px;top:33px}.tui-image-editor-container.top .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{top:38px}.tui-image-editor-container.top .tui-image-editor-submenu{bottom:auto;top:0}.tui-image-editor-container.top .tui-image-editor-submenu>div{padding-top:24px;vertical-align:top}.tui-image-editor-container.top .tui-image-editor-controls-buttons,.tui-image-editor-container.top .tui-image-editor-controls-logo{display:table-cell}.tui-image-editor-container.top .tui-image-editor-main{height:calc(100% - 64px);top:64px}.tui-image-editor-container.top .tui-image-editor-controls{bottom:inherit;top:0}.tui-image-editor-container .tui-image-editor-help-menu.top{height:40px;left:50%;top:8px;transform:translateX(-50%);white-space:nowrap;width:506px}.tui-image-editor-container .tui-image-editor-help-menu.top .tie-panel-history{top:45px}.tui-image-editor-container .tui-image-editor-help-menu.top .opened .tie-panel-history:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;left:90px;top:-8px}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content]:before{border:7px solid transparent;border-bottom:7px solid #2f2f2f;border-top:none;left:13px;top:35px}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content]:after{left:-4px;top:41px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content].opened:after,.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content].opened:before{content:none}.tui-image-editor-container .tui-image-editor-help-menu.bottom{bottom:8px;height:40px;left:50%;transform:translateX(-50%);white-space:nowrap;width:506px}.tui-image-editor-container .tui-image-editor-help-menu.bottom .tie-panel-history{bottom:45px}.tui-image-editor-container .tui-image-editor-help-menu.bottom .opened .tie-panel-history:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;bottom:-8px;left:90px}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content]:before{border:7px solid transparent;border-bottom:none;border-top-color:#2f2f2f;bottom:36px;left:13px;top:auto}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content]:after{bottom:41px;left:-4px;top:auto;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content].opened:after,.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content].opened:before{content:none}.tui-image-editor-container .tui-image-editor-help-menu.left{height:506px;left:8px;top:50%;transform:translateY(-50%);white-space:inherit;width:40px}.tui-image-editor-container .tui-image-editor-help-menu.left .tie-panel-history{left:140px;top:-4px}.tui-image-editor-container .tui-image-editor-help-menu.left .opened .tie-panel-history:before{border-bottom:8px solid transparent;border-right:8px solid #fff;border-top:8px solid transparent;left:-8px;top:14px}.tui-image-editor-container .tui-image-editor-help-menu.left .tui-image-editor-item{margin:4px auto;padding:6px 8px}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content]:before{border:7px solid transparent;border-left:none;border-right-color:#2f2f2f;left:27px;top:11px}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content]:after{left:40px;top:7px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content].opened:after,.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content].opened:before{content:none}.tui-image-editor-container .tui-image-editor-help-menu.right{height:506px;right:8px;top:50%;transform:translateY(-50%);white-space:inherit;width:40px}.tui-image-editor-container .tui-image-editor-help-menu.right .tie-panel-history{right:-30px;top:-4px}.tui-image-editor-container .tui-image-editor-help-menu.right .opened .tie-panel-history:before{border-bottom:8px solid transparent;border-left:8px solid #fff;border-top:8px solid transparent;right:-8px;top:14px}.tui-image-editor-container .tui-image-editor-help-menu.right .tui-image-editor-item{margin:4px auto;padding:6px 8px}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content]:before{border:7px solid transparent;border-left:7px solid #2f2f2f;border-right:none;left:-6px;top:11px}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content]:after{left:auto;right:39px;top:7px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content].opened:after,.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content].opened:before{content:none}.tui-image-editor-container .tie-icon-add-button .tui-image-editor-button{min-width:42px}.tui-image-editor-container .svg_ic-helpmenu,.tui-image-editor-container .svg_ic-menu{height:24px;width:24px}.tui-image-editor-container .svg_ic-submenu{height:32px;width:32px}.tui-image-editor-container .svg_img-bi{height:26px;width:257px}.tui-image-editor-container .tui-image-editor-controls svg>use,.tui-image-editor-container .tui-image-editor-help-menu svg>use{display:none}.tui-image-editor-container .tui-image-editor-controls .enabled svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-controls .normal svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .enabled svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .normal svg:hover>use.hover{display:block}.tui-image-editor-container .tui-image-editor-controls .active svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .active svg:hover>use.hover{display:none}.tui-image-editor-container .tui-image-editor-controls .active svg>use.active,.tui-image-editor-container .tui-image-editor-controls .enabled svg>use.enabled,.tui-image-editor-container .tui-image-editor-controls .on svg>use.hover,.tui-image-editor-container .tui-image-editor-controls .opened svg>use.hover,.tui-image-editor-container .tui-image-editor-controls svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .active svg>use.active,.tui-image-editor-container .tui-image-editor-help-menu .enabled svg>use.enabled,.tui-image-editor-container .tui-image-editor-help-menu .on svg>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .opened svg>use.hover,.tui-image-editor-container .tui-image-editor-help-menu svg>use.normal{display:block}.tui-image-editor-container .tui-image-editor-controls .active svg>use.normal,.tui-image-editor-container .tui-image-editor-controls .enabled svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .active svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .enabled svg>use.normal{display:none}.tui-image-editor-container .tui-image-editor-controls .help.enabled svg>use.normal,.tui-image-editor-container .tui-image-editor-controls .help svg>use.disabled,.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .help svg>use.disabled{display:block}.tui-image-editor-container .tui-image-editor-controls .help.enabled svg>use.disabled,.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg>use.disabled{display:none}.tui-image-editor-container .tui-image-editor-controls:hover{z-index:3}.tui-image-editor-container div.tui-colorpicker-clearfix{background-color:#f5f5f5;border:1px solid #d5d5d5;border-radius:2px;height:28px;margin-top:6px;padding:4px 7px;width:159px}.tui-image-editor-container .tui-colorpicker-palette-hex{background-color:#f5f5f5;border:0;font-family:Noto Sans,sans-serif;font-size:11px;margin-top:2px;width:114px}.tui-image-editor-container .tui-colorpicker-palette-hex[value=""]+.tui-colorpicker-palette-preview,.tui-image-editor-container .tui-colorpicker-palette-hex[value="#ffffff"]+.tui-colorpicker-palette-preview{border:1px solid #ccc}.tui-image-editor-container .tui-colorpicker-palette-hex[value=""]+.tui-colorpicker-palette-preview{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC);background-size:cover}.tui-image-editor-container .tui-colorpicker-palette-preview{border:0;border-radius:100%;float:left;height:17px;width:17px}.tui-image-editor-container .color-picker-control{background-color:#fff;border-radius:2px;box-shadow:0 3px 22px 6px rgba(0,0,0,.15);display:none;padding:16px;position:absolute;width:192px;z-index:99}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-toggle-slider{display:none}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button{background-size:cover;border:0;border-radius:100%;font-size:1px;margin:2px}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title=""],.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title="#ffffff"]{border:1px solid #ccc}.tui-image-editor-container .color-picker-control .triangle{border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #fff;bottom:-8px;height:0;left:84px;position:absolute;width:0}.tui-image-editor-container .color-picker-control .tui-colorpicker-container,.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container,.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container ul{height:auto;width:100%}.tui-image-editor-container .filter-color-item .color-picker-control label{font-color:#333;font-weight:400;margin-right:7pxleft}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox{margin-top:0}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox>label:before,.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox input+label:before{left:-16px}.tui-image-editor-container .color-picker{height:auto;width:100%}.tui-image-editor-container .color-picker-value{border:0;border-radius:100%;height:32px;margin:auto auto 1px;width:32px}.tui-image-editor-container .color-picker-value.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC);background-size:cover;border:1px solid #cbcbcb}.tui-image-editor-container .color-picker-value+label{color:#fff}.tui-image-editor-container .tui-image-editor-submenu svg>use{display:none}.tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype=icon-arrow-2] svg>use.active,.tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype=icon-arrow-3] svg>use.active,.tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype=icon-arrow] svg>use.active,.tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype=icon-bubble] svg>use.active,.tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype=icon-heart] svg>use.active,.tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype=icon-location] svg>use.active,.tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype=icon-polygon] svg>use.active,.tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype=icon-star-2] svg>use.active,.tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype=icon-star] svg>use.active,.tui-image-editor-container .tui-image-editor-submenu svg>use.normal{display:block}.tie-draw-line-select-button.free .tui-image-editor-button.free svg>use.normal,.tie-draw-line-select-button.line .tui-image-editor-button.line svg>use.normal{display:none}.tie-draw-line-select-button.free .tui-image-editor-button.free svg>use.active,.tie-draw-line-select-button.line .tui-image-editor-button.line svg>use.active{display:block}.tie-flip-button.flipX .tui-image-editor-button.flipX svg>use.normal,.tie-flip-button.flipY .tui-image-editor-button.flipY svg>use.normal,.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg>use.normal{display:none}.tie-flip-button.flipX .tui-image-editor-button.flipX svg>use.active,.tie-flip-button.flipY .tui-image-editor-button.flipY svg>use.active,.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg>use.active{display:block}.tie-mask-apply.apply.active .tui-image-editor-button.apply label{color:#fff}.tie-mask-apply.apply.active .tui-image-editor-button.apply svg>use.active{display:block}.tie-crop-button .tui-image-editor-button.apply,.tie-crop-preset-button .tui-image-editor-button.apply{margin-right:24px}.tie-crop-button .tui-image-editor-button.apply.active svg>use.active,.tie-crop-button .tui-image-editor-button.preset.active svg>use.active,.tie-crop-preset-button .tui-image-editor-button.apply.active svg>use.active,.tie-crop-preset-button .tui-image-editor-button.preset.active svg>use.active{display:block}.tie-resize-button .tui-image-editor-button.apply,.tie-resize-preset-button .tui-image-editor-button.apply{margin-right:24px}.tie-resize-button .tui-image-editor-button.apply.active svg>use.active,.tie-resize-button .tui-image-editor-button.preset.active svg>use.active,.tie-resize-preset-button .tui-image-editor-button.apply.active svg>use.active,.tie-resize-preset-button .tui-image-editor-button.preset.active svg>use.active{display:block}.tie-shape-button.circle .tui-image-editor-button.circle svg>use.normal,.tie-shape-button.rect .tui-image-editor-button.rect svg>use.normal,.tie-shape-button.triangle .tui-image-editor-button.triangle svg>use.normal{display:none}.tie-shape-button.circle .tui-image-editor-button.circle svg>use.active,.tie-shape-button.rect .tui-image-editor-button.rect svg>use.active,.tie-shape-button.triangle .tui-image-editor-button.triangle svg>use.active,.tie-text-align-button.tie-text-align-center .tui-image-editor-button.center svg>use.active,.tie-text-align-button.tie-text-align-left .tui-image-editor-button.left svg>use.active,.tie-text-align-button.tie-text-align-right .tui-image-editor-button.right svg>use.active,.tie-text-effect-button .tui-image-editor-button.active svg>use.active{display:block}.tie-icon-image-file,.tie-mask-image-file{border:1px solid green;cursor:inherit;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.tie-zoom-button.flipX .tui-image-editor-button.flipX svg>use.normal,.tie-zoom-button.flipY .tui-image-editor-button.flipY svg>use.normal,.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg>use.normal{display:none}.tie-zoom-button.flipX .tui-image-editor-button.flipX svg>use.active,.tie-zoom-button.flipY .tui-image-editor-button.flipY svg>use.active,.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg>use.active{display:block}.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls ul{text-align:right}.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls-logo{display:none}

.mfp-zoom-in .mfp-with-anim{opacity:0;transform:scale(.8);transition:all .2s ease-in-out}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{opacity:0;transform:scale(.8)}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-fade.mfp-bg{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-bg{background:#0b0b0b;filter:alpha(opacity=80);opacity:.8;overflow:hidden;z-index:2100}.mfp-bg,.mfp-wrap{height:100%;left:0;position:fixed;top:0;width:100%}.mfp-wrap{-webkit-backface-visibility:hidden;outline:none!important;z-index:2200}.mfp-container{box-sizing:border-box;height:100%;left:0;padding:0 8px;position:absolute;text-align:center;top:0;width:100%}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{display:inline-block;margin:0 auto;position:relative;text-align:left;vertical-align:middle;z-index:2400}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{cursor:auto;width:100%}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;left:8px;margin-top:-.8em;position:absolute;right:8px;text-align:center;top:50%;width:auto;z-index:2300}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{-webkit-appearance:none;background:transparent;border:0;box-shadow:none;cursor:pointer;display:block;outline:none;overflow:visible;padding:0;touch-action:manipulation;z-index:2400}button::-moz-focus-inner{border:0;padding:0}.mfp-close{color:#fff;font-family:Arial,Baskerville,monospace;font-size:28px;font-style:normal;height:44px;line-height:44px;opacity:.65;padding:0 0 18px 10px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:44px}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;padding-right:6px;right:-6px;text-align:right;width:100%}.mfp-counter{color:#ccc;font-size:12px;line-height:18px;position:absolute;right:0;top:0;white-space:nowrap}.mfp-arrow{-webkit-tap-highlight-color:rgba(0,0,0,0);height:110px;margin:-55px 0 0;opacity:.65;padding:0;position:absolute;top:50%;width:90px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{border:inset transparent;content:"";display:block;height:0;left:0;margin-left:35px;margin-top:35px;position:absolute;top:0;width:0}.mfp-arrow:after{border-bottom-width:13px;border-top-width:13px;top:8px}.mfp-arrow:before{border-bottom-width:21px;border-top-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{border-right:27px solid #3f3f3f;margin-left:25px}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-bottom:40px;padding-top:40px}.mfp-iframe-holder .mfp-content{line-height:0;max-width:900px;width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{height:0;overflow:hidden;padding-top:56.25%;width:100%}.mfp-iframe-scaler iframe{background:#000;box-shadow:0 0 8px rgba(0,0,0,.6);display:block;height:100%;left:0;position:absolute;top:0;width:100%}img.mfp-img{box-sizing:border-box;display:block;height:auto;margin:0 auto;max-width:100%;padding:40px 0;width:auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{background:#444;bottom:40px;box-shadow:0 0 8px rgba(0,0,0,.6);content:"";display:block;height:auto;left:0;position:absolute;right:0;top:40px;width:auto;z-index:-1}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{cursor:auto;left:0;margin-top:-36px;position:absolute;top:100%;width:100%}.mfp-title{word-wrap:break-word;color:#f3f3f3;line-height:18px;padding-right:36px;text-align:left}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px)and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{bottom:0;top:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;box-sizing:border-box;margin:0;padding:3px 5px;position:fixed;top:auto}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{background:rgba(0,0,0,.6);height:35px;line-height:35px;padding:0;position:fixed;right:0;text-align:center;top:0;width:35px}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}div.ccm-lightbox-popup-white{background-color:#fff;border-radius:10px;margin:0 auto;max-width:600px;padding:20px 60px 20px 20px;position:relative}.ccm-block-gallery a{position:relative}.ccm-block-gallery .ccm-block-gallery-image-overlay,.ccm-block-gallery .ccm-block-gallery-image-overlay-color,.ccm-block-gallery .ccm-block-gallery-image-overlay-text{height:100%;left:0;position:absolute;top:0;width:100%}.ccm-block-gallery .ccm-block-gallery-image-overlay{opacity:0;transition:opacity .3s}.ccm-block-gallery .ccm-block-gallery-image-overlay-color{background-color:rgba(13,110,253,.8)}.ccm-block-gallery .ccm-block-gallery-image-overlay-text{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center}.ccm-block-gallery .ccm-block-gallery-image{cursor:pointer;overflow:hidden;padding-top:calc(3.125rem + 22.5vw);position:relative;width:100%}@media(min-width:1200px){.ccm-block-gallery .ccm-block-gallery-image{padding-top:20rem}}.ccm-block-gallery img{bottom:-9999px;height:100%;left:-9999px;margin:auto;-o-object-fit:cover;object-fit:cover;position:absolute;right:-9999px;top:-9999px;width:100%}.ccm-block-gallery a:hover .ccm-block-gallery-image-overlay{opacity:1}/*! http://responsiveslides.com v1.55 by @viljamis */.rslides{list-style:none;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.rslides>li{backface-visibility:hidden;display:none;left:0;margin-bottom:0!important;position:absolute;top:0;width:100%}.rslides>li:first-child{display:block;float:left;position:relative}.rslides img{border:0;display:block;float:left;height:auto;width:100%}.rslides_nav{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url("data:image/gif;base64,R0lGODlhTAA9AMQAABAQEDAwMO/v78/Pz7+/v39/f6+vr1BQUCAgIGBgYJ+fn0BAQN/f33BwcI+Pj////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAABMAD0AAAXkICSOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Fog4NsiAYTHY8ALPwiAImAgFi90gfY4PVTIyTuzWDEsyAUIPAACcgVBCXIPbz1xcgk/AYRthj8Nf1yCkmIGQnZtAnQ6eg8MoT9rcgQ7jW2YQqxirjeDcg5Efp+mNweJj0G8cgc9uGICsjyRhT+eYqU+qG2cp2zRPsxzQbSTPJafga+aD984CImLQ4itOuVtvkULBgTCOwcGBvNZ+fr7/P3+/wADChxIsKDBgwgTKlzIsKFDKSEAADs=") no-repeat 0 0;height:61px;left:0;margin-top:-45px;opacity:.7;overflow:hidden;position:absolute;text-decoration:none;top:50%;width:38px;z-index:99}.rslides_tabs{padding-bottom:10px;padding-left:0;padding-top:0}.rslides_tabs li{display:inline-block;list-style-type:none;margin-right:5px}.rslides_tabs li.rslides_here a{background:#333}.rslides_tabs li a{background:#ccccc9;border-radius:30px;display:inline-block;height:15px;margin-right:10px;overflow:hidden;text-indent:-9999px;width:15px}.rslides_nav.next{background-position:100% 0;left:auto;right:0}/*! http://responsiveslides.com v1.54 by @viljamis */.ccm-image-slider{position:relative}.ccm-image-slider-text{clear:both;padding-top:1rem}.ccm-image-slider-title{margin-bottom:1rem}.rslides{margin:0 auto}a.mega-link-overlay{height:100%;left:0;position:absolute;width:100%;z-index:20}div.ccm-block-hero-image{min-height:50vh;position:relative}div.ccm-block-hero-image div.ccm-block-hero-image-cover,div.ccm-block-hero-image div.ccm-block-hero-image-text{height:50vh;left:0;position:absolute;top:0;width:100%}div.ccm-block-hero-image div.ccm-block-hero-image-text{align-items:center;display:flex;flex-direction:column;justify-content:center}div.ccm-block-hero-image div.ccm-block-hero-image-cover{z-index:2}div.ccm-block-hero-image div.ccm-block-hero-image-text{z-index:3}div.ccm-block-hero-image div.ccm-block-hero-image-image{background-position:50%;background-size:cover;height:50vh;z-index:1}


/*
 * Software by John Liddiard (aka JohntheFish)
 * www.c5magic.co.uk
 *
 * This package contains software copyright and proprietary to John Liddiard
 *
 */
.jl-snapshot-block.jl-snapshot-button-webcam{
    margin-top:5px;
}

/*
 * Software by John Liddiard (aka JohntheFish)
 * www.c5magic.co.uk
 *
 * This package contains software copyright and proprietary to John Liddiard
 *
 */


/*
 * A convenience, for any clickable related stying
 */
.snapshot-screengrab-btn:not([disabled]) {
    cursor: pointer;
}

.form-reform-snapshot-screengrab-repeater:disabled,
.form-reform-snapshot-screengrab-repeater[disabled],
.form-reform-snapshot-screengrab-repeater.disabled{
    background-color: #e9ecef;
}

.form-reform-snapshot-screengrab-repeater {
    height: auto;
    min-height:38px;
}


.form-reform-snapshot-screengrab-repeater .form-reform-placeholder{
    font-style: italic;
}

.form-reform-snapshot-screengrab-repeater .snapshot-form-reform-repeater-item {
    padding: 5px;
    outline: 1px solid #aaa;
    border-radius: 3px;
    margin-right: 5px;
    width: auto;
    display: inline-block;
    position: relative;
    min-height: 70px;
}

.form-reform-snapshot-screengrab-repeater .snapshot-form-reform-repeater-thumbnail {
    max-width: 200px;
    height: 100px;
    object-fit: contain;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-response .snapshot-remove,
.form-reform-snapshot-screengrab-repeater .snapshot-remove {
    position: absolute;
    right: 7px;
    bottom: 32px;
    background-color: rgba(200, 200, 200, 0.6);
    padding: 5px;
    border-radius: 2px;
}

.form-reform-snapshot-screengrab-repeater .snapshot-remove,
.form-reform-snapshot-screengrab-repeater .snapshot-remove i {
    animation: none !important;
}


/*
 * The button in the toolbar
 */
.jl-snapshot-button-screengrab.screengrab-killed {
    cursor: not-allowed;
    opacity: 0.4;
}

.jl-snapshot-button-screengrab.screengrab-killed .fa {
    transform: rotate(60deg);
}

@keyframes c_blinker {
    50% {
        opacity: 0;
    }
}

.jl-snapshot-button-screengrab.loading i {
    animation: c_blinker 0.6s linear infinite;
}

.jl-snapshot-button-screengrab.ready i {
    color: #d9534f;
}

.jl-snapshot-button-screengrab.pending i {
    animation: c_blinker 0.6s linear infinite;
    color: #d9534f;
}

.jl-snapshot-button-screengrab.snapped i {
    color: #5cb85c;
}


/*
 * Countdown ovewrlay gets messed about, cloned, taken out of the dom and attached to other things.
 * Handle with care!!
 */
.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .screengrab-countdown {
    display: none;
}

.screengrab-countdown {
    display: flex;
    position: fixed;
    background: #ffffff;
    border: 1px solid #d9534f;
    border-radius: 50%;
    padding: 10px;
    font-size: 75px;
    width: 150px;
    height: 150px;
    text-align: center;
    verical-align: middle;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    justify-content: center;
    align-items: center;
    line-height: 150px;
    color: #d9534f;
    top: 5px;
    right: 5px;
    z-index: 10001;
}

/*
 * Styles copied from ccm toolbar for use in replicating in an overlay
 */

.ccm-ui.foreground-button-wrapper {
    display: none;
}

.ccm-ui.foreground-button-wrapper.initial,
.ccm-ui.foreground-button-wrapper.ready {
    z-index: 10000;
    display: block;
    position: fixed;
    box-shadow: 0 2px 2px rgba(90, 90, 90, 0.1);
    border-bottom: 1px solid #999;
    background-color: #FEFEFE;
    background: linear-gradient(to bottom, #f2f2f2 0, #fff 4%, #fff 50%, #eee 100%);
}

.ccm-ui.foreground-button-wrapper .foreground-button a {
    display: block;
    height: 47px;
    width: 60px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    font-size: 14px;
    color: #999;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-left: -1px;
    text-decoration: none;
}

.ccm-ui.foreground-button-wrapper .foreground-button a:hover {
    color: #333;
    background-color: #dddddd;
    background-image: linear-gradient(to bottom, #ededed 0, #ddd 100%);
    background-repeat: repeat-x;
}

.ccm-ui.foreground-button-wrapper .foreground-button a i {
    font-size: 14px;
    transition: opacity cubic-bezier(.355, 0, 1, .035) .5s;
    position: absolute;
    top: 17px;
    left: 23px;
    width: 14px;
    height: 14px;
}

.ccm-ui.foreground-button-wrapper .foreground-button a .ccm-toolbar-accessibility-title {
    display: none;
    margin-left: 5px;
}


/*
 * Player area
 */
.snapshot-screengrab-wrapper.ccm-ui {
    position: fixed;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(11, 11, 11, 0.9);
    z-index: 3010; /* Above screengrab or drag-drop or any magnific*/
    display: none;
}

.snapshot-screengrab-wrapper.loading {
    display: none;
}

.snapshot-screengrab-wrapper.ready {
    display: none;
}

.snapshot-screengrab-wrapper.snapped {
    display: flex;
}

.snapshot-screengrab-wrapper.pending {
    display: none;
}

.snapshot-screengrab-wrapper.initial {
    display: none;
}

html.snapshot-screengrab-no-overflow {
    overflow: hidden;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater {
    width: auto;
    height: auto;
    margin: auto;
}


/*
 * Image toggle with ready/snapped.
 * video and canvas always hidden for screengrab
 */
.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .preview-image {
    object-fit: scale-down;
    width: 100%;
    height: auto;
    max-height: 100vh;
    display: none;
    border: 2px dashed rgba(0, 153, 255, 1.0);
}

.snapshot-screengrab-wrapper.ready .snapshot-screengrab-repeater .preview-image {
    display: none;
}

.snapshot-screengrab-wrapper.snapped .snapshot-screengrab-repeater .preview-image {
    display: block;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .preview-video {
    display: none;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .working-canvas {
    display: none;
}

/*
 * Animate while uploading
 */
@keyframes grab_uploading {
    0% {
        transform: scale(1);
        opacity: 100%
    }
    50% {
        transform: scale(0.9);
        opacity: 10%
    }
    100% {
        transform: scale(1);
        opacity: 100%;
    }
}

.snapshot-screengrab-wrapper.snapshot-uploading .preview-image {
    animation-name: grab_uploading;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    border: none;
}


/* TOOLBAR */
.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .toolbar {
    display: none;
}

.snapshot-screengrab-wrapper.snapped .snapshot-screengrab-repeater .toolbar {
    position: absolute;
    top: 50px;
    right: 10px;
    display: block;
    padding: 4px;
    border-radius: 3px;
    background-color: rgba(221, 226, 231, 0.7);
    border-color: rgba(65, 77, 89, 0.7);
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .toolbar .btn {
    border-radius: 2px;
    padding: 6px 12px;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .toolbar .btn.active,
.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .toolbar .btn:active {
    border-style: inset;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-panel-wrapper {
    position: absolute;
    top: 105px;
    right: 10px;
    padding: 4px;
    border-radius: 3px;
    background-color: rgba(221, 226, 231, 1.0);
    border-color: rgba(65, 77, 89, 1.0);
    opacity: 0.3;
    width: 300px;
    /*min-height: 210px;*/
    max-height: calc(100vh - 160px);
    overflow-x: hidden;
    ovewrlow-y: auto;
}

.snapshot-screengrab-wrapper.toolbar-height-adjust .snapshot-screengrab-repeater .snapshot-screengrab-upload-panel-wrapper {
    top: 135px;
}

.snapshot-screengrab-wrapper.snapshot-toolbar-hovered .snapshot-screengrab-repeater .snapshot-screengrab-upload-panel-wrapper,
.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-panel-wrapper:hover {
    opacity: 1.0;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-form textarea {
    height: 160px;
    resize: none;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-response .upload-number-wrapper {
    position: relative;
    width: 40%;
    max-width: 200px;
    min-width: 60px;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-response .upload-response-detail {
    max-width: 230px;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-response .upload-number-wrapper img {
    max-width: 100%;
    height: auto;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-response .upload-number {
    position: absolute;
    top: 0;
    left: 0;
}

.snapshot-screengrab-wrapper .snapshot-screengrab-repeater .snapshot-screengrab-upload-response h5 {
    text-transform: none;
}


/*
 * IMAGE EDITOR
 */

.snapshot-screengrab-wrapper .image-edit-container {
    display: none;
}

/*
 * None of the standard buttons
 */
.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-header .tui-image-editor-header-logo,
.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-header .tui-image-editor-download-btn,
.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-header .tui-image-editor-load-btn,
.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-header div:first-child {
    display: none;
}

.snapshot-screengrab-wrapper.image_editing .image-edit-container {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}

.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-controls li.snapshot-editor-cancel,
.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-controls li.snapshot-editor-done {
    padding-top: 0;
    vertical-align: middle;
}

.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-controls .btn.snapshot-editor-done,
.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-controls .btn.snapshot-editor-cancel {
    border-radius: 2px;
    padding: 6px 12px;
}


/*
 * Now need top space for help menu bar
 */
.snapshot-screengrab-wrapper .image-edit-container .tui-image-editor-main {
    top: 45px;
}

.snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-help-menu {
    background-color: #151515;
}

.snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-help-menu.top {
    top: 0;
}

/*
 * Not that relevant as most small mobiles don't support
 * screengrabs!
 *
 * A little bit of usability improvement for the image editor
 * on small screens.
 * Get the toolbars to wrap
 * Have a larger window with scroll to enable users to find
 * off-screen buttons
 */

@media screen and (max-width: 768px) {
    .snapshot-screengrab-wrapper .tui-image-editor-container {
        overflow-x: scroll;
        overflow-y: scroll;
    }

    .snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-controls ul.tui-image-editor-menu {
        white-space: normal;
    }

    .snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-controls ul.tui-image-editor-menu li:after {
        content: "\200B";
    }

    .snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item {
        padding: 7px 2px 3px;
    }

    .snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-main-container ul.tui-image-editor-submenu-item {
        white-space: normal;
    }

    .snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-main-container ul.tui-image-editor-submenu-item li {
        display: inline-flex;
    }

    .snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-main-container ul.tui-image-editor-submenu-item li:after {
        content: "\200B";
    }

    .snapshot-screengrab-wrapper .tui-image-editor-container .tui-image-editor-main-container .tui-image-editor-button:after {
        content: "\200B";
    }
}


/*
 * To enable v8 styling to continue working with v9 code
 */
.snapshot-screengrab-wrapper .badge {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.snapshot-screengrab-wrapper .badge.label-success {
    background-color: #5cb85c;
}

.snapshot-screengrab-wrapper .badge.label-warning {
    background-color: #f0ad4e;
}

.snapshot-screengrab-wrapper .badge.label-danger {
    background-color: #d9534f;
}

.snapshot-screengrab-wrapper .badge.label-info {
    background-color: #5bc0de;
}

.snapshot-screengrab-wrapper .badge.label-default { /* default === secondary */
    background-color: #6c757d;
}

.snapshot-screengrab-wrapper.badge.label-primary {
    background-color: #3f9edc;
}

/*
 * Software by John Liddiard (aka JohntheFish)
 * www.c5magic.co.uk
 *
 * This package contains software copyright and proprietary to John Liddiard
 *
 */
.jl-snapshot-block.jl-snapshot-button-screengrab{
    margin-top:5px;
}

