WIBUHAX0R1337

- WIBUHAX0R1337 -

/home/zqegovsj/www/us3web.haibo.com.cn/laundrypodsac/id/css/ [ Home ]

Create Folder Create File

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Banner Section / Style Two / Style Three / Style Four
6. 
7. 
8. 
9. 
10. 
11. 
12. 
13. 
14. 
15. 
16. 
17. 
18. 
19. 
20. 
21. 
22. 
23. 
24. 
25. 
26. 
27. 
28. 
29. 
30. 
31. 
32. 
33. 
34. 
35. 
36. 
37. 
38. 
39. 
40.

**********************************************/

font-family: 'Manrope', sans-serif;
	
*/

/***

====================================================================
	Root Code Variables
====================================================================

***/

.theme_color{
	color:var(--main-color);
}

/* Theme Color */

:root {
	
	/* #124a94 in decimal RGB */
	--main-color: rgb(18,74,148);
	--main-color-rgb:18,74,148;
	
	/* #222222 in decimal RGB */
	--color-two: rgb(34,34,34);
	--color-two-rgb:34,34,34;
	
	/* #6d6e73 in decimal RGB */
	--color-three: rgb(109,110,115);
	--color-three-rgb:109,110,115;
	
	/* #f9313b in decimal RGB */
	--color-four: rgb(249,49,59);
	--color-four-rgb:249,49,59;
	
	/* #eef5ff in decimal RGB */
	--color-five: rgb(238,245,255);
	--color-five-rgb:238,245,255;
	
	/* #ffc001 in decimal RGB */
	--color-six: rgb(255,192,1);
	--color-six-rgb:255,192,1;
	
	/* #ebebeb in decimal RGB */
	--color-seven: rgb(235,235,235);
	--color-seven-rgb:235,235,235;
	
	/* #0b3f83 in decimal RGB */
	--color-eight: rgb(11,63,131);
	--color-eight-rgb:11,63,131;
	
	/* #eff3fa in decimal RGB */
	--color-nine: rgb(239,243,250);
	--color-nine-rgb:239,243,250;
	
	/* #40acec in decimal RGB */
	--color-ten: rgb(64,172,236);
	--color-ten-rgb:64,172,236;
	
	/* #ef5b3f in decimal RGB */
	--color-eleven: rgb(239,91,63);
	--color-eleven-rgb:239,91,63;
	
	/* #0091f7 in decimal RGB */
	--color-twelve: rgb(0,145,247);
	--color-twelve-rgb:0,145,247;
	
	/* #f7a73e in decimal RGB */
	--color-thirteen: rgb(247,167,62);
	--color-thirteen-rgb:247,167,62;
	
	/* #ae61be in decimal RGB */
	--color-fourteen: rgb(174,97,190);
	--color-fourteen-rgb:174,97,190;
	
	/* #341f47 in decimal RGB */
	--color-fifteen: rgb(52,31,71);
	--color-fifteen-rgb:52,31,71;
  
  
	
  
	/* #ffffff in decimal RGB */
	--white-color:rgb(255,255,255);
	--white-color-rgb:255,255,255;

/* #000000 in decimal RGB */
	--black-color:rgb(0,0,0);
	--black-color-rgb:0,0,0;
  
	/* Fonts */
	--font-family-Manrope: 'Manrope', sans-serif;
  
	
/* Heading Fonts */
  
  --font-10: 10px;
  --font-12: 12px;
  --font-13: 13px;
  --font-14: 14px;
  --font-15: 15px;
  --font-16: 16px;
  --font-18: 18px;
  --font-20: 20px;
  --font-22: 22px;
  --font-24: 24px;
  --font-26: 26px;
  --font-28: 28px;
  --font-30: 30px;
  --font-34: 34px;
  --font-36: 36px;
  --font-40: 40px;
  --font-44: 44px;
  --font-48: 48px;
  --font-50: 50px;
  --font-52: 52px;
  --font-54: 54px;
  --font-56: 56px;
  --font-58: 58px;
  --font-60: 60px;
  --font-62: 62px;
  --font-64: 64px;
  --font-66: 66px;
  --font-68: 68px;
  --font-70: 70px;
  --font-72: 72px;
  --font-74: 74px;
  --font-76: 76px;
  --font-78: 78px;
  --font-80: 80px;
  --font-84: 84px;
  --font-90: 90px;
  --font-100: 100px;
  --font-110: 110px;
  --font-120: 120px;
  --font-150: 150px;
  --font-200: 200px;
  
  --margin-zero: 0px;
  
  /* Margin Left Variables */
  --margin-left-5: 5px;
  --margin-left-10: 10px;
  --margin-left-15: 15px;
  --margin-left-20: 20px;
  --margin-left-25: 25px;
  --margin-left-30: 30px;
  --margin-left-35: 35px;
  --margin-left-40: 40px;
  --margin-left-45: 45px;
  --margin-left-50: 50px;
  --margin-left-55: 55px;
  --margin-left-60: 60px;
  --margin-left-65: 65px;
  --margin-left-70: 70px;
  --margin-left-75: 75px;
  --margin-left-80: 80px;
  --margin-left-85: 85px;
  --margin-left-90: 90px;
  --margin-left-95: 95px;
  --margin-left-100: 100px;
  --margin-left-120: 120px;
  
  /* Margin Top Variables */
  --margin-top-5: 5px;
  --margin-top-10: 10px;
  --margin-top-15: 15px;
  --margin-top-20: 20px;
  --margin-top-25: 25px;
  --margin-top-30: 30px;
  --margin-top-35: 35px;
  --margin-top-40: 40px;
  --margin-top-45: 45px;
  --margin-top-50: 50px;
  --margin-top-55: 55px;
  --margin-top-60: 60px;
  --margin-top-65: 65px;
  --margin-top-70: 70px;
  --margin-top-75: 75px;
  --margin-top-80: 80px;
  --margin-top-85: 85px;
  --margin-top-90: 90px;
  --margin-top-95: 95px;
  --margin-top-100: 100px;
  --margin-top-120: 120px;
  
  /* Margin Right Variables */
  --margin-right-5: 5px;
  --margin-right-10: 10px;
  --margin-right-15: 15px;
  --margin-right-20: 20px;
  --margin-right-25: 25px;
  --margin-right-30: 30px;
  --margin-right-35: 35px;
  --margin-right-40: 40px;
  --margin-right-45: 45px;
  --margin-right-50: 50px;
  --margin-right-55: 55px;
  --margin-right-60: 60px;
  --margin-right-65: 65px;
  --margin-right-70: 70px;
  --margin-right-75: 75px;
  --margin-right-80: 80px;
  --margin-right-85: 85px;
  --margin-right-90: 90px;
  --margin-right-95: 95px;
  --margin-right-100: 100px;
  
  /* Margin Bottom Variables */
  --margin-bottom-5: 5px;
  --margin-bottom-10: 10px;
  --margin-bottom-15: 15px;
  --margin-bottom-20: 20px;
  --margin-bottom-25: 25px;
  --margin-bottom-30: 30px;
  --margin-bottom-35: 35px;
  --margin-bottom-40: 40px;
  --margin-bottom-45: 45px;
  --margin-bottom-50: 50px;
  --margin-bottom-55: 55px;
  --margin-bottom-60: 60px;
  --margin-bottom-65: 65px;
  --margin-bottom-70: 70px;
  --margin-bottom-75: 75px;
  --margin-bottom-80: 80px;
  --margin-bottom-85: 85px;
  --margin-bottom-90: 90px;
  --margin-bottom-95: 95px;
  --margin-bottom-100: 100px;
  --margin-bottom-150: 150px;
  --margin-bottom-200: 200px;
  
  
  --padding-zero: 0px;
  
  /* Padding Left Variables */
  --padding-left-5: 5px;
  --padding-left-10: 10px;
  --padding-left-15: 15px;
  --padding-left-20: 20px;
  --padding-left-25: 25px;
  --padding-left-30: 30px;
  --padding-left-35: 35px;
  --padding-left-40: 40px;
  --padding-left-45: 45px;
  --padding-left-50: 50px;
  --padding-left-55: 55px;
  --padding-left-60: 60px;
  --padding-left-65: 65px;
  --padding-left-70: 70px;
  --padding-left-75: 75px;
  --padding-left-80: 80px;
  --padding-left-85: 85px;
  --padding-left-90: 90px;
  --padding-left-95: 95px;
  --padding-left-100: 100px;
  --padding-left-100: 110px;
  --padding-left-120: 120px;
  --padding-left-130: 130px;
  --padding-left-140: 140px;
  --padding-left-150: 150px;
  --padding-left-160: 160px;
  --padding-left-170: 170px;
  --padding-left-180: 180px;
  --padding-left-190: 190px;
  --padding-left-200: 200px;
  
  /* Padding Top Variables */
  --padding-top-5: 5px;
  --padding-top-10: 10px;
  --padding-top-15: 15px;
  --padding-top-20: 20px;
  --padding-top-25: 25px;
  --padding-top-30: 30px;
  --padding-top-35: 35px;
  --padding-top-40: 40px;
  --padding-top-45: 45px;
  --padding-top-50: 50px;
  --padding-top-55: 55px;
  --padding-top-60: 60px;
  --padding-top-65: 65px;
  --padding-top-70: 70px;
  --padding-top-75: 75px;
  --padding-top-80: 80px;
  --padding-top-85: 85px;
  --padding-top-90: 90px;
  --padding-top-95: 95px;
  --padding-top-100: 100px;
  --padding-top-110: 110px;
  --padding-top-120: 120px;
  --padding-top-130: 130px;
  --padding-top-140: 140px;
  --padding-top-150: 150px;
  
  /* Padding Right Variables */
  --padding-right-5: 5px;
  --padding-right-10: 10px;
  --padding-right-15: 15px;
  --padding-right-20: 20px;
  --padding-right-25: 25px;
  --padding-right-30: 30px;
  --padding-right-35: 35px;
  --padding-right-40: 40px;
  --padding-right-45: 45px;
  --padding-right-50: 50px;
  --padding-right-55: 55px;
  --padding-right-60: 60px;
  --padding-right-65: 65px;
  --padding-right-70: 70px;
  --padding-right-75: 75px;
  --padding-right-80: 80px;
  --padding-right-85: 85px;
  --padding-right-90: 90px;
  --padding-right-95: 95px;
  --padding-right-100: 100px;
  --padding-right-110: 110px;
  --padding-right-150: 150px;
  --padding-right-160: 160px;
  --padding-right-170: 170px;
  --padding-right-200: 200px;
  --padding-right-250: 250px;
  
  /* Padding Bottom Variables */
  --padding-bottom-5: 5px;
  --padding-bottom-10: 10px;
  --padding-bottom-15: 15px;
  --padding-bottom-20: 20px;
  --padding-bottom-25: 25px;
  --padding-bottom-30: 30px;
  --padding-bottom-35: 35px;
  --padding-bottom-40: 40px;
  --padding-bottom-45: 45px;
  --padding-bottom-50: 50px;
  --padding-bottom-55: 55px;
  --padding-bottom-60: 60px;
  --padding-bottom-65: 65px;
  --padding-bottom-70: 70px;
  --padding-bottom-75: 75px;
  --padding-bottom-80: 80px;
  --padding-bottom-85: 85px;
  --padding-bottom-90: 90px;
  --padding-bottom-95: 95px;
  --padding-bottom-100: 100px;
  --padding-bottom-150: 150px;
  --padding-bottom-200: 200px;
  --padding-bottom-250: 250px;
  
}

