/* Minification failed. Returning unminified contents.
(327,27): run-time error CSS1030: Expected identifier, found '.'
(327,95): run-time error CSS1031: Expected selector, found ')'
(327,95): run-time error CSS1025: Expected comma or open brace, found ')'
(331,27): run-time error CSS1030: Expected identifier, found '.'
(331,95): run-time error CSS1031: Expected selector, found ')'
(331,95): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.mb_ImageUploader_ImageText {
    position: absolute;
    z-index: 1;
    padding: 8px 8px;
    line-height: 1.3;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    box-sizing: border-box;
    font-size: 14px;
    border: 2px solid transparent;
    text-align: left !important;
}

.mb_ImageUploader_ImageText.mb_ImageUploader_ImageText--free {
    right: auto !important;
    bottom: auto !important;
}

.mb_ImageUploader_ImageText.mb_ImageUploader_ImageText--free[data-anchor="center"],
.mb_modules_HtmlArticle_ImageTextShell.mb_ImageUploader_ImageText--free[data-anchor="center"],
.mb_ImageUploader_ImageText.mb_modules_HtmlArticle_ImageTextShell.mb_ImageUploader_ImageText--free[data-anchor="center"] {
    transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
}

/* left:50% + width:auto shrink-to-fit only gets the right half of the frame — wrap after save.
   Editor shell already uses max-content; pub must match when no authored box width. */
.mb_ImageUploader_ImageText.mb_ImageUploader_ImageText--free[data-anchor="center"]:not([data-box-width]) {
    width: -webkit-max-content;
    width: max-content;
    max-width: 100%;
}

.mb_ImageUploader_ImageText.mb_ImageUploader_ImageText--free:not([data-anchor="center"]),
.mb_modules_HtmlArticle_ImageTextShell.mb_ImageUploader_ImageText--free:not([data-anchor="center"]),
.mb_ImageUploader_ImageText.mb_modules_HtmlArticle_ImageTextShell.mb_ImageUploader_ImageText--free:not([data-anchor="center"]) {
    transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
}

.mb_ImageUploader_Preview {
    position: relative;
}

.mb_ImageUploader_ImageText.mb_modules_HtmlArticle_ImageTextSized,
.mb_ImageUploader_ImageText[data-box-width],
.mb_ImageUploader_ImageText[data-box-height] {
    box-sizing: border-box;
    overflow: hidden;
    border: 2px solid transparent;
}

.mb_ImageUploader_ImageText p {
    margin: 0;
}

.mb_ImageUploader_ImageText h1,
.mb_ImageUploader_ImageText h2,
.mb_ImageUploader_ImageText h3 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    line-height: inherit;
    color: inherit;
    text-align: inherit;
}

.mb_ImageUploader_ImageText ul,
.mb_ImageUploader_ImageText ol {
    margin: 0 0 0.35em;
    padding-left: 1.5em;
}

.mb_ImageUploader_ImageText ul {
    list-style: disc outside;
}

.mb_ImageUploader_ImageText ol {
    list-style: decimal outside;
}

.mb_ImageUploader_ImageText li {
    margin: 0.1em 0;
}

.mb_ImageUploader_ImageText a,
.mb_ImageUploader_ImageText a:link,
.mb_ImageUploader_ImageText a:visited,
.mb_ImageUploader_ImageText a:hover,
.mb_ImageUploader_ImageText a:active {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 2;
}

/*==================== POSITIONS =======================*/
.mb_ImageUploader_ImageText_TopLeft {
    top: 0;
    left: 0;
}

.mb_ImageUploader_ImageText_TopHalfLeft {
    top: 0;
    left: 25%;
    transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
}

