.mg_loader div { background-color: #999999; } #mg_lb_wrap .mg_loader div { background-color: #3a3a3a; } .mg_loader { width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; } .mgl_1, .mgl_2 { width: 100%; height: 100%; border-radius: 50%; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: mg-bounce 1.8s infinite ease-in-out; animation: mg-bounce 1.8s infinite ease-in-out; } .mgl_2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes mg-bounce { 0%, 100% {-webkit-transform: scale(0.0);} 50% {-webkit-transform: scale(1.0);} } @keyframes mg-bounce { 0%, 100% {transform: scale(0.0);} 50% {transform: scale(1.0);} } .mg_box { border-width: 0 5px 5px 0; } .mg_items_container { width: calc(100% + 20px + 5px); } .mg_items_container.mg_not_even_w { width: calc(100% + 20px + 5px + 1px); } .mgis_w_1_12 {width: calc(8.33333333% - 2px);}.mgis_h_1_12 {padding-bottom: calc(8.33333333% - 2px - 5px);}.mgis_w_2_12 {width: calc(16.66666667% - 3px);}.mgis_h_2_12 {padding-bottom: calc(16.66666667% - 3px - 5px);}.mgis_w_3_12 {width: calc(25% - 5px);}.mgis_h_3_12 {padding-bottom: calc(25% - 5px - 5px);}.mgis_w_4_12 {width: calc(33.33333333% - 7px);}.mgis_h_4_12 {padding-bottom: calc(33.33333333% - 7px - 5px);}.mgis_w_5_12 {width: calc(41.66666667% - 8px);}.mgis_h_5_12 {padding-bottom: calc(41.66666667% - 8px - 5px);}.mgis_w_6_12 {width: calc(50% - 10px);}.mgis_h_6_12 {padding-bottom: calc(50% - 10px - 5px);}.mgis_w_7_12 {width: calc(58.33333333% - 12px);}.mgis_h_7_12 {padding-bottom: calc(58.33333333% - 12px - 5px);}.mgis_w_8_12 {width: calc(66.66666667% - 13px);}.mgis_h_8_12 {padding-bottom: calc(66.66666667% - 13px - 5px);}.mgis_w_9_12 {width: calc(75% - 15px);}.mgis_h_9_12 {padding-bottom: calc(75% - 15px - 5px);}.mgis_w_10_12 {width: calc(83.33333333% - 17px);}.mgis_h_10_12 {padding-bottom: calc(83.33333333% - 17px - 5px);}.mgis_w_11_12 {width: calc(91.66666667% - 18px);}.mgis_h_11_12 {padding-bottom: calc(91.66666667% - 18px - 5px);}.mgis_w_12_12 {width: calc(100% - 20px);}.mgis_h_12_12 {padding-bottom: calc(100% - 20px - 5px);}.mgis_w_1_1 {width: calc(100% - 20px);}.mgis_h_1_1 {padding-bottom: calc(100% - 20px - 5px);}.mgis_w_1_2 {width: calc(49.9% - 10px);}.mgis_h_1_2 {padding-bottom: calc(49.9% - 10px - 5px);}.mgis_w_1_3 {width: calc(33.29% - 7px);}.mgis_h_1_3 {padding-bottom: calc(33.29% - 7px - 5px);}.mgis_w_2_3 {width: calc(66.58% - 13px);}.mgis_h_2_3 {padding-bottom: calc(66.58% - 13px - 5px);}.mgis_w_1_4 {width: calc(25% - 5px);}.mgis_h_1_4 {padding-bottom: calc(25% - 5px - 5px);}.mgis_w_3_4 {width: calc(74.99% - 15px);}.mgis_h_3_4 {padding-bottom: calc(74.99% - 15px - 5px);}.mgis_w_1_5 {width: calc(20% - 4px);}.mgis_h_1_5 {padding-bottom: calc(20% - 4px - 5px);}.mgis_w_2_5 {width: calc(39.8% - 8px);}.mgis_h_2_5 {padding-bottom: calc(39.8% - 8px - 5px);}.mgis_w_3_5 {width: calc(59.8% - 12px);}.mgis_h_3_5 {padding-bottom: calc(59.8% - 12px - 5px);}.mgis_w_4_5 {width: calc(79.8% - 16px);}.mgis_h_4_5 {padding-bottom: calc(79.8% - 16px - 5px);}.mgis_w_1_6 {width: calc(16.58% - 3px);}.mgis_h_1_6 {padding-bottom: calc(16.58% - 3px - 5px);}.mgis_w_5_6 {width: calc(83.29% - 17px);}.mgis_h_5_6 {padding-bottom: calc(83.29% - 17px - 5px);}.mgis_w_1_7 {width: calc(14.28% - 3px);}.mgis_h_1_7 {padding-bottom: calc(14.28% - 3px - 5px);}.mgis_w_1_8 {width: calc(12.5% - 3px);}.mgis_h_1_8 {padding-bottom: calc(12.5% - 3px - 5px);}.mgis_w_1_9 {width: calc(11.11% - 2px);}.mgis_h_1_9 {padding-bottom: calc(11.11% - 2px - 5px);}.mgis_w_1_10 {width: calc(10% - 2px);}.mgis_h_1_10 {padding-bottom: calc(10% - 2px - 5px);} .mg_mobile_mode .mgis_m_w_4_12 {width: calc(33.33333333% - 7px);}.mg_mobile_mode .mgis_m_h_4_12 {padding-bottom: calc(33.33333333% - 7px - 5px);}.mg_mobile_mode .mgis_m_w_5_12 {width: calc(41.66666667% - 8px);}.mg_mobile_mode .mgis_m_h_5_12 {padding-bottom: calc(41.66666667% - 8px - 5px);}.mg_mobile_mode .mgis_m_w_6_12 {width: calc(50% - 10px);}.mg_mobile_mode .mgis_m_h_6_12 {padding-bottom: calc(50% - 10px - 5px);}.mg_mobile_mode .mgis_m_w_7_12 {width: calc(58.33333333% - 12px);}.mg_mobile_mode .mgis_m_h_7_12 {padding-bottom: calc(58.33333333% - 12px - 5px);}.mg_mobile_mode .mgis_m_w_8_12 {width: calc(66.66666667% - 13px);}.mg_mobile_mode .mgis_m_h_8_12 {padding-bottom: calc(66.66666667% - 13px - 5px);}.mg_mobile_mode .mgis_m_w_9_12 {width: calc(75% - 15px);}.mg_mobile_mode .mgis_m_h_9_12 {padding-bottom: calc(75% - 15px - 5px);}.mg_mobile_mode .mgis_m_w_10_12 {width: calc(83.33333333% - 17px);}.mg_mobile_mode .mgis_m_h_10_12 {padding-bottom: calc(83.33333333% - 17px - 5px);}.mg_mobile_mode .mgis_m_w_11_12 {width: calc(91.66666667% - 18px);}.mg_mobile_mode .mgis_m_h_11_12 {padding-bottom: calc(91.66666667% - 18px - 5px);}.mg_mobile_mode .mgis_m_w_12_12 {width: calc(100% - 20px);}.mg_mobile_mode .mgis_m_h_12_12 {padding-bottom: calc(100% - 20px - 5px);}.mg_mobile_mode .mgis_m_w_1_1 {width: calc(100% - 20px);}.mg_mobile_mode .mgis_m_h_1_1 {padding-bottom: calc(100% - 20px - 5px);}.mg_mobile_mode .mgis_m_w_1_2 {width: calc(49.9% - 10px);}.mg_mobile_mode .mgis_m_h_1_2 {padding-bottom: calc(49.9% - 10px - 5px);}.mg_mobile_mode .mgis_m_w_1_3 {width: calc(33.29% - 7px);}.mg_mobile_mode .mgis_m_h_1_3 {padding-bottom: calc(33.29% - 7px - 5px);}.mg_mobile_mode .mgis_m_w_2_3 {width: calc(66.58% - 13px);}.mg_mobile_mode .mgis_m_h_2_3 {padding-bottom: calc(66.58% - 13px - 5px);}.mg_mobile_mode .mgis_m_w_1_4 {width: calc(25% - 5px);}.mg_mobile_mode .mgis_m_h_1_4 {padding-bottom: calc(25% - 5px - 5px);}.mg_mobile_mode .mgis_m_w_3_4 {width: calc(74.99% - 15px);}.mg_mobile_mode .mgis_m_h_3_4 {padding-bottom: calc(74.99% - 15px - 5px);} .mg_box_inner { border-style: solid; padding: 3px; background: #e0e0e0; border: 0px solid #aaaaaa; } .mgi_overlays { top: 3px; right: 3px; bottom: 3px; left: 3px; } .mgi_primary_ol, .mg_inl_slider_wrap .lcms_content, .mg_inl_slider_wrap .lcms_nav span { background: #f8f8f8; } .mg_inl_slider_wrap .lcms_content { background: rgba(248,248,248, 0.85); } .mg_box:hover .mgi_primary_ol, .mg_box.mg_ctob_show .mgi_primary_ol { opacity: 0.85; } .mgi_item_type_ol { border-bottom-color: #595959; } span.mg_overlay_tit, .mg_inl_slider_wrap .lcms_content, .mg_inl_slider_wrap .lcms_nav span:before, .mg_inl_slider_wrap .lcms_play span:before { color: #444444; } .mg_overlay_tit { background: rgba(248,248,248, 0.7); text-shadow: 0px 0 0px rgba(68,68,68, 0.4); } .mg_overlay_tit, .mg_inl_slider_wrap .lcms_content { font-size: 15px; } .mg_mobile_mode .mg_overlay_tit, .mg_mobile_mode .mg_inl_slider_wrap .lcms_content { font-size: 1313; } .mg_overlay_tit:before { border-bottom-color: rgba(68,68,68, 0.4); } .mgi_item_type_ol span:before { color: #ffffff; } .mg_box_inner, .mg_box .mg_media_wrap, .mgi_overlays, .mg_inl_txt_media_bg, .mg_inl_slider_wrap .lcms_content, .mg_inl_slider_wrap .lcms_nav *, .mg_inl_slider_wrap .lcms_play { border-radius: 2px; } .mg_tu_attach .mgi_txt_under { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .mgi_txt_under { color: #555555; padding-top: 10px !important; padding-right: 7px; padding-bottom: 10px; padding-left: 7px; } .mg_def_txt_under { font-size: 15px; } .mg_mobile_mode .mg_def_txt_under { font-size: 13px; } .mg_tu_attach .mgi_txt_under { background: #e0e0e0; } .mg_tu_detach .mgi_txt_under { margin-top: 3px; } .mg_inl_txt_contents { padding: 0 15px 0 15px; border-width: 15px 0 15px 0; } .mg_grid_wrap:not(.mg_mobile_mode) .mgis_h_auto .mg_inl_txt_media_bg, .mg_mobile_mode .mgis_m_h_auto .mg_inl_txt_media_bg { top: 3px; bottom: 3px; left: 3px; right: 3px; } .mg_sh_inl_video video { background-color: #e0e0e0; } .mg_grid_wrap:not(.mg_mobile_mode) .mg_spacer_hidden_desktop, .mg_mobile_mode .mg_spacer_hidden_mobile { max-width: 0 !important; max-height: 0 !important; padding: 0 !important; } .mg_filters_wrap .mgf, .mgf_search_form input, .mgf_search_form i:before { color: #707070; font-size: 14px; } .mg_filters_wrap .mgf, .mgf_search_form input { } .mg_mobile_mode .mg_filters_wrap .mgf, .mg_mobile_mode .mgf_search_form input, .mg_mobile_mode .mgf_search_form i:before { font-size: 12px; } .mg_filters_wrap .mgf:hover { color: #707070 !important; } .mg_filters_wrap .mgf.mgf_selected, .mg_filters_wrap .mgf.mgf_selected:hover { color: #5e5e5e !important; } .mg_textual_filters .mgf_selected { text-shadow: 0 0.01em 0 #5e5e5e; } .mg_button_filters .mgf, .mg_textual_filters .mgf:after { background-color: #f5f5f5; } .mg_button_filters .mgf, .mgf_search_form input { border: 2px solid #f5f5f5; border-radius: 2px; } .mg_button_filters .mgf:hover, .mg_textual_filters .mgf:hover:after, .mgf_search_form input:hover { background-color: #ffffff; } .mg_button_filters .mgf:hover, .mgf_search_form input:hover { border-color: #909090; } .mg_button_filters .mgf_selected, .mg_button_filters .mgf_selected:hover, .mg_textual_filters .mgf_selected:after, .mg_textual_filters .mgf_selected:hover:after, .mgf_search_form input:focus { background-color: #f0f0f0; } .mg_button_filters .mgf_selected, .mg_button_filters .mgf_selected:hover, .mgf_search_form input:focus { border-color: #999999; } .mg_left_filters:not(.mg_mobile_mode) .mg_above_grid, .mg_right_filters:not(.mg_mobile_mode) .mg_above_grid { width: 160px; min-width: 160px; } .mg_left_filters:not(.mg_mobile_mode) .mg_items_container { border-left-width: 160px; } .mg_right_filters:not(.mg_mobile_mode) .mg_items_container { border-right-width: 160px; } .mg_left_filters:not(.mg_mobile_mode) > .mg_loader { transform: translateX(80px); } .mg_right_filters:not(.mg_mobile_mode) > .mg_loader { transform: translateX(-80px); } .mg_has_search.mg_left_filters:not(.mg_mobile_mode) .mgf_search_form:after, .mg_has_search.mg_right_filters:not(.mg_mobile_mode) .mgf_search_form:after { border-bottom-color: #aaaaaa; } .mgf_search_form input, .mgf_search_form i:before { color: #707070; background-color: #f5f5f5; border-color: #f5f5f5} .mgf_search_form:hover input, .mgf_search_form input:focus, .mgf_search_form:hover input:focus, .mgf_search_form:hover i:before { color: #5e5e5e; background-color: #ffffff; border-color: #707070} .mgf_search_form input::-webkit-input-placeholder {color: #707070;} .mgf_search_form input:-ms-input-placeholder {color: #707070;} .mgf_search_form input::placeholder {color: #707070;} .mgf_search_form:hover input::-webkit-input-placeholder, .mgf_search_form input:focus::-webkit-input-placeholder, .mgf_search_form:hover input:focus::-webkit-input-placeholder { color: #5e5e5e; } .mgf_search_form:hover input:-ms-input-placeholder, .mgf_search_form input:focus::-ms-input-placeholder, .mgf_search_form:hover input:focus:-ms-input-placeholder { color: #5e5e5e; } .mgf_search_form:hover input::placeholder, .mgf_search_form input:focus::placeholder, .mgf_search_form:hover input:focus::placeholder { color: #5e5e5e !important; } .mg_mobile_mode .mg_dd_mobile_filters .mgf_inner { border: 2px solid #f5f5f5; border-radius: 2px; color: #707070; } .mg_mobile_mode .mg_dd_mobile_filters .mgf_inner.mgf_dd_expanded .mgf { border-bottom-color: rgba(245,245,245, 0.5); } .mg_no_results:before { background-color: #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5 inset; border-radius: 2px; color: #707070; } .mg_pag_wrap { text-align: left; } .mg_right_filters:not(.mg_mobile_mode) .mg_pag_wrap { right: 160px; } .mg_left_filters:not(.mg_mobile_mode) .mg_pag_wrap { left: 160px; } .mg_pag_wrap > * { color: #707070; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 2px; } .mg_pag_wrap > *:not(.mg_pag_disabled):not(.mg_nav_mid):hover, .mg_sel_pag, .mg_sel_pag:hover { color: #5e5e5e; background-color: #f0f0f0; border-color: #999999; } .mg_pag_standard .mg_prev_page:before, .mg_pag_onlynum .mg_prev_page:before, .mg_pag_standard .mg_next_page:before, .mg_pag_onlynum .mg_next_page:before { background: #999999; } #mg_lb_loader { border-radius: 10%; } #mg_lb_background { background: #f9f9f9; } #mg_lb_background.mg_lb_shown { opacity: 0.75;} #mg_lb_contents { width: 70%;max-width: 800px;border-radius: 12px;padding: 52px 20px 20px;} .mg_mf_lb #mg_lb_contents { padding: 0px;} .mg_item_title { font-size: 20px; } .mg_item_text { font-size: 15px; line-height: 140%; } .mg_item_text, ul.mg_cust_options { } /* media-focused lightbox mode */ .mg_mf_lb .mg_item_content { width: auto !important; min-width: 400px; max-width: 400px; top: 52px !important; bottom: 0px !important; } .mg_mf_lb .mg_item_featured { max-width: calc(100% - 400px); } .mg_mf_lb #mg_lb_contents { margin: calc(7vh + 0px) 10vw 7vh 10vw !important; } .mg_mf_lb .mg_item_featured, .mg_mf_lb .mg_item_featured > *, .mg_mf_lb #mg_lb_feat_img_wrap > img, .mg_mf_lb .mg_lb_lcms_slider:not(.mg_lb_lcms_thumbs_shown) div.lcms_wrap { max-height: calc(100vh - 14vh - 0px - 52px); } .mg_mf_lb .mg_lb_zoom_wrap { max-height: calc(100vh - 14vh - 0px); } .mg_mf_lb .mg_lb_lcms_thumbs_shown div.lcms_wrap { max-height: calc(100vh - 14vh - 90px - 52px); } .mg_mf_lb .mg_item_featured { margin-right: 400px; } .mg_mf_lb .mg_item_content { padding-left: 25px !important; padding-right: 25px !important; } @media screen and (max-width: 860px) { .mg_mf_lb #mg_lb_contents { margin: 2vh 2vw 2vh 2vw !important; padding: 52px 0px 0px; } #mg_lb_wrap.mg_mf_lb:after { content: ""; display: block; height: 1vh; width: 100vw; } .mg_mf_lb .mg_item_featured, .mg_mf_lb .mg_item_featured > *, .mg_mf_lb #mg_lb_feat_img_wrap > img, .mg_mf_lb .mg_lb_lcms_slider:not(.mg_lb_lcms_thumbs_shown) div.lcms_wrap, .mg_mf_lb .mg_lb_lcms_thumbs_shown div.lcms_wrap { max-height: calc(100vh - 2vh - 0px - 52px - 45px); /* leave title visible */ max-width: calc(100vw - 4vw - 0px); } .mg_mf_lb .mg_lb_lcms_thumbs_shown div.lcms_wrap { max-height: calc(100vh - 2vh - 0px - 52px - 45px - 90px); /* leave title visible */ max-width: calc(100vw - 4vw - 0px); } .mg_mf_lb .mg_item_featured > *:not(img):not(#mg_lb_feat_img_wrap):not(.mg_loader) { min-width: calc(100vw - 4vw - 0px); } .mg_mf_lb .mg_item_content { padding-right: 25px !important; padding-left: 25px !important; } } /* inner commands */ #mg_lb_ins_cmd_wrap { left: 10px; right: 10px; } .mg_mf_lb #mg_lb_ins_cmd_wrap { left: 12px; right: 12px; } /* texts responsivity */ @media screen and (max-width: 860px) { .mg_item_title { font-size: 17px; } .mg_item_text { font-size: 13px; } } /* inner lb cmd boxed */ /* inside cmd - hidden nav */ /* lb rounded closing btn */ .mg_layout_full .mg_item_content { padding: 14px 2px 2px; } .mg_lb_layout:not(.mg_layout_full) .mg_item_content { padding: 2px; } @media screen and (max-width: 860px) { .mg_lb_layout:not(.mg_layout_full) .mg_item_content { padding: 14px 2px 2px !important; } } .mg_mf_lb .mg_layout_full .mg_item_content { padding: 14px 22px 22px; } .mg_mf_lb .mg_lb_layout:not(.mg_layout_full) .mg_item_content { padding: 22px; } @media screen and (max-width: 860px) { .mg_mf_lb .mg_lb_layout:not(.mg_layout_full) .mg_item_content { padding: 14px 22px 22px !important; } } /* side text - desktop mode - inside cmd - top padding */ @media screen and (min-width: 860px) { .mg_lb_layout:not(.mg_layout_full) .mg_item_content { padding-top: 3px !important; } } /* colors - shadow */ #mg_lb_wrap #mg_lb_contents, #mg_lb_loader, .mg_lb_zoom_in_btn, .mg_lb_zoom_out_btn { color: #333333;background-color: #ffffff;} #mg_lb_loader { } .mg_cust_options, #mg_lb_comments_wrap { border-color: #d4d4d4; } /* icons and loader */ .mg_close_lb:before, .mg_nav_prev > i:before, .mg_nav_next > i:before, #mg_socials span:before, #mg_woo_item_added i:before { color: #3a3a3a; } #mg_lb_contents .mg-twitter-icon:before { background-color: #3a3a3a; } .mg_round_social_trick { box-shadow: 0 0 0 3px #3a3a3a inset; } /* navigation elements background color and border radius */ .mg_lb_nav_side *, .mg_lb_nav_side_basic, .mg_lb_nav_top > i, .mg_lb_nav_top > div, .mg_lb_nav_top > div *, #mg_top_close { background-color: #ffffff; } /* top closing button */ #mg_top_close { border-style: solid; border-color: #e6e6e6; border-width: 0 0 0px 0px; border-radius: 0 0 0 12px; } /* top nav - custom radius and borders */ #mg_lb_top_nav > * > div { margin-left: 0px; } #mg_lb_top_nav .mg_nav_prev i { border-width: 0 0 0px 0; border-style: solid; border-color: #e6e6e6; } #mg_lb_top_nav .mg_nav_next i, #mg_lb_top_nav > * > div img { border-width: 0 0px 0px 0; border-style: solid; border-color: #e6e6e6; border-radius: 0 0 12px 0; } #mg_lb_top_nav > * > div { border-width: 0 0px 0px 0px; border-style: solid; border-color: #e6e6e6; color: #333333; } #mg_lb_contents.mg_lb_pre_show_prev, #mg_lb_contents.mg_lb_pre_show_next, #mg_lb_contents.mg_lb_switching_prev, #mg_lb_contents.mg_lb_switching_next, #mg_lb_contents.mg_closing_lb { transform: scale(0.95) translate3d(0,8px,0); transition: opacity .25s ease-in, transform .5s ease; } #mg_lb_contents.mg_lb_shown { transition: opacity .25s ease-in, transform .5s ease; } .mg_item_featured .easyzoom-notice, .mg_item_featured .easyzoom-flyout { background: #ffffff; color: #333333; } /* lightbox slider */ .mg_lb_lcms_slider { padding-bottom: 55%; } .mg_lb_lcms_slider .lcms_nav_dots span { width: 65px; height: 45px; border-radius: 2%; } .mg_lb_lcms_slider.mg_lb_lcms_thumbs_shown .lcms_wrap { max-height: calc(100% - 70px); margin-bottom: 70px; } .mg_lb_lcms_slider.mg_lb_lcms_thumbs_shown .lcms_nav_dots { bottom: -60px; } .mg_wc_atc_btn { background: #ccc; color: #3a3a3a; } .mg_wc_atc_btn:hover, .mg_wc_atc_btn.mg_wc_atc_btn_disabled, .mg_wc_atc_btn.mg_wc_atc_btn_acting { background: #e3e3e3; color: #555; } #mg_woo_cart_btn_wrap [name=mg_wc_atc_variations_dd], #mg_woo_cart_btn_wrap [name=mg_wc_atc_quantity] { border-color: #d4d4d4; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_top_blocks .mgf_inner, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_top_btn_to_blocks .mgf_inner, .mg_mobile_mode .mgaf_wrap .mgf_inner { grid-gap: 30px 20px; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_lside_blocks .mgaf_sect, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_rside_blocks .mgaf_sect { margin-bottom: 30px; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_lside_blocks .mgf_search_form:not(.mgaf_alt_search_layout), .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_rside_blocks .mgf_search_form:not(.mgaf_alt_search_layout) { margin-bottom: 60px; } .mg_grid_wrap.mgaf_sumbar_shown:not(.mg_mobile_mode) .mgaf_lside_blocks .mgf_inner:before, .mg_grid_wrap.mgaf_sumbar_shown:not(.mg_mobile_mode) .mgaf_rside_blocks .mgf_inner:before { height: 30px; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_lside_blocks .mgf_search_form:not(.mgaf_alt_search_layout):after, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_rside_blocks .mgf_search_form:not(.mgaf_alt_search_layout):after, .mg_grid_wrap.mgaf_sumbar_shown:not(.mg_mobile_mode) .mgaf_lside_blocks .mgf_inner:before, .mg_grid_wrap.mgaf_sumbar_shown:not(.mg_mobile_mode) .mgaf_rside_blocks .mgf_inner:before { border-color: #aaaaaa; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_lside_blocks { padding-right: 10px; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_rside_blocks { padding-left: 10px; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_list { max-height: 160px !important; } .mg_grid_wrap:not(.mg_mobile) .mgaf_top_blocks .mgf_inner, .mg_grid_wrap:not(.mg_mobile) .mgaf_top_btn_to_blocks .mgf_inner, .mg_mobile .mgaf_top_blocks .mgf_inner { text-align: left; } .mgaf_fake_dd, .mgaf_range_wrap input[type="text"], .mgaf_blocks_opts_layout .mgaf_opts_list li, .mgaf_sumbar span, .mgaf_reset_filters { border-width: 2px; border-style: solid; } .mgaf_compact_opts_layout .mgaf_opts_list, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list, .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_list { border-width: 0 2px 2px; } .mgaf_fake_dd, .mgaf_fake_dd span:not(.mgaf_fake_dd_placeh), .mgaf_range_wrap input[type="text"], .mgaf_sumbar span, .mgaf_reset_filters { border-radius: 2px; } .mgaf_fake_dd, .mgaf_compact_opts_layout .mgaf_opts_list, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list, .mgaf_compact_opts_layout .mgaf_opts_list li, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list li, .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_list li, .mgaf_range_wrap input[type="text"] { border-color: #f5f5f5; } .mgaf_opts_expanded .mgaf_fake_dd, .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_expanded .mgaf_opts_list, .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_expanded .mgaf_opts_list, .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list li, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_expanded .mgaf_opts_list li, .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_expanded .mgaf_opts_list li, .mgaf_range_wrap input[type="text"]:focus, .mgaf_range_wrap input[type="text"]:active { border-color: #707070; } .mgaf_fake_dd:after, .mgaf_fake_dd_placeh, .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list li, .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_list li, .mgaf_range_wrap input[type="text"] { color: #707070; } .mgaf_opts_expanded .mgaf_fake_dd:after, .mgaf_opts_expanded .mgaf_fake_dd_placeh, .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list li, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_expanded .mgaf_opts_list li, .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_expanded .mgaf_opts_list li, .mgaf_range_wrap input[type="text"]:focus, .mgaf_range_wrap input[type="text"]:active { color: #5e5e5e; } .mgaf_fake_dd, .mgaf_compact_opts_layout .mgaf_opts_list, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list, .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_list, .mgaf_range_wrap input[type="text"] { background: #f5f5f5; } .mgaf_fake_dd_search, .mgaf_opts_expanded .mgaf_fake_dd, .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list, .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_expanded .mgaf_opts_list, .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_expanded .mgaf_opts_list, .mgaf_range_wrap input[type="text"]:focus, .mgaf_range_wrap input[type="text"]:active { background: #ffffff; } .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list li.mgaf_dis_opt { color: rgba(112,112,112, 0.5); } .mgaf_fdd_opt { color: #5e5e5e; background: #ffffff; } .mgaf_opts_expanded .mgaf_fdd_opt { color: #707070; background: #f5f5f5; } .mgaf_blocks_opts_layout .mgaf_opts_list > li, .mgaf_filters_btn, .mgaf_reset_filters { color: #707070; background-color: #f5f5f5; border-color: #f5f5f5; } .mgaf_blocks_opts_layout .mgaf_opts_list > li:not(.mgaf_dis_opt):hover, .mgaf_filters_btn:hover, .mgaf_reset_filters:hover { color: #707070; background-color: #ffffff; border-color: #909090; } .mgaf_blocks_opts_layout .mgaf_opts_list > li.mgaf_sel_opt, .mgaf_sumbar span, .mgaf_reset_filters:active { color: #5e5e5e; background-color: #f0f0f0; border-color: #999999; } .mgaf_range_inner { background: #f5f5f5; } .mgaf_range_inner .noUi-connect, .mgaf_range_wrap .noUi-handle:before { background: #707070; } .mgaf_range_inner .noUi-handle { background: #f5f5f5; border-color: #707070; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:before { border-color: #f5f5f5; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:after { color: #f5f5f5; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:not(.mgaf_dis_opt):hover:before { border-color: #909090; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:not(.mgaf_dis_opt):hover, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:not(.mgaf_dis_opt):hover:after { color: #909090; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:before, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:hover:before { border-color: #999999; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:after, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:hover, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:hover:after { color: #999999; } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt { text-shadow: 0px 0 0px rgba(153,153,153, 0.4); } .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_wrap *, .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_sumbar * { font-size: 14px; } .mg_mobile_mode .mgaf_wrap *, .mg_mobile_mode .mgaf_sumbar * { font-size: 12px; } .mgaf_wrap *:not(.fa):not(.fas):not(.far), .mgaf_sumbar *:not(.fa):not(.fas):not(.far) { } /* ***** 54 - Full overlay + magnifier OVERLAY ***** */ .mgom_54_0 { /* icon */ align-items: center; justify-content: center;font-size: 35px; color: #555;opacity: 0; transform: translateY(13px); transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 890; } .mg_box:hover .mgom_54_0, .mg_box.mg_ctob_show .mgom_54_0 { font-size: 43px; color: #555;opacity: 1; transform: translateY(0); transition-delay: 0.2s !important; } .mgom_54_1 { /* full_img_layer */ top: -100%; left: 0px; background: #ffffff; opacity: 0.4; padding: 0px; transition: all 400ms ease 0ms; z-index: 880; } .mg_box:hover .mgom_54_1, .mg_box.mg_ctob_show .mgom_54_1 { top: 0px; background-color: #ffffff; opacity: 0.6; padding: 0px; } .mgom_54_2 { /* txt_block */ top: 0px; left: 0px; background: rgba(255,255,255, 0.7); } .mg_box:hover .mgom_54_2, .mg_box.mg_ctob_show .mgom_54_2 { top: 0px; left: 0px; background-color: rgba(255,255,255, 1); } .mg_box .mgom_54_3.mgom_txt_wrap { transition: all 400ms ease 0ms; } .mg_box .mgom_54_3.mgom_txt_wrap .mgom_layer, .mg_box .mgom_54_3.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease 0ms; } .mg_box:hover .mgom_54_3.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_54_3.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_54_3.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_54_3.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_54_3 .mgom_mark, .mgom_54 .mg_title_under .mgom_layer, .mgom_54 .mg_title_under .mgom_layer * { transition: all 400ms ease 0ms; } .mgom_54_3.mgom_txt_wrap { top: 0px; left: 0px; transition: all 400ms ease 0ms; } .mg_box:hover .mgom_54_3.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_54_3.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 55 - Rotating circle + type icon OVERLAY ***** */ .mgom_55_0 { /* central_shape */ background: #4f4f4f; opacity: 0.7; color: #fdfdfd;transform: rotate(0deg); transition: all 400ms ease 0ms; z-index: 1090; } .mg_box:hover .mgom_55_0, .mg_box.mg_ctob_show .mgom_55_0 { background-color: #4f4f4f; opacity: 1; transform: rotate(360deg); } .mgom_55_0 div, .mgom_55_0 div:before, .mgom_55_0 div:after { background-color: #4f4f4f; border-color: #4f4f4f; } .mg_box:hover .mgom_55_0 div, .mg_box:hover .mgom_55_0 div:before, .mg_box:hover .mgom_55_0 div:after, .mg_box.mg_ctob_show .mgom_55_0 div, .mg_box.mg_ctob_show .mgom_55_0 div:before, .mg_box.mg_ctob_show .mgom_55_0 div:after { background-color: #4f4f4f; border-color: #4f4f4f; } .mgom_55_1 { /* full_img_layer */ background: #fdfdfd; opacity: 0.1; padding: 0px; transition: all 400ms ease 0ms; z-index: 880; } .mg_box:hover .mgom_55_1, .mg_box.mg_ctob_show .mgom_55_1 { background-color: #fdfdfd; opacity: 0.1; padding: 0px; transition-delay: 0.15s !important; } .mgom_55_2 { /* txt_block */ top: 0px; left: 0px; background: rgba(255,255,255, 0.7); } .mg_box:hover .mgom_55_2, .mg_box.mg_ctob_show .mgom_55_2 { top: 0px; left: 0px; background-color: rgba(255,255,255, 1); } .mg_box .mgom_55_3.mgom_txt_wrap { transition: all 400ms ease 0ms; } .mg_box .mgom_55_3.mgom_txt_wrap .mgom_layer, .mg_box .mgom_55_3.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease 0ms; } .mg_box:hover .mgom_55_3.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_55_3.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_55_3.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_55_3.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_55_3 .mgom_mark, .mgom_55 .mg_title_under .mgom_layer, .mgom_55 .mg_title_under .mgom_layer * { transition: all 400ms ease 0ms; } .mgom_55_3.mgom_txt_wrap { top: 0px; left: 0px; transition: all 400ms ease 0ms; } .mg_box:hover .mgom_55_3.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_55_3.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 56 - Mouse aware + title and excerpt OVERLAY ***** */ .mgom_56_0 { /* title */ text-align: center; font-size: 17px; color: #fdfdfd;line-height: 21px; font-weight: bold;margin-bottom: 15px !important; } .mg_box:hover .mgom_56_0, .mg_box.mg_ctob_show .mgom_56_0 { color: #fdfdfd; } .mgom_56_1 { /* descr */ text-align: center; font-size: 13px; color: #ffffff;line-height: 17px; max-height: 600px; margin-bottom: 15px !important; } .mg_box:hover .mgom_56_1, .mg_box.mg_ctob_show .mgom_56_1 { color: #ffffff; } .mgom_56_2 { /* txt_block */ justify-content: center; background: rgba(34,34,34, 0.3); } .mg_box:hover .mgom_56_2, .mg_box.mg_ctob_show .mgom_56_2 { background-color: rgba(34,34,34, 0.8); } .mg_box .mgom_56_3.mgom_txt_wrap { transition: all 400ms ease-out 0ms; } .mg_box .mgom_56_3.mgom_txt_wrap .mgom_layer, .mg_box .mgom_56_3.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease-out 0ms; } .mg_box:hover .mgom_56_3.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_56_3.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_56_3.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_56_3.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_56_3 .mgom_mark, .mgom_56 .mg_title_under .mgom_layer, .mgom_56 .mg_title_under .mgom_layer * { transition: all 400ms ease-out 0ms; } .mgom_56_3.mgom_txt_wrap { transition: all 400ms ease-out 0ms; justify-content: center; } .mg_box:hover .mgom_56_3.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_56_3.mgom_txt_wrap { } /* ***** 57 - Title + plus icon OVERLAY ***** */ .mgom_57_0 { /* icon */ bottom: 13px !important; right: 13px !important; justify-content: flex-end; align-items: flex-end;font-size: 19px; color: #fff;opacity: 0.9; transition: all 200ms linear 0ms; z-index: 1090; } .mg_box:hover .mgom_57_0, .mg_box.mg_ctob_show .mgom_57_0 { font-size: 19px; color: #383838;opacity: 0.9; } .mgom_57_1 { /* outlined_box */ top: 0px; left: 0px;padding: 0px; opacity: 0; transition: all 400ms ease 0ms; z-index: 880; } .mg_box:hover .mgom_57_1, .mg_box.mg_ctob_show .mgom_57_1 { top: 0px; left: 0px;padding: 35px; opacity: 0.4; } .mgom_57_1:before { transition: all 400ms ease 0ms; top: 0px; right: 0px; bottom: 0px; left: 0px; box-shadow: 0 0 0 0px #888; } .mg_box:hover .mgom_57_1:before, .mg_box.mg_ctob_show .mgom_57_1:before { border-color: #888;transition-delay: 0.3s !important; top: 35px; right: 35px; bottom: 35px; left: 35px; box-shadow: 0 0 0 2px #888; } .mgom_57_2 { /* full_img_layer */ top: 0px; left: 0px; background: #ffffff; opacity: 0; padding: 0px; transform: scale(0.6) translateX(-13px); transition: all 250ms ease-out 0ms; z-index: 870; } .mg_box:hover .mgom_57_2, .mg_box.mg_ctob_show .mgom_57_2 { top: 0px; left: 0px; background-color: #ffffff; opacity: 0.8; padding: 0px; transform: scale(1.0) translateX(0); } .mgom_57_3 { /* title */ text-align: center; font-size: 16px; color: #4f4f4f;line-height: 19px; font-weight: bold;text-transform: uppercase; } .mg_box:hover .mgom_57_3, .mg_box.mg_ctob_show .mgom_57_3 { color: #555;transition-delay: 0.15s !important; } .mgom_57_4 { /* txt_block */ top: 0px; left: 0px;justify-content: center; background: rgba(255,255,255, 0); padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; } .mg_box:hover .mgom_57_4, .mg_box.mg_ctob_show .mgom_57_4 { top: 0px; left: 0px; background-color: rgba(255,255,255, 0); } .mg_box .mgom_57_5.mgom_txt_wrap { transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; } .mg_box .mgom_57_5.mgom_txt_wrap .mgom_layer, .mg_box .mgom_57_5.mgom_txt_wrap .mg-twitter-icon:before { transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; transform: scale(0.6); } .mg_box:hover .mgom_57_5.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_57_5.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_57_5.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_57_5.mgom_txt_wrap .mg-twitter-icon:before { transform: scale(1.0); } .mg_box .mgom_57_5 .mgom_mark, .mgom_57 .mg_title_under .mgom_layer, .mgom_57 .mg_title_under .mgom_layer * { transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; } .mg_box .mgom_57_5.mgom_txt_wrap { transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; } .mg_box .mgom_57_5.mgom_txt_wrap .mgom_layer { opacity: 0; } .mg_box:hover .mgom_57_5.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_57_5.mgom_txt_wrap .mgom_layer { opacity: 1; } .mgom_57_5.mgom_txt_wrap { top: 0px; left: 0px; transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; justify-content: center; } .mg_box:hover .mgom_57_5.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_57_5.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 58 - Flickr style OVERLAY ***** */ .mgom_58_0 { /* title */ text-align: left; font-size: 15px; color: #fdfdfd;line-height: 20px; font-weight: bold; } .mg_box:hover .mgom_58_0, .mg_box.mg_ctob_show .mgom_58_0 { color: #fdfdfd; } .mgom_58_1 { /* descr */ text-align: left; font-size: 14px; color: #fefefe;line-height: 19px; max-height: 600px; margin-top: 15px !important; } .mg_box:hover .mgom_58_1, .mg_box.mg_ctob_show .mgom_58_1 { color: #fefefe;transition-delay: 0.1s !important; } .mgom_58_2 { /* txt_block */ bottom: -100%; left: 0px; background: rgba(21,21,21, 0.7); } .mg_box:hover .mgom_58_2, .mg_box.mg_ctob_show .mgom_58_2 { bottom: 0px; left: 0px; background-color: rgba(21,21,21, 0.8); } .mg_box .mgom_58_3.mgom_txt_wrap { transition: all 500ms ease 0ms; } .mg_box .mgom_58_3.mgom_txt_wrap .mgom_layer, .mg_box .mgom_58_3.mgom_txt_wrap .mg-twitter-icon:before { transition: all 500ms ease 0ms; } .mg_box:hover .mgom_58_3.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_58_3.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_58_3.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_58_3.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_58_3 .mgom_mark, .mgom_58 .mg_title_under .mgom_layer, .mgom_58 .mg_title_under .mgom_layer * { transition: all 500ms ease 0ms; } .mgom_58_3.mgom_txt_wrap { bottom: -100%; left: 0px; transition: all 500ms ease 0ms; } .mg_box:hover .mgom_58_3.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_58_3.mgom_txt_wrap { bottom: 0px; left: 0px; } .mgom_58 .mgom_txt_wrap { justify-content: flex-start; }/* ***** 59 - Grayscale + corner circle OVERLAY ***** */ .mgom_59_0 { /* corner_shape */ bottom: -150px; right: -150px; background: #fdfdfd; opacity: 1; color: #535353; transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 1090; } .mg_box:hover .mgom_59_0, .mg_box.mg_ctob_show .mgom_59_0 { bottom: -80px; right: -80px;opacity: 1; transition-delay: 0.25s !important; } .mgom_59_1 { /* crossing_layer */ background: #ffffff; opacity: 0.2; transition: all 700ms ease 0ms; z-index: 880; } .mg_box:hover .mgom_59_1, .mg_box.mg_ctob_show .mgom_59_1 { background-color: #ffffff; opacity: 0.6; transition-delay: 0.1s !important; } .mgom_59_2 { /* img_fx */ transition: all 400ms ease 0ms; z-index: 870; } .mg_box:hover .mgom_59_2, .mg_box.mg_ctob_show .mgom_59_2 { } .mgom_59_3 { /* txt_block */ top: 0px; left: 0px; background: rgba(255,255,255, 0); } .mg_box:hover .mgom_59_3, .mg_box.mg_ctob_show .mgom_59_3 { top: 0px; left: 0px; background-color: rgba(255,255,255, 0); } .mg_box .mgom_59_4.mgom_txt_wrap { transition: all 400ms ease 0ms; } .mg_box .mgom_59_4.mgom_txt_wrap .mgom_layer, .mg_box .mgom_59_4.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease 0ms; } .mg_box:hover .mgom_59_4.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_59_4.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_59_4.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_59_4.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_59_4 .mgom_mark, .mgom_59 .mg_title_under .mgom_layer, .mgom_59 .mg_title_under .mgom_layer * { transition: all 400ms ease 0ms; } .mgom_59_4.mgom_txt_wrap { top: 0px; left: 0px; transition: all 400ms ease 0ms; } .mg_box:hover .mgom_59_4.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_59_4.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 60 - Zoom image + magnifier icon OVERLAY ***** */ .mgom_60_0 { /* icon */ align-items: center; justify-content: center;font-size: 39px; color: #fff;opacity: 0; transform: scale(1.4); transition: all 400ms ease-out 0ms; z-index: 890; } .mg_box:hover .mgom_60_0, .mg_box.mg_ctob_show .mgom_60_0 { font-size: 39px; color: #fff;opacity: 0.9; transform: scale(1.0); transition-delay: 0.1s !important; } .mgom_60_1 { /* crossing_layer */ background: #333; opacity: 0.1; transition: all 350ms linear 0ms; z-index: 880; } .mg_box:hover .mgom_60_1, .mg_box.mg_ctob_show .mgom_60_1 { background-color: #333; opacity: 0.15; transition-delay: 0.05s !important; } .mgom_60_2 { /* img_fx */ transition: all 400ms ease-out 0ms; z-index: 870; } .mg_box:hover .mgom_60_2, .mg_box.mg_ctob_show .mgom_60_2 { } .mgom_60_3 { /* txt_block */ top: 0px; left: 0px; background: rgba(255,255,255, 0); } .mg_box:hover .mgom_60_3, .mg_box.mg_ctob_show .mgom_60_3 { top: 0px; left: 0px; background-color: rgba(255,255,255, 0); } .mg_box .mgom_60_4.mgom_txt_wrap { transition: all 400ms ease 0ms; } .mg_box .mgom_60_4.mgom_txt_wrap .mgom_layer, .mg_box .mgom_60_4.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease 0ms; } .mg_box:hover .mgom_60_4.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_60_4.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_60_4.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_60_4.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_60_4 .mgom_mark, .mgom_60 .mg_title_under .mgom_layer, .mgom_60 .mg_title_under .mgom_layer * { transition: all 400ms ease 0ms; } .mgom_60_4.mgom_txt_wrap { top: 0px; left: 0px; transition: all 400ms ease 0ms; } .mg_box:hover .mgom_60_4.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_60_4.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 61 - Split overlay + circle OVERLAY ***** */ .mgom_61_0 { /* central_shape */ top: 0px; left: 0px; background: #333; opacity: 0; color: #fff;transform: scale(0.6) perspective(750px) rotateY(-180deg); transition: all 450ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 1090; } .mg_box:hover .mgom_61_0, .mg_box.mg_ctob_show .mgom_61_0 { top: 0px; left: 0px; background-color: #333; opacity: 0.9; transform: scale(1.0) perspective(750px) rotateY(0deg); transition-delay: 0.15s !important; } .mgom_61_0 div, .mgom_61_0 div:before, .mgom_61_0 div:after { background-color: #333; border-color: #333; } .mg_box:hover .mgom_61_0 div, .mg_box:hover .mgom_61_0 div:before, .mg_box:hover .mgom_61_0 div:after, .mg_box.mg_ctob_show .mgom_61_0 div, .mg_box.mg_ctob_show .mgom_61_0 div:before, .mg_box.mg_ctob_show .mgom_61_0 div:after { background-color: #333; border-color: #333; } .mgom_61_1 { /* vert_split_layer */ background: #ffffff; opacity: 0.1; transition: all 250ms ease 0ms; z-index: 880; } .mg_box:hover .mgom_61_1, .mg_box.mg_ctob_show .mgom_61_1 { background-color: #ffffff; opacity: 0.4; } .mgom_61_1 div { background: #ffffff; transition: all 250ms ease 0ms; } .mg_box:hover .mgom_61_1 div, .mg_box.mg_ctob_show .mgom_61_1 div { background-color: #ffffff; } .mgom_61_2 { /* txt_block */ top: 0px; left: 0px; background: rgba(255,255,255, 0); } .mg_box:hover .mgom_61_2, .mg_box.mg_ctob_show .mgom_61_2 { top: 0px; left: 0px; background-color: rgba(255,255,255, 0); } .mg_box .mgom_61_3.mgom_txt_wrap { transition: all 400ms ease 0ms; } .mg_box .mgom_61_3.mgom_txt_wrap .mgom_layer, .mg_box .mgom_61_3.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease 0ms; } .mg_box:hover .mgom_61_3.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_61_3.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_61_3.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_61_3.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_61_3 .mgom_mark, .mgom_61 .mg_title_under .mgom_layer, .mgom_61 .mg_title_under .mgom_layer * { transition: all 400ms ease 0ms; } .mgom_61_3.mgom_txt_wrap { top: 0px; left: 0px; transition: all 400ms ease 0ms; } .mg_box:hover .mgom_61_3.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_61_3.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 62 - Curtain + type icon + socials OVERLAY ***** */ .mgom_62_0 { /* icon */ align-items: center; justify-content: center;font-size: 27px; color: #ffffff;opacity: 0.9; transform: scale(1.4); transition: all 400ms ease-in-out 0ms; z-index: 1090; } .mg_box:hover .mgom_62_0, .mg_box.mg_ctob_show .mgom_62_0 { font-size: 27px; color: #ffffff;opacity: 0.4; transform: scale(1.0); } .mgom_62_1 { /* full_img_layer */ top: 0px; left: 0px; background: #242424; opacity: 0; padding: 0px; transition: all 400ms ease 0ms; z-index: 880; } .mg_box:hover .mgom_62_1, .mg_box.mg_ctob_show .mgom_62_1 { top: 0px; left: 0px; background-color: #242424; opacity: 0.1; padding: 0px; } .mgom_62_2 { /* title */ text-align: center; font-size: 15px; color: #383838;line-height: 17px; text-transform: uppercase; } .mg_box:hover .mgom_62_2, .mg_box.mg_ctob_show .mgom_62_2 { color: #5c5c5c;transition-delay: 0.05s !important; } .mgom_62_3 { /* separator */ color: #cfcfcf; border-bottom: 1px dotted #cfcfcf; } .mg_box:hover .mgom_62_3, .mg_box.mg_ctob_show .mgom_62_3 { transition-delay: 0.05s !important; } .mgom_62_4 { /* socials */ color: #b2b2b2;font-size: 18px; line-height: 32px; } .mg_box:hover .mgom_62_4, .mg_box.mg_ctob_show .mgom_62_4 { color: #808080; } .mgom_62_4 span { font-size: 18px; width: 18px; height: 18px; } .mg_box .mgom_62_4 span { color: #b2b2b2; } .mg_box .mgom_62_4 span.mg-twitter-icon:before { background: #b2b2b2; } .mg_box:hover .mgom_62_4 span:hover, .mg_box.mg_ctob_show .mgom_62_4 span { color: #808080; } .mg_box:hover .mgom_62_4 span.mg-twitter-icon:hover:before, .mg_box:not(.mg_touch_off):hover .mgom_62_4 span.mg-twitter-icon:hover:before, .mg_box.mg_ctob_show .mgom_62_4 span.mg-twitter-icon:hover:before { background-color: #808080; } .mgom_62_4 .mg_round_social_trick { box-shadow: 0 0 0 3px #b2b2b2 inset; } .mgom_62_4 .mg_round_social_trick:hover { box-shadow: 0 0 0 3px #808080 inset; } .mgom_62_5 { /* txt_block */ bottom: -100%; left: 0px; background: rgba(255,255,255, 1); padding-top: 13px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; } .mg_box:hover .mgom_62_5, .mg_box.mg_ctob_show .mgom_62_5 { bottom: 0px; left: 0px; background-color: rgba(255,255,255, 1); } .mg_box .mgom_62_6.mgom_txt_wrap { transition: all 400ms ease 0ms; } .mg_box .mgom_62_6.mgom_txt_wrap .mgom_layer, .mg_box .mgom_62_6.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease 0ms; transform: scale(0.6); } .mg_box:hover .mgom_62_6.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_62_6.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_62_6.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_62_6.mgom_txt_wrap .mg-twitter-icon:before { transform: scale(1.0); } .mg_box .mgom_62_6 .mgom_mark, .mgom_62 .mg_title_under .mgom_layer, .mgom_62 .mg_title_under .mgom_layer * { transition: all 400ms ease 0ms; } .mgom_62_6.mgom_txt_wrap { bottom: -100%; left: 0px; transition: all 400ms ease 0ms; padding-top: 13px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; } .mg_box:hover .mgom_62_6.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_62_6.mgom_txt_wrap { bottom: 0px; left: 0px; } /* ***** 63 - Outlined diamond + type OVERLAY ***** */ .mgom_63_0 { /* img_fx */ z-index: 890; } .mg_box:hover .mgom_63_0, .mg_box.mg_ctob_show .mgom_63_0 { } .mgom_63_1 { /* central_shape */ top: 0px; left: 0px; background: #ffffff; opacity: 0; color: #ffffff;transform: scale(1.4); transition: all 500ms ease 0ms; z-index: 1080; } .mg_box:hover .mgom_63_1, .mg_box.mg_ctob_show .mgom_63_1 { top: 0px; left: 0px; background-color: #ffffff; opacity: 1; transform: scale(1.0); } .mgom_63_1 div, .mgom_63_1 div:before, .mgom_63_1 div:after { background-color: #ffffff; border-color: #ffffff; } .mg_box:hover .mgom_63_1 div, .mg_box:hover .mgom_63_1 div:before, .mg_box:hover .mgom_63_1 div:after, .mg_box.mg_ctob_show .mgom_63_1 div, .mg_box.mg_ctob_show .mgom_63_1 div:before, .mg_box.mg_ctob_show .mgom_63_1 div:after { background-color: #ffffff; border-color: #ffffff; } .mgom_63_2 { /* full_img_layer */ top: 0px; left: 0px; background: #ffffff; opacity: 0; padding: 10px; transition: all 600ms ease 0ms; z-index: 870; } .mg_box:hover .mgom_63_2, .mg_box.mg_ctob_show .mgom_63_2 { top: 0px; left: 0px; background-color: #ffffff; opacity: 0.15; } .mgom_63_3 { /* txt_block */ top: 0px; left: 0px; background: rgba(255,255,255, 0.7); } .mg_box:hover .mgom_63_3, .mg_box.mg_ctob_show .mgom_63_3 { top: 0px; left: 0px; background-color: rgba(255,255,255, 1); } .mg_box .mgom_63_4.mgom_txt_wrap { transition: all 400ms ease 0ms; } .mg_box .mgom_63_4.mgom_txt_wrap .mgom_layer, .mg_box .mgom_63_4.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease 0ms; } .mg_box:hover .mgom_63_4.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_63_4.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_63_4.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_63_4.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_63_4 .mgom_mark, .mgom_63 .mg_title_under .mgom_layer, .mgom_63 .mg_title_under .mgom_layer * { transition: all 400ms ease 0ms; } .mgom_63_4.mgom_txt_wrap { top: 0px; left: 0px; transition: all 400ms ease 0ms; } .mg_box:hover .mgom_63_4.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_63_4.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 64 - Central sliding text + button OVERLAY ***** */ .mgom_64_0 { /* horiz_split_layer */ background: #292929; opacity: 0; transition: all 300ms ease-in-out 0ms; z-index: 890; } .mg_box:hover .mgom_64_0, .mg_box.mg_ctob_show .mgom_64_0 { background-color: #292929; opacity: 0.1; } .mgom_64_0 div { background: #292929; transition: all 300ms ease-in-out 0ms; } .mg_box:hover .mgom_64_0 div, .mg_box.mg_ctob_show .mgom_64_0 div { background-color: #292929; } .mgom_64_1 { /* img_fx */ transition: all 400ms ease 0ms; z-index: 880; } .mg_box:hover .mgom_64_1, .mg_box.mg_ctob_show .mgom_64_1 { } .mgom_64_2 { /* title */ text-align: center; font-size: 17px; color: #ffffff;line-height: 19px; margin-bottom: 12px !important; } .mg_box:hover .mgom_64_2, .mg_box.mg_ctob_show .mgom_64_2 { color: #ffffff;transition-delay: 0.1s !important; } .mgom_64_3 { /* button */ font-size: 12px; line-height: 13px; align-self: center; text-transform: uppercase;padding-top: 5px; padding-bottom: 4px; border: 2px solid #ffffff; border-radius: 2px; background: transparent; color: #ffffff;margin-top: 15px !important; } .mg_box:hover .mgom_64_3, .mg_box.mg_ctob_show .mgom_64_3 { border-color: #ffffff; background-color: transparent; color: #ffffff;transition-delay: 0.15s !important; } .mgom_64_4 { /* txt_block */ bottom: -100%; left: 0px; background: rgba(66,66,66, 0.6); } .mg_box:hover .mgom_64_4, .mg_box.mg_ctob_show .mgom_64_4 { bottom: 0px; left: 0px; background-color: rgba(41,41,41, 0.8); } .mg_box .mgom_64_5.mgom_txt_wrap { transition: all 600ms ease 0ms; } .mg_box .mgom_64_5.mgom_txt_wrap .mgom_layer, .mg_box .mgom_64_5.mgom_txt_wrap .mg-twitter-icon:before { transition: all 600ms ease 0ms; transform: perspective(750px) rotateX(-180deg); } .mg_box:hover .mgom_64_5.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_64_5.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_64_5.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_64_5.mgom_txt_wrap .mg-twitter-icon:before { transform: perspective(750px) rotateX(0deg); } .mg_box .mgom_64_5 .mgom_mark, .mgom_64 .mg_title_under .mgom_layer, .mgom_64 .mg_title_under .mgom_layer * { transition: all 600ms ease 0ms; } .mgom_64_5.mgom_txt_wrap { bottom: -100%; left: 0px; transition: all 600ms ease 0ms; } .mg_box:hover .mgom_64_5.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_64_5.mgom_txt_wrap { bottom: 0px; left: 0px; } /* ***** 65 - Bottom slice + plus button OVERLAY ***** */ .mgom_65_0 { /* img_fx */ z-index: 890; } .mg_box:hover .mgom_65_0, .mg_box.mg_ctob_show .mgom_65_0 { } .mgom_65_1 { /* corner_slice */ background: #ffffff; opacity: 0.1; transition: all 400ms ease-in-out 0ms; z-index: 880; } .mg_box:hover .mgom_65_1, .mg_box.mg_ctob_show .mgom_65_1 { background-color: #ffffff; opacity: 0.8; } .mgom_65_2 { /* button */ font-size: 27px; line-height: 27px; align-self: flex-start; font-weight: bold;font-family: Times New Roman; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; border: 2px solid #606060; border-radius: 50px; background: #696969; color: #ffffff; } .mg_box:hover .mgom_65_2, .mg_box.mg_ctob_show .mgom_65_2 { border-color: #606060; background-color: #696969; color: #ffffff; } .mgom_65_3 { /* txt_block */ bottom: -100%; left: 0px; background: rgba(255,255,255, 0); padding-bottom: 1px; padding-left: 6px; } .mg_box:hover .mgom_65_3, .mg_box.mg_ctob_show .mgom_65_3 { bottom: 0px; left: 0px; background-color: rgba(255,255,255, 0); } .mg_box .mgom_65_4.mgom_txt_wrap { transition: all 400ms linear 0ms; } .mg_box .mgom_65_4.mgom_txt_wrap .mgom_layer, .mg_box .mgom_65_4.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms linear 0ms; } .mg_box:hover .mgom_65_4.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_65_4.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_65_4.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_65_4.mgom_txt_wrap .mg-twitter-icon:before { } .mg_box .mgom_65_4 .mgom_mark, .mgom_65 .mg_title_under .mgom_layer, .mgom_65 .mg_title_under .mgom_layer * { transition: all 400ms linear 0ms; } .mg_box .mgom_65_4.mgom_txt_wrap { transition: all 400ms linear 0ms; } .mg_box .mgom_65_4.mgom_txt_wrap .mgom_layer { opacity: 0; } .mg_box:hover .mgom_65_4.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_65_4.mgom_txt_wrap .mgom_layer { opacity: 1; } .mgom_65_4.mgom_txt_wrap { bottom: -100%; left: 0px; transition: all 400ms linear 0ms; padding-bottom: 1px; padding-left: 6px; } .mg_box:hover .mgom_65_4.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_65_4.mgom_txt_wrap { bottom: 0px; left: 0px; } .mgom_65 .mgom_txt_wrap { justify-content: flex-start; }/* ***** 66 - Highlighted texts OVERLAY ***** */ .mgom_66_0 { /* single_border */ border: 6px solid #ff551c; opacity: 0.7; transition: all 450ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 890; } .mg_box:hover .mgom_66_0, .mg_box.mg_ctob_show .mgom_66_0 { border-color: #ff551c;opacity: 1; transition-delay: 0.6s !important; } .mg_box:hover .mgom_66_0, .mg_box.mg_ctob_show .mgom_66_0 { border-width: 6px; } .mgom_66_1 { /* full_img_layer */ top: -100%; left: 0px; background: #000; opacity: 0; padding: 0px; transition: all 500ms ease-out 0ms; z-index: 880; } .mg_box:hover .mgom_66_1, .mg_box.mg_ctob_show .mgom_66_1 { top: 0px; background-color: #000; opacity: 0.2; padding: 0px; } .mgom_66_2 { /* title */ text-align: left; font-size: 17px; color: #fefefe;line-height: 22px; font-weight: bold;margin-bottom: 20px !important; } .mg_box:hover .mgom_66_2, .mg_box.mg_ctob_show .mgom_66_2 { color: #fefefe; } .mgom_66_2 .mgom_mark { background-color: #ff551c; box-shadow: 0 0 0 3px #ff551c; outline: 4px solid #ff551c; color: #fefefe; } .mg_box:hover .mgom_66_2 .mgom_mark, .mg_box.mg_ctob_show .mgom_66_2 .mgom_mark { background-color: #ff551c; box-shadow: 0 0 0 3px #ff551c; outline: 4px solid #ff551c; color: #fefefe; } .mgom_66_3 { /* descr */ text-align: left; font-size: 14px; color: #fff;line-height: 23px; max-height: 60px; margin-bottom: 25px !important; } .mg_box:hover .mgom_66_3, .mg_box.mg_ctob_show .mgom_66_3 { color: #fff;transition-delay: 0.2s !important; } .mgom_66_3 .mgom_mark { background-color: #ff551c; box-shadow: 0 0 0 3px #ff551c; outline: 4px solid #ff551c; color: #fff; } .mg_box:hover .mgom_66_3 .mgom_mark, .mg_box.mg_ctob_show .mgom_66_3 .mgom_mark { background-color: #ff551c; box-shadow: 0 0 0 3px #ff551c; outline: 4px solid #ff551c; color: #fff; } .mgom_66_4 { /* txt_block */ bottom: -100%; left: 0px; background: rgba(255,255,255, 0); padding-top: 15px; padding-right: 15px; padding-bottom: 4px; padding-left: 15px; } .mg_box:hover .mgom_66_4, .mg_box.mg_ctob_show .mgom_66_4 { bottom: 0px; left: 0px; background-color: rgba(255,255,255, 0); } .mg_box .mgom_66_5.mgom_txt_wrap { transition: all 450ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; } .mg_box .mgom_66_5.mgom_txt_wrap .mgom_layer, .mg_box .mgom_66_5.mgom_txt_wrap .mg-twitter-icon:before { transition: all 450ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; transform: perspective(750px) rotateX(-90deg); transform-origin: center top; } .mg_box:hover .mgom_66_5.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_66_5.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_66_5.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_66_5.mgom_txt_wrap .mg-twitter-icon:before { transform: perspective(750px) rotateX(0deg); } .mg_box .mgom_66_5 .mgom_mark, .mgom_66 .mg_title_under .mgom_layer, .mgom_66 .mg_title_under .mgom_layer * { transition: all 450ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; } .mgom_66_5.mgom_txt_wrap { bottom: -100%; left: 0px; transition: all 450ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; padding-top: 15px; padding-right: 15px; padding-bottom: 4px; padding-left: 15px; } .mg_box:hover .mgom_66_5.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_66_5.mgom_txt_wrap { bottom: 0px; left: 0px; } /* ***** 67 - Flip image + text and button OVERLAY ***** */ .mgom_67_0 { /* icon */ align-items: center; justify-content: center;font-size: 29px; color: #ffffff;opacity: 0; transform: scale(0.6) translateY(13px); transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 1090; } .mg_box:hover .mgom_67_0, .mg_box.mg_ctob_show .mgom_67_0 { font-size: 29px; color: #ffffff;opacity: 1; transform: scale(1.0) translateY(0); transition-delay: 0.6s !important; } .mgom_67_1 { /* img_fx */ transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; z-index: 880; } .mg_box:hover .mgom_67_1, .mg_box.mg_ctob_show .mgom_67_1 { } .mgom_67_2 { /* title */ text-align: center; font-size: 19px; color: #fefefe;line-height: 40px; margin-bottom: 58px !important; } .mg_box:hover .mgom_67_2, .mg_box.mg_ctob_show .mgom_67_2 { color: #fefefe;transition-delay: 0.15s !important; } .mgom_67_3 { /* button */ font-size: 14px; line-height: 19px; align-self: center; text-transform: uppercase;border: 0px solid #444444; border-radius: 2px; background: #7eb551; color: #fefefe; } .mg_box:hover .mgom_67_3, .mg_box.mg_ctob_show .mgom_67_3 { border-color: #666666; background-color: #7eb551; color: #fefefe;transition-delay: 0.15s !important; } .mgom_67_4 { /* txt_block */ top: 0px; left: 0px;justify-content: center; background: rgba(99,160,49, 0.8); } .mg_box:hover .mgom_67_4, .mg_box.mg_ctob_show .mgom_67_4 { top: 0px; left: 0px; background-color: rgba(99,160,49, 1); } .mg_box .mgom_67_5.mgom_txt_wrap { transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; } .mg_box .mgom_67_5.mgom_txt_wrap .mgom_layer, .mg_box .mgom_67_5.mgom_txt_wrap .mg-twitter-icon:before { transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; transform: perspective(750px) rotateY(-180deg); } .mg_box:hover .mgom_67_5.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_67_5.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_67_5.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_67_5.mgom_txt_wrap .mg-twitter-icon:before { transform: perspective(750px) rotateY(0deg); } .mg_box .mgom_67_5 .mgom_mark, .mgom_67 .mg_title_under .mgom_layer, .mgom_67 .mg_title_under .mgom_layer * { transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; } .mgom_67_5.mgom_txt_wrap { top: 0px; left: 0px; transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; justify-content: center; } .mg_box:hover .mgom_67_5.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_67_5.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 68 - Tilt image + texts OVERLAY ***** */ .mgom_68_0 { /* icon */ bottom: 13px !important; right: 13px !important; justify-content: flex-end; align-items: flex-end;font-size: 18px; color: #ffffff;opacity: 0; transform: scale(0.6); transition: all 300ms ease 0ms; z-index: 1090; } .mg_box:hover .mgom_68_0, .mg_box.mg_ctob_show .mgom_68_0 { font-size: 18px; color: #ffffff;opacity: 1; transform: scale(1.0); transition-delay: 0.5s !important; } .mgom_68_1 { /* outlined_box */ top: 0px; left: 0px;padding: 0px; opacity: 0.4; transform: scale(1.4); transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 1080; } .mg_box:hover .mgom_68_1, .mg_box.mg_ctob_show .mgom_68_1 { top: 0px; left: 0px;padding: 8px; opacity: 0.4; transform: scale(1.0); } .mgom_68_1:before { transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; top: 0px; right: 0px; bottom: 0px; left: 0px; box-shadow: 0 0 0 2px #fff; } .mg_box:hover .mgom_68_1:before, .mg_box.mg_ctob_show .mgom_68_1:before { border-color: #fff;transition-delay: 0.5s !important; top: 8px; right: 8px; bottom: 8px; left: 8px; box-shadow: 0 0 0 2px #fff; } .mgom_68_2 { /* img_fx */ transition: all 600ms ease 0ms; z-index: 870; } .mg_box:hover .mgom_68_2, .mg_box.mg_ctob_show .mgom_68_2 { } .mgom_68_3 { /* title */ text-align: left; font-size: 19px; color: #fefefe;line-height: 22px; text-transform: uppercase;margin-bottom: 25px !important; } .mg_box:hover .mgom_68_3, .mg_box.mg_ctob_show .mgom_68_3 { color: #fefefe; } .mgom_68_3 .mgom_mark { background-color: #7eb551; box-shadow: 0 0 0 3px #7eb551; outline: 4px solid #7eb551; color: #fefefe; } .mg_box:hover .mgom_68_3 .mgom_mark, .mg_box.mg_ctob_show .mgom_68_3 .mgom_mark { background-color: #7eb551; box-shadow: 0 0 0 3px #7eb551; outline: 4px solid #7eb551; color: #fefefe; } .mgom_68_4 { /* descr */ text-align: left; font-size: 16px; color: #fff;line-height: 21px; max-height: 50px; } .mg_box:hover .mgom_68_4, .mg_box.mg_ctob_show .mgom_68_4 { color: #fff; } .mgom_68_5 { /* txt_block */ top: 0px; left: 0px;justify-content: center; background: rgba(99,160,49, 0.9); padding-top: 25px; padding-right: 30px; padding-bottom: 25px; padding-left: 30px; } .mg_box:hover .mgom_68_5, .mg_box.mg_ctob_show .mgom_68_5 { top: 0px; left: 0px; background-color: rgba(99,160,49, 1); } .mg_box .mgom_68_6.mgom_txt_wrap { transition: all 600ms ease 0ms; } .mg_box .mgom_68_6.mgom_txt_wrap .mgom_layer, .mg_box .mgom_68_6.mgom_txt_wrap .mg-twitter-icon:before { transition: all 600ms ease 0ms; transform: perspective(750px) rotateY(-90deg); transform-origin: right center; } .mg_box:hover .mgom_68_6.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_68_6.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_68_6.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_68_6.mgom_txt_wrap .mg-twitter-icon:before { transform: perspective(750px) rotateY(0deg); } .mg_box .mgom_68_6 .mgom_mark, .mgom_68 .mg_title_under .mgom_layer, .mgom_68 .mg_title_under .mgom_layer * { transition: all 600ms ease 0ms; } .mgom_68_6.mgom_txt_wrap { top: 0px; left: 0px; transition: all 600ms ease 0ms; padding-top: 25px; padding-right: 30px; padding-bottom: 25px; padding-left: 30px; justify-content: center; } .mg_box:hover .mgom_68_6.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_68_6.mgom_txt_wrap { top: 0px; left: 0px; } /* ***** 71 - Chambers OVERLAY ***** */ .mgom_71_0 { /* icon */ align-items: center; justify-content: center;font-size: 32px; color: #222222;opacity: 0; transition: all 400ms ease 0ms; z-index: 890; } .mg_box:hover .mgom_71_0, .mg_box.mg_ctob_show .mgom_71_0 { font-size: 32px; color: #383838;opacity: 0; } .mgom_71_1 { /* full_img_layer */ top: 0px; left: 0px; background: #000000; opacity: 0; padding: 0px; transform: translateY(13px); transition: all 400ms ease 0ms; z-index: 880; } .mg_box:hover .mgom_71_1, .mg_box.mg_ctob_show .mgom_71_1 { top: 0px; left: 0px; background-color: #ffffff; opacity: 0.7; padding: 0px; transform: translateY(0); } .mgom_71_2 { /* title */ text-align: center; font-size: 18px; color: transparent;line-height: 19px; font-weight: bold; } .mg_box:hover .mgom_71_2, .mg_box.mg_ctob_show .mgom_71_2 { color: #383838; } .mgom_71_3 { /* txt_block */ top: 0px; left: 0px;justify-content: center; background: transparent; } .mg_box:hover .mgom_71_3, .mg_box.mg_ctob_show .mgom_71_3 { top: 0px; left: 0px; background-color: rgba(255,255,255, 0); } .mg_box .mgom_71_4.mgom_txt_wrap { transition: all 400ms ease 0ms; } .mg_box .mgom_71_4.mgom_txt_wrap .mgom_layer, .mg_box .mgom_71_4.mgom_txt_wrap .mg-twitter-icon:before { transition: all 400ms ease 0ms; transform: scale(0.6); } .mg_box:hover .mgom_71_4.mgom_txt_wrap .mgom_layer, .mg_box.mg_ctob_show .mgom_71_4.mgom_txt_wrap .mgom_layer, .mg_box:hover .mgom_71_4.mgom_txt_wrap .mg-twitter-icon:before, .mg_box.mg_ctob_show .mgom_71_4.mgom_txt_wrap .mg-twitter-icon:before { transform: scale(1.0); } .mg_box .mgom_71_4 .mgom_mark, .mgom_71 .mg_title_under .mgom_layer, .mgom_71 .mg_title_under .mgom_layer * { transition: all 400ms ease 0ms; } .mgom_71_4.mgom_txt_wrap { top: 0px; left: 0px; transition: all 400ms ease 0ms; justify-content: center; } .mg_box:hover .mgom_71_4.mgom_txt_wrap, .mg_box.mg_ctob_show .mgom_71_4.mgom_txt_wrap { top: 0px; left: 0px; } #et-boc .et-l .mg_loader div{ background-color: #999999;} #et-boc .et-l #mg_lb_wrap .mg_loader div{ background-color: #3a3a3a;} #et-boc .et-l .mg_loader{ width: 32px; height: 32px; margin-top: -16px; margin-left: -16px;} #et-boc .et-l .mgl_1, #et-boc .et-l .mgl_2{ width: 100%; height: 100%; border-radius: 50%; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: mg-bounce 1.8s infinite ease-in-out; animation: mg-bounce 1.8s infinite ease-in-out;} #et-boc .et-l .mgl_2{ -webkit-animation-delay: -1.0s; animation-delay: -1.0s;} @-webkit-keyframes mg-bounce { 0%, 100% {-webkit-transform: scale(0.0);} 50% {-webkit-transform: scale(1.0);} } @keyframes mg-bounce { 0%, 100% {transform: scale(0.0);} 50% {transform: scale(1.0);} } #et-boc .et-l .mg_box{ border-width: 0 5px 5px 0;} #et-boc .et-l .mg_items_container{ width: calc(100% + 20px + 5px);} #et-boc .et-l .mg_items_container.mg_not_even_w{ width: calc(100% + 20px + 5px + 1px);} #et-boc .et-l .mgis_w_1_12{width: calc(8.33333333% - 2px);} #et-boc .et-l .mgis_h_1_12{padding-bottom: calc(8.33333333% - 2px - 5px);} #et-boc .et-l .mgis_w_2_12{width: calc(16.66666667% - 3px);} #et-boc .et-l .mgis_h_2_12{padding-bottom: calc(16.66666667% - 3px - 5px);} #et-boc .et-l .mgis_w_3_12{width: calc(25% - 5px);} #et-boc .et-l .mgis_h_3_12{padding-bottom: calc(25% - 5px - 5px);} #et-boc .et-l .mgis_w_4_12{width: calc(33.33333333% - 7px);} #et-boc .et-l .mgis_h_4_12{padding-bottom: calc(33.33333333% - 7px - 5px);} #et-boc .et-l .mgis_w_5_12{width: calc(41.66666667% - 8px);} #et-boc .et-l .mgis_h_5_12{padding-bottom: calc(41.66666667% - 8px - 5px);} #et-boc .et-l .mgis_w_6_12{width: calc(50% - 10px);} #et-boc .et-l .mgis_h_6_12{padding-bottom: calc(50% - 10px - 5px);} #et-boc .et-l .mgis_w_7_12{width: calc(58.33333333% - 12px);} #et-boc .et-l .mgis_h_7_12{padding-bottom: calc(58.33333333% - 12px - 5px);} #et-boc .et-l .mgis_w_8_12{width: calc(66.66666667% - 13px);} #et-boc .et-l .mgis_h_8_12{padding-bottom: calc(66.66666667% - 13px - 5px);} #et-boc .et-l .mgis_w_9_12{width: calc(75% - 15px);} #et-boc .et-l .mgis_h_9_12{padding-bottom: calc(75% - 15px - 5px);} #et-boc .et-l .mgis_w_10_12{width: calc(83.33333333% - 17px);} #et-boc .et-l .mgis_h_10_12{padding-bottom: calc(83.33333333% - 17px - 5px);} #et-boc .et-l .mgis_w_11_12{width: calc(91.66666667% - 18px);} #et-boc .et-l .mgis_h_11_12{padding-bottom: calc(91.66666667% - 18px - 5px);} #et-boc .et-l .mgis_w_12_12{width: calc(100% - 20px);} #et-boc .et-l .mgis_h_12_12{padding-bottom: calc(100% - 20px - 5px);} #et-boc .et-l .mgis_w_1_1{width: calc(100% - 20px);} #et-boc .et-l .mgis_h_1_1{padding-bottom: calc(100% - 20px - 5px);} #et-boc .et-l .mgis_w_1_2{width: calc(49.9% - 10px);} #et-boc .et-l .mgis_h_1_2{padding-bottom: calc(49.9% - 10px - 5px);} #et-boc .et-l .mgis_w_1_3{width: calc(33.29% - 7px);} #et-boc .et-l .mgis_h_1_3{padding-bottom: calc(33.29% - 7px - 5px);} #et-boc .et-l .mgis_w_2_3{width: calc(66.58% - 13px);} #et-boc .et-l .mgis_h_2_3{padding-bottom: calc(66.58% - 13px - 5px);} #et-boc .et-l .mgis_w_1_4{width: calc(25% - 5px);} #et-boc .et-l .mgis_h_1_4{padding-bottom: calc(25% - 5px - 5px);} #et-boc .et-l .mgis_w_3_4{width: calc(74.99% - 15px);} #et-boc .et-l .mgis_h_3_4{padding-bottom: calc(74.99% - 15px - 5px);} #et-boc .et-l .mgis_w_1_5{width: calc(20% - 4px);} #et-boc .et-l .mgis_h_1_5{padding-bottom: calc(20% - 4px - 5px);} #et-boc .et-l .mgis_w_2_5{width: calc(39.8% - 8px);} #et-boc .et-l .mgis_h_2_5{padding-bottom: calc(39.8% - 8px - 5px);} #et-boc .et-l .mgis_w_3_5{width: calc(59.8% - 12px);} #et-boc .et-l .mgis_h_3_5{padding-bottom: calc(59.8% - 12px - 5px);} #et-boc .et-l .mgis_w_4_5{width: calc(79.8% - 16px);} #et-boc .et-l .mgis_h_4_5{padding-bottom: calc(79.8% - 16px - 5px);} #et-boc .et-l .mgis_w_1_6{width: calc(16.58% - 3px);} #et-boc .et-l .mgis_h_1_6{padding-bottom: calc(16.58% - 3px - 5px);} #et-boc .et-l .mgis_w_5_6{width: calc(83.29% - 17px);} #et-boc .et-l .mgis_h_5_6{padding-bottom: calc(83.29% - 17px - 5px);} #et-boc .et-l .mgis_w_1_7{width: calc(14.28% - 3px);} #et-boc .et-l .mgis_h_1_7{padding-bottom: calc(14.28% - 3px - 5px);} #et-boc .et-l .mgis_w_1_8{width: calc(12.5% - 3px);} #et-boc .et-l .mgis_h_1_8{padding-bottom: calc(12.5% - 3px - 5px);} #et-boc .et-l .mgis_w_1_9{width: calc(11.11% - 2px);} #et-boc .et-l .mgis_h_1_9{padding-bottom: calc(11.11% - 2px - 5px);} #et-boc .et-l .mgis_w_1_10{width: calc(10% - 2px);} #et-boc .et-l .mgis_h_1_10{padding-bottom: calc(10% - 2px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_4_12{width: calc(33.33333333% - 7px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_4_12{padding-bottom: calc(33.33333333% - 7px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_5_12{width: calc(41.66666667% - 8px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_5_12{padding-bottom: calc(41.66666667% - 8px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_6_12{width: calc(50% - 10px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_6_12{padding-bottom: calc(50% - 10px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_7_12{width: calc(58.33333333% - 12px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_7_12{padding-bottom: calc(58.33333333% - 12px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_8_12{width: calc(66.66666667% - 13px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_8_12{padding-bottom: calc(66.66666667% - 13px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_9_12{width: calc(75% - 15px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_9_12{padding-bottom: calc(75% - 15px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_10_12{width: calc(83.33333333% - 17px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_10_12{padding-bottom: calc(83.33333333% - 17px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_11_12{width: calc(91.66666667% - 18px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_11_12{padding-bottom: calc(91.66666667% - 18px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_12_12{width: calc(100% - 20px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_12_12{padding-bottom: calc(100% - 20px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_1_1{width: calc(100% - 20px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_1_1{padding-bottom: calc(100% - 20px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_1_2{width: calc(49.9% - 10px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_1_2{padding-bottom: calc(49.9% - 10px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_1_3{width: calc(33.29% - 7px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_1_3{padding-bottom: calc(33.29% - 7px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_2_3{width: calc(66.58% - 13px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_2_3{padding-bottom: calc(66.58% - 13px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_1_4{width: calc(25% - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_1_4{padding-bottom: calc(25% - 5px - 5px);} #et-boc .et-l .mg_mobile_mode .mgis_m_w_3_4{width: calc(74.99% - 15px);} #et-boc .et-l .mg_mobile_mode .mgis_m_h_3_4{padding-bottom: calc(74.99% - 15px - 5px);} #et-boc .et-l .mg_box_inner{ border-style: solid; padding: 3px; background: #e0e0e0; border: 0px solid #aaaaaa;} #et-boc .et-l .mgi_overlays{ top: 3px; right: 3px; bottom: 3px; left: 3px;} #et-boc .et-l .mgi_primary_ol, #et-boc .et-l .mg_inl_slider_wrap .lcms_content, #et-boc .et-l .mg_inl_slider_wrap .lcms_nav span{ background: #f8f8f8;} #et-boc .et-l .mg_inl_slider_wrap .lcms_content{ background: rgba(248,248,248, 0.85);} #et-boc .et-l .mg_box:hover .mgi_primary_ol, #et-boc .et-l .mg_box.mg_ctob_show .mgi_primary_ol{ opacity: 0.85;} #et-boc .et-l .mgi_item_type_ol{ border-bottom-color: #595959;} #et-boc .et-l span.mg_overlay_tit, #et-boc .et-l .mg_inl_slider_wrap .lcms_content, #et-boc .et-l .mg_inl_slider_wrap .lcms_nav span:before, #et-boc .et-l .mg_inl_slider_wrap .lcms_play span:before{ color: #444444;} #et-boc .et-l .mg_overlay_tit{ background: rgba(248,248,248, 0.7); text-shadow: 0px 0 0px rgba(68,68,68, 0.4);} #et-boc .et-l .mg_overlay_tit, #et-boc .et-l .mg_inl_slider_wrap .lcms_content{ font-size: 15px;} #et-boc .et-l .mg_mobile_mode .mg_overlay_tit, #et-boc .et-l .mg_mobile_mode .mg_inl_slider_wrap .lcms_content{ font-size: 1313;} #et-boc .et-l .mg_overlay_tit:before{ border-bottom-color: rgba(68,68,68, 0.4);} #et-boc .et-l .mgi_item_type_ol span:before{ color: #ffffff;} #et-boc .et-l .mg_box_inner, #et-boc .et-l .mg_box .mg_media_wrap, #et-boc .et-l .mgi_overlays, #et-boc .et-l .mg_inl_txt_media_bg, #et-boc .et-l .mg_inl_slider_wrap .lcms_content, #et-boc .et-l .mg_inl_slider_wrap .lcms_nav *, #et-boc .et-l .mg_inl_slider_wrap .lcms_play{ border-radius: 2px;} #et-boc .et-l .mg_tu_attach .mgi_txt_under{ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;} #et-boc .et-l .mgi_txt_under{ color: #555555; padding-top: 10px !important; padding-right: 7px; padding-bottom: 10px; padding-left: 7px;} #et-boc .et-l .mg_def_txt_under{ font-size: 15px;} #et-boc .et-l .mg_mobile_mode .mg_def_txt_under{ font-size: 13px;} #et-boc .et-l .mg_tu_attach .mgi_txt_under{ background: #e0e0e0;} #et-boc .et-l .mg_tu_detach .mgi_txt_under{ margin-top: 3px;} #et-boc .et-l .mg_inl_txt_contents{ padding: 0 15px 0 15px; border-width: 15px 0 15px 0;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgis_h_auto .mg_inl_txt_media_bg, #et-boc .et-l .mg_mobile_mode .mgis_m_h_auto .mg_inl_txt_media_bg{ top: 3px; bottom: 3px; left: 3px; right: 3px;} #et-boc .et-l .mg_sh_inl_video video{ background-color: #e0e0e0;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mg_spacer_hidden_desktop, #et-boc .et-l .mg_mobile_mode .mg_spacer_hidden_mobile{ max-width: 0 !important; max-height: 0 !important; padding: 0 !important;} #et-boc .et-l .mg_filters_wrap .mgf, #et-boc .et-l .mgf_search_form input, #et-boc .et-l .mgf_search_form i:before{ color: #707070; font-size: 14px;} #et-boc .et-l .mg_filters_wrap .mgf, #et-boc .et-l .mgf_search_form input{} #et-boc .et-l .mg_mobile_mode .mg_filters_wrap .mgf, #et-boc .et-l .mg_mobile_mode .mgf_search_form input, #et-boc .et-l .mg_mobile_mode .mgf_search_form i:before{ font-size: 12px;} #et-boc .et-l .mg_filters_wrap .mgf:hover{ color: #707070 !important;} #et-boc .et-l .mg_filters_wrap .mgf.mgf_selected, #et-boc .et-l .mg_filters_wrap .mgf.mgf_selected:hover{ color: #5e5e5e !important;} #et-boc .et-l .mg_textual_filters .mgf_selected{ text-shadow: 0 0.01em 0 #5e5e5e;} #et-boc .et-l .mg_button_filters .mgf, #et-boc .et-l .mg_textual_filters .mgf:after{ background-color: #f5f5f5;} #et-boc .et-l .mg_button_filters .mgf, #et-boc .et-l .mgf_search_form input{ border: 2px solid #f5f5f5; border-radius: 2px;} #et-boc .et-l .mg_button_filters .mgf:hover, #et-boc .et-l .mg_textual_filters .mgf:hover:after, #et-boc .et-l .mgf_search_form input:hover{ background-color: #ffffff;} #et-boc .et-l .mg_button_filters .mgf:hover, #et-boc .et-l .mgf_search_form input:hover{ border-color: #909090;} #et-boc .et-l .mg_button_filters .mgf_selected, #et-boc .et-l .mg_button_filters .mgf_selected:hover, #et-boc .et-l .mg_textual_filters .mgf_selected:after, #et-boc .et-l .mg_textual_filters .mgf_selected:hover:after, #et-boc .et-l .mgf_search_form input:focus{ background-color: #f0f0f0;} #et-boc .et-l .mg_button_filters .mgf_selected, #et-boc .et-l .mg_button_filters .mgf_selected:hover, #et-boc .et-l .mgf_search_form input:focus{ border-color: #999999;} #et-boc .et-l .mg_left_filters:not(.mg_mobile_mode) .mg_above_grid, #et-boc .et-l .mg_right_filters:not(.mg_mobile_mode) .mg_above_grid{ width: 160px; min-width: 160px;} #et-boc .et-l .mg_left_filters:not(.mg_mobile_mode) .mg_items_container{ border-left-width: 160px;} #et-boc .et-l .mg_right_filters:not(.mg_mobile_mode) .mg_items_container{ border-right-width: 160px;} #et-boc .et-l .mg_left_filters:not(.mg_mobile_mode) > .mg_loader{ transform: translateX(80px);} #et-boc .et-l .mg_right_filters:not(.mg_mobile_mode) > .mg_loader{ transform: translateX(-80px);} #et-boc .et-l .mg_has_search.mg_left_filters:not(.mg_mobile_mode) .mgf_search_form:after, #et-boc .et-l .mg_has_search.mg_right_filters:not(.mg_mobile_mode) .mgf_search_form:after{ border-bottom-color: #aaaaaa;} #et-boc .et-l .mgf_search_form input, #et-boc .et-l .mgf_search_form i:before{ color: #707070; background-color: #f5f5f5; border-color: #f5f5f5} #et-boc .et-l .mgf_search_form:hover input, #et-boc .et-l .mgf_search_form input:focus, #et-boc .et-l .mgf_search_form:hover input:focus, #et-boc .et-l .mgf_search_form:hover i:before{ color: #5e5e5e; background-color: #ffffff; border-color: #707070} #et-boc .et-l .mgf_search_form input::-webkit-input-placeholder{color: #707070;} #et-boc .et-l .mgf_search_form input:-ms-input-placeholder{color: #707070;} #et-boc .et-l .mgf_search_form input::placeholder{color: #707070;} #et-boc .et-l .mgf_search_form:hover input::-webkit-input-placeholder, #et-boc .et-l .mgf_search_form input:focus::-webkit-input-placeholder, #et-boc .et-l .mgf_search_form:hover input:focus::-webkit-input-placeholder{ color: #5e5e5e;} #et-boc .et-l .mgf_search_form:hover input:-ms-input-placeholder, #et-boc .et-l .mgf_search_form input:focus::-ms-input-placeholder, #et-boc .et-l .mgf_search_form:hover input:focus:-ms-input-placeholder{ color: #5e5e5e;} #et-boc .et-l .mgf_search_form:hover input::placeholder, #et-boc .et-l .mgf_search_form input:focus::placeholder, #et-boc .et-l .mgf_search_form:hover input:focus::placeholder{ color: #5e5e5e !important;} #et-boc .et-l .mg_mobile_mode .mg_dd_mobile_filters .mgf_inner{ border: 2px solid #f5f5f5; border-radius: 2px; color: #707070;} #et-boc .et-l .mg_mobile_mode .mg_dd_mobile_filters .mgf_inner.mgf_dd_expanded .mgf{ border-bottom-color: rgba(245,245,245, 0.5);} #et-boc .et-l .mg_no_results:before{ background-color: #f5f5f5; box-shadow: 0 0 0 1px #f5f5f5 inset; border-radius: 2px; color: #707070;} #et-boc .et-l .mg_pag_wrap{ text-align: left;} #et-boc .et-l .mg_right_filters:not(.mg_mobile_mode) .mg_pag_wrap{ right: 160px;} #et-boc .et-l .mg_left_filters:not(.mg_mobile_mode) .mg_pag_wrap{ left: 160px;} #et-boc .et-l .mg_pag_wrap > *{ color: #707070; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 2px;} #et-boc .et-l .mg_pag_wrap > *:not(.mg_pag_disabled):not(.mg_nav_mid):hover, #et-boc .et-l .mg_sel_pag, #et-boc .et-l .mg_sel_pag:hover{ color: #5e5e5e; background-color: #f0f0f0; border-color: #999999;} #et-boc .et-l .mg_pag_standard .mg_prev_page:before, #et-boc .et-l .mg_pag_onlynum .mg_prev_page:before, #et-boc .et-l .mg_pag_standard .mg_next_page:before, #et-boc .et-l .mg_pag_onlynum .mg_next_page:before{ background: #999999;} #et-boc .et-l #mg_lb_loader{ border-radius: 10%;} #et-boc .et-l #mg_lb_background{ background: #f9f9f9;} #et-boc .et-l #mg_lb_background.mg_lb_shown{ opacity: 0.75;} #et-boc .et-l #mg_lb_contents{ width: 70%;max-width: 800px;border-radius: 12px;padding: 52px 20px 20px;} #et-boc .et-l .mg_mf_lb #mg_lb_contents{ padding: 0px;} #et-boc .et-l .mg_item_title{ font-size: 20px;} #et-boc .et-l .mg_item_text{ font-size: 15px; line-height: 140%;} #et-boc .et-l .mg_item_text, #et-boc .et-l ul.mg_cust_options{} #et-boc .et-l .mg_mf_lb .mg_item_content{ width: auto !important; min-width: 400px; max-width: 400px; top: 52px !important; bottom: 0px !important;} #et-boc .et-l .mg_mf_lb .mg_item_featured{ max-width: calc(100% - 400px);} #et-boc .et-l .mg_mf_lb #mg_lb_contents{ margin: calc(7vh + 0px) 10vw 7vh 10vw !important;} #et-boc .et-l .mg_mf_lb .mg_item_featured, #et-boc .et-l .mg_mf_lb .mg_item_featured > *, #et-boc .et-l .mg_mf_lb #mg_lb_feat_img_wrap > img, #et-boc .et-l .mg_mf_lb .mg_lb_lcms_slider:not(.mg_lb_lcms_thumbs_shown) div.lcms_wrap{ max-height: calc(100vh - 14vh - 0px - 52px);} #et-boc .et-l .mg_mf_lb .mg_lb_zoom_wrap{ max-height: calc(100vh - 14vh - 0px);} #et-boc .et-l .mg_mf_lb .mg_lb_lcms_thumbs_shown div.lcms_wrap{ max-height: calc(100vh - 14vh - 90px - 52px);} #et-boc .et-l .mg_mf_lb .mg_item_featured{ margin-right: 400px;} #et-boc .et-l .mg_mf_lb .mg_item_content{ padding-left: 25px !important; padding-right: 25px !important;} @media screen and (max-width: 860px) { #et-boc .et-l .mg_mf_lb #mg_lb_contents{ margin: 2vh 2vw 2vh 2vw !important; padding: 52px 0px 0px;} #et-boc .et-l #mg_lb_wrap.mg_mf_lb:after{ content: ""; display: block; height: 1vh; width: 100vw;} #et-boc .et-l .mg_mf_lb .mg_item_featured, #et-boc .et-l .mg_mf_lb .mg_item_featured > *, #et-boc .et-l .mg_mf_lb #mg_lb_feat_img_wrap > img, #et-boc .et-l .mg_mf_lb .mg_lb_lcms_slider:not(.mg_lb_lcms_thumbs_shown) div.lcms_wrap, #et-boc .et-l .mg_mf_lb .mg_lb_lcms_thumbs_shown div.lcms_wrap{ max-height: calc(100vh - 2vh - 0px - 52px - 45px); max-width: calc(100vw - 4vw - 0px);} #et-boc .et-l .mg_mf_lb .mg_lb_lcms_thumbs_shown div.lcms_wrap{ max-height: calc(100vh - 2vh - 0px - 52px - 45px - 90px); max-width: calc(100vw - 4vw - 0px);} #et-boc .et-l .mg_mf_lb .mg_item_featured > *:not(img):not(#mg_lb_feat_img_wrap):not(.mg_loader){ min-width: calc(100vw - 4vw - 0px);} #et-boc .et-l .mg_mf_lb .mg_item_content{ padding-right: 25px !important; padding-left: 25px !important;} } #et-boc .et-l #mg_lb_ins_cmd_wrap{ left: 10px; right: 10px;} #et-boc .et-l .mg_mf_lb #mg_lb_ins_cmd_wrap{ left: 12px; right: 12px;} @media screen and (max-width: 860px) { #et-boc .et-l .mg_item_title{ font-size: 17px;} #et-boc .et-l .mg_item_text{ font-size: 13px;} } #et-boc .et-l .mg_layout_full .mg_item_content{ padding: 14px 2px 2px;} #et-boc .et-l .mg_lb_layout:not(.mg_layout_full) .mg_item_content{ padding: 2px;} @media screen and (max-width: 860px) { #et-boc .et-l .mg_lb_layout:not(.mg_layout_full) .mg_item_content{ padding: 14px 2px 2px !important;} } #et-boc .et-l .mg_mf_lb .mg_layout_full .mg_item_content{ padding: 14px 22px 22px;} #et-boc .et-l .mg_mf_lb .mg_lb_layout:not(.mg_layout_full) .mg_item_content{ padding: 22px;} @media screen and (max-width: 860px) { #et-boc .et-l .mg_mf_lb .mg_lb_layout:not(.mg_layout_full) .mg_item_content{ padding: 14px 22px 22px !important;} } @media screen and (min-width: 860px) { #et-boc .et-l .mg_lb_layout:not(.mg_layout_full) .mg_item_content{ padding-top: 3px !important;} } #et-boc .et-l #mg_lb_wrap #mg_lb_contents, #et-boc .et-l #mg_lb_loader, #et-boc .et-l .mg_lb_zoom_in_btn, #et-boc .et-l .mg_lb_zoom_out_btn{ color: #333333;background-color: #ffffff;} #et-boc .et-l #mg_lb_loader{} #et-boc .et-l .mg_cust_options, #et-boc .et-l #mg_lb_comments_wrap{ border-color: #d4d4d4;} #et-boc .et-l .mg_close_lb:before, #et-boc .et-l .mg_nav_prev > i:before, #et-boc .et-l .mg_nav_next > i:before, #et-boc .et-l #mg_socials span:before, #et-boc .et-l #mg_woo_item_added i:before{ color: #3a3a3a;} #et-boc .et-l #mg_lb_contents .mg-twitter-icon:before{ background-color: #3a3a3a;} #et-boc .et-l .mg_round_social_trick{ box-shadow: 0 0 0 3px #3a3a3a inset;} #et-boc .et-l .mg_lb_nav_side *, #et-boc .et-l .mg_lb_nav_side_basic, #et-boc .et-l .mg_lb_nav_top > i, #et-boc .et-l .mg_lb_nav_top > div, #et-boc .et-l .mg_lb_nav_top > div *, #et-boc .et-l #mg_top_close{ background-color: #ffffff;} #et-boc .et-l #mg_top_close{ border-style: solid; border-color: #e6e6e6; border-width: 0 0 0px 0px; border-radius: 0 0 0 12px;} #et-boc .et-l #mg_lb_top_nav > * > div{ margin-left: 0px;} #et-boc .et-l #mg_lb_top_nav .mg_nav_prev i{ border-width: 0 0 0px 0; border-style: solid; border-color: #e6e6e6;} #et-boc .et-l #mg_lb_top_nav .mg_nav_next i, #et-boc .et-l #mg_lb_top_nav > * > div img{ border-width: 0 0px 0px 0; border-style: solid; border-color: #e6e6e6; border-radius: 0 0 12px 0;} #et-boc .et-l #mg_lb_top_nav > * > div{ border-width: 0 0px 0px 0px; border-style: solid; border-color: #e6e6e6; color: #333333;} #et-boc .et-l #mg_lb_contents.mg_lb_pre_show_prev, #et-boc .et-l #mg_lb_contents.mg_lb_pre_show_next, #et-boc .et-l #mg_lb_contents.mg_lb_switching_prev, #et-boc .et-l #mg_lb_contents.mg_lb_switching_next, #et-boc .et-l #mg_lb_contents.mg_closing_lb{ transform: scale(0.95) translate3d(0,8px,0); transition: opacity .25s ease-in, transform .5s ease;} #et-boc .et-l #mg_lb_contents.mg_lb_shown{ transition: opacity .25s ease-in, transform .5s ease;} #et-boc .et-l .mg_item_featured .easyzoom-notice, #et-boc .et-l .mg_item_featured .easyzoom-flyout{ background: #ffffff; color: #333333;} #et-boc .et-l .mg_lb_lcms_slider{ padding-bottom: 55%;} #et-boc .et-l .mg_lb_lcms_slider .lcms_nav_dots span{ width: 65px; height: 45px; border-radius: 2%;} #et-boc .et-l .mg_lb_lcms_slider.mg_lb_lcms_thumbs_shown .lcms_wrap{ max-height: calc(100% - 70px); margin-bottom: 70px;} #et-boc .et-l .mg_lb_lcms_slider.mg_lb_lcms_thumbs_shown .lcms_nav_dots{ bottom: -60px;} #et-boc .et-l .mg_wc_atc_btn{ background: #ccc; color: #3a3a3a;} #et-boc .et-l .mg_wc_atc_btn:hover, #et-boc .et-l .mg_wc_atc_btn.mg_wc_atc_btn_disabled, #et-boc .et-l .mg_wc_atc_btn.mg_wc_atc_btn_acting{ background: #e3e3e3; color: #555;} #et-boc .et-l #mg_woo_cart_btn_wrap [name=mg_wc_atc_variations_dd], #et-boc .et-l #mg_woo_cart_btn_wrap [name=mg_wc_atc_quantity]{ border-color: #d4d4d4;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_top_blocks .mgf_inner, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_top_btn_to_blocks .mgf_inner, #et-boc .et-l .mg_mobile_mode .mgaf_wrap .mgf_inner{ grid-gap: 30px 20px;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_lside_blocks .mgaf_sect, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_rside_blocks .mgaf_sect{ margin-bottom: 30px;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_lside_blocks .mgf_search_form:not(.mgaf_alt_search_layout), #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_rside_blocks .mgf_search_form:not(.mgaf_alt_search_layout){ margin-bottom: 60px;} #et-boc .et-l .mg_grid_wrap.mgaf_sumbar_shown:not(.mg_mobile_mode) .mgaf_lside_blocks .mgf_inner:before, #et-boc .et-l .mg_grid_wrap.mgaf_sumbar_shown:not(.mg_mobile_mode) .mgaf_rside_blocks .mgf_inner:before{ height: 30px;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_lside_blocks .mgf_search_form:not(.mgaf_alt_search_layout):after, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_rside_blocks .mgf_search_form:not(.mgaf_alt_search_layout):after, #et-boc .et-l .mg_grid_wrap.mgaf_sumbar_shown:not(.mg_mobile_mode) .mgaf_lside_blocks .mgf_inner:before, #et-boc .et-l .mg_grid_wrap.mgaf_sumbar_shown:not(.mg_mobile_mode) .mgaf_rside_blocks .mgf_inner:before{ border-color: #aaaaaa;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_lside_blocks{ padding-right: 10px;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_rside_blocks{ padding-left: 10px;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_list{ max-height: 160px !important;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile) .mgaf_top_blocks .mgf_inner, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile) .mgaf_top_btn_to_blocks .mgf_inner, #et-boc .et-l .mg_mobile .mgaf_top_blocks .mgf_inner{ text-align: left;} #et-boc .et-l .mgaf_fake_dd, #et-boc .et-l .mgaf_range_wrap input[type="text"], #et-boc .et-l .mgaf_blocks_opts_layout .mgaf_opts_list li, #et-boc .et-l .mgaf_sumbar span, #et-boc .et-l .mgaf_reset_filters{ border-width: 2px; border-style: solid;} #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_list{ border-width: 0 2px 2px;} #et-boc .et-l .mgaf_fake_dd, #et-boc .et-l .mgaf_fake_dd span:not(.mgaf_fake_dd_placeh), #et-boc .et-l .mgaf_range_wrap input[type="text"], #et-boc .et-l .mgaf_sumbar span, #et-boc .et-l .mgaf_reset_filters{ border-radius: 2px;} #et-boc .et-l .mgaf_fake_dd, #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list, #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_list li, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list li, #et-boc .et-l .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_list li, #et-boc .et-l .mgaf_range_wrap input[type="text"]{ border-color: #f5f5f5;} #et-boc .et-l .mgaf_opts_expanded .mgaf_fake_dd, #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_expanded .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_expanded .mgaf_opts_list, #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list li, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_expanded .mgaf_opts_list li, #et-boc .et-l .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_expanded .mgaf_opts_list li, #et-boc .et-l .mgaf_range_wrap input[type="text"]:focus, #et-boc .et-l .mgaf_range_wrap input[type="text"]:active{ border-color: #707070;} #et-boc .et-l .mgaf_fake_dd:after, #et-boc .et-l .mgaf_fake_dd_placeh, #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list li, #et-boc .et-l .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_list li, #et-boc .et-l .mgaf_range_wrap input[type="text"]{ color: #707070;} #et-boc .et-l .mgaf_opts_expanded .mgaf_fake_dd:after, #et-boc .et-l .mgaf_opts_expanded .mgaf_fake_dd_placeh, #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list li, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_expanded .mgaf_opts_list li, #et-boc .et-l .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_expanded .mgaf_opts_list li, #et-boc .et-l .mgaf_range_wrap input[type="text"]:focus, #et-boc .et-l .mgaf_range_wrap input[type="text"]:active{ color: #5e5e5e;} #et-boc .et-l .mgaf_fake_dd, #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_list, #et-boc .et-l .mgaf_range_wrap input[type="text"]{ background: #f5f5f5;} #et-boc .et-l .mgaf_fake_dd_search, #et-boc .et-l .mgaf_opts_expanded .mgaf_fake_dd, #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_list_opts_layout .mgaf_opts_expanded .mgaf_opts_list, #et-boc .et-l .mg_mobile_mode .mgaf_mobile_dd_blocks .mgaf_opts_expanded .mgaf_opts_list, #et-boc .et-l .mgaf_range_wrap input[type="text"]:focus, #et-boc .et-l .mgaf_range_wrap input[type="text"]:active{ background: #ffffff;} #et-boc .et-l .mgaf_compact_opts_layout .mgaf_opts_expanded .mgaf_opts_list li.mgaf_dis_opt{ color: rgba(112,112,112, 0.5);} #et-boc .et-l .mgaf_fdd_opt{ color: #5e5e5e; background: #ffffff;} #et-boc .et-l .mgaf_opts_expanded .mgaf_fdd_opt{ color: #707070; background: #f5f5f5;} #et-boc .et-l .mgaf_blocks_opts_layout .mgaf_opts_list > li, #et-boc .et-l .mgaf_filters_btn, #et-boc .et-l .mgaf_reset_filters{ color: #707070; background-color: #f5f5f5; border-color: #f5f5f5;} #et-boc .et-l .mgaf_blocks_opts_layout .mgaf_opts_list > li:not(.mgaf_dis_opt):hover, #et-boc .et-l .mgaf_filters_btn:hover, #et-boc .et-l .mgaf_reset_filters:hover{ color: #707070; background-color: #ffffff; border-color: #909090;} #et-boc .et-l .mgaf_blocks_opts_layout .mgaf_opts_list > li.mgaf_sel_opt, #et-boc .et-l .mgaf_sumbar span, #et-boc .et-l .mgaf_reset_filters:active{ color: #5e5e5e; background-color: #f0f0f0; border-color: #999999;} #et-boc .et-l .mgaf_range_inner{ background: #f5f5f5;} #et-boc .et-l .mgaf_range_inner .noUi-connect, #et-boc .et-l .mgaf_range_wrap .noUi-handle:before{ background: #707070;} #et-boc .et-l .mgaf_range_inner .noUi-handle{ background: #f5f5f5; border-color: #707070;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:before{ border-color: #f5f5f5;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:after{ color: #f5f5f5;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:not(.mgaf_dis_opt):hover:before{ border-color: #909090;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:not(.mgaf_dis_opt):hover, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout .mgaf_opts_wrap li:not(.mgaf_dis_opt):hover:after{ color: #909090;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:before, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:hover:before{ border-color: #999999;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:after, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:hover, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt:hover:after{ color: #999999;} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_list_opts_layout li.mgaf_sel_opt{ text-shadow: 0px 0 0px rgba(153,153,153, 0.4);} #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_wrap *, #et-boc .et-l .mg_grid_wrap:not(.mg_mobile_mode) .mgaf_sumbar *{ font-size: 14px;} #et-boc .et-l .mg_mobile_mode .mgaf_wrap *, #et-boc .et-l .mg_mobile_mode .mgaf_sumbar *{ font-size: 12px;} #et-boc .et-l .mgaf_wrap *:not(.fa):not(.fas):not(.far), #et-boc .et-l .mgaf_sumbar *:not(.fa):not(.fas):not(.far){} #et-boc .et-l .mgom_54_0{ align-items: center; justify-content: center;font-size: 35px; color: #555;opacity: 0; transform: translateY(13px); transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 890;} #et-boc .et-l .mg_box:hover .mgom_54_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_54_0{ font-size: 43px; color: #555;opacity: 1; transform: translateY(0); transition-delay: 0.2s !important;} #et-boc .et-l .mgom_54_1{ top: -100%; left: 0px; background: #ffffff; opacity: 0.4; padding: 0px; transition: all 400ms ease 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_54_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_54_1{ top: 0px; background-color: #ffffff; opacity: 0.6; padding: 0px;} #et-boc .et-l .mgom_54_2{ top: 0px; left: 0px; background: rgba(255,255,255, 0.7);} #et-boc .et-l .mg_box:hover .mgom_54_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_54_2{ top: 0px; left: 0px; background-color: rgba(255,255,255, 1);} #et-boc .et-l .mg_box .mgom_54_3.mgom_txt_wrap{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box .mgom_54_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_54_3.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_54_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_54_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_54_3.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_54_3.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_54_3 .mgom_mark, #et-boc .et-l .mgom_54 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_54 .mg_title_under .mgom_layer *{ transition: all 400ms ease 0ms;} #et-boc .et-l .mgom_54_3.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_54_3.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_54_3.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_55_0{ background: #4f4f4f; opacity: 0.7; color: #fdfdfd;transform: rotate(0deg); transition: all 400ms ease 0ms; z-index: 1090;} #et-boc .et-l .mg_box:hover .mgom_55_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_0{ background-color: #4f4f4f; opacity: 1; transform: rotate(360deg);} #et-boc .et-l .mgom_55_0 div, #et-boc .et-l .mgom_55_0 div:before, #et-boc .et-l .mgom_55_0 div:after{ background-color: #4f4f4f; border-color: #4f4f4f;} #et-boc .et-l .mg_box:hover .mgom_55_0 div, #et-boc .et-l .mg_box:hover .mgom_55_0 div:before, #et-boc .et-l .mg_box:hover .mgom_55_0 div:after, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_0 div, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_0 div:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_0 div:after{ background-color: #4f4f4f; border-color: #4f4f4f;} #et-boc .et-l .mgom_55_1{ background: #fdfdfd; opacity: 0.1; padding: 0px; transition: all 400ms ease 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_55_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_1{ background-color: #fdfdfd; opacity: 0.1; padding: 0px; transition-delay: 0.15s !important;} #et-boc .et-l .mgom_55_2{ top: 0px; left: 0px; background: rgba(255,255,255, 0.7);} #et-boc .et-l .mg_box:hover .mgom_55_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_2{ top: 0px; left: 0px; background-color: rgba(255,255,255, 1);} #et-boc .et-l .mg_box .mgom_55_3.mgom_txt_wrap{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box .mgom_55_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_55_3.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_55_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_55_3.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_3.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_55_3 .mgom_mark, #et-boc .et-l .mgom_55 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_55 .mg_title_under .mgom_layer *{ transition: all 400ms ease 0ms;} #et-boc .et-l .mgom_55_3.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_55_3.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_55_3.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_56_0{ text-align: center; font-size: 17px; color: #fdfdfd;line-height: 21px; font-weight: bold;margin-bottom: 15px !important;} #et-boc .et-l .mg_box:hover .mgom_56_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_56_0{ color: #fdfdfd;} #et-boc .et-l .mgom_56_1{ text-align: center; font-size: 13px; color: #ffffff;line-height: 17px; max-height: 600px; margin-bottom: 15px !important;} #et-boc .et-l .mg_box:hover .mgom_56_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_56_1{ color: #ffffff;} #et-boc .et-l .mgom_56_2{ justify-content: center; background: rgba(34,34,34, 0.3);} #et-boc .et-l .mg_box:hover .mgom_56_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_56_2{ background-color: rgba(34,34,34, 0.8);} #et-boc .et-l .mg_box .mgom_56_3.mgom_txt_wrap{ transition: all 400ms ease-out 0ms;} #et-boc .et-l .mg_box .mgom_56_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_56_3.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease-out 0ms;} #et-boc .et-l .mg_box:hover .mgom_56_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_56_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_56_3.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_56_3.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_56_3 .mgom_mark, #et-boc .et-l .mgom_56 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_56 .mg_title_under .mgom_layer *{ transition: all 400ms ease-out 0ms;} #et-boc .et-l .mgom_56_3.mgom_txt_wrap{ transition: all 400ms ease-out 0ms; justify-content: center;} #et-boc .et-l .mg_box:hover .mgom_56_3.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_56_3.mgom_txt_wrap{} #et-boc .et-l .mgom_57_0{ bottom: 13px !important; right: 13px !important; justify-content: flex-end; align-items: flex-end;font-size: 19px; color: #fff;opacity: 0.9; transition: all 200ms linear 0ms; z-index: 1090;} #et-boc .et-l .mg_box:hover .mgom_57_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_0{ font-size: 19px; color: #383838;opacity: 0.9;} #et-boc .et-l .mgom_57_1{ top: 0px; left: 0px;padding: 0px; opacity: 0; transition: all 400ms ease 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_57_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_1{ top: 0px; left: 0px;padding: 35px; opacity: 0.4;} #et-boc .et-l .mgom_57_1:before{ transition: all 400ms ease 0ms; top: 0px; right: 0px; bottom: 0px; left: 0px; box-shadow: 0 0 0 0px #888;} #et-boc .et-l .mg_box:hover .mgom_57_1:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_1:before{ border-color: #888;transition-delay: 0.3s !important; top: 35px; right: 35px; bottom: 35px; left: 35px; box-shadow: 0 0 0 2px #888;} #et-boc .et-l .mgom_57_2{ top: 0px; left: 0px; background: #ffffff; opacity: 0; padding: 0px; transform: scale(0.6) translateX(-13px); transition: all 250ms ease-out 0ms; z-index: 870;} #et-boc .et-l .mg_box:hover .mgom_57_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_2{ top: 0px; left: 0px; background-color: #ffffff; opacity: 0.8; padding: 0px; transform: scale(1.0) translateX(0);} #et-boc .et-l .mgom_57_3{ text-align: center; font-size: 16px; color: #4f4f4f;line-height: 19px; font-weight: bold;text-transform: uppercase;} #et-boc .et-l .mg_box:hover .mgom_57_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_3{ color: #555;transition-delay: 0.15s !important;} #et-boc .et-l .mgom_57_4{ top: 0px; left: 0px;justify-content: center; background: rgba(255,255,255, 0); padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px;} #et-boc .et-l .mg_box:hover .mgom_57_4, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_4{ top: 0px; left: 0px; background-color: rgba(255,255,255, 0);} #et-boc .et-l .mg_box .mgom_57_5.mgom_txt_wrap{ transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;} #et-boc .et-l .mg_box .mgom_57_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_57_5.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; transform: scale(0.6);} #et-boc .et-l .mg_box:hover .mgom_57_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_57_5.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_5.mgom_txt_wrap .mg-twitter-icon:before{ transform: scale(1.0);} #et-boc .et-l .mg_box .mgom_57_5 .mgom_mark, #et-boc .et-l .mgom_57 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_57 .mg_title_under .mgom_layer *{ transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;} #et-boc .et-l .mg_box .mgom_57_5.mgom_txt_wrap{ transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms;} #et-boc .et-l .mg_box .mgom_57_5.mgom_txt_wrap .mgom_layer{ opacity: 0;} #et-boc .et-l .mg_box:hover .mgom_57_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_5.mgom_txt_wrap .mgom_layer{ opacity: 1;} #et-boc .et-l .mgom_57_5.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; justify-content: center;} #et-boc .et-l .mg_box:hover .mgom_57_5.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_57_5.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_58_0{ text-align: left; font-size: 15px; color: #fdfdfd;line-height: 20px; font-weight: bold;} #et-boc .et-l .mg_box:hover .mgom_58_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_58_0{ color: #fdfdfd;} #et-boc .et-l .mgom_58_1{ text-align: left; font-size: 14px; color: #fefefe;line-height: 19px; max-height: 600px; margin-top: 15px !important;} #et-boc .et-l .mg_box:hover .mgom_58_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_58_1{ color: #fefefe;transition-delay: 0.1s !important;} #et-boc .et-l .mgom_58_2{ bottom: -100%; left: 0px; background: rgba(21,21,21, 0.7);} #et-boc .et-l .mg_box:hover .mgom_58_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_58_2{ bottom: 0px; left: 0px; background-color: rgba(21,21,21, 0.8);} #et-boc .et-l .mg_box .mgom_58_3.mgom_txt_wrap{ transition: all 500ms ease 0ms;} #et-boc .et-l .mg_box .mgom_58_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_58_3.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 500ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_58_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_58_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_58_3.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_58_3.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_58_3 .mgom_mark, #et-boc .et-l .mgom_58 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_58 .mg_title_under .mgom_layer *{ transition: all 500ms ease 0ms;} #et-boc .et-l .mgom_58_3.mgom_txt_wrap{ bottom: -100%; left: 0px; transition: all 500ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_58_3.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_58_3.mgom_txt_wrap{ bottom: 0px; left: 0px;} #et-boc .et-l .mgom_58 .mgom_txt_wrap{ justify-content: flex-start;} #et-boc .et-l .mgom_59_0{ bottom: -150px; right: -150px; background: #fdfdfd; opacity: 1; color: #535353; transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 1090;} #et-boc .et-l .mg_box:hover .mgom_59_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_59_0{ bottom: -80px; right: -80px;opacity: 1; transition-delay: 0.25s !important;} #et-boc .et-l .mgom_59_1{ background: #ffffff; opacity: 0.2; transition: all 700ms ease 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_59_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_59_1{ background-color: #ffffff; opacity: 0.6; transition-delay: 0.1s !important;} #et-boc .et-l .mgom_59_2{ transition: all 400ms ease 0ms; z-index: 870;} #et-boc .et-l .mg_box:hover .mgom_59_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_59_2{} #et-boc .et-l .mgom_59_3{ top: 0px; left: 0px; background: rgba(255,255,255, 0);} #et-boc .et-l .mg_box:hover .mgom_59_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_59_3{ top: 0px; left: 0px; background-color: rgba(255,255,255, 0);} #et-boc .et-l .mg_box .mgom_59_4.mgom_txt_wrap{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box .mgom_59_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_59_4.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_59_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_59_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_59_4.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_59_4.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_59_4 .mgom_mark, #et-boc .et-l .mgom_59 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_59 .mg_title_under .mgom_layer *{ transition: all 400ms ease 0ms;} #et-boc .et-l .mgom_59_4.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_59_4.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_59_4.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_60_0{ align-items: center; justify-content: center;font-size: 39px; color: #fff;opacity: 0; transform: scale(1.4); transition: all 400ms ease-out 0ms; z-index: 890;} #et-boc .et-l .mg_box:hover .mgom_60_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_60_0{ font-size: 39px; color: #fff;opacity: 0.9; transform: scale(1.0); transition-delay: 0.1s !important;} #et-boc .et-l .mgom_60_1{ background: #333; opacity: 0.1; transition: all 350ms linear 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_60_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_60_1{ background-color: #333; opacity: 0.15; transition-delay: 0.05s !important;} #et-boc .et-l .mgom_60_2{ transition: all 400ms ease-out 0ms; z-index: 870;} #et-boc .et-l .mg_box:hover .mgom_60_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_60_2{} #et-boc .et-l .mgom_60_3{ top: 0px; left: 0px; background: rgba(255,255,255, 0);} #et-boc .et-l .mg_box:hover .mgom_60_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_60_3{ top: 0px; left: 0px; background-color: rgba(255,255,255, 0);} #et-boc .et-l .mg_box .mgom_60_4.mgom_txt_wrap{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box .mgom_60_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_60_4.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_60_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_60_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_60_4.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_60_4.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_60_4 .mgom_mark, #et-boc .et-l .mgom_60 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_60 .mg_title_under .mgom_layer *{ transition: all 400ms ease 0ms;} #et-boc .et-l .mgom_60_4.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_60_4.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_60_4.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_61_0{ top: 0px; left: 0px; background: #333; opacity: 0; color: #fff;transform: scale(0.6) perspective(750px) rotateY(-180deg); transition: all 450ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 1090;} #et-boc .et-l .mg_box:hover .mgom_61_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_0{ top: 0px; left: 0px; background-color: #333; opacity: 0.9; transform: scale(1.0) perspective(750px) rotateY(0deg); transition-delay: 0.15s !important;} #et-boc .et-l .mgom_61_0 div, #et-boc .et-l .mgom_61_0 div:before, #et-boc .et-l .mgom_61_0 div:after{ background-color: #333; border-color: #333;} #et-boc .et-l .mg_box:hover .mgom_61_0 div, #et-boc .et-l .mg_box:hover .mgom_61_0 div:before, #et-boc .et-l .mg_box:hover .mgom_61_0 div:after, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_0 div, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_0 div:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_0 div:after{ background-color: #333; border-color: #333;} #et-boc .et-l .mgom_61_1{ background: #ffffff; opacity: 0.1; transition: all 250ms ease 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_61_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_1{ background-color: #ffffff; opacity: 0.4;} #et-boc .et-l .mgom_61_1 div{ background: #ffffff; transition: all 250ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_61_1 div, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_1 div{ background-color: #ffffff;} #et-boc .et-l .mgom_61_2{ top: 0px; left: 0px; background: rgba(255,255,255, 0);} #et-boc .et-l .mg_box:hover .mgom_61_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_2{ top: 0px; left: 0px; background-color: rgba(255,255,255, 0);} #et-boc .et-l .mg_box .mgom_61_3.mgom_txt_wrap{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box .mgom_61_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_61_3.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_61_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_3.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_61_3.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_3.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_61_3 .mgom_mark, #et-boc .et-l .mgom_61 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_61 .mg_title_under .mgom_layer *{ transition: all 400ms ease 0ms;} #et-boc .et-l .mgom_61_3.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_61_3.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_61_3.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_62_0{ align-items: center; justify-content: center;font-size: 27px; color: #ffffff;opacity: 0.9; transform: scale(1.4); transition: all 400ms ease-in-out 0ms; z-index: 1090;} #et-boc .et-l .mg_box:hover .mgom_62_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_0{ font-size: 27px; color: #ffffff;opacity: 0.4; transform: scale(1.0);} #et-boc .et-l .mgom_62_1{ top: 0px; left: 0px; background: #242424; opacity: 0; padding: 0px; transition: all 400ms ease 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_62_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_1{ top: 0px; left: 0px; background-color: #242424; opacity: 0.1; padding: 0px;} #et-boc .et-l .mgom_62_2{ text-align: center; font-size: 15px; color: #383838;line-height: 17px; text-transform: uppercase;} #et-boc .et-l .mg_box:hover .mgom_62_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_2{ color: #5c5c5c;transition-delay: 0.05s !important;} #et-boc .et-l .mgom_62_3{ color: #cfcfcf; border-bottom: 1px dotted #cfcfcf;} #et-boc .et-l .mg_box:hover .mgom_62_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_3{ transition-delay: 0.05s !important;} #et-boc .et-l .mgom_62_4{ color: #b2b2b2;font-size: 18px; line-height: 32px;} #et-boc .et-l .mg_box:hover .mgom_62_4, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_4{ color: #808080;} #et-boc .et-l .mgom_62_4 span{ font-size: 18px; width: 18px; height: 18px;} #et-boc .et-l .mg_box .mgom_62_4 span{ color: #b2b2b2;} #et-boc .et-l .mg_box .mgom_62_4 span.mg-twitter-icon:before{ background: #b2b2b2;} #et-boc .et-l .mg_box:hover .mgom_62_4 span:hover, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_4 span{ color: #808080;} #et-boc .et-l .mg_box:hover .mgom_62_4 span.mg-twitter-icon:hover:before, #et-boc .et-l .mg_box:not(.mg_touch_off):hover .mgom_62_4 span.mg-twitter-icon:hover:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_4 span.mg-twitter-icon:hover:before{ background-color: #808080;} #et-boc .et-l .mgom_62_4 .mg_round_social_trick{ box-shadow: 0 0 0 3px #b2b2b2 inset;} #et-boc .et-l .mgom_62_4 .mg_round_social_trick:hover{ box-shadow: 0 0 0 3px #808080 inset;} #et-boc .et-l .mgom_62_5{ bottom: -100%; left: 0px; background: rgba(255,255,255, 1); padding-top: 13px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px;} #et-boc .et-l .mg_box:hover .mgom_62_5, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_5{ bottom: 0px; left: 0px; background-color: rgba(255,255,255, 1);} #et-boc .et-l .mg_box .mgom_62_6.mgom_txt_wrap{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box .mgom_62_6.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_62_6.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease 0ms; transform: scale(0.6);} #et-boc .et-l .mg_box:hover .mgom_62_6.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_6.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_62_6.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_6.mgom_txt_wrap .mg-twitter-icon:before{ transform: scale(1.0);} #et-boc .et-l .mg_box .mgom_62_6 .mgom_mark, #et-boc .et-l .mgom_62 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_62 .mg_title_under .mgom_layer *{ transition: all 400ms ease 0ms;} #et-boc .et-l .mgom_62_6.mgom_txt_wrap{ bottom: -100%; left: 0px; transition: all 400ms ease 0ms; padding-top: 13px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px;} #et-boc .et-l .mg_box:hover .mgom_62_6.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_62_6.mgom_txt_wrap{ bottom: 0px; left: 0px;} #et-boc .et-l .mgom_63_0{ z-index: 890;} #et-boc .et-l .mg_box:hover .mgom_63_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_0{} #et-boc .et-l .mgom_63_1{ top: 0px; left: 0px; background: #ffffff; opacity: 0; color: #ffffff;transform: scale(1.4); transition: all 500ms ease 0ms; z-index: 1080;} #et-boc .et-l .mg_box:hover .mgom_63_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_1{ top: 0px; left: 0px; background-color: #ffffff; opacity: 1; transform: scale(1.0);} #et-boc .et-l .mgom_63_1 div, #et-boc .et-l .mgom_63_1 div:before, #et-boc .et-l .mgom_63_1 div:after{ background-color: #ffffff; border-color: #ffffff;} #et-boc .et-l .mg_box:hover .mgom_63_1 div, #et-boc .et-l .mg_box:hover .mgom_63_1 div:before, #et-boc .et-l .mg_box:hover .mgom_63_1 div:after, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_1 div, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_1 div:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_1 div:after{ background-color: #ffffff; border-color: #ffffff;} #et-boc .et-l .mgom_63_2{ top: 0px; left: 0px; background: #ffffff; opacity: 0; padding: 10px; transition: all 600ms ease 0ms; z-index: 870;} #et-boc .et-l .mg_box:hover .mgom_63_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_2{ top: 0px; left: 0px; background-color: #ffffff; opacity: 0.15;} #et-boc .et-l .mgom_63_3{ top: 0px; left: 0px; background: rgba(255,255,255, 0.7);} #et-boc .et-l .mg_box:hover .mgom_63_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_3{ top: 0px; left: 0px; background-color: rgba(255,255,255, 1);} #et-boc .et-l .mg_box .mgom_63_4.mgom_txt_wrap{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box .mgom_63_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_63_4.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_63_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_63_4.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_4.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_63_4 .mgom_mark, #et-boc .et-l .mgom_63 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_63 .mg_title_under .mgom_layer *{ transition: all 400ms ease 0ms;} #et-boc .et-l .mgom_63_4.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_63_4.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_63_4.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_64_0{ background: #292929; opacity: 0; transition: all 300ms ease-in-out 0ms; z-index: 890;} #et-boc .et-l .mg_box:hover .mgom_64_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_0{ background-color: #292929; opacity: 0.1;} #et-boc .et-l .mgom_64_0 div{ background: #292929; transition: all 300ms ease-in-out 0ms;} #et-boc .et-l .mg_box:hover .mgom_64_0 div, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_0 div{ background-color: #292929;} #et-boc .et-l .mgom_64_1{ transition: all 400ms ease 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_64_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_1{} #et-boc .et-l .mgom_64_2{ text-align: center; font-size: 17px; color: #ffffff;line-height: 19px; margin-bottom: 12px !important;} #et-boc .et-l .mg_box:hover .mgom_64_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_2{ color: #ffffff;transition-delay: 0.1s !important;} #et-boc .et-l .mgom_64_3{ font-size: 12px; line-height: 13px; align-self: center; text-transform: uppercase;padding-top: 5px; padding-bottom: 4px; border: 2px solid #ffffff; border-radius: 2px; background: transparent; color: #ffffff;margin-top: 15px !important;} #et-boc .et-l .mg_box:hover .mgom_64_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_3{ border-color: #ffffff; background-color: transparent; color: #ffffff;transition-delay: 0.15s !important;} #et-boc .et-l .mgom_64_4{ bottom: -100%; left: 0px; background: rgba(66,66,66, 0.6);} #et-boc .et-l .mg_box:hover .mgom_64_4, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_4{ bottom: 0px; left: 0px; background-color: rgba(41,41,41, 0.8);} #et-boc .et-l .mg_box .mgom_64_5.mgom_txt_wrap{ transition: all 600ms ease 0ms;} #et-boc .et-l .mg_box .mgom_64_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_64_5.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 600ms ease 0ms; transform: perspective(750px) rotateX(-180deg);} #et-boc .et-l .mg_box:hover .mgom_64_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_64_5.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_5.mgom_txt_wrap .mg-twitter-icon:before{ transform: perspective(750px) rotateX(0deg);} #et-boc .et-l .mg_box .mgom_64_5 .mgom_mark, #et-boc .et-l .mgom_64 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_64 .mg_title_under .mgom_layer *{ transition: all 600ms ease 0ms;} #et-boc .et-l .mgom_64_5.mgom_txt_wrap{ bottom: -100%; left: 0px; transition: all 600ms ease 0ms;} #et-boc .et-l .mg_box:hover .mgom_64_5.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_64_5.mgom_txt_wrap{ bottom: 0px; left: 0px;} #et-boc .et-l .mgom_65_0{ z-index: 890;} #et-boc .et-l .mg_box:hover .mgom_65_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_65_0{} #et-boc .et-l .mgom_65_1{ background: #ffffff; opacity: 0.1; transition: all 400ms ease-in-out 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_65_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_65_1{ background-color: #ffffff; opacity: 0.8;} #et-boc .et-l .mgom_65_2{ font-size: 27px; line-height: 27px; align-self: flex-start; font-weight: bold;font-family: Times New Roman; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; border: 2px solid #606060; border-radius: 50px; background: #696969; color: #ffffff;} #et-boc .et-l .mg_box:hover .mgom_65_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_65_2{ border-color: #606060; background-color: #696969; color: #ffffff;} #et-boc .et-l .mgom_65_3{ bottom: -100%; left: 0px; background: rgba(255,255,255, 0); padding-bottom: 1px; padding-left: 6px;} #et-boc .et-l .mg_box:hover .mgom_65_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_65_3{ bottom: 0px; left: 0px; background-color: rgba(255,255,255, 0);} #et-boc .et-l .mg_box .mgom_65_4.mgom_txt_wrap{ transition: all 400ms linear 0ms;} #et-boc .et-l .mg_box .mgom_65_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_65_4.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms linear 0ms;} #et-boc .et-l .mg_box:hover .mgom_65_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_65_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_65_4.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_65_4.mgom_txt_wrap .mg-twitter-icon:before{} #et-boc .et-l .mg_box .mgom_65_4 .mgom_mark, #et-boc .et-l .mgom_65 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_65 .mg_title_under .mgom_layer *{ transition: all 400ms linear 0ms;} #et-boc .et-l .mg_box .mgom_65_4.mgom_txt_wrap{ transition: all 400ms linear 0ms;} #et-boc .et-l .mg_box .mgom_65_4.mgom_txt_wrap .mgom_layer{ opacity: 0;} #et-boc .et-l .mg_box:hover .mgom_65_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_65_4.mgom_txt_wrap .mgom_layer{ opacity: 1;} #et-boc .et-l .mgom_65_4.mgom_txt_wrap{ bottom: -100%; left: 0px; transition: all 400ms linear 0ms; padding-bottom: 1px; padding-left: 6px;} #et-boc .et-l .mg_box:hover .mgom_65_4.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_65_4.mgom_txt_wrap{ bottom: 0px; left: 0px;} #et-boc .et-l .mgom_65 .mgom_txt_wrap{ justify-content: flex-start;} #et-boc .et-l .mgom_66_0{ border: 6px solid #ff551c; opacity: 0.7; transition: all 450ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 890;} #et-boc .et-l .mg_box:hover .mgom_66_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_0{ border-color: #ff551c;opacity: 1; transition-delay: 0.6s !important;} #et-boc .et-l .mg_box:hover .mgom_66_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_0{ border-width: 6px;} #et-boc .et-l .mgom_66_1{ top: -100%; left: 0px; background: #000; opacity: 0; padding: 0px; transition: all 500ms ease-out 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_66_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_1{ top: 0px; background-color: #000; opacity: 0.2; padding: 0px;} #et-boc .et-l .mgom_66_2{ text-align: left; font-size: 17px; color: #fefefe;line-height: 22px; font-weight: bold;margin-bottom: 20px !important;} #et-boc .et-l .mg_box:hover .mgom_66_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_2{ color: #fefefe;} #et-boc .et-l .mgom_66_2 .mgom_mark{ background-color: #ff551c; box-shadow: 0 0 0 3px #ff551c; outline: 4px solid #ff551c; color: #fefefe;} #et-boc .et-l .mg_box:hover .mgom_66_2 .mgom_mark, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_2 .mgom_mark{ background-color: #ff551c; box-shadow: 0 0 0 3px #ff551c; outline: 4px solid #ff551c; color: #fefefe;} #et-boc .et-l .mgom_66_3{ text-align: left; font-size: 14px; color: #fff;line-height: 23px; max-height: 60px; margin-bottom: 25px !important;} #et-boc .et-l .mg_box:hover .mgom_66_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_3{ color: #fff;transition-delay: 0.2s !important;} #et-boc .et-l .mgom_66_3 .mgom_mark{ background-color: #ff551c; box-shadow: 0 0 0 3px #ff551c; outline: 4px solid #ff551c; color: #fff;} #et-boc .et-l .mg_box:hover .mgom_66_3 .mgom_mark, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_3 .mgom_mark{ background-color: #ff551c; box-shadow: 0 0 0 3px #ff551c; outline: 4px solid #ff551c; color: #fff;} #et-boc .et-l .mgom_66_4{ bottom: -100%; left: 0px; background: rgba(255,255,255, 0); padding-top: 15px; padding-right: 15px; padding-bottom: 4px; padding-left: 15px;} #et-boc .et-l .mg_box:hover .mgom_66_4, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_4{ bottom: 0px; left: 0px; background-color: rgba(255,255,255, 0);} #et-boc .et-l .mg_box .mgom_66_5.mgom_txt_wrap{ transition: all 450ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms;} #et-boc .et-l .mg_box .mgom_66_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_66_5.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 450ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; transform: perspective(750px) rotateX(-90deg); transform-origin: center top;} #et-boc .et-l .mg_box:hover .mgom_66_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_66_5.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_5.mgom_txt_wrap .mg-twitter-icon:before{ transform: perspective(750px) rotateX(0deg);} #et-boc .et-l .mg_box .mgom_66_5 .mgom_mark, #et-boc .et-l .mgom_66 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_66 .mg_title_under .mgom_layer *{ transition: all 450ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms;} #et-boc .et-l .mgom_66_5.mgom_txt_wrap{ bottom: -100%; left: 0px; transition: all 450ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; padding-top: 15px; padding-right: 15px; padding-bottom: 4px; padding-left: 15px;} #et-boc .et-l .mg_box:hover .mgom_66_5.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_66_5.mgom_txt_wrap{ bottom: 0px; left: 0px;} #et-boc .et-l .mgom_67_0{ align-items: center; justify-content: center;font-size: 29px; color: #ffffff;opacity: 0; transform: scale(0.6) translateY(13px); transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 1090;} #et-boc .et-l .mg_box:hover .mgom_67_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_67_0{ font-size: 29px; color: #ffffff;opacity: 1; transform: scale(1.0) translateY(0); transition-delay: 0.6s !important;} #et-boc .et-l .mgom_67_1{ transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_67_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_67_1{} #et-boc .et-l .mgom_67_2{ text-align: center; font-size: 19px; color: #fefefe;line-height: 40px; margin-bottom: 58px !important;} #et-boc .et-l .mg_box:hover .mgom_67_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_67_2{ color: #fefefe;transition-delay: 0.15s !important;} #et-boc .et-l .mgom_67_3{ font-size: 14px; line-height: 19px; align-self: center; text-transform: uppercase;border: 0px solid #444444; border-radius: 2px; background: #7eb551; color: #fefefe;} #et-boc .et-l .mg_box:hover .mgom_67_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_67_3{ border-color: #666666; background-color: #7eb551; color: #fefefe;transition-delay: 0.15s !important;} #et-boc .et-l .mgom_67_4{ top: 0px; left: 0px;justify-content: center; background: rgba(99,160,49, 0.8);} #et-boc .et-l .mg_box:hover .mgom_67_4, #et-boc .et-l .mg_box.mg_ctob_show .mgom_67_4{ top: 0px; left: 0px; background-color: rgba(99,160,49, 1);} #et-boc .et-l .mg_box .mgom_67_5.mgom_txt_wrap{ transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms;} #et-boc .et-l .mg_box .mgom_67_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_67_5.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; transform: perspective(750px) rotateY(-180deg);} #et-boc .et-l .mg_box:hover .mgom_67_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_67_5.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_67_5.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_67_5.mgom_txt_wrap .mg-twitter-icon:before{ transform: perspective(750px) rotateY(0deg);} #et-boc .et-l .mg_box .mgom_67_5 .mgom_mark, #et-boc .et-l .mgom_67 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_67 .mg_title_under .mgom_layer *{ transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms;} #et-boc .et-l .mgom_67_5.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 700ms cubic-bezier(0.680, -0.850, 0.265, 1.850) 0ms; justify-content: center;} #et-boc .et-l .mg_box:hover .mgom_67_5.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_67_5.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_68_0{ bottom: 13px !important; right: 13px !important; justify-content: flex-end; align-items: flex-end;font-size: 18px; color: #ffffff;opacity: 0; transform: scale(0.6); transition: all 300ms ease 0ms; z-index: 1090;} #et-boc .et-l .mg_box:hover .mgom_68_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_0{ font-size: 18px; color: #ffffff;opacity: 1; transform: scale(1.0); transition-delay: 0.5s !important;} #et-boc .et-l .mgom_68_1{ top: 0px; left: 0px;padding: 0px; opacity: 0.4; transform: scale(1.4); transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; z-index: 1080;} #et-boc .et-l .mg_box:hover .mgom_68_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_1{ top: 0px; left: 0px;padding: 8px; opacity: 0.4; transform: scale(1.0);} #et-boc .et-l .mgom_68_1:before{ transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0ms; top: 0px; right: 0px; bottom: 0px; left: 0px; box-shadow: 0 0 0 2px #fff;} #et-boc .et-l .mg_box:hover .mgom_68_1:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_1:before{ border-color: #fff;transition-delay: 0.5s !important; top: 8px; right: 8px; bottom: 8px; left: 8px; box-shadow: 0 0 0 2px #fff;} #et-boc .et-l .mgom_68_2{ transition: all 600ms ease 0ms; z-index: 870;} #et-boc .et-l .mg_box:hover .mgom_68_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_2{} #et-boc .et-l .mgom_68_3{ text-align: left; font-size: 19px; color: #fefefe;line-height: 22px; text-transform: uppercase;margin-bottom: 25px !important;} #et-boc .et-l .mg_box:hover .mgom_68_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_3{ color: #fefefe;} #et-boc .et-l .mgom_68_3 .mgom_mark{ background-color: #7eb551; box-shadow: 0 0 0 3px #7eb551; outline: 4px solid #7eb551; color: #fefefe;} #et-boc .et-l .mg_box:hover .mgom_68_3 .mgom_mark, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_3 .mgom_mark{ background-color: #7eb551; box-shadow: 0 0 0 3px #7eb551; outline: 4px solid #7eb551; color: #fefefe;} #et-boc .et-l .mgom_68_4{ text-align: left; font-size: 16px; color: #fff;line-height: 21px; max-height: 50px;} #et-boc .et-l .mg_box:hover .mgom_68_4, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_4{ color: #fff;} #et-boc .et-l .mgom_68_5{ top: 0px; left: 0px;justify-content: center; background: rgba(99,160,49, 0.9); padding-top: 25px; padding-right: 30px; padding-bottom: 25px; padding-left: 30px;} #et-boc .et-l .mg_box:hover .mgom_68_5, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_5{ top: 0px; left: 0px; background-color: rgba(99,160,49, 1);} #et-boc .et-l .mg_box .mgom_68_6.mgom_txt_wrap{ transition: all 600ms ease 0ms;} #et-boc .et-l .mg_box .mgom_68_6.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_68_6.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 600ms ease 0ms; transform: perspective(750px) rotateY(-90deg); transform-origin: right center;} #et-boc .et-l .mg_box:hover .mgom_68_6.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_6.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_68_6.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_6.mgom_txt_wrap .mg-twitter-icon:before{ transform: perspective(750px) rotateY(0deg);} #et-boc .et-l .mg_box .mgom_68_6 .mgom_mark, #et-boc .et-l .mgom_68 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_68 .mg_title_under .mgom_layer *{ transition: all 600ms ease 0ms;} #et-boc .et-l .mgom_68_6.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 600ms ease 0ms; padding-top: 25px; padding-right: 30px; padding-bottom: 25px; padding-left: 30px; justify-content: center;} #et-boc .et-l .mg_box:hover .mgom_68_6.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_68_6.mgom_txt_wrap{ top: 0px; left: 0px;} #et-boc .et-l .mgom_71_0{ align-items: center; justify-content: center;font-size: 32px; color: #222222;opacity: 0; transition: all 400ms ease 0ms; z-index: 890;} #et-boc .et-l .mg_box:hover .mgom_71_0, #et-boc .et-l .mg_box.mg_ctob_show .mgom_71_0{ font-size: 32px; color: #383838;opacity: 0;} #et-boc .et-l .mgom_71_1{ top: 0px; left: 0px; background: #000000; opacity: 0; padding: 0px; transform: translateY(13px); transition: all 400ms ease 0ms; z-index: 880;} #et-boc .et-l .mg_box:hover .mgom_71_1, #et-boc .et-l .mg_box.mg_ctob_show .mgom_71_1{ top: 0px; left: 0px; background-color: #ffffff; opacity: 0.7; padding: 0px; transform: translateY(0);} #et-boc .et-l .mgom_71_2{ text-align: center; font-size: 18px; color: transparent;line-height: 19px; font-weight: bold;} #et-boc .et-l .mg_box:hover .mgom_71_2, #et-boc .et-l .mg_box.mg_ctob_show .mgom_71_2{ color: #383838;} #et-boc .et-l .mgom_71_3{ top: 0px; left: 0px;justify-content: center; background: transparent;} #et-boc .et-l .mg_box:hover .mgom_71_3, #et-boc .et-l .mg_box.mg_ctob_show .mgom_71_3{ top: 0px; left: 0px; background-color: rgba(255,255,255, 0);} #et-boc .et-l .mg_box .mgom_71_4.mgom_txt_wrap{ transition: all 400ms ease 0ms;} #et-boc .et-l .mg_box .mgom_71_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box .mgom_71_4.mgom_txt_wrap .mg-twitter-icon:before{ transition: all 400ms ease 0ms; transform: scale(0.6);} #et-boc .et-l .mg_box:hover .mgom_71_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box.mg_ctob_show .mgom_71_4.mgom_txt_wrap .mgom_layer, #et-boc .et-l .mg_box:hover .mgom_71_4.mgom_txt_wrap .mg-twitter-icon:before, #et-boc .et-l .mg_box.mg_ctob_show .mgom_71_4.mgom_txt_wrap .mg-twitter-icon:before{ transform: scale(1.0);} #et-boc .et-l .mg_box .mgom_71_4 .mgom_mark, #et-boc .et-l .mgom_71 .mg_title_under .mgom_layer, #et-boc .et-l .mgom_71 .mg_title_under .mgom_layer *{ transition: all 400ms ease 0ms;} #et-boc .et-l .mgom_71_4.mgom_txt_wrap{ top: 0px; left: 0px; transition: all 400ms ease 0ms; justify-content: center;} #et-boc .et-l .mg_box:hover .mgom_71_4.mgom_txt_wrap, #et-boc .et-l .mg_box.mg_ctob_show .mgom_71_4.mgom_txt_wrap{ top: 0px; left: 0px;}