/***

====================================================================
	Reset
====================================================================

***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/***

====================================================================
	Global Settings
====================================================================

***/

body {
	font-family: var(--font-family-Manrope);
	font-size:14px;
	color:var(--text-color);
	line-height:1.6em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

/* Preloader */

.preloader{ 
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:999999999;
	background-color:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../images/icons/preloader.gif);
	
}

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	color:var(--main-color);
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	margin:0px;
	background:none;
	color:var(--main-color-two);
	font-family:var(--font-family-Manrope);
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;
}

.text,
p{
	position:relative;
	line-height:1.7em;
	font-size:var(--font-16);
	color:var(--text-color);
}

/* Typography */

h1{
	line-height:94px;
	font-weight:800;
	font-size:var(--font-48);
}

h2{
	line-height:1.2em;
	font-weight:700;
	font-size:var(--font-30);
}

h3{
	line-height:1.3em;
	font-weight:700;
	font-size:var(--font-24);
}

h4{
	line-height:1.4em;
	font-weight:700;
	font-size:var(--font-20);
}

h5{
	line-height:1.6em;
	font-weight:700;
	font-size:var(--font-18);
}

h6{
	line-height:1.6em;
	font-weight:700;
	font-size:var(--font-18);
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	position:static;
	max-width:1000px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	cursor:pointer;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:var(--main-color);
	font-size:var(--font-16);
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:var(--white-color);
	display:none;
	box-shadow:0px 0px 10px rgba(0,0,0,0.15);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.scroll-to-top:hover{
	color:var(--white-color);
	background:var(--main-color);
}

/* List Style One */

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-16);
	font-weight:400;
	line-height:1.8em;
	margin-bottom:var(--margin-bottom-10);
	padding-left:var(--padding-left-30);
}

