/* * Najma - Creative Multi-purpose Responsive Theme * Build Date: january 2017 * Author: MotivoWeb * Copyright (C) 2017 MotivoWeb */ /* ------------------------------------- */ /* TABLE OF CONTENTS /* ------------------------------------- 1. Generic styles 2. header 3. about 4. timeline 5. portifolio 6. vedio 7. team 8. pricing 9. testimonial 10. progress 11. counter-number 12. accordion , tabs 13. post 14. blog page 15. widgets 16. woocommerce 17. forms 18. footer 19. Media Queries ------------------------------------- */ /* 1. Generic styles ................... */ /* ------------------------------------- */ @font-face{ font-family: 'shabnam'; src:url('fonts/shabnam.eot?#') format('eot'), url('fonts/shabnam.woff') format('woff'), url('fonts/shabnam.ttf') format('truetype'); } @font-face{ font-family: 'vazir'; src:url('fonts/vazir.eot?#') format('eot'), url('fonts/vazir.woff') format('woff'), url('fonts/vazir.ttf') format('truetype'); } @font-face{ font-family: 'yekan'; src:url('fonts/yekan.eot?#') format('eot'), url('fonts/yekan.woff') format('woff'), url('fonts/yekan.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 900; src: url('fonts/eot/IRANSansWeb(FaNum)_Black.eot'); src: url('fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url('fonts/eot/IRANSansWeb(FaNum)_Medium.eot'); src: url('fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url('fonts/eot/IRANSansWeb(FaNum)_Light.eot'); src: url('fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url('fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot'); src: url('fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url('fonts/eot/IRANSansWeb(FaNum).eot'); src: url('fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 600; src: url('fonts/yekan/eot/iranyekanwebboldfanum.eot'); src: url('fonts/yekan/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/woff/iranyekanwebboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/yekan/ttf/iranyekanwebboldfanum.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 300; src: url('fonts/yekan/eot/iranyekanweblightfanum.eot'); src: url('fonts/yekan/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/woff/iranyekanweblightfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/yekan/ttf/iranyekanweblightfanum.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: normal; src: url('fonts/yekan/eot/iranyekanwebregularfanum.eot'); src: url('fonts/yekan/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/yekan/woff/iranyekanwebregularfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/yekan/ttf/iranyekanwebregularfanum.ttf') format('truetype'); } body { font-family: "Open Sans", sans-serif; color: #777; background-color: #fff; height: 100%; overflow-x: hidden; } .boxed { position: relative; width: 95%; margin-right: 2.5%; margin-left: 2.5%; margin-top: 2.5%; height: 100%; left: 0; z-index: 5; box-shadow: 0px 46px 48px 7px #c9c9c9; } .boxed .footer-fixed { width: 95%; margin-right: 2.5%; margin-left: 2.5%; } .boxed .menu-toggle { top: 60px; right: -110px; } .main-content { overflow: hidden; position: relative; z-index: 2; background-color: #fff; } .internal-content { min-height: 400px; padding-top: 60px; padding-bottom: 60px; background-color: #f7f7f7; } .page-404 { padding: 90px; } .lines .main-content { background-image: url(../images/bg_lines.jpg) !important; background-position: center 0 !important; background-repeat: repeat !important; } .lines .internal-content { background-color: transparent; } .boxed .internal-content { background-color: transparent; } .z-index-1 { z-index: -1; } .z-index1 { z-index: 1; } .z-index2 { z-index: 2; } .bg-grey { background-color: #e9e9e9; } .bg-light-grey { background-color: #f7f7f7; } .color-main, .nav-header-v1 > ul ul li a:hover, .nav-header-v1 > ul > li > a:hover, .mo_mini_cart > a.mo-icon:hover, #lang > ul li > ul a:hover, .mo-header-v4 .mo-search-header > a:hover, .mo-header-v4 .mo-cart-header > a:hover, .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a, .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a, .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a.active .cart_total, .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header:hover > a .cart_total, .mo-header-v6 .mo-search-header > a:hover, .mo-header-v6 .mo-cart-header > a:hover, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li:hover > a, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li:hover > a, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li.current-menu-item > a, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li.current-menu-ancestor > a, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li.current-menu-item > a, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li.current-menu-ancestor > a, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li.menu-item-has-children .nomega-menu-item > ul > li:hover > a, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li.menu-item-has-children .nomega-menu-item > ul > li.current-menu-item > a, .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li.menu-item-has-children .nomega-menu-item > ul > li.current-menu-ancestor > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li > a:hover, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li:hover > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li > a:hover, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li:hover > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li > a:hover, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li:hover > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-item > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-item > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.current-menu-item > a, .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.current-menu-ancestor > a, .service.style2 .icon-wrap, .timeline-year p, .timeline-title i, .counter-number.style1 i, .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body .mo-content-inner > h3, .mo-faq-style1.vc_toggle_default.vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_icon, .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .nectar-love.loved i, .posts_widget_list h4:hover a, .widget_najma_twitter ul li a, .woocommerce .star-rating span, .woocommerce .star-rating::before, .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .lightbox-gallery, .archive-product .mo-action-bar .woocommerce-ordering .mo-layout-view .mo-layout.active { color: #ffe200; } .bg-color-main, .button, .owl-theme .owl-controls .owl-dot.active span, .social-header-v1 li a:hover, .mo-search-header > a:before, .mo-search-header > a:after, .mo-cart-header > a:before, .mo-cart-header > a:after, .mo_mini_cart > a.mo-icon:hover span.cart_total, .mo-header-icon:hover:before, .mo-header-icon:hover:after, .mo-header-icon:hover span, .mo-header-v2 .mo-header-icon:hover:before, .mo-header-v2 .mo-header-icon:hover:after, .mo-header-v2 .mo-header-icon:hover span, .nav-menu-icon a i, .mo-header-v3 .mo-header-icon:hover:before, .mo-header-v3 .mo-header-icon:hover:after, .mo-header-v3 .mo-header-icon:hover span, .mo-header-v4 .mo-search-header > a:before, .mo-header-v4 .mo-search-header > a:after, .mo-header-v4 .mo-cart-header > a:before, .mo-header-v4 .mo-cart-header > a:after, .mo-header-v4 .social-header-v4 li a:hover i, .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a:hover, .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a.active, .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a.active, .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header:hover, .mo-header-v5 .mo-header-menu, .mo-header-v6 .mo-search-header > a:before, .mo-header-v6 .mo-search-header > a:after, .mo-header-v6 .mo-cart-header > a:hover .cart_total, .mo-header-v6 .mo-cart-header > a:before, .mo-header-v6 .mo-cart-header > a:after, .mo-header-v6 .social-header-v6 li a:hover i, .mo-left-navigation .mo-header-menu .social-header-lnav li a:hover i, .mo-left-navigation .mo-header-menu .social-header-lnav li a:focus i, .mo-left-navigation .mo-header-menu .widget .social-wrap > a:hover, .service.style3:hover .icon-wrap, .service.style7:hover, .img_about:before, .timeline-text-content:after, .timeline-details:hover .timeline-title:before, .portfolio-filter a:hover, .portfolio-filter a:active, .portfolio-filter a:focus, .portfolio-filter a > .active, .portfolio-effect2 .overlay, a.lightbox-video, .team-member figure, .team-member-temp2 .team-member-details:after, .team-member-temp3:hover .team-member-details-inner, .pricing-item.style2:hover h3, .pricing-item.style2:hover .pricing, .pricing-item.style2.pricing-best h3, .pricing-item.style2.pricing-best .pricing, .pricing-item.style2:hover .button, .pricing-item.style2.pricing-best .button, .map-style1:before, .progress-bar, .progress-bar-tooltip, .mo-pageable-style1.vc_tta-tabs.vc_tta-has-pagination .vc_pagination .vc_pagination-item .vc_pagination-trigger:hover, .mo-pageable-style1.vc_tta-tabs.vc_tta-has-pagination .vc_pagination .vc_pagination-item.vc_active .vc_pagination-trigger, .bt-progress-style1.vc_progress_bar .vc_single_bar .vc_label .vc_inner .vc_label_units, .bt-progress-style1.vc_progress_bar .vc_single_bar .vc_bar, .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar, .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar:after, .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar:before, .bt-progress-style3.vc_progress_bar .vc_single_bar .vc_bar, .bt-progress-style4.vc_progress_bar .vc_single_bar .vc_bar, .counter-number.style2:hover, .wpb_accordion .wpb_accordion_wrapper .ui-accordion-header-active a, .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a:before, .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .bg-dark .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .bg-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .tabs-accordion-dark .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .date-post, .nectar-love.loved span, .mo-pagination > a, .mo-pagination > span, .tags a:hover, .comment-respond .comment-form .form-submit .submit, .mc4wp-form .submit-newsletter, .social_links_widget a:hover, .tagcloud span a:hover, .tagcloud span a:active, .widget.widget_calendar .calendar_wrap table caption, .widget.widget_calendar .calendar_wrap table #today, .sidebar .social-media-widget ul li a:hover, .wpb_widgetised_column .social-media-widget ul li a:hover, .mo-product-carousel.tpl1 .product .mo-thumb .mo-overlay .mo-inner .mo-action > li > a, .mo-product-carousel.tpl1 .product:hover .mo-content, .mo-product-carousel.tpl2 .product .mo-overlay .mo-content .mo-title > a, .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .add_to_cart_button, .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .product_type_variable, .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .added_to_cart, .archive-product .grid .product .mo-thumb .mo-actions .add_to_cart_button, .archive-product .grid .product .mo-thumb .mo-actions .product_type_variable, .archive-product .list .product .mo-content .mo-actions .add_to_cart_button, .archive-product .list .product .mo-content .mo-actions .product_type_variable, .archive-product .list .product .mo-content .mo-actions .added_to_cart, .single-product .mo-product-item .mo-content .cart .single_add_to_cart_button, .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .add_to_cart_button, .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .product_type_variable, .woocommerce-cart .main-content .woocommerce .wc-proceed-to-checkout .checkout-button, .woocommerce-checkout .woocommerce #order_review #payment .place-order #place_order, .woocommerce-account .woocommerce form input.button, .woocommerce-account .woocommerce form.login .form-row input.button, .woocommerce-account .woocommerce form.lost_reset_password .form-row input.button, .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range, .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle, .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:before, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:before, #back-to-top span.icon-stack:hover, footer .social-media-widget li:hover, .mo-socials li:hover { background: #ffe200; } .border-color-main, .mo-header-onepage .mo-menu .mo-menu-list ul > li:hover > a:before, .mo-header-onepage .mo-menu .mo-menu-list ul > li:hover > a:after, .service.style2 .icon-wrap, .service.style7:hover, .timeline-title:before, .pricing-item.style2:hover, .pricing-item.style2.pricing-best, .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body, .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body, .mo-faq-style1.vc_toggle_default.vc_toggle.vc_toggle_active, .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active:after, .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading, .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active, .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .mo-countdown-clock.style2 .countdown-row .countdown-section, .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle, .input_field_line:focus, .input_field_line:hover, .input-filled .input_field_line { border-color: #ffe200 !important; } .bg-dark { background: #202020; } .bg-dark-black { background: #121212; } .bg-dark-black, .bg-dark, .white_txt { color: #fff; } .bg-dark-black h1, .bg-dark-black h2, .bg-dark-black h3, .bg-dark-black h4, .bg-dark-black h5, .bg-dark-black h6, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .white_txt h1, .white_txt h2, .white_txt h3, .white_txt h4, .white_txt h5, .white_txt h6 { color: #fff; } .bg-dark-black p, .bg-dark p, .white_txt p { color: #909090; } .bg-white { background: #fff; } .vc_row.bg-size { background-size: 100% !important; background-repeat: no-repeat !important; } .z-1 { z-index: -1; } .box-shadow { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .border-radius { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .scale-over { -webkit-transition: all 800ms linear; -moz-transition: all 800ms linear; -o-transition: all 800ms linear; transition: all 800ms linear; } .scale-over:hover { z-index: 4; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } ::-moz-selection { background: #ffe200; color: #121212; text-shadow: none; } ::selection { background: #ffe200; color: #121212; text-shadow: none; } ul li, ol li { padding: 0; margin: 0; } ul.mo-disc, ol.mo-disc { list-style-type: disc; } ul.mo-circle, ol.mo-circle { list-style-type: circle; } ul.mo-square, ol.mo-square { list-style-type: square; } ul.list { padding: 0; } ul.list li { line-height: 24px; list-style: none; } ul.list li:before { content: "\f104"; font-family: FontAwesome; padding-left: 0.5em; } a { cursor: pointer; text-decoration: none; color: #202020; } a:hover { color: #202020; text-decoration: none !important; outline: none !important; } a:active, a:focus { outline: none !important; text-decoration: none !important; color: #202020; } h1, h2, h3, h4, h5, h6 { line-height: 30px; letter-spacing: 0px; color: #202020; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } h1 { font-size: 32px; line-height: 42px; } h1.lrg { font-size: 48px; line-height: 48px; } h2 { font-size: 24px; line-height: 36px; } h2.lrg { font-size: 40px; line-height: 40px; } h3 { font-size: 20px; line-height: 28px; } h3.lrg { font-size: 32px; line-height: 40px; } h4 { font-size: 18px; line-height: 24px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 16px; line-height: 20px; } .bold { font-weight: bold; } .italic { font-style: normal; } .opacity-0 { opacity: 0; visibility: hidden; } .no-margin { margin: 0; } .no-margin-bottom { margin-bottom: 0; } .no-padding { padding: 0; } .no-padding-l { padding-left: 0; } .no-padding-r { padding-right: 0; } .center { text-align: center; margin: auto; display: block; float: none; } .float_left { float: left; } .float_right { float: right; } :focus { outline: none; } .form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* button */ .button { display: inline-block; margin: 1em 0; border: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #121212; padding: 12px 35px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .button:hover, .button:active, .button:focus { box-shadow: none; } .button.small { padding: 10px 25px; font-size: 12px; } .button.large { padding: 15px 40px; } .button.light { background: #fff; } .button.dark { background: #121212; color: #fff; } .button.grey { background: #f7f7f7; } .text-left .button { float: left; margin: 0 15px 0 0; } .text-right .button { float: right; margin: 0 0 0 15px; } /* title-section */ .title-section { position: relative; margin: 40px auto 20px; } .title-section h3 { position: initial; font-sise: 28px; z-index: 2; margin: 0px auto; text-align: center; font-weight: 700; } .title-section h5 { margin: auto; left: 0; right: 0; top: -15px; position: absolute; text-align: center; font-size: 12px; } .title-section .title_shadow_text { display: block; position: absolute; left: 0; right: 0; margin: auto; text-align: center; font-size: 40px; font-weight: 700; opacity: 0.2; color: #fff; top: -14px; line-height: 1; letter-spacing: 0px; z-index: 1; text-shadow: 2px 5px 2px rgba(0, 0, 0, 0.2); } .title-section:after { content: ''; position: absolute; top: -58px; height: 50px; width: 3px; display: block; background: #e9e9e9; left: 0; right: 0; margin: auto; opacity: 1; } .title-section_sec { position: relative; margin: 30px 0px; } .title-section_sec h3 { position: relative; z-index: 2; font-weight: 700; font-size: 28px; } .title-section_sec h5 { margin: auto; font-size: 12px; position: absolute; bottom: -20px; } .title-section_sec .title_shadow_text { display: block; position: absolute; font-size: 40px; font-weight: 700; opacity: 0.1; top: -15px; right: -2px; line-height: 1; letter-spacing: 0px; z-index: 1; } .title-section_third { position: relative; margin: 40px auto 40px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .title-section_third h3 { position: initial; z-index: 2; margin: 0px auto; text-align: center; font-size: 30px; font-weight: 700; } .title-section_third h5 { margin: auto; text-align: center; font-size: 12px; } .title-section_third .title_shadow_text { display: block; position: absolute; left: 0; right: 0; margin: auto; text-align: center; font-size: 46px; font-weight: 700; opacity: 0.04; top: -5px; line-height: 1; letter-spacing: 0px; z-index: 1; } .title-section_third:after { content: ''; position: absolute; bottom: -12px; height: 5px; width: 30px; display: block; background: #121212; left: 0; right: 0; margin: auto; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .title-section_third:hover:after { width: 40px; } .title-section-fourth { font-size: 30px; } /* marquee */ .marquee { width: 100%; height: 180px; position: absolute; overflow: hidden; } .marquee ul { width: 100%; height: 200px; position: relative; overflow: hidden; list-style: none; } .marquee li { position: absolute; width: 100%; height: 180px; top: 0; left: 100%; font-size: 130px; font-weight: 700; color: #000; opacity: 0.03; line-height: 1; letter-spacing: 0px; } /* demo */ .demo { position: relative; text-align: center; margin: auto; cursor: pointer; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .demo:hover { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); } .demo .demo_content { position: relative; overflow: hidden; margin-top: 40px; -webkit-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.2); } .demo:hover .demo_content { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .demo_img h3 { text-align: center; margin-top: 15px; } .mockup-blog { position: absolute; } .mockup-blog.blog1 { z-index: 1; } /* parallax */ .parallax { position: relative; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .overlay { background: #000; position: absolute !important; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7; } .parallax-container { position: relative; z-index: 5; } .parallax-container p, .parallax-container h1, .parallax-container h2, .parallax-container h3, .parallax-container h4, .parallax-container h5, .parallax-container h6 { color: #fff; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0 !important; } /* ------------------------------------- */ /* 2. header ........................... */ /* ------------------------------------- */ /* loader */ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #202020; z-index: 1001; } #status { width: 120px; height: 120px; position: absolute; top: calc(50vh - 60px); left: calc(50vw - 60px); margin: 0 auto; } #status span { position: relative; top: 30px; text-align: center; display: block; font-size: 10px; color: #f7f7f7; } .spinner { position: relative; height: 60px; width: 60px; border: 3px solid rgba(255, 255, 255, 0.2); border-top: 3px solid #ffe200; border-radius: 100%; -webkit-animation: rotation 0.6s infinite linear; animation: rotation 0.6s infinite linear; margin: 0 auto; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #202020; z-index: 1000; transform: translateX(0); } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loaded #loader-wrapper .loader-section.section-left { transform: translateX(-100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader-wrapper .loader-section.section-right { transform: translateX(100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #preloader { opacity: 0; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; transform: translateY(-100%); transition: all 0.3s 1s ease-out; } /* canvas */ .vc_row.wpb_row { position: relative; } canvas.pg-canvas, #canvas-sphere, #particles-js { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .rev-canvas .pg-canvas, .rev-canvas #canvas-sphere, .rev-canvas #particles-js { z-index: 2; } #canvas-sphere { opacity: 0.25; } #canvas-sphere canvas { height: 100% !important; width: 100% !important; } #canvas-sphere > div { display: none; } canvas.pg-canvas { opacity: 0.4; } /* menu(mo-header-v1)*/ .mo-header-v1 { position: absolute; z-index: 999; width: 100%; } .mo-header-v1 .logo { position: relative; vertical-align: middle; top: 13px; right: 10px; } .header-v1 { position: absolute; left: -250px; z-index: 999; width: 250px; background-color: #202020; color: #fff; top: 0; bottom: 0; transition: all .3s ease; } .mo-header-v1 .header-v1 { position: fixed; } .header-v1.open { left: 0; } .header-v1 nav { text-align: center; } .menu-toggle { width: 40px; height: 40px; position: absolute; top: 30px; left: -70px; cursor: pointer; transition: all .5s ease; } .menu-toggle span { position: absolute; height: 3px; width: 18px; top: 0px; right: 0px; background-color: #fff; display: block; top: 50%; bottom: auto; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 3px auto; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .menu-toggle span::before { position: absolute; height: 3px; width: 26px; content: " "; top: -7px; right: 0px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .menu-toggle span:before, .menu-toggle span:after { background: white; } .menu-toggle span::after { -moz-transform: translateY(8px); -o-transform: translateY(8px); -ms-transform: translateY(8px); -webkit-transform: translateY(8px); transform: translateY(8px); } .menu-toggle span::after { position: absolute; height: 3px; width: 21px; content: " "; top: -1px; right: 0px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .menu-toggle:hover span { width: 30px; } .menu-toggle.active span { width: 28px; background: transparent !important; } .menu-toggle.active span:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-toggle.active span:before, .menu-toggle.active span:after { width: 28px; background: white; } .menu-toggle.active span:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggle.active span:before, .menu-toggle.active span:after { width: 28px; background: white; top: 0; } .menu-toggle.dark span, .menu-toggle.dark span:before, .menu-toggle.dark span:after { background: #707070; } .menu-toggle.dark:hover span, .menu-toggle.dark:hover span:before, .menu-toggle.dark:hover span:after { background: #202020; } .nav-header-v1 > ul { padding: 50px 0; list-style: none; } .nav-header-v1 > ul ul { padding: 0; list-style: none; } .nav-header-v1 > ul ul li a { display: block; color: #707070; text-align: center; } .nav-header-v1 > ul > li > a { text-transform: uppercase; color: #fff; display: block; text-align: center; padding: 10px 15px; transition: all .3s ease; } .nav-header-v1 > ul > li > a:hover { background-color: #121212; } .social-header-v1 { text-align: center; position: absolute; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.8); } .social-header-v1 li { float: left; width: 20%; } .social-header-v1 li a { text-align: center; font-size: 18px; color: #707070; } .social-header-v1 li a:hover { color: #202020; } .navbar-toggle { border-color: #ddd; transition: all .3s ease; margin-top: 13px; } .navbar-toggle:hover { background-color: #eee; } .navbar-toggle:hover .icon-bar { background-color: #aaa; } .navbar-toggle .icon-bar { background-color: #ddd; } /* mo-search-header */ .mo-search-header { float: left; } .mo-search-header > a { font-size: 18px; float: right; width: 35px; height: 35px; line-height: 35px; margin-top: 12px; text-align: center; color: #FFF; -moz-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-search-header > a i { transform: rotate(90deg); } .mo-search-header > a:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 2px; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .mo-search-header > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 2px; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .mo-search-header > a:hover { color: #FFF; } .mo-search-header > a.active > i { opacity: 0; } .mo-search-header > a.active:before { width: 15px; opacity: 1; } .mo-search-header > a.active:after { width: 15px; opacity: 1; } .mo-header-menu .header_search { position: absolute; top: 100%; left: 0; display: none; padding: 30px; z-index: 999; -webkit-animation: fadeInUp 0.4s both; -moz-animation: fadeInUp 0.4s both; -o-animation: fadeInUp 0.4s both; animation: fadeInUp 0.4s both; } .mo-header-menu .header_search .search-field { margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0px; background: transparent; color: #f7f7f7; padding: 8px 45px 8px 15px; border-color: rgba(236, 236, 236, 0.1); } .mo-header-menu .header_search .search-submit, .mo-header-menu .header_search .fa-search { position: absolute; top: 32px; right: 32px; width: 30px; height: 42px; line-height: 35px; text-align: center; padding: 0; } .mo-header-menu .header_search .search-submit { opacity: 0; z-index: 9; } /* mo-cart-header */ .mo_mini_cart { float: left; } .mo-cart-header { float: right; width: 32px; height: 35px; line-height: 35px; margin-right: 7px; margin-top: 12px; text-align: center; -moz-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-cart-header > a { display: inline-block; font-size: 18px; line-height: 35px; color: #FFF; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-cart-header > a .cart_total { font-size: 10px; color: #FFF; background: #121212; position: absolute; right: 0; top: -2px; width: 15px; height: 15px; line-height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-cart-header > a:before, .mo-cart-header > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 2px; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .mo-cart-header > a:after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .mo-cart-header > a.active .cart_total { display: none; } .mo-cart-header > a.active > i { opacity: 0; } .mo-cart-header > a.active:before, .mo-cart-header > a.active:after { width: 15px; opacity: 1; } .mo-cart-header:hover > a { color: #ffffff; } .mo-cart-header:hover > a .cart_total { color: #121212; background: #ffffff; } .mo_mini_cart > a.mo-icon { color: #202020; } .mo_mini_cart > a.mo-icon:hover span.cart_total { color: #FFFFFF; } ul.cart_list { padding: 0; list-style: none; } .mo-cart-content { font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: uppercase; position: absolute; top: 100%; left: 0; display: none; background: #fff; padding: 30px; z-index: 999; -webkit-animation: fadeInUp 0.4s both; -moz-animation: fadeInUp 0.4s both; -o-animation: fadeInUp 0.4s both; animation: fadeInUp 0.4s both; } .mo-cart-content h6 { font-weight: 700 !important; text-transform: uppercase; text-align: center; margin-bottom: 15px; } .mo-cart-content .cart_list.product_list_widget .mini_cart_item { position: relative; padding: 8px 30px 8px 0; } .mo-cart-content .cart_list.product_list_widget .mini_cart_item img { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin: 0 15px 0 0; } .mo-cart-content .cart_list.product_list_widget .mini_cart_item > a { font-size: 12px; font-weight: 400; line-height: 13px; letter-spacing: 0px; display: block; } .mo-cart-content .cart_list.product_list_widget .mini_cart_item > a > img { width: 50px; height: 50px; margin-right: 10px; float: left; } .mo-cart-content .cart_list.product_list_widget .mini_cart_item > a.remove { color: red !important; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mo-cart-content .cart_list.product_list_widget .mini_cart_item:hover > a > img { opacity: 0.9; } .mo-cart-content .total { font-size: 14px; padding: 10px 0; border-top: 1px solid; } .mo-cart-content .total > strong { font-weight: 400; } .mo-cart-content .total > span { float: left; } .mo-cart-content .buttons { margin-bottom: 0; } /* lang */ #lang { position: relative; float: right; -webkit-transition: all .3s ease; transition: all .3s ease; } #lang > ul { list-style: none; margin: 0; padding: 0; } #lang > ul > li .lang_down { position: relative; display: block; padding: 15px; color: #909090; text-decoration: none; } #lang > ul > li .lang_down:after { content: ""; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #909090; position: absolute; right: 2px; top: 50%; margin: -2px 0 0; } #lang > ul li > ul { position: absolute; visibility: hidden; left: 0; top: 100%; min-width: 100%; background: #121212; list-style: none; padding: 0px; margin: 0; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } #lang > ul li > ul a { color: #909090; display: block; text-align: center; padding: 15px; text-decoration: none; -webkit-transition: background .3s ease; transition: background .3s ease; } #lang > ul li > ul a:hover { background: rgba(255, 255, 255, 0.05); } #lang:hover { background: transparent; } #lang:hover > ul > li > ul { visibility: visible; opacity: 1; } .mo-header-v6 #lang > ul > li .lang_down { padding: 0 14px; } .mo-header-v6 #lang > ul li > ul a { padding: 0; } /* menu(mo-header-v2)*/ @-webkit-keyframes "menuEffect" { 0% { opacity: 0; top: calc(100% + 20px); } 100% { opacity: 1; top: 100%; } } @keyframes "menuEffect" { 0% { opacity: 0; top: calc(100% + 20px); } 100% { opacity: 1; top: 100%; } } @-webkit-keyframes "menuEffectSub" { 0% { opacity: 0; top: 20px; } 100% { opacity: 1; top: 0; } } @keyframes "menuEffectSub" { 0% { opacity: 0; top: 20px; } 100% { opacity: 1; top: 0; } } .mo-header-icon { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 25px; display: none; position: absolute; top: 50%; left: 0; background: transparent; border: 0; width: 22px; height: 16px; padding: 0; cursor: pointer; z-index: 999; overflow: hidden; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .mo-header-icon:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #ffffff; content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; } .mo-header-icon:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #ffffff; content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; top: auto; bottom: 0; } .mo-header-icon span { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #ffffff; position: absolute; width: 100%; height: 2px; left: 0; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-icon.active span { display: none; } .mo-header-icon.active:before { top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mo-header-icon.active:after { bottom: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* mo-header-v2 */ .mo-header-v2 { position: absolute; z-index: 999; width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v2 .mo-header-menu .mo-menu-list { float: left; } .mo-header-v2 .mo-header-menu .header_tools { float: left; } .mo-header-v2 .mo-col-logo, .mo-header-v2 .mo-col-menu { line-height: 75px; } .mo-header-v2 .mo-header-icon::before { background: #ffffff; } .mo-header-v2 .mo-header-icon::after { background: #ffffff; } .mo-header-v2 .mo-header-icon span { background: #ffffff; } /* mo-header-v3 */ .navigation { position: relative; display: table; width: 100%; margin-top: 20px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } .nav-menu-icon { position: relative; display: table-cell; vertical-align: middle; overflow: hidden; right: 0px; top: 0px; z-index: 999; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } .nav-menu-icon a { display: inline-block; width: 30px; height: 35px; float: right; cursor: pointer; text-decoration: none; text-align: right; padding-right: 9px; } .nav-menu-icon a i { position: relative; display: inline-block; width: 21px; height: 2px; text-transform: uppercase; text-indent: -55px; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; margin-top: 19px; } .nav-menu-icon a i:before, .nav-menu-icon a i:after { content: ''; height: 2px; background: #fff; position: absolute; right: 0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .nav-menu-icon a i:before { top: -5px; width: 15px; } .nav-menu-icon a i:after { bottom: -6px; width: 10px; } .nav-menu-icon a.active i { width: 10px; } .nav-menu-icon a.active i::before { width: 21px; } .nav-menu-icon a.active i::after { width: 15px; } .mo-header-v3 nav { position: relative; left: -11px; top: 0px; display: table-cell; vertical-align: middle; z-index: 100; transform: translateX(-120%); -webkit-transform: translateX(-120%); -moz-transform: translateX(-120%); -ms-transform: translateX(-120%); -webkit-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); } .mo-header-v3 nav.slide-menu { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); } .mo-header-v3 nav.slide-menu ul.menu-main-menu { padding-right: 12px; padding-left: 12px; display: inline-block; float: right; position: relative; text-align: right; padding: 0; } .mo-header-v3 { position: absolute; z-index: 999; width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v3 .mo-header-icon::before { background: #fff; } .mo-header-v3 .mo-header-icon::after { background: #fff; } .mo-header-v3 .mo-header-icon span { background: #fff; } .mo-header-v3 .mo-search-header > a { margin-top: -5px; position: relative; } .mo-header-v3 .search_container { position: relative; } .mo-header-v3.mo-header-fixed, .mo-stick-active .mo-header-v3.mo-header-stick { position: fixed; left: 0px; top: 0px; width: 100%; height: 80px; background: #000; z-index: 999; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); } .mo-header-v3.mo-header-fixed .navigation, .mo-stick-active .mo-header-v3.mo-header-stick .navigation { margin-top: 12px; } .mo-header-v3.mo-header-stick .mo-header-menu .mo-logo { line-height: 71px; transform: scale(0.8); } .mo-header-v3.mo-header-stick .mo-header-menu .mo-logo .logo { display: none; } .mo-header-v3.mo-header-stick .mo-header-menu .mo-logo .logo-stick { display: inline-block; } /* header v4 (mo-header-v4) */ .mo-header-v4 { position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-search-header > a { color: #fff; margin-top: 0; } .mo-header-v4 .mo-search-header > a i { font-weight: 700; } .mo-header-v4 .mo-cart-header { margin-top: 0; } .mo-header-v4 .mo-cart-header > a { color: #fff; } .mo-header-v4 .mo-cart-header > a i { font-weight: 700; } .mo-header-v4 .mo-header-icon::before { background: #f7f7f7; } .mo-header-v4 .mo-header-icon::after { background: #f7f7f7; } .mo-header-v4 .mo-header-icon span { background: #f7f7f7; } .mo-header-v4 .mo-header-icon:hover:before { background: #909090; } .mo-header-v4 .mo-header-icon:hover:after { background: #909090; } .mo-header-v4 .mo-header-icon:hover span { background: #909090; } .mo-header-v4 .social-header-v4 { text-align: center; float: right; margin-top: 3px; margin-bottom: 3px; } .mo-header-v4 .social-header-v4 li { float: left; } .mo-header-v4 .social-header-v4 li a { padding: 4px; text-align: center; color: #909090; } .mo-header-v4 .social-header-v4 li a i { width: 30px; height: 30px; background-color: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 14px; line-height: 1.5; padding: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .social-header-v4 li a:hover { background: transparent; } .mo-header-v4 .social-header-v4 li a:hover i { color: #000; } .mo-header-v4 .mo-header-top.t_motivo { z-index: 999; position: relative; background: rgba(0, 0, 0, 0.5); } .mo-header-v4 .mo-header-top.t_motivo .contact_info, .mo-header-v4 .mo-header-top.t_motivo .contact_info a { line-height: 16px; color: #909090; font-size: 13px; margin-top: 10px; display: inline-block; -moz-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); } .mo-header-v4 .mo-header-top.t_motivo .contact_info i, .mo-header-v4 .mo-header-top.t_motivo .contact_info a i { margin-right: 3px; margin-left: 8px; } .mo-header-v4.mo-header-fixed .mo-header-menu { position: absolute; left: 50%; width: 100%; padding: 20px 0; z-index: 99; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a { background: #ffffff; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 2px; background: #ffffff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 2px; background: #ffffff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a:hover { color: #FFF; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a.active > i { opacity: 0; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a.active:before { width: 15px; opacity: 1; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo-search-sidebar > a.active:after { width: 15px; opacity: 1; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header { background: #ffffff; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 2px; background: #ffffff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 2px; background: #ffffff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a.active .cart_total { background: #ffffff; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a.active > i { opacity: 0; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a.active:before { width: 15px; opacity: 1; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header > a.active:after { width: 15px; opacity: 1; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header:hover > a { color: #FFF; } .mo-header-v4.mo-header-fixed .mo-header-menu .mo_widget_mini_cart .mo-cart-header:hover > a .cart_total { background: #ffffff; } /* header (mo-header-v5)*/ .mo-header-v5 { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; left: 0; right: 0; top: 0; } .mo-header-v5 .mo-search-header > a { color: #000; margin-top: 3px; } .mo-header-v5 .mo-search-header > a i { font-weight: 700; } .mo-header-v5 .mo-search-header > a:hover { color: #000; } .mo-header-v5 .mo-search-header > a:before, .mo-header-v5 .mo-search-header > a:after { background: #000; } .mo-header-v5 .mo-cart-header { margin-top: 0; } .mo-header-v5 .mo-cart-header > a { color: #000; } .mo-header-v5 .mo-cart-header > a i { font-weight: 700; } .mo-header-v5 .mo-cart-header > a:hover { color: #000; } .mo-header-v5 .mo-cart-header > a:before, .mo-header-v5 .mo-cart-header > a:after { background: #000; } .mo-header-v5 .mo-header-icon::before { background: #f7f7f7; } .mo-header-v5 .mo-header-icon::after { background: #f7f7f7; } .mo-header-v5 .mo-header-icon span { background: #f7f7f7; } .mo-header-v5 .mo-header-icon:hover:before { background: #909090; } .mo-header-v5 .mo-header-icon:hover:after { background: #909090; } .mo-header-v5 .mo-header-icon:hover span { background: #909090; } .mo-header-v5 .social-header-v5 { text-align: center; float: right; -moz-transform: translateY(50%); -o-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); position: absolute; right: 0; top: 0; } .mo-header-v5 .social-header-v5 li { float: right; } .mo-header-v5 .social-header-v5 li a { padding: 5px 7px; text-align: center; color: #121212; } .mo-header-v5 .social-header-v5 li a:hover { color: #707070; background: transparent; } .mo-header-v5 .mo-header-menu { border-bottom: none !important; } .mo-header-v5 .mo-header-top.t_motivo { z-index: 99; position: relative; background: #121212; padding: 25px 0 15px; } .mo-header-v5 .mo-header-top.t_motivo .icon_text, .mo-header-v5 .mo-header-top.t_motivo a { line-height: 16px; color: #909090; font-size: 13px; padding: 15px 0px 15px 0px; } .mo-header-v5 .mo-header-top.t_motivo i { margin-right: 8px; margin-left: 3px; } .mo-header-v5.mo-header-fixed .mo-header-menu { position: absolute; left: 50%; width: 100%; padding: 0; z-index: 88; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* header v6 (mo-header-v6) */ .mo-header-v6 { position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-header-top .mo-top-bar { text-align: right; margin: 0; padding: 0; } .mo-header-v6 .mo-search-header > a { color: #000; margin-top: 0; } .mo-header-v6 .mo-search-header > a i { font-weight: 700; } .mo-header-v6 .header_search .search-field { color: #000; border-color: #000; } .mo-header-v6 .mo-cart-header { margin-top: 0; } .mo-header-v6 .mo-cart-header > a { color: #000; } .mo-header-v6 .mo-cart-header > a i { font-weight: 700; } .mo-header-v6 .mo-header-icon::before { background: #f7f7f7; } .mo-header-v6 .mo-header-icon::after { background: #f7f7f7; } .mo-header-v6 .mo-header-icon span { background: #f7f7f7; } .mo-header-v6 .mo-header-icon:hover:before { background: #909090; } .mo-header-v6 .mo-header-icon:hover:after { background: #909090; } .mo-header-v6 .mo-header-icon:hover span { background: #909090; } .mo-header-v6 .social-header-v6 { text-align: center; float: left; padding-top: 7px; height: 50px; border-right: 1px solid rgba(0, 0, 0, 0.1); } .mo-header-v6 .social-header-v6 li { float: left; line-height: 25px; } .mo-header-v6 .social-header-v6 li a { padding: 4px; text-align: center; color: #121212; } .mo-header-v6 .social-header-v6 li a i { width: 30px; height: 30px; font-size: 14px; line-height: 1.5; padding: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .social-header-v6 li a:hover { background: transparent; } .mo-header-v6 .social-header-v6 li a:hover i { color: #000; box-shadow: 1px 1px 20px rgba(21, 21, 21, 0.2); } .mo-header-v6 .mo-header-top.t_motivo { z-index: 999; position: relative; background: #fff; border-color: rgba(0, 0, 0, 0.1); line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .mo-header-v6 .mo-header-top.t_motivo .contact_info { display: inline-block; padding: 0 15px; } .mo-header-v6 #lang { border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; } .mo-header-v6 #lang > ul li > ul { border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; } .mo-header-v6 #lang > ul li > ul a:hover { background: #e7e7e7; color: #000; } .mo-header-v6 .mo-header-menu { background: #fff; border-bottom: none !important; } .mo-header-v6 .mo-header-menu .mo-col-logo, .mo-header-v6 .mo-header-menu .mo-col-menu { line-height: 70px; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc { margin-right: 0px; border-right: none; padding-right: 0; float: left; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul { text-align: left; padding: 0; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > a { line-height: 65px; height: 61px; color: #121212; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul { padding: 0; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li { padding: 3px 0; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li.menu-item-has-children .nomega-menu-item > ul { padding: 0; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li.menu-item-has-children .nomega-menu-item > ul > li { padding: 3px 0; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li.menu-item-has-children .mb-dropdown-icon { height: 45px; } .mo-header-v6.mo-header-fixed .mo-header-menu { position: absolute; left: 50%; width: 100%; padding: 0; z-index: 99; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* header canvas (mo-left-navigation) */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; width: 100%; } .jspVerticalBar { position: absolute; top: 0; right: 12px; width: 16px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: 0; } .jspCorner { background: #eeeef4; float: left; height: 100%; } * html .jspCorner { margin: 0 -3px 0 0; } .scroll-pane { width: 100%; height: 300px; margin: auto; overflow: auto; } .horizontal-only { height: auto; max-height: 300px; } .mo-left-navigation:hover .jspTrack { background-color: transparent; } .jspTrack { background-color: transparent; } .jspVerticalBar { width: 5px; background-color: transparent; } .mo-left-navigation:hover .jspDrag { background-color: #343434; } .jspDrag { background-color: transparent; opacity: .4; transition: all 300ms ease; } .mo-left-navigation { border-right: 15px solid #202020; } .border-top, .border-bottom, .border-left, .border-right { background-color: #202020; position: fixed; z-index: 999; } .border-left, .border-right { width: 15px; height: 100%; } .border-top, .border-bottom { height: 15px; width: 100%; } .border-bottom { bottom: 0; } .border-top { top: 0; } .border-right { right: 0; top: 0; } .border-left { left: 0; top: 0; } .mo-left-navigation { display: block; float: left; z-index: 500; height: calc(100vh); text-align: center; position: fixed; } .mo-left-navigation .mo-header-menu { position: relative; height: 100%; } .mo-left-navigation .mo-header-menu .social-header-lnav { text-align: center; height: 50px; bottom: 5px; padding: 0 30px; position: absolute; background: rgba(255, 255, 255, 0.1); width: 100%; } .mo-left-navigation .mo-header-menu .social-header-lnav li { float: left; } .mo-left-navigation .mo-header-menu .social-header-lnav li a { padding: 4px; text-align: center; color: #909090; } .mo-left-navigation .mo-header-menu .social-header-lnav li a i { width: 30px; height: 30px; font-size: 14px; line-height: 1.5; padding: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-left-navigation .mo-header-menu .social-header-lnav li a:hover, .mo-left-navigation .mo-header-menu .social-header-lnav li a:focus { background: transparent; } .mo-left-navigation .mo-header-menu .social-header-lnav li a:hover i, .mo-left-navigation .mo-header-menu .social-header-lnav li a:focus i { color: #000; box-shadow: 1px 1px 20px rgba(21, 21, 21, 0.2); } .mo-left-navigation .mo-header-menu .mo-logo { max-width: 280px; margin: 0 auto; padding: 90px 10px 70px; } .mo-left-navigation .mo-header-menu .mo-logo .logo-stick { display: none; } .mo-left-navigation .mo-header-menu .mo-menu-list { width: 100%; margin: 0 auto 60px; padding: 0 10px; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul { margin: 0; padding: 0px 0px 0px 30px; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li { position: relative; display: block; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li > a { font-size: 14px; font-weight: 600; line-height: 34px; letter-spacing: 0em; text-transform: uppercase; white-space: nowrap; color: #FFF; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children { position: relative; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul { display: none; background: none !important; padding: 0; margin: 0; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li { position: relative; display: block; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li > a { font-size: 13px; font-weight: 400; line-height: 24px; letter-spacing: 0; white-space: nowrap; color: #f7f7f7; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children { position: relative; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul { display: none; padding: 0 0 0 20px; margin: 0; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li { position: relative; display: block; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li > a { font-size: 12px; font-weight: 400; line-height: 24px; letter-spacing: 0px; white-space: nowrap; color: #f7f7f7; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; right: 0; width: 25px; height: 24px; font-size: 8px; font-weight: 400; padding: 0; border: none; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #f7f7f7; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.mo-banner { display: none; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children > ul > li.mo-recent-product { display: none; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; right: 0; width: 25px; height: 34px; font-size: 10px; font-weight: 400; padding: 0; border: none; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #FFF; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-left-navigation .mo-header-menu .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-left-navigation .mo-header-menu .widget { position: absolute; bottom: 80px; left: 50%; width: 100%; padding: 0 10px; max-width: 280px; transform: translateX(-50%); } .mo-left-navigation .mo-header-menu .widget .social-wrap > a { display: inline-block; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #FFF; background: rgba(50, 50, 50, 0.51); margin: 0 5px 5px 0; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } .mo-left-navigation .mo-header-menu .widget .social-wrap > a:last-child { margin-right: 0; } /* mo-header-onepage */ .mo-header-onepage { position: absolute; top: 0; width: 100%; z-index: 999; } .mo-header-onepage .mo-logo { display: inline-block; margin-top: 80px; } .mo-header-onepage .mo-logo .logo-stick { display: none; } .mo-header-onepage .mo-menu { position: fixed; top: 50%; right: 95px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-onepage .mo-menu .mo-menu-list ul { margin: 0; padding: 0; } .mo-header-onepage .mo-menu .mo-menu-list ul > li { list-style: none; position: relative; line-height: 0; margin: 10px 0; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-onepage .mo-menu .mo-menu-list ul > li > a { display: inline-block; font-size: 0; font-weight: 700; line-height: 16px; color: #FFF; margin-right: 25px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; letter-spacing: 1.5px; -moz-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .mo-header-onepage .mo-menu .mo-menu-list ul > li > a:before { content: ""; position: absolute; top: 4px; right: 0; width: 8px; height: 8px; border: 4px solid #cecece; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-onepage .mo-menu .mo-menu-list ul > li > a:after { content: ""; position: absolute; border: 1px solid transparent; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-onepage .mo-menu .mo-menu-list ul > li:hover > a { font-size: 12px; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2); } .mo-header-onepage .mo-menu .mo-menu-list ul > li:hover > a:before { top: 4px; right: 0; width: 2px; height: 2px; } .mo-header-onepage .mo-menu .mo-menu-list ul > li:hover > a:after { right: -4px; width: 16px; height: 16px; } .mo-wrapper-canvas:after { content: ""; display: block; clear: both; } .mo-wrapper-canvas header { float: left; width: 20%; height: 900px; } .mo-wrapper-canvas .main-content, .mo-wrapper-canvas footer { float: right; width: 80%; width: 80%; float: right; margin-bottom: 0 !important; } .mo-wrapper-canvas .main-content .container, .mo-wrapper-canvas footer .container { width: 100%; padding-left: 30px; padding-right: 40px; } .mo-wrapper-canvas .main-content .mc4wp-form input[type="email"], .mo-wrapper-canvas footer .mc4wp-form input[type="email"] { width: 230px; } .mo-wrapper-canvas .main-content .mc4wp-form .submit-newsletter, .mo-wrapper-canvas footer .mc4wp-form .submit-newsletter { right: 20px; } .mo-wrapper-canvas .footer-fixed { position: relative; } .mo-wrapper-canvas.mo-border header { height: 2316px; background: #111111; border: 12px solid #f3f3f3; } @media (max-width: 991px) { .mo-header-icon { display: block; } .header_tools { position: absolute; right: 45px; top: -8px; padding-bottom: 15px; } /* mo-header-v2 */ .mo-header-v2 .mo-logo { line-height: 50px; } .mo-header-v2 .mo-logo img { max-height: 30px; } .mo-header-v2 .mo-logo img.logo-stick { display: none; } .mo-header-v2 .header_tools { display: none; } .mo-header-v2 .mo-menu-list { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; min-width: 320px; background: #121212; width: 100%; margin: 0; padding: 10px 20px; position: absolute; top: 0; right: 0; z-index: 999; border-bottom: 2px solid #ffe200; -webkit-animation: fadeInUp 0.4s both; -moz-animation: fadeInUp 0.4s both; -o-animation: fadeInUp 0.4s both; animation: fadeInUp 0.4s both; } .mo-header-v2 .mo-menu-list > ul { text-align: right; margin: 0; padding: 0; } .mo-header-v2 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; list-style: none; position: relative; opacity: 1 !important; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v2 .mo-menu-list > ul > li:first-child { border: none; } .mo-header-v2 .mo-menu-list > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li > a { display: block; color: #FFF !important; line-height: 26.4px !important; text-transform: uppercase; white-space: nowrap; padding: 10px 25px 10px 10px; } .mo-header-v2 .mo-menu-list > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul { display: none; background: none !important; margin: 0; padding: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li a { display: block; white-space: nowrap; padding: 10px 25px 10px 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul { display: none; margin: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li a { display: block; padding: 10px; padding: 10px 25px 10px 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 25px; height: 35px; font-size: 8px; font-weight: 400; padding: 0; border: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #f7f7f7; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 22px; height: 47px; font-size: 10px; font-weight: 400; padding: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #FFF; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v2 .mo-menu-list.active-menu-mb { display: block !important; } .mo-header-v2 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list { margin-right: 0; padding-right: 20px; } .mo-header-v2 .mo_widget_mini_cart .mo-cart-header { top: -24px; right: 115px; } .mo-header-v2 .mo-search-sidebar > a { top: -24px; right: 60px; } /* mo-header-v3 */ .mo-header-v3 .mo-logo { line-height: 50px; } .mo-header-v3 .mo-logo img { max-height: 30px; } .mo-header-v3 .mo-logo img.logo-stick { display: none; } .mo-header-v3 .nav-menu-icon { display: none; } .mo-header-v3 .mo-search-header { display: none; } .mo-header-v3 nav { transform: translateX(0); -webkit-transform: translateX(0); } .mo-header-v3 .mo-menu-list { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; min-width: 320px; background: #121212; margin: 0; padding: 10px 20px; position: absolute; top: 50px; right: 0; z-index: 999; border-bottom: 2px solid #ffe200; -webkit-animation: fadeInUp 0.4s both; -moz-animation: fadeInUp 0.4s both; -o-animation: fadeInUp 0.4s both; animation: fadeInUp 0.4s both; } .mo-header-v3 .mo-menu-list > ul { text-align: right; margin: 0; padding: 0; } .mo-header-v3 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; list-style: none; position: relative; opacity: 1 !important; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v3 .mo-menu-list > ul > li:first-child { border: none; } .mo-header-v3 .mo-menu-list > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li > a { display: block; color: #FFF !important; line-height: 26.4px !important; text-transform: uppercase; white-space: nowrap; padding: 10px 25px 10px 10px; } .mo-header-v3 .mo-menu-list > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul { display: none; background: none !important; margin: 0; padding: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li a { display: block; white-space: nowrap; padding: 10px 25px 10px 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul { display: none; margin: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li a { display: block; padding: 10px; padding: 10px 25px 10px 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 25px; height: 35px; font-size: 8px; font-weight: 400; padding: 0; border: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #f7f7f7; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 22px; height: 47px; font-size: 10px; font-weight: 400; padding: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #FFF; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v3 .mo-menu-list.active-menu-mb { display: block !important; } .mo-header-v3 .mo-header-menu { background: transparent !important; padding: 0 30px; } .mo-header-v3 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list { margin-right: 0; padding-right: 20px; } .mo-header-v3 .mo-header-menu .mo-toggle-menu { display: none; } /* mo-header-v4 */ .mo-header-v4 .mo-logo { line-height: 50px; } .mo-header-v4 .mo-logo img { max-height: 30px; } .mo-header-v4 .mo-logo img.logo-stick { display: none; } .mo-header-v4 .mo-menu-list { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; min-width: 320px; background: #121212; margin: 0; padding: 10px 20px; position: absolute; top: 0; right: 0; z-index: 999; border-bottom: 2px solid #ffe200; -webkit-animation: fadeInUp 0.4s both; -moz-animation: fadeInUp 0.4s both; -o-animation: fadeInUp 0.4s both; animation: fadeInUp 0.4s both; } .mo-header-v4 .mo-menu-list > ul { text-align: right; margin: 0; padding: 0; } .mo-header-v4 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; list-style: none; position: relative; opacity: 1 !important; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v4 .mo-menu-list > ul > li:first-child { border: none; } .mo-header-v4 .mo-menu-list > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li > a { display: block; color: #FFF !important; line-height: 26.4px !important; text-transform: uppercase; white-space: nowrap; padding: 10px 25px 10px 10px; } .mo-header-v4 .mo-menu-list > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul { display: none; background: none !important; margin: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li a { display: block; white-space: nowrap; padding: 10px 25px 10px 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul { display: none; margin: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li a { display: block; padding: 10px; padding: 10px 25px 10px 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 25px; height: 35px; font-size: 8px; font-weight: 400; padding: 0; border: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #f7f7f7; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 22px; height: 47px; font-size: 10px; font-weight: 400; padding: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #FFF; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v4 .mo-menu-list.active-menu-mb { display: block !important; } .mo-header-v4 .mo-header-menu { background: transparent !important; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list { margin-right: 0; padding-right: 20px; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc { background: #121212; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul { margin-right: 0px; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > a { height: 45px; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li { padding: 0; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > a { color: #f7f7f7; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > ul > li { padding: 0; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > ul > li > a { color: #f7f7f7; } .mo-header-v4 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .header_socials { display: none; } .mo-header-v4 .mo_widget_mini_cart .mo-cart-header { top: -24px; right: 115px; } .mo-header-v4 .mo-search-sidebar > a { top: -24px; right: 60px; } .mo-header-v4 .header_socials_top { display: block; position: relative; z-index: 99; } .mo-header-v4 .mo-header-top.t_motivo { padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .mo-header-v4 .mo-header-top.t_motivo .motivoicon_tx { display: none; } /* mo-header-v5 */ .mo-header-v5 .mo-logo { line-height: 50px; } .mo-header-v5 .mo-logo img { max-height: 30px; } .mo-header-v5 .mo-logo img.logo-stick { display: none; } .mo-header-v5 .mo-menu-list { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 100%; background: #121212; margin: 0; padding: 10px 20px; position: absolute; top: 0; right: 0; z-index: 999; border-bottom: 2px solid #ffe200; -webkit-animation: fadeInUp 0.4s both; -moz-animation: fadeInUp 0.4s both; -o-animation: fadeInUp 0.4s both; animation: fadeInUp 0.4s both; } .mo-header-v5 .mo-menu-list > ul { text-align: right; margin: 0; padding: 0; } .mo-header-v5 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; list-style: none; position: relative; opacity: 1 !important; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v5 .mo-menu-list > ul > li:first-child { border: none; } .mo-header-v5 .mo-menu-list > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li > a { display: block; color: #FFF !important; line-height: 26.4px !important; text-transform: uppercase; white-space: nowrap; padding: 10px 25px 10px 10px; } .mo-header-v5 .mo-menu-list > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul { display: none; background: none !important; margin: 0; padding: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li a { display: block; white-space: nowrap; padding: 10px 25px 10px 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul { display: none; margin: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li a { display: block; padding: 10px; padding: 10px 25px 10px 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 25px; height: 35px; font-size: 8px; font-weight: 400; padding: 0; border: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #f7f7f7; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 22px; height: 47px; font-size: 10px; font-weight: 400; padding: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #FFF; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v5 .mo-menu-list.active-menu-mb { display: block !important; } .mo-header-v5 .mo-header-menu { background: transparent !important; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list { margin-right: 0; padding-right: 20px; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc { background: #121212; padding: 10px 20px; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul { margin-right: 0px; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > a { height: 45px; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li { padding: 0; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > a { color: #f7f7f7; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > ul > li { padding: 0; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > ul > li > a { color: #f7f7f7; } .mo-header-v5 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .button-request { display: none; } .mo-header-v5 .mo_widget_mini_cart .mo-cart-header { top: -24px; right: 115px; } .mo-header-v5 .mo-search-sidebar > a { top: -24px; right: 60px; } .mo-header-v5 .header_socials_top { display: block; position: relative; z-index: 99; } .mo-header-v5 .mo-header-top.t_motivo { padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .mo-header-v5 .mo-header-top.t_motivo .motivoicon_tx .icon_text { display: none; } /* mo-header-v6 */ .mo-header-v6 .mo-logo { line-height: 50px; } .mo-header-v6 .mo-logo img { max-height: 30px; } .mo-header-v6 .mo-logo img.logo-stick { display: none; } .mo-header-v6 .mo-menu-list { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; min-width: 320px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; z-index: 999; border-bottom: 2px solid #ffe200; -webkit-animation: fadeInUp 0.4s both; -moz-animation: fadeInUp 0.4s both; -o-animation: fadeInUp 0.4s both; animation: fadeInUp 0.4s both; } .mo-header-v6 .mo-menu-list > ul { text-align: right; margin: 0; padding: 15px; } .mo-header-v6 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; list-style: none; position: relative; opacity: 1 !important; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v6 .mo-menu-list > ul > li:first-child { border: none; } .mo-header-v6 .mo-menu-list > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li > a { display: block; line-height: 26.4px !important; text-transform: uppercase; white-space: nowrap; padding: 10px 25px 10px 10px; } .mo-header-v6 .mo-menu-list > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul { display: none; background: none !important; margin: 0; padding-left: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li a { display: block; white-space: nowrap; padding: 10px 25px 10px 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul { display: none; margin: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li { list-style: none; position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li:hover > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li a { display: block; padding: 10px; padding: 10px 25px 10px 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-item > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.current-menu-ancestor > a { color: #ffe200 !important; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 25px; height: 35px; font-size: 8px; font-weight: 400; padding: 0; border: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; color: #f7f7f7; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon { position: absolute; top: 0; left: 0; width: 22px; height: 47px; font-size: 10px; font-weight: 400; padding: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f067"; font-family: FontAwesome; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:before { content: " "; display: table; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:before:after { content: " "; display: table; clear: both; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon:hover:before { color: #ffe200; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children .mb-dropdown-icon.open:before { content: "\f068"; } .mo-header-v6 .mo-menu-list.active-menu-mb { display: block !important; } .mo-header-v6 .mo-header-menu { background: transparent !important; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list { margin-right: 0; padding-right: 20px; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc { background: #121212; padding: 10px 20px; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul { margin-right: 0px; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > a { font-size: 13px; height: 45px; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li { padding: 0; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > a { color: #f7f7f7; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > ul > li { padding: 0; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .mo-menu-list.motivo_cc > ul > li > ul > li > ul > li > a { color: #f7f7f7; } .mo-header-v6 .mo-header-menu .mo-col-menu.has-menu-right-sidebar .button-request { display: none; } .mo-header-v6 .mo_widget_mini_cart .mo-cart-header { top: -24px; right: 115px; } .mo-header-v6 .mo-search-sidebar > a { top: -24px; right: 60px; } .mo-header-v6 .mo-header-top.t_motivo { padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .mo-header-v6 .mo-header-top.t_motivo .motivoicon_tx .icon_text { display: none; } .mo-header-v6 .mo-header-top.t_motivo .motivo-p4 { display: none; } .mo-header-v6 .mo-header-top.t_motivo .motivo-p2 { width: 100%; position: relative; } .mo-header-v6 .mo-header-top.t_motivo .motivo-p2 .mo-logo { text-align: left !important; } } @media (min-width: 1200px) { .boxed .mo-header-v2.mo-header-stick .mo-header-menu { max-width: 1200px; } } @media (min-width: 992px) and (max-width: 1199px) { .mo-header-v3 .mo-header-menu { padding: 0 30px; } } @media (min-width: 992px) { .mo-stick-active.admin-bar .mo-header-v1.mo-header-stick .mo-header-menu { top: 32px; } .mo-stick-active.admin-bar .mo-header-v2.mo-header-stick .mo-header-menu { top: 32px; } .mo-stick-active.admin-bar .mo-header-v3.mo-header-stick .mo-header-menu { top: 32px; } .mo-stick-active.admin-bar .mo-header-v5.mo-header-stick .mo-header-menu { top: 32px; } .mo-stick-active.admin-bar .mo-header-v6.mo-header-stick .mo-header-menu { top: 32px; } .mo-stick-active .mo-header-v2.mo-header-stick .mo-header-menu { position: fixed; top: 0; width: 100%; padding: 0; background: rgba(0, 0, 0, 0.75); z-index: 999; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); } .mo-stick-active .mo-header-v2.mo-header-stick .mo-header-menu .mo-logo { transform: scale(0.8); } .mo-stick-active .mo-header-v2.mo-header-stick .mo-header-menu .mo-logo .logo-stick { display: inline-block; } .mo-stick-active .mo-header-v2.mo-header-stick .mo-header-menu .col-md-10 { padding: 0; } .mo-stick-active .mo-header-v2.mo-header-stick .mo-header-menu .mo-menu-list > ul > li > a { line-height: 75px; } .mo-stick-active .mo-header-v2.mo-header-stick .mo-header-menu .mo-cart-header, .mo-stick-active .mo-header-v2.mo-header-stick .mo-header-menu .mo-search-header > a { margin-top: 5px; } .mo-stick-active .mo-header-v4.mo-header-stick .mo-header-menu { z-index: 999 !important; position: fixed; top: 0; width: 100%; padding: 5px 0; background: #000; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); } .mo-stick-active .mo-header-v4.mo-header-stick .mo-logo img { transform: scale(0.8); } .mo-stick-active .mo-header-v5.mo-header-stick .mo-header-menu { z-index: 999 !important; position: fixed; top: 0; width: 100%; padding: 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); } .mo-stick-active .mo-header-v5.mo-header-stick .mo-header-menu .mo-menu-list.motivo_cc > ul > li > a { line-height: 65px; } .mo-stick-active .mo-header-v5.mo-header-stick .social-header-v5 li a { padding: 5px 7px; } .mo-stick-active .mo-header-v6.mo-header-stick .mo-header-menu { position: fixed; top: 0; width: 100%; padding: 0; background: rgba(255, 255, 255, 0.75); z-index: 999 !important; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); } .mo-stick-active .mo-header-v6.mo-header-stick .mo-header-menu .mo-menu-list.motivo_cc { background: #fff; } .mo-stick-active .mo-header-v6.mo-header-stick .mo-header-menu .mo-menu-list.motivo_cc > ul > li > a { line-height: 65px; } .mo-header-v2 .mo-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v2 .mo-logo img { max-width: 100%; } .mo-header-v2 .mo-logo img.logo-stick { display: none; } .mo-header-v2 .mo-header-menu { background-color: rgba(0, 0, 0, 0.9); } .mo-header-v2 .mo-menu-list > ul { margin: 0; padding: 0; } .mo-header-v2 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: inline-block; list-style: none; } .mo-header-v2 .mo-menu-list > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; font-size: 13px; font-weight: 700; line-height: 95px; letter-spacing: 0em; display: inline-block; text-align: center; color: #ffffff; padding: 0 15px; } .mo-header-v2 .mo-menu-list > ul > li > a:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #ffe200; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item { position: relative; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current_page_item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li .mo-dropdown-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v2 .mo-menu-list > ul > li:hover a:before { width: 50px; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current_page_item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.page_item_has_children.page_item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; right: 100%; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a:after { content: "\f104"; font-family: FontAwesome; position: absolute; top: 50%; left: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current_page_item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; list-style: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget .wg-title { font-size: 14px; line-height: 32px; letter-spacing: 0em; color: #f7f7f7; margin-bottom: 0; padding: 3px 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li { list-style: none; margin-bottom: 10px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li:last-child { margin-bottom: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a { line-height: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img { float: left; width: 55px; height: auto; margin-left: 0; margin-right: 10px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img:hover { opacity: 0.8; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title { display: inline-block; font-size: 11px; font-weight: 900; line-height: 11px; letter-spacing: 0; color: #f7f7f7; max-width: 110px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; margin-top: 6px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title:hover { color: #ffe200; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li .amount { font-size: 14px; font-weight: 600; font-style: normal; line-height: 14px; color: #f7f7f7; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del { font-size: 14px; line-height: 14px; color: #f7f7f7; margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del .amount { font-size: 14px; line-height: 14px; color: #f7f7f7; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > ins { font-size: 16px; color: #f7f7f7; text-decoration: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner { margin: 0; padding: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap { position: relative; min-height: 374px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #FFF; background: #ffe200; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a:hover { color: #ffe200; background: #ffffff; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay { opacity: 1; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay > a { -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 { width: 420px; padding: 25px 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li { width: 50%; list-style: none; float: left; padding: 0 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); padding: 3px 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li:last-child { border-right: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a.hide_link { display: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul { margin: 0; padding: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 { width: 630px; padding: 25px 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li { width: 33.3333%; list-style: none; float: right; padding: 3px 15px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li:last-child { border-right: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a.hide_link { display: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul { margin: 0; padding: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 { width: 840px; padding: 25px 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li { width: 25%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li:last-child { border-right: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a.hide_link { display: none; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul { margin: 0; padding: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.algleft { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.algleft > ul { right: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.algright { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.algright > ul { left: 0; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.algcenter { position: relative; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.algcenter > ul { left: 50%; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children.fullwidth > ul { left: 0; width: 100% !important; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > a { padding-right: 15px; } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: "\f107"; font-family: FontAwesome; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v2 .mo-menu-list > ul > li.menu-item-has-children:hover.menu-item-has-children > a:after { content: "\f106"; } .mo-header-v2 .mo-menu-list > ul > li.current-menu-item a:before { width: 50px; } .mo-header-v2 .mo-menu-list > ul > li.current-menu-ancestor a:before { width: 50px; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu > li > a { font-size: 14px; letter-spacing: 0; text-transform: none; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children { position: relative; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a > i { margin-right: 5px; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li:hover > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-item > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth1 { top: 0 !important; left: 100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth7 { top: 0 !important; left: 100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth8 { top: 0 !important; left: 100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth9 { top: 0 !important; left: 100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth10 { top: 0 !important; left: 100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth2 { top: 0 !important; left: -100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth3 { top: 0 !important; left: -100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth4 { top: 0 !important; left: -100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth5 { top: 0 !important; left: -100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth6 { top: 0 !important; left: -100%; } .mo-header-v2 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v3 .mo-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; line-height: 71px; } .mo-header-v3 .mo-logo img { max-width: 100%; } .mo-header-v3 .mo-logo img.logo-stick { display: none; } .mo-header-v3 .mo-menu-list { position: relative; } .mo-header-v3 .mo-menu-list > ul { margin: 0; padding: 0; margin: 0; padding: 0; z-index: 999; text-align:left; } .mo-header-v3 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: inline-block; list-style: none; -webkit-transition: 0s; transition: 0s; } .mo-header-v3 .mo-menu-list > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; font-size: 13px; font-weight: 700; line-height: 95px; text-transform: uppercase; display: inline-block; text-align: center; padding: 0 10px; } .mo-header-v3 .mo-menu-list > ul > li > a:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #ffe200; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item { position: relative; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current_page_item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li .mo-dropdown-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v3 .mo-menu-list > ul > li:hover a:before { width: 50px; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current_page_item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.page_item_has_children.page_item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; right: 100%; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a:after { content: "\f104"; font-family: FontAwesome; position: absolute; top: 50%; left: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current_page_item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; list-style: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget .wg-title { font-size: 14px; line-height: 32px; letter-spacing: 0em; color: #f7f7f7; margin-bottom: 0; padding: 3px 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li { list-style: none; margin-bottom: 10px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li:last-child { margin-bottom: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a { line-height: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img { float: left; width: 55px; height: auto; margin-left: 0; margin-right: 10px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img:hover { opacity: 0.8; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title { display: inline-block; font-size: 11px; font-weight: 900; line-height: 11px; letter-spacing: 0; color: #f7f7f7; max-width: 110px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; margin-top: 6px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title:hover { color: #ffe200; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li .amount { font-size: 14px; font-weight: 600; font-style: normal; line-height: 14px; color: #f7f7f7; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del { font-size: 14px; line-height: 14px; color: #f7f7f7; margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del .amount { font-size: 14px; line-height: 14px; color: #f7f7f7; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > ins { font-size: 16px; color: #f7f7f7; text-decoration: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner { margin: 0; padding: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap { position: relative; min-height: 374px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #FFF; background: #ffe200; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a:hover { color: #ffe200; background: #ffffff; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay { opacity: 1; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay > a { -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 { width: 420px; padding: 25px 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li { width: 50%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li:last-child { border-right: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a.hide_link { display: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul { margin: 0; padding: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 { width: 630px; padding: 25px 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li { width: 33.3333%; list-style: none; float: right; padding: 3px 15px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li:last-child { border-right: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a.hide_link { display: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul { margin: 0; padding: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 { width: 840px; padding: 25px 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li { width: 25%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li:last-child { border-right: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a.hide_link { display: none; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul { margin: 0; padding: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.algleft { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.algleft > ul { right: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.algright { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.algright > ul { left: 0; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.algcenter { position: relative; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.algcenter > ul { left: 50%; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children.fullwidth > ul { left: 0; width: 100% !important; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > a { padding-right: 15px; } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: "\f107"; font-family: FontAwesome; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v3 .mo-menu-list > ul > li.menu-item-has-children:hover.menu-item-has-children > a:after { content: "\f106"; } .mo-header-v3 .mo-menu-list > ul > li.current-menu-item a:before { width: 50px; } .mo-header-v3 .mo-menu-list > ul > li.current-menu-ancestor a:before { width: 50px; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu > li > a { font-size: 14px; letter-spacing: 0; text-transform: none; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children { position: relative; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a > i { margin-right: 5px; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li:hover > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-item > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth1 { top: 0 !important; left: 100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth7 { top: 0 !important; left: 100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth8 { top: 0 !important; left: 100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth9 { top: 0 !important; left: 100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth10 { top: 0 !important; left: 100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth2 { top: 0 !important; left: -100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth3 { top: 0 !important; left: -100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth4 { top: 0 !important; left: -100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth5 { top: 0 !important; left: -100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth6 { top: 0 !important; left: -100%; } .mo-header-v3 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v4 .mo-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-logo img { max-width: 100%; } .mo-header-v4 .mo-logo img.logo-stick { display: none; } .mo-header-v4 .mo-col-logo, .mo-header-v4 .mo-col-menu { line-height: 50px; } .mo-header-v4 .mo-menu-list > ul { margin: 0; padding: 0; } .mo-header-v4 .mo-menu-list > ul > li { display: inline-block; list-style: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-menu-list > ul > li > a { position: relative; font-size: 13px; font-weight: 700; line-height: 95px; letter-spacing: 0em; text-transform: uppercase; display: inline-block; text-align: center; padding: 0 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-menu-list > ul > li > a:hover { color: #ffe200; } .mo-header-v4 .mo-menu-list > ul > li > a:before { content: ""; position: absolute; right: 0; width: 2px; height: 12px; background: #fff; transform: rotate(20deg); margin-top: 24px; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item { position: relative; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-ancestor > a { color: #313131; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current_page_item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li .mo-dropdown-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v4 .mo-menu-list > ul > li:last-child a:before { width: 0; height: 0; } .mo-header-v4 .mo-menu-list > ul > li.current-menu-ancestor > a { color: #ffe200; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current_page_item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.page_item_has_children.page_item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; right: 100%; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a:after { content: "\f104"; font-family: FontAwesome; position: absolute; top: 50%; left: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current_page_item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; list-style: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget .wg-title { font-size: 14px; line-height: 32px; letter-spacing: 0em; color: #f7f7f7; margin-bottom: 0; padding: 3px 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li { list-style: none; margin-bottom: 10px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li:last-child { margin-bottom: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a { line-height: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img { float: left; width: 55px; height: auto; margin-left: 0; margin-right: 10px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img:hover { opacity: 0.8; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title { display: inline-block; font-size: 11px; font-weight: 900; line-height: 11px; letter-spacing: 0; color: #f7f7f7; max-width: 110px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; margin-top: 6px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title:hover { color: #ffe200; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li .amount { font-size: 14px; font-weight: 600; font-style: normal; line-height: 14px; color: #f7f7f7; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del { font-size: 14px; line-height: 14px; color: #f7f7f7; margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del .amount { font-size: 14px; line-height: 14px; color: #f7f7f7; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > ins { font-size: 16px; color: #f7f7f7; text-decoration: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner { margin: 0; padding: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap { position: relative; min-height: 374px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #FFF; background: #ffe200; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a:hover { color: #ffe200; background: #ffffff; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay { opacity: 1; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay > a { -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 { width: 420px; padding: 25px 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li { width: 50%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li:last-child { border-right: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a.hide_link { display: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul { margin: 0; padding: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 { width: 630px; padding: 25px 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li { width: 33.3333%; list-style: none; float: right; padding: 3px 15px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li:last-child { border-right: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a.hide_link { display: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul { margin: 0; padding: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 { width: 840px; padding: 25px 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li { width: 25%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li:last-child { border-right: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a.hide_link { display: none; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul { margin: 0; padding: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.algleft { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.algleft > ul { right: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.algright { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.algright > ul { left: 0; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.algcenter { position: relative; } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.algcenter > ul { left: 50%; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v4 .mo-menu-list > ul > li.menu-item-has-children.fullwidth > ul { left: 0; width: 100% !important; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu > li > a { font-size: 14px; letter-spacing: 0; text-transform: none; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children { position: relative; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a > i { margin-right: 5px; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li:hover > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-item > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth1 { top: 0 !important; left: 100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth7 { top: 0 !important; left: 100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth8 { top: 0 !important; left: 100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth9 { top: 0 !important; left: 100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth10 { top: 0 !important; left: 100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth2 { top: 0 !important; left: -100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth3 { top: 0 !important; left: -100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth4 { top: 0 !important; left: -100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth5 { top: 0 !important; left: -100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth6 { top: 0 !important; left: -100%; } .mo-header-v4 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v5 .mo-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v5 .mo-logo img { max-width: 100%; } .mo-header-v5 .mo-logo img.logo-stick { display: none; } .mo-header-v5 .mo-menu-list { width: 70%; margin: auto; } .mo-header-v5 .mo-menu-list > ul { padding: 0; margin: 0; } .mo-header-v5 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: inline-block; list-style: none; } .mo-header-v5 .mo-menu-list > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; font-size: 13px; font-weight: 700; line-height: 95px; letter-spacing: 0em; text-transform: uppercase; display: inline-block; text-align: center; padding: 0 10px; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item { position: relative; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current_page_item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li .mo-dropdown-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current_page_item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.page_item_has_children.page_item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; right: 100%; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current_page_item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a:after { content: "\f104"; font-family: FontAwesome; position: absolute; top: 50%; left: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current_page_item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; list-style: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget .wg-title { font-size: 14px; line-height: 32px; letter-spacing: 0em; color: #f7f7f7; margin-bottom: 0; padding: 3px 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li { list-style: none; margin-bottom: 10px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li:last-child { margin-bottom: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a { line-height: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img { float: left; width: 55px; height: auto; margin-left: 0; margin-right: 10px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img:hover { opacity: 0.8; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title { display: inline-block; font-size: 11px; font-weight: 900; line-height: 11px; letter-spacing: 0; color: #f7f7f7; max-width: 110px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; margin-top: 6px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title:hover { color: #ffe200; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li .amount { font-size: 14px; font-weight: 600; font-style: normal; line-height: 14px; color: #f7f7f7; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del { font-size: 14px; line-height: 14px; color: #f7f7f7; margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del .amount { font-size: 14px; line-height: 14px; color: #f7f7f7; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > ins { font-size: 16px; color: #f7f7f7; text-decoration: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner { margin: 0; padding: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap { position: relative; min-height: 374px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #FFF; background: #ffe200; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a:hover { color: #ffe200; background: #ffffff; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay { opacity: 1; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay > a { -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 { width: 420px; padding: 25px 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li { width: 50%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li:last-child { border-right: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a.hide_link { display: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul { margin: 0; padding: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 { width: 630px; padding: 25px 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li { width: 33.3333%; list-style: none; float: right; padding: 3px 15px; border-left: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li:last-child { border-right: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a.hide_link { display: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul { margin: 0; padding: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 { width: 840px; padding: 25px 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li { width: 25%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li:last-child { border-right: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a.hide_link { display: none; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul { margin: 0; padding: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.algleft { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.algleft > ul { right: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.algright { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.algright > ul { left: 0; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.algcenter { position: relative; } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.algcenter > ul { left: 50%; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v5 .mo-menu-list > ul > li.menu-item-has-children.fullwidth > ul { left: 0; width: 100% !important; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu > li > a { font-size: 14px; letter-spacing: 0; text-transform: none; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children { position: relative; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a > i { margin-right: 5px; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li:hover > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-item > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-ancestor > a { background: #313131; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth1 { top: 0 !important; left: 100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth7 { top: 0 !important; left: 100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth8 { top: 0 !important; left: 100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth9 { top: 0 !important; left: 100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth10 { top: 0 !important; left: 100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth2 { top: 0 !important; left: -100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth3 { top: 0 !important; left: -100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth4 { top: 0 !important; left: -100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth5 { top: 0 !important; left: -100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth6 { top: 0 !important; left: -100%; } .mo-header-v5 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v6 .mo-logo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-logo img { max-width: 100%; } .mo-header-v6 .mo-logo img.logo-stick { display: none; } .mo-header-v6 .mo-col-menu { border-right: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .mo-header-v6 .mo-menu-list > ul { margin: 0; padding: 0; } .mo-header-v6 .mo-menu-list > ul > li { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: inline-block; list-style: none; } .mo-header-v6 .mo-menu-list > ul > li > a { position: relative; font-size: 13px; font-weight: 700; line-height: 95px; letter-spacing: 0em; text-transform: uppercase; display: inline-block; text-align: center; padding: 0 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-menu-list > ul > li > a:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #ffe200; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item { position: relative; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > a { background: #313131; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li > ul > li.current_page_item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item > ul > li.current_page_item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li .mo-dropdown-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > a { padding-right: 15px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: "\f107"; font-family: FontAwesome; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children:hover.menu-item-has-children > a:after { content: "\f106"; } .mo-header-v6 .mo-menu-list > ul > li.current-menu-item a:before { width: 50px; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; left: 100%; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li > ul > li.current_page_item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item > ul > li.current_page_item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.page_item_has_children.page_item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffectSub 0.4s both; -moz-animation: menuEffectSub 0.4s both; -o-animation: menuEffectSub 0.4s both; animation: menuEffectSub 0.4s both; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul { display: none; background: #121212; position: absolute; top: 0; right: 100%; min-width: 215px; text-align: right; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li > ul > li.current_page_item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.menu-item-has-children > a:after { content: "\f104"; font-family: FontAwesome; position: absolute; top: 50%; left: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.page_item_has_children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item > ul > li.current_page_item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.nomega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: right; margin: 0; padding: 0; z-index: -1; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li { list-style: none; position: relative; padding: 3px 15px; list-style: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget .wg-title { font-size: 14px; line-height: 32px; letter-spacing: 0em; color: #f7f7f7; margin-bottom: 0; padding: 3px 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li { list-style: none; margin-bottom: 10px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li:last-child { margin-bottom: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a { line-height: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img { float: left; width: 55px; height: auto; margin-left: 0; margin-right: 10px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a img:hover { opacity: 0.8; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title { display: inline-block; font-size: 11px; font-weight: 900; line-height: 11px; letter-spacing: 0; color: #f7f7f7; max-width: 110px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; margin-top: 6px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > a .product-title:hover { color: #ffe200; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li .amount { font-size: 14px; font-weight: 600; font-style: normal; line-height: 14px; color: #f7f7f7; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del { font-size: 14px; line-height: 14px; color: #f7f7f7; margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > del .amount { font-size: 14px; line-height: 14px; color: #f7f7f7; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li .widget.widget_products .product_list_widget > li > ins { font-size: 16px; color: #f7f7f7; text-decoration: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner { margin: 0; padding: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap { position: relative; min-height: 374px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #FFF; background: #ffe200; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -o-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); -ms-transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); transform: translateX(-50%) translateY(-50%) scale(0.8) rotate(-90deg); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap .mo-overlay > a:hover { color: #ffe200; background: #ffffff; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay { opacity: 1; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul > li.mo-banner .mo-banner-wrap:hover .mo-overlay > a { -webkit-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -moz-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -o-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); -ms-transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); transform: translateX(-50%) translateY(-50%) scale(1) rotate(0deg); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 { width: 420px; padding: 25px 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li { width: 50%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(0, 0, 0, 0.1); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li:last-child { border-right: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > a.hide_link { display: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul { margin: 0; padding: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns2 > li > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 { width: 630px; padding: 25px 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li { width: 33.3333%; list-style: none; float: right; padding: 3px 15px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li:last-child { border-right: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > a.hide_link { display: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul { margin: 0; padding: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns3 > li > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 { width: 840px; padding: 25px 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li { width: 25%; list-style: none; float: left; padding: 3px 15px; border-right: 1px solid rgba(0, 0, 0, 0.1); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li:last-child { border-right: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > a.hide_link { display: none; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul { margin: 0; padding: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li { list-style: none; padding: 3px 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li > a > sup { font-size: 8px; vertical-align: baseline; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item > ul.columns4 > li > ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.mega-menu-item:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.algleft { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.algleft > ul { right: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.algright { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.algright > ul { left: 0; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.algcenter { position: relative; } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.algcenter > ul { left: 50%; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v6 .mo-menu-list > ul > li.menu-item-has-children.fullwidth > ul { left: 0; width: 100% !important; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu > li > a { font-size: 14px; letter-spacing: 0; text-transform: none; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children { position: relative; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul { display: none; background: #121212; position: absolute; top: 100%; left: 0; min-width: 215px; text-align: left; margin: 0; padding: 25px 0; z-index: -1; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li { list-style: none; position: relative; padding: 3px 15px; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; display: block; font-size: 13px; font-weight: 400; line-height: 14px; letter-spacing: 0.06em; color: #f7f7f7; padding: 8px 15px; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li > a > i { margin-right: 5px; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li:hover > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-item > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul > li.current-menu-ancestor > a { background: #e9e9e9; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth1 { top: 0 !important; left: 100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth7 { top: 0 !important; left: 100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth8 { top: 0 !important; left: 100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth9 { top: 0 !important; left: 100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth10 { top: 0 !important; left: 100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth2 { top: 0 !important; left: -100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth3 { top: 0 !important; left: -100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth4 { top: 0 !important; left: -100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth5 { top: 0 !important; left: -100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children ul.depth6 { top: 0 !important; left: -100%; } .mo-header-v6 .mo-menu-list > ul#menu-testing-menu li.menu-item-has-children:hover > ul { display: block; z-index: 999; -webkit-animation: menuEffect 0.4s both; -moz-animation: menuEffect 0.4s both; -o-animation: menuEffect 0.4s both; animation: menuEffect 0.4s both; } .mo-header-v1.dot .mo-menu-list > ul > li > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: "..."; position: absolute; bottom: -8px; left: 50%; font-size: 0; font-weight: 700; letter-spacing: 0; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v1.dot .mo-menu-list > ul > li:hover > a:before { font-size: 30px; color: #ffe200; } .mo-header-v1.dot .mo-menu-list > ul > li:hover > a:after { font-size: 30px; color: #ffe200; } .mo-header-v1.dot .mo-menu-list > ul > li.current-menu-item > a:before { font-size: 30px; color: #ffe200; } .mo-header-v1.dot .mo-menu-list > ul > li.current-menu-item > a:after { font-size: 30px; color: #ffe200; } .mo-header-v1.dot .mo-menu-list > ul > li.current-menu-ancestor > a:before { font-size: 30px; color: #ffe200; } .mo-header-v1.dot .mo-menu-list > ul > li.current-menu-ancestor > a:after { font-size: 30px; color: #ffe200; } .mo-header-v1.line .mo-menu-list > ul > li > a:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; bottom: 20px; left: 50%; width: 0; height: 2px; background: #ffe200; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mo-header-v1.line .mo-menu-list > ul > li:hover > a:before { width: 45px; } .mo-header-v1.line .mo-menu-list > ul > li:hover > a:after { width: 45px; } .mo-header-v1.line .mo-menu-list > ul > li.current-menu-item > a:before { width: 45px; } .mo-header-v1.line .mo-menu-list > ul > li.current-menu-item > a:after { width: 45px; } .mo-header-v1.line .mo-menu-list > ul > li.current-menu-ancestor > a:before { width: 45px; } .mo-header-v1.line .mo-menu-list > ul > li.current-menu-ancestor > a:after { width: 45px; } } @media (max-width: 767px) { .mo-header-v1 .mo-header-top .widget { text-align: center; } .mo-header-v1 .mo-header-top .widget #menu-menu-top { text-align: center; } .mo-header-v1 .mo-header-top .widget #menu-menu-top > li { margin-right: 25px; } .mo-header-v1 .mo-header-top .widget .mo-top-bar { text-align: center; } .mo-header-v1 .mo-header-top .widget .mo-top-bar > li { margin-right: 25px; } .mo-header-onepage .mo-logo { margin-top: 20px; } .mo-header-onepage .mo-menu { right: 20px; } } @media (max-width: 1199px) { .mo-header-onepage .mo-menu { right: 40px; } .mo-wrapper-canvas header, .mo-wrapper-canvas .mo-left-navigation { width: 100%; height: auto; } .mo-wrapper-canvas .main-content { width: 100%; height: auto; } .wrapper-left-navigation .footer_v3.footer-fixed { width: 100% !important; left: 0; } .social-header-lnav { display: none; } .mo-wrapper-canvas.mo-border header { height: auto; } } @media (min-width: 1200px) { .mo-wrapper-canvas .mo-left-navigation { width: 20%; } .wrapper-left-navigation .main-content, .wrapper-left-navigation .footer_v3.footer-fixed { width: 80%; float: right; } .wrapper-left-navigation .main-content .container, .wrapper-left-navigation .footer_v3.footer-fixed .container { width: 95%; } .wrapper-left-navigation .footer_v3.footer-fixed { left: 20%; } } .mo-col-menu ul { list-style: none; } /* ------------------------------------- */ /* 3. about ............................ */ /* ------------------------------------- */ .service { margin-top: 15px; margin-bottom: 15px; } .service h4 { font-weight: 700; } .service .title_shadow_text { display: none; } .service .icon-wrap { line-height: 46px; font-size: 40px; text-align: center; } .service.style1 .icon-wrap { font-size: 40px; width: 60px; height: 90px; float: right; color: #000; text-align: center !important; } .service.style1 .title-wrap { padding-right: 70px; } .bg-dark-black .service.style1 .icon-wrap, .bg-dark .service.style1 .icon-wrap { color: #fff; } .service.style2 { margin-top: 20px; margin-bottom: 20px; } .service.style2 .icon-wrap { font-size: 30px; line-height: 55px; width: 55px; height: 55px; float: right; border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .service.style2 .title-wrap { padding-right: 75px; } .service.style2:hover .icon-wrap { -webkit-transform: rotateY(190deg); -moz-transform: rotateY(190deg); -ms-transform: rotateY(190deg); -o-transform: rotateY(190deg); transform: rotateY(190deg); } .service.style3 .title-wrap { text-align: center; } .service.style3 .icon-wrap { float: none; margin: 0 auto 15px; display: block; height: 56px; width: 56px; line-height: 59px; font-size: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service.style3 .icon-wrap i { font-weight: 700; } .service.style3:hover .icon-wrap { box-shadow: none; } .service.style4 .title-wrap { position: relative; } .service.style4 h4, .service.style4 .content { margin-right: 90px; } .service.style4 .step-number { position: absolute; top: 40px; right: -20px; font-size: 7em; font-weight: 700; color: #fff; text-shadow: 1px 0px 25px rgba(0, 0, 0, 0.2); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .service.style5 { padding: 0px; } .service.style5 .title-wrap { text-align: center; } .service.style5 .thumb-service { margin: auto; display: block; } .service.style5 .thumb-service img { margin: 15px auto; display: block; max-width: 100%; } .service.style6 { overflow: hidden; position: relative; padding: 30px; border-radius: 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service.style6 .title-wrap { text-align: center; } .service.style6 .content, .service.style6 .title-wrap h4 { position: relative; z-index: 2; } .service.style6 .title_shadow_text { position: absolute; left: 0; right: 0; width: 90%; margin: auto; text-align: center; font-size: 70px; font-weight: 700; opacity: 0.09; top: 23px; line-height: 1; letter-spacing: 0px; z-index: 1; height: 64px; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service.style6 .icon-wrap { float: none; margin: 10px auto; display: block; } .service.style6:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .service.style6:hover .title_shadow_text { display: block; } .service.style7 { padding: 40px 25px; border: 2px solid #f7f7f7; border-radius: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service.style7 .title-wrap { text-align: center; } .service.style7 .icon-wrap { float: none; margin: 0 auto 15px; display: block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service.style7:hover { box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .service.style7:hover .icon-wrap, .service.style7:hover .title-wrap h4 { color: #000; } /* black_list */ .black_list { position: relative; z-index: 99; } .black_list:after, .black_list:before { content: ""; display: block; width: 100%; height: 20px; position: absolute; z-index: -1; left: 0; } .black_list:after { top: 0; background: #fff; } .black_list:before { bottom: 0; background-color: #f7f7f7; } .wpb_single_image.img_border_shadow { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .wpb_single_image.img_border_shadow img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .rev-slider .icon-wrap i { color: #fff; } .rev-slider .title-wrap h4 { color: #fff; font-weight: 700; } .img_about { position: relative; } .img_about img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 8s linear; -o-transition: all 8s linear; transition: all 8s linear; } .img_about:after, .img_about:before { content: ""; position: absolute; width: 100%; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .img_about:after { height: 118%; left: -27px; top: -25px; background: #f7f7f7; z-index: -1; } .img_about:before { height: 100%; left: -55px; top: 0; z-index: -2; } .img_about:hover img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transform: scale(1.4); transform: scale(1.4); } /* animation svg icon */ svg.Layer_1 { display: block; margin: auto; float: none; } .square, .circle, .line { -webkit-animation: 7s crazy infinite; animation: 7s crazy infinite; } @-webkit-keyframes line { 0% { stroke-dasharray: 0 600; stroke-dashoffset: 10; } 50% { stroke-dasharray: 600 0; } 100% { stroke-dasharray: 0 600; stroke-dashoffset: 10; } } @keyframes line { 0% { stroke-dasharray: 0 600; stroke-dashoffset: 10; } 50% { stroke-dasharray: 600 0; } 100% { stroke-dasharray: 0 600; stroke-dashoffset: 10; } } @-webkit-keyframes crazy { 0% { stroke-dasharray: 0 600; stroke-dashoffset: 10; } 50% { stroke-dasharray: 600 0; } 70% { stroke-dasharray: 300 0; } 90% { stroke-dasharray: 0 300; } 100% { stroke-dasharray: 0 600; stroke-dashoffset: 10; } } @keyframes crazy { 0% { stroke-dasharray: 0 600; stroke-dashoffset: 10; } 50% { stroke-dasharray: 600 0; } 70% { stroke-dasharray: 300 0; } 90% { stroke-dasharray: 0 300; } 100% { stroke-dasharray: 0 600; stroke-dashoffset: 10; } } /* ------------------------------------- */ /* 4. timeline ........................ */ /* ------------------------------------- */ .timeline-year { padding-top: 15px; margin-right: 10px; float: left; width: 90px; min-height: 50px; text-align: right; } .timeline-year p { font-size: 18px; font-weight: 700; width: 45px; } .timeline { position: relative; } .timeline:before { position: absolute; content: ''; width: 2px; background-color: #f7f7f7; height: 132%; left: 112px; } .timeline-details { display: inline-block; padding-bottom: 15px; } .timeline-title { position: relative; } .timeline-title h3 { font-size: 18px; font-weight: 700; } .timeline-title i { font-size: 32px; padding-left: 16px; line-height: 40px; float: right; margin-top: -6px; } .timeline-title span { font-style: normal; } .timeline-title:before { position: absolute; content: ''; background-color: #ffffff; height: 10px; width: 10px; border-radius: 100%; border: 2px solid; left: -43px; top: 10px; transition: .3s all ease-in-out; } .timeline-text { max-width: 400px; } .timeline-text-content { display: table; position: relative; padding-left: 50px; margin-top: 15px; } .timeline-text-content:after { position: absolute; content: ''; width: 1px; height: 0%; top: 20px; left: 12px; transition: .5s all ease-in-out; } .timeline-details:hover .timeline-text-content:after { height: 100%; } /* ------------------------------------- */ /* 5. portifolio ...................... */ /* ------------------------------------- */ .portfolio-filter { list-style: none; text-align: center; margin: 15px auto; } .portfolio-filter a { display: inline-block; margin: 1em 0; text-transform: uppercase; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #121212; padding: 13px 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .portfolio-filter a:hover, .portfolio-filter a:active, .portfolio-filter a:focus, .portfolio-filter a > .active { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .bg-dark-black a.filter { color: #fff; } .bg-dark-black a.filter:hover { color: #121212; } .grid.masonry { margin-bottom: 90px; } .masonry-item { height: auto; float: left; overflow: hidden; } .work-img { overflow: hidden; } .masonry-item.col-2 { width: 50%; } .masonry-item.col-3 { width: 33.333333%; } .masonry-item.col-4 { width: 25%; } /* portfolio-effect1 */ .overlay-effect1, .overlay-inner, .overlay-zoom a { opacity: 0; visibility: hidden; } .portfolio-effect1 .wrapper { position: relative; } .portfolio-effect1 img { width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .portfolio-effect1 .overlay-zoom { position: absolute; bottom: 0; left: 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .portfolio-effect1 a.portfolio-link { color: #fff; border: 2px solid #fff; width: 50px; height: 50px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 50px; font-size: 20px; } .portfolio-effect1:hover .overlay-effect1, .portfolio-effect1:hover .overlay-inner, .portfolio-effect1:hover .overlay-zoom, .portfolio-effect1:hover a.portfolio-link { opacity: 1; visibility: visible; } .portfolio-effect1:hover .overlay-inner { top: 50px; } .portfolio-effect1:hover .overlay-zoom { bottom: 30px; } .overlay-effect1 { background: rgba(0, 0, 0, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .overlay-effect1 h5 { color: #fff; font-weight: 700; margin: 5px 0; } .overlay-effect1 p { color: #fff; } .overlay-effect1 .overlay-inner { position: absolute; top: 0px; right: 50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* portfolio-effect2 */ .portfolio-effect2 { position: relative; } .portfolio-effect2 img { width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .portfolio-effect2 .overlay { width: 100%; height: 100%; text-align: center; opacity: 0; z-index: 1; visibility: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio-effect2 .portfolio-link { position: absolute; height: 100%; width: 100%; left: 0; right: 0; top: 0; z-index: 3; } .portfolio-effect2 .content-block { position: absolute; left: 0; right: 0; padding-top: 35%; z-index: 2; text-align: center; top: 55%; height: 100%; width: 100%; margin: 0 auto; opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -mz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio-effect2 .content-block h4 { margin: 5px auto; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio-effect2 .content-block h6 { font-size: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio-effect2:hover img { opacity: 0.15; } .portfolio-effect2:hover .overlay { opacity: 1; visibility: visible; } .portfolio-effect2:hover .content-block { opacity: 1; top: 50%; } .portfolio-effect2:hover .portfolio-link { cursor: url(../images/icon-zoom-dark.png), pointer; } .mo-portfolio-carousel.tpl2 .owl-stage-outer { padding: 25px 0; } /* ------------------------------------- */ /* 6. vedio ............................ */ /* ------------------------------------- */ a.lightbox-video { display: block; position: relative; margin: auto; text-align: center; width: 60px; height: 60px; top: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; -webkit-animation: anim-moema-1 0.3s forwards; animation: anim-moema-1 0.3s forwards; } a.lightbox-video:before { content: ''; position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; background: inherit; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; z-index: -1; opacity: 0.1; } a.lightbox-video i { padding: 19px 15px; color: #000; font-size: 24px !important; } a.lightbox-video:hover { background: #fff; } a.lightbox-video:hover:before { -webkit-animation: anim-moema-1 0.3s 0.3s forwards; animation: anim-moema-1 0.3s 0.3s forwards; } @-webkit-keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .mo-video-fancybox { height: 120px; } .mo-video-fancybox h3 { text-align: center; font-weight: 700; margin: 15px auto; text-shadow: 2px 5px 2px rgba(0, 0, 0, 0.2); } .mo-video-fancybox p.content { text-align: center; } .rev-video i { position: absolute; top: 0; } /* ------------------------------------- */ /* 7. team ............................. */ /* ------------------------------------- */ .team-member { margin: 0; padding: 0; } .team-member .team-details { padding: 15px; color: #202020; } .team-member .team-details h4 { margin: 15px 0px 10px; } .team-member .team-details h4 a { color: #202020; font-weight: 700; font-size: 16px; } .team-member figure { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; overflow: hidden; max-width: 360px; float: none; margin: auto; } .team-member figure img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; display: block; height: 100%; width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .team-member figure .icon-links { position: absolute; bottom: 0px; width: 100%; margin: auto; text-align: center; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .team-member figure .icon-links a { display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 18px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } .team-member:hover figure { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .team-member:hover img { opacity: 0.1; -webkit-transform: scale(1.1); transform: scale(1.1); } .team-member:hover .icon-links { bottom: 30px; } .team-member:hover .icon-links a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .team-member:hover .icon-links a:first-child { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .team-member:hover .icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .team-member:hover .icon-links a:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .team-member:hover .icon-links a:nth-child(4) { -webkit-transition-delay: 0.25s; transition-delay: 0.2s; } .col-lg-3 .team-member img, .col-md-3 .team-member img { max-height: 350px; } /* team-member-temp2 */ .team-member-temp2 { position: relative; overflow: hidden; margin-bottom: 30px; overflow: hidden; max-width: 360px; float: none; margin: 15px auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team-member-temp2 .team-member-img img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team-member-temp2 .team-member-details { position: absolute; z-index: 1; top: 12px; bottom: 12px; left: 12px; right: 12px; overflow: hidden; opacity: 0; -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.3s; transition: all 0.3s; } .team-member-temp2 .team-member-details:after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-member-info { position: absolute; top: 50%; left: 0; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); -moz-transform: 0.3s; -o-transform: 0.3s; -ms-transform: 0.3s; -webkit-transform: 0.3s; transform: 0.3s; } .team-member-info h4 a { color: #121212; text-align: center; display: block; font-size: 16px; font-weight: 700; text-transform: uppercase; } .team-member-info h4 a:hover { color: #121212; } .team-member-info .team-member-position { text-align: center; } .team-member-social { position: relative; top: -30px; opacity: 0; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin-bottom: 50px; text-align: center; } .team-member-social a { color: #121212; display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 18px; } .team-member-temp2:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .team-member-temp2:hover .team-member-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .team-member-temp2:hover .team-member-details { opacity: 1; } .team-member-temp2:hover .team-member-details:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .team-member-temp2:hover .team-member-info { -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .team-member-temp2:hover .team-member-social { opacity: 1; top: 10px; } .col-lg-3 .team-member-temp2 img, .col-md-3 .team-member-temp2 img { max-height: 350px; } /* team-member-temp3 */ .team-member-temp3 { float: left; position: relative; margin-top: 15px; margin-bottom: 15px; max-width: 360px; float: none; margin: 15px auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .team-member-temp3 img { width: 100%; } .team-member-temp3 .team-member-details { width: 100%; z-index: 2; position: relative; } .team-member-temp3:before { background: #000; content: ""; height: 100%; width: 0; opacity: 0; z-index: 1; position: absolute; left: 0; top: 0; } .col-lg-3 .team-member-temp3 img, .col-md-3 .team-member-temp3 img { max-height: 350px; } .team-member-details-inner { float: left; padding: 30px 10px 25px; text-align: center; width: 100%; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .team-member-details-inner h4 a { font-size: 18px; font-weight: 700; margin: 0 0 5px; text-transform: uppercase; width: 100%; } .team-member-details-inner p { width: 100%; display: block; } .team-member-temp3:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .team-member-temp3:hover .team-member-details-inner h4 { color: #121212; } .team-member-temp3:hover .team-member-details-inner p { color: #909090; } .team-member-temp3:hover:before { opacity: 0.7; width: 100%; } .team-member-links { left: 0; padding: 10px 20px; position: absolute; text-align: center; bottom: 20%; width: 100%; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .team-member-links a { color: #FFF; display: inline-block; height: 35px; line-height: 35px; font-size: 16px; text-align: center; width: 35px; -webkit-transform: translateX(-40px) scale(0); -moz-transform: translateX(-40px) scale(0); -ms-transform: translateX(-40px) scale(0); -o-transform: translateX(-40px) scale(0); transform: translateX(-40px) scale(0); -webkit-transition: all 800ms cubic-bezier(0.68, 0, 0.265, 1); /* older webkit */ -webkit-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55); /* easeInOutBack */ -webkit-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); /* easeInOutBack */ } .team-member-temp3:hover .team-member-links a { -webkit-transform: translateX(0) scale(1); -moz-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); -o-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } .team-member-links a:nth-child(2n) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .team-member-links a:nth-child(3n) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } /* ------------------------------------- */ /* 8. pricing .......................... */ /* ------------------------------------- */ .pricing-item.style1 { background-color: #FFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; text-align: center; overflow: hidden; padding-bottom: 25px; max-width: 360px; float: none; margin: 25px auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pricing-item.style1 h3, .pricing-item.style1 .title_shadow_text, .pricing-item.style1 .button, .pricing-item.style1 .pricing { } .pricing-item.style1 h3 { padding: 35px 10px 25px; font-weight: 700; background: #ebebeb; color: #121212; } .pricing-item.style1 h3:after { content: ''; position: absolute; height: 40px; width: 3px; display: block; background: #121212; left: 0; right: 0; top: 72px; margin: auto; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pricing-item.style1 .title_shadow_text { display: block; position: absolute; left: 0; right: 0; margin: auto; text-align: center; font-size: 32px; font-weight: 700; opacity: 0.05; color: #000; top: 25px; line-height: 1; letter-spacing: 0px; z-index: 1; } .pricing-item.style1 .pricing .pricing-currency { color: #121212; padding-top: 35px; display: block; font-size: 2em; font-weight: 700; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pricing-item.style1 .pricing .pricing-period { font-size: 12px; color: #909090; display: block; margin-top: 3px; } .pricing-item.style1 ul { padding: 15px 15px 0; } .pricing-item.style1 ul li { line-height: 2.3em; list-style: none; color: #121212; } .pricing-item.style1:hover .pricing-currency { color: #ffe200 !important; } .pricing-item.style1:hover h3:after { background: #ebebeb; height: 45px; } .pricing-item.style2 { background-color: #FFF; border: 2px solid #f7f7f7; position: relative; overflow: hidden; padding-bottom: 25px; max-width: 360px; float: none; margin: 25px auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pricing-item.style2 h3 { padding: 25px; font-weight: 700; margin: 0; background: #f7f7f7; color: #121212; } .pricing-item.style2 .title_shadow_text { display: block; color: #f7f7f7; position: absolute; text-shadow: 2px 5px 2px rgba(0, 0, 0, 0.2); left: 0; left: 21px; font-size: 41px; font-weight: 700; opacity: 0.2; top: 13px; line-height: 1; letter-spacing: 0px; z-index: 1; } .pricing-item.style2 .pricing { background: #f7f7f7; padding: 0 25px 15px; display: block; float: left; width: 100%; } .pricing-item.style2 .pricing .pricing-currency { color: #121212; float: right; display: block; font-size: 2.5em; font-weight: 700; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pricing-item.style2 .pricing .pricing-period { font-size: 14px; color: #121212; padding-right: 5px; margin-top: 15px; display: inline-block; float: right; } .pricing-item.style2 ul { padding: 25px 25px 0; float: left; width: 100%; } .pricing-item.style2 ul li { color: #121212; line-height: 2.3em; list-style: none; } .pricing-item.style2 .button { background: #f7f7f7; margin-right: 25px; } .pricing-item.style2:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .depth, .pricing-item:hover, .pricing-item2:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .depth { -webkit-transform: scale(1.05); transform: scale(1.05); } @-webkit-keyframes moveUp { 50% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 52% { opacity: 1; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes moveUp { 50% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 52% { opacity: 1; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* ------------------------------------- */ /* 9. testimonial ...................... */ /* ------------------------------------- */ .mo-testimonial-carousel.tpl1 .owl-clients { padding: 50px 0px 0px 15px; } .mo-testimonial-carousel.tpl1 h3 { color: #fff; font-weight: 700; } .mo-testimonial-carousel.tpl1 .content { margin: 15px 15%; font-size: 15px; line-height: 25px; text-align: center; direction:rtl; position: relative; } .mo-testimonial-carousel.tpl1 .content:before, .mo-testimonial-carousel.tpl1 .content:after { content: url(../images/quote.png); display: block; position: absolute; opacity: 0.2; display: block; } .mo-testimonial-carousel.tpl1 .content:before { top: -5px; right: -52px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mo-testimonial-carousel.tpl1 .content:after { bottom: -20px; left: 40px; } .mo-testimonial-carousel.tpl1 img { width: 80px !important; height: 80px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: none; margin: 20px auto 10px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); display: block; } .mo-testimonial-carousel.tpl1 .testimonial-details h5 { text-align: center; font-weight: 700; margin: 5px; } .mo-testimonial-carousel.tpl1 .testimonial-details p { text-align: right; text-align: center; font-size: 12px; } /* mo-testimonial-carousel.tpl2 */ .mo-testimonial-carousel.tpl2 { margin-top: 15px; margin-bottom: 15px; } .mo-testimonial-carousel.tpl2 .testimonial-details { margin: 0 auto; text-align: center; display: block; } .mo-testimonial-carousel.tpl2 .testimonial-details h3 { font-weight: 700; margin: 0px; } .mo-testimonial-carousel.tpl2 .testimonial-details h6 { font-size: 13px; font-style: normal; margin-bottom: 25px; } .mo-testimonial-carousel.tpl2 .testimonial-details p.content { position: relative; line-height: 28px; margin: 70px 18% 15px; } .mo-testimonial-carousel.tpl2 .testimonial-details p.content:after { content: url(../images/quote3.png); display: block; position: absolute; opacity: 0.1; top: -70px; right: 0; left: 0; } /* mo-testimonial-carousel.tpl3 */ .mo-testimonial-carousel.tpl3 .owl-item { margin-bottom: 15px; } .mo-testimonial-carousel.tpl3 .content { background: #f7f7f7; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 35px 40px; font-size: 13px; line-height: 20px; text-align: center; position: relative; direction:rtl; } .mo-testimonial-carousel.tpl3 .content:before, .mo-testimonial-carousel.tpl3 .content:after { content: url(../images/quote2.png); display: block; position: absolute; opacity: 0.2; } .mo-testimonial-carousel.tpl3 .content:before { top: 25px; right: 15px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mo-testimonial-carousel.tpl3 .content:after { bottom: 32px; left: 12px; } .mo-testimonial-carousel.tpl3 img { float: left; position: relative; z-index: 5; margin-left: 20px; margin-top: -35px; width: 80px !important; height: 80px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 10px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 10px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 10px 34px rgba(0, 0, 0, 0.18); } .mo-testimonial-carousel.tpl3 .testimonial-details { float: left; margin-left: 14px; } .mo-testimonial-carousel.tpl3 .testimonial-details h5 { text-align: left; font-weight: 700; font-size: 14px; margin: 0; } .mo-testimonial-carousel.tpl3 .testimonial-details h6 { text-align: left; font-style: normal; font-size: 12px; } /* map-style1 */ .map-style1 { position: absolute !important; height: 170px; z-index: 1; bottom: 0; } .map-style1:before, .map-style1:after { content: " "; width: 100%; z-index: 3; display: block; position: absolute; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .map-style1:before { top: 60px; height: 170px; } .map-style1:after { background: #f7f7f7; height: 170px; bottom: 0; z-index: 2; } .map-style1 .container { opacity: 0; } /* ------------------------------------- */ /* 10. progress ........................ */ /* ------------------------------------- */ .progress-bars p { margin-bottom: 10px; } .progress { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; background: #909090; box-shadow: none; display: inline-block; width: 100%; margin-bottom: 15px; overflow: inherit; position: relative; height: 5px; margin-top: 10px; } .progress-bar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 5px; box-shadow: none; max-width: 100%; } .progress-bars .bar { position: relative; } .progress-bar-tooltip { float: right; position: relative; right: 0px; top: -13px; color: #fff; text-align: center; font-size: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 30px; width: 30px; line-height: 29px; } /* bt-progress-style1 */ .bt-progress-style1.vc_progress_bar .vc_single_bar { position: relative; height: 7px; background: #e9e9e9; box-shadow: none; margin: 50px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bt-progress-style1.vc_progress_bar .vc_single_bar .vc_label { position: absolute; bottom: 20px; left: 0; width: 100%; padding: 0; } .bt-progress-style1.vc_progress_bar .vc_single_bar .vc_label .vc_inner { font-size: 14px; line-height: 14px; letter-spacing: 0; position: relative; } .bt-progress-style1.vc_progress_bar .vc_single_bar .vc_label .vc_inner .vc_label_units { position: absolute; left: 0; top: 14px; width: 32px; height: 32px; font-size: 9px; line-height: 32px; letter-spacing: 0px; text-align: center; color: #000; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; -webkit-box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); -moz-box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); } .bt-progress-style1.vc_progress_bar .vc_single_bar .vc_bar { height: 7px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .vc_progress_bar .vc_single_bar .vc_bar { right:0; left:auto !important; } /* bt-progress-style2 */ .bt-progress-style2.vc_progress_bar .vc_single_bar { position: relative; height: 7px; background: #e9e9e9; box-shadow: none; margin: 65px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_label { position: absolute; bottom: 12px; left: 0; width: 100%; padding: 0; } .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_label .vc_inner { letter-spacing: 0; } .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_label .vc_inner .vc_label_units { float: right; } .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar { height: 7px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 5px 5px 20px rgba(21, 21, 21, 0.15); -moz-box-shadow: 5px 5px 20px rgba(21, 21, 21, 0.15); box-shadow: 5px 5px 20px rgba(21, 21, 21, 0.15); } .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar:after, .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar:before { position: absolute; display: block; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar:after { left: 0; top: -4px; width: 15px; height: 15px; -webkit-box-shadow: 5px 5px 20px rgba(21, 21, 21, 0.15); -moz-box-shadow: 5px 5px 20px rgba(21, 21, 21, 0.15); box-shadow: 5px 5px 20px rgba(21, 21, 21, 0.15); } .bt-progress-style2.vc_progress_bar .vc_single_bar .vc_bar:before { left: -5px; top: -9px; width: 25px; height: 25px; opacity: 0.3; } .bt-progress-style3.vc_progress_bar .vc_single_bar { position: relative; background: #f7f7f7; box-shadow: none; margin: 45px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bt-progress-style3.vc_progress_bar .vc_single_bar .vc_label { padding: 8px 25px; } .bt-progress-style3.vc_progress_bar .vc_single_bar .vc_label .vc_inner { font-size: 12px; font-weight: 700; line-height: 15px; letter-spacing: 0; position: relative; } .bt-progress-style3.vc_progress_bar .vc_single_bar .vc_label .vc_inner .vc_label_title { position: absolute; top: -35px; left: -23px; font-size: 11px; font-weight: 900; } .bt-progress-style3.vc_progress_bar .vc_single_bar .vc_label .vc_inner .vc_label_units { color: #000; float: right; position: relative; top: -8px; } .bt-progress-style3.vc_progress_bar .vc_single_bar .vc_bar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bt-progress-style4.vc_progress_bar .vc_single_bar { display: block; position: relative; height: 7px; width: 100%; margin-top: 38px; box-shadow: none; margin: 65px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bt-progress-style4.vc_progress_bar .vc_single_bar .vc_label { position: absolute; bottom: 20px; left: 0; width: 100%; padding: 0; } .bt-progress-style4.vc_progress_bar .vc_single_bar .vc_label .vc_inner { font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: 0; position: relative; } .bt-progress-style4.vc_progress_bar .vc_single_bar .vc_bar { height: 7px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bt-progress-style4.vc_progress_bar .vc_single_bar .vc_label .vc_label_units { float: right; position: absolute; left: -20px; background-color: #202020; color: #fff; font-size: 12px; letter-spacing: 0.05em; line-height: 1em; padding: 6px 7px; -webkit-box-shadow: 15px 15px 40px rgba(21, 21, 21, 0.15); -moz-box-shadow: 15px 15px 40px rgba(21, 21, 21, 0.15); box-shadow: 15px 15px 40px rgba(21, 21, 21, 0.15); } .bt-progress-style4.vc_progress_bar .vc_single_bar .vc_label .vc_label_units:after { content: ''; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #202020; bottom: -6px; left: 50%; margin-left: -5px; } .bg-dark .bt-progress-style4.vc_progress_bar .vc_single_bar .vc_label .vc_label_units { background-color: #f7f7f7; color: #202020; } .bg-dark .bt-progress-style4.vc_progress_bar .vc_single_bar .vc_label .vc_label_units:after { border-top: 6px solid #f7f7f7; } .vc_parallax .vc_progress_bar { color: #fff; } /* ------------------------------------- */ /* 11. counter-number .................. */ /* ------------------------------------- */ .counter-number { max-width: 360px; float: none; margin: 10px auto; } .counter-number.style1 { position: relative; text-align: center; background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 30px 20px 20px; overflow: hidden; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .counter-number.style1 i { position: absolute; left: 5%; font-size: 90px; bottom: 10px; line-height: 40px; text-align: center; z-index: 1; } .counter-number.style1 h3 { color: #121212 !important; font-size: 40px; line-height: 20px; font-weight: 700; position: relative; z-index: 2; } .counter-number.style1 h6 { color: #121212 !important; position: relative; z-index: 2; font-size: 14px; } .counter-number.style1:hover { -webkit-box-shadow: 0 5px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 5px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 5px 34px rgba(0, 0, 0, 0.18); -webkit-transform: translateY(-10px); transform: translateY(-10px); } .counter-number.style2 { text-align: center; position: relative; z-index: 2; background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 35px 20px 35px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .counter-number.style2 h3 { text-align: center; font-size: 35px; line-height: 20px; font-weight: 700; position: relative; z-index: 2; color: #202020; } .counter-number.style2 h6 { clear: both; color: #202020; } .counter-number.style2 i { float: right; font-size: 36px; display: inline-block; position: relative; top: -8px; right: 40px; color: #202020; } .counter-number.style2:after { content: ''; position: absolute; width: 100%; top: -10px; right: -10px; height: 100%; background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; z-index: -1; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .counter-number.style3 { position: relative; text-align: center; padding: 30px 20px 20px; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .counter-number.style3 i { position: absolute; left: 15%; font-size: 40px; top: 22px; color: #fff; z-index: 1; } .counter-number.style3 h3 { color: #FFF; font-size: 40px; line-height: 20px; font-weight: 700; position: relative; z-index: 2; } .counter-number.style3 h6 { color: #fff; position: relative; z-index: 2; } /* vc_pie_chart */ .vc_pie_chart { margin-bottom: 15px !important; } .vc_pie_chart .vc_pie_wrapper, .vc_pie_chart_back, .vc_pie_chart .vc_pie_chart_value, .vc_pie_chart canvas { width: 100px !important; height: 100px !important; line-height: 100px !important; margin: 0 auto 25px !important; } .vc_pie_chart .vc_pie_chart_value { font-size: 150% !important; } .vc_pie_chart_back { border: 4px solid #fff !important; opacity: .5 !important; -webkit-box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); -moz-box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); } .vc_pie_chart .vc_pie_chart_value { font-weight: 700; } .vc_pie_chart_value, .wpb_pie_chart_heading { font-weight: 700; display: block; } /* ------------------------------------- */ /* 12. accordion , tabs ................ */ /* ------------------------------------- */ .wpb-js-composer .vc_tta-panel .vc_tta-panel-body { padding: 15px !important; } .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { } .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #000; } .wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .wpb-js-composer .vc_tta-panels { border-color: transparent !important; } .wpb-js-composer .vc_tta-tabs .vc_tta-tabs-container, .wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-tabs-container { margin: 0 !important; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { top: 1em !important; left: 1em !important; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { background-image: url(../images/toggle_open.png) !important; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { background-image: url(../images/toggle_close.png) !important; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { font-weight: 700; padding: .8em 1em; padding-left: 2.5em !important; } /* mo-accordion-style1 */ .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 14px; line-height: 24px; letter-spacing: 0px; background: #fff; padding: 12px 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a:hover { background: #e9e9e9; } .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body { background-color: #fff !important; padding: 25px 0px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .vc_toggle_title > h4 { color: #202020; } .bg-dark-black .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .bg-dark-black .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body, .bg-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .bg-dark .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body { background-color: #3c3c3c !important; } .bg-dark-black .vc_toggle_title > h4, .bg-dark .vc_toggle_title > h4 { color: #fff; } .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading { border: none; border-radius: 0; } .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { box-shadow: 0 20px 35px -20px black; } .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* mo-accordion-style2 */ .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel { position: relative; margin-bottom: 20px; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_active, .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel:last-child { margin-bottom: 0; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading { margin: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 14px; line-height: 24px; letter-spacing: 0px; background: #f7f7f7; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a > i { display: inline-block; vertical-align: middle; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a > span { display: inline-block; vertical-align: middle; margin-left: 25px; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { background: #e9e9e9; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body { background: #f7f7f7; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body .mo-content-inner { padding: 25px 30px; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body .mo-content-inner > h3 { font-size: 14px; line-height: 24px; letter-spacing: 0px; margin-bottom: 0; } .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #000; font-weight: 700; } /* mo-accordion-style3 */ .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel { position: relative; margin-bottom: 20px; } .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading { margin: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 11px; font-weight: 900; line-height: 24px; letter-spacing: 0; color: #141414; background: #ffffff; border: 2px solid #f7f7f7; border-bottom: 0; } .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a:hover { border-color: #cecece; } .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body { background-color: #fff; padding: 0 20px 20px; border-top: none; border-right: 2px solid #f7f7f7; border-bottom: 2px solid #f7f7f7; border-left: 2px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { padding-top: 20px; } .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { background: #fff; } /* mo-accordion-style4 */ .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel { position: relative; margin-bottom: 20px; } .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading { margin: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 11px; font-weight: 900; line-height: 24px; letter-spacing: 0; background: #f7f7f7; border: 2px solid #e9e9e9; } .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body { background: #ffffff; padding: 0 20px 20px; border-top: none; border-right: 2px solid #f7f7f7; border-bottom: 2px solid #f7f7f7; border-left: 2px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { padding-top: 20px; color: #000; } .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a i::before { border-color: #000; } .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { color: #000; } /* tabs */ .wpb_content_element .wpb_accordion_header a, .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding: .8em 2em !important; } .wpb_content_element .wpb_tabs_nav li { border: 1px solid #f7f7f7; } .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: transparent !important; border: 1px solid #f7f7f7; } .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a { color: #fff; } .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { padding: 2em !important; } /* mo-faq-style1 */ .mo-faq-style1.vc_toggle_default.vc_toggle { border: 2px solid #ececec; } .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_title { position: relative; padding: 15px 15px 15px 55px; } .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_title > h4 { font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 0.05em; color: #141414; } .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_title .vc_toggle_icon { width: 60px; height: 100%; text-align: center; font-size: 14px; font-style: normal; color: #202020; background: transparent; margin: 0; border: none; } .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_title .vc_toggle_icon:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; width: auto; height: auto; background: transparent; border: none; } .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_title .vc_toggle_icon:after { display: none; } .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_content { font-size: 14px; line-height: 24px; letter-spacing: 0.05em; color: #202020; padding: 15px 15px 15px 55px; margin: 0; } .mo-faq-style1.vc_toggle_default.vc_toggle:hover { border-color: #f7f7f7; } .mo-faq-style1.vc_toggle_default.vc_toggle:hover .vc_toggle_icon { border-right-color: #f7f7f7; } .mo-faq-style1.vc_toggle_default.vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_icon:before { visibility: visible; } /* mo-tabs-style1 */ .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list { margin: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab { position: relative; display: inline-block; vertical-align: top; margin: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a { font-size: 13px; line-height: 45px; letter-spacing: 0px; color: #4b4b4b; background: #ffffff; display: inline-block; height: 45px; padding: 0 20px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a > i { -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-size: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-container { background: #fff; box-shadow: 0 20px 35px -20px black; margin: 0 !important; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a > span { margin: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a:hover { background: #f9f9f9; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab { margin: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active:before { width: calc(100% + 4px); } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active:after { border-top: 5px solid; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active:first-child { margin-left: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active:last-child { margin-right: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a > i { font-size: 13px; margin-right: 5px; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a:hover { background: #fff; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; margin: 0; border: 2px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style1.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels, .mo-tabs-style1.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::after, .mo-tabs-style1.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::before { border-color: transparent !important; } .mo-tabs-style1.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels { background-color: transparent !important; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 13px; font-weight: 600; line-height: 24px; letter-spacing: 0px; color: #4b4b4b; background: #ffffff; padding: 10px 20px; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a:hover { background: #fafafa; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { padding: 10px 0px; border-color: transparent; background-color: #fff; } .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #ffffff; } /* mo-tabs-style2 */ .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-container { margin: 0; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list { background: #e9e9e9; margin: 0; padding: 13px 20px 2px; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab { position: relative; display: inline-block; vertical-align: middle; margin: 0; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab:last-child { margin-right: 0; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a { font-weight: 700; color: #999; line-height: 30px; letter-spacing: 0px; display: inline-block; padding: 8px 20px; border: none; border-radius: 0px !important; background: transparent; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a:hover, .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a { color: #000; background: transparent; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { background: #f7f7f7; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { margin: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .mo-content-inner h3 { margin-bottom: 0; } .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #000; } /* mo-tabs-style3 */ .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-container { margin: 0; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list { background: transparent; margin: 0 0 !important; padding: 20px 30px 0px; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab { position: relative; display: inline-block; vertical-align: middle; background: #fff; } .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a:last-child { margin-right: 0; } .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a:before { -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; content: ""; position: absolute; bottom: -10px; right: 0; width: 0; height: 2px; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a, .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a:hover { font-size: 11px; font-weight: 900; line-height: 40px; letter-spacing: 0; background: transparent; display: inline-block; border-radius: 0; padding: 5px 10px; border: none; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-icon { -wekbit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-size: 0; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-title-text:not(:empty):not(:first-child), .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-title-text:not(:empty) ~ * { margin-left: 8px; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active:before { width: calc(100% - 20px); } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a { background-color: #fff; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a .vc_tta-icon { font-size: 11px; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels { background: #ffffff; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { margin: 0; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { margin: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 11px; font-weight: 900; line-height: 18px; letter-spacing: 0; color: #141414; background: transparent; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { background: transparent; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active { border-bottom: 0; border-top: 2px solid; border-left: 2px solid; border-right: 2px solid; background: transparent; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { background: #fff; border: 2px solid; border-radius: 0; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .mo-content-inner h3 { margin-bottom: 0; } .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels { border-radius: 0 !important; border: 0 !important; } /* mo-tabs-style4 */ .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-container { margin: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list { padding: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab { position: relative; display: inline-block; vertical-align: middle; margin: 0; float:right; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab:last-child { margin-right: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a { font-size: 12px; font-weight: 900; line-height: 24px; letter-spacing: 0; display: inline-block; padding: 10px 15px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a { color: #000; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { margin: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { margin: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { font-size: 12px; font-weight: 900; line-height: 24px; letter-spacing: 0; color: #f7f7f7; background: #eeeeee; padding: 10px 15px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a:hover { background: #909090; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { padding: 20px; border-color: transparent; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .mo-content-inner h3 { margin-bottom: 0; } .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #ffffff; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } /* bg-dark (tabs/accordion) */ .bg-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab, .tabs-accordion-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab { border: 2px solid #1e1e1e; } .bg-dark .mo-tabs-style3.vc_tta-tabs.vc_tta, .tabs-accordion-dark .mo-tabs-style3.vc_tta-tabs.vc_tta { border: 2px solid #1e1e1e; } .bg-dark .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .bg-dark .mo-faq-style1.vc_toggle_default.vc_toggle, .tabs-accordion-dark .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-faq-style1.vc_toggle_default.vc_toggle { border: 2px solid #000; } .bg-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a, .bg-dark .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .bg-dark .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel, .bg-dark .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .bg-dark .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body, .bg-dark .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list, .bg-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list, .bg-dark .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body, .bg-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab, .bg-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .bg-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels, .bg-dark .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .bg-dark .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a, .bg-dark .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .bg-dark .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .bg-dark .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_content, .bg-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-container, .bg-dark .mo-faq-style1.vc_toggle_default.vc_toggle, .tabs-accordion-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a, .tabs-accordion-dark .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel, .tabs-accordion-dark .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body, .tabs-accordion-dark .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list, .tabs-accordion-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list, .tabs-accordion-dark .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body, .tabs-accordion-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab, .tabs-accordion-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .tabs-accordion-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels, .tabs-accordion-dark .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body, .tabs-accordion-dark .mo-tabs-style4.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab > a, .tabs-accordion-dark .mo-accordion-style4.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_content, .tabs-accordion-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-container, .tabs-accordion-dark .mo-faq-style1.vc_toggle_default.vc_toggle { color: #f7f7f7; background: #1e1e1e; } .bg-dark .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active, .bg-dark .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active, .tabs-accordion-dark .mo-accordion-style2.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { background: #000; } .bg-dark .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_title > h4, .bg-dark .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .tabs-accordion-dark .mo-faq-style1.vc_toggle_default.vc_toggle .vc_toggle_title > h4, .tabs-accordion-dark .mo-tabs-style2.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a { color: #fff; } .bg-dark .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .bg-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .tabs-accordion-dark .mo-accordion-style1.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-tabs-style1.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a { color: #000; } .bg-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a, .tabs-accordion-dark .mo-tabs-style3.vc_tta-tabs.vc_tta .vc_tta-tabs-list .vc_tta-tab.vc_active > a { background-color: transparent; } .bg-dark .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { border-bottom: 2px solid; } .bg-dark .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a, .tabs-accordion-dark .mo-accordion-style3.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { border-bottom: 0; } /* mo-countdown-clock */ .mo-countdown-clock.style1 { text-align: center; margin-bottom: 60px; } .mo-countdown-clock.style1 .countdown-row { display: block; margin-bottom: 30px; } .mo-countdown-clock.style1 .countdown-row .countdown-section { position: relative; display: inline-block; width: 180px; height: 150px; margin: 20px; padding-top: 20px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); background: #fff; border: 2px solid #ebebeb; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-countdown-clock.style1 .countdown-row .countdown-section > span { color: #202020; display: block; } .mo-countdown-clock.style1 .countdown-row .countdown-section > span.countdown-amount { font-size: 48px; font-weight: 700; line-height: 60px; letter-spacing: 0; } .mo-countdown-clock.style1 .countdown-row .countdown-section > span.countdown-period { font-size: 14px; line-height: 24px; letter-spacing: 0; text-transform: uppercase; padding-top: 15px; } .mo-countdown-clock.style2 { text-align: center; margin-bottom: 60px; } .mo-countdown-clock.style2 .countdown-row { display: block; margin-bottom: 30px; } .mo-countdown-clock.style2 .countdown-row .countdown-section { position: relative; display: inline-block; width: 120px; height: 120px; margin: 30px; border: 2px solid; -webkit-box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); -moz-box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); box-shadow: 15px 15px 30px rgba(21, 21, 21, 0.15); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-countdown-clock.style2 .countdown-row .countdown-section > span { text-shadow: 2px 5px 2px rgba(0, 0, 0, 0.2); display: block; } .mo-countdown-clock.style2 .countdown-row .countdown-section > span.countdown-amount { position: absolute; top: 50%; left: 50%; color: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 40px; font-weight: 700; line-height: 60px; letter-spacing: 0px; } .mo-countdown-clock.style2 .countdown-row .countdown-section > span.countdown-amount:before { content: " "; display: table; } .mo-countdown-clock.style2 .countdown-row .countdown-section > span.countdown-amount:after { content: " "; display: table; clear: both; } .mo-countdown-clock.style2 .countdown-row .countdown-section > span.countdown-period { position: absolute; bottom: -35px; left: 50%; color: #fff; font-size: 13px; font-weight: 700; line-height: 24px; letter-spacing: 0.4em; text-transform: uppercase; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .mo-countdown-clock.style3 { text-align: center; } .mo-countdown-clock.style3 .countdown-row { display: block; margin-bottom: 30px; } .mo-countdown-clock.style3 .countdown-row .countdown-section { display: inline-block; width: 90px; height: 90px; margin: 15px; padding-top: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-countdown-clock.style3 .countdown-row .countdown-section > span { color: #202020; display: block; } .mo-countdown-clock.style3 .countdown-row .countdown-section > span.countdown-amount { font-size: 18px; font-weight: 700; line-height: 18px; letter-spacing: 0.06em; } .mo-countdown-clock.style3 .countdown-row .countdown-section > span.countdown-period { font-size: 11px; font-weight: 400; line-height: 18px; font-style: normal; } /* ------------------------------------- */ /* 13. post ............................ */ /* ------------------------------------- */ .content a { font-weight: 700; } /* format-post */ .grid-post, .masonry-posts .type-post { background-color: #fff; border-radius: 15px; overflow: hidden; float: none; margin: 0 auto 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .grid-post figure, .masonry-posts .type-post figure { overflow: hidden; border-top-left-radius: 15px; border-top-right-radius: 15px; } .grid-post:hover, .masonry-posts .type-post:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .bg-dark-black .grid-post, .bg-dark-black .masonry-posts .type-post, .bg-dark .grid-post, .bg-dark .masonry-posts .type-post { background-color: #121212; } .bg-dark-black .post h3.post-title a:hover, .bg-dark-black .page h3.post-title a:hover, .bg-dark-black .grid-post h3.post-title a:hover, .bg-dark .post h3.post-title a:hover, .bg-dark .page h3.post-title a:hover, .bg-dark .grid-post h3.post-title a:hover { color: #fff; } .post figure, .page figure, .grid-post figure { position: relative; overflow: hidden; } .post .info-post, .page .info-post, .grid-post .info-post { padding: 23px; text-align:right; direction:rtl; } .post h3.post-title, .page h3.post-title, .grid-post h3.post-title { margin: 0; } .post h3.post-title a, .page h3.post-title a, .grid-post h3.post-title a { font-size: 16px; font-weight: 700; } .format-post { position: relative; background: #e9e9e9; border-top-left-radius: 15px; border-top-right-radius: 15px; overflow: hidden; } .format-post figure img { min-width: 100%; min-height: 260px; } .grid-mid-post .info-post { margin-bottom: 25px; } .grid-left-post figure, .grid-left-post .format-post { border-top-right-radius: 15px; border-top-left-radius: 0 !important; border-bottom-right-radius: 15px; border-bottom-left-radius: 0; } .grid-right-post figure, .grid-right-post .format-post { border-top-left-radius: 0 !important; border-top-right-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 15px; } .grid-zigzag-post .format-post figure img { max-height: 380px; } .carousel-post .owl-dots { top: 90%; width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; } .carousel-post .owl-dots .owl-dot span { background: #fff; } .mo-media { position: relative; background: #e9e9e9; border-top-right-radius: 15px; border-top-left-radius: 15px; overflow: hidden; } .masonry-posts .format-post { min-height: auto; } .embed-responsive-16by9 { padding-bottom: 0; } /* blockquote */ blockquote { border-left: 0 none; font-size: 12px; line-height: 18px; font-style: normal; position: relative; min-height: 70px; display: flex; margin: 15px 5px; align-items: center; color: #fff; background: #121212; padding: 10px; } blockquote:after { color: #fff; opacity: 0.1; content: "\f10d"; font-family: FontAwesome; font-size: 30px; font-style: normal; height: 30px; left: 10px; position: absolute; text-align: center; top: 20px; width: 30px; } .mo-link, .blockquote-post { position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 94%; background: #121212; color: #fff; text-align: center; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-link { margin: 6% 3.5%; } .blockquote-post { margin: 3.5%; bottom: 0px; } .mo-link { bottom: 20px; padding: 15px; font-size: 12px; color: #fff; } .mo-link:hover, .mo-link:focus, .mo-link:active { color: #fff; } .audio-post { position: absolute; bottom: -30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 94%; margin: 3.6%; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .audio-post .embed-responsive { padding-bottom: 166px; } .audio-post audio { width: 100%; margin-top: 20%; } .wp-audio-shortcode.mejs-audio { margin-top: -33%; } .mo-blog .wp-audio-shortcode.mejs-audio { margin-top: -20%; } .grid-left-post .wp-audio-shortcode.mejs-audio { margin-top: -45%; } /* grid-post */ .sticky .grid-post { background: #e9e9e9; } .sticky .grid-post .mo-media { background: #909090; } .grid-post, .grid-left-post, .grid-right-post { width: 100%; float: left; } .grid-left-post .info-post, .grid-left-post .format-post, .grid-right-post .info-post, .grid-right-post .format-post { width: 50%; } .grid-left-post .info-post, .grid-left-post .format-post { float: right; } .grid-right-post .info-post, .grid-right-post .format-post { float: left; } .col-lg-3 .grid-right-post .meta-post, .col-lg-3 .grid-right-post p, .col-lg-3 .grid-left-post .meta-post, .col-lg-3 .grid-left-post p { display: none; } .col-lg-3 .grid-right-post .info-post, .col-lg-3 .grid-left-post .info-post { padding: 15px 15px; } .grid-zigzag-post { background-color: #f7f7f7; width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; } .grid-zigzag-post .info-post, .grid-zigzag-post .format-post { width: 50%; float: left; } .grid-zigzag-post .info-post { padding: 25px; } .grid-zigzag-post .format-post { padding: 0; } ul.meta-post { padding: 0; } ul.meta-post li { position: relative; display: inline-block; font-size: 10px; line-height: 10px; padding-left: 5px; } ul.meta-post li a { font-size: 10px; font-weight: 400; } .mo-blog ul.meta-post, .archive ul.meta-post { right: 95px; } .date-post { position: absolute; bottom: 15px; left: 15px; color: #000; padding: 5px; width: 60px; text-align: center; font-size: 12px; font-weight: 700; } /* grid_without_image */ .masonry-posts .grid4 .type-post { border-radius: 0; background: transparent; } .masonry-posts .grid4 .type-post:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .grid_without_image .date-post-withoutimg { position: absolute; float: left; font-size: 20px; padding: 5px 5px 12px; width: 60px; overflow: hidden; font-weight: 700; border: 3px solid; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .grid_without_image .info-post-withoutimg { float: right; padding-right: 75px; } .grid_without_image .info-post-withoutimg h3.post-title-withoutimg { line-height: 18px; margin: 0; } .grid_without_image .info-post-withoutimg h3.post-title-withoutimg a { font-weight: 700; font-size: 16px; } .grid_without_image ul.meta-post-withoutimg { list-style: none; padding: 0; margin: 5px 0; line-height: 16px; } .grid_without_image ul.meta-post-withoutimg li { color: #121212; font-weight: 600; display: inline-block; font-size: 11px; padding-right: 5px; } .grid_without_image ul.meta-post-withoutimg li a { font-size: 11px; } .grid_without_image:hover .date-post-withoutimg { color: #111; } /* post favorite */ .nectar-love { float: left; color: #707070; } .nectar-love.loved i { text-shadow: 2px 5px 2px rgba(0, 0, 0, 0.2); } .nectar-love.loved { position: relative; display: inline-block; padding-left: 5px; } .nectar-love.loved span { visibility: hidden; width: 150px; color: #000; text-align: center; font-size: 10px; padding: 5px; position: absolute; z-index: 1; top: -33px; left: -11px; } .nectar-love.loved:hover span { visibility: visible; } .nectar-love.loved:hover span::after { content: ""; position: absolute; bottom: -5px; left: 50%; margin-left: -69px; border-width: 5px; border-style: solid; border-color: transparent #ffe200 transparent transparent; } /* share */ .share { position: relative; top: 0; left: 0; color: #707070; cursor: pointer; transition: all 0.3s ease-in-out; } .share i { float: left; margin-top: 5px; margin-left: 0px; font-weight: 500; } .share span { float: right; font-weight: 700; } .share-links { position: absolute; height: 28px; left: 23px; top: 2px; opacity: 0; margin: 0; padding: 0; transition: all 0.3s ease-in-out; } .share-links li { margin: 0; float: left; width: 28px; height: 28px; text-align: center; list-style: none; } .share-links li a { color: #909090; font-size: 21px; font-weight: 400; } .share:hover .share-links { opacity: 1; } /*--------------------*/ .format-video > figure, .format-post.video > figure { background: rgba(0, 0, 0, 0.9); } .format-video > figure img, .format-post.video > figure img { width: 100%; opacity: 0.5; } .format-video figcaption a.lightbox-video, .format-post.video figcaption a.lightbox-video { position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); z-index: 2; } .format-video > figure { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* ------------------------------------- */ /* 14. blog page ....................... */ /* ------------------------------------- */ .page-header { border: 0; margin: 0; padding: 0; } .page-header .mo-title-bar-wrap { height: 450px; } .page-header h1 { letter-spacing: 5px; } .mo-title-bar { padding-top: 20%; } .page-header .mo-title-bar h2 { margin-top: 15px; color: #202020; font-size: 39px; color: #202020; line-height: 45px; font-weight: 700; } .page-content { margin-right: 25px; } .page-content-right { float: right; } .page-content-right .page-content { margin-right: 0; margin-left: 25px; } /* .gallery-item */ .gallery .gallery-item .gallery-icon > a > img { width: 100%; height: auto; opacity: 1; } .gallery > .gallery-item { margin-top: 15px; margin-bottom: 15px; } .gallery.gallery-columns-1 > .gallery-item { width: 100%; } .gallery.gallery-columns-2 > .gallery-item { width: 50%; display: inline-block; } .gallery.gallery-columns-3 > .gallery-item { width: 33.33%; display: inline-block; } .gallery.gallery-columns-4 > .gallery-item { width: 25%; display: inline-block; } .gallery.gallery-columns-5 > .gallery-item { width: 20%; display: inline-block; } /* demo-item */ .mo-demo-item .mo-title { text-align: center; font-weight: 700; } .mo-demo-item .owl-dots { top: 93%; } .mo-demo-item img { max-width: 100%; } /* pagination */ .mo-pagination { display: block; } .mo-pagination > a, .mo-pagination > span { color: #202020; border: 0; padding: 15px 20px; margin-right: 5px; margin-bottom: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mo-pagination .current, .mo-pagination a:focus, .mo-pagination a:hover, .mo-pagination span:focus, .mo-pagination span:hover { color: #000; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-pagination:last-child > a, .mo-pagination:last-child > span, .mo-pagination:first-child > a, .mo-pagination:first-child > span { border-radius: 15px; float: left; } .mo-pagination:last-child > a i, .mo-pagination:last-child > span i, .mo-pagination:first-child > a i, .mo-pagination:first-child > span i { margin-left: 7px; margin-right: 7px; } /* ------------------------------------- */ /* 16. single .......................... */ /* ------------------------------------- */ .mo-blog .date-post, .archive .date-post { bottom: 25px; left: 25px; padding: 10px 5px; width: 80px; font-size: 16px; } .mo-blog article.post { background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 30px; } .mo-blog article.post .single-post { padding: 0 30px; } .mo-blog article.post ul.meta-post { text-align: right; } .mo-blog article.post ul.meta-post li { padding-right: 8px; } .mo-blog article.post ul.meta-post li, .mo-blog article.post ul.meta-post li a { font-size: 12px; } .mo-blog article.post ul.meta-post li i, .mo-blog article.post ul.meta-post li a i { padding-left: 4px; font-size: 18px; top: 4px; } .meta-post * { line-height: inherit; text-transform: inherit; letter-spacing: inherit; display: inline-block; color: inherit; margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } .meta-post i { padding-left: 2px; font-size: 17px; position: relative; top: 5px; } .meta-post > * > * { margin-bottom: 5px; } .img-single img { width:100%; height: auto; } .mo-blog .post-title { font-weight: 700; text-align: right; padding-top: 30px; text-shadow: 2px 5px 2px rgba(0, 0, 0, 0.2); } .mo-blog .nectar-love, .mo-blog .share { margin-top: 15px; } .attachment-full, .attachment-full.wp-post-image { max-width: 100%; width: 100%; height: auto; } /* tags-share */ .tags-share { border-top: 2px solid #e9e9e9; margin-top: 30px; padding-top: 20px; } .tags-share .share { top: 0px !important; height: 44px; width: 30%; float: right; } .tags-share .share-links { background-color: #fff; margin: 0; } .tags { padding: 25px 0; clear: both; width: 100%; } .tags a { display: inline-block; position: relative; padding: 5px 15px; font-weight: 400; background: rgba(0, 0, 0, 0.05); margin-left: 8px; margin-bottom: 8px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 12px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .tags a:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transform: translateY(-3px); transform: translateY(-3px); } /* about-author */ .about-author { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; float: left; padding: 30px; width: 100%; background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .about-author img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; float: left; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .about-author h3 { font-weight: 700; margin: 20px 0 0; font-style: normal; float: left; display: inline-block; text-align: left; margin-left: 15px; } .about-author p { width: 100%; display: inline-block; margin-top: 15px; line-height: 20px; font-size: 13px; clear: both; text-align: left; } .about-author .simple-socials { text-align: center; width: 100%; } .about-author .simple-socials a { display: inline-block; float: none; margin: 0 5px; } .about-author:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .about-author:hover img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* post-paginations */ .post-paginations { overflow: hidden; padding: 30px; position: relative; float: left; width: 100%; display: flex; justify-content: center; align-items: center; background: #fff; margin-bottom: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .post-paginations:before { background: rgba(0, 0, 0, 0.05); content: ""; height: 50%; width: 2px; margin-left: -0.5px; position: absolute; left: 50%; display: table-cell; } .post-paginations:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .post-pagi { float: left; padding-right: 40px; width: 50%; } .post-pagi span { display: table; font-size: 11px; font-weight: 700; } .post-pagi span i { margin: 0px 5px; font-size: 14px; display: inline-block; vertical-align: middle; } .post-pagi h3 { float: left; font-size: 16px; margin-top: 5px; float: left; width: 100%; font-weight: 700; } .post-pagi h3 a { color: inherit; float: left; width: 100%; } .post-pagi.prev { padding-left: 0; padding-left: 40px; text-align: left; } .post-pagi.prev span { text-align: left; width: 100%; } /* Comment */ .entry-comments { border-top: 2px solid #e9e9e9; margin-top: 30px; padding-top: 30px; float: left; width: 100%; } .entry-comments .entry-widget-title h4 { font-size: 18px; font-weight: 600; margin: 20px 0 10px; width: 100%; } .comments-form { border-top: 2px solid #e9e9e9; padding-top: 30px; margin-top: 30px; margin-bottom: 60px; } .mo-comment-wrapper { float: left; width: 100%; background: #fff; border-radius: 25px; padding: 30px; } .comment-page .mo-comment-wrapper { margin-top: 60px; } .comment-body { position: relative; padding-top: 15px; margin-top: 15px; border-top: 1px solid #e9e9e9; } .comment-body .avatar img { position: relative; top: 10px; overflow: hidden; width: 70px; height: 70px; float: right; border-radius: 50%; margin-left: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .comment-body .mo-name h6 { font-weight: 700; margin-bottom: 0; line-height: 23px; margin-top: 15px; } .comment-body .date { font-size: 12px; font-style: normal; line-height: 24px; font-weight: 700; margin-bottom: 5px; } .comment-body .comment p { margin-bottom: 0; } .comment-body .comment-reply-link { font-size: 12px; margin: 1em 0; border: none; background: #e9e9e9; padding: 8px 23px; display: inline-block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .comment-body .comment-reply-link:hover { color: #202020; } .no-comments { margin-top: 30px; text-align: center; font-weight: 700; } .comment:frist-child { border-top: none; margin-bottom: 0px; } .comments-form { border-top: 2px solid #e9e9e9; padding-top: 30px; margin-top: 30px; margin-bottom: 60px; } .mo-heading-comment { font-size: 18px; font-weight: 600; margin: 20px 0 10px; width: 100%; } .comment .depth-2, .comment.depth-3, .comment.depth-4 { padding-left: 90px; } .comment-respond { margin-top: 30px; } .comment-respond .comment-reply-title { font-size: 18px; font-weight: 600; margin: 20px 0 10px; width: 100%; } .logged-in-as { font-size: 13px; padding-bottom: 15px; } .logged-in-as a { font-weight: 700; } .comment-respond .comment-form .comment-form-comment textarea, .comment-respond .comment-form .comment-form-author input, .comment-respond .comment-form .comment-form-email input, .comment-respond .comment-form .comment-form-url input { width: 100%; background-color: #fff; border: 1px solid; border-color: #f7f7f7; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 10px 15px; margin-bottom: 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .comment-respond .comment-form .comment-form-comment textarea:hover, .comment-respond .comment-form .comment-form-comment textarea:active, .comment-respond .comment-form .comment-form-author input:hover, .comment-respond .comment-form .comment-form-author input:active, .comment-respond .comment-form .comment-form-email input:hover, .comment-respond .comment-form .comment-form-email input:active, .comment-respond .comment-form .comment-form-url input:hover, .comment-respond .comment-form .comment-form-url input:active { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .comment-respond .comment-form .form-submit .submit { margin: 1em 0; border: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #121212; padding: 12px 35px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .comment-respond .comment-form .form-submit .submit:hover, .comment-respond .comment-form .form-submit .submit:active, .comment-respond .comment-form .form-submit .submit:focus { box-shadow: none; } /* single team */ .mo-team-article { padding-top: 60px; padding-bottom: 60px; } .mo-team-article .mo-thumb img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-team-article .mo-team-content { padding: 50px; min-height: 475px; border: 2px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .mo-team-article .mo-position { font-style: normal; } .mo-team-article .mo-title { margin-top: 15px; } .mo-team-article .mo-bio { margin-top: 20px; } .mo-team-article .team-icon-links a { background: rgba(0, 0, 0, 0.07); color: #909090; display: inline-block; text-align: center; width: 35px; height: 35px; line-height: 35px; margin: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-team-article .team-icon-links a:hover { box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .mo-team-article ul.bt-meta { padding: 0; margin: 0; list-style: none; } .mo-team-article ul.bt-meta li .bt-label { font-weight: 700; margin-right: 5px; color: #000; } .mo-team-article .mo-content { margin-top: 25px; margin-bottom: 25px; } .mo-team-related { padding-top: 60px; padding-bottom: 60px; } /* single portfolio */ .mo-portfolio-article .internal-content { padding-top: 60px; padding-bottom: 60px; } .mo-portfolio-article .mo-thumb img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-portfolio-article ul.meta-portfolio { text-align: right; position: relative; left: 0; } .mo-portfolio-article ul.meta-portfolio li, .mo-portfolio-article ul.meta-portfolio li a { color: #000; text-shadow: none; } .mo-portfolio-article .post-paginations { padding-bottom: 15px; } .mo-portfolio-article .portfolio-directions .post-paginations { margin-top: 30px; } .mo-portfolio-article .portfolio-directions .post-paginations:before { top: 35px; } .portfolio-related-heading { font-weight: 700; margin-bottom: 10px; line-height: 23px; margin-top: 50px; } .mo-portfolio-related-carousel { padding-top: 15px; clear: both; } /* category */ .category-posts .img-single img { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .category-posts .info-post { margin-bottom: 25px; } /* ------------------------------------- */ /* 15. widgets ......................... */ /* ------------------------------------- */ .widget { clear: both; } .widget select { width: 100%; padding: 10px 15px; margin-top: 15px; border-color: #e9e9e9; } .widget select option { width: 100%; } .wpb_widgetised_column { margin-bottom: 0 !important; } .sidebar-right .widget, .sidebar-left .widget, .wpb_widgetised_column .widget { margin-bottom: 30px; position: relative; float: left; width: 100%; max-width: 360px; margin: 0 auto 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidebar-right .widget .wg-title, .sidebar-left .widget .wg-title, .wpb_widgetised_column .widget .wg-title { position: relative; font-weight: 700; z-index: 1; padding: 10px 0; line-height: 28px; margin-bottom: 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: #fff; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidebar-right .widget ul, .sidebar-left .widget ul, .wpb_widgetised_column .widget ul, footer .widget ul { padding: 0; margin-top: 0; } .sidebar-right .widget ul li, .sidebar-left .widget ul li, .wpb_widgetised_column .widget ul li, footer .widget ul li { list-style: none; } .sidebar-right .widget .recentcomments a, .sidebar-left .widget .recentcomments a, .wpb_widgetised_column .widget .recentcomments a, footer .widget .recentcomments a { font-size: 13px; font-weight: 700; font-style: normal; } .sidebar-right .widget ul.sub-menu a, .sidebar-right .widget ul.children a, .sidebar-left .widget ul.sub-menu a, .sidebar-left .widget ul.children a, .wpb_widgetised_column .widget ul.sub-menu a, .wpb_widgetised_column .widget ul.children a, footer .widget ul.sub-menu a, footer .widget ul.children a { padding-left: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 13px; font-style: normal; } .sidebar-right .widget ul.sub-menu a:before, .sidebar-right .widget ul.children a:before, .sidebar-left .widget ul.sub-menu a:before, .sidebar-left .widget ul.children a:before, .wpb_widgetised_column .widget ul.sub-menu a:before, .wpb_widgetised_column .widget ul.children a:before, footer .widget ul.sub-menu a:before, footer .widget ul.children a:before { display: inline-block; content: "\f105"; font-family: 'FontAwesome'; font-size: 14px; left: 0px; position: absolute; top: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidebar-right .widget ul.sub-menu a:hover, .sidebar-right .widget ul.children a:hover, .sidebar-left .widget ul.sub-menu a:hover, .sidebar-left .widget ul.children a:hover, .wpb_widgetised_column .widget ul.sub-menu a:hover, .wpb_widgetised_column .widget ul.children a:hover, footer .widget ul.sub-menu a:hover, footer .widget ul.children a:hover { padding-left: 20px; } .sidebar-right .widget ul.sub-menu a:hover:before, .sidebar-right .widget ul.children a:hover:before, .sidebar-left .widget ul.sub-menu a:hover:before, .sidebar-left .widget ul.children a:hover:before, .wpb_widgetised_column .widget ul.sub-menu a:hover:before, .wpb_widgetised_column .widget ul.children a:hover:before, footer .widget ul.sub-menu a:hover:before, footer .widget ul.children a:hover:before { left: 5px; } .sidebar-right .widget .textwidget img, .sidebar-left .widget .textwidget img, .wpb_widgetised_column .widget .textwidget img, footer .widget .textwidget img { height: auto; max-width: 100%; vertical-align: middle; } /* widget_mo_post_list */ .widget_mo_post_list ul li { width: 100%; float: left; } .widget_archive ul > li, .widget_recent_entries ul > li, .widget_recent_comments ul > li, .widget_meta ul > li, .widget_pages ul > li, .widget_nav_menu ul > li, .widget_categories ul > li { padding: 3px 0px; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .widget_archive .screen-reader-text { display: none; } /* search_widget */ .widget_search .wg-title { display: none; } .sidebar.sidebar-right .widget.widget_search, .sidebar.sidebar-left .widget.widget_search, .wpb_widgetised_column .widget.widget_search, .no-results .header_search .widget.widget_search, footer .widget.widget_search { margin-bottom: 0px; margin-top: 0px; } .sidebar.sidebar-right .search-form, .sidebar.sidebar-left .search-form, .wpb_widgetised_column .search-form, .no-results .header_search .search-form, footer .search-form { border: 0; padding: 0; position: relative; z-index: 1; } .sidebar.sidebar-right .widget_search form, .sidebar.sidebar-left .header_search form, .wpb_widgetised_column .header_search form, .no-results .header_search .search-form, footer .header_search .search-form { position: relative; height: 49px; } .sidebar.sidebar-right .widget_search form label, .sidebar.sidebar-left .header_search form label, .wpb_widgetised_column .header_search form label, .no-results .header_search .search-form label, footer .header_search .search-form label { width: 100%; } .sidebar.sidebar-right .widget_search form input[type=search], .sidebar.sidebar-left .header_search form input[type=search], .wpb_widgetised_column .header_search form input[type=search], .no-results .header_search .search-form input[type=search], footer .header_search .search-form input[type=search] { height: 49px; width: 100%; padding: 15px 20px; background-color: #FFFFFF; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid #e9e9e9; font-size: 12px; text-transform: uppercase; } .sidebar.sidebar-right .widget_search form .search-submit, .sidebar.sidebar-left .header_search form .search-submit, .wpb_widgetised_column .header_search form .search-submit, .no-results .header_search .search-form .search-submit, footer .header_search .search-form .search-submit { width: 50px; height: 50px; position: absolute; top: -1px; left: 0; color: #202020; background: #e9e9e9; border-width: 0; text-indent: 100px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidebar.sidebar-right .widget_search form .search-submit:hover, .sidebar.sidebar-left .header_search form .search-submit:hover, .wpb_widgetised_column .header_search form .search-submit:hover, .no-results .header_search .search-form .search-submit:hover, footer .header_search .search-form .search-submit:hover { box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15); } .sidebar.sidebar-right .widget_search form .fa-search, .sidebar.sidebar-left .header_search form .fa-search, .wpb_widgetised_column .header_search form .fa-search, .no-results .header_search .search-form .fa-search, footer .header_search .search-form .fa-search { color: #121212; position: absolute; left: 18px; top: 17px; } .sidebar.sidebar-right .widget_search form .screen-reader-text, .sidebar.sidebar-left .header_search form .screen-reader-text, .wpb_widgetised_column .header_search form .screen-reader-text, .no-results .header_search .search-form .screen-reader-text, footer .header_search .search-form .screen-reader-text { display: none; } .no-results .header_search { padding-top: 25px; max-width: 400px; margin: auto; } footer .header_search .search-form input[type=search] { background-color: transparent; } /* Newsletter_widget */ .mc4wp-form { position: relative; } .mc4wp-form input[type="email"] { width: 100%; padding: 9px 15px; padding-left: 43px; height: 43px; font-size: 12px; background-color: transparent; border: 1.5px solid #e9e9e9; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .mc4wp-form .submit-newsletter { color: #202020; height: 43px; border-radius: 20px; width: 70px; position: absolute; border: 0px; top: 0; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15); left: -1px; } .sidebar.sidebar-right .mc4wp-form input[type="email"], .sidebar.sidebar-left .mc4wp-form input[type="email"], .wpb_widgetised_column .mc4wp-form input[type="email"] { background: #fff; } .comingsoon .wg-title, .comingsoon .widget_text p { display: none; } /* posts_widget */ .posts_widget_list h4 { margin: 0; } .posts_widget_list .post_date { font-size: .8em; } .posts_widget_list li { margin-bottom: 15px; list-style: none; } .widget_post_thumbnail { float: left; margin-right: 10px; width: 90px; overflow: hidden; } .widget_post_thumbnail img { max-width: 100%; } /* widget_categories */ .widget_categories .screen-reader-text { display: none; } .widget.widget_categories > ul li > a > span, .widget.widget_categories > ul li > a > span { position: absolute; top: 6px; right: 0; width: 25px; height: 25px; line-height: 25px; font-size: 10px; letter-spacing: 0; text-align: center; background: rgba(0, 0, 0, 0.05); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* social_links_widget */ .social_links_widget a { background: #f7f7f7; color: #909090; display: block; float: left; font-size: 14px; height: 38px; width: 38px; line-height: 35px; margin: 0 7px 7px 0; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .social_links_widget a:hover { color: #fff; } /* widget_tag_cloud */ .tagcloud { margin-top: 20px; } .tagcloud span { display: inline-block; } .tagcloud span a { display: inline-block; float: left; color: #909090; font-size: 12px !important; margin: 0 7px 7px 0; padding: 5px 12px; background: rgba(0, 0, 0, 0.05); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .tagcloud span a:hover, .tagcloud span a:active { color: #000; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } /* widget_mo_news_tabs_widget */ .widget.widget_mo_news_tabs_widget .tab-content .mo-news-list > li { position: relative; margin-top: 15px; margin-bottom: 15px; width: 100%; clear: both; float: left; list-style: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .widget.widget_mo_news_tabs_widget .tab-content .mo-news-list li .mo-thumb { position: absolute; top: 0; right: 0; width: 70px; height: 70px; } .widget.widget_mo_news_tabs_widget .tab-content .mo-news-list li .mo-thumb img { width: 100%; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .widget.widget_mo_news_tabs_widget .tab-content .mo-news-list > li .mo-details .mo-inner { display: table-cell; vertical-align: middle; } .widget.widget_mo_news_tabs_widget .tab-content .mo-news-list > li .mo-details .mo-title { font-size: 14px; line-height: 14px; margin-bottom: 0; margin-top: 15px; font-weight: 700; } .widget.widget_mo_news_tabs_widget .tab-content .mo-news-list > li .mo-details .mo-meta { font-size: 12px; } /* mo-post-list */ .mo-post-list > li { position: relative; margin-top: 15px; margin-bottom: 15px; list-style: none; } .mo-post-list > li .mo-thumb { position: absolute; top: 0; left: 0; width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-post-list > li .mo-thumb img { width: 100%; height: auto; width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mo-post-list > li .mo-details { margin-left: 80px; } .mo-post-list > li .mo-details .mo-inner { display: table-cell; vertical-align: middle; } .mo-post-list > li .mo-title a { font-size: 14px; padding-top: 10px; font-weight: 600; display: block; } .mo-post-list > li:hover .mo-thumb, .widget_mo_news_tabs_widget .tab-content .mo-news-list li:hover img { opacity: .9; box-shadow: 0 20px 35px -20px black; -webkit-transform: translateY(-3px); transform: translateY(-3px); } .mo-meta span { font-size: 10px !important; letter-spacing: 0px; color: #909090 !important; } .mo-meta > li { display: inline-block; } .mo-post-list .mo-meta, .mo-post-list .mo-title, .mo-news-list .mo-meta, .mo-news-list .mo-title { margin-right: 80px; margin-bottom: 0px; } /* tabs-wrapper */ .mo-tab { text-align: center; padding: 12px 0; height: 49px; margin-bottom: 20px; background: #fff; z-index: 2; width: 49%; margin: 0 1px; } .tabs-wrapper .nav-tabs { border-bottom: 0px; } .tabs-wrapper .nav-tabs > li > a { border: 0; padding: 0; border-radius: 0; text-align: center; } .tabs-wrapper .nav-tabs > li.active > a, .tabs-wrapper .nav-tabs > li.active > a:focus, .tabs-wrapper .nav-tabs > li.active > a:hover { border: 0; background-color: transparent; } .tabs-wrapper .nav-tabs > li > a:focus, .tabs-wrapper .nav-tabs > li > a:hover { background-color: transparent; } .nav-tabs > li.active { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } /* widget_calendar */ table#wp-calendar { border-collapse: separate; width: 100%; border: 1px solid; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } table#wp-calendar:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .widget.widget_calendar .calendar_wrap table caption { font-size: 14px; font-weight: 700; letter-spacing: 0; line-height: 24px; text-transform: uppercase; text-align: center; color: #000; border: 1px solid rgba(0, 0, 0, 0.1); } .widget.widget_calendar .calendar_wrap table thead { background: #e9e9e9; } .widget.widget_calendar .calendar_wrap table td, .widget.widget_calendar .calendar_wrap table th { font-size: 14px; text-align: center; padding: 10px; } .widget.widget_calendar .calendar_wrap table #today { color: #000; } /* widget_mo_news_slider */ .widget.widget_mo_news_slider .mo-news-slider article .mo-thumb { min-height: 190px; } .widget.widget_mo_news_slider .grid-post { margin-bottom: 0px; padding-bottom: 30px; } .widget.widget_mo_news_slider .grid-post:hover { box-shadow: none; } .widget.widget_mo_news_slider .owl-theme .owl-controls .owl-dots { bottom: 15px; } /* widget-post */ .widget-post { position: relative; color: #202020; text-align: center; overflow: hidden; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .widget-post h3 { font-weight: 700; color: #202020; text-shadow: 2px 5px 2px rgba(0, 0, 0, 0.2); } .widget-post .widget-image img { width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .widget-post a.button { font-size: 12px; } .widget-post:hover { -webkit-box-shadow: 0 20px 35px -20px black; -moz-box-shadow: 0 20px 35px -20px black; box-shadow: 0 20px 35px -20px black; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .widget-image { position: relative; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .widget-post-detail { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 2; height: 100%; width: 100%; padding: 0 45px; color: #202020; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .widget-post-detail p { font-size: 14px; color: #202020; padding-top: 10px; } .mo-ad-banner-wrap { margin-top: 15px; margin-bottom: 15px; } /* widget-effect */ figure.widget-effect { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } figure.widget-effect > img { width: 100%; height: auto; } figure.widget-effect .overlay-zoom { position: absolute; bottom: 0; right: 38px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } figure.widget-effect a.portfolio-link { font-size: 14px; color: #fff; border: 2px solid #fff; width: 35px; height: 35px; line-height: 32px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; opacity: 0; visibility: hidden; } figure.widget-effect:hover { box-shadow: 0 20px 35px -20px black; z-index: 4; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } figure.widget-effect:hover .overlay-effect1, figure.widget-effect:hover .overlay-zoom, figure.widget-effect:hover a.portfolio-link { opacity: 1; visibility: visible; } figure.widget-effect:hover .overlay-zoom { bottom: 40px; } .sidebar-right .widget.instagram-widget .wg-title, .sidebar-right .widget.widget_mo_recent_work .wg-title, .sidebar-right .widget.widget_flickr .wg-title, .sidebar-left .widget.instagram-widget .wg-title, .sidebar-left .widget.widget_mo_recent_work .wg-title, .sidebar-left .widget.widget_flickr .wg-title, .wpb_widgetised_column .widget.instagram-widget .wg-title, .wpb_widgetised_column .widget.widget_mo_recent_work .wg-title, .wpb_widgetised_column .widget.widget_flickr .wg-title { margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .instagram-widget .widget-effect { overflow: hidden; position: relative; float: left; width: 33.3%; margin: 0; } /* widget_najma_twitter */ .widget_najma_twitter ul li { font-size: 13px; margin-bottom: 10px; text-align: center; list-style: none; } .widget_najma_twitter ul li:last-child { margin-bottom: 0; } .widget_najma_twitter ul li a { font-weight: 400; margin-right: 5px; } .widget_najma_twitter ul li .date { font-size: 11px; line-height: 22px; letter-spacing: 0px; opacity: 0.7; } /* social-media-widget */ .sidebar .social-media-widget ul li a, .wpb_widgetised_column .social-media-widget ul li a { background: #fff; color: #121212; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 14px; display: inline-block; float: left; text-align: center; width: 40px; height: 40px; line-height: 40px; margin: 3px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidebar .social-media-widget ul li a:hover, .wpb_widgetised_column .social-media-widget ul li a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); } .sidebar .social-media-widget ul li a:hover a, .wpb_widgetised_column .social-media-widget ul li a:hover a { color: #121212; } /* flickr_badge_image */ .flickr_badge_image, .flickr_badge_image img { width: 87px !important; height: 87px !important; padding: 0px !important; margin: 0 !important; position: relative; float: left; z-index: 2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .flickr_badge_image:hover, .flickr_badge_image img:hover { z-index: 4; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); box-shadow: 0 20px 35px -20px black; } /* widget_rss */ .widget_rss .rss-widget-icon { display: none; } .widget_rss li { margin-top: 10px; } .widget_text p { margin-top: 15px; margin-bottom: 15px; } .rsswidget { font-weight: 700; } .rss-date { font-size: 12px; } @media screen and (min-width: 77.5em) { .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children { margin: 0.4688em 0 0 1em; padding-top: 0.4688em; } .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { padding: 0.4688em 0; } } /* ------------------------------------- */ /* 16. woocommerce ..................... */ /* ------------------------------------- */ .woocommerce-page .main-content { background-color: #f7f7f7; } .internal-content .woocommerce, .sidebar-shop { padding-top: 60px; padding-bottom: 60px; } .internal-content .widget.woocommerce { padding-top: 0; padding-bottom: 0; } .woocommerce div.product div.images { width: 100%; } .woocommerce legend { padding-bottom: 10px; font-size: 16px; font-weight: 700; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 10px 25px; font-size: 12px; border-radius: 25px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } /* .mo-product-carousel.tpl1 */ .mo-product-carousel { margin-bottom: 35px; } .mo-product-carousel.tpl1 .product { position: relative; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-product-carousel.tpl1 .product:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .mo-product-carousel.tpl1 .product .mo-thumb img { width: 100%; height: auto; } .mo-product-carousel.tpl1 .product .mo-thumb .mo-overlay { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; background: rgba(0, 0, 0, 0.9); } .mo-product-carousel.tpl1 .product .mo-thumb .mo-overlay .mo-inner { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .mo-product-carousel.tpl1 .product .mo-thumb .mo-overlay .mo-inner .mo-action { margin: 0; padding: 0; } .mo-product-carousel.tpl1 .product .mo-thumb .mo-overlay .mo-inner .mo-action > li { display: inline-block; margin: 2px; } .mo-product-carousel.tpl1 .product .mo-thumb .mo-overlay .mo-inner .mo-action > li > a { display: inline-block; width: 40px; height: 40px; font-size: 14px; font-weight: 400; line-height: 38px; border: 0; -webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -o-transform: translateY(-70px); -ms-transform: translateY(-70px); transform: translateY(-70px); } .mo-product-carousel.tpl1 .product .mo-thumb .mo-overlay .mo-inner .mo-action > li a.lightbox-gallery { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-product-carousel.tpl1 .product .mo-thumb .mo-overlay .mo-inner .mo-action > li a.readmore { -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s; } .mo-product-carousel.tpl1 .product .mo-content { position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); z-index: 9; background: #fff; padding: 15px 0; min-height: 50px; -wekbit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-product-carousel.tpl1 .product .mo-content .mo-title { font-size: 14px; font-weight: 700; line-height: 16px; letter-spacing: 0px; text-transform: uppercase; margin-bottom: 0; } .mo-product-carousel.tpl1 .product .mo-content .mo-categories a { font-size: 11px; line-height: 16px; letter-spacing: 0px; text-transform: uppercase; } .mo-product-carousel.tpl1 .product:hover .mo-thumb .mo-overlay { opacity: 1; } .mo-product-carousel.tpl1 .product:hover .mo-thumb .mo-overlay .mo-inner .mo-action > li > a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mo-product-carousel.tpl1 .product:hover .mo-content .mo-categories a { color: #202020; } /* mo-product-carousel.tpl2 */ .mo-product-carousel.tpl2 { position: relative; } .mo-product-carousel .owl-theme .owl-controls .owl-dots { bottom: -40px; } .mo-product-carousel.tpl2 .product { position: relative; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-product-carousel.tpl2 .product:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-product-carousel.tpl2 .product .mo-thumb img { width: 100%; height: auto; } .mo-product-carousel.tpl2 .product .mo-overlay { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; } .mo-product-carousel.tpl2 .product .mo-overlay .mo-content { position: absolute; top: 45%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mo-product-carousel.tpl2 .product .mo-overlay .mo-content .mo-title { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: -0.075em; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .mo-product-carousel.tpl2 .product .mo-overlay .mo-content .mo-title > a { color: #202020; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-weight: 700; padding: 12px 20px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-product-carousel.tpl2 .product .mo-overlay .mo-content .mo-buy-product { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; color: #202020; position: relative; top: -50px; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-top: 15px; color: #202020; background: #f7f7f7; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); } .mo-product-carousel.tpl2 .product:hover .mo-overlay { opacity: 1; } .mo-product-carousel.tpl2 .product:hover .mo-overlay .mo-content .mo-title { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* mo-products-grid.tpl1 */ .mo-products-grid.tpl1 article { position: relative; margin-bottom: 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-products-grid.tpl1 article:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -moz-box-shadow: 0 20px 35px -20px black; -webkit-box-shadow: 0 20px 35px -20px black; box-shadow: 0 20px 35px -20px black; } .mo-products-grid.tpl1 article:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; background: rgba(0, 0, 0, 0.9); } .mo-products-grid.tpl1 article .mo-thumb { position: relative; overflow: hidden; } .mo-products-grid.tpl1 article .mo-thumb .onsale { min-height: 24px; font-size: 10px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; background: #fff; padding: 5px 8px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 10px; right: 10px; z-index: 9; -moz-box-shadow: 0 20px 35px -20px black; -webkit-box-shadow: 0 20px 35px -20px black; box-shadow: 0 20px 35px -20px black; } .mo-products-grid.tpl1 article .mo-thumb img { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; width: 100%; height: auto; } .mo-products-grid.tpl1 article .mo-content { position: relative; background: #fff; min-height: 100px; padding: 15px; overflow: hidden; z-index: 2; } .mo-products-grid.tpl1 article .mo-content .mo-action { position: absolute; top: 12px; left: 0; width: 50px; margin: 0; padding: 0; list-style: none; } .mo-products-grid.tpl1 article .mo-content .mo-action > li a { display: block; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #202020; background: transparent; margin: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mo-products-grid.tpl1 article .mo-content .mo-action > li a.add_to_cart_button { position: relative; } .mo-products-grid.tpl1 article .mo-content .mo-action > li a.add_to_cart_button:after { content: ""; font-family: WooCommerce; font-size: 12px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 5px; padding: 0; } .mo-products-grid.tpl1 article .mo-content .mo-action > li a.add_to_cart_button.loading { opacity: 0.25; margin: 0; padding: 0; } .mo-products-grid.tpl1 article .mo-content .mo-action > li a.add_to_cart_button.loading:after { content: "\e01c"; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .mo-products-grid.tpl1 article .mo-content .mo-action > li a.add_to_cart_button.added { margin: 0; padding: 0; } .mo-products-grid.tpl1 article .mo-content .mo-action > li a.add_to_cart_button.added:after { content: "\e017"; } .mo-products-grid.tpl1 article .mo-content .mo-action > li a.added_to_cart { position: absolute; top: 35px; left: 0; height: 35px; width: 100%; margin: 0; padding: 0; opacity: 0; } .mo-products-grid.tpl1 article .mo-content .mo-title { font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0px; text-transform: uppercase; margin-bottom: 2px; margin-left: 50px; } .mo-products-grid.tpl1 article .mo-content .mo-categories { font-size: 10px; line-height: 16px; color: #202020; margin-left: 50px; } .mo-products-grid.tpl1 article .mo-content .mo-categories a { font-size: 12px; font-weight: 300; letter-spacing: 0px; color: #202020; display: inline-block; margin: 0 2px; } .mo-products-grid.tpl1 article .mo-content .mo-price { font-weight: 700; color: #202020; margin-top: 2px; } .mo-products-grid.tpl1 article .mo-content .mo-price > span:before, .mo-products-grid.tpl1 article .mo-content .mo-price > span:after { content: " "; display: table; } .mo-products-grid.tpl1 article .mo-content .mo-price > span:after { clear: both; } .mo-products-grid.tpl1 article .mo-content .mo-price > span > del { font-size: 14px; color: #aaaaaa; } .mo-products-grid.tpl1 article .mo-content .mo-price > span > ins { font-size: 16px; text-decoration: none; } .mo-products-grid.tpl1 article:hover:before { opacity: 0.5; } .mo-products-grid.tpl1 article:hover .mo-thumb > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* mo-products-grid.tpl2 */ .mo-products-grid.tpl2 .product { margin-bottom: 30px; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mo-products-grid.tpl2 .product:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-products-grid.tpl2 .product .mo-thumb { position: relative; overflow: hidden; } .mo-products-grid.tpl2 .product .mo-thumb .onsale { min-height: 24px; font-size: 10px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; background: #fff; padding: 5px 15px; border: 0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; position: absolute; top: 15px; right: 15px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .mo-products-grid.tpl2 .product .mo-thumb img { width: 100%; height: auto; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; bottom: -61px; left: 0; width: 100%; background: #202020; z-index: -1; opacity: 0; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .add_to_cart_button, .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .product_type_variable { width: 100%; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; letter-spacing: 0em; text-align: center; text-transform: uppercase; color: #202020; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .lightbox-gallery { position: absolute; text-align: center; width: 50px; height: 50px; top: -115px; left: 42%; right: 42%; background: #202020; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .lightbox-gallery i { margin-top: 18px; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .add_to_cart_button:after { content: ""; font-family: WooCommerce; font-size: 12px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 5px; padding: 0; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .add_to_cart_button.loading { opacity: 0.25; margin: 0; padding: 0; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .add_to_cart_button.loading:after { content: "\e01c"; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .add_to_cart_button.added { margin: 0; padding: 0; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .add_to_cart_button.added:after { content: "\e017"; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .added_to_cart { position: absolute; top: -30px; left: 0; z-index: -2; width: 100%; font-size: 12px; font-weight: 700; line-height: 36px; height: 50px; letter-spacing: 0; text-transform: uppercase; text-align: center; margin: 0; padding: 6px; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .added_to_cart:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: "\f105"; font-family: FontAwesome; font-size: 0; display: inline-block; vertical-align: middle; } .mo-products-grid.tpl2 .product .mo-thumb .mo-actions .added_to_cart:hover:after { font-size: 14px; line-height: 16px; margin-left: 5px; } .mo-products-grid.tpl2 .product .mo-content { position: relative; background: #202020; padding: 15px; min-height: 90px; } .mo-products-grid.tpl2 .product .mo-content h3, .mo-products-grid.tpl2 .product .mo-content .woocommerce-LoopProduct-link h2 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #fff; font-weight: 700; line-height: 28px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 5px; } .mo-products-grid.tpl2 .product .mo-content .price { font-size: 0; font-weight: 600; font-style: normal; line-height: 24px; letter-spacing: 0; display: block; margin-bottom: 15px; margin-bottom: 0; padding-left: 75px; } .mo-products-grid.tpl2 .product .mo-content .price .amount { font-size: 14px; } .mo-products-grid.tpl2 .product .mo-content .price > del { font-size: 14px; line-height: 16px; color: #909090; margin-right: 5px; } .mo-products-grid.tpl2 .product .mo-content .price > del .amount { font-size: 14px; line-height: 16px; color: #909090; } .mo-products-grid.tpl2 .product .mo-content .price > ins { font-size: 14px; text-decoration: none; margin: 0 5px; } .mo-products-grid.tpl2 .product .mo-content .star-rating { font-size: 13px; line-height: 12px; position: absolute; bottom: 25px; right: 15px; margin-bottom: 0; } .mo-products-grid.tpl2 .product .mo-content .star-rating[title="Rated 0 out of 5"]:before { color: #f7f7f7; } .mo-products-grid.tpl2 .product:hover .mo-thumb .mo-actions { bottom: 0; z-index: 9; opacity: 1; } .mo-products-grid .mo-pagination { text-align: center; padding: 30px; } .mo-products-grid .mo-pagination > .page-numbers.dots { position: relative; color: transparent; border-color: transparent; } .mo-products-grid .mo-pagination > .page-numbers.dots:hover { color: transparent; } .mo-products-grid .mo-pagination > .page-numbers.dots:before { content: "........."; position: absolute; bottom: 0; left: 50%; font-size: 16px; line-height: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .mo-products-grid.tpl1 article { max-width: 420px; margin-left: auto; margin-right: auto; margin-bottom: 30px !important; } .mo-products-grid.tpl2 article { max-width: 320px; margin-left: auto; margin-right: auto; } } /*-----------------*/ .archive-product { margin-bottom: 60px; margin-top: 60px; } .woocommerce nav.woocommerce-pagination { text-align: center; padding: 30px; } .woocommerce nav.woocommerce-pagination > .page-numbers { display: inline-block; width: 42px; height: 42px; font-weight: 600; font-style: normal; font-size: 16px; letter-spacing: 0; line-height: 38px; text-align: center; margin: 2px 4px; border: 2px solid #f7f7f7; } .woocommerce nav.woocommerce-pagination > .page-numbers.dots { position: relative; color: transparent; border-color: transparent; } .woocommerce nav.woocommerce-pagination > .page-numbers.dots:hover { color: transparent; } .woocommerce nav.woocommerce-pagination > .page-numbers.dots:before { content: "........."; position: absolute; bottom: 0; left: 50%; font-size: 16px; line-height: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .woocommerce nav.woocommerce-pagination > .page-numbers.prev, .woocommerce nav.woocommerce-pagination > .page-numbers.next { width: 60px; background: #f7f7f7; border-color: #f7f7f7; } .mo-single-add-to-cart > span { font-size: 12px; font-weight: 400; letter-spacing: 0.16px; text-transform: uppercase; color: #282828; display: inline-block; vertical-align: middle; } .mo-single-add-to-cart .quantity { display: inline-block; vertical-align: middle; float: none; margin-left: 15px; } .mo-single-add-to-cart .quantity > input { font-size: 12px; font-weight: 700; letter-spacing: 0.48px; color: #282828; width: 85px; height: 42px; border: 1px solid #f7f7f7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mo-product-grid-item .mo-thumb { position: relative; margin-bottom: 10px; overflow: hidden; } .mo-product-grid-item .mo-thumb .onsale { min-height: 24px; font-size: 10px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; background: transparent; padding: 5px 8px; border: 2px solid #202020; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 10px; left: 10px; } .mo-product-grid-item .mo-thumb img { width: 100%; height: auto; } .mo-product-grid-item .mo-thumb .mo-actions { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; bottom: -61px; left: 0; width: 100%; background: #202020; padding-right: 70px; z-index: -1; opacity: 0; } .mo-product-grid-item .mo-thumb .mo-actions .add_to_cart_button { width: 100%; height: 60px; font-size: 14px; font-weight: 600; line-height: 60px; letter-spacing: 0em; text-align: center; text-transform: uppercase; color: #ffffff; background: #202020; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-product-grid-item .mo-thumb .mo-actions .add_to_cart_button:after { content: ""; font-family: WooCommerce; font-size: 12px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 5px; padding: 0; } .mo-product-grid-item .mo-thumb .mo-actions .add_to_cart_button.loading { opacity: 0.25; margin: 0; padding: 0; } .mo-product-grid-item .mo-thumb .mo-actions .add_to_cart_button.loading:after { content: "\e01c"; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .mo-product-grid-item .mo-thumb .mo-actions .add_to_cart_button.added { margin: 0; padding: 0; } .mo-product-grid-item .mo-thumb .mo-actions .add_to_cart_button.added:after { content: "\e017"; } .mo-product-grid-item .mo-thumb .mo-actions .added_to_cart { position: absolute; top: -20px; left: 0; width: 100%; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0; text-transform: uppercase; text-align: center; margin: 0; padding: 6px; color: #ffffff; background: #202020; } .mo-product-grid-item .mo-thumb .mo-actions .added_to_cart:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: "\f105"; font-family: FontAwesome; font-size: 0; display: inline-block; vertical-align: middle; } .mo-product-grid-item .mo-thumb .mo-actions .added_to_cart:hover:after { font-size: 14px; line-height: 16px; margin-left: 5px; } .mo-product-grid-item .mo-content { position: relative; } .mo-product-grid-item .mo-content h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; font-weight: 700; line-height: 28px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 5px; } .mo-product-grid-item .mo-content .price { font-size: 0; font-weight: 600; font-style: normal; line-height: 24px; letter-spacing: 0; display: block; margin-bottom: 15px; margin-bottom: 0; padding-right: 75px; } .mo-product-grid-item .mo-content .price .amount { font-size: 14px; } .mo-product-grid-item .mo-content .price > del { font-size: 14px; line-height: 16px; color: #909090; margin-right: 5px; } .mo-product-grid-item .mo-content .price > del .amount { font-size: 14px; line-height: 16px; color: #909090; } .mo-product-grid-item .mo-content .price > ins { font-size: 14px; text-decoration: none; margin: 0 5px; } .mo-product-grid-item .mo-content .star-rating { font-size: 13px; line-height: 12px; position: absolute; bottom: 11px; right: 0; margin-bottom: 0; } .mo-product-grid-item .mo-content .star-rating[title="Rated 0 out of 5"]:before { color: #f7f7f7; } .mo-product-grid-item:hover .mo-thumb .mo-actions { bottom: 0; z-index: 9; opacity: 1; } .mo-product-list-item .mo-col-full-height { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .mo-product-list-item .mo-col-full-height .mo-col { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; justify-content: center; } .mo-product-list-item .mo-col-full-height .mo-col.mo-col-left { width: 30%; } .mo-product-list-item .mo-col-full-height .mo-col.mo-col-right { width: 70%; padding: 30px; background: #f7f7f7; border: 3px solid #f7f7f7; } .mo-product-list-item .mo-thumb { position: relative; overflow: hidden; } .mo-product-list-item .mo-thumb .onsale { min-height: 24px; font-size: 10px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; background: transparent; padding: 5px 8px; border: 2px solid #202020; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 10px; left: 10px; } .mo-product-list-item .mo-thumb img { width: 100%; height: auto; } .mo-product-list-item .mo-content h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 5px; } .mo-product-list-item .mo-content .price-rating { position: relative; } .mo-product-list-item .mo-content .price-rating .price { font-size: 0; font-weight: 600; font-style: normal; line-height: 24px; letter-spacing: 0; display: block; margin-bottom: 15px; margin-bottom: 0; padding-right: 75px; } .mo-product-list-item .mo-content .price-rating .price .amount { font-size: 14px; } .mo-product-list-item .mo-content .price-rating .price > del { font-size: 14px; line-height: 16px; color: #909090; margin-right: 5px; } .mo-product-list-item .mo-content .price-rating .price > del .amount { font-size: 14px; line-height: 16px; color: #909090; } .mo-product-list-item .mo-content .price-rating .price > ins { font-size: 14px; text-decoration: none; margin: 0 5px; } .mo-product-list-item .mo-content .price-rating .star-rating { position: absolute; bottom: 11px; right: 0; } .mo-product-list-item .mo-content .price-rating .star-rating[title="Rated 0 out of 5"]:before { color: #f7f7f7; } .mo-product-list-item .mo-content > div[itemprop="description"] { font-size: 14px; line-height: 28px; letter-spacing: 0.05em; color: #909090; margin-bottom: 15px; height: 80px; overflow: hidden; } .mo-product-list-item .mo-content .mo-actions .add_to_cart_button { display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-transform: uppercase; color: #f7f7f7; background: #f7f7f7; margin: 2px 0; padding: 8px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mo-product-list-item .mo-content .mo-actions .add_to_cart_button:after { font-size: 12px; } .mo-product-list-item .mo-content .mo-actions .added_to_cart { display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-transform: uppercase; color: #f7f7f7; background: #f7f7f7; margin: 2px 0 2px 10px; padding: 8px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* ------- woocommerce archive product ----------*/ .archive-product .mo-action-bar { position: relative; margin-bottom: 40px; padding: 10px 25px; background: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .archive-product .mo-action-bar .woocommerce-result-count { font-size: 13px; font-style: normal; line-height: 23px; letter-spacing: 0; color: #909090; margin-bottom: 0; float: left; } .archive-product .mo-action-bar .woocommerce-ordering { margin-bottom: 0; float: right; } .archive-product .mo-action-bar .woocommerce-ordering .mo-layout-view { display: inline-block; line-height: 24px; } .archive-product .mo-action-bar .woocommerce-ordering .mo-layout-view .mo-layout { position: relative; font-size: 16px; line-height: 24px; display: inline-block; } .archive-product .mo-action-bar .woocommerce-ordering .mo-layout-view .mo-layout.list { margin-left: 15px; } .archive-product .mo-action-bar .woocommerce-ordering .mo-layout-view .mo-layout.active input { display: none; } .archive-product .mo-action-bar .woocommerce-ordering .mo-layout-view .mo-layout:hover { opacity: 0.8; } .archive-product .mo-action-bar .woocommerce-ordering .mo-layout-view .mo-layout input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; opacity: 0; z-index: 1; } .archive-product .mo-action-bar .woocommerce-ordering .mo-sort-by { position: relative; display: inline-block; line-height: 24px; margin-left: 20px; } .archive-product .mo-action-bar .woocommerce-ordering .mo-sort-by:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; top: 0; left: 0; width: 20px; height: 24px; text-align: center; background: #fff; } .archive-product .mo-action-bar .woocommerce-ordering .mo-sort-by .orderby { width: 150px; height: 24px; margin: 0; padding: 0; font-size: 12px; font-weight: 400; line-height: 24px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; border: none; background: #fff; } .archive-product .grid .product { margin-bottom: 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .archive-product .grid .product:hover { -moz-box-shadow: 0 20px 35px -20px black; -webkit-box-shadow: 0 20px 35px -20px black; box-shadow: 0 20px 35px -20px black; } .archive-product .grid .product .mo-thumb { position: relative; overflow: hidden; } .archive-product .grid .product .mo-thumb .onsale { min-height: 24px; font-size: 10px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; background: transparent; padding: 5px 8px; border: 2px solid #202020; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 10px; right: 10px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .archive-product .grid .product .mo-thumb img { width: 100%; height: auto; } .archive-product .grid .product .mo-thumb .mo-actions { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; bottom: -61px; left: 0; width: 100%; z-index: -1; opacity: 0; } .archive-product .grid .product .mo-thumb .mo-actions .lightbox-gallery { position: absolute; text-align: center; color: #fff; width: 40px; height: 40px; top: -90px; left: 42%; right: 42%; } .archive-product .grid .product .mo-thumb .mo-actions .lightbox-gallery i { padding: 14px 19px; } .archive-product .grid .product .mo-thumb .mo-actions .add_to_cart_button, .archive-product .grid .product .mo-thumb .mo-actions .product_type_variable { width: 100%; height: 50px; font-size: 12px; line-height: 50px; letter-spacing: 0em; text-align: center; text-transform: uppercase; -moz-box-shadow: 0 20px 35px 5px black; -webkit-box-shadow: 0 20px 35px 5px black; box-shadow: 0 20px 35px 5px black; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .archive-product .grid .product .mo-thumb .mo-actions .add_to_cart_button:after { content: ""; font-family: WooCommerce; font-size: 12px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 5px; padding: 0; } .archive-product .grid .product .mo-thumb .mo-actions .add_to_cart_button.loading { opacity: 0.25; margin: 0; padding: 0; } .archive-product .grid .product .mo-thumb .mo-actions .add_to_cart_button.loading:after { content: "\e01c"; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .archive-product .grid .product .mo-thumb .mo-actions .add_to_cart_button.added { margin: 0; padding: 0; } .archive-product .grid .product .mo-thumb .mo-actions .add_to_cart_button.added:after { content: "\e017"; } .archive-product .grid .product .mo-thumb .mo-actions .added_to_cart { position: absolute; top: 20px; left: 0; width: 100%; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0; text-transform: uppercase; text-align: center; margin: 0; padding: 6px; border-radius: 0 !important; color: #202020; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .archive-product .grid .product .mo-thumb .mo-actions .add_to_cart_button.added, .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .add_to_cart_button.added { line-height: 36px; } .archive-product .grid .product .mo-thumb .mo-actions .added_to_cart:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: "\f105"; font-family: FontAwesome; font-size: 0; display: inline-block; vertical-align: middle; } .archive-product .grid .product .mo-thumb .mo-actions .added_to_cart:hover:after { font-size: 14px; line-height: 16px; margin-left: 5px; } .archive-product .grid .product .mo-content { position: relative; background: #fff; padding: 15px; min-height: 92px; } .archive-product .grid .product .mo-content h3, .woocommerce-LoopProduct-link h2 { font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; line-height: 28px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 5px; color: #202020; } .archive-product .grid .product .mo-content .price { font-size: 0; line-height: 24px; letter-spacing: 0; display: block; margin-bottom: 15px; margin-bottom: 0; padding-left: 75px; } .archive-product .grid .product .mo-content .price .amount { font-size: 14px; } .archive-product .grid .product .mo-content .price > del { font-size: 14px; line-height: 16px; color: #909090; margin-right: 5px; } .archive-product .grid .product .mo-content .price > del .amount { font-size: 14px; line-height: 16px; color: #909090; } .archive-product .grid .product .mo-content .price > ins { font-size: 14px; text-decoration: none; margin: 0 5px; } .archive-product .grid .product .mo-content .star-rating { font-size: 11px; line-height: 12px; position: absolute; bottom: 26px; right: 12px; margin-bottom: 0; } .archive-product .grid .product .mo-content .star-rating[title="Rated 0 out of 5"]:before { color: #f7f7f7; } .archive-product .grid .product:hover .mo-thumb .mo-actions { bottom: 0; z-index: 9; opacity: 1; } .archive-product .list .product { margin-bottom: 30px; } .archive-product .list .product .mo-col-full-height { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .archive-product .list .product .mo-col-full-height:hover { -moz-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.5); } .archive-product .list .product .mo-col-full-height .mo-col { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; justify-content: center; } .archive-product .list .product .mo-col-full-height .mo-col.mo-col-left { width: 40%; } .archive-product .list .product .mo-col-full-height .mo-col.mo-col-right { width: 60%; padding: 25px; background: #fff; border: 0; } .archive-product .list .product .mo-thumb { position: relative; overflow: hidden; } .archive-product .list .product .mo-thumb .onsale { min-height: 24px; font-size: 10px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; background: transparent; padding: 5px 8px; border: 2px solid #202020; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 10px; right: 10px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .archive-product .list .product .mo-thumb img { width: 100%; height: auto; } .archive-product .list .product .mo-content h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 5px; } .archive-product .list .product .mo-content .price-rating { position: relative; } .archive-product .list .product .mo-content .price-rating .price { font-size: 0; font-weight: 600; line-height: 24px; letter-spacing: 0; display: block; margin-bottom: 15px; margin-bottom: 0; padding-left: 75px; } .archive-product .list .product .mo-content .price-rating .price .amount { font-size: 14px; } .archive-product .list .product .mo-content .price-rating .price > del { font-size: 14px; line-height: 16px; color: #909090; margin-right: 5px; } .archive-product .list .product .mo-content .price-rating .price > del .amount { font-size: 14px; line-height: 16px; color: #909090; } .archive-product .list .product .mo-content .price-rating .price > ins { font-size: 14px; text-decoration: none; margin: 0 5px; } .archive-product .list .product .mo-content .price-rating .star-rating { position: absolute; bottom: 11px; left: 0; } .archive-product .list .product .mo-content .price-rating .star-rating[title="Rated 0 out of 5"]:before { color: #f7f7f7; } .archive-product .list .product .mo-content > div[itemprop="description"] { overflow: hidden; height: 77px; } .archive-product .list .product .mo-content .mo-actions .add_to_cart_button, .archive-product .list .product .mo-content .mo-actions .product_type_variable, .archive-product .list .product .mo-content .mo-actions .added_to_cart { display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-transform: uppercase; color: #202020; margin: 2px 0; padding: 8px 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .archive-product .list .product .mo-content .mo-actions .add_to_cart_button:hover, .archive-product .list .product .mo-content .mo-actions .product_type_variable:hover, .archive-product .list .product .mo-content .mo-actions .added_to_cart:hover { color: #202020; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .archive-product .list .product .mo-content .mo-actions .add_to_cart_button:after { font-size: 12px; } @media (max-width: 1199px) { .archive-product .list .product .mo-col-full-height .mo-col.mo-col-right { width: 58%; } } @media (max-width: 767px) { .archive-product .grid .product { max-width: 320px; margin-left: auto; margin-right: auto; } } @media (max-width: 640px) { .archive-product .list .product .mo-col-full-height .mo-col.mo-col-right { width: 100%; } .archive-product .list .product .mo-content .mo-actions .add_to_cart_button, .archive-product .list .product .mo-content .mo-actions .added_to_cart { padding: 8px 15px; } } @media (max-width: 540px) { .archive-product .mo-action-bar .woocommerce-result-count, .archive-product .mo-action-bar .woocommerce-ordering { float: none; text-align: center; } } /* ------- woocommerce single product ----------*/ .single.single-product .single-product-content { padding-top: 60px; padding-bottom: 60px; } .single-product .mo-product-item { margin-bottom: 90px; } .single-product .mo-product-item .mo-col-full-height { display: -webkit-flex; display: flex; flex-wrap: wrap; } .single-product .mo-product-item .mo-col-full-height .mo-col { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: center; justify-content: center; } .single-product .mo-product-item .mo-thumb { position: relative; } .single-product .mo-product-item .mo-thumb .onsale { min-height: 24px; font-size: 10px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; background: transparent; padding: 5px 8px; border: 2px solid #202020; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 20px; right: 20px; z-index: 9; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .single-product .mo-product-item .mo-thumb .woocommerce-main-image img { width: 100%; height: auto; margin-bottom: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } /* mo-slick-slider */ .single-product .mo-slick-slider { position: relative; margin-bottom: 10px; } .single-product .mo-slick-slider .slick-arrow { position: absolute; top: 50%; width: 40px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff; z-index: 9; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); } .single-product .mo-slick-slider .slick-arrow.slick-prev { left: 10px; } .single-product .mo-slick-slider .slick-arrow.slick-next { right: 10px; } .single-product .mo-slick-slider:hover .slick-arrow { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .mo-slick-slider-nav { position: relative; } .mo-slick-slider-nav .slider-item { position: relative; padding: 10px; cursor: pointer; } .mo-slick-slider-nav .slider-item.slick-current:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; border: 1px solid #ececec; } .single-product .mo-product-item .mo-content .star-rating { display: none; } .single-product .mo-product-item .mo-content .star-rating[title="Rated 0 out of 5"]:before { color: #f7f7f7; } .single-product .mo-product-item .mo-content .product_meta_top { font-size: 11px; font-weight: 600; line-height: 30px; letter-spacing: 0; text-transform: uppercase; padding-bottom: 15px; } .single-product .mo-product-item .mo-content .product_meta_top .sku_wrapper, .single-product .mo-product-item .mo-content .product_meta_top .stock { display: inline-block; width: 49.5%; color: #202020; } .single-product .mo-product-item .mo-content .product_meta_top .sku_wrapper span, .single-product .mo-product-item .mo-content .product_meta_top .stock span { font-weight: 900; color: #909090; } .single-product .mo-product-item .mo-content .product_meta_top .sku_wrapper span i, .single-product .mo-product-item .mo-content .product_meta_top .stock span i { margin-right: 5px; } .single-product .mo-product-item .mo-content .product_title { text-transform: uppercase; margin-bottom: 20px; } .single-product .mo-product-item .mo-content .price { line-height: 24px; letter-spacing: 0; display: block; margin-bottom: 15px; } .single-product .mo-product-item .mo-content .price .amount { font-size: 14px; color: #202020; } .single-product .mo-product-item .mo-content .price > del { font-size: 14px; line-height: 16px; color: #909090; margin-right: 5px; } .single-product .mo-product-item .mo-content .price > del .amount { font-size: 14px; line-height: 16px; color: #909090; } .single-product .mo-product-item .mo-content .price > ins { font-size: 14px; text-decoration: none; margin: 0 5px; } .single-product .mo-product-item .mo-content .price .amount { font-weight: 700; } .single-product .mo-product-item .mo-content .price > del { margin-right: 10px; } .single-product .mo-product-item .mo-content .price > del .amount { font-size: 14px; line-height: 24px; } .single-product .mo-product-item .mo-content .price > ins { font-size: 0; } .single-product .mo-product-item .mo-content .price > ins > span:nth-child(2):before { content: "-"; display: inline-block; font-size: 24px; margin: 0 10px; } .single-product .mo-product-item .mo-content div[itemprop="description"] { font-size: 15px; font-weight: 400; line-height: 28px; letter-spacing: 0px; color: #909090; margin-bottom: 40px; } .single-product .mo-product-item .mo-content .cart { margin-bottom: 25px; } .single-product .mo-product-item .mo-content .cart > span { display: none; } .single-product .mo-product-item .mo-content .cart .quantity { position: relative; width: 100px; font-size: 16px; font-weight: 400; letter-spacing: 0; border: 0; overflow: hidden; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .single-product .mo-product-item .mo-content .cart .quantity:hover { -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .single-product .mo-product-item .mo-content .cart .quantity input { width: 100%; height: 40px; line-height: 40px; padding: 0 12px 0 25px; border: none; } .single-product .mo-product-item .mo-content .cart .quantity .qty-minus, .single-product .mo-product-item .mo-content .cart .quantity .qty-plus { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; left: 0; top: 0; width: 30px; height: 40px; font-size: 12px; text-align: center; line-height: 40px; background: #ffffff; cursor: pointer; } .single-product .mo-product-item .mo-content .cart .quantity .qty-plus { left: auto; right: 0; } .single-product .mo-product-item .mo-content .cart .single_add_to_cart_button { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-transform: uppercase; color: #202020; margin: 0 20px; padding: 8px 25px !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .single-product .mo-product-item .mo-content .cart.variations_form .variations { margin: 0 0 50px; padding: 0; } .single-product .mo-product-item .mo-content .cart.variations_form .variations > li { list-style: none; margin-bottom: 15px; } .single-product .mo-product-item .mo-content .cart.variations_form .variations > li > span { position: relative; display: block; width: 280px; } .single-product .mo-product-item .mo-content .cart.variations_form .variations > li > span:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #e9e9e9; } .single-product .mo-product-item .mo-content .cart.variations_form .variations > li > span > select { height: 40px; width: 280px; font-size: 12px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-transform: uppercase; background: #e9e9e9; margin: 0; border-color: #e9e9e9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .single-product .mo-product-item .mo-content .cart.variations_form .variations > li > span .reset_variations { position: absolute; bottom: -30px; left: 0; font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-transform: uppercase; color: #454545; } .single-product .mo-product-item .mo-content .cart.variations_form .woocommerce-variation-description { font-size: 14px; font-weight: 400; line-height: 28px; letter-spacing: 0px; color: #909090; margin-bottom: 15px; } .single-product .mo-product-item .mo-content .cart.variations_form .woocommerce-variation-price .price { font-size: 0; font-weight: 600; line-height: 24px; letter-spacing: 0; display: block; margin-bottom: 15px; } .single-product .mo-product-item .mo-content .cart.variations_form .woocommerce-variation-price .price .amount { font-size: 14px; } .single-product .mo-product-item .mo-content .cart.variations_form .woocommerce-variation-price .price > del { font-size: 14px; line-height: 16px; color: #909090; margin-right: 5px; } .single-product .mo-product-item .mo-content .cart.variations_form .woocommerce-variation-price .price > del .amount { font-size: 14px; line-height: 16px; color: #909090; } .single-product .mo-product-item .mo-content .cart.variations_form .woocommerce-variation-price .price > ins { font-size: 14px; text-decoration: none; margin: 0 5px; } .single-product .mo-product-item .mo-content .product_meta { margin-bottom: 25px; } .single-product .mo-product-item .mo-content .product_meta .posted_in, .single-product .mo-product-item .mo-content .product_meta .tagged_as { font-size: 14px; font-weight: 700; line-height: 32px; letter-spacing: 0; text-transform: uppercase; } .single-product .mo-product-item .mo-content .product_meta .posted_in a, .single-product .mo-product-item .mo-content .product_meta .tagged_as a { font-weight: 400; } .single-product .mo-product-item .mo-content .product_meta .posted_in i, .single-product .mo-product-item .mo-content .product_meta .tagged_as i { margin-left: 5px; font-size: 12px; } .single-product .mo-product-item .mo-content .mo-socials { margin: 0; padding: 0; } .single-product .mo-product-item .mo-content .mo-socials > li { display: inline-block; width: 40px; height: 40px; font-size: 13px; line-height: 40px; text-align: center; margin-right: 10px; background: #e9e9e9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product .mo-product-item .mo-content .mo-socials > li a { color: #202020; line-height: 40px; } /* */ .single-product div.product .woocommerce-tabs { margin-bottom: 90px; } .single-product div.product .woocommerce-tabs ul.tabs { margin: 0; padding: 0; } .single-product div.product .woocommerce-tabs ul.tabs:before, .single-product div.product .woocommerce-tabs ul.tabs:after { display: none !important; } .single-product div.product .woocommerce-tabs ul.tabs > li { padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .single-product div.product .woocommerce-tabs ul.tabs > li:last-child { margin-right: 0; } .single-product div.product .woocommerce-tabs ul.tabs > li:before, .single-product div.product .woocommerce-tabs ul.tabs > li:after { display: none; } .single-product div.product .woocommerce-tabs ul.tabs > li > a { font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-transform: uppercase; background: #e9e9e9; padding: 12px 30px; } .single-product div.product .woocommerce-tabs ul.tabs > li > a:before { content: "\f260"; font-family: FontAwesome; display: inline-block; margin-left: 10px; } .single-product div.product .woocommerce-tabs ul.tabs > li.active > a { color: #ffffff; background: #202020; } .single-product div.product .woocommerce-tabs ul.tabs > li.additional_information_tab > a:before { content: "\f00c"; } .single-product div.product .woocommerce-tabs ul.tabs > li.reviews_tab > a:before { content: "\f0e6"; } .single-product div.product .woocommerce-tabs .panel { margin-bottom: 0; padding: 30px 40px; background: transparent; border: 1px solid #202020; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .single-product div.product .woocommerce-tabs .panel > h2, .single-product div.product .woocommerce-tabs .panel #reviews h2 { display: none; } .single-product div.product .woocommerce-tabs #tab-description { font-size: 15px; font-weight: 400; line-height: 28px; letter-spacing: 0em; color: #909090; } .single-product div.product .woocommerce-tabs #tab-additional_information .shop_attributes { margin: 0; } .single-product div.product .woocommerce-tabs #tab-additional_information .shop_attributes th { border-left: 1px solid rgba(0, 0, 0, 0.1); } .single-product div.product .woocommerce-tabs #tab-additional_information .shop_attributes td { padding: 10px; } .single-product div.product .woocommerce-tabs #tab-additional_information .shop_attributes td p { padding: 0; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews #comments { margin-bottom: 30px; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews #comments .commentlist { margin: 0; padding: 0; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews #comments .commentlist li img.avatar { width: 60px; height: 60px; border-width: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews #comments .commentlist li .comment-text { margin-left: 75px; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews #comments .commentlist li .comment-text .star-rating { font-size: 13px; line-height: 12px; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews #comments .commentlist li .comment-text .meta { font-size: 12px; line-height: 24px; letter-spacing: 0px; text-transform: uppercase; margin-bottom: 5px; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews #comments .commentlist li .comment-text .meta [itemprop="author"] { font-weight: 900; letter-spacing: 0em; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews #comments .commentlist li .comment-text .description { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0px; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-respond .comment-reply-title { position: relative; font-weight: 700; letter-spacing: 0em; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 15px; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form { margin-bottom: 0; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form > p:before, .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form > p:after { display: none; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form label { font-size: 12px; font-weight: 700; line-height: 12px; letter-spacing: 0em; text-transform: uppercase; color: #909090; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form .comment-form-rating label { display: inline-block; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form .comment-form-rating .stars { display: inline-block; margin: 0 0 0 20px; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form .comment-form-rating .stars > span { font-size: 15px; line-height: 16px; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form .comment-form-comment, .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form .form-submit { margin-bottom: 0; } .single-product div.product .woocommerce-tabs #tab-reviews #reviews .comment-form .form-submit input.submit { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 12px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-transform: uppercase; background: #f7f7f7; padding: 8px 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } /* single product related */ .single-product .mo-related > h3 { position: relative; font-weight: 700; padding-bottom: 15px; } .single-product .mo-related .products .mo-product-items .grid .product { margin-bottom: 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .single-product .mo-related .products .mo-product-items .grid .product:hover { -moz-box-shadow: 0 20px 35px -20px black; -webkit-box-shadow: 0 20px 35px -20px black; box-shadow: 0 20px 35px -20px black; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb { position: relative; overflow: hidden; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .onsale { min-height: 24px; font-size: 10px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; background: transparent; padding: 5px 8px; border: 2px solid #202020; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 10px; right: 10px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb img { width: 100%; height: auto; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; bottom: -61px; left: 0; width: 100%; z-index: -1; opacity: 0; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .add_to_cart_button, .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .product_type_variable { width: 100%; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; letter-spacing: 0em; text-align: center; text-transform: uppercase; color: #202020; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .add_to_cart_button:after { content: ""; font-family: WooCommerce; font-size: 12px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 5px; padding: 0; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .lightbox-gallery { position: absolute; text-align: center; color: #fff; width: 40px; height: 40px; top: -90px; left: 42%; right: 42%; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .lightbox-gallery i { padding: 14px 19px; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .add_to_cart_button.loading { opacity: 0.25; margin: 0; padding: 0; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .add_to_cart_button.loading:after { content: "\e01c"; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .add_to_cart_button.added { margin: 0; padding: 0; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .add_to_cart_button.added:after { content: "\e017"; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .added_to_cart { position: absolute; top: 20px; left: 0; width: 100%; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0; text-transform: uppercase; text-align: center; margin: 0; padding: 6px; border-radius: 0 !important; color: #202020; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .added_to_cart:after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; content: "\f105"; font-family: FontAwesome; font-size: 0; display: inline-block; vertical-align: middle; } .single-product .mo-related .products .mo-product-items .grid .product .mo-thumb .mo-actions .added_to_cart:hover:after { font-size: 14px; line-height: 16px; margin-left: 5px; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content { position: relative; padding: 15px; background: #fff; min-height: 90px; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; font-weight: 700; line-height: 28px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 5px; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content .price { font-size: 0; font-weight: 600; font-style: normal; line-height: 24px; letter-spacing: 0; display: block; margin-bottom: 15px; margin-bottom: 0; padding-left: 75px; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content .price .amount { font-size: 14px; color: #909090; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content .price > del { font-size: 14px; line-height: 16px; color: #909090; margin-right: 5px; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content .price > del .amount { font-size: 14px; line-height: 16px; color: #909090; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content .price > ins { font-size: 14px; text-decoration: none; margin: 0 5px; color: #202020; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content .star-rating { font-size: 13px; line-height: 12px; position: absolute; bottom: 25px; right: 12px; margin-bottom: 0; } .single-product .mo-related .products .mo-product-items .grid .product .mo-content .star-rating[title="Rated 0 out of 5"]:before { color: #f7f7f7; } .single-product .mo-related .products .mo-product-items .grid .product:hover .mo-thumb .mo-actions { bottom: 0; z-index: 9; opacity: 1; } @media (max-width: 991px) { .single-product .mo-product-item .mo-col-full-height .mo-col { width: 100%; } .single-product .mo-product-item .mo-thumb { margin-bottom: 30px; } .single-product .mo-related .products .mo-product-items .grid .product { max-width: 320px; margin-left: auto; margin-right: auto; } } @media (max-width: 479px) { .single-product .mo-product-item .mo-content .product_meta_top .sku_wrapper, .single-product .mo-product-item .mo-content .product_meta_top .stock { width: 100%; } .single-product .mo-product-item .mo-content .cart .quantity { width: 120px; } .single-product .mo-product-item .mo-content .cart .single_add_to_cart_button { margin-left: 10px; padding: 10px 15px; } .single-product div.product .woocommerce-tabs ul.tabs > li { display: block; margin: 5px 0; } .single-product div.product .woocommerce-tabs ul.tabs > li > a { display: block; text-align: center; } .single-product div.product .woocommerce-tabs #tab-description, .single-product div.product .woocommerce-tabs #tab-additional_information, .single-product div.product .woocommerce-tabs #tab-reviews { padding: 10px; } .single-product .mo-related > h3 { font-size: 22px; } .woocommerce table.shop_attributes th { width: 70px; } } /* woocommerce cart */ .woocommerce-cart .main-content .woocommerce table.shop_table { margin-bottom: 60px; border: none; border-collapse: collapse; background: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .woocommerce table.shop_table { border: 0; border-radius: 25px; background: #fff; } .woocommerce table.shop_table td { border: 0; } .woocommerce table.shop_table th { padding: 10px 25px; border-radius: 0; border: 0; } table.shop_table td.woocommerce-table__product-name.product-name, table.shop_table td.woocommerce-table__product-total.product-total { background: rgba(0, 0, 0, 0.01); border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; } .woocommerce-customer-details address { background: #fff; padding: 30px; border-radius: 25px; font-style: normal; line-height: 25px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border: 0; } .woocommerce ul.order_details { background: #fff; padding: 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .woocommerce-cart .main-content .woocommerce table.shop_table th, .woocommerce-cart .main-content .woocommerce table.shop_table td { border: 0; text-transform: uppercase; position: relative; } .woocommerce-cart .main-content .woocommerce table.shop_table th, .woocommerce-cart .main-content .woocommerce table.shop_table td.actions { padding: 20px; } .woocommerce-cart .main-content .woocommerce table.shop_table thead tr { background: #f7f7f7; } .woocommerce-cart .main-content .woocommerce table.shop_table thead tr th { border-bottom: 1px solid #f7f7f7; background: #e9e9e9; font-size: 15px; font-weight: 700; line-height: 28px; letter-spacing: 0; padding: 15px 30px; text-align: center; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr { border-bottom: 1px solid #f7f7f7; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-item a.remove { display: inline-block; vertical-align: middle; width: 40px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; background: #e9e9e9; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-item a.remove:hover { background: #202020; } .woocommerce a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; left: 20px; top: 20px; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-item img { width: 70px; height: 70px; margin-left: 15px; margin-right: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-item a { font-size: 14px; font-weight: 700; letter-spacing: 0; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-price, .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-subtotal { line-height: 28px; letter-spacing: 0; text-align: center; border: 1px solid #f7f7f7; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-quantity .quantity { position: relative; width: 110px; font-size: 12px; font-weight: 700; letter-spacing: 0; border: 2px solid #f7f7f7; margin: auto; border-radius: 50px; overflow: hidden; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-quantity .quantity input { width: 100%; height: 35px; line-height: 35px; padding: 0 12px 0 25px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-quantity .quantity .qty-minus, .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-quantity .quantity .qty-plus { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; left: 0; top: 0; width: 30px; height: 35px; font-size: 10px; text-align: center; line-height: 35px; background: #ffffff; cursor: pointer; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-quantity .quantity .qty-plus { left: auto; right: 0; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.actions .coupon input.input-text { margin-right: 10px; min-width: 200px; padding: 6px 15px; border: 2px solid #f7f7f7; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.actions .coupon input.input-text:hover, .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.actions .coupon input.input-text:focus { border-color: #e9e9e9; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.actions .coupon input.button { color: #ffffff; background: #202020; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals { width: 100% !important; float: none; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap > h4 { font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; margin-bottom: 0; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap > h4:before { content: "\f104"; font-family: FontAwesome; font-weight: 400; font-size: 15px; display: inline-block; margin-left: 10px; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap > p { margin-top: 10px; margin-bottom: 10px; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p { padding: 0; margin-bottom: 30px; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p input, .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p select { font-size: 16px; font-weight: 600; font-style: normal; line-height: 24px; letter-spacing: 0px; color: #909090; border: 1px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p input:hover, .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p input:focus, .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p select:hover, .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p select:focus { border-color: #e9e9e9; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p#calc_shipping_country_field, .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p#calc_shipping_state_field { position: relative; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p#calc_shipping_country_field:after, .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p#calc_shipping_state_field:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; top: 1px; right: 1px; width: 25px; height: 43px; line-height: 43px; background: #ffffff; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p button { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-transform: uppercase; background: #ffffff; padding: 10px 30px; border: 2px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .shipping-wrap .woocommerce-shipping-calculator > p button:hover { background: #f7f7f7; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total > h4 { font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; margin-bottom: 30px; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total > h4:before { content: "\f104"; font-family: FontAwesome; font-size: 15px; display: inline-block; margin-left: 10px; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap { padding: 30px; background: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul { margin: 0; padding: 0; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li { list-style: none; padding: 5px 0; border-bottom: 1px solid #f7f7f7; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li:first-child { padding-top: 0; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li .title { display: inline-block; width: 59%; font-size: 12px; font-weight: 900; line-height: 30px; letter-spacing: 0; text-transform: uppercase; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li span[data-title="Subtotal"], .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li span[data-title="Tax"], .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li span[data-title="Total"] { display: inline-block; width: 39%; font-size: 14px; font-weight: 600; font-style: normal; line-height: 24px; letter-spacing: 0; text-align: right; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li.shipping .title { width: 50%; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li.shipping div[data-title="Shipping"] { display: inline-block; width: 49%; font-size: 10px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-transform: uppercase; color: #909090; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li.shipping div[data-title="Shipping"] ul { margin: 0; padding: 0; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li.shipping div[data-title="Shipping"] ul > li { position: relative; padding: 0 0 15px 30px !important; text-indent: 0 !important; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li.shipping div[data-title="Shipping"] ul > li input { position: absolute; top: 2px; left: 0; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li.shipping div[data-title="Shipping"] ul > li label span { display: block; font-size: 16px; font-weight: 600 !important; font-style: normal; line-height: 24px; letter-spacing: 0; } .woocommerce-cart .main-content .woocommerce .cart-collaterals .cart_totals .grand-total .total-wrap > ul > li.order-total span[data-title="Total"] .amount { display: inline-block; font-size: 14px; font-weight: 600; line-height: 40px; margin-top: 5px; } .woocommerce-cart .main-content .woocommerce .wc-proceed-to-checkout { padding: 30px 0 0; } .woocommerce-cart .main-content .woocommerce .wc-proceed-to-checkout .checkout-button { padding: 15px 35px; color: #202020; font-size: 14px; display: inline-block; margin: auto; float: none; text-align: center; } .woocommerce-cart .main-content .woocommerce .cart-empty { margin-bottom: 15px; } .woocommerce-cart .main-content .woocommerce .return-to-shop > a { padding: 15px 35px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .woocommerce-cart .main-content .woocommerce .return-to-shop > a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media (max-width: 991px) { .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-item img { display: none; } } @media (max-width: 768px) { .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-item a.remove { width: 30px; height: 30px; line-height: 30px; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td { padding: 10px; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-quantity .quantity { float: right; margin-top: -7px; } .woocommerce-cart .main-content .woocommerce table.shop_table thead { display: none; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr:first-child td:first-child { border-top: 0; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody th { display: none; } .woocommerce-cart .main-content .woocommerce table.shop_table tr { display: block; } .woocommerce-cart .main-content .woocommerce table.shop_table tr td { display: block; font-size: 12px !important; } .woocommerce-cart .main-content .woocommerce table.shop_table tr td.order-actions { text-align: left !important; } .woocommerce-cart .main-content .woocommerce table.shop_table tr td:before { content: attr(data-title) ": "; font-weight: 700; } .woocommerce-cart .main-content .woocommerce table.shop_table tr td.product-remove:before, .woocommerce-cart .main-content .woocommerce table.shop_table tr td.actions:before { display: none; } .woocommerce-cart .main-content .woocommerce table.shop_table tr:nth-child(2n) td { background-color: rgba(0, 0, 0, 0.025); } .woocommerce table.shop_table tr td::before, .woocommerce-page table.shop_table tr td::before { font-size: 14px; font-weight: 700; font-style: normal; color: #202020; } } /* ------- woocommerce checkout ----------*/ .woocommerce-checkout .select2-drop { border-color: #f7f7f7; } .woocommerce-checkout .select2-drop .select2-search { line-height: 16px; padding: 0; } .woocommerce-checkout .select2-drop .select2-search .select2-input { margin-bottom: 0; border-color: #f7f7f7; } .woocommerce-checkout .select2-drop .select2-search .select2-input:hover, .woocommerce-checkout .select2-drop .select2-search .select2-input:focus { border-color: #e9e9e9; } .woocommerce-checkout .select2-drop .select2-results > li { font-size: 14px; font-weight: 400; font-style: normal; line-height: 24px; letter-spacing: 0px; color: #909090; margin: 0; } .woocommerce-checkout .woocommerce #customer_details > h3 { font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f7f7f7; } .woocommerce-checkout .woocommerce #customer_details > h3:before { content: "\f104"; font-family: FontAwesome; font-weight: 400; font-size: 15px; display: inline-block; margin-left: 10px; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row { margin-bottom: 20px; padding: 0; } form.checkout.woocommerce-checkout { background: #fff; padding: 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row label, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row label { font-size: 12px; text-transform: uppercase; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row label .required, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row label .required { font-size: 14px; text-decoration: none; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row input, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row select, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row textarea, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row .select2-container .select2-choice, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row input, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row select, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row textarea, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row .select2-container .select2-choice { padding: 10px 20px; border: 1px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row input:hover, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row input:focus, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row select:hover, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row select:focus, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row textarea:hover, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row textarea:focus, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row .select2-container .select2-choice:hover, .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row .select2-container .select2-choice:focus, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row input:hover, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row input:focus, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row select:hover, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row select:focus, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row textarea:hover, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row textarea:focus, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row .select2-container .select2-choice:hover, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row .select2-container .select2-choice:focus { border-color: #e9e9e9; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row.create-account, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row.create-account { margin-bottom: 0; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .form-row.create-account label, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .form-row.create-account label { font-size: 12px; font-weight: 900; font-style: normal; line-height: 24px; letter-spacing: 0; text-transform: uppercase; } .woocommerce-shipping-fields { margin-top: 25px; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .create-account, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .create-account { font-size: 14px; font-weight: 400; font-style: normal; line-height: 24px; letter-spacing: 0px; color: #909090; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields .create-account > p, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields .create-account > p { margin-bottom: 20px; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields #ship-to-different-address .checkbox, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields #ship-to-different-address .checkbox { font-size: 12px; font-weight: 900; line-height: 24px; letter-spacing: 0; text-transform: uppercase; padding-left: 25px; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields #ship-to-different-address .checkbox .input-checkbox, .woocommerce-checkout .woocommerce #customer_details .woocommerce-shipping-fields #ship-to-different-address .checkbox .input-checkbox { position: absolute; top: 2px; left: 0; margin-left: 0; } .woocommerce-checkout .woocommerce #order_review { background: #f7f7f7; padding: 30px; border: 0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; } .woocommerce-checkout .woocommerce #order_review .order-review-heading, .woocommerce-checkout .woocommerce #order_review .payment-method-heading { font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; margin-bottom: 15px; } .woocommerce-checkout .woocommerce #order_review .order-review-heading:before, .woocommerce-checkout .woocommerce #order_review .payment-method-heading:before { content: "\f104"; font-family: FontAwesome; font-weight: 400; display: inline-block; margin-left: 10px; } .woocommerce-checkout .woocommerce #order_review .payment-method-heading { margin-top: 30px; } .woocommerce-checkout .woocommerce #order_review .shop_table { margin-bottom: 15px; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul { margin: 0; padding: 0; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li { list-style: none; padding: 15px 0; border-top: 1px solid #f7f7f7; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li .col-left { display: inline-block; width: 59%; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li .col-right { display: inline-block; width: 38%; text-align: right; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.header { font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 0; text-transform: uppercase; border-bottom: 1px solid; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.cart_item { font-size: 12px; font-weight: 700; text-transform: uppercase; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.cart_item .product-name .product-quantity { display: inline-block; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.cart_item .product-total { font-size: 16px; font-weight: 600; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.cart-subtotal, .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.tax-total, .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.order-total { font-size: 12px; font-weight: 900; line-height: 24px; letter-spacing: 0; text-transform: uppercase; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.cart-subtotal .amount, .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.tax-total .amount, .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.order-total .amount { font-size: 14px; font-weight: 600; font-style: normal; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.shipping .title { display: inline-block; vertical-align: top; width: 50%; font-size: 12px; font-weight: 900; line-height: 24px; letter-spacing: 0; text-transform: uppercase; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.shipping div[data-title="Shipping"] { display: inline-block; width: 49%; font-size: 10px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-transform: uppercase; color: #909090; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.shipping div[data-title="Shipping"] ul { margin: 0; padding: 0; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.shipping div[data-title="Shipping"] ul > li { position: relative; padding: 0 0 15px 30px !important; text-indent: 0 !important; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.shipping div[data-title="Shipping"] ul > li input { position: absolute; top: 2px; left: 0; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.shipping div[data-title="Shipping"] ul > li label span { display: block; font-size: 16px; font-weight: 600 !important; font-style: normal; line-height: 24px; letter-spacing: 0; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.order-total { font-size: 14px; font-weight: 900; line-height: 24px; letter-spacing: 0; text-transform: uppercase; border-top: 1px solid; } .woocommerce-checkout .woocommerce #order_review .shop_table > ul > li.order-total .amount { font-size: 14px; font-weight: 600; font-style: normal; } .woocommerce-checkout .woocommerce #order_review #payment { background: transparent; } .woocommerce-checkout .woocommerce #order_review #payment .payment_methods { margin: 0 0 15px; padding: 0; border: none; } .woocommerce-checkout .woocommerce #order_review #payment .payment_methods > li .payment_box { font-size: 12px; font-weight: 400; line-height: 24px; letter-spacing: 0em; color: #909090; background: transparent; margin-bottom: 0; padding: 0; } .woocommerce-checkout .woocommerce #order_review #payment .payment_methods > li .payment_box:before { display: none; } .woocommerce-checkout .woocommerce #order_review #payment .place-order { padding: 0; margin: 0; } .woocommerce-checkout .woocommerce #order_review #payment .place-order #place_order { color: #202020; } .woocommerce-checkout .woocommerce .woocommerce-info:before { display: none; } .woocommerce-checkout .woocommerce .woocommerce-info > a { color: #202020; } .woocommerce-checkout .woocommerce .login, .woocommerce-checkout .woocommerce .checkout_coupon { font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 24px; color: #909090; margin: 0 0 30px; padding: 30px; border: 1px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .login > p, .woocommerce-checkout .woocommerce .checkout_coupon > p { margin-bottom: 15px; } .woocommerce-checkout .woocommerce .login > p.lost_password, .woocommerce-checkout .woocommerce .checkout_coupon > p.lost_password { margin-bottom: 0; } .woocommerce-checkout .woocommerce .login .form-row, .woocommerce-checkout .woocommerce .checkout_coupon .form-row { margin-bottom: 20px; padding: 0; } .woocommerce-checkout .woocommerce .login .form-row label, .woocommerce-checkout .woocommerce .checkout_coupon .form-row label { font-size: 12px; font-weight: 600; font-style: normal; line-height: 24px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 5px; } .woocommerce-checkout .woocommerce .login .form-row label .required, .woocommerce-checkout .woocommerce .checkout_coupon .form-row label .required { font-size: 14px; text-decoration: none; } .woocommerce-checkout .woocommerce .login .form-row input, .woocommerce-checkout .woocommerce .checkout_coupon .form-row input { font-size: 14px; font-weight: 400; font-style: normal; line-height: 24px; letter-spacing: 0px; color: #909090; padding: 10px 20px; border: 1px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .login .form-row input:hover, .woocommerce-checkout .woocommerce .login .form-row input:focus, .woocommerce-checkout .woocommerce .checkout_coupon .form-row input:hover, .woocommerce-checkout .woocommerce .checkout_coupon .form-row input:focus { border-color: #e9e9e9; } .woocommerce-checkout .woocommerce .login .form-row input.button, .woocommerce-checkout .woocommerce .checkout_coupon .form-row input.button { font-size: 12px; font-weight: 700; font-style: normal; line-height: 24px; letter-spacing: 0; text-transform: uppercase; color: #ffffff; background: #202020; margin-right: 15px; padding: 10px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .checkout_coupon .form-row { margin-bottom: 0; } .woocommerce-checkout .woocommerce .checkout_coupon .form-row input.button { margin-right: 0; } /* woocommerce-account */ .woocommerce-account .woocommerce-MyAccount-navigation { background: #fff; padding: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { margin-top: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover { padding-left: 5px; } .woocommerce-account .woocommerce-MyAccount-content { padding: 40px; background: #fff; min-height: 245px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .woocommerce-account .woocommerce-MyAccount-content a { font-weight: 700; } .woocommerce-account .woocommerce .myaccount_user { font-size: 15px; font-weight: 400; font-style: normal; line-height: 24px; letter-spacing: 0px; text-align: center; color: #909090; margin-bottom: 30px; } .woocommerce-account .woocommerce > h2 { font-size: 28px; font-weight: 700; line-height: 32px; letter-spacing: 0; text-align: center; text-transform: uppercase; color: #202020; margin-bottom: 0; } .woocommerce-account .woocommerce .myaccount_address { font-size: 15px; font-weight: 400; font-style: normal; line-height: 24px; letter-spacing: 0px; text-align: center; color: #909090; margin-bottom: 40px; } .woocommerce-account .woocommerce .addresses .title > h3 { font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 10px; } .woocommerce-account .woocommerce .addresses .title > h3:before { content: "\f105"; font-family: FontAwesome; display: inline-block; margin-right: 8px; } .woocommerce-account .woocommerce .addresses .title > a { font-size: 12px; font-weight: 700; line-height: 24px; } .woocommerce-account .woocommerce .addresses .title > a:after { content: "\f040"; display: inline-block; font-family: FontAwesome; margin-left: 5px; } .woocommerce-account .woocommerce .addresses .title > a:hover { color: #202020; } .woocommerce-account .woocommerce .addresses address { font-style: normal; line-height: 24px; } .woocommerce-account .woocommerce form > h3 { font-size: 16px; font-weight: 700; letter-spacing: 0; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f7f7f7; } .woocommerce-account .woocommerce form > h3:before { content: "\f105"; font-family: FontAwesome; font-weight: 400; font-size: 15px; display: inline-block; margin-right: 10px; } .woocommerce-account .woocommerce form .form-row { margin-bottom: 20px; padding: 0; } .woocommerce-account .woocommerce form .form-row label { font-size: 12px; letter-spacing: 0; text-transform: uppercase; margin-bottom: 5px; } .woocommerce-account .woocommerce form .form-row label .required { font-size: 14px; text-decoration: none; } .woocommerce-account .woocommerce form .form-row input, .woocommerce-account .woocommerce form .form-row select, .woocommerce-account .woocommerce form .form-row textarea, .woocommerce-account .woocommerce form .form-row .select2-container .select2-choice { font-size: 14px; font-weight: 400; color: #909090; padding: 10px 20px; border: 1px solid #f7f7f7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .woocommerce-account .woocommerce form .form-row input:hover, .woocommerce-account .woocommerce form .form-row input:focus, .woocommerce-account .woocommerce form .form-row select:hover, .woocommerce-account .woocommerce form .form-row select:focus, .woocommerce-account .woocommerce form .form-row textarea:hover, .woocommerce-account .woocommerce form .form-row textarea:focus, .woocommerce-account .woocommerce form .form-row .select2-container .select2-choice:hover, .woocommerce-account .woocommerce form .form-row .select2-container .select2-choice:focus { border: 1px solid #e9e9e9; } .woocommerce-account .woocommerce form input.button { font-weight: 700; line-height: 24px; padding: 10px 30px; } /* .woocommerce form login */ .woocommerce-account .woocommerce form.login, .woocommerce-account .woocommerce form.lost_reset_password { max-width: 450px; margin: 30px auto 0; padding: 50px; border: 0; background: #fff; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .woocommerce-account .woocommerce form.login .form-row, .woocommerce-account .woocommerce form.lost_reset_password .form-row { margin-bottom: 20px; padding: 0; } .woocommerce-account .woocommerce form.login .form-row label, .woocommerce-account .woocommerce form.lost_reset_password .form-row label { font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; margin-bottom: 5px; } .woocommerce-account .woocommerce form.login .form-row label .required, .woocommerce-account .woocommerce form.lost_reset_password .form-row label .required { font-size: 14px; text-decoration: none; } .woocommerce-account .woocommerce form.login .form-row input, .woocommerce-account .woocommerce form.lost_reset_password .form-row input { font-size: 14px; font-weight: 400; line-height: 24px; padding: 10px 20px; border: 1px solid #f7f7f7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .woocommerce-account .woocommerce form.login .form-row input:hover, .woocommerce-account .woocommerce form.lost_reset_password .form-row input:hover { border-color: #e9e9e9; } .woocommerce-account .woocommerce form.login .form-row input.button, .woocommerce-account .woocommerce form.lost_reset_password .form-row input.button { border: 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 12px; font-weight: 700; font-style: normal; line-height: 24px; padding: 10px 30px; color: #202020; } .woocommerce-account .woocommerce form.login p.lost_password, .woocommerce-account .woocommerce form.lost_reset_password p.lost_password { margin-bottom: 0; } .woocommerce-account .woocommerce form.lost_reset_password { margin-top: 0; } .woocommerce-account .woocommerce form.lost_reset_password > p.form-row-first { width: 100%; margin-top: 30px; } /* woocommerce-message */ .woocommerce-error, .woocommerce-info, .woocommerce-message { font-size: 14px; font-weight: 400; line-height: 28px; letter-spacing: 0.48px; color: #202020; background: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .woocommerce-error > a, .woocommerce-info > a, .woocommerce-message > a { font-weight: 700; color: #303030; } .mo-action-bar .woocommerce-message, .mo-action-bar .woocommerce-error, .mo-action-bar .woocommerce-info { margin: 0; margin-top: -10px; } .mo-action-bar .woocommerce-message:before, .mo-action-bar .woocommerce-message:before, .mo-action-bar .woocommerce-error:before, .mo-action-bar .woocommerce-error:before, .mo-action-bar .woocommerce-info:before, .mo-action-bar .woocommerce-info:before { left: 0; } @media (max-width: 1199px) { .single-product .ro-reviews-content #review_form_wrapper .comment-form { width: 37%; } .single-product .ro-reviews-content #review_form_wrapper .comment-form > p.comment-form-comment { width: 58%; } } @media (max-width: 991px) { .single-product .ro-reviews-content #review_form_wrapper .comment-form { width: 48%; } .single-product .ro-reviews-content #review_form_wrapper .comment-form > p.comment-form-comment { width: 47%; } } @media (max-width: 767px) { .single-product .ro-reviews-content #review_form_wrapper .comment-form { width: 100%; } .single-product .ro-reviews-content #review_form_wrapper .comment-form > p.comment-form-comment { width: 100%; position: relative; } .single-product .ro-reviews-content #review_form_wrapper .comment-form > p.form-submit { position: relative; left: 0; } } @media (max-width: 479px) { .woocommerce-cart .woocommerce table.shop_table tbody tr td.actions .coupon input.input-text, .woocommerce-cart .woocommerce table.shop_table tbody tr td.actions .coupon input.button { float: none; width: 100%; margin-bottom: 30px; } .woocommerce-cart .woocommerce table.shop_table tbody tr td.actions > .button { width: 100%; } .mo_mini_cart .mo-cart-content { padding: 40px 20px; } } /* ------- woocommerce widget ----------*/ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: right; width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin: 0 0px 0 15px; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li, .sidebar-left .widget.widget_products ul > li, .sidebar-right .widget.widget_products ul > li, ul.product_list_widget > li { padding-left: 0; margin-top: 5px; } .woocommerce .widget_shopping_cart .cart_list li:hover img, .woocommerce.widget_shopping_cart .cart_list li:hover img, .sidebar-left .widget.widget_products ul > li:hover img, .sidebar-right .widget.widget_products ul > li:hover img, ul.product_list_widget > li:hover img { opacity: .9; box-shadow: 0 20px 35px -20px black; -webkit-transform: translateY(-3px); transform: translateY(-3px); } .widget_shopping_cart_content .buttons { text-align: center; } .woocommerce #respond input#submit, .woocommerce a.wc-forward, .woocommerce button.button, .woocommerce input.button, .mo-cart-content a.wc-forward { color: #202020; border: 0; padding: 12px 20px; font-weight: 400; font-size: 12px; line-height: 12px; letter-spacing: 0; border-width: 0; margin: 5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .woocommerce #respond input#submit:hover, .woocommerce a.wc-forward:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .mo-cart-content a.wc-forward:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .woocommerce #respond input#submit, .woocommerce input.button { background: #e9e9e9; } .wc-forward { background: #e9e9e9; } .checkout.wc-forward { background: #fff; } .woocommerce-product-search input[type=submit] { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding: 8px 30px; outline: none; text-align: center; border: 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 13px; letter-spacing: 0px; color: #202020; background: #e9e9e9; -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } .woocommerce-product-search input[type=submit]:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 0px; padding: 5px; text-align: center; background: rgba(0, 0, 0, 0.05); } .woocommerce span.reviewer { font-size: 12px; } .woocommerce-product-search .search-field { width: 100%; background-color: transparent; border: 1px solid #e9e9e9; margin-bottom: 15px; padding: 8px 20px; } .sidebar-left .widget.widget_product_categories > ul, .sidebar-right .widget.widget_product_categories > ul { margin: 0; padding: 0; } .sidebar-left .widget.widget_product_categories > ul li, .sidebar-right .widget.widget_product_categories > ul li { list-style: none; position: relative; } .sidebar-left .widget.widget_product_categories > ul li > a, .sidebar-right .widget.widget_product_categories > ul li > a { letter-spacing: 0; display: inline-block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sidebar-left .widget.widget_product_categories > ul li > a:hover, .sidebar-right .widget.widget_product_categories > ul li > a:hover { padding-left: 5px; } .sidebar-left .widget.widget_product_categories > ul li > a:before, .sidebar-right .widget.widget_product_categories > ul li > a:before { content: "\f105"; font-family: FontAwesome; font-weight: 400; display: inline-block; vertical-align: middle; margin-right: 15px; } .sidebar-left .widget.widget_product_categories > ul li > span.count, .sidebar-right .widget.widget_product_categories > ul li > span.count { position: absolute; top: 50%; right: 0; width: 30px; height: 30px; font-size: 10px; font-weight: 700; letter-spacing: 0; text-align: center; line-height: 26px; color: #474747; border: 2px solid #e9e9e9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sidebar-left .widget.woo-filter-attribute ul, .sidebar-right .widget.woo-filter-attribute ul { margin: 0; padding: 0; } .sidebar-left .widget.woo-filter-attribute ul > li, .sidebar-right .widget.woo-filter-attribute ul > li { list-style: none; display: inline-block; margin: 0 4px 15px; } .sidebar-left .widget.woo-filter-attribute ul > li > a, .sidebar-right .widget.woo-filter-attribute ul > li > a { display: inline-block; width: 40px; height: 40px; background: #202020; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sidebar-left .widget.woo-filter-attribute ul > li > a.blue, .sidebar-right .widget.woo-filter-attribute ul > li > a.blue { background: #0080ff; } .sidebar-left .widget.woo-filter-attribute ul > li > a.gray, .sidebar-right .widget.woo-filter-attribute ul > li > a.gray { background: #dadada; } .sidebar-left .widget.woo-filter-attribute ul > li > a.green, .sidebar-right .widget.woo-filter-attribute ul > li > a.green { background: #4dd737; } .sidebar-left .widget.woo-filter-attribute ul > li > a.orange, .sidebar-right .widget.woo-filter-attribute ul > li > a.orange { background: #ffa500; } .sidebar-left .widget.woo-filter-attribute ul > li > a.pink, .sidebar-right .widget.woo-filter-attribute ul > li > a.pink { background: #ff4d4f; } .sidebar-left .widget.woo-filter-attribute ul > li > a.red, .sidebar-right .widget.woo-filter-attribute ul > li > a.red { background: #b30000; } .sidebar-left .widget.woo-filter-attribute ul > li > a.violet, .sidebar-right .widget.woo-filter-attribute ul > li > a.violet { background: #8f00ff; } .sidebar-left .widget.woo-filter-attribute ul > li > a.yellow, .sidebar-right .widget.woo-filter-attribute ul > li > a.yellow { background: #ffff00; } .sidebar-left .widget.woo-filter-attribute ul > li > a:hover, .sidebar-right .widget.woo-filter-attribute ul > li > a:hover { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .sidebar-left .widget.widget_price_filter .price_slider_wrapper, .sidebar-right .widget.widget_price_filter .price_slider_wrapper { position: relative; padding-top: 30px; } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider { background: rgba(0, 0, 0, 0.1); height: 5px; margin: 0 15% 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { -webkit-box-shadow: 0 5px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 5px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 5px 34px rgba(0, 0, 0, 0.18); } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:before, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:before { position: relative; display: block; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; right: 4px; top: -5px; width: 23px; height: 23px; opacity: 0.3; } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .button, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .button { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 12px; line-height: 18px; letter-spacing: 0; text-transform: uppercase; color: #202020; padding: 8px 30px; border: 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: auto; float: none; display: block; } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label { position: absolute; top: 0; left: 0; width: 100%; font-size: 0; font-weight: 400; line-height: 24px; letter-spacing: 0; text-align: center; color: #909090; } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label > span, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label > span { font-size: 13px; } .sidebar-left .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label > span.from:after, .sidebar-right .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label > span.from:after { content: "-"; display: inline-block; margin: 0 5px; } .sidebar-left .widget.widget_products ul, .sidebar-right .widget.widget_products ul { margin: 0; padding: 0; } .sidebar-left .widget.widget_products ul > li, .sidebar-right .widget.widget_products ul > li { list-style: none; position: relative; margin-bottom: 10px; padding: 0; } .sidebar-left .widget.widget_products ul > li > a, .sidebar-right .widget.widget_products ul > li > a { font-size: 12px; font-weight: 700; line-height: 20px; letter-spacing: 0.06em; text-transform: uppercase; color: #202020; } .sidebar-left .widget.widget_products ul > li del:after, .sidebar-right .widget.widget_products ul > li del:after { content: "-"; display: inline-block; margin-left: 2px; } .sidebar-left .widget.widget_products ul > li ins, .sidebar-right .widget.widget_products ul > li ins { text-decoration: none; } .sidebar-left .widget.widget_products ul > li .amount, .sidebar-right .widget.widget_products ul > li .amount { font-size: 14px; font-weight: 400; font-style: normal; line-height: 24px; letter-spacing: 0.06em; color: #202020; } .sidebar-left .widget.widget_products ul > li:after, .sidebar-right .widget.widget_products ul > li:after { content: ""; display: block; clear: both; } .sidebar-left .widget.widget_products ul > li:last-child, .sidebar-right .widget.widget_products ul > li:last-child { margin-bottom: 0; } @media (max-width: 991px) { .mo-cart-header { top: 22px; right: 90px; } .mo-cart-content, .mo-col-menu .widget.header_search { top: 50px !important; } } /* ------------------------------------- */ /* 16. forms ........................... */ /* ------------------------------------- */ /* input_field */ .input { position: relative; z-index: 1; vertical-align: top; padding-bottom: 1em; } .input_field { position: relative; width: 100%; text-align:right; background-color: rgba(255, 255, 255, 0.8); border: 0; border-radius: 5px; margin-bottom: 10px; padding: 10px 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .input_field:focus, .input_field:hover, .input-filled .input_field { outline: none; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18); } /* input_field_line */ .input_field_line { position: relative; width: 100%; text-align:right; background-color: transparent; border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 2px solid #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 10px; padding: 10px 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .input_field_line:focus, .input_field_line:hover, .input-filled .input_field_line { border-bottom: 2px solid; outline: none; -webkit-transform: translateY(-3px); transform: translateY(-3px); } /* ------------------------------------- */ /* 17. footer .......................... */ /* ------------------------------------- */ footer { position: relative; background-color: #202020; min-height: 150px; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h5, footer p, footer a { color: #f7f7f7; } footer .wg-title { font-weight: 700; margin-top: 20px; position: relative; } footer .footer-bottom { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.2); margin-top: 15px; } footer ul { padding: 0; list-style: none; } footer form { position: relative; width: 100%; } footer form .input { padding-bottom: 0; } footer input[type="text"], footer input[type="email"], footer textarea, footer .input_field { width: 100%; padding: 9px 0; padding-right: 43px; min-height: 43px; max-height: 120px; border-radius: 25px; } footer .input_field_light, footer .input_field_light:focus, footer .input-filled .input_field_light { background-color: transparent; } footer .mc4wp-form { width: 250px; max-width: 100%; margin-top: 25px; } footer .mc4wp-form input[type="email"] { width: 250px; max-width: 100%; } footer select { background: transparent; } footer select option { background-color: #202020; } footer .tagcloud a { background-color: rgba(255, 255, 255, 0.2); } footer .widget_search form input[type=search] { background-color: transparent; } footer .widget.widget_calendar .calendar_wrap table caption, footer .widget.widget_calendar .calendar_wrap table td, footer .widget.widget_calendar .calendar_wrap table th { border-color: #202020; } footer h6 { margin-top: 3px; margin-bottom: 3px; } footer .mo-meta { opacity: 0.8; } footer .post-date { font-size: 12px; opacity: 0.7; } footer ul.contact-list { list-style: none; margin-top: 15px; } footer ul.contact-list li { margin-bottom: 5px; font-size: 13px; } footer ul.contact-list li i { padding-left: 10px; font-size: 18px; } footer .textwidget img { height: auto; max-width: 100%; vertical-align: middle; } /* svg-love */ .svg-space { display: inline-block; text-align: center; width: 30px; } .love { width: 20px; height: 20px; position: relative; top: 5px; } .love .path { stroke: #f7f7f7; stroke-width: 3px; stroke-dasharray: 180; stroke-dashoffset: 180; animation: draws 3s infinite; } @keyframes draws { to { stroke-dashoffset: 0; } } /* back-to-top */ #back-to-top { position: fixed; width: 41px; left: 25px; bottom: 25px; margin: 0; z-index: 998; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } #back-to-top span.icon-stack { position: relative; display: block; width: 45px; height: 45px; line-height: 45px; font-size: 15px; text-align: center; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #202020; overflow: hidden; -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; } #back-to-top span.icon-stack i { -webkit-transition: .15s ease 50ms; -moz-transition: .15s ease 50ms; transition: .15s ease 50ms; font-size: 20px; } #back-to-top span.icon-stack:after { content: ''; position: absolute; z-index: 1; top: 14px; left: 21px; height: 0; width: 0; opacity: 0; border: 1px solid #121212; -webkit-transition: 0.2s cubic-bezier(0.54, 0.13, 0, 1.43); -moz-transition: 0.2s cubic-bezier(0.54, 0.13, 0, 1.43); transition: 0.2s cubic-bezier(0.54, 0.13, 0, 1.43); } #back-to-top span.icon-stack:hover { box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); } #back-to-top span.icon-stack:hover i { color: #121212; -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px); -webkit-transition: 0.2s cubic-bezier(1, -1.21, 0.25, 1); -moz-transition: 0.2s cubic-bezier(1, -1.21, 0.25, 1); transition: 0.2s cubic-bezier(1, -1.21, 0.25, 1); } #back-to-top span.icon-stack:hover:after { height: 15px; opacity: 1; -webkit-transition: 0.45s cubic-bezier(0.54, 0.13, 0, 1) 50ms; -moz-transition: 0.45s cubic-bezier(0.54, 0.13, 0, 1) 50ms; transition: 0.45s cubic-bezier(0.54, 0.13, 0, 1) 50ms; } #back-to-top.cd-is-visible, #back-to-top.cd-fade-out, .no-touch #back-to-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } #back-to-top.cd-is-visible { visibility: visible; opacity: 1; } /* social-media-widget */ footer .social-media-widget { padding: 0; } footer .social-media-widget li { float: left; height: 30px; width: 30px; margin: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; list-style: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } footer .social-media-widget li a { line-height: 30px; display: block; width: 100%; } footer .social-media-widget li a:hover { color: #121212; } /* footer_v1 */ .footer_v1 .social-media-widget ul { float: right; margin-top: 15px; } .footer_v1 .widget_archive ul li, .footer_v1 .widget_recent_entries ul li, .footer_v1 .widget_recent_comments ul li, .footer_v1 .widget_meta ul li, .footer_v1 .widget_pages ul li, .footer_v1 .widget_nav_menu ul li { padding: 5px 15px 5px 0px; } .footer_v1 .widget_archive ul li a:hover, .footer_v1 .widget_recent_entries ul li a:hover, .footer_v1 .widget_recent_comments ul li a:hover, .footer_v1 .widget_meta ul li a:hover, .footer_v1 .widget_pages ul li a:hover, .footer_v1 .widget_nav_menu ul li a:hover { color: #f7f7f7; } .footer_v1 .center p, .footer_v1 .center a, .footer_v1 .center span, .footer_v1 .center .widget widget_text, .footer_v1 .center .wg-title, .footer_v1 .center .social-media-widget ul li { text-align: center !important; } .footer_v1 .center .social-media-widget ul, .footer_v1 .center ul.menu { float: none; display: flex; justify-content: center; align-items: center; margin-top: 15px; } .footer_v1 .center .mc4wp-form { margin: 25px auto; float: none; } /* footer_v2 */ .footer_v2 .wg-title { color: #202020; font-weight: 700; margin-top: 20px; margin-bottom: 20px; position: relative; } .footer_v2 .social-media-widget li { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 3px; } .footer_v2 .social-media-widget li a { color: #909090; } .footer_v2 .social-media-widget li:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); } .footer_v2 .social-media-widget li:hover a { color: #fff; } .footer_v2 #back-to-top span.icon-stack { color: #202020; background-color: #e9e9e9; } .footer_v2 .widget_archive ul li:hover, .footer_v2 .widget_recent_entries ul li:hover, .footer_v2 .widget_recent_comments ul li:hover, .footer_v2 .widget_meta ul li:hover, .footer_v2 .widget_pages ul li:hover, .footer_v2 .widget_nav_menu ul li:hover { margin-left: 6px; } .footer_v2 .tagcloud a { background-color: rgba(0, 0, 0, 0.04); } /* footer_v3 */ .footer-fixed { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 1; } .footer_v3 { padding-top: 10px; } .footer_v3 .footer-widget-1 { padding-right: 25px; overflow: hidden; } .footer_v3 .footer-widget-2, .footer_v3 .footer-widget-3 { padding-left: 25px; padding-right: 25px; overflow: hidden; } .footer_v3 .footer-widget-4 { padding-left: 25px; overflow: hidden; } .footer_v3 .footer-widget-5 { border-top: 1px solid #202020; margin-top: 25px; } .footer_v3 .widget_text { float: right; display: inline-block; clear: right; } .footer_v3 ul.menu { padding: 0 0 0 10px; list-style: square; } .footer_v3 .social-media-widget { clear: left; margin-top: 10px; float: left; } .footer_v3 .social-media-widget ul { float: right; display: inline-block; } .footer_v3 .menu li { width: 50%; float: left; } .footer_v3 .menu li a { font-size: 12px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer_v3 .menu li a:before { display: inline-block; content: "\f104"; font-family: 'FontAwesome'; font-size: 14px; right: -13px; position: absolute; top: 2px; opacity: 0.5; } .footer_v3 .menu li a:hover { color: #f7f7f7; } .footer_v3 .menu li a:hover:before { opacity: 1; } .footer_v3 .sub-menu, .footer_v3 .sub-menu li, .footer_v3 li.menu-item-has-children { width: 100%; float: none; } /* mo-socials */ .mo-socials { padding: 0; list-style: none; margin: auto; } .mo-socials li { float: left; height: 30px; width: 30px; margin: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; list-style: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: rgba(255, 255, 255, 0.1); } .mo-socials li a { color: #fff; line-height: 30px; display: block; width: 100%; } .mo-socials li:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); } .mo-socials li:hover a { color: #fff; } /* ------------------------------------- */ /* 19. Media Queries ................... */ /* ------------------------------------- */ /* Notebook devices (max-width: 1280px) */ @media only screen and (max-width: 1280px) { .footer_v3 .menu li { width: 100%; } .counter-number.style3 i { left: 0; } .mo-wrapper-canvas header, .mo-wrapper-canvas .mo-left-navigation { width: 100%; position: relative; display: block; } .wrapper-left-navigation .main-content, .wrapper-left-navigation footer { width: 100%; } .wrapper-left-navigation footer .mc4wp-form .submit-newsletter { right: 0; } .map-style1 { display: none; } .maps { margin-bottom: 25px; } .mo-blog-masonry-wrapper.grid2 { width: 100%; } } /* Medium Devices, Desktops (max-width: 1024px) */ @media only screen and (max-width: 1024px) { .sm-media-txt h1.lrg { font-size: 28px; line-height: 28px; } .sm-media-txt h2 { font-size: 18px; line-height: 20px; } .post-pagi.prev { padding-right: 15px; } .post-pagi { padding-left: 15px; } .widget-post-detail { padding: 15px; } .wpb_single_image.img_border_shadow { max-width: 360px; float: none; margin: 15px auto; } .footer-fixed { position: relative; top: 0; } .boxed .footer-fixed { position: relative; top: 0; width: 100%; margin-right: 0; margin-left: 0; } .main-content { margin-bottom: 0 !important; } .masonry-item { width: 50% !important; } .woocommerce-cart .main-content .woocommerce table.shop_table tbody tr td.product-item a.remove { display: none; } .mo-portfolio-article .mo-title { margin-top: 30px; } .mo-header-v4 .mo-cart-content { position: relative; } .comment .depth-2, .comment.depth-3, .comment.depth-4 { padding-left: 25px; } } /* Small Devices, Tablets (max-width: 768px) */ @media only screen and (max-width: 768px) { .boxed .menu-toggle { top: 30px; left: -60px; } .sidebar.sidebar-right, .sidebar.sidebar-left, .wpb_widgetised_column { margin-top: 0; margin-bottom: 60px !important; float: left; width: 100%; } .sidebar-right .widget, .sidebar-left .widget, .wpb_widgetised_column .widget { float: none; margin-top: 30px; } .counter-number.style3 i { left: 15%; } .footer_v3 { padding: 0 5%; } .mo-portfolio-carousel { margin: 0 5%; } .masonry-item { width: 100% !important; } ul.meta-post, .date-post { display: none; } .grid-left-post .info-post { font-size: 13px; line-height: 18px; } .single-product .mo-product-item .mo-content .cart .single_add_to_cart_button { margin-left: 0; margin-top: 15px; } .comment .depth-2, .comment.depth-3, .comment.depth-4 { padding-left: 15px; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { margin: 15px auto; } } /*# sourceMappingURL=style.css.map */