.mb_ImageUploader_ImageText_TopCenter {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

.mb_ImageUploader_ImageText_TopRight {
    top: 0;
    right: 0;
}

.mb_ImageUploader_ImageText_TopHalfRight {
    top: 0;
    right: 25%;
    transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -webkit-transform: translate(25%, 0);
}

.mb_ImageUploader_ImageText_HalfCenterLeft {
    top: 25%;
    left: 0;
    transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -webkit-transform: translate(0, -25%);
}

.mb_ImageUploader_ImageText_HalfCenterHalfLeft {
    top: 25%;
    left: 25%;
    transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    -webkit-transform: translate(-25%, -25%);
}

.mb_ImageUploader_ImageText_HalfCenterCenter {
    top: 25%;
    left: 50%;
    transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    -webkit-transform: translate(-50%, -25%);
}

.mb_ImageUploader_ImageText_HalfCenterHalfRight {
    top: 25%;
    right: 25%;
    transform: translate(25%, -25%);
    -ms-transform: translate(25%, -25%);
    -webkit-transform: translate(25%, -25%);
}

.mb_ImageUploader_ImageText_HalfCenterRight {
    top: 25%;
    right: 0;
    transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -webkit-transform: translate(0, -25%);
}

.mb_ImageUploader_ImageText_CenterLeft {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.mb_ImageUploader_ImageText_CenterHalfLeft {
    top: 50%;
    left: 25%;
    transform: translate(-25%, -50%);
    -ms-transform: translate(-25%, -50%);
    -webkit-transform: translate(-25%, -50%);
}

.mb_ImageUploader_ImageText_CenterCenter {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.mb_ImageUploader_ImageText_CenterHalfRight {
    top: 50%;
    right: 25%;
    transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
    -webkit-transform: translate(25%, -50%);
}

.mb_ImageUploader_ImageText_CenterRight {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.mb_ImageUploader_ImageText_HalfBottomLeft {
    bottom: 25%;
    left: 0;
    transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -webkit-transform: translate(0, 25%);
}

.mb_ImageUploader_ImageText_HalfBottomHalfLeft {
    bottom: 25%;
    left: 25%;
    transform: translate(-25%, 25%);
    -ms-transform: translate(-25%, 25%);
    -webkit-transform: translate(-25%, 25%);
}

.mb_ImageUploader_ImageText_HalfBottomCenter {
    bottom: 25%;
    left: 50%;
    transform: translate(-50%, 25%);
    -ms-transform: translate(-50%, 25%);
    -webkit-transform: translate(-50%, 25%);
}

.mb_ImageUploader_ImageText_HalfBottomHalfRight {
    bottom: 25%;
    right: 25%;
    transform: translate(25%, 25%);
    -ms-transform: translate(25%, 25%);
    -webkit-transform: translate(25%, 25%);
}

.mb_ImageUploader_ImageText_HalfBottomRight {
    bottom: 25%;
    right: 0;
    transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -webkit-transform: translate(0, 25%);
}

.mb_ImageUploader_ImageText_BottomLeft {
    bottom: 0;
    left: 0;
}

.mb_ImageUploader_ImageText_BottomHalfLeft {
    bottom: 0;
    left: 25%;
    transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    -webkit-transform: translate(-25%, 0);
}

.mb_ImageUploader_ImageText_BottomCenter {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

.mb_ImageUploader_ImageText_BottomHalfRight {
    bottom: 0;
    right: 25%;
    transform: translate(25%, 0);
    -ms-transform: translate(25%, 0);
    -webkit-transform: translate(25%, 0);
}

.mb_ImageUploader_ImageText_BottomRight {
    bottom: 0;
    right: 0;
}
/*=============END OF POSITIONS============*/

.mb_ImageUploader_TextSettingsBox {
    display: block;
    width: 100%;
    vertical-align: top;
}

.mb_ImageUploader_TextSettingsBox--Editor {
    width: 100%;
    margin: 0 0 16px 0;
}

.mb_ImageUploader_TextSettingsBox--Position {
    display: none;
}

.mb_ImageUploader_TextPositionLabel {
    margin: 0;
    font-size: 13px;
    color: #6c767f;
}

.mb_ImageUploader_ImageTextPositionOverlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    box-sizing: border-box;
}

.mb_ImageUploaderView:has(.mb_ImageUploaderSettingsSection--Text.mb_ImageUploaderActiveSection) .mb_ImageUploader_ImageTextPositionOverlay {
    display: block;
}

.mb_ImageUploaderView:has(.mb_ImageUploaderSettingsSection--Text.mb_ImageUploaderActiveSection) .mb_ImageUploader_ImageText {
    pointer-events: none;
    z-index: 6;
}

.mb_ImageUploader_ImageTextPositionOverlay .mb_ImageUploader_TextPositionSettingBox {
    width: 100%;
    height: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
}

.mb_ImageUploader_ImageTextPositionOverlay .mb_ImageUploader_TextPositionSettingBox__Item {
    width: 100%;
    height: 100%;
    float: none;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    cursor: pointer;
}

.mb_ImageUploader_ImageTextPositionOverlay .mb_ImageUploader_TextPositionSettingBox__Item:hover {
    background: rgba(0, 0, 0, 0.28);
}

.mb_ImageUploader_ImageTextPositionOverlay .mb_ImageUploader_TextPositionSettingBox__Item--Selected,
.mb_ImageUploader_ImageTextPositionOverlay .mb_ImageUploader_TextPositionSettingBox__Item--Selected:hover {
    background: rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.95);
}

.mb_ImageUploader_TextSettingsBox label {
    padding: 0;
    display: block;
    margin: 0 0 8px 0;
}

.mb_ImageUploader_TextSettingsBox__Item {
    margin: 0;
    min-width: unset;
}

.mb_ImageUploader_TextSettingsBox__Item--Editor {
    height: auto;
}

.mb_ImageUploader_TextEditorContainer {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.mb_ImageUploader_KendoEditor,
.mb_ImageUploader_TextEditorContainer .k-editor {
    width: 100%;
    height: 250px;
    min-height: 250px;
    max-height: 250px;
    box-sizing: border-box;
    table-layout: fixed;
}

.mb_ImageUploader_TextEditorContainer .k-editor {
    border: 1px solid #d8dee1;
    background: #fff;
}

.mb_ImageUploader_TextEditorContainer .k-editor .k-resize-handle,
.mb_ImageUploader_TextEditorContainer .k-editor > .k-resize-handle {
    display: none;
}

.mb_ImageUploader_TextEditorContainer .k-editor .k-editor-toolbar {
    padding: 6px 8px;
    background-color: #cccac8;
    border-bottom: 1px solid #ddd;
}

.mb_ImageUploader_TextEditorContainer .k-editor .k-editor-toolbar .k-tool-icon {
    margin-bottom: 0;
}

.mb_ImageUploader_TextEditorContainer .k-editor .k-editor-toolbar .k-fontSize,
.mb_ImageUploader_TextEditorContainer .k-editor .k-editor-toolbar .k-combobox.k-fontSize {
    width: 120px;
}

.mb_ImageUploader_TextEditorContainer .k-editor .k-editor-toolbar .k-fontName,
.mb_ImageUploader_TextEditorContainer .k-editor .k-editor-toolbar .k-combobox.k-fontName {
    width: 140px;
}

.mb_ImageUploader_TextEditorContainer .k-editor .k-editable-area,
.mb_ImageUploader_TextEditorContainer .k-editor iframe.k-content,
.mb_ImageUploader_TextEditorContainer .k-editor .k-content {
    height: 198px;
    min-height: 198px;
    max-height: 198px;
    padding: 12px 14px;
    box-sizing: border-box;
}

.mb_ImageUploader_TileSetting {
    width: 110px;
    position: absolute;
    right: 10px;
    top: 78px;
    display: none;
    height: 45px;
    margin: 0 0 25px 0;
}

.mb_ImageUploaderSettingsSection--Text.mb_ImageUploaderActiveSection .mb_ImageUploader_TileSetting {
    display: block;
}

.mb_ImageUploader_TileSetting .pcr-app{
    right: 0;
    left: unset !important;
}

.mb_ImageUploader_TextPositionSettingBox {
    width: 90px;
    margin: 0;
    display: inline-block;
    flex-shrink: 0;
}

.mb_ImageUploader_TextPositionSettingBox__Item {
    width: 18px;
    height: 15px;
    float: left;
    background: #d8dee1;
    border: 1px solid white;
}

.mb_ImageUploader_TextPositionSettingBox__Item--Selected,
.mb_ImageUploader_TextPositionSettingBox__Item:hover {
    background: #b8c4ca;
}

.mb_ImageUploader_TextSettingsRow {
    overflow: visible;
}

.mb_ImageUploader_TextSettingsRow--Active {
    overflow: visible;
}

.mb_ImageUploader_TileSetting .rcpIcon {
    width: 100px !important;
}

.mb_ImageUploader_ColorPicker {
    position: relative;
    padding: 10px 30px 10px 7px;
    border: 1px solid #d8dee1;
    cursor: pointer;
    text-align: left;
    width: 100%;
    max-width: 240px;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
}

.mb_ImageUploader_ColorPicker .mb-color-picker-box,
.mb_ImageUploader_ColorPicker .pickr {
    display: block;
    width: 100%;
}

.mb_ImageUploader_ColorPicker .pcr-button {
    width: 100% !important;
    height: 32px;
    box-sizing: border-box;
}

.mb_ImageUploader_ColorPicker:after {
    content: '';
    border: solid #99A0A6;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
    pointer-events: none;
}

.mb_ImageUploaderPreview__Item--Tile {
    width: 100%;
    height: 100%;
}

.mb_ImageUploader_Preview--Tile {
    height: 100%;
    margin: auto;
    display: block;
    position: relative;
}

.mb_ImageUploader_Preview--Tile[data-ratio] {
    height: auto;
}

.article-dynamic-template-block--height-share .mb_ImageUploader_Preview--Tile[data-ratio],
.article-dynamic-template-block--mobile-height-share .mb_ImageUploader_Preview--Tile[data-ratio] {
    height: 100%;
    aspect-ratio: auto;
}

.mb_ImageUploader_Preview--Tile > .mb_ImageUploader_Preview__Link {
    display: block;
    width: 100%;
    height: 100%;
}

/*=====Slideshow public=====*/
.mb_ImageUploader_SlideShowContainer * {
    box-sizing: border-box;
}

.mb_ImageUploader_SlideShowContainer {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    isolation: isolate;
}
/* Hide the images by default */
.mb_ImageUploader_Slide {
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: opacity 0.8s ease-in-out;
}

.mb_ImageUploader_Slide--Active {
    opacity: 1;
    z-index: 1;
}

.mb_ImageUploader_Slide--no-transition,
.mb_ImageUploader_Slide--no-transition.mb_ImageUploader_Slide--Active {
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .mb_ImageUploader_Slide {
        transition: none;
    }
}

.mb_ImageUploader_SlideShowContainer .mb_ImageUploader_Preview{
    width: 100%;
}

/*=====admin panel styles=====*/
body.mb_adminWindow .mb_ImageCropper {
    padding-bottom: 72px;
}

.mb_ImageUploader_Slider_PreviewRow {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: auto;
    box-sizing: border-box;
}

.mb_ImageUploader_Slider_SlideShowContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 508px;
    width: 508px;
    height: 283px;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    overflow: hidden;
}

.mb_ImageUploader_Slider_ThumbnailsContainer {
    display: block;
    position: relative;
    flex: 0 0 140px;
    width: 140px;
    max-height: 283px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mb_ImageUploader_Slider_ThumbnailsSortable {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: 10px;
    width: 100%;
    min-height: 126px;
    overflow: visible;
    position: relative;
}

.mb_ImageUploader_SliderThumbnail-placeholder {
    width: 58px;
    height: 58px;
    margin: 0;
    box-sizing: border-box;
    background: #dfe3e6;
}

.mb_ImageUploader_Slider_ThumbnailsContainer__Arrows {
    display: block;
    clear: both;
    margin-top: 4px;
    text-align: center;
}

.mb_ImageUploader_Slider_SlideShowContainer .mb_ImageUploader_SlideShowContainer {
    display: block;
    width: 100%;
    height: 100%;
}

.mb_ImageUploader_SliderThumbnail {
    display: grid;
    place-items: center;
    cursor: pointer;
    position: relative;
    margin: 0;
    width: 58px;
    height: 58px;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #cfd4d8;
    box-sizing: border-box;
}

.mb_ImageUploader_SliderThumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.mb_ImageUploader_SliderThumbnailLinkButton {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    top: 0;
}

.mb_ImageUploader_SliderThumbnail .mb_ImageUploaderPreview__Item {
    width: 100%;
    height: 100%;
}

.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_Preview--Tile,
.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_Preview--Tile[data-ratio] {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    align-self: center;
    justify-self: center;
}

.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_Preview--Tile > .mb_ImageUploader_Preview__Link {
    display: block;
    width: 100%;
    height: 100%;
}

.mb_ImageUploader_SliderThumbnail--Active .material-icons.mb_ImageUploader_ActiveIcon {
    display: block;
}

.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_FadeInEffect__Divider {
    margin: 2px auto;
    width: 15px;
}

.mb_ImageUploader_SliderThumbnail:hover .mb_ImageUploader_FadeInEffect__Divider {
    width: 30px;
    transition: all .4s ease-out;
}

.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_FadeInEffect__Header,
.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_FadeInEffect__Button,
.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_FadeInEffect__SubHeader {
    font-size: 0.4vh;
}

.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_FadeInEffect__SubHeader {
    margin: 0;
}

.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_FadeInEffect__Button {
    padding: 2px 4px;
}

.mb_ImageUploader_SliderThumbnail .mb_ImageUploader_FadeInEffect__TextSection {
    z-index: 1;
}

.mb_ImageUploader_Slider_SpeedSettingsBox {
    width: 115px;
}

.mb_ImageUploader_Slider_SpeedSettingsBox__Label {
    display: inline-block;
    padding: 0 10px;
    font-style: italic;
}

.mb_ImageUploader_Slider_SpeedSettingsBox__Value {
    font-weight: bold;
    font-size: 16px;
}
/* The slider itself */
.mb_ImageUploader_Slider_SpeedSettingsBox__Input {
    -webkit-appearance: none; /* Override default CSS styles */
    border-radius: 15px;
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    outline: none; /* Remove outline */
    border: 1px solid #e2e8eb;
    overflow: hidden;
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.mb_ImageUploader_Slider_SpeedSettingsBox__Input::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: white;
    cursor: pointer; /* Cursor on hover */
    border-radius: 50%;
    border: 1px solid #e2e8eb;
    box-shadow: -100vw 0 0 99vw #E2E8EB;
}

.mb_ImageUploader_Slider_SpeedSettingsBox__Input::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: white;
    border-radius: 50%;
    cursor: pointer; /* Cursor on hover */
}

.material-icons.mb_ImageUploader_Slider_PlaySlideshowBox__Icon 
{
    color: #747474;
    font-size: 3em;
    font-weight: bold;
}

.mb_ImageUploader_Slider_PlaySlideshowBox {
    display: inline-block;
    vertical-align: top;
    margin-top: -4px;
}

.mb_ImageUploader_Slider_PlaySlideshowBox--Active .mb_ImageUploader_Slider_PlaySlideshowBox__Icon {
    color: #87985c;
}

/*==========Thumbnail effects=============*/
.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor1 {
    background-color: #ab9f87;
}

.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor2 {
    background-color: #2e2a25;
}

.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor3 {
    background-color: #003c7e;
}

.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor1.mb_ImageUploader_FadeInEffectHover--Reverse,
.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor2.mb_ImageUploader_FadeInEffectHover--Reverse,
.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor3.mb_ImageUploader_FadeInEffectHover--Reverse,
.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor1.mb_ImageUploader_FadeInEffectHover--ReverseTransparent,
.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor2.mb_ImageUploader_FadeInEffectHover--ReverseTransparent,
.mb_ImageUploader_SliderThumbnailLinkButton:hover + div .mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor3.mb_ImageUploader_FadeInEffectHover--ReverseTransparent {
    background-color: transparent;
}
/*========== Thumbnail effects end ==========*/

.mb_ImageUploader_SlideShowContainer_ActiveIndex {
    display: none;
}

.mb_ImageUploader_Slider_ThumbnailsContainer__Arrows {
    color: #cbcbcc;
    width: 100%;
    text-align: right;
    padding-right: 10px;
    font-size: 1.2em;
}
.mb_ImageUploader_FadeInEffect__Link,
.mb_ImageUploader_FadeInEffect__Button {
    text-decoration: none !important;
}

.mb_ImageUploader_FadeInEffect__TextSection:not(:hover) .mb_ImageUploader_FadeInEffect__Button:not(:hover) {
    color: #fff !important;
}

/*==== EFFECTS ====*/
.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHover--ReverseTransparent {
    opacity: 1;
} 

/*=====reverse effect for colors=====*/
.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor1.mb_ImageUploader_FadeInEffectHover--Reverse {
    background-color: #ab9f87;
}
.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor3.mb_ImageUploader_FadeInEffectHover--Reverse {
    background-color: #003c7e;
}

.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor2.mb_ImageUploader_FadeInEffectHover--Reverse {
    background-color: #2e2a25;
}
/*=================================*/

/*=====reverse transparent effect for colors=====*/
.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor1.mb_ImageUploader_FadeInEffectHover--ReverseTransparent {
    background-color: rgba(171, 159, 135, 0.71);
}
.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor3.mb_ImageUploader_FadeInEffectHover--ReverseTransparent {
   background-color:  rgba(0, 60, 126, 0.63);
}

.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor2.mb_ImageUploader_FadeInEffectHover--ReverseTransparent {
     background-color: rgba(46, 42, 37, 0.6588235294117647);
}
/*=================================*/

.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHover--ReverseTransparent:hover {
    background-color: transparent !important;
}

.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor1:hover {
    background-color: #ab9f87;
}

.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHover--Reverse:hover {
    background-color: transparent !important;
}

.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor2:hover {
    background-color: #2e2a25;
}

.mb_ImageUploader_FadeInEffect__TextSection.mb_ImageUploader_FadeInEffectHoverColor3:hover {
    background-color: #003c7e;
}
/*=====EFFECTS END======*/

.mb_ImageUploader_FadeInEffect{
    position: relative;
    text-align: center;
}

.mb_ImageUploaderView .mb_ImageUploader_FadeInEffect{
    display: inline-block;
}

.mb_ImageUploader_FadeInEffect:hover .mb_ImageUploader_FadeInEffect__Divider {
    width: 200px;
    transition: all .4s ease-out;
}

.mb_ImageUploader_FadeInEffect__ImageContainer {
    max-width: 100%;
    max-height: 100%;
}

.mb_ImageUploader_FadeInEffect__TextSection {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
    z-index: 1;
}

    .mb_ImageUploader_FadeInEffect__TextSection:hover {
        -o-transition: color .4s ease-out, background .4s ease-in;
        -ms-transition: color .4s ease-out, background .4s ease-in;
        -moz-transition: color .4s ease-out, background .4s ease-in;
        -webkit-transition: color .4s ease-out, background .4s ease-in;
        transition: color .4s ease-out, background .4s ease-in;
    }

.mb_ImageUploader_FadeInEffect__TextSectionInner {
    display: inline-block;
    width: 90%;
}

.mb_ImageUploader_FadeInEffect__Header {
    font-size: 28px;
    font-weight: bold;
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,.9);
    line-height: 1.2;
    margin: 0;
    word-wrap: break-word;
}

.mb_ImageUploader_FadeInEffect__Divider {
    border: 1px solid #fff;
    margin: 15px auto;
    width: 100px;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.mb_ImageUploader_FadeInEffect__SubHeader {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,.9);
    max-width: 100%;
    margin: 20px;
    word-break: break-word;
}

.mb_ImageUploader_FadeInEffect__Button {
    font-family: 'Noto Sans',sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: normal;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.mb_ImageUploader_FadeInEffect__TextSection:hover .mb_ImageUploader_FadeInEffect__Button {
    color: #003c7e;
    background-color: #fff;
    -o-transition: color .4s ease-out, background .4s ease-in;
    -ms-transition: color .4s ease-out, background .4s ease-in;
    -moz-transition: color .4s ease-out, background .4s ease-in;
    -webkit-transition: color .4s ease-out, background .4s ease-in;
    transition: color .4s ease-out, background .4s ease-in;
}

.mb_ImageUploader_FadeInEffect__Image {
    width: 100%;
}


@media (max-width : 820px) { 

  

.mb_ImageUploader_FadeInEffect__Header { 

font-size: 20px;}

.mb_ImageUploader_FadeInEffect__SubHeader { 

font-size: 16px;}

.mb_ImageUploader_FadeInEffect__Button { 

 font-size: 10px; }

}


 
.mb_ImageUploader_SlideShowContainer:hover .mb_ImageUploader_SlideshowDefaultButton {
    opacity: 1;
}

.mb_ImageUploader_SlideshowDefaultButton {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    background-image: url(/Modules/Common/ImageUploader/images/navigation.png);
    background-repeat: no-repeat;
    cursor: pointer;
    transform: none;
    top: 50%;
    z-index: 2;
}

.mb_ImageUploader_SlideshowDefaultButton--Next {
    background-position: right top;
    right: -36px;
    transition: right .55s ease-in-out;
}

    .mb_ImageUploader_SlideshowDefaultButton--Next:hover {
        background-position: right bottom;
    }

.mb_ImageUploader_SlideshowDefaultButton--Previous {
    background-position: left top;
    left: -36px;
    transition: left .55s ease-in-out;
}

    .mb_ImageUploader_SlideshowDefaultButton--Previous:hover {
        background-position: left bottom;
    }

.mb_ImageUploader_SlideShowContainer:hover .mb_ImageUploader_SlideshowDefaultButton--Previous {
    left: 0;
    transition: left .55s ease-in-out;
}

.mb_ImageUploader_SlideShowContainer:hover .mb_ImageUploader_SlideshowDefaultButton--Next {
    right: 0;
    transition: right .55s ease-in-out;
}

.mb_ImageUploader_SlideShowContainer:hover .mb_ImageUploader_SlideShowSingleArrowButton {
    opacity: 1;
}

.mb_ImageUploader_SlideShowSingleArrowButton {
    border-radius: 5px;
    display: block;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
    opacity: .3;
    top: 50%;
    z-index: 2;
    transform: translate(0%, -50%);
}

.mb_ImageUploader_SlideShowSingleArrowButton--Next {
    float: right;
}

.mb_ImageUploader_SlideShowSingleArrowButton--Previous {
    float: left;
}

.mb_ImageUploader_SlideShowSingleArrowButton:after {
    border: solid white;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 6px;
    content: '';
    position: absolute;
    bottom: 13px;
}

.mb_ImageUploader_SlideShowSingleArrowButton--Previous:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 15px;
}

.mb_ImageUploader_SlideShowSingleArrowButton--Next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 15px;
}

.mb_ImageUploader_SlideShowContainer:hover .mb_ImageUploader_SlideShowSquareButton {
    opacity: 1;
}

.mb_ImageUploader_SlideShowSquareButton {
    border-radius: 5px;
    display: block;
    text-decoration: none;
    background-color: rgba(232,237,240,.3);
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
    opacity: .3;
    top: 50%;
    z-index: 2;
    transform: translate(0%, -50%);
}

.mb_ImageUploader_SlideShowSquareButton--Next {
    float: right;
}

.mb_ImageUploader_SlideShowSquareButton--Previous {
    float: left;
}

.mb_ImageUploader_SlideShowSquareButton:after {
    border: solid #6e7580;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 6px;
    content: '';
    position: absolute;
    bottom: 13px;
}

.mb_ImageUploader_SlideShowSquareButton--Previous:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 15px;
}

.mb_ImageUploader_SlideShowSquareButton--Next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 15px;
}