.list-style-one li a{
	position:relative;
	color:var(--white-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;
}

.list-style-one li a:hover{
	color:var(--main-color);
}

.list-style-one li .icon{
	position:absolute;
	left:0px;
	top:5px;
	color:var(--main-color);
	font-size:var(--font-18);
	line-height:1em;
	font-weight:300;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/* Btn Style One */

.btn-style-one{ 
	position: relative;
	font-weight:700;
	overflow: hidden;
	text-align:center;
	border-radius:0px;
	padding:19px 32px;
	letter-spacing:1px;
	display:inline-block;
	color: var(--white-color);
	font-size: var(--font-12);
	text-transform: uppercase;
	background-color: var(--main-color);
}

.btn-style-one:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background: var(--color-four);
}

.btn-style-one:hover:before{
	top: 0%;
}

.btn-style-one .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-one .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-one .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-one:hover .btn-wrap .text-two{
	color: var(--white-color);
}

.btn-style-one:hover{
	
}

.btn-style-one:hover:before{
	top: -40%;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	font-weight:700;
	overflow: hidden;
	text-align:center;
	border-radius:0px;
	padding:17px 36px;
	letter-spacing:1px;
	display:inline-block;
	color: var(--color-four);
	font-size: var(--font-12);
	text-transform: uppercase;
	border:2px solid var(--color-four);
}

.btn-style-two:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background-color: var(--color-four);
}

