@charset "utf-8";
/* set html font size 10px as the base, 1rem=10px */
html{font-size:10px;}
body{font-size:1.4rem;color:#ffffff; font-family:Ridley Grotesk, Arial, Helvetica, sans-serif; background:#0b0b0b; padding-top:7rem;}/*font-size 1.4rem or 14px in default; Ridley Grotesk font from server side;*/
/*public tools*/
a{text-decoration:none;font-size:1.4rem;color:#ffffff;}
ul,li{padding:0; margin:0; list-style:none;}
@font-face{
	font-family: 'Ridley Grotesk';
	font-display: swap;
	font-weight: 400;
    font-style: normal;
	src: url('fonts/ridley_grotesk_regular.eot');/* IE9 */
	src: url('fonts/ridley_grotesk_regular.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
		url('fonts/ridley_grotesk_regular.woff') format('woff'),/* chrome、firefox */
		url('fonts/ridley_grotesk_regular.ttf') format('truetype');/* chrome、 firefox、opera、 Safari, Android, i0s 4.2+*/	
}
@font-face{
	font-family: 'Ridley Grotesk';
    font-display: swap;
    font-weight: 700;
    font-style: normal;	
	src: url('fonts/ridley_grotesk_bold.eot');/* IE9 */
	src: url('fonts/ridley_grotesk_bold.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
		url('fonts/ridley_grotesk_bold.woff') format('woff'),/* chrome、firefox */
		url('fonts/ridley_grotesk_bold.ttf') format('truetype'),/* chrome、 firefox、opera、 Safari, Android, i0s 4.2+*/
		url('fonts/ridley_grotesk_bold.svg#webfont') format('svg');/* i0s 4.1- */		
}
@font-face{
	font-family: 'Ridley Grotesk';
    font-display: swap;
    font-weight: 800;
    font-style: normal;
	src: url('fonts/ridley_grotesk_extra_bold.eot');/* IE9 */
	src: url('fonts/ridley_grotesk_extra_bold.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
		url('fonts/ridley_grotesk_extra_bold.woff') format('woff'),/* chrome、firefox */
		url('fonts/ridley_grotesk_extra_bold.ttf') format('truetype'),/* chrome、 firefox、opera、 Safari, Android, i0s 4.2+*/
		url('fonts/ridley_grotesk_extra_bold.svg#webfont') format('svg');/* i0s 4.1- */	
}
.text-gold {
	  background: -webkit-linear-gradient(top, #faeac8, #d8bc8b); /* Chrome, Safari */
	  background: linear-gradient(to bottom, #faeac8, #d8bc8b); /* Standard syntax */
	  -webkit-background-clip: text;
	   background-clip: text;
	  -webkit-text-fill-color: transparent;
	  color: transparent; font-weight:bold; 
}

.bg-gold{background-image: linear-gradient(100deg, #faeac6, #ab8a5f);}
.bg-gold-y{background-image: linear-gradient(to bottom, #faeac6, #ab8a5f);}
.bg-card{background:#121212;}
/*gold btn used in banner*/
a.btn-more{width:20rem; height:5rem; line-height:4.5rem;  background-image: linear-gradient(100deg, #faeac6, #ab8a5f); border:none; font-size:2rem;}

/*gold btns used in home news distributors etc.*/
a.abtns{ display:block;width:18rem; height:4.5rem; line-height:4.5rem; margin:0 auto; border:1px solid #a1825a;  text-align:center; color:#e4cea4; font-weight:bold; position:relative; overflow:hidden; transition:all .5s;}
a.abtns:hover{background:#a1825a;  color:#fff;}
/* atbns sliding background effect, if no need, just removed the css below*/
a.abtns::before,a.abtns::after {content: "";display: block;width:18rem;height: 100%;background: rgba(250, 234, 198, 0.5);opacity: 0.5;position: absolute;top: 0;left: 0;transform: skewX(-15deg) translateX(-300px);filter: blur(10px);overflow: hidden;}
a.abtns::after {width: 40px;background: rgba(161, 130, 90, 0.3);left: 60px;opacity: 0.5;filter: blur(5px);}
a.abtns:hover::before {transition: 1s;transform: translateX(320px);opacity: 0.7;}
a.abtns:hover::after {transition:  1s;transform: translateX(320px);opacity: 1; }
/* atbns end*/

.languages{transform:translateX(-20%) translateY(-2px);}

.container{max-width:1500px!important;}

/*pc and mobile header*/
.topnav{height:7rem;background:#010101!important; z-index:999999; padding:0;}
.topnav a.navbar-brand{width:18%;}
.topnav .navbar-toggler{ box-shadow:0 0 4px #aa895e;}
.topnav .navbar-toggler:hover{ box-shadow:0 0 4px #f1dfb9;}
.topnav .navbar-toggler .navbar-toggler-icon{ filter: brightness(0) invert(1); }
.topnav  a.nav-link{ font-weight:bold; }
.topnav  a.nav-link:hover{
	background: -webkit-linear-gradient(top, #faeac8, #d8bc8b); /* Chrome, Safari */
	  background: linear-gradient(to bottom, #faeac8, #d8bc8b); /* Standard syntax */
	  -webkit-background-clip: text;
	   background-clip: text;
	  -webkit-text-fill-color: transparent;
	  color: transparent; font-weight:bold; 
}
.topnav .dropdown-toggle::after{ color:#e2cca3;}
#navmenu .dropdown-menu li{line-height:4rem; min-width:20rem;}
#navmenu .dropdown-menu li a:visited{background:#010101;}
#navmenu .dropdown-menu li a:hover{background:#393838;}
a.translate-ico{font-size:2rem;}

/* breadcram navigation*/
.breadnavbg{height:5rem; background:#282828;}
.breadnavbg nav li{color:#fff; line-height:5rem;}
.breadnavbg nav li a{color:#fff; font-size:1.6rem;}
.breadnavbg nav li a.active{color:#dcb878;}
.breadnavbg .breadcrumb-item+.breadcrumb-item::before{color:#fff;}

/*pagination for product list, news list */
.pagenav{ display:flex; justify-content:center; margin:4rem auto 1rem;}
.pagenav .pagination {--bs-pagination-bg:#0b0b0b!important;}
.pagenav .pagination li a{color:#fff;}
.pagenav .pagination .page-link {border-color: #464646;}
.pagenav .page-item .page-link:hover {background-color: inherit;}
.pagenav .pagination .active a.page-link{background:none; color:#dbc395; font-weight:bold;}

/*footer part*/
.footer-top{ background:#1b1b1b; padding-top:6rem; padding-bottom:7rem;}
.footer-top .footer-info p{ padding-right:6rem; color:#fff;}
.footer-top .footer-info .footer-logo{margin:0 0 20px 0;padding:0.2rem 0 0.2rem 0;}
.footer-top h4{ font-size:1.8rem; font-weight:600;}
.footer-top .footer-links ul{ list-style:none; padding:0; margin:0;}
.footer-top .footer-links ul li{ padding:0.7rem 0; }
.footer-top .footer-links ul li a{color:#fff;}
.footer-top .subscribeform{width:32.5rem; height:4.5rem; border:2px solid #d3b786; border-radius:2.3rem;display:flex; justify-content:space-between; margin:3rem 0;}
.footer-top .subscribeform input.subscribeinput{width:21rem; height:4rem; line-height:4rem; background:none; border:none; color:#fff; margin-left:2rem;}
.footer-top .subscribeform input.subscribeinput::placeholder{color:#e4e1e1;}
.footer-top .subscribeform input.subscribeinpu:focus{border:none; outline:none;}
.footer-top .subscribeform button.subscribebtn{width:11rem; height:4.2rem; border-radius:2rem;background-image: linear-gradient(0deg, #ab8a5f,#faeac6 ); border:none; font-weight:bold; font-size:1.6rem;}

@media (max-width: 1350px) {
.footer-top .subscribeform{width:100%; max-width:45rem;}
.footer-top .subscribeform input.subscribeinput{width:100%;}
.footer-top .subscribeform button.subscribebtn{width:11rem; height:4.2rem; border-radius:2rem;background-image: linear-gradient(100deg, #faeac6, #ab8a5f); border:none; font-weight:bold; font-size:1.6rem;}
}
.footer_box .social-links a{ color:#e3e3e3;display: flex;align-items: center;justify-content: center;width:4rem; height:4rem; border-radius:0.4rem; border:#CCC 1px solid;font-size:2rem;margin-right:1rem;}
.footer_box .social-links a:hover{ color:#d9c092; border:#d9c092 1px solid;}
.footer-bottom{ background:#111111; font-size:1.4rem; line-height:2.4rem;}


/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 35px; z-index: 99999;background-color:#303030;width: 40px; height: 40px;border-radius: 4px;transition: all 0.4s;}
.scroll-top i {font-size: 24px;color:#fff;line-height: 0;}
.scroll-top:hover {background-color:#ff7302; color:#fff;}
.scroll-top.active {visibility: visible;opacity: 1;}






/*only pc*/
@media (min-width: 992px) {
#navmenu>ul>li{margin-left:4rem; font-size:1.6rem;height:7rem;}
#navmenu>ul>li>a{display:block;height:7rem; line-height:7rem;}
}


/*ipad  or mobile*/
@media (max-width: 992px) {
.topnav{ padding-top:1rem; padding-bottom:2rem; }
.topnav #navmenu{ background:#0b0b0b;box-shadow:#282828 0px 2px 4px; padding:2rem 1rem;}/*dropdown background*/
.topnav a.navbar-brand{width:30%;}
.navbar-toggler-icon{ font-size:1.6rem;}

/*gold btn used in banner*/
a.btn-more{height:3.5rem; line-height:3rem; font-size:1.6rem;}

.languages{ transform:translateX(0) translateY(0); }

}


/*only mobile phone */
@media (max-width: 768px) {
.topnav a.navbar-brand{width:40%;}
.footer-top .footer-info .footer-logo{width:60%; max-width:23rem;}
.footer_box .col-md-6{ margin-bottom:3rem;}	
.footer_box .followus{margin-bottom:0px;}
.footer_box .container{padding-left:2rem;}
}


/* formatting of captcha */
.vcode{ display: block!important; padding-bottom: 10px;}
.vcode>img{width: 200px!important; height: 50px; margin-right: 10px;}
.vcode i{font-size: 3rem;}
 
@media (max-width: 768px) {
.vcode>img{ margin-bottom: 10px;}