-
WIBUHAX0R1337
-
/
home
/
zqegovsj
/
www
/
us3web.haibo.com.cn
/
laundrypodsac
/
it
/
css
/
[ Home ]
Create Folder
Create File
Nama File / Folder
Size
Action
components
--
NONE
icons
--
NONE
rs-plugin
--
NONE
Flaticon.css
4.204KB
Edit File
Delete File
Rename
a_color.txt
0.028KB
Edit File
Delete File
Rename
boss_facecomments.css
0.141KB
Edit File
Delete File
Rename
boss_filterproduct.css
18.42KB
Edit File
Delete File
Rename
boss_megamenu.css
13.009KB
Edit File
Delete File
Rename
bossblog.css
16.916KB
Edit File
Delete File
Rename
camera.css
6.275KB
Edit File
Delete File
Rename
custom.css
1.57KB
Edit File
Delete File
Rename
default-color.css
0.11KB
Edit File
Delete File
Rename
et-line.css
7.312KB
Edit File
Delete File
Rename
flaticon.css
3.651KB
Edit File
Delete File
Rename
font-icons.css
101.977KB
Edit File
Delete File
Rename
fonts.css
12.194KB
Edit File
Delete File
Rename
fonts_courgette.css
0.7KB
Edit File
Delete File
Rename
fonts_lato.css
1.911KB
Edit File
Delete File
Rename
footer.css
5.988KB
Edit File
Delete File
Rename
gdpr-cookie.css
1.14KB
Edit File
Delete File
Rename
google-map.css
0.457KB
Edit File
Delete File
Rename
grid.css
9.582KB
Edit File
Delete File
Rename
header.css
43.83KB
Edit File
Delete File
Rename
jquery-ui.css
36.219KB
Edit File
Delete File
Rename
jquery.min.js
82.38KB
Edit File
Delete File
Rename
laundrypodsac.css
4.32KB
Edit File
Delete File
Rename
loading.css
3.41KB
Edit File
Delete File
Rename
magnific-popup.css
7.542KB
Edit File
Delete File
Rename
magnific-popup.min.css
5.136KB
Edit File
Delete File
Rename
material-icons.css
51.306KB
Edit File
Delete File
Rename
meanmenu.css
2.938KB
Edit File
Delete File
Rename
owl-carousel.css
6.146KB
Edit File
Delete File
Rename
responsive.css
13.419KB
Edit File
Delete File
Rename
revolutionslider_settings.css
76.063KB
Edit File
Delete File
Rename
right-01.css
6.104KB
Edit File
Delete File
Rename
rtl.css
30.215KB
Edit File
Delete File
Rename
stylesheet.css
107.353KB
Edit File
Delete File
Rename
styleswitcher.css
5.162KB
Edit File
Delete File
Rename
swiper.css
13.354KB
Edit File
Delete File
Rename
table.css
12.468KB
Edit File
Delete File
Rename
tabs.css
2.421KB
Edit File
Delete File
Rename
test.css
22.604KB
Edit File
Delete File
Rename
webstyle.css
137.698KB
Edit File
Delete File
Rename
yoga.css
10.919KB
Edit File
Delete File
Rename
/*** ==================================================================== Header style One ==================================================================== ***/ .main-header{ position:relative; z-index:99; width:100%; } .header-top{ position:relative; padding:14px 0px; background-color:var(--main-color); } .header-top .inner-container{ position:relative; padding-left:420px; padding-right:var(--padding-right-20); } .header_info-list{ position:relative; } .header_info-list li{ position:relative; display:inline-block; color:var(--white-color); margin-right:var(--margin-right-15); padding-left:var(--padding-left-25); padding-right:var(--padding-right-25); border-right:1px solid rgba(var(--white-color-rgb), 0.20); } .header_info-list li .icon{ position:absolute; left:0px; top:5px; line-height:1em; color:var(--white-color); } .header_info-list li a{ position:relative; color:var(--white-color); } .header_info-list li:last-child{ border:none; margin-right:var(--margin-zero); padding-right:var(--padding-zero); } .header_info-list li a:hover{ color:var(--color-four); } .main-header .header-upper{ position:relative; background-color:var(--white-color); } .main-header .header-upper .upper-right{ position:relative; } .main-header .info-box:last-child{ padding-right:var(--padding-right-30); border-right:2px solid var(--color-five); } .main-header .info-box{ position:relative; text-align:left; padding-top:18px; padding-bottom:18px; font-size:var(--font-16); margin-left:var(--margin-left-30); padding-left:var(--padding-left-90); border-left:2px solid var(--color-five); } .main-header .info-box .icon-box{ position:absolute; left:25px; top:20px; line-height:1em; font-family: "Flaticon"; font-size:var(--font-40); -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; color:var(--color-four); line-height:1em; } .main-header .info-box ul li{ position:relative; line-height:1.6em; font-weight:600; margin:var(--margin-zero); color:var(--color-three); font-size:var(--font-14); text-transform:capitalize; } .main-header .info-box ul li a{ position:relative; color:var(--color-three); -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; } .main-header .info-box ul li a:hover{ color:var(--main-color); } .main-header .info-box strong{ position:relative; font-weight:700; font-size:var(--font-14); color:var(--color-two); } .main-header .main-box{ position:relative; padding:0px 0px; left:0px; top:0px; width:100%; background:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .main-box .outer-container{ position:relative; padding:0px 40px; } .main-header .main-box .logo-box{ position:relative; float:left; left:0px; z-index:10; padding:30px 0px; } .main-header .main-box .logo-box .logo img{ display:inline-block; max-width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .header-lower{ position:relative; } .main-header .header-lower .inner-container{ position:relative; border-top:2px solid var(--color-five); } .main-header .header-lower .nav-outer{ position:relative; padding-right:15px; } .main-header .header-upper .logo-box{ position: relative; padding:10px 0px 10px; } .main-header .header-upper .logo-box .logo{ position:relative; } .main-header .main-menu .navigation > li:nth-child(7) > ul, .main-header .main-menu .navigation > li:nth-child(8) > ul{ left:0px; right:auto !important; } .main-header.header-style-three.alternate{ box-shadow: 0px 10px 10px rgba(0,0,0,0.04); } .main-header.header-style-three .header-upper .logo-box:before{ position: absolute; content:''; left:-120px; top:0px; width:420px; height:106px; background:url(../images/resource/logo-shape.png) no-repeat; } .main-header.header-style-three .header-upper .logo-box{ padding:21px 0px; } /* Main Menu */ .main-header .main-menu{ position:relative; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .main-menu .navbar-collapse{ padding:0px; display:block; } .main-header .header-lower .main-menu .navigation{ position:relative; } .main-header .main-menu .navigation > li{ position:relative; margin-right:2px; display:inline-block; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .main-menu .navigation > li.dropdown > a{ padding-right:30px; } .main-header .main-menu .navigation > li.dropdown > a:before{ position: absolute; content: "\f107"; right: 15px; font-weight:800; line-height:32px; font-size:var(--font-12); font-family: 'Font Awesome 6 Free'; } /* .main-header .main-menu .navigation > li.dropdown:hover > a:before{ -webkit-animation: icon-bounce 0.8s ease-out infinite; animation: icon-bounce 0.8s ease-out infinite; } */ .main-header .sticky-header .main-menu .navigation > li:hover > a, .main-header .sticky-header .main-menu .navigation > li.current > a{ } .main-header .sticky-header .nav-outer .options-box{ margin-top:var(--margin-top-40); } /*Sticky Header*/ .main-header .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; z-index:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background-color:var(--white-color); box-shadow:0px 0px 10px rgba(0,0,0,0.10); } .main-header .sticky-header .mobile-nav-toggler{ display:none; cursor:pointer; } .main-header .sticky-header .logo{ position:relative; padding:7px 0px; } .main-header .sticky-header .logo img{ max-height:50px; width:auto; } .main-header.fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .main-menu .navigation > li > a{ position:relative; display:block; font-weight:500; padding:15px 20px 15px; text-align:center; line-height:30px; letter-spacing:0px; color:var(--color-three); font-size:var(--font-14); text-transform: capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .main-menu .navigation > li > a > span{ position:absolute; right:-25px; top:20px; width:42px; height:16px; font-weight:600; line-height:1.6em; border-radius:50px; letter-spacing:1px; font-size:var(--font-11); text-transform:uppercase; color:var(--black-color); background-color:var(--main-color); } .main-header .main-menu .navigation > li:last-child{ margin-right:var(--margin-zero); } .main-header .sticky-header .main-menu .navigation > li{ position:relative; } .main-header .sticky-header .main-menu .navigation > li:last-child{ margin-right:var(--margin-zero); } .main-header .main-menu .navigation > li:last-child ul{ right:0px; } .main-header .main-menu .navigation > li > a:after{ position:absolute; content:''; left:-14px; top:32px; width:83px; height:30px; opacity:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .main-menu .navigation > li:hover > a::after, .main-header .main-menu .navigation > li.current > a::after{ opacity:1; } .main-header .sticky-header .main-menu .navigation > li > a:after{ top:22px; } .main-header .sticky-header .main-menu .navigation > li > a > span{ top:10px; } .main-header .main-menu .navigation > li:hover > a, .main-header .main-menu .navigation > li.current > a{ opacity:1; background-color:var(--color-five); } .main-header.header-style-two .main-menu .navigation > li:hover > a, .main-header.header-style-two .main-menu .navigation > li.current > a{ color:var(--white-color); background-color:var(--color-four); } .main-header.header-style-two .outer-box .search-box-btn, .main-header.header-style-two .outer-box .nav-btn{ border:none; } .main-header .main-menu .navigation > li > ul{ position:absolute; width:16rem; padding:25px 25px 30px 25px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; opacity: 0; visibility: hidden; visibility: hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; border-radius:0px; background-color:var(--white-color); box-shadow: 0px 0px 10px rgba(0,0,0,0.10); } .main-header .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-header .main-menu .navigation > li > ul > li{ position:relative; width:100%; opacity:0; text-align:left; transform:translateY(11px); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; margin-bottom:var(--margin-bottom-15); } .main-header .main-menu .navigation > li > ul > li:last-child{ margin-bottom:var(--margin-zero); } .main-header .main-menu .navigation > li:hover > ul > li{ opacity:1; transform:translateY(0px); -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; -ms-transition-delay: 70ms; -o-transition-delay: 70ms; transition-delay: 70ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(2){ -webkit-transition-delay: 140ms; -moz-transition-delay: 140ms; -ms-transition-delay: 140ms; -o-transition-delay: 140ms; transition-delay: 140ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(3){ -webkit-transition-delay: 210ms; -moz-transition-delay: 210ms; -ms-transition-delay: 210ms; -o-transition-delay: 210ms; transition-delay: 210ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(4){ -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; -ms-transition-delay: 280ms; -o-transition-delay: 280ms; transition-delay: 280ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(5){ -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(6){ -webkit-transition-delay: 420ms; -moz-transition-delay: 420ms; -ms-transition-delay: 420ms; -o-transition-delay: 420ms; transition-delay: 420ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(7){ -webkit-transition-delay: 490ms; -moz-transition-delay: 490ms; -ms-transition-delay: 490ms; -o-transition-delay: 490ms; transition-delay: 490ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(8){ -webkit-transition-delay: 560ms; -moz-transition-delay: 560ms; -ms-transition-delay: 560ms; -o-transition-delay: 560ms; transition-delay: 560ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(9){ -webkit-transition-delay: 630ms; -moz-transition-delay: 630ms; -ms-transition-delay: 630ms; -o-transition-delay: 630ms; transition-delay: 630ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(10){ -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(11){ -webkit-transition-delay: 770ms; -moz-transition-delay: 770ms; -ms-transition-delay: 770ms; -o-transition-delay: 770ms; transition-delay: 770ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(12){ -webkit-transition-delay: 840ms; -moz-transition-delay: 840ms; -ms-transition-delay: 840ms; -o-transition-delay: 840ms; transition-delay: 840ms; } .main-header .main-menu .navigation > li:hover > ul > li:nth-child(13){ -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .main-header .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-header .main-menu .navigation > li > ul > li > a{ position:relative; display:block; line-height:24px; font-weight:500; font-size:var(--font-15); text-transform:capitalize; color:var(--black-color); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .main-menu .navigation > li > ul > li > a:before{ position:absolute; content:''; left:0px; top:6px; width:16px; height:10px; opacity:0; display:inline-block; transform:rotate(45deg); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background:url(../images/icons/right-arrow.png) no-repeat; } .main-header .main-menu .navigation > li > ul > li:hover > a{ color:var(--color-four); padding-left:var(--padding-left-20); } .main-header .main-menu .navigation > li > ul > li:hover > a::before{ opacity:1; } .main-header .main-menu .navigation > li > ul > li.dropdown > a:after{ position:absolute; content: "\f105"; right:10px; top:1px; z-index:5; width:10px; height:20px; display:block; line-height:20px; font-weight:normal; text-align:center; font-weight:800; font-size:var(--font-12); color:var(--black-color); font-family: 'Font Awesome 6 Free'; } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:var(--color-four); } .main-header .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:0px; width: 16rem; padding:25px 25px 30px 25px; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; opacity: 0; visibility: hidden; visibility: hidden; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; border-radius:0px; background-color:var(--white-color); box-shadow: 0px 0px 10px rgba(0,0,0,0.10); } .main-header .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-header .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; text-align:left; opacity:0; margin-bottom: var(--margin-bottom-15); transform:translateY(-8px); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .main-menu .navigation > li > ul > li > ul > li:last-child{ margin-bottom:var(--margin-zero); } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li{ opacity:1; transform:translateY(0px); -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; -ms-transition-delay: 70ms; -o-transition-delay: 70ms; transition-delay: 70ms; } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(2){ -webkit-transition-delay: 140ms; -moz-transition-delay: 140ms; -ms-transition-delay: 140ms; -o-transition-delay: 140ms; transition-delay: 140ms; } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(3){ -webkit-transition-delay: 210ms; -moz-transition-delay: 210ms; -ms-transition-delay: 210ms; -o-transition-delay: 210ms; transition-delay: 210ms; } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(4){ -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; -ms-transition-delay: 280ms; -o-transition-delay: 280ms; transition-delay: 280ms; } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(5){ -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(6){ -webkit-transition-delay: 420ms; -moz-transition-delay: 420ms; -ms-transition-delay: 420ms; -o-transition-delay: 420ms; transition-delay: 420ms; } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(7){ -webkit-transition-delay: 490ms; -moz-transition-delay: 490ms; -ms-transition-delay: 490ms; -o-transition-delay: 490ms; transition-delay: 490ms; } .main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(8){ -webkit-transition-delay: 560ms; -moz-transition-delay: 560ms; -ms-transition-delay: 560ms; -o-transition-delay: 560ms; transition-delay: 560ms; } .map a{ position:relative; display:block; width:100%; height:100%; z-index:1; } .main-header .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-header .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; line-height:24px; font-weight:500; font-size:var(--font-15); text-transform:capitalize; color:var(--black-color); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-header .main-menu .navigation > li > ul > li > ul > li > a:before{ position:absolute; content:''; left:0px; top:6px; width:16px; height:10px; opacity:0; display:inline-block; transform:rotate(45deg); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; background:url(../images/icons/right-arrow.png) no-repeat; } .main-header .main-menu .navigation > li > ul > li > ul > li > a:hover::before{ opacity:1; } .main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:var(--main-color); } .main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:var(--color-four); padding-left:var(--padding-left-20); } .main-header .main-menu .navigation > li.dropdown:hover > ul{ -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } .main-header .main-menu .navigation li > ul > li.dropdown:hover > ul{ -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } .main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:30px; height:30px; text-align:center; color:var(--white-color); line-height:28px; border:1px solid var(--white-color-opicity-two); background-size:20px; cursor:pointer; z-index:5; display:none; } .main-header.header-style-three .search-box-btn{ position:relative; border:none; width:auto; margin-left:var(--margin-left-15); } .main-header.header-style-three .outer-box .nav-btn{ border:none; } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .main-header .mobile-nav-toggler{ position: relative; float: right; padding:2px 0 0px; font-size: var(--font-24); line-height: 44px; cursor: pointer; color:var(--black-color); display: none; font-family: "Flaticon"; } .mobile-menu{ position: fixed; right: 0; top: 0; width: 300px; padding-right:30px; max-width:100%; height: 100%; visibility: hidden; z-index: 999999; } .mobile-menu .nav-logo{ position:relative; padding:20px 20px; text-align:left; } .mobile-menu .nav-logo img{ max-width:200px; } .mobile-menu-visible{ overflow: hidden; } .mobile-menu-visible .mobile-menu{ visibility: visible; } .mobile-menu .menu-backdrop{ position: fixed; right: 0; top: 0; width: 0%; height: 100%; z-index: 1; background: rgba(0,0,0,0.90); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .mobile-menu-visible .mobile-menu .menu-backdrop{ opacity: 1; width:100%; visibility: visible; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .menu-box{ position: absolute; right: -400px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #ffffff; padding: 0px 0px; z-index: 5; border-radius: 0px; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; } .mobile-menu-visible .mobile-menu .menu-box{ right:0px; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .mobile-menu .close-btn{ position: absolute; right: 15px; top: 15px; line-height: 30px; width: 30px; text-align: center; font-size: 14px; color: #202020; cursor: pointer; z-index: 10; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); font-family: "Flaticon"; } .mobile-menu-visible .mobile-menu .close-btn{ -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .mobile-menu .close-btn:hover{ opacity: 0.50; } .mobile-menu .navigation{ position: relative; display: block; width:100%; border-top: 1px solid rgba(0,0,0,0.10); } .mobile-menu .navigation li{ position: relative; display: block; border-bottom: 1px solid rgba(0,0,0,0.10); } .mobile-menu .navigation li > ul > li:last-child{ border-bottom: none; } .mobile-menu .navigation li > ul > li:first-child{ border-top: 1px solid rgba(0,0,0,0.10); } .mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a{ color:#111111; } .mobile-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:0px; top:0px; width:44px; height:44px; text-align:center; font-size:16px; line-height:44px; color:#404040; cursor:pointer; z-index:5; } .mobile-menu .navigation li.dropdown .dropdown-btn:after{ content:''; position:absolute; left:0px; top:10px; width:1px; height:24px; border-left:1px solid rgba(0,0,0,0.10); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul{ display: none; } .mobile-menu .navigation li > ul > li > a{ padding-left:30px; } .mobile-menu .navigation li > ul > li > ul{ padding-left:0px; } .mobile-menu .navigation li > ul > li > ul > li > a{ padding-left:40px; } .main-header .mobile-menu .close-btn:hover{ opacity: 0.50; } .main-header .mobile-menu .navigation{ position: relative; display: block; width:100%; border-top: 1px solid #dddddd; } .main-header .mobile-menu .navigation li{ position: relative; display: block; border-bottom: 1px solid #dddddd; } .main-header .mobile-menu .navigation li > ul > li:last-child{ border-bottom: none; } .main-header .mobile-menu .navigation li > ul > li:first-child{ border-top: 1px solid #dddddd; } .main-header .mobile-menu .navigation li > a{ position: relative; display: block; line-height: 24px; padding: 12px 20px; font-size: var(--font-14); color: var(--black-color); text-transform: capitalize; } .main-header .mobile-menu .navigation li:hover > a, .main-header .mobile-menu .navigation li.current > a{ color: var(--dark-text-color-two); } .main-header .mobile-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:0px; top:0px; width:44px; height:44px; text-align:center; color: var(--dark-color); font-size: var(--font-16); line-height:44px; cursor:pointer; z-index:5; } .main-header .mobile-menu .navigation li.dropdown .dropdown-btn:after{ content:''; position:absolute; left:0px; top:10px; width:1px; height:24px; border-left:1px solid #dddddd; } .main-header .mobile-menu .navigation li > ul, .main-header .mobile-menu .navigation li > ul > li > ul{ display: none; } .main-header .sticky-header .navbar-header{ display:none; } .main-header .outer-box{ position: relative; } /* Search Box Outer */ .main-header .search-box-outer{ position:relative; } .main-header .search-box-btn{ position:relative; display:block; width:60px; cursor:pointer; background:none; padding:19px 0px; text-align:center; color:var(--color-four); font-size:var(--font-20); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; border-right:2px solid var(--color-five); } .main-header .outer-box .nav-btn{ position:relative; width:60px; cursor:pointer; font-weight:800; padding:21px 0px; text-align:center; font-size:var(--font-18); color:var(--main-color); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: 'Font Awesome 6 Free'; border-right:2px solid var(--color-five); } .main-header .outer-box .nav-btn:hover{ color:var(--color-four); } /* Header Social Box */ .header-social_box{ position:relative; padding:19px 18px; border-right:2px solid var(--color-five); } .header-social_box li{ position:relative; margin:0px 2px; display:inline-block; } .header-social_box li a{ position:relative; color:var(--color-three); font-size:var(--font-16); font-family: "Font Awesome 6 Brands"; } /* Header Social Box */ .header-social_box-two{ position:relative; } .header-social_box-two li{ position:relative; display:inline-block; margin-left:var(--margin-left-10); } .header-social_box-two li a{ position:relative; color:var(--white-color); font-size:var(--font-14); font-family: "Font Awesome 6 Brands"; } .header-social_box-two li a:hover{ color:var(--color-four); } .appointmeny_button-box{ position:relative; height:60px; } .main-header.header-style-two .logo-box{ position:absolute; left:0px; top:-50px; padding:32px 90px; } .main-header.header-style-two .logo-box:before{ position:absolute; content:''; right:0px; top:0px; bottom:0px; width:500%; background-color:var(--white-color); } .header-style-two .auto-container{ max-width:2000px; padding:var(--padding-zero); } .header-style-two .header-upper{ background-color:var(--color-five); } .header-style-two .header-upper .inner-container{ position:relative; padding-left:400px; } .header-style-two .main-menu .navigation > li > a{ font-weight:700; padding:22px 20px; font-size:var(--font-16); text-transform:uppercase; } .main-header.header-style-two .search-box-btn{ width:auto; margin-left:var(--margin-left-20); } .header-style-two .sticky-header .auto-container{ padding:0px 15px; } .hamburger { position:relative; display: flex; flex-direction: column; justify-content: space-between; width: 70px; height: 74px; cursor: pointer; padding: 27px 20px; background-color:var(--color-four); } .hamburger span { /* align-self: flex-end; */ height: 2px; width: 83.33333333%; background: #ffffff; transition: all 400ms ease-in-out; } .hamburger .meat { width: 100%; transition: all 200ms ease-in-out; } .hamburger .bottom-bun { width: 58.33333333%; transition: all 100ms ease-in-out; } .hamburger:hover span { width: 100%; } html:not(.body-menu-opened) .hamburger .top-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms; } html:not(.body-menu-opened) .hamburger .meat { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms; } html:not(.body-menu-opened) .hamburger .bottom-bun { -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms; animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms; } @-webkit-keyframes burger-hover { 0% { width: 100%; } 50% { width: 50%; } 100% { width: 100%; } } @keyframes burger-hover { 0% { width: 100%; } 50% { width: 50%; } 100% { width: 100%; } } /*** ==================================================================== Search Popup ==================================================================== ***/ .search-popup{ position: fixed; left: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -540px; transform: translateY(-100%); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .search-popup .color-layer{ position: absolute; content:''; left: 0; top: 0; height: 120px; width: 100%; box-shadow:0px 15px 15px rgba(0,0,0,0.07); background-color: rgba(255,255,255,1); transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sidenav-bar-visible .search-popup{ width: 80%; } .search-active .search-popup{ transform: translateY(0%); margin-top:var(--margin-zero); } .search-popup .close-search{ position: absolute; right: 25px; top: 25px; cursor:pointer; background:none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; z-index:9999; visibility: hidden; } .search-popup .close-search span{ position: relative; display: block; z-index:2; font-weight:800; font-size:var(--font-20); color: var(--black-color); font-family: 'Font Awesome 6 Free'; } .search-active .search-popup .close-search{ visibility: visible; opacity: 1; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .search-popup form{ position: absolute; max-width: 1300px; top: 25px; left: 15px; right: 15px; z-index:999; margin:0px auto 0; transform: scaleX(0); transform-origin: center; background-color: var(--dark-color); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .search-active .search-popup form{ transform: scaleX(1); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .search-popup .form-group{ position:relative; margin:var(--margin-zero); overflow: hidden; } .search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"]{ position:relative; display:block; font-size:var(--font-16); line-height: 50px; color:var(--color-three); height:70px; width:100%; padding: 10px 30px 10px 60px; background-color: var(--white-color); -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; font-weight:500; text-transform:capitalize; border-bottom:1px solid rgba(0,0,0,0.10) } .search-popup .form-group input[type="submit"], .search-popup .form-group button{ position:absolute; left:10px; top:0px; line-height: 70px; background: transparent; text-align:center; font-size:var(--font-24); color:var(--black-color); cursor:pointer; font-weight:800; display:inline-block; font-family: 'Font Awesome 6 Free'; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .search-popup .form-group input[type="submit"]:hover, .search-popup .form-group button:hover{ color: var(--black-color); } .search-popup input::placeholder, .search-popup textarea::placeholder{ color:var(--color-three); } .search-popup .close-search.style-two{ position: absolute; right: 25px; left: auto; color: var(--white-color); width:auto; height:auto; top:25px; margin:0px; border:none; background:none !important; box-shadow:none !important; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .search-popup .close-search.style-two span{ font-size:var(--font-20); color: var(--white-color); } .main-header .sticky-header .search-box-btn{ color: var(--black-color); margin-top:var(--margin-top-10); } .main-header .mobile-menu .menu-box .mCSB_scrollTools{ width:3px; } /*** ==================================================================== Hidden Sidebar style ==================================================================== ***/ .sidebar-info-contents{ position:relative; height:100%; } .sidebar-textwidget, .sidebar-widget-container{ height:100%; } .sidebar-info-contents .content-inner{ height:100%; display: flex; flex-direction: column; justify-content: space-between; } .sidebar-info-contents .content-inner h5{ margin:15px 20px; font-weight:400; color:var(--black-color); text-transform:capitalize; } .sidebar-info-contents .content-inner h5 span{ position:relative; font-weight: 600; } .sidebar-info-contents .price{ position:relative; padding:14px 10px; text-align:center; font-weight:450; color:var(--black-color); font-size:var(--font-14); background-color:var(--color-five); } .sidebar-info-contents .empty-cart-box{ position:relative; margin:15px 0px; /* display: flex; align-items: center; justify-content: center; */ } .sidebar-info-contents .no-cart{ position:relative; text-align:center; color:var(--black-color); font-size:var(--font-16); } .sidebar-info-contents .no-cart .icon{ position:relative; width:55px; height:55px; display:block; margin:0 auto; line-height:57px; text-align:center; border-radius:50px; font-size:var(--font-18); color:var(--white-color); background-color:var(--main-color); margin-bottom:var(--margin-bottom-20); font-family: 'Font Awesome 6 Free'; } .sidebar-info-contents .lower-box h5{ padding:25px 20px; margin:0px; } .sidebar-info-contents .lower-box{ position:relative; border-top:1px solid rgba(var(--black-color-rgb), 0.10); } .sidebar-info-contents .lower-box:before{ position:absolute; content:''; right:0px; top:0px; width:10px; bottom:0px; z-index:100; background-color:var(--white-color); } /* Post Block */ .post-block{ position:relative; padding:0px 10px; margin-bottom:var(--margin-bottom-10); } .post-block .inner-box{ position:relative; min-height:144px; padding-right:var(--padding-right-10); padding-left:var(--padding-left-120); } .post-block .rating{ position:relative; color:var(--color-six); font-size:var(--font-12); margin-top: var(--margin-top-5); } .post-block .inner-box .image{ position:absolute; left:0px; top:0px; width:106px; height:144px; } .post-block .inner-box h6{ font-weight:700; font-size:var(--font-16); } .post-block .inner-box h6 a{ position:relative; color:var(--color-two); } .post-block .inner-box h6 a:hover{ color:var(--black-color); } .post-block .inner-box .price-box{ position:relative; font-weight:500; color:var(--color-two); font-size:var(--font-16); margin-top:var(--margin-top-5); } .post-block .inner-box .bag-btn{ position:relative; display:block; padding:10px 10px; border-radius:4px; font-weight:700; text-align:center; letter-spacing:1px; font-size:var(--font-12); color:var(--black-color); text-transform:uppercase; margin-top:var(--margin-top-15); background-color:var(--color-five); } .post-block .inner-box .bag-btn:hover{ color:var(--white-color); background-color:var(--color-two); } .xs-sidebar-widget::-webkit-scrollbar, .xs-sidebar-widget-two::-webkit-scrollbar, .about-sidebar .sidebar-inner::-webkit-scrollbar{ width: 8px; } /* Track */ .xs-sidebar-widget::-webkit-scrollbar-track, .xs-sidebar-widget-two::-webkit-scrollbar-track, .about-sidebar .sidebar-inner::-webkit-scrollbar-track{ background: #dddddd; } /* Handle */ .xs-sidebar-widget::-webkit-scrollbar-thumb, .xs-sidebar-widget-two::-webkit-scrollbar-thumb, .about-sidebar .sidebar-inner::-webkit-scrollbar-thumb { background-color:var(--main-color); } /* Handle on hover */ .xs-sidebar-widget::-webkit-scrollbar-thumb:hover, .xs-sidebar-widget-two::-webkit-scrollbar-thumb:hover, .about-sidebar .sidebar-inner::-webkit-scrollbar-thumb:hover { background: #555; } /* Close Side Widget */ .close-side-widget{ width:20px; height:20px; display:inline-block; color:var(--black-color); font-size:var(--font-30); } .close-side-widget:hover{ color:var(--main-color); } .close-side-widget:before, .close-side-widget:after { content: ''; position: absolute; left: 0; height: 3px; width: 100%; -webkit-transition: background-position 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: background-position 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); background: linear-gradient(90deg, currentColor 0 36%, transparent 36% 56%, currentColor 56% 100%); background-size: 270% 100%; background-position-x: 100%; } .close-side-widget:before { top: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-side-widget:after { top: 13.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* transform: rotate(-45deg); */ transition-delay: .1s,0s,0s; } .close-side-widget:hover:before, .close-side-widget:hover:after { background-position-x: 0; -webkit-transition: background-position 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); transition: background-position 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); } .close-side-widget:before { top: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-side-widget:hover:after { transition-delay: .15s,0s,0s; } .close-side-widget:hover:before, .close-side-widget:hover:after { background-position-x: 0; -webkit-transition: background-position 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); transition: background-position 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); } /* About Sidebar */ .about-sidebar{ position:fixed; left:-500px; top:0px; bottom:0px; width:450px; z-index:999999; -webkit-transition:all 900ms ease; -ms-transition:all 900ms ease; -o-transition:all 900ms ease; -moz-transition:all 900ms ease; transition:all 900ms ease; background-color:var(--white-color); } .about-sidebar .gradient-layer{ position:absolute; left:0%; top:0px; bottom:0px; width:0%; opacity:0.60; z-index:-1; background-color:var(--black-color); -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; cursor: url(../images/cross-out.png), pointer; } .about-sidebar.active .gradient-layer{ width:500%; left:100%; } .about-sidebar.active{ left:0px; } .about-sidebar .fa{ position:absolute; left:20px; top:20px; z-index:10; cursor:pointer; font-size:var(--font-30); color:var(--black-color); font-family: 'Font Awesome 6 Free'; } .about-sidebar .sidebar-inner{ position:relative; overflow-y: auto; height:100%; display: flex; flex-direction: column; justify-content: space-between; } .about-sidebar .content-box{ position:relative; padding:30px 50px; } .about-sidebar h3{ font-weight:400; color:var(--black-color); margin-bottom:var(--margin-bottom-15); } .about-sidebar h3 span{ font-weight:700; } .about-sidebar .text{ line-height:30px; color:var(--color-three); margin-top:var(--margin-top-10); margin-bottom:var(--margin-bottom-20); } .about-sidebar .social-box{ position:relative; margin-left:var(--margin-left-50); margin-bottom:var(--margin-bottom-35); } .about-sidebar .social-box a{ position:relative; margin-right:15px; color:var(--color-three); font-size:var(--font-18); } .about-sidebar .social-box a:hover{ color:var(--color-four); } .about-sidebar .sidebar-inner::-webkit-scrollbar{ width: 8px; } /* Track */ .about-sidebar .sidebar-inner::-webkit-scrollbar-track{ background: #dddddd; } /* Handle */ .about-sidebar .sidebar-inner::-webkit-scrollbar-thumb { background-color:var(--main-color); } /* Handle on hover */ .about-sidebar .sidebar-inner::-webkit-scrollbar-thumb:hover { background: #555; }
© 2022 - 2023 WIBUHAXOR V1 By Lutfifakee || Padang Blackhat