@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');

body

{

	font-family: 'Maven Pro', sans-serif;

}

a:hover, a:active, a:focus
{
	color:#fff;
	text-decoration: none;
	box-shadow: none!important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	outline: none!important;
	-moz-outline:none!important;
	-webkit-outline:none!important;
	text-decoration: none!important;
	-moz-text-decoration:none!important;
	-webkit-text-decoration:none!important;
	background: none!important;
	-moz-background:none!important;
	-webkit-background:none!important;
}
.nav-link:focus, .nav-link:hover
{
	box-shadow: none!important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	outline: none!important;
	-moz-outline:none!important;
	-webkit-outline:none!important;
	text-decoration: none!important;
	-moz-text-decoration:none!important;
	-webkit-text-decoration:none!important;
	background: none!important;
	-moz-background:none!important;
	-webkit-background:none!important;
}
button:active, button:focus
{
	box-shadow: none!important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	outline: none!important;
	-moz-outline:none!important;
	-webkit-outline:none!important;
	text-decoration: none!important;
	-moz-text-decoration:none!important;
	-webkit-text-decoration:none!important;
	background: none!important;
	-moz-background:none!important;
	-webkit-background:none!important;
}

.text-theme

{

	color: #292929;	

}

.small-font

{

	font-size: 14px;

}

.text-gold

{

	color: #998045!important;

}

.border-gold

{

	border-color: #998045!important;	

}

.light-bold

{

	font-weight: 500;

}

.bold

{

	font-weight: 700;

}

/*header*/

header

{

	position: absolute;

	width: 100%;

	float: left;

	text-align: center;

}

header .main-logo

{

	width: 100%;

	float: left;

	text-align: center;

}

header .main-logo  img

{

	width: 100px;

}

header .navbar-expand-md .navbar-collapse

{

	/*display: grid!important;*/

	justify-content: center;

}

header .navbar-expand-md .navbar-collapse ul

{

	/*width: 100%;*/

	margin:0 auto;

}

header .nav-item
{
	padding: 0 15px;
}
header .nav-link

{

	color: #292929;

	font-size: 14px;

	font-weight: 500;

	opacity: 0.8;

	transition: 0.5s;

}

header .nav-link:hover

{

	color: #998045;

	opacity: 1;

	transition: 0.5s;

	letter-spacing: 1.5px;

	border-bottom: 2px solid #292929;

}

.active-menu
{
	border-bottom: 2px solid #292929;
}




/*banner*/

#banner

{

	width:100%;

	float:left;

	height: 100vh;

	background-image: url(../img/banner.png); 

	background-size: cover; 

	display: flex;

	align-items: center;

	justify-content: center;

	background-repeat: no-repeat;

}

#banner .banner-text

{

	width: 100%;

	text-align: center;

}

#banner .banner-text h2

{

	font-size: 45px;

	color: #292929;

}

#banner .banner-text p

{

	font-weight: 600;

	color: #292929;

	opacity: 0.7;

	font-size: 20px;

}

#banner .banner-text button

{

	border:none;

	border-bottom: 1px solid #292929;

	background: none;

	color: #292929;

	opacity: 0.9;

    font-size: 14px;

    font-weight: 500;

    padding: 0;

    padding-bottom: 2px;

    margin-top: 50px;

}

#banner .banner-text button:hover

{

	color: #998045;	

	border-color: #998045;

	opacity: 1;

}

.theme-button

{

	border:none;

	border-bottom: 1px solid #292929;

	background: none;

	color: #292929;

	opacity: 0.9;

    font-size: 14px;

    font-weight: 500;

    padding: 0;

    padding-bottom: 2px;

    text-transform: uppercase;

    transition: 0.5s;

}

.theme-button:hover

{

	letter-spacing: 1.5px;

	transition: 0.5s;

}

/*reaserch*/

#research

{

	width: 100%;

	float: left;

	padding: 50px 0 ;

	background: #EEEEEE;

}



#product-details

