@charset "utf-8";

/* CSS Document */

  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  

/*----------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

* {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after,
{
	content: '';
	content: none;
}

 :focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,
a:hover,
a:active,
a:focus {
	outline: none;
	outline-style: none;
	outline-width: 0;
}

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

a {
	
	text-decoration: none;
	box-shadow: none;
	transition: all 0.4s ease-in-out 0s;
}

a:hover {
	text-decoration: none;
	box-shadow: none;
	border-bottom: none;
}

a:focus {
	text-decoration: none;
	box-shadow: none;
	border-bottom: none;
}


p {
	font-family: 'Poppins', sans-serif;
}

body {
	margin: 0;
	padding: 0px;
	font-family: 'Poppins', sans-serif;
	background: #fff;
	color: #000;
	line-height: normal;
	overflow-x: hidden;
}

.clear{ clear:both; height:0; }


.container {
	width: 90%; max-width:1200px;
}

header{ background:#ad77df; padding:20px 0 25px; }

.logo{ text-align:center; }

.hdr_menu{ margin-top:39px; }

.hdr_menu ul{ margin:0; padding:0; }

.hdr_menu ul li{ list-style:none; display:inline-block; margin-right:20px; }

.hdr_menu ul li a{ color:#bbff72; font-size:18px; text-transform:uppercase; letter-spacing:1px; font-family: "Jost", sans-serif; }

.hdr_menu ul li a:hover{ color:#fff; }

.bnr_area{ background:url(../images/banner.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding:250px 0; }

.bnr_area h1{ color:#bbff72; font-size:44px; font-weight:300; margin-bottom:20px; font-family: "Jost", sans-serif; letter-spacing:1px; }

.bnr_area p{ color:#fff; font-size:18px; letter-spacing:1px; font-family: "Jost", sans-serif; text-transform:uppercase; }

.sec1{ padding:70px 0 45px; }

.sec1 h2{ font-size:60px; font-weight:300; color:#a18bc5; font-family: "Jost", sans-serif; }

.sec1 p{ color:#adaeae; font-weight:400; margin-bottom:15px; line-height:26px; }

.sec1 a, .sec6 a{ color:#6eea10; }

.sec1 a:hover, .sec6 a:hover{ color:#000; }

.sec2{ text-align:center; padding-bottom:70px; }

.sec3{ background:url(../images/Woman_in_Laundry_room.jpg) no-repeat center top; background-size:cover; padding:200px 0; background-attachment:fixed; }

.sec3 h3{ color:#7bc64d; font-size:44px; font-weight:400; letter-spacing:2px; font-family: "Jost", sans-serif; }

.sec4{ padding:70px 0 55px; }

.sec4 h2{ font-size:60px; font-weight:300; color:#9787ae; font-family: "Jost", sans-serif; margin-bottom:30px; }

.sec4 p{ color:#adaeae; font-weight:400; margin-bottom:15px; line-height:28px; }

.sec5{ background:url(../images/bg2.png) no-repeat center top; background-size:cover; min-height:422px; }

.sec6{ padding:70px 0; }

.sec6 h2{ font-size:60px; font-weight:300; color:#9787ae; font-family: "Jost", sans-serif; margin-bottom:30px; }

.sec6 p{ color:#adaeae; font-weight:400; margin-bottom:15px; line-height:28px; font-style:italic; }

.sec6 p a{ font-style:normal; padding-top:20px; }

footer{ padding:40px 0; }

.ftr_socl{ text-align:center; }

.ftr_socl ul{ margin:0; padding:0; }

.ftr_socl ul li{ list-style:none; }

.ftr_socl ul li a{ color:#333; }

.ftr_menu{ text-align:center; }

.ftr_menu ul{ margin:0; padding:25px 0; }

.ftr_menu ul li{ list-style:none; display:inline-block; margin:0 5px; }

.ftr_menu ul li a{ color:#333; text-decoration:none; font-size:15px; font-weight:500; }

.ftr_menu ul li a:hover, .ftr_socl ul li a:hover, .copy a:hover{ color:#000; }

.copy{ text-align:center; color:#333; font-weight:300; font-size:15px; }

.copy a{ color:#333; font-weight:500; border-bottom:1px solid #666; }

.buy_area{ padding:70px 0; }

.store_area{ padding:40px 0 50px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; margin-top:30px; }

.store_area h5{ font-family: "Dancing Script", cursive; color:#fa30a5; font-size:33px; }

.store_area ul{ margin:0; padding:0; }

.store_area ul li{ list-style:none; margin-top:30px; }

.store_area ul li a{ display:inline-block; padding:20px 50px; color:#333; border:1px solid #333; }

.store_area ul li a:hover{ background:#333; color:#fff; }

.blog_area{ padding:20px 0 70px; }

.ech_blg_bx{ text-align:center; margin-top:50px; }

.ech_blg_bx h5{ font-family: "Dancing Script", cursive; color:#7bc64d; font-size:25px; margin-top:20px; }

.ech_blg_bx a h5{ color:#7bc64d; transition:.5s ease; }

.ech_blg_bx a:hover h5{ color:#333; }

.blogdetails{ padding:70px 0; text-align:center; }

.blogdetails h4{ font-family: "Dancing Script", cursive; color:#7bc64d; font-size:30px; padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:50px; }



#backToTop {
    display: inline-block;
    background: url(../images/up_arw.png) no-repeat center #7bc64d;
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
	border-radius:50%;
  }

  #backToTop:hover {
    cursor: pointer;
    background-color: #333;
  }
  #backToTop:active {
    background-color: #333;
  }
  #backToTop.show {
    opacity: 1;
    visibility: visible;
  }
  
  
  
  
/*responsive css*/  



 @media screen and (max-width: 980px) {
    
	
}


 @media screen and (max-width: 767px) {
 
    .hdr_menu{ margin-top:0; text-align:center; }
	.hdr_menu ul li{ margin:0 10px; }
	.hdr_menu ul li a{ font-size:16px; }
	.sec1{ padding:40px 0 20px; }
	.sec1 h2{ font-size:40px; margin-bottom:25px; }
	.sec2{ padding-bottom:50px; }
	.sec4 h2{ font-size:40px; margin-bottom:25px; }
	.sec4{ padding:40px 0 20px; }
	.sec5{ min-height:150px; }
	.sec6{ padding:55px 0 44px; }
	.sec6 h2{ font-size:40px; margin-bottom:25px; margin-top:40px; }
	.sec6 p{ text-align:left !important; }
	.buy_area{ padding:40px 0; }
	.blog_area{ padding:10px 0 40px; }
	.blogdetails{ padding:50px 0; }
	.blogdetails h4{ margin-bottom:40px; }
	#backToTop{ width:40px; height:40px; bottom:5px; right:5px; }
	
}
 