/* =============================================================== */ /* MENU PC */ /* =============================================================== */ /* -------------------------------------------------------------- =GENERAL ----------------------------------------------------- */ #header .nav {margin-bottom:0;text-align:center;} .nav .main-menu > ul > li,.nav div.menu > ul > li {list-style:none;display:inline-block;} .nav .main-menu > ul > li li {list-style:none;text-align:left;line-height:18px;padding-top:7px;padding-bottom:8px;margin:0;} .nav .main-menu > ul > li > a,.nav div.menu > ul > li > a {position:relative;font-size:10px;line-height:18px;font-weight:500;font-style:normal;text-transform:uppercase;display:inline-block;padding:12px 25px;} .nav .main-menu > ul > li:after,.nav div.menu > ul > li:after {content:"";width:40px;height:5px;position:absolute;bottom:0;left:50%;margin-left:-20px;transform:scale(0,0);-moz-transform:scale(0,0);-webkit-transform:scale(0,0);transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;} .nav .main-menu > ul > li.fa:before,.nav div.menu > ul > li.fa:before {position:relative;top:4px;} .nav > .main-menu > ul.menu > li:hover:after,.nav > .main-menu > ul.menu > li.current-menu-item:after,.nav > .main-menu > ul.menu > li.current_page_item:after,.nav > .main-menu > ul.menu > li.current-menu-ancestor:after{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);} .nav .main-menu i {font-size:13px;line-height:13px;} .nav .main-menu .menu-sup-label {z-index:1000;color:#fff;font-size:10px;line-height:12px;position:absolute;right:0;top:-5px;left:auto;bottom:auto;padding:2px 4px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;} .nav .main-menu > ul > li:hover > .menu-sup-label {top:-2px;} .is-sticky .nav .main-menu .menu-sup-label,.is-sticky .nav .main-menu > ul > li:hover > .menu-sup-label {top:0;} .nav > .main-menu > ul.menu,.nav div.menu > ul {margin:0;} .nav > .main-menu > ul.menu > li,.nav div.menu > ul > li {position:relative;margin:0 1px 0 -4px;} .nav > .main-menu > ul.menu > li.fa > a,.nav div.menu > ul > li.fa > a {padding-left:5px;} .nav > .main-menu > ul.menu > li.fa,.nav div.menu > ul > li.fa {padding-left:25px;} .nav > .main-menu > ul.menu > li.fa:before,.nav div.menu > ul > li.fa:before {font-size:25px;} .nav > .main-menu > ul.menu > li.first,.nav div.menu > ul > li.first {margin-left:0;} .nav > .main-menu > ul.menu > li > ul.sub-menu {display:none;background:#fff;border-width:0 0 3px;border-style:solid;} .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu {background:#fff;border-width:0 0 3px;border-style:solid;} .nav > .main-menu > ul.menu > li > a img {margin:0;} /* -------------------------------------------------------------- =STICKY MENU ------------------------------------------------- */ .is-sticky > div {z-index:1000;} #header-sticky-sticky-wrapper .header-sticky {width:100%;left:0;right:0;} /* -------------------------------------------------------------- =FLYOUT MENU ------------------------------------------------- */ .nav > .main-menu > ul.menu > li.wd-fly-menu li{display:block;width:100%;line-height:14px;padding:0;position:relative;margin:0;} .nav > .main-menu > ul.menu > li.wd-fly-menu li a {position:relative;display:inline-block;cursor:pointer;padding:10px 20px 10px;width:100%;font-size:13px;} .nav > .main-menu > ul.menu > li.wd-fly-menu li.parent > a:before {content:"\f105";font-family:"FontAwesome";position:absolute;right:30px;top:0;line-height:34px;} .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu {display:none;position:absolute;width:225px;padding:15px 0 25px 0;margin:0;z-index:10;} .nav > .main-menu > ul.menu > li.wd-fly-menu > ul.sub-menu {top:100%;left:50%;margin-left:-115px;width:231px;} .nav > .main-menu > ul.menu > li.wd-fly-menu > ul.sub-menu ul.sub-menu {left:231px;top:-15px;background:#fff;border-width:0 0 3px;} /* -------------------------------------------------------------- =ALIGN RIGHT ------------------------------------------------- */ .nav > .main-menu > ul.menu > li.aligh-right {float:right;} /* -------------------------------------------------------------- =MEGA MENU --------------------------------------------------- */ .nav > .main-menu > ul.menu > li.wd-mega-menu > ul.sub-menu {display:none;overflow:hidden;position:absolute;z-index:1000;top:100%;left:50%;padding:20px 10px 20px;margin:0;} .nav > .main-menu > ul.menu > li.wd-mega-menu li {overflow:hidden;} .nav .main-menu > ul.menu > li > ul.sub-menu li.mega-new-line {width:100%!important;padding:0;height:1px;clear:both;display:block;} /* -------------------------------------------------------------- =MEGA MENU WITH COLUMNS -------------------------------------- */ .nav > .main-menu > ul.menu > li.columns-1 > ul.sub-menu {width:195px;margin-left:-97px;} .nav > .main-menu > ul.menu > li.columns-1 > ul.sub-menu > li {width:100%;} .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu {width:445px;margin-left:-222px;} .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu > li {width:50%;} .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu {width:585px;margin-left:-292px;} .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu > li {width:33%;} .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu {width:780px;margin-left:-390px;} .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu > li {width:25%;} .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu {width:975px;margin-left:-487px;} .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu > li {width:20%;} .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu > li {width:16.6%;} .nav > .main-menu > ul.menu > li.columns-1 > ul.sub-menu > li, .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu > li, .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu > li, .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu > li, .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu > li, .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu > li {display:inline-block;float:left;padding:0 10px 5px;margin:0;} .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu > li ul.sub-menu, .nav > .main-menu > ul.menu > li.columns-1 > ul.sub-menu > li ul.sub-menu, .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu > li ul.sub-menu, .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu > li ul.sub-menu, .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu > li ul.sub-menu, .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu > li ul.sub-menu {width:100%;padding:9px 0 2px 0;margin:0;} .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-2 > ul.sub-menu > li.sidebar-menu, .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-3 > ul.sub-menu > li.sidebar-menu, .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-4 > ul.sub-menu > li.sidebar-menu, .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-5 > ul.sub-menu > li.sidebar-menu, .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar.columns-6 > ul.sub-menu > li.sidebar-menu {width:100%} /* -------------------------------------------------------------- =MEGA MENU FULLWITH ------------------------------------------ */ .nav > .main-menu > ul.menu > li.fullwidth-menu > ul.sub-menu {top:100%;padding:26px 10px 35px;} .nav > .main-menu > ul.menu > li.fullwidth-menu > ul > li {padding-left:10px;padding-right:10px;} .nav > .main-menu > ul.menu > li.fullwidth-menu > ul.sub-menu > li {padding:0 10px 5px;} /* -------------------------------------------------------------- =MEGA MENU WITH SIDEBAR -------------------------------------- */ .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar > ul.sub-menu > li, .nav > .main-menu > ul.menu > li.wd-mega-menu-sidebar > ul.sub-menu > li > div > ul > li{width:100%;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .nav > .main-menu > ul.menu > li.fullwidth-menu > ul > li.sidebar-menu{padding-left:0;padding-right:0;} .menu-drop-icon {width:20px;height:20px;content:"\f107";font-family:"FontAwesome";font-size:14px;} /* =============================================================== */ /* RESPONSIVE */ /* =============================================================== */ @media only screen and (max-width-device-width: 767px), only screen and (max-width: 767px) { .nav .menu-text {padding:10px;text-transform:uppercase;display:inline-block;width:100%;color:#fff;background: rgb(11,11,11); /* Old browsers */ background: -moz-linear-gradient(top, rgba(11,11,11,1) 0%, rgba(33,33,33,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,11,11,1)), color-stop(100%,rgba(33,33,33,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(11,11,11,1) 0%,rgba(33,33,33,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(11,11,11,1) 0%,rgba(33,33,33,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(11,11,11,1) 0%,rgba(33,33,33,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(11,11,11,1) 0%,rgba(33,33,33,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0b0b', endColorstr='#212121',GradientType=0 ); /* IE6-9 */} } @media only screen and (max-width-device-width: 767px), only screen and (max-width: 767px) { .header-bottom .static_content {margin:0;padding:0 10px 10px;} #header .nav #wd-menu-item-dropdown-div {cursor:pointer;padding:12px 10px 15px;position:relative;width:100%;overflow:hidden;font-size:20px;font-weight:300;text-transform:lowercase;color:#fff;} .main-menu > ul {display:none;} .nav > div > ul {overflow:hidden;border-width:1px;} #header .nav > .main-menu > ul.menu > li:hover, #header .nav > .main-menu > ul.menu > li.current-menu-item > a, #header .nav > .main-menu > ul.menu > li.current_page_item > a, #header .nav > .main-menu > ul.menu > li.li_active, #header .nav > .main-menu > ul.menu > li.current-menu-parent {background:#fff!important;} #header .nav > .main-menu > ul.menu li, #header .nav > div > ul li, #header .nav > div.menu > ul > li {margin:0;} #header .nav > .main-menu > ul.menu > li > ul.sub-menu, #header .nav > .main-menu > ul.menu > li li > ul.sub-menu {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} body #header .nav .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu {padding:10px 0;} } @media only screen and (min-device-width: 768px), only screen and (min-width: 768px) { #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li[class*="span"] {} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span1 {width:8.33%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span2 {width:16.66%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span3 {width:25%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span4 {width:33.33%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span5 {width:41.66%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span6 {width:50%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span7 {width:58.33%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span8 {width:66.66%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span9 {width:75%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span10 {width:83.33%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span11 {width:91.66%;} #header .nav .main-menu > ul.menu > li.fullwidth-menu > ul li.span12 {width:100%;} } @media only screen and (max-device-width: 1024px) and (min-device-width: 768px), only screen and (max-width: 1024px) and (min-width: 768px) { .logo {float:none;display:block;margin:30px 0;text-align:center;} #header-main-content {text-align:center;} #header .nav {float:none;position:relative;} .header-middle > div {padding-bottom:10px;} #header .header-main-content {text-align:center;} #header .nav .main-menu > ul.menu > li li {position:relative!important;} #header .nav .main-menu > ul.menu > li.parent > a {position:relative;z-index:10;} #header .nav .main-menu > ul.menu > li.parent > span.menu-drop-icon{z-index:11;cursor:pointer;display:inline-block!important;width:31px;height:39px;content:"";position:absolute;right:0;top:0;text-align:center;font-size:13px;color:#919191;} #header .nav .main-menu > ul.menu > li.parent:after {display:none;} #header .nav .main-menu > ul.menu > li.parent > span.menu-drop-icon:after {display:inline-block;position:absolute;left:0;top:0;width:31px;height:39px;line-height:39px;content: "\f107";font-family:"FontAwesome";font-size:13px;text-align:center;} #header .nav > .main-menu > ul.menu > li.li_active.parent > span.menu-drop-icon:after {background-position:-303px -83px;} #header .nav .main-menu > ul.menu > li.parent.active > span.menu-drop-icon {content:"\f077"} #header .nav > .main-menu > ul.menu > li.parent > a:after, #header .nav > div > ul > li.parent > a:after {display:none;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li ul.sub-menu:before {display:none;} #header .nav .main-menu > ul.menu > li.wd-fly-menu li.parent > span.menu-drop-icon{z-index:10;cursor:pointer;display:block!important;width:30px;height:30px;content:"";position:absolute;right:10px;top:0;text-align:center;color:#919191;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.parent:after {display:none;} #header .nav .main-menu > ul.menu > li.wd-mega-menu li.parent > span.menu-drop-icon {display:none;} #header .nav .main-menu > ul.menu > li li.parent > span.menu-drop-icon:after {position:absolute;left:0;top:0;width:30px;height:30px;line-height:30px;content:"+";font-family:FontAwesome;font-size:13x;font-weight:normal;} #header .nav .main-menu > ul.menu > li li.parent:hover > span.menu-drop-icon,#header .nav .main-menu > ul.menu > li li.parent > span.menu-drop-icon.active,#header .nav .main-menu > ul.menu > li li.parent.current-menu-item > span.menu-drop-icon {/*color:#fff;*/} #header .nav .main-menu > ul.menu > li.wd-fly-menu li a {padding-right:40px;} #header .nav .main-menu > ul.menu > li ul ul{padding:0!important;} #header .nav .main-menu > ul.menu > li li ul {position:relative!important;left:auto!important;top:auto!important;} #header .nav .main-menu > ul.menu > li.fullwidth-menu.parent > a {float:left;} #header .nav .main-menu > ul.menu > li.fullwidth-menu.parent > .menu-drop-icon {position:absolute;right:6px;top:7px;left:auto;bottom:auto;z-index:11;} /* Style for Flyout Menu */ #header .nav .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu {overflow:hidden;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.li_active > a > span, #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.current_page_item > a > span{position:relative;z-index:2;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li.li_active > span.menu-drop-icon.active:after {content:"\f106";font-size:10px;font-weight:bold;} #header .nav .main-menu > ul.menu > li li.parent:hover > span.menu-drop-icon, #header .nav .main-menu > ul.menu > li li.parent > span.menu-drop-icon.active, #header .nav .main-menu > ul.menu > li li.parent.current-menu-item > span.menu-drop-icon {/*color:#fff;*/} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li ul.sub-menu:after {border-width:0 1px;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu li ul.sub-menu:before {display:none;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu ul.sub-menu {position:relative;left:auto;right:auto;top:auto;bottom:auto;border:0;padding:6px 0 0 10px!important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu > li:first-child > ul.sub-menu {top:0;} #header .nav > .main-menu > ul.menu .product-meta-wrapper {width:100%;} #header .nav .main-menu > ul.menu > li .woocommerce .products > li > div.product_thumbnail_wrapper {margin-bottom:15px;} #header .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu {left:-1px;margin-left:0;} #header .nav > .main-menu > ul.menu > li.wd-fly-menu ul.sub-menu, #header .nav > .menu > ul > li ul.children {margin-left:0;} #header .nav > .main-menu > ul.menu > li > ul.sub-menu, #header .nav > .main-menu > ul.menu > li.wd-fly-menu li > ul.sub-menu {margin-bottom:0;} } @media only screen and (max-device-width: 768px) and (min-device-width: 768px), only screen and (max-width: 768px) and (max-width: 768px) { body #header .header-bottom-content .main-menu > ul.menu > li .one_half, body #header .header-bottom-content .main-menu > ul.menu > li .one_third,body #header .header-bottom-content .main-menu > ul.menu > li .two_third, body #header .header-bottom-content .main-menu > ul.menu > li .one_fourth,body #header .header-bottom-content .main-menu > ul.menu > li .three_fourth, body #header .header-bottom-content .main-menu > ul.menu > li .one_fifth,body #header .header-bottom-content .main-menu > ul.menu > li .two_fifth,body #header .header-bottom-content .main-menu > ul.menu > li .three_fifth,body #header .header-bottom-content .main-menu > ul.menu > li .four_fifth, body #header .header-bottom-content .main-menu > ul.menu > li .one_sixth,body #header .header-bottom-content .main-menu > ul.menu > li .three_sixth,body #header .header-bottom-content .main-menu > ul.menu > li .one_sixth,body #header .header-bottom-content .main-menu > ul.menu > li .five_sixth {width:50%;} .nav_mega_menu_01 {float:none!important;} } /* ================================================================ =FIX BUG ON MENU 1 --------------------------------------------- */ .nav > .main-menu > ul.menu > li.columns-1 > ul.sub-menu > li > a, .nav > .main-menu > ul.menu > li.columns-2 > ul.sub-menu > li > a, .nav > .main-menu > ul.menu > li.columns-3 > ul.sub-menu > li > a, .nav > .main-menu > ul.menu > li.columns-4 > ul.sub-menu > li > a, .nav > .main-menu > ul.menu > li.columns-5 > ul.sub-menu > li > a, .nav > .main-menu > ul.menu > li.columns-6 > ul.sub-menu > li > a {text-transform:uppercase;font-weight:500;} /* Shortcode */ .nav .vc_wp_custommenu {margin:0;} .nav .sidebar-menu ul {margin:0;} /* Mega Menu */ .nav .widgettitle {font-size:14px;font-weight:500;margin:0 0 9px;line-height:1.55;} @media only screen and (max-width: 767px) { body { overflow-x: hidden; } .phone-header .toggle-menu-wrapper li{ list-style: none} #header .header-bottom ul.more_menu {display: block;} /* PHONE HEADER */ /* Custom mobile menu */ .mobile-main-menu{ clear: both} .mobile-main-menu .menu li ul{display: none;} .toggle-menu-wrapper .menu span.menu-drop-icon-mobile{ z-index: 9999 ; right:20px ; top:7px ; position:absolute; } .toggle-menu-wrapper .menu li li span.menu-drop-icon-mobile { right:0; } .toggle-menu-wrapper .menu span.menu-drop-icon-mobile:before{ content: "\f107"; font:20px/100% 'FontAwesome'; display: inline-block; color: #8b8a90 ; padding: 3px 5px } .toggle-menu-wrapper .menu span.menu-drop-icon-mobile.active:before{ content: "\f106"; } .toggle-menu-wrapper .menu span.menu-drop-icon-mobile:hover{ cursor: pointer; } /* CART */ .mobile_cart_container, .wd_mobile_account{ display:inline-block; vertical-align: top } .num_item{ background: #cf0000; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; color: #fff; font-size: 8px ; height: 12px; letter-spacing: normal; line-height: 12px; margin-top: -10px; position: absolute; right: 5px; text-align: center; top: 50%; width: 12px; } .wd_mobile_header_act_box{ right: 15px; position: absolute; top: 43px; } .wd_mobile_header_act_box a{ border: 1px solid #dedede; width: 28px; height: 28px; text-align: center; display: inline-block } .wd_mobile_header_act_box i { font-size: 13px; color: #666 } .wd_mobile_header_act_box i:before{ line-height: 26px } .phone-header .toggle-menu-control-close { text-align: center; display: block; padding: 5px } .phone-header .toggle-menu-control-close:before{ content: "\f057"; font:28px 'FontAwesome'; color: #fff } .phone-header .toggle-menu-control-close:hover{} .phone-header .toggle-menu-control-open{ position:absolute;top:43px; display:block;left:15px; cursor: pointer; color: #000; z-index: 15; transition:all 800ms ease 0s;-moz-transition:all 800ms ease 0s;-webkit-transition:all 800ms ease 0s; } /*.phone-header .toggle-menu-control-open:before{ content: "\f00b"; font:28px 'FontAwesome'; text-shadow:0 0 2px rgba(0, 0, 0, 0.3) } */ .toggle-menu-control-open { } .toggle-menu-control-open i.fa { font-size: 21px; width:28px; height: 28px; border: 1px solid #dedede; text-align: center; line-height: 26px; color: #666 } .open .toggle-menu-control-open i.fa{ border-color: transparent; background:#3d3b48; color: #fff } /*.open.phone-header .toggle-menu-control-open { left: 80%; z-index: 10001; }*/ .wd_mobile_header_act_box a:hover i, .phone-header .toggle-menu-control-open:hover i.fa{ color: #ed764f } .phone-header .toggle-menu-wrapper{ overflow:hidden; position:fixed; width:0; top:0; display:block; z-index:9999; color: #fff; left: 0!important; top: 0; width: 80%; transform: translate3d(-100%, 0, 0) ; -moz-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transition:transform 800ms ease 0s;-moz-transition:transform 800ms ease 0s;-webkit-transition:transform 800ms ease 0s; } .phone-header .toggle-menu-wrapper.active{ transform: translate3d(0, 0, 0) ; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .phone-header{ height:auto;padding:0px 0 0 0;position:relative; background: rgba(0,0,0,.06); } .phone-header .phone-header-bar-wrapper{position:relative; text-align: center; padding-bottom: 10px} .screen-reader-text{ display: none } .phone-header #searchform input#searchsubmit{ width:20px; padding:18px; font-size:0; border: none; background:url(../images/icon_search.png) no-repeat center center; display:inline-block; line-height:0px; position:absolute; right:63px; top:0 ; } .phone-header #searchform{ background:transparent; margin-bottom:0; display:block; max-width:100%; padding-right:50px; padding-left:60px; position: relative } .phone-header #searchform input[type="text"],.phone-header #searchform .bg_search #s{ width:100%; max-width: none; padding-right:45px; height:36px; background:transparent; } .phone-header form[id^="searchform-"]{ background:transparent !important; float:right; margin-bottom:0; width:100%; padding:0 10px 10px 60px; } body > .body-wrapper{ overflow:hidden; position: relative; } .mobile-main-menu .menu{padding:0;margin-top:0;} .mobile-main-menu .menu li{ list-style:none; padding:6px 0 0 22px; } .mobile-main-menu .menu > li,.phone-header div.menu ul li {line-height:18px;margin:0;padding:12px 20px 10px;position:relative; border-top: 1px solid #494854; display: block; } .mobile-main-menu .menu > li:first-child,.phone-header div.menu ul li:first-child{ border-top:0} .mobile-main-menu .menu > li.fa,.phone-header div.menu ul li.fa{ font-family:"lato"!important;} .mobile-main-menu .menu > li.fa:before,.phone-header div.menu ul li:before{ font:14px FontAwesome!important; color: #8b8a90; margin-right: 12px } .mobile-main-menu .menu li li,.phone-header div.menu ul li li{margin:0;position:relative;} .mobile-main-menu .menu li li a,.phone-header div.menu ul li li a{padding:11px 0} .mobile-main-menu .menu li a,.phone-header div.menu ul li a{padding:6px 0;width:100%;} .mobile-main-menu .menu li ul,.phone-header div.menu ul li ul{margin: 0;} .mobile-main-menu .menu li ul ul,.phone-header div.menu ul li ul {margin:0 0 6px 0} .header-container #undefined-sticky-wrapper{ height:0 !important; } .logo{display:inline-block;left:0;padding: 30px 0 ;margin:0;position:relative;width:100%; text-align: center} .logo img{ max-width:50%} .mobile-main-menu .menu > li > a,.phone-header div.menu > ul > li > a{ font-size:16px; text-transform:capitalize;font-weight:normal; line-height:18px; color: #fff } .mobile-main-menu .menu > li a,.phone-header div.menu > ul > li > a{position:relative;z-index:3} .mobile-main-menu .menu > li:hover > a,.phone-header div.menu > ul > li:hover > a { color: #ed764f } .mobile-main-menu .menu > li:after,.phone-header div.menu > ul > li:after{ content:""; background:transparent; right:0; bottom:0; top:0; width:50px; z-index:5; position:absolute; } .mobile-main-menu .menu > li > ul > li > a,.phone-header div.menu > ul > li > a{ padding:0; font-size:14px; } .mobile-main-menu .menu > li > ul > li > ul li a{ font-size:14px; } .my-account{ text-align: center; margin-bottom: 0; border-bottom: 1px solid #494854 } .my-account li { display: inline-block; width: 49.33%; padding: 35px 0; } .my-account li +li{ border-left: 1px solid #494854 } .my-account li a{ color: inherit } .my-account li a i{ width: 40px; height: 40px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; background: #fff; line-height: 40px; text-align: center; color: #3d3b48; font-size: 16px } .my-account li a:hover, .my-account li a:hover i { color: #ed764f } .wd_woo_search_box form input{ border-color: #dddee2 } } .page-gray-box { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; display: none } .sidebar-menu .widget {margin-left:0;}