@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
.socail-icon{}
.socail-icon ul{
    padding: 0;margin: 0;
}
.socail-icon ul li{
    list-style-type: none;
    display: inline-block;
}
.socail-icon ul li a{
    color:#6d6d6d;
    font-size: 15px;
    padding: 0px 9px;
	text-decoration: none;
}
.socail-icon ul li a:hover{
	color: #000000;
}
.socail-icon ul li p{
    color: #6d6d6d;
    font-size: 12px;
    padding-right: 26px;
}
.search{}
.search ul{
    padding: 0px;margin: 0px;
    text-align: center;
}
.search ul li{
    list-style-type: none;
    display: inline-block;
}
.search ul li:first-child a{
    padding-right: 10px;
}
.search ul li a{
    color: #6d6d6d;
	text-decoration: none;
}
.search ul li a:hover{
	color: #000000;
}
.search ul li p{
    color: #6d6d6d;
    font-size: 12px;
}
.search,.socail-icon{
	border-bottom: 1px solid #dadada;
}
.middle-header {
    text-align: center;
	position: relative;
}
.middle-img{
	position: absolute;
    width: 100%;
    top: -17px;
	z-index: 9;
}
.main-menu {
    margin-top: 90px;
}
.main-menu ul{
    padding: 0px;margin: 0px;
    text-align: center;
}
.main-menu ul li{
    list-style: none;
    display: inline-block;
}
.main-menu ul li a{
    color: #1e1e1e;
    font-size: 16px;
    padding: 13px 23px;
    display: inline-block;
    font-family: 'Playfair Display', serif;
	text-decoration: none;
	transition: 0.4s;
}
.main-menu ul li a:hover{
	background-color: #000000;
	color: #fff;
}
.catagry{
	padding: 45px 0;
}
.cat{
	text-align: center;
}
.cat a{
text-decoration: none;
}
.cat h5{
	color: #1e1e1e;
	font-size: 22px;
	text-transform: uppercase;}
	.cat h6{
color: #fff;
background-color: #202020;
padding: 5px 0px 5px 0px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 15px;
padding-left: 9px;
transition: 0.45s;
	}
	.cat .cat-img{overflow: hidden;}
	.cat .cat-img img {
		
		transition: 0.45s;
	}
	.cat:hover .cat-img img {
		transform: scale(1.04);
		transform: scale(1.1) rotate(
			2deg
			);
	}
	.main-about-us{
		background:url(../images/about-us.jpg)no-repeat;
		background-size: cover;}
		.about-us{
			padding: 47px 0px 47px 0px;
			text-align: center;
		}
		.about-us h2{
			font-size: 16px;
			letter-spacing: 14px;
			font-family: 'Raleway', sans-serif;
			margin: 0px;
		}
		.about-us h3{
			font-family: 'Raleway', sans-serif;
			font-size: 30px;

		}
		.about-us p{
			font-family: 'Raleway', sans-serif;
			text-transform: lowercase;
			padding: 10px 49px;
		}
		.about-us a{
			font-size: 13px;
			color: #1e1e1e;
			border: 2px solid #464646;
			border-radius: 10px;
			display: inline-block;
			padding: 13px 20px;
			letter-spacing: 3px;
			font-family: 'Raleway', sans-serif;
			text-decoration: none;
			transition: 0.4s;
		}
		.about-us a:hover{
			background-color: #202020;
			color: #fff;
		}
		.products{
			text-align: center;
			padding: 55px 0px;
		}
		.products h3{
			color: #000000;
			font-size: 16px;
			font-family: 'Raleway', sans-serif;
			letter-spacing: 3px;
			text-transform: uppercase;
			margin:0px;
		}
		.products h4{
			font-size: 25px;
			font-family: 'Raleway', sans-serif;
		}
		.fea{border: 9px solid #f1f1f1;}
		.featured{
			padding-bottom:60px ;
		}
		.fea-pro .prod-img{
			overflow: hidden;
		}
		.fea-pro .prod-img img{
			transition: 0.4s;
		}
		.fea-pro:hover .prod-img img{
			transform: scale(1.04);
			transform: scale(1.1) rotate(
				2deg
				);
		}
		.fea-pro {
			color: #121212;
			text-align: center;
			border-bottom: none;
		}
		.fea a{
			text-decoration: none;
		}
		.fea-pro p{
			font-family: 'Raleway', sans-serif;
			font-size: 14px;margin:0px;
			padding: 10px 0px;
		}
		.fea-pro p b{
			font-size: 15px;
			font-family: 'Raleway', sans-serif;
			font-weight: 700;
			font-family: 'Open Sans', sans-serif;
			margin: 0;

		}
.button ul{
	padding: 0px;margin: 0;
}
.button ul li{
	display: inline-block;
	list-style: none;
}
.button ul li a{
	color: #2c2c2c;
	background-color: #f1f1f1;
	font-size: 12px;
	text-transform: uppercase;display: inline-block;
	padding: 16px 23px;
	transition: 0.4s;
}
.button ul li a:hover{
	background-color: #2a2d33;
	color: #fff;

}
.footer{
	padding: 50px 0px 0px 0px;
	background-color: #131519;
}
.footer-lings{}
.footer-lings h2{
	font-size: 18px;
	color: #ffffff;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.footer-lings h5{
	color:#9c9c9d ;
	font-size: 17px;
	font-weight: 300;
	transition: 0.4s;
}
.footer-lings h5:hover{
	color: #fff;
}
.footer-lings a{
	text-decoration: none;
	color: #9c9c9d;
	transition: 0.4s;
}
.footer-lings a:hover{
	color: #fff;
}
.footer-lings media{}
.footer-lings .media i{
	color: #ffffff;
}
.footer-lings p{
	color: #9c9c9d;
	font-size: 15px;
	
}
.br-right{
	border-right: 1px solid #272727 ;
}
.square{}
.square form{
	position: relative;
}
.square form button{
	border: 0;
	position: absolute;
	top: 0;right: 10px;
	background:none;
	height:55px ;
	color: #9e9fa0;
}
.square form input{
	border: 0;
	width: 100%;
	background-color:#1e2127 ;
	height: 55px;
	padding-left: 20px;color: #5e6062;
}
.square form input:focus{
	outline: none;
}
.build{}
.build img{
	padding: 26px 3px;
}
.top-footer{
	border-bottom: 1px solid #272727 ;
}
.middle-footer{}
.middle-footer .main-menu-2{
	margin-top: 10px;
}
.middle-footer ul{
	padding: 0px;margin: 0px;
    text-align: center;
}
.middle-footer ul li{
	list-style: none;
    display: inline-block;
}
.middle-footer ul li a{
	color: #9c9c9d;
    font-size: 16px;
    padding: 13px 23px;
    display: inline-block;
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	transition: 0.4s;
}
.middle-footer ul li a:hover{
	color: #fff;
}
.main-menu-2{
	padding-bottom: 8px;
}
.main-menu-2{
	border-bottom: 1px solid #272727;
}
.last-menu {
	margin: 0px;
}
.last-menu p{
	color: #9c9c9d;
	text-align: center;
	padding: 25px 0px;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
}
.last-menu a{
	text-decoration: none;
	color: #9c9c9d;
	transition: 0.45s;
}
.last-menu a:hover{
	color: #fff;
}
/*Search*/
.open-search{background:rgba(0,0,0,0.9); position:fixed; top:0px; left:0px; right:0px; z-index:9999; bottom:0px; height:100%;}
.open-search .search-target{position:absolute; top:50%; left:15%; right:15%; text-align:center; transform:translateY(-50%);}
.open-search .search-target form{position:relative;}
.open-search .search-target form input{display:block; padding-left:20px; width:100%; outline:none; border-radius:5px; font-size:16px; height:60px;
 background:transparent; color:#ffffff; border:none; border-bottom:1px solid #fff; border-radius:0;}
.open-search .search-target form button{ border:none; display:block; outline:none; border-radius:0px 5px 5px 0px; height:60px; position:absolute; top:0px; right:0px; 
 color:#fff; font-size:17px; background:transparent; padding:0px 40px;}
.open-search .search-target form button:hover{}
.search-wrapper01{position:absolute; top:20px; right:20px; z-index:999; cursor:pointer; padding:10px;}
.search-wrapper01::after{display:block; content:""; background:#fff; height:45px; width:2px; transform:rotate(-45deg);}
.search-wrapper01::before{display:block; content:""; background:#fff; height:45px; width:2px;  transform:rotate(45deg); position:absolute;}
.search-wrapper01:hover::after,
.search-wrapper01:hover::before{background:#9c9c9d;}
/******************************************/