/* STYLES COLLAGE EDITOR */

.adm_editor_section { margin: 0; }
.adm_editor_section .adm_area_content { padding-top: 47px; padding-bottom: 27px; }
.adm_editor_top { margin: 0; 

}
h2.adm_editor_title { font-size: 23px; font-weight: 500; line-height: 1.3; letter-spacing: 0.02em; margin-bottom: 10px; }
.adm_editor_back_link { position: relative; }
.adm_editor_back_link a { padding: 5px 10px 5px 19px; position: relative; top: 0; color: #9B9B9B; font-family: Raleway; font-size: 12px; font-weight: 500; line-height: 14.09px; letter-spacing: 0.05em; left: -6px; cursor: pointer; z-index: 5; }
.adm_editor_back_link a:before { content: ''; height: 13px; width: 13px; position: absolute; left: 2px; top: 5px; background: url(../img/icons_adm/icon_back_top.svg) center center no-repeat; background-size: contain; }
.adm_editor_block { position: relative; height: 527px; background-position: left center; background-repeat: no-repeat; background-color: #D9D9D9; overflow: hidden; }
.adm_editor_buttons { z-index: 20; position: absolute; bottom: 20px; right: 20px; display: flex; justify-content: flex-end; }
.adm_editor_buttons .button_x { margin-left: 14px; cursor: pointer; padding: 17px 18px; min-width: 103px; text-align: center; }

.adm_editor_tools {z-index: 20;position: absolute;top: 42px;right: 20px;display: flex;width: 60px;flex-direction: column;background: #fff;height: 354px;justify-content: space-between;padding: 14px 0;}
.adm_editor_tools_item { width: 100%; position:relative;}
.adm_editor_tools_item_wrap {display: flex;justify-content: center;align-items: center;border: 1px solid #c1c1c1;width: 32px;height: 32px;margin: 0 auto;border-radius: 18px;cursor: pointer;}
.adm_editor_tools_item_icon { cursor: pointer; width: 18px; height: 18px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; }

.adm_editor_tools_item:hover .adm_editor_tools_item_note {display:block;}
.adm_editor_tools_item_note {position: absolute;top: 0px;right: calc(100% + -5px);background: #e9e9e9;display: none;} 
.adm_editor_tools_item_note_text { text-wrap: nowrap; padding: 8px 13px; font-size: 12px;} 
    
.adm_editor_tools_item_note_text:after { content:''; position:absolute; top: 7px; right: -8px; width: 0px; height: 0px; border-style: solid; border-width: 9.5px 0 9.5px 10px; border-color: transparent transparent transparent #e9e9e9; transform: rotate(0deg); }

.adm_editor_selector { position: absolute; left: 20px; top: 41px; bottom: 62px; width: 90px; background: #fff; overflow: hidden; z-index: 20; }
.adm_editor_selector_gallery { margin: 0; }
.adm_editor_selector_item { width: 100%; aspect-ratio: 1/1; padding: 9px; cursor: pointer; }
.adm_editor_selector_item:hover { background: #E2E2E2; }
.adm_editor_selector_item_pic { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; }
.adm_editor_selector_gallery_nav_next { cursor: pointer; position: absolute; bottom: 0; z-index: 10; height: 46px; width: 100%; }
.nav_next_arrow { position: absolute; bottom: -2px; left: 32px; width: 30px; height: 30px; background: url('../img/editor/arrow_down_next.svg') center center no-repeat transparent; }
.adm_editor_image_list { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 5; }
.adm_editor_image_item { z-index: 0; cursor: pointer; position: absolute; left: 0; bottom: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; }
.adm_image_item_1 { background-image: url('../img/editor/objects/obj_1.png'); left: 500px; bottom: 42px; width: 156px; height: 171px; z-index: 5; }
.adm_image_item_2 { background-image: url('../img/editor/objects/obj_2.png'); left: 80px; bottom: -87px; width: 384px; height: 289px; z-index: 6; }
.adm_image_item_3 { background-image: url('../img/editor/objects/obj_3.png'); left: 661px; bottom: 1px; width: 254px; height: 241px; z-index: 7; }
.adm_image_item_4 { background-image: url('../img/editor/objects/obj_4.png'); left: 858px; bottom: 59px; width: 278px; height: 162px; z-index: 8; }
.adm_image_item_frame {display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 1px solid #7171ff;z-index: 5;}

.adm_editor_image_frame_nav {position: absolute;z-index: 5;}
.adm_editor_image_frame_nav.corner_top_left { top: -6px; left: -6px; }
.adm_editor_image_frame_nav.corner_top_right { top: -6px; right: -6px; }
.adm_editor_image_frame_nav.corner_bottom_left { bottom: -6px; left: -6px; }
.adm_editor_image_frame_nav.corner_bottom_right { bottom: -6px; right: -6px; }

.adm_editor_image_frame_nav.center_top {top: -6px;left: calc(50% - 6px);}
.adm_editor_image_frame_nav.top_manipulator_handler {top: -50px; left: calc(50% - 6px);}
.adm_editor_image_frame_nav .top_manipulator_line {top: calc(-50px + 5px);left: calc(50% - 1px);height:50px;width:1px;border: inherit;border-left: none;}
.adm_editor_image_frame_nav.center_right {top: calc(50% - 6px);right: -6px;} 
.adm_editor_image_frame_nav.center_bottom {bottom: -6px;left: calc(50% - 6px);} 
.adm_editor_image_frame_nav.center_left {top: calc(50% - 6px);left: -6px;} 

.adm_editor_image_item.active { z-index: 10; }

.adm_editor_image_frame_nav {border: 1px solid #7171ff; width: 11px;height: 11px; }

.adm_editor_image_item.active .adm_image_item_frame { display: block; z-index: 10; }