{

	width: 100%;

	float: left;

	padding: 50px 0 ;

}

#product-details .text-area

{

	display: flex;

	align-items: center;



}

#product-details .text-area .theme-button

{

	color: 

}









/*all products*/

#all-products

{

	width: 100%;

	float: left;

	padding: 50px 0 ;	

}

#all-products .product-card 

{

	overflow: hidden;

}

#all-products .product-card .img-div

{

	overflow: hidden;

}

#all-products .product-card img

{

	transition: 1s;

	/*cursor: pointer;*/

}

#all-products .product-card img:hover

{

	transform: scale(1.1);

	transition: 1s;

}

#gold-area

{

	float: left;

	width: 100%;

	padding: 100px 15px;	

	background-image: url(../img/gold-texture.png);
	-webkit-background-image: url(../img/gold-texture.png);
	-moz-background-image: url(../img/gold-texture.png);
	-ms-background-image: url(../img/gold-texture.png);

	background-position: 100%;

}

#gold-area .inner-text

{

	background: #FFFFFF 0% 0% no-repeat padding-box;

	border-radius: 32px;

	background: #ffffff30;

	opacity: 1;

	backdrop-filter: blur(5px);

	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	-ms-backdrop-filter: blur(5px);

	width: 640px;

    margin: 0 auto;

    padding: 50px;

}

#gold-area .inner-text h4

{

	font-size: 22px;

	text-align: center;

    line-height: 1.3;

}









#customer-says

{

	width: 100%;

	float: left;

	padding: 100px 0;

}

#customer-says #demo

{

	width: 100%;

	text-align: center;

}

#customer-says #demo .carousel-item h4

{

	font-size: 28px;

}



#solutions

{

	padding: 100px 0;

	width: 100%;

	float: left;

}

#solutions .solutions-block