.btn-style-two:hover:before{
	top: 0%;
}

.btn-style-two .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-two .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--color-four);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-two:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-two .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-two:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-two:hover .btn-wrap .text-two{
	color: var(--white-color);
}

.btn-style-two:hover{
	
}

.btn-style-two:hover:before{
	top: -40%;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	font-weight:700;
	overflow: hidden;
	text-align:center;
	border-radius:0px;
	padding:19px 47px;
	letter-spacing:1px;
	display:inline-block;
	color: var(--main-color);
	font-size: var(--font-12);
	text-transform: uppercase;
	background-color: var(--white-color);
}

.btn-style-three:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background: var(--color-four);
}

.btn-style-three:hover:before{
	top: 0%;
}

.btn-style-three .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-three .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--main-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-three:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-three .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-three:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-three:hover .btn-wrap .text-two{
	color: var(--white-color);
}

.btn-style-three:hover{
	
}

.btn-style-three:hover:before{
	top: -40%;
}

/* Btn Style Four */

.btn-style-four{ 
	position: relative;
	font-weight:700;
	overflow: hidden;
	text-align:center;
	border-radius:0px;
	padding:19px 36px;
	letter-spacing:1px;
	display:inline-block;
	color: var(--white-color);
	font-size: var(--font-12);
	text-transform: uppercase;
	border:1px solid var(--white-color);
}

.btn-style-four:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background: var(--white-color);
}

