????JFIF??x?x????'
Server IP : 104.21.16.1 / Your IP : 216.73.216.18 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/eaabusiness.com/wp-content/themes/globeco/scss/header/layout/ |
Upload File : |
/* Header LAYOUT */ .header_cont { position: relative; } .header_wrapper_container.header_outside_slider { position: relative; } .slider_vs_menu .site_header{ position: absolute; width: 100%; top: 0; left: 0; } .site_header .header_container .header_zone .header_overlay{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .header_bg_img img{ display: block; } .fs_img_header{ position: relative; z-index: 1; overflow: hidden; } /* == HEADER */ /* -- cws revslider */ .cws_parallax_scene_container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cws_parallax_scene_container .cws_parallax_scene{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cws_parallax_scene_container .cws_parallax_scene > *{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cws_parallax_scene_container .cws_parallax_scene img, .cws_parallax_scene_container .cws_parallax_scene canvas{ display: block; position: absolute; top: 50%; left: 50%; max-width: none; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* --\ cws revslider */ /* -- full screen video */ .page_header_video_wrapper{ position: relative; } .page_header_video_wrapper iframe.page_header_video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; } .page_header_video_wrapper + .page_header_video_slider_wrapper, .page_boxed .page_header_video_wrapper + .page_header_video_slider_wrapper{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page_boxed .fullwidthbanner-container, .page_boxed .fullscreen-container{ width: 100% !important; left: 0 !important; } .page_header_video_wrapper:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/bgvideo.png); background-repeat: repeat; } .fs_video_bg{ position: absolute; top: 0; left: 0; width: calc(100% + 2px); height: 100%; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; overflow: hidden; margin-left: -1px; margin-right: -1px; z-index: -1; } /*Fix fixed footer style*/ .rev_slider_error{ position: relative; z-index: 1; } .rev_slider_error .message{ background: red; color: white; text-align: center; } .rev_slider_wrapper { background-color: #ffffff !important; z-index: 2; } .fs_video_slider .rev_slider, .fs_video_slider .rev_slider_wrapper{ background: transparent !important; } .fs_video_bg, .fs_video_slider{ background-color: #fff; } .fs_video_slider{ position: relative; z-index: 1; overflow: hidden; } .fs_video_bg + .fs_video_slider{ background-color: transparent; } .fs_video_bg>video, .fs_video_bg>iframe{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); z-index: 1; max-width: none; } .fs_video_bg:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .fs_img_header .bg_layer, .fs_video_bg .bg_layer, .fs_img_header .stat_img_cont{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; z-index: 2; } .fs_img_header .stat_img_cont{ z-index: 1; } .fs_img_header .bg_layer{ width: auto; height: auto; min-width: 100%; min-height: 100%; z-index: 2 !important; } .fs_img_header .stat_img_cont{ width: auto; height: auto; min-width: 100%; min-height: 100%; } .page_boxed .fs_img_header{ width: auto !important; } /* adjustments */ .fs_video_bg>iframe{ border-radius: 0; -webkit-mask-image: none; } /* rev slider full width in box layout */ .page_boxed .fullwidthbanner-container{ width: 100% !important; left: 0 !important; } /* --\ full screen video */ /* -- header image */ .header_bg_img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cws_parallax_section{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cws_parallax_section>*{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cws_parallax_section img, .cws_parallax_section canvas, .header_bg_img > img, .header_bg_img > canvas{ display: block; position: absolute; max-width: none; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* --\ header image */ /* -- menu */ .sticky_header .main-nav-container { background-color: transparent; } .sticky_header .main-nav-container .main-menu > .menu-item, .sticky_header .main-nav-container .main-menu > .menu-item:hover { background-color: transparent; } .main-nav-container.a-center .menu_right_icons > *:first-child:after{ display: none; } .main-nav-container.a-left .menu_left_icons div:only-of-type:after{ display: block; } header:not(.logo-in-menu) .main-nav-container .menu-item:not(.back){ display: -ms-flexbox; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-pack: justify; -ms-flex-line-pack: end; -ms-flex-align: stretch; } header:not(.logo-in-menu) .main-nav-container .cws_megamenu_item .menu-item:not(.back){ display: block; } .ie11 header:not(.logo-in-menu) .main-nav-container .menu-item:not(.back){ display: table; } .main-nav-container .main-menu > .menu-item.wpml-ls-menu-item a:before{ display: none; } .main-nav-container .main-menu > .menu-item.wpml-ls-menu-item > a:after{ display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'cwsicon'; font-style: normal; content: "\f160"; position: absolute; left: 15px; top:50%; color: inherit; opacity: .3; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .main-nav-container .main-menu > .menu-item.wpml-ls-menu-item:hover a:after{ -moz-transform: scale(1) translateY(-50%); -webkit-transform: scale(1) translateY(-50%); -o-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .main-nav-container .main-menu > .menu-item.wpml-ls-menu-item a{ padding: 0 6px 0 40px; font-size:14px; } .main-nav-container .main-menu > .menu-item.wpml-ls-menu-item > a:before{ content: ""; display: block; width: 1px; height: 20px; opacity: .3; visibility: visible; border: 0; position: absolute; top: 50%; left: 0; bottom: auto; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .main-nav-container .main-menu > .menu-item.wpml-ls-menu-item .sub-menu a{ padding: 0 19px; } .main-nav-container .main-menu > .menu-item:hover > a:before, .main-nav-container .main-menu > .menu-item:hover > span:before{ visibility: visible; } .main-nav-container .main-menu > .menu-item.current-menu-item>a:before, .main-nav-container .main-menu > .menu-item.current-menu-ancestor>a:before, .main-nav-container .main-menu > .menu-item.current_page_parent>a:before, .header_cont .menu-item.current-menu-parent>a:before, .main-nav-container .main-menu > .menu-item.current-menu-item>span:before{ visibility: visible; } .svg_element { box-sizing: border-box; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; border-color: inherit; opacity: 1; z-index: -1; stroke: inherit; display: none; } .svg_element svg{ width: inherit !important; height: inherit !important; position: absolute; top: 0 !important; left: 0; stroke:inherit; } .svg_element .shape { fill: transparent; stroke-dasharray: 600 400; stroke-dashoffset: -470; stroke-width: 3px; stroke: inherit; width: inherit !important; height: inherit !important; opacity: 0; transform: translate(5px, 1.8px) scale(0.9); } @keyframes draw { 0% { stroke-dasharray: 600 400; stroke-dashoffset: -200; stroke-width: 1px; } 100% { stroke-dasharray: 760; stroke-dashoffset: 0; stroke-width: 3px; opacity: .5; } } .main-nav-container .main-menu > .menu-item:hover .shape, .main-nav-container .main-menu > .menu-item:hover .shape{ -webkit-animation: 0.5s draw linear forwards; animation: 0.5s draw linear forwards; } .main-nav-container .button_open{ width: 36px; text-align: center; cursor: pointer; position: absolute !important; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .main-nav-container .main-menu > .menu-item > .button_open{ display: none; } .main-nav-container .button_open:before{ font-family: FontAwesome; content: "\f105"; line-height: inherit; } .menu-item > a span.tag_label { position: absolute; top: -7px; right: 0px; font-size: 12px; line-height: 12px; font-weight: bold; padding: 2px 5px 2px 5px; border-radius: 4px; } .site_header .items-visible .search_menu{ border-left: 1px solid #e6e6e6; } .cwsicon-search-icon:before{ font-family: 'cwsicon'; font-style: normal; content: "\f10d"; font-size: 21px; padding: 0 1px; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .site_header .search_menu:hover:before{ opacity: 1; } .site_header .search_menu > *{ display: none; } .search_menu_wrap .search_overlay{ position: absolute; width:100%; height: 100%; display: block; } .site_header .search_menu_cont .screen-reader-text{ display: none; } /* --\ menu search */ /* -- disable mobile menu */ .mobile_menu_header, .main-nav-container .sub-menu>.back{ display: none; } /* --\ disable mobile menu */ /* -- mobile menu */ /* +++ menu hamburger */ .cws_mobile ul.mobile_menu li.current-menu-parent > .menu_row a, .cws_mobile ul.mobile_menu li.current-menu-item > .menu_row a, .cws_mobile ul.mobile_menu li.current-menu-item > .menu_row .cws_megamenu_item_title, .cws_mobile ul.mobile_menu li.current-menu-ancestor > .menu_row a, .cws_mobile ul.mobile_menu > li.current-menu-parent > .menu_row > .button_open, .cws_mobile ul.mobile_menu > li.current-menu-item > .menu_row > .button_open, .cws_mobile ul.mobile_menu > li.current-menu-ancestor > .menu_row > .button_open{ color: #fff; } /* +++\ menu hamburger */ .header_container .mobile_menu_bar.left{ left: 0; } .header_container .mobile_menu_bar.right{ right: 0; } .header_container .mobile_menu_bar .mobile_menu_switcher{ border-radius: 0; border-width: 0; } .header_zone > .mobile_menu_wrapper{ position: absolute; z-index: 4; } .mobile_menu_wrapper .mobile_menu_container .mobile_icons_bar{ padding: 10px 20px 0px 20px; position: relative; height: 30px; } .mobile_menu_wrapper .mobile_menu_container .mobile_icons_bar .search_menu_cont .search-field{ padding: 0px 10px; } .mobile_menu_wrapper .mobile_menu_container .mobile_icons_bar .search_menu_cont .search_back_button { right: 10px; } .mobile_menu_wrapper .mobile_menu_container .mobile_icons_bar .mini-cart{ float: right; } .mobile_menu_wrapper .mobile_menu_container .mobile_icons_bar .search_menu{ float: left; } .cws_mobile .sticky_header .mobile_menu_wrapper > .mobile_menu_container{ max-height: 400px; overflow: auto; } .main_menu:only-child { width: 100%; } .mobile_menu .menu-item .sub-menu a{ text-transform: capitalize; } .mobile_menu .menu-item .sub-menu .menu-item .sub-menu a{ text-transform: capitalize; } ul.mobile_menu li:before{ content: none; } .mobile_menu .menu-item.active-li > .menu_row > .button_open:before{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mobile_menu li.active>.menu_row>.button_open:before{ display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /*+++\ mobile menu opener*/ .mobile_menu li.active>.menu_row a, .mobile_menu li.active>.menu_row span.cws_megamenu_item_title, .mobile_menu li.active>.menu_row>.button_open:before { color: #ffffff; } /* -- menu bar */ .active-sandwich-menu .header_nav_part .main-menu { display: inline-block; vertical-align: middle; } .active-sandwich-menu.mobile_nav .header_nav_part .main-menu:not(.items-visible){ display: none; } .menu-bar { position: relative; width: 30px; height: 27px; vertical-align: middle; padding-left: 10px; text-align: center; margin-left: 10px; line-height: 1; -ms-flex-wrap: wrap; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .a-left .menu-bar { margin-left: 0; margin-right: 20px; } .main-nav-container.a-center .menu-bar { position: absolute; right: 0; top: calc(50% - 20px); } .site_header.logo-center .header_nav_part .main-nav-container.a-center .menu-bar, .cws_mobile .site_header .header_nav_part .main-nav-container.a-center .menu-bar { top: 75%; transform: translateY(0); } .logo-right .main-nav-container.a-center .menu-bar { right: auto; left: 0; margin-left: 0; margin-right: 20px; } .menu-bar:before { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .menu-bar .ham { display: inline-block; width: 20px; height: 2px; position: relative; vertical-align: middle; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; opacity: 1; } .menu-bar .ham:after, .menu-bar .ham:before { position: absolute; content: ''; display: inline-block; width: 20px; height: 2px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; outline: 1px solid transparent; left: 0; } .menu-bar .ham:before { top: -8px; } .menu-bar .ham:after { top: 8px; } .menu-bar.items-visible .ham { background-color: transparent !important; } .menu-bar.items-visible .ham:before { -webkit-transform: translateY(8px) rotateZ(-45deg); -moz-transform: translateY(8px) rotateZ(-45deg); -ms-transform: translateY(8px) rotateZ(-45deg); -o-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } .menu-bar.items-visible .ham:after { -webkit-transform: translateY(-8px) rotateZ(45deg); -moz-transform: translateY(-8px) rotateZ(45deg); -ms-transform: translateY(-8px) rotateZ(45deg); -o-transform: translateY(-8px) rotateZ(45deg); transform: translateY(-8px) rotateZ(45deg); } .active-sandwich-menu .main-nav-container ul.main-menu > li { visibility: hidden; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2); -moz-transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2); -o-transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2); transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2); -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li { visibility: visible; top: 0; zoom: 1; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+1) { -webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 60ms; -moz-transition-delay: 60ms; -o-transition-delay: 60ms; transition-delay: 60ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+2) { -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -o-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+3) { -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; -o-transition-duration: 450ms; transition-duration: 450ms; -webkit-transition-delay: 180ms; -moz-transition-delay: 180ms; -o-transition-delay: 180ms; transition-delay: 180ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+4) { -webkit-transition-duration: 550ms; -moz-transition-duration: 550ms; -o-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-delay: 240ms; -moz-transition-delay: 240ms; -o-transition-delay: 240ms; transition-delay: 240ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+5) { -webkit-transition-duration: 650ms; -moz-transition-duration: 650ms; -o-transition-duration: 650ms; transition-duration: 650ms; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .active-sandwich-menu .main-nav-container ul.main-menu.items-visible > li:nth-last-child(n+6) { -webkit-transition-duration: 750ms; -moz-transition-duration: 750ms; -o-transition-duration: 750ms; transition-duration: 750ms; -webkit-transition-delay: 360ms; -moz-transition-delay: 360ms; -o-transition-delay: 360ms; transition-delay: 360ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+1) { -webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 60ms; -moz-transition-delay: 60ms; -o-transition-delay: 60ms; transition-delay: 60ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+2) { -webkit-transition-duration: 350ms; -moz-transition-duration: 350ms; -o-transition-duration: 350ms; transition-duration: 350ms; -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+3) { -webkit-transition-duration: 450ms; -moz-transition-duration: 450ms; -o-transition-duration: 450ms; transition-duration: 450ms; -webkit-transition-delay: 180ms; -moz-transition-delay: 180ms; -o-transition-delay: 180ms; transition-delay: 180ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+4) { -webkit-transition-duration: 550ms; -moz-transition-duration: 550ms; -o-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-delay: 240ms; -moz-transition-delay: 240ms; -o-transition-delay: 240ms; transition-delay: 240ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+5) { -webkit-transition-duration: 650ms; -moz-transition-duration: 650ms; -o-transition-duration: 650ms; transition-duration: 650ms; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .active-sandwich-menu .main-nav-container ul.main-menu > li:nth-child(n+6) { -webkit-transition-duration: 750ms; -moz-transition-duration: 750ms; -o-transition-duration: 750ms; transition-duration: 750ms; -webkit-transition-delay: 360ms; -moz-transition-delay: 360ms; -o-transition-delay: 360ms; transition-delay: 360ms; } /* --\ menu bar */ /* -- menu top bar */ .page_boxed .site_header.with_background .header_container, .page_boxed .site_header:not(.logo-center).sticky .header_container, .page_boxed .site_header.logo-center.sticky .header_nav_part, .page_boxed .cws_mobile .site_header.sticky .header_nav_part, .page_boxed .sticky_header .header_container{ width: 1400px; margin-left: auto; margin-right: auto; } /* --\ sticky-menu */ .site_header.logo-in-menu .menu-left-part, .site_header.logo-in-menu .menu-right-part, .site_header.logo-center .menu-left-part, .site_header.logo-center .menu-right-part, .site_header.logo-center .no-split-menu, .cws_mobile .site_header .menu-left-part, .cws_mobile .site_header .menu-right-part { flex: 1 1 auto; flex-basis: 50%; align-self: center; } .cws_mobile .site_header.logo-center .no-split-menu{ flex: 0 0 auto; } .site_header.logo-center .no-split-menu{ flex-basis: auto; } .site_header.logo-in-menu .menu-center-part, .site_header.logo-center .menu-center-part, .cws_mobile .site_header .menu-center-part { flex: 0 0 auto; align-self: center; margin-right: 20px; margin-left: 20px; } .site_header.logo-in-menu.logo-center .menu-left-part, .cws_mobile .site_header .menu-left-part{ text-align: right; } .site_header.logo-in-menu.logo-center .menu-right-part, .cws_mobile .site_header .menu-right-part{ text-align: left; } .ie11 .site_header .header_nav_part:not(.topbar_nav_part){ display: inline-block; } .site_header.sticky .logo>img:not(.logo_sticky):not(.logo_mobile), .sticky_header .logo>img:not(.logo_sticky):not(.logo_mobile){ height: 50px !important; } .site_header .logo, .sticky_header .logo>img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo, .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo{ height: auto !important; } .site_header.custom_sticky_logo .header_logo_part .logo>img.logo_sticky, .site_header.custom_mobile_logo .header_logo_part .logo>img.logo_mobile, .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo>img { display: none; } .sticky_header.sticky_active .site_header.custom_sticky_logo .header_logo_part .logo>img.logo_sticky{ display: block; } .site_header.mobile_nav.custom_mobile_logo .header_logo_part .logo>img, .site_header.mobile_nav.custom_mobile_logo .header_logo_part .logo>.header_site_title, .site_header.sticky.custom_sticky_logo.mobile_nav .header_logo_part .logo>img.logo_sticky, .site_header.mobile_nav.sticky .header_logo_part .logo>img.logo_mobile{ display: none; } .site_header.mobile_nav .header_logo_part .logo>img.logo_mobile, .site_header.sticky.custom_sticky_logo.mobile_nav.sticky .header_logo_part .logo>img.logo_sticky{ display: inline-block; } html.touch .header_logo_part .logo img{ display: inline-block; vertical-align: middle; } html.touch .header_logo_part .logo:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; margin-left: -5px; } html.touch .header_logo_part.menu-center-part .logo:before{ content: none; } //.cws_mobile .site_header .header_logo_part .logo img.logo_mobile + img{ // display: none; //} //.cws_mobile .site_header .header_logo_part .logo img.logo_mobile{ // display: block; //} .cws_mobile .site_header:not(.text-in-menu) .header_logo_part:first-child{ border-bottom-width: 0px; } //.header_nav_part.mobile_nav .main-menu .header_logo_part.site_name{ // display: none; //} //.site_header.logo-center .header_logo_part.site_name, //.cws_mobile .site_header .header_logo_part.site_name //{ // line-height: 1; // display: inline-block; // vertical-align: middle; // font-size: 20px; // text-transform: uppercase; //} //li.header_logo_part:before{ // content: none; //} /*.site_header .header_logo_part.logo_with_text .logo>img,*/ /*.site_header .header_logo_part.logo_with_text .header_site_title{*/ /*display: inline-block;*/ /*vertical-align: middle;*/ /*}*/ //.site_header .header_logo_part .logo .logo_sticky, //.site_header .header_logo_part .logo .logo_mobile{ // display: none; //} //.sticky_header .site_header .header_logo_part .logo .logo_sticky{ // display: inline-block; //} //.sticky_header .site_header .header_logo_part.custom_sticky_logo .logo > *:not(.logo_sticky){ // display: none; //} .site_header.logo-left .logo_box .container { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .site_header.logo-center .logo_box .container { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .site_header.logo-right .logo_box .container { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } /* -- after slider */ .site_header.after_slider:not(.logo-center) .header_container{ visibility: hidden; position: absolute; width: 100%; -webkit-transform: translate(0,-100%); -moz-transform: translate(0,-100%); -ms-transform: translate(0,-100%); transform: translate(0,-100%); } .site_header.after_slider:not(.logo-center).sticky .header_container{ visibility: visible; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .site_header.after_slider:not(.logo-center) .header_container{ -webkit-transition: all 0.5s ease, width 1ms; -moz-transition: all 0.5s ease, width 1ms; -ms-transition: all 0.5s ease, width 1ms; transition: all 0.5s ease, width 1ms; } /* --\ after slider */ /* ==\ MENU */ /* == PAGE TITLE */ .menu_box.default_menu_box{ z-index: 4 !important; } .default_header .header_site_title a{ color: inherit; } .header_site_title .s_title{ color:inherit; } .page_title.default_page_title .container{ display: block; } .logo_breadcrumbs{ display: block; } .st55{ stroke-width:2.5; stroke: #fff; stroke-opacity: .7; } .st54{ stroke: #fff; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; } .page_title .page_excerpt{ font-size: 24px; } * + .page_title.customized{ border-top-style: none; } .page_title.customized{ background-color: transparent; padding: 0; text-align: center; } .header_wrapper_container .header_zone .bg_page_header{ background-color: transparent; } .page_title.customized .container, .bg_page_header .container{ display: block; } .title.has_fixed_background, .title.has_background { height: auto !important; } .title.has_fixed_background { background-attachment: fixed; } .title.has_background, .title.has_fixed_background { background-position: center 0; background-repeat: no-repeat; } /* --\ page title customized */ /* ==\ PAGE TITLE */ /* == TOP PANEL */ .side_panel_icon.cwsicon-squares{ width: 22px; height: 22px; display: inline-block; position: relative; } .side_panel_icon.cwsicon-squares span{ position: absolute; z-index: 1; top: 0; left: 0; width: 4px; height: 4px; border-width: 1px; border-style: solid; transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .side_panel_icon.cwsicon-squares span:nth-child(1){ top: 0; left: 15px; } .side_panel_icon.cwsicon-squares span:nth-child(2){ top: 0; left: 23px; } .side_panel_icon.cwsicon-squares span:nth-child(3){ top: 0; left: 31px; } .side_panel_icon.cwsicon-squares span:nth-child(4){ top: 8px; left: 15px; } .side_panel_icon.cwsicon-squares span:nth-child(5){ top: 8px; left: 23px; } .side_panel_icon.cwsicon-squares span:nth-child(6){ top: 8px; left: 31px; } .side_panel_icon.cwsicon-squares span:nth-child(7){ top: 16px; left: 15px; } .side_panel_icon.cwsicon-squares span:nth-child(8){ top: 16px; left: 23px; } .side_panel_icon.cwsicon-squares span:nth-child(9){ top: 16px; left: 31px; } .container>.menu_left_icons > *, .container>.menu_right_icons > *{ display: inline-block; vertical-align: middle; } .container>.menu_left_icons > .mobile_menu_hamburger, .container>.menu_right_icons > .mobile_menu_hamburger{ display: none; } .cws_mobile .container>.menu_left_icons > .mobile_menu_hamburger, .cws_mobile .container>.menu_right_icons > .mobile_menu_hamburger{ display: inline-block; } .header_container .header_zone .menu_box.default_menu_box .search_menu:after{ opacity: 0 !important; } .container>.menu_left_icons > *:last-child:after{ display: none; } .container>.menu_left_icons > * ~ *:after{ display: inline-block; } .menu_position_a-left .container>.menu_left_icons > *:only-child:after{ display: inline-block; } #site_top_panel.active_social #top_social_links_wrapper .expanded{ z-index: 1; } #site_top_panel.show-search.active_social #top_social_links_wrapper .expanded{ z-index: 0; } #site_top_panel.show-search .cws_social_links{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } #site_top_panel .container > .search_icon:after{ display: none; } #site_top_panel .container .topbar_right_icons ~ .search_icon:after{ display: inline-block; } #site_top_panel.active_social form input.search-field{ opacity: 0; } .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } #site_top_panel form.search-form .screen-reader-text, #site_top_panel form.search-form .search-submit{ display: none; } /* -- menu icon bar */ .header_container .menu_left_icon_bar, .header_container .menu_right_icon_bar{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; background-color: transparent; } .header_container .menu_left_icon_bar{ left: 25px; padding-right: 25px; } .header_container .menu_right_icon_bar{ right: 25px; padding-left: 25px; } .cws_tablet .show_mobile_menu .header_nav_part .main-menu, .cws_tablet .show_mobile_menu .header_nav_part .menu_box .search_menu, .cws_mobile .show_mobile_menu .header_nav_part .main-menu, .cws_mobile .show_mobile_menu .header_nav_part .menu_box .search_menu{ display: none; } .header_nav_part:not(.header_nav_part_a-right) + .menu_right_icons>*:after{ opacity: 0; } .header_nav_part:not(.header_nav_part_a-right) + .menu_right_icons > * ~ *:after{ opacity: 1; } .header_zone.default_header .header_nav_part:not(.header_nav_part_a-right) + .menu_right_icons>*:after{ opacity: 1; background: #fff; } .header_container .menu_left_icon_bar .mini-cart .woo_mini_cart{ left: 0; } .header_container .menu_right_icon_bar .mini-cart .woo_mini_cart{ right: 0; } .woo_mini_cart .woocommerce-mini-cart__buttons.buttons a + a:hover{ background-color: transparent; } /* --\ menu icon bar */ /* ==\ TOP PANEL */ /* ==\ HEADER */ /********** ** MEGAMENU **********/ #main_menu .menu-item.menu-item-object-megamenu_item > .sub-menu, #sticky_menu .menu-item.menu-item-object-megamenu_item > .sub-menu{ padding-left: 30px; padding-right: 30px; box-sizing: border-box; left:initial; right: 0; } #main_menu .sub-menu > .menu-item.menu-item-object-megamenu_item, #sticky_menu .sub-menu > .menu-item.menu-item-object-megamenu_item{ padding-right: 20px; } /* override default menu styles for widget */ #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu{ position: static; top: auto; left: auto; right: auto; background-color: transparent; border-bottom-style: none; padding: 0; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu{ pointer-events: auto; opacity: 1; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu{ margin-top: auto; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu{ margin-left: auto; } #main_menu .menu-item.right .cws_megamenu_item .widget.widget_nav_menu .sub-menu, #sticky_menu .menu-item.right .cws_megamenu_item .widget.widget_nav_menu .sub-menu{ margin-right: auto; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu .sub-menu:before, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu .sub-menu:before{ display: none; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item{ padding-left: 0; } #main_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item{ padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 10px; } #main_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item a, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item a{ display: block; width: 100%; height: auto !important; line-height: 1.3 !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 5px 0 5px 35px !important; font-weight: 700; text-align: left; text-transform: uppercase; border-left: none; border-right: none; letter-spacing: 0.5px; cursor: pointer; } #site_header .widget > *:not(:first-child), #main_menu .main_menu .widget > *, #sticky_menu .main_menu .widget > *{ padding-top: 0 !important; } #main_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item a:before, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item a:before{ content: '\f105'; font-family: FontAwesome; position: absolute; z-index: 1; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #ffc107; font-size: 12px; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item.menu-item-has-children, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item.menu-item-has-children{ padding-right: 0; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item:hover > a, #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item:hover > span, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item:hover > a, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item:hover > span{ color: inherit; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item > a:hover, #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item > .pointer:hover, #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item > a:hover, #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item > .pointer:hover, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item > a:hover, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item > .pointer:hover, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item > a:hover, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu > .menu-item > .pointer:hover{ color: #ffc107; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.current-menu-item > a, #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.current-menu-item > span, #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.current-menu-ancestor > a, #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.current-menu-ancestor > span, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.current-menu-item > a, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.current-menu-item > span, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.current-menu-ancestor > a, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.current-menu-ancestor > span{ color: #ffc107; } /* \override default menu styles for widget */ #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .sub-menu{ padding-left: 15px; } #main_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children{ width: 100%; } #main_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > *, #sticky_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > *{ display: table-cell; } #main_menu .cws_megamenu_item .widget{ background: transparent; border:0; } .cws_megamenu_item:before{ display: none; } #main_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > .cws_megamenu_item_title, #sticky_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > .cws_megamenu_item_title{ width: 100%; } #main_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > .sub-menu, #sticky_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > .sub-menu{ display: none; } #main_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > .sub-menu.active, #sticky_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > .sub-menu.active{ display: block; } #main_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > .pointer, #sticky_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item.menu-item-has-children > .pointer{ width: 40px; min-width: 40px; } #main_menu .cws_megamenu_item .widget.widget_nav_menu, #sticky_menu .cws_megamenu_item .widget.widget_nav_menu{ font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; } #main_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item > a, #main_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item > span, #main_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item:before, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item > a, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item > span, #sticky_menu .menu-item.menu-item-object-megamenu_item .widget_nav_menu .menu > .menu-item:before{ padding: 5px 0; font-size: 0.857143em; line-height: 1.3; font-weight: 700; text-transform: uppercase; } #main_menu .megamenu_item_column_title, #sticky_menu .megamenu_item_column_title{ margin-top: 15px; margin-bottom: 15px; font-size: 1.2em; text-transform: uppercase; line-height: 1.3; font-weight: 700; letter-spacing: 0.5px; color: #fff; cursor: default; } #main_menu .megamenu_item_column_content, #sticky_menu .megamenu_item_column_content{ font-size: 0.933333em; } /********** ** \MEGAMENU **********/ /*********** ** MAGICLINE ***********/ #main_menu .menu-item-magicline, #sticky_menu .menu-item-magicline{ padding: 0; margin: 0; } #main_menu .menu-item-magicline:before, #sticky_menu .menu-item-magicline:before, #main_menu .menu-item + .menu-item-magicline:before, #sticky_menu .menu-item + .menu-item-magicline:before{ display: none; } #main_menu > .menu-item, #sticky_menu > .menu-item{ z-index: 1; } #main_menu > .menu-item.avail, #sticky_menu > .menu-item.avail{ z-index: 2; } #main_menu > .menu-item-magicline, #sticky_menu > .menu-item-magicline{ display: block; position: absolute; top: 0; left: 0; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ffc107; box-sizing: border-box; z-index: 0; } .menu-item-magicline.transition{ -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } /************ ** \MAGICLINE ************/