/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ ScrollImage.
 * منبع: difl/scrollimage (ریشه .difl_scrollimage، 18 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme-hover-trigger:hover .dfme-hover-effect .dfme-overlay,:focus>.dfme-hover-trigger .dfme-hover-effect .dfme-overlay{opacity:1}

.dfme-overlay .et-pb-icon{font-size:24px}

.dfme_image_scroll *{border-width:0px;border-style:solid;border-color:#333}

.dfme_scroll_image_container{position:relative;display:block;width:100%;height:100%;margin:0;padding:0}

.dfme_scroll_image_container .dfme_scroll_image_holder{display:block;position:relative;width:100%}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image{display:block;position:relative;padding:0;margin:0;height:100%;width:100%;background-repeat:no-repeat;overflow:hidden;background-size:cover}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image.dfme_scroll_image_bottom_top{background-position:bottom;min-height:450px}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image.dfme_scroll_image_bottom_top:hover{background-position:center top !important}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image.dfme_scroll_image_top_bottom{background-position:top;min-height:450px}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image.dfme_scroll_image_top_bottom:hover{background-position:center bottom !important}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image.dfme_scroll_image_left_right{background-position:right;min-width:450px}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image.dfme_scroll_image_left_right:hover{background-position:center left !important}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image.dfme_scroll_image_right_left{background-position:left;min-width:450px}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image.dfme_scroll_image_right_left:hover{background-position:center right !important}

.dfme_scroll_image_container .dfme_device_slider{position:relative}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_safari{padding:4.2% .07% 0% .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_chrome{padding:5.4% .07% 0 .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_chrome_dark{padding:5.4% .07% 0 .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_opera{padding:5.4% .07% 0 .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_opera_dark{padding:5.4% .07% 0 .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_firefox{padding:5.4% .07% 0 .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_firefox_dark{padding:5.4% .07% 0 .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_edge{padding:5.4% .07% 0 .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_edge_dark{padding:5.4% .07% 0 .1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_desktop{padding:3.6% 3.7% 31% 3.7%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_laptop{padding:3.1% 14.7% 11.8% 14.8%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_laptop2{padding:3% 16.2% 10% 15.8%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_macbookpro{padding:4% 11.8% 6.7% 11.8%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_macbook{padding:2% 11.4% 5% 11.5%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_tablet{padding:10.4% 6.2% 13.5% 5.3%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_ipad{padding:11.5% 6.2% 11.4% 6.1%}

.dfme_scroll_image_container .dfme_device_slider.dfme_device_slider_phone{padding:5.8% 5.7% 5.9% 5%}

.dfme_scroll_image_container .dfme_device_slider_device{pointer-events:initial;overflow:hidden}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_device_slider_device .dfme_scroll_image{min-height:auto}

.dfme_scroll_image_container .dfme_device_slider_device img.frame_image{top:0;left:0;position:absolute;max-width:100%;width:100%}

.dfme_scroll_image_holder .dfme_scroll_image_lightbox_item{transition:opacity 350ms cubic-bezier(0.24, 0.85, 0.58, 1)}

.dfme_scroll_image_holder:hover .dfme_scroll_image_lightbox_item{opacity:1}

.dfme_scroll_image_container .dfme_scroll_image_caption{font-size:14px;line-height:1.7em;padding:5px;color:#333;border-style:solid;border-width:0px;border-color:#774e4c;overflow:hidden;z-index:99;position:relative}

.dfme_scroll_image_caption p{padding-bottom:0px}

.dfme_scroll_image_badge{color:#333;border-style:solid;border-width:0px;box-sizing:border-box;position:absolute;height:auto;vertical-align:middle;background:#1e87f0;display:inline-flex;justify-content:center;align-items:center;z-index:100}

.dfme_scroll_image_badge .badge_icon.et-pb-icon{font-size:14px}

.dfme_scroll_image_badge.show_badge_on_hover{display:none;transition:display 300ms linear}

.dfme_scroll_image_wrapper:hover .dfme_scroll_image_badge.show_badge_on_hover{display:block}

.dfme_scroll_image_badge.hide_badge_on_hover{display:block;transition:display 300ms linear}

.dfme_scroll_image_wrapper:hover .dfme_scroll_image_badge.hide_badge_on_hover{display:none}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_link_icon{display:flex;color:#666;position:relative;cursor:pointer}

.dfme_scroll_image_container .dfme_link_area{position:absolute;z-index:99}

.dfme_link_area.show_on_hover{display:none;transition:display 300ms linear}

.dfme_scroll_image_holder:hover .dfme_link_area.show_on_hover{display:block}

.dfme_link_area.hide_on_hover{display:block;transition:display 300ms linear}

.dfme_scroll_image_holder:hover .dfme_link_area.hide_on_hover{display:none}

.dfme_scroll_image_container .dfme-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;z-index:1;display:flex;justify-content:center;align-items:center;transition:z-index 300ms step-start,opacity 300ms linear}

.dfme_scroll_image_holder:hover .dfme-overlay{opacity:0;z-index:-1;transition:z-index 300ms step-end,opacity 300ms linear}

.dfme_scroll_image_wrapper.link_lightbox .dfme_scroll_image{cursor:pointer}

.dfme_responsive_width.scroll_image_section{position:relative}

.dfme_responsive_width{max-width:100% !important;height:auto}

.dfme_responsive_width,.dfme_responsive_height{box-sizing:border-box}

.dfme_device_slider_device img.frame_image{max-width:100%;height:auto}

.dfme_link_area .et-pb-icon.dfme-sl-link-icon,.dfme_link_area .dfme_link_icon .dfme_sm_image_icon{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}

.dfme_link_area.horizontal_motion .et-pb-icon.dfme-sl-link-icon,.dfme_link_area.horizontal_motion .dfme_link_icon .dfme_sm_image_icon{-webkit-animation-name:dfme-scroll-horizontal;animation-name:dfme-scroll-horizontal}

.dfme_link_area.vertical_motion .et-pb-icon.dfme-sl-link-icon,.dfme_link_area.vertical_motion .dfme_link_icon .dfme_sm_image_icon{-webkit-animation-name:dfme-scroll-vertical;animation-name:dfme-scroll-vertical}

.dfme_image_scroll,.dfme_image_scroll *{background-size:cover;background-repeat:no-repeat}

.dfme_scroll_image_holder,.scroll_image_section{overflow:hidden}

.dfme_scroll_image_badge{padding-top:10px;padding-right:15px;padding-bottom:10px;padding-left:15px}

.dfme_scroll_image_badge.dfme_position_top_center{top:0px;left:50%;transform:translateX(-50%)}

.dfme_image_scroll .et-pb-icon.dfme-sl-link-icon{font-size:36px}

.dfme_image_scroll .dfme_link_area.dfme_position_center_center{left:50%;top:50%;transform:translate(-50%, -50%)}

.dfme_scroll_image_container .dfme_scroll_image{transition-duration:3s;transition-timing-function:ease-in-out;transition-delay:0ms}

.dfme_scroll_image_container .dfme_scroll_image_holder .dfme_scroll_image{min-height:450px}

.dfme-hover-trigger:hover .dfme-hover-effect .dfme-overlay,:focus>.dfme-hover-trigger .dfme-hover-effect .dfme-overlay{opacity:1}

.dfme-hover-trigger:hover .dfme-hover-effect .dfme-overlay,:focus>.dfme-hover-trigger .dfme-hover-effect .dfme-overlay{opacity:1}

.dfme-hover-trigger:hover .dfme-hover-effect .dfme-overlay,:focus>.dfme-hover-trigger .dfme-hover-effect .dfme-overlay{opacity:1}

@-webkit-keyframes dfme-scroll-vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}

@keyframes dfme-scroll-vertical{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}

@-webkit-keyframes dfme-scroll-horizontal{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(5px);transform:translateX(5px)}}

@keyframes dfme-scroll-horizontal{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(5px);transform:translateX(5px)}}