.btn-style-four:hover:before{
	top: 0%;
}

.btn-style-four .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-four .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-four:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-four .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-four:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-four:hover .btn-wrap .text-two{
	color: var(--main-color);
}

.btn-style-four:hover{
	
}

.btn-style-four:hover:before{
	top: -40%;
}

/* Btn Style Five */

.btn-style-five{
	position: relative;
	font-weight:700;
	overflow: hidden;
	text-align:center;
	border-radius:0px;
	padding:20.5px 42px;
	letter-spacing:1px;
	display:inline-block;
	color: var(--main-color);
	font-size: var(--font-12);
	text-transform: uppercase;
	background-color: var(--white-color);
}

.btn-style-five:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background: var(--color-four);
}

.btn-style-five:hover:before{
	top: 0%;
}

.btn-style-five .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-five .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--main-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-five:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-five .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-five:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-five:hover .btn-wrap .text-two{
	color: var(--white-color);
}

.btn-style-five:hover{
	
}

.btn-style-five:hover:before{
	top: -40%;
}

/* Btn Style Six */

.btn-style-six{
	position: relative;
	font-weight:700;
	overflow: hidden;
	text-align:center;
	border-radius:0px;
	padding:18px 42px;
	letter-spacing:1px;
	display:inline-block;
	color: var(--white-color);
	font-size: var(--font-12);
	text-transform: uppercase;
	background-color:var(--main-color);
}

.btn-style-six:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background: var(--color-fifteen);
}

.btn-style-six:hover:before{
	top: 0%;
}

.btn-style-six .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-six .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-six:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-six .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-six:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-six:hover .btn-wrap .text-two{
	color: var(--white-color);
}

.btn-style-six:hover{
	
}

