/*
* HMI Technologies Mumbai
** CSS **
*
* This is the default Over ride CSS file.
*
*/

/* FONT IMPORTS - Only Titillium Web and Cormorant */
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&family=Cormorant:wght@300;400;500;600;700&display=swap" rel="stylesheet">

/*santosh css for footer*/

.show-m, .d-flex{display:block !important}
.created-by{font-size:18px; line-height:24px; margin-top:5px;display:block; font-weight:400; color:#888888;}
.show-m-flex{display:flex}
body .show-d, body .show-d-flex, .quote-info>br{display:none !important}
.footer-wrap-block .font-size-social{font-size:23px; border:none; flex:1 1 25%; display: flex;}
.footer-wrap-block, .footer-copyright-text{padding:40px 34px 30px}
.footer-wrap-block .font-size-social.first{padding-left:15px}
.mobile-mt-28{margin-top:28px}
.mobile-mb-14{margin-bottom:14px;}
.footer-wrap-block .footer-list-title{font-size:16px}
.footer-wrap-block .footer-list-link{font-size:13px; text-align:left}
.footer-wrap-block .footer-list-link li{margin-bottom:16px;}
.footer-list-link li a{color:#262626}
.footer-wrap-block .footer-list-link li:first-child{margin-top:16px;}
.footer-wrap-block .footer-list-link li:last-child{margin-bottom:0;}
.footer-copyright-text{padding-top:0}
.footer-copyright-text div{font-size:12px; line-height:14px; color:#888888; padding-left:0; padding-right: 0;}
.social-footer-mobile{margin-top: 20px; margin-left:-15px;}
.footer svg{max-width:none}
.footer-logo{width:211px}
.pt-0{padding-top:0}
.pl-0{padding-left:0}
.pr-0{padding-right:0}
.mx--10, .m-mx--10{margin-left:-10px; margin-right:-10px}
.mx--20, .m-mx--20{margin-left:-20px; margin-right:-20px}

/*santosh css for footer end*/

/*list nav links*/
.list-nav-links ul{padding:0;}
.list-nav-links ul li{list-style-type:none;margin-bottom:0;}
/*list nav links end*/

/*blue link*/
.webform a, .blue-link{color: #007AA3; text-decoration: underline;}
.webform a:hover, .blue-link:hover{text-decoration: none;}

/*golden button santosh css*/
input.golden-btn[type="submit"], .golden-btn{
	background:#D7BD72; 
	border:0 none; 
	line-height:18px; 
	padding:19px 30px; 
	width:100%; 
	max-width:232px;
	font-family: 'Cormorant', serif;
}
input.golden-btn[type="submit"]:hover, .golden-btn:hover, input.golden-btn[type="submit"]:active, .golden-btn:active{background:#D1B45E;}
.arrow-gold-btn{
	display:flex; 
	padding:8px 52px 8px 24px; 
	text-align:left; 
	height:56px; 
	max-width:232px; 
	-webkit-align-items: center; 
	align-items: center; 
	-webkit-justify-content: space-between; 
	justify-content:space-between; 
	position:relative; 
	background: #000000; 
	border:2px solid #D7BD72; 
	border-radius:3px;
	font-family: 'Cormorant', serif;
}
.arrow-gold-btn:after, .arrow-btn-list:after{content: ""; background:url('https://uxui.fcilondon.co.uk/site-assets/images/arrow.png') no-repeat; width:20px; height:18px; position: absolute; right: 24px; background-position: left center;}
.arrow-gold-btn:after{background-image:url('https://uxui.fcilondon.co.uk/site-assets/images/gold-arrow.svg'); right:22px;}
.arrow-gold-btn:hover:after{right:18px;}
.arrow-gold-btn .btn-text, input.golden-btn[type="submit"], .golden-btn{
	font-size:16px; 
	font-weight:500; 
	color:#262626; 
	line-height: 18px; 
	font-family: 'Cormorant', serif;
}
.arrow-gold-btn .btn-text{color:#D7BD72}
.golden-btn.w-full{max-width:none; width:100%:}

/*shadow arrow button for listing*/
.arrow-btn-list {
	background:#ffffff; 
	display:flex; 
	padding:14px 52px 14px 24px; 
	text-align:left; 
	height:52px; 
	-webkit-align-items: center; 
	align-items: center; 
	-webkit-justify-content: space-between; 
	justify-content:space-between; 
	position:relative; 
	font-size:15px; 
	font-weight:500; 
	color:#262626; 
	line-height: 19px; 
	border-top:1px solid #E8E7EC; 
	border-bottom: 1px solid #E8E7EC; 
	margin-left:auto; 
	margin-right:auto;
	font-family: 'Titillium Web', sans-serif;
}
.box-shadow-arrow{box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05); border:0 none;margin-top:8px;}
.box-shadow-arrow:hover{box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.10);color:#000; }

/*css for product page*/
.prod-price{font-size:24px; line-height:1.25; color:#4e4e4e;margin-top:20px;}
.price-section{border-bottom:1px solid #E8E7EC; padding-bottom:24px;}
.prod-option{padding-top:22px;}
.prod-option .heading-title span{font-weight:normal;}
.more-swatch-btn {color:#007AA3;font-size: 18px; background:#fff; height: 64px;width: 64px;padding:18px 8px;box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);}
.swatch-each img{width:64px; height: 64px;}
.swatch-all-each img, .swatch-each img{border:1px solid #ffffff;}
.swatch-all-block .swatch-title{padding:24px 0 16px; margin-bottom:5px; border-bottom:1px solid #E8E7EC;}
.product-customise-block .prod-option:last-child{padding-bottom:22px}
.swatch-heading{padding:0 24px;}
.swatch-heading .h4{font-size:24px;margin-bottom:18px; line-height:1.3}
.quote-info{font-size:16px; text-align:center;margin-top:5px;}
.border-t-b {border-top:1px solid #E8E7EC;border-bottom:1px solid #E8E7EC;}
.add-btn-section{ padding:12px 10px; margin: 0; }
.whatsapp-products{
	padding:6px 13px; 
	width:198px; 
	background: #56B54D; 
	border-radius:5px; 
	gap:3px;  
	border:2px solid #ffffff; 
	font-size:16px; 
	font-family: 'Cormorant', serif;
}
.whatsapp-products svg>path {fill:#56B54D}
.whatsapp-products:hover{color:white; background: #68BD61}
.product-customise-block .whatsapp-box{padding:20px 0 0;}
.whatsapp-box .whatsapp-text-price{line-height:23px; font-size: 16px;}
.whatsapp-products:hover svg>path{fill:#68BD61;}
.sm-position-fixed{position:fixed; bottom:0; z-index:9999999990; width:100%; background:#ffffff; box-shadow: 0px -1px 2px 1px rgba(0, 0, 0, 0.05);}
.tab-block-prod-description{margin-top:24px;}
.tab-block-prod-description .tab-content-block{padding:0;}
.tab-block-prod-description .tab-title-block .font-size-xl{font-size:20px;}
.tab-block-prod-description .tab-content-block{font-size:18px; line-height:1.25}
.mt-title-img{margin-top:40px;}
.product-desc-slider{margin-top:14px;}
.px-10{padding:0 10px;}

/*santosh media query css starts*/
/*desktop view santosh*/
@media (min-width: 601px) { 
	.show-m, .show-m-flex {display: none !important;} 
	body .show-d, .quote-info>br{display:block !important;}
	body .show-d-flex, .d-flex{display:flex !important;}
	.footer-wrap-block, .footer-copyright-text{padding: 40px 10px 38px;}
	.footer-copyright-text{padding-top:0}
	.mobile-mt-25, .mobile-mb-14{margin-top:0;}
	.footer-wrap-block .footer-list-title{font-size:18px}
	.footer-wrap-block .footer-list-link{font-size:16px}
	input.golden-btn[type="submit"], .golden-btn{max-width:232px; padding:18px 30px}
	.arrow-gold-btn{padding:8px 45px 8px 24px;}
	.arrow-gold-btn .btn-text, input.golden-btn[type="submit"], .golden-btn{font-size:18px; line-height: 20px; font-weight: 600;}
	.prod-price{font-size:28px; margin-top:0;}
	.price-section{padding-bottom:28px;}
	.product-title{margin-top:15px}
	.prod-option{padding-top:32px;}
	.prod-option .heading-title{font-size:18px; margin-bottom:12px}
	.more-swatch-btn {font-size:20px; width:96px; height:96px;padding:33px 10px;}
	.swatch-each{height:96px}
	.swatch-each img{width:96px; height:96px;}
	.swatch-all-block .swatch-title{padding:30px 0 22px; margin-bottom:12px;}
	.quote-info{font-size:18px; text-align:left; margin:0;}
	.add-btn-section{padding:40px 0px 32px; margin:0 0 -1px;border-bottom: 1px solid #E8E7EC;}
	.product-customise-block {margin-top:24px;}
	.product-customise-block .whatsapp-box{padding:0 0 0 18px;}
	.sm-position-fixed{position:static; width:auto;}
	.tab-block-prod-description{margin-top:10px;}
	.tab-block-prod-description .tab-title-block .font-size-xl{font-size:24px;}
	.arrow-gold-btn .btn-text, .arrow-btn-list{font-size:17px;}
	.arrow-btn-list{line-height: 24px;}
	.footer-logo{width:232px}
	.footer-copyright-text div{font-size:16px; line-height:18px;}
	.social-footer-desktop{margin-left:-12px; padding-top:37px;}
	.mobile-mb-14{margin: 0;}
	.mobile-mt-28{margin: 0;}
	.m-mx--10, .m-mx--20{margin-left:0px; margin-right:0px}
	.created-by{font-size:20px; line-height:30px; margin-top:8px;}
	.mt-title-img{margin-top:48px;}
	.tab-block-prod-description .tab-content-block{font-size:20px}
}
@media (min-width: 992px) {
	.two-col-link-footer a:first-child{margin-right:36px; margin-left:16px;}
}
/*santosh media query css end*/

.position-relative{position:relative;}
.btn-black { color: #fff !important; background-color: #262626 !important; border: 1px solid #262626 !important; }
.btn-green { color: #fff;background-color: #1d8272;border: 1px solid #1d8272;}
.btn-red { color: #fff;background-color: #e42118;border: 1px solid #e42118;}
.btn-orange { color: #fff;background-color: #f56724;border: 1px solid #f56724;}
.btn-white { color: #000;background-color: #fff;border: 1px solid #000;}
.strike-price { text-decoration: line-through; }
.sale-price { color: #E42118; font-weight:600; margin-left:3px;}
.trade-price { color: #4e4e4e; }
.js-accordion-sort-filter .active { color: #e42118;}
.js-accordion-sort-filter .active:after {
	float: right;
	content: "\e94e";
	font-family: "icomoon";
	right: 10px;
	top: 12px;
}
.product-customise-block .heading-title .grey-silver { 
	float: right; 
	font-weight: normal;
	text-decoration: underline;
	color: #666;}
.swatch-each-detail > img { height: 100px; }
.product-title{font-weight:bold; color:#262626;}
.swatch-expanded {width: 100%;text-align:center;}
.swatch-expanded img {max-width: 60%;height: auto;margin: 0 auto;}
.alert-success {background-color: #d7bd72;}
.swatch-selected img, .swatch-each img:hover, .swatch-all-each img:hover  {border:1px solid #2F5D71}
.swatch-all-each div.swatch-details { display:none; }
.swatch-expanded div.swatch-details { display:block; border-bottom: thin solid #ccc; }
.swatch-all-block .font-size-lg { text-align: center; border-bottom: thin solid #ccc; }
.swatch-all-each img { cursor:pointer; width:112px; }
.rbox-brand-logo { height: 60px; margin-right: 20px; margin-top: 10px; float:right; }
a img:hover{opacity:0.9;}
a .icon-info{cursor: pointer;}
.whatsapp-chat{display:inline-block; position: fixed;right: 8px; bottom: 83px; z-index: 9999999;}
.whatsapp-chat img{display:inline-block; box-shadow: 1px 1px 7px #ccc; border-radius: 50%;}
.vm-rec-btn { bottom: 20px; cursor:pointer; border-radius: 50%; }
.vm-rec-btn.red-hibiscus-bg { cursor:no-drop; }
.vm-rec-btn:hover { opacity: 0.9; }
.vm-rec-btn img { vertical-align: middle; }
.vm-rec-recoding-now {
	background-image:url('/site-assets/img/progress.gif');
	background-repeat:no-repeat;
	background-position: center;
}
@media only screen and (max-width: 500px) {
	.rbox-content iframe { min-height: 320px; }
}

#fcipopup-overlay {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	text-align: left;
	background: rgba(0,0,0,0.85);
	z-index: 99999999;
}
#popup-form {
	top: 50%;
	left: 50%;
	padding: 0 0 0px 0px;
	position: fixed;
	max-width: 41em;
	width: 100%;
	text-align: center;
	font-size: 16px;
	transform: translate(-50%, -50%);
	background: #fff;
}
#popup-form > a.icon-x {
	top: -45px;
	right: -20px;
	padding: 20px;
	position: fixed;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
#popup-form > a.icon-x:hover { color: #ccc; }
#fcipopup-banner {	
	padding: 0px;
	margin-bottom: 10px;
	height: 200px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#popup-form h2 {
	color: #000;
	font-weight: bold;
	letter-spacing: 0.8px;
	margin-bottom: 10px;
}
#popup-form p {
	color: #666;
	margin-bottom: 10px;
	letter-spacing: 0.6px;
}
#popup-form input[type='submit'].btn-beige {
	color: #fff;
	background-color: #d7bd72;
	border: 1px solid #d7bd72;
}
#popup-form input[type='submit'].btn-beige:hover, #popup-form input[type='submit'].btn-beige:focus {
	color: white;
	background-color: #d1b45e;
	border-color: #d1b45e;
}
@media only screen and (max-width: 768px) {
	#popup-form {width: 95%;}
}
#cookie-overlay {
	width:100%; 
	padding:10px 20px; 
	position:fixed; 
	bottom:0; z-index:9999999990; 
	left:0; background:#d1d1d1; 
	color:#262626; 
	display:flex; 
}
.cross {position: absolute;	font-size: 18px;right: 20px;}
.chatnow{margin:15px 0}
.chatnow .btn-black { transform: translateY(20%); position: relative;}
#cookie-overlay p{margin-bottom:0;margin-right:20px;}

#top-nav .dropdown-wrap { min-width: auto; }
#top-nav .dropdown-parent { border:none;padding:0 20px 0 10px; }
#top-nav .dropdown-children { min-width: 110px; left: -50px; font-size: 1.1em; padding: 0;}
#top-nav .dropdown-children a { width: 100%; letter-spacing: 1px;}
#top-nav .dropdown-child {padding: 0;}
#top-nav .dropdown-children a:hover {background:#f3f3f3;border-color:#1d8272}
.product-list-each .myacc-add-btn {
	background: red;color: #fff; position: absolute;
	top: 10px; right: 20px; border:0;opacity:0.8;padding: 5px 10px; display:none;}
.product-list-each .myacc-add-btn:hover {background: red;color: #ebca0d;opacity:1}
.product-list-each:hover .myacc-add-btn { display:inline-block; }
.form-text-info-btn {
	float: right;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	color: #1d8272;
	font-weight: bold;
}
.form-text-info-btn:hover {color: #c5a800;}
@media only screen and (max-width: 1200px) {
	.product-list-each .myacc-add-btn { display:inline-block;}
}

/*New PopUp Style by Santosh Starts*/
.full-operational {
	border:1px solid #ccc;
	text-align: left !important;
	max-width:62.5em !important;
	overflow:hidden;
}

.full-operational .inr-pops{padding-left:45px}
.full-operational .inr-pops >.row{ display:flex;}
.full-operational h3{
	font-family: 'Cormorant', serif; 
	font-size:48px; 
	margin-bottom:0; 
	line-height:1.2;
}
.full-operational h4{
	font-family: 'Cormorant', serif; 
	font-size:36px; 
	margin-bottom:15px;
}
.full-operational p{
	font-family: 'Titillium Web', sans-serif; 
	font-size:26px; 
	margin-bottom:40px;
}
.full-operational .btns-group{margin-top:40px;}
.full-operational .btns-group a{font-size:13px; padding: 20px 48px; border-radius:5px;}
.full-operational .btns-group .btn-white{background:#fff; color:#535355; border-color:#535355}
/*media query*/
@media screen and (max-width: 1920px) {
	.full-operational .inr-pops {
		padding-left: 15px;
	}
	.full-operational h3{
		font-size:30px;
	}
	.full-operational h4{
		font-size:20px;
	}
	.full-operational p{
		font-size:16px;
	}
	.full-operational .btns-group a {
		font-size: 11px;
		padding: 5px 15px;   
		margin-bottom: 20px;
	}
	.full-operational .btns-group {
		margin-top: 20px;
	}
	@media screen and (max-width: 767px) {
		.full-operational .inr-pops >.row{display:block;}
		.full-operational .popup-img img{right:0 !important; width:50%;}
	}
}
/*New PopUp Style by Santosh Ends*/

.addtocart-rbox-msg h1.h3 {color:#000; font-weight:bold; font-size:125%;}

.cartbtns {
    padding-top: 20px;
	border-top:2px solid #E0E0E0;
 }
 
 .cartbtns ul {
     padding: 0;
     margin: 0;
 }
 
 .cartbtns ul li {
     float: left;
     margin: 0;
     padding: 0;
     list-style: none;
     width: 50%;
 }
 
 .cartbtns ul li a {
     width: 100%;
     font-size: 16px;
     padding: 25px;
     border: 2px solid #000;
     border-radius: 4px;
     line-height: 16px;
     font-weight: bold;
 }
 
 .cartbtns .btn-white {
     background: #fff;
 }
 
 .cartbtns .btn-white:hover {
     background: rgb(119, 118, 118);
     color: #fff;
 }
 
 .cartbtns .btn-black:hover {
     background: #eaeaea!important;
     color: #000 !important;
 }
 
 .cartbtns ul li:first-child {
     padding-right: 15px;
 }
 
 .cartbtns ul li:last-child {
     padding-left: 15px;
 }

.cartbox-head {
     display: flex;
     align-items: center;
     position: relative;
	 margin-bottom:10px;
 }
 
 .cartbox-head .alert-success, .cartbox-head .alert-warning,
 .cartbox-head .alert-error, .cartbox-head .closebtn {
     width: 24px;
     height: 24px;
     padding: 0 10px;
     border-radius: 50%;
     position: relative;
     margin: 0;
 }
 
 .cartbox-head .closebtn {
     position: absolute;
     right: 0;
     top: 0;
     width: 24px;
     height: 24px;
     padding: 0 10px;
     border-radius: 50%;
     margin: 0;
     cursor: pointer;
 }
 
 .cartbox-head .text {
     color: #000;
     line-height: 20px;
     margin-left: 15px;
     font-weight: bold;
 }
 
 .cartbox-head .alert-success:after, 
 .cartbox-head .alert-warning:after, 
 .cartbox-head .alert-error:after {
     left: 3px;
 }
 
 .cartbox-head .closebtn:before {
     content: "\e94d";
     font-family: "icomoon";
     font-weight: 700;
     line-height: 20px;
     border-radius: 50%;
     border: 1px solid #000;
     right: 0;
     color: #000;
     font-size: 16px;
     padding: 2px 3px 3px;
 }
.cartbox-head .alert-success { background-color: #2aa02a; }
.cartbox-head .alert-warning { background-color: #f56724; }
.cartbox-head .alert-error { background-color: #e42118; }
#js-addtocart-rbox {font-family: 'Cormorant', serif;}

@media only screen and (max-width: 430px) {
	.cartbtns ul li:first-child { padding-right:0px;}
	.cartbtns ul li {float:none; padding-bottom:10px; width: 100%;}
	.cartbtns ul li:last-child { padding-left:0px;}
}

.cssVar-header__subheading {
    display: none;
}

.hideElement { display: none; }
.inputVMargin { margin: 10px 0; }
.inputBMargin { margin-bottom: 20px; }

/*javascript toggle class for navigation*/
body .show{display: block !important;}
body .hide{display: none !important;}
body .rotate-90{transform: rotate(90deg) !important}
body .main-margin{margin-top: 0 !important;}