{

	width: 100%;

	float: left;

	background: #292929;

	padding: 15px;

	border:4px solid transparent;

	border-image: linear-gradient(to right, #FFFB90, #C49F40);
	-webkit-border-image: linear-gradient(to right, #FFFB90, #C49F40);
	-moz-border-image: linear-gradient(to right, #FFFB90, #C49F40);
	-ms-border-image: linear-gradient(to right, #FFFB90, #C49F40);

	border-image-slice: 1;

	/*background:  transparent linear-gradient(90deg, #FFFB90 0%, #FBE978 14%, #F8DC65 24%, #E6C758 27%, #C49F40 34%, #AC832F 40%, #9E7225 45%, #996C22 49%, #9D7125 52%, #A98030 56%, #BD9A42 60%, #D9BE5A 64%, #FBE878 69%, #FFFFAA 77%, #FBE878 83%, #A4631B 100%) 0% 0% no-repeat padding-box;*/

}

#solutions .solutions-block .inner-text

{

	padding: 80px;

	border:7px solid transparent ;

	border-image: linear-gradient(90deg, #FFFB90 0%, #FBE978 14%, #F8DC65 24%, #E6C758 27%, #C49F40 34%, #AC832F 40%, #9E7225 45%, #996C22 49%, #9D7125 52%, #A98030 56%, #BD9A42 60%, #D9BE5A 64%, #FBE878 69%, #FFFFAA 77%, #FBE878 83%, #A4631B 100%) 0%;
	-webkit-border-image: linear-gradient(90deg, #FFFB90 0%, #FBE978 14%, #F8DC65 24%, #E6C758 27%, #C49F40 34%, #AC832F 40%, #9E7225 45%, #996C22 49%, #9D7125 52%, #A98030 56%, #BD9A42 60%, #D9BE5A 64%, #FBE878 69%, #FFFFAA 77%, #FBE878 83%, #A4631B 100%) 0%;
	-moz-border-image: linear-gradient(90deg, #FFFB90 0%, #FBE978 14%, #F8DC65 24%, #E6C758 27%, #C49F40 34%, #AC832F 40%, #9E7225 45%, #996C22 49%, #9D7125 52%, #A98030 56%, #BD9A42 60%, #D9BE5A 64%, #FBE878 69%, #FFFFAA 77%, #FBE878 83%, #A4631B 100%) 0%;
	-ms-border-image: linear-gradient(90deg, #FFFB90 0%, #FBE978 14%, #F8DC65 24%, #E6C758 27%, #C49F40 34%, #AC832F 40%, #9E7225 45%, #996C22 49%, #9D7125 52%, #A98030 56%, #BD9A42 60%, #D9BE5A 64%, #FBE878 69%, #FFFFAA 77%, #FBE878 83%, #A4631B 100%) 0%;

	border-image-slice: 1;

}

#solutions .solutions-block .inner-text h1 
{
	font-size: 50px;
}
#solutions .solutions-block .inner-text h1 span
{
	background-color: #C49F40;
    background-image: linear-gradient(90deg, #FFFB90, #C49F40);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}




#contacts

{

	float: left;

	width: 100%;

	padding: 100px 0;

}

.submit-btn

{

	background-color:  #998045;

	font-size: 16px;

	font-weight: 600;

	padding: 14px 40px;

	border:none;

	color: #fff;

}
.submit-btn:hover, .submit-btn:focus {
    background-color: #000 !important;
    color: #fff;
}






































/*footer*/

footer

{

	padding: 50px 0;

	float: left;

	width: 100%;

	background-image: url(../img/footer.png);

	background-size: cover;

	background-repeat: no-repeat;

}

footer .footer-nav 

{

	width: 100%;

	text-align: center;

	display: flex;

	list-style: none;

	justify-content: center;

	padding-left: 0;

}

footer .footer-nav  li

{

	width: auto;

	float: left;

}

footer .footer-nav  li a

{

	color: #EEEEEE;

	padding: 0 20px;

	font-size: 14px;

	letter-spacing: 1px;

	transition: 0.5s;

}

footer .footer-nav  li a:hover

{

	transition: 0.5s;

	letter-spacing: 2px;

	text-decoration: none;

}

.for-mobile
	{
		display: none;
	}
	.for-desktop
	{
		display: block;
	}




@media only screen and (max-width: 768px)

{
	#banner
	{
		background-size: cover;
		background-repeat: no-repeat; 
	}

	footer

	{

		background-position: top;		

	}

	header .navbar-expand-md .navbar-collapse	

	{

		/*display: inline-block!important;*/

	}

	header .navbar-expand-md .navbar-collapse ul

	{

		background: #fff;

	}

	.navbar-toggler

	{

		box-shadow: 0 0 5px #bf893f;

	}

	footer .col-md-4

	{

		text-align: center!important;

	}
	footer .col-md-6,
	footer .col-md-6.text-right
	{
		text-align: center!important;
	}

	.products-caption

	{

		padding: 0!important;

	}

	#product-details .products-caption

	{

		margin-bottom: 15px

	}
	#solutions .solutions-block .inner-text
	{
		padding: 40px;
	}

	header .main-logo
	{
		text-align: left;
		padding-left: 10px;
	}

	.navbar
	{
		position: absolute;
		top: 20px;
		right: 0;
	}
	header .navbar-expand-md .navbar-collapse
	{
		    position: absolute;
		    top: 48px;
		    right: 50px;
		    min-width: 200px;
	}
	#customer-says #demo .carousel-item h4
	{
		font-size: 25px;
	}
	.for-mobile
	{
		display: block;
	}
	.for-desktop
	{
		display: none;
	}
	.last-product
	{
		text-align: center!important;
	}
	.last-product img
	{
		width: 100%!important;
	}
	.products-right-side-caption
	{
		padding: 15px!important;
	}

}
@media only screen and (max-width: 360px)
{
	#solutions .solutions-block .inner-text h1
	{
		font-size: 35px;
	}
	#customer-says #demo .carousel-item h4
	{
		font-size: 22px;
	}
}