.btn-style-six:hover:before{
	top: -40%;
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/***

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.sec-title_title{
	position: relative;
    font-weight: 700;
	letter-spacing:1px;
	color:var(--color-three);
	font-size:var(--font-16);
	text-transform:uppercase; 
	margin-bottom:var(--margin-bottom-10);
}

.sec-title_heading{
	font-weight:700;
	line-height:54px;
	color:var(--color-two);
}

.sec-title_text{
	line-height:28px;
	font-size:var(--font-16);
	color:var(--color-three);
	margin-top:var(--margin-top-25);
}

.sec-title.light .sec-title_title,
.sec-title.light .sec-title_text,
.sec-title.light .sec-title_heading{
	color:var(--white-color);
}

.sec-title.centered{
	text-align: center !important;
}

.sec-title.centered .separator{
	margin:0 auto;
}

/***

====================================================================
	Section Title Two
====================================================================

***/

.sec-title_two{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.sec-title_two_title{
	position: relative;
    font-size: 14px;
    padding: 7px 20px;
    letter-spacing: 1px;
    display: inline-block;
    color: var(--white-color);
    background-color: var(--main-color);
    text-transform: capitalize;
}

.sec-title_two_heading{
	position: relative;
    margin-top: 15px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Playfair Display', serif;
}

.sec-title_two_text{
	line-height:28px;
	font-size:var(--font-16);
	color:var(--color-three);
	margin-top:var(--margin-top-15);
}

.sec-title_two.light .sec-title_two_title,
.sec-title_two.light .sec-title_two_text,
.sec-title_two.light .sec-title_two_heading{
	color:var(--white-color);
}

.sec-title_two.centered{
	text-align: center !important;
}

/* Custom Select */

.form-group .ui-selectmenu-button.ui-button{
	top:-2px;
	width:100%;
	border:0px;
	padding: 0px 0px;
	font-style:normal;
	line-height:28px;
	font-size:var(--font-14);
	color:var(--color-three);
	background-color: var(--white-color);
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:12px;
	text-indent:0px;
	color:#a5a5a5;	
}

.form-group .ui-button .ui-icon:before{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:var(--font-12);
	font-weight:normal;
	text-align:center;
	z-index:5;
	color:var(--color-fiftyfour);
}

.ui-menu .ui-menu-item{
	font-size:var(--font-14);
}

.ui-menu .ui-menu-item:last-child{
	border:none;	
}

.ui-state-active, .ui-widget-content .ui-state-active{
	background-color:var(--main-color) !important;
	border-color:var(--main-color) !important;
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding:8px 20px;
	line-height:24px;
	font-size:var(--font-14);
}

.ui-menu-item:hover{
	background-color:var(--main-color);
}

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
animate.css	72.267KB	Edit File Delete File Rename
animate.min.css	56.628KB	Edit File Delete File Rename
bootstrap-rtl.min.css	24.327KB	Edit File Delete File Rename
bootstrap.min.css	114.56KB	Edit File Delete File Rename
boss_alphabet.css	1.063KB	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
boss_special.css	3.141KB	Edit File Delete File Rename
bossblog.css	16.916KB	Edit File Delete File Rename
calendar.css	10.984KB	Edit File Delete File Rename
camera.css	6.275KB	Edit File Delete File Rename
cleaner.css	3.458KB	Edit File Delete File Rename
color-2.css	137.158KB	Edit File Delete File Rename
color.css	0.181KB	Edit File Delete File Rename
colorScheme-1.css	21.933KB	Edit File Delete File Rename
colorScheme-2.css	21.933KB	Edit File Delete File Rename
colorScheme-3.css	21.933KB	Edit File Delete File Rename
colors.css	7.823KB	Edit File Delete File Rename
cs.animate.css	65.759KB	Edit File Delete File Rename
css2.css	6.166KB	Edit File Delete File Rename
custom-animate.css	11.691KB	Edit File Delete File Rename
customization.php	14.276KB	Edit File Delete File Rename
dark.css	41.967KB	Edit File Delete File Rename
default-color.css	0.11KB	Edit File Delete File Rename
demo-bike.html	30.321KB	Edit File Delete File Rename
demo.css	7.056KB	Edit File Delete File Rename
demp-fonts.css	1.021KB	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-awesome.min.css	23.186KB	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
fonts_open_sans.css	8.563KB	Edit File Delete File Rename
fonts_quicksand.css	2.965KB	Edit File Delete File Rename
footer.css	5.988KB	Edit File Delete File Rename
global.css	27.215KB	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
ion.rangeslider.css	10.828KB	Edit File Delete File Rename
jinggong.css	38.564KB	Edit File Delete File Rename
jquery.bootstrap-touchspin.css	0.754KB	Edit File Delete File Rename
jquery.fancybox.min.css	13.18KB	Edit File Delete File Rename
jquery.jgrowl.css	3.377KB	Edit File Delete File Rename
jquery.mCustomScrollbar.min.css	41.835KB	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
main.css	46.307KB	Edit File Delete File Rename
meanmenu.css	2.938KB	Edit File Delete File Rename
nouislider.min.css	3.453KB	Edit File Delete File Rename
odometer-theme-default.css	3.462KB	Edit File Delete File Rename
owl-carousel.css	6.146KB	Edit File Delete File Rename
owl.carousel.css	4.717KB	Edit File Delete File Rename
owl.carousel.min.css	4.103KB	Edit File Delete File Rename
owl.css	25.79KB	Edit File Delete File Rename
page-index.php	35.214KB	Edit File Delete File Rename
preloader.css	4.501KB	Edit File Delete File Rename
prettyPhoto.css	27.029KB	Edit File Delete File Rename
responsive.css	13.419KB	Edit File Delete File Rename
right-01.css	6.104KB	Edit File Delete File Rename
rtl.css	30.215KB	Edit File Delete File Rename
search.css	5.259KB	Edit File Delete File Rename
shop.css	3.013KB	Edit File Delete File Rename
style.css	251.087KB	Edit File Delete File Rename
style2.css	47.98KB	Edit File Delete File Rename
style_0.css	44.926KB	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
swiper.min.css	13.346KB	Edit File Delete File Rename
vendor.css	518.929KB	Edit File Delete File Rename
webfonts.css	18.669KB	Edit File Delete File Rename
webstyle.css	137.698KB	Edit File Delete File Rename
yoga.css	10.919KB	Edit File Delete File Rename