/* Minification failed. Returning unminified contents.
(301,25): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(307,19): run-time error CSS1039: Token not allowed after unary operator: '-transition'
(331,19): run-time error CSS1039: Token not allowed after unary operator: '-transition'
 */
body {background: #fff; color: #999; font-family: 'Montserrat', sans-serif; padding:0; margin:0; font-size:16px; font-weight:500;}
a {color: #662837; transition: 0.5s;}

.dropdown-menu {margin:0;}

.btn-primary.focus, .btn-primary:focus{box-shadow:0 0 0 .2rem rgba(102,40,55,.5)}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{background:#662837; border-color: #662837;}
a:hover{color:#000; outline: none; text-decoration: none;}

p {padding: 0; margin: 0 0 30px 0;}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; font-weight: 500; margin: 0 0 20px 0; padding: 0;}

img{max-width:100%;}

.header{transition: all 0.3s; background:#fff; position:relative; z-index:999; }

.fixed-me {position: fixed; left: 0; right: 0; top: 0;  z-index: 1000; width: 100%; background:#fff; top: 0; transition: all 0.3s; /*border-bottom:1px solid #ccc;*/}

@media (min-width:1279px) {.container{max-width:1200px;}}


label{color:#444;}
.form-control{border-radius:0; border-color:#f2f2f2; height:calc(2.5rem + 8px); font-weight:500; font-size:15px; color:#929292;}
.cus-src{border:0; background:none; position:absolute; top:10px; right:25px; padding:0;}

select{background:url('../images/sel-arrow.png'); background-position:99% 0; background-repeat:no-repeat; -webkit-appearance: none; -moz-appearance: none;}
select::-ms-expand {display:none;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#929292!important;
}
::-moz-placeholder { /* Firefox 19+ */
color:#929292!important;
}
:-ms-input-placeholder { /* IE 10+ */
color:#929292!important;
}
:-moz-placeholder { /* Firefox 18- */
color:#929292!important;
}


.navbar{text-transform:uppercase; padding-top:2px; padding-bottom:2px;}
.navbar-nav{margin-top:30px;}
.navbar-light .navbar-nav .nav-link{color:#2d2d2d;}
.navbar-light .navbar-nav .nav-link:hover{color:#999;}
.navbar-light .navbar-nav .nav-link.active{background:#662837; color:#fff;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:0.6rem; padding-left:0.6rem;}

.main-banner{float:left; width:100%; position:relative;}
.main-banner .img{float:left; width:100%;}
.main-banner .img img{width:100%;}

.header-login{display:inline-block;  background:url('../images/login-icon.png'); background-repeat:no-repeat; background-position:0 2px; padding-left:20px;}
.header-logout{display:inline-block; background:url('../images/logout-icon.png'); background-repeat:no-repeat; background-position:0 2px; padding-left:20px;}

.top-strip {position:absolute; right:25px; top:10px;}
.phone-no {color:#662837; display:inline-block; margin-right:20px;}

.banner-text{position: absolute; transform: translatey(-50%); top: 50%; width:600px;}
.banner-text h2{font-size:52px; color:#eac26d; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
.banner-text p{font-size:18px; color:#fff; font-weight:500; width:90%; margin-bottom:20px;}

.banner-btn a{width:177px; padding:10px; font-size:20px; background:#000; border-color:#000;}
.banner-btn a:hover{background:#662837; border-color:#662837;}

.btn{text-transform:uppercase; font-weight:500;}
.btn-primary{background:#662837; border-radius:0; border-color:#662837; padding:11px;}
.btn-primary:hover{background:#000; border-color:#000;}

.btn-secondary{background:#444; border-radius:0; border-color:#444; padding:11px;}
.btn-secondary:hover{background:#000;}

section{padding:70px 0;}

.hm-pro{background:url('../images/jems-bg.jpg'); background-repeat:no-repeat; background-position:top left;}
.hm-pro h2{font-size:45px; color:#888; background-position:top center; text-align:center; padding-top:50px; position:relative; padding-bottom:20px; margin-bottom:70px;}
.hm-pro h2:after{position:absolute; bottom:0; left:0; right:0; margin:auto; height:2px; background:#888; width:137px; content:"";}
.hm-pro .img{position:relative;}
.hm-pro .viewmore{float:left; width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; bottom:0; right:0; color:#fff; display: flex; align-items: center; justify-content: center; opacity:0; cursor:pointer;}
.hm-pro .viewmore a{background:#cca558; padding:10px; color:#fff; display:inline-block; position:relative;}
.hm-pro .viewmore a:hover{background:#662837;}
.hm-pro .viewmore:before{position: absolute; content: ""; border: 1px solid #eac26d; width: 94%; height: 94%; top: 3%; left: 3%; right: 3%; bottom: 3%;}
.hm-pro .img:hover .viewmore{opacity:1;  transition: all 0.5s;}

.border-custom{border:5px solid #eac26d; border-radius:5px;}

footer{background:#1f232b; color:#fff;}
footer ul{margin:0; padding:0;}
footer ul li{list-style:none; display:inline-block; padding:0 20px;}
footer ul li a{color:#fff; list-style:none;} 
footer ul li a:hover{color:#888;}

.strip{padding:12px 0; background:#662837; float:left; width:100%; color:#fff; text-align:center; font-size:15px;}

.ftr-social span a{color:#fff; border:1px solid #fff; height:42px; width:42px; display:inline-block; color:#fff; border-radius:100%; line-height:42px; margin:0 3px;}
.ftr-social span a:hover{background:#fff; color:#000;}


/*.inner-banner{background:url('../images/inner-banner.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; height:289px; display:flex; align-items:center; }*/

.inner-banner{background:url('../images/cad-bg.png'); background-repeat:no-repeat; background-position:center; background-size:cover; height:289px; display:flex; align-items:center; position:relative;}
.inner-banner:before {
	
	    position: absolute;
    top: 0px;
    left: 0px;
    content: " ";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
	
}

.inner-banner h2{float:left; width:100%; margin-bottom:5px; font-size:35px; color:#fff; text-transform:uppercase;}

.inner-banner .container{position:relative;}

.breadcrumb{background:none; padding:0; margin:0; font-size:15px; color:#a0a0a0; float:left; width:100%;}
.breadcrumb a{color:#a0a0a0;margin-right:5px; margin-left:5px;}
.breadcrumb a:first-child{margin-left:0;}
.breadcrumb span{margin-left:5px; color:#fff;}

.filter-content .card{border:1px solid #f2f2f2; border-radius:0;}
.filter-content .card-header{background:#662837;border-radius:0!important;}
.filter-content .card-header h6{font-size:18px; color:#fff; margin-bottom:0; text-transform:uppercase; font-weight:600;}
.filter-content .card-body{padding:0;}
.filter-content .custom-control-label::before{right:0; left:auto; border-radius:0; background:#b7b7b7;}
.filter-content .custom-control-label::after{right:0; left:auto; border-radius:0;}
.filter-content label{width:100%; text-transform:uppercase; color:#444;}
.filter-content .custom-control{padding:.5rem 1.25rem; border-bottom:1px solid #f2f2f2;}
.filter-content .custom-control:last-child{border:0;}

.catalogue-name{color:#662837; font-size:20px; text-transform:uppercase; margin-top:10px;}

.pagination{border:0; font-size:14px; margin-bottom:0;}
.pagination .page-link{color:#1f232b; border:0; padding:.5rem 1rem; margin:0;}
.pagination .page-item.active .page-link{background:#1f232b; border:0;}
.page-item:first-child .page-link{font-size:20px; padding:.4rem .5rem;}
.page-item:last-child .page-link{font-size:20px; padding:.4rem .5rem;}


.preview-pic{background:#f4f4f4; height:400px; text-align:center; align-items: center; display: flex; justify-content: center; overflow:hidden;}
.preview-pic img{height:290px;}
.preview-thumbnail{border:0; margin-top:17px;}
.preview-thumbnail li a{ display:inline-block;}
.preview-thumbnail li{margin-right:3.42%; height:142px; padding:2%; width:31%; overflow:hidden; background:#f4f4f4; text-align:center; align-items: center; display: flex; justify-content: center;}
.preview-thumbnail li:last-child{margin-right:0;}
.preview-thumbnail li img{height:100px;}


.detail-page .det-name{float:left; width:100%; font-size:40px; color:#444; text-transform:uppercase; margin-bottom:5px;}
.detail-page .det-price{float:left; width:100%; color:#662837; font-weight:bold; font-size:36px; margin-bottom:0;}
.detail-page small{font-size:13px; color:#662837; font-weight:500;}
.detail-page .feature{color:#444; line-height:26px;}
.detail-page .feature p{margin-bottom:0;}
.detail-page .feature span{color:#999;}

hr{border-top:1px solid #f2f2f2;}
.custom-checkbox .custom-control-label::before{border-radius:0; background:#b7b7b7;}

.detail-page h6{color:#444; margin-bottom:5px;}

.table th{border-top:0; color:#444; font-weight:600;}
.table td{color:#999;}
.table td .media-heading{font-size:16px; color:#444; margin-bottom:5px;}
.table td .media-heading a{color:#444;}
.table td .media-body span{display:block; margin-bottom:2px;}

.table td .subtotal{color:#444; text-transform:uppercase;}
.table td .price{color:#662837; font-weight:bold; font-size:24px;}

.login-page, .login-page body {height:100%;}
.login-main{width: 100%; height: 100%; float: left; margin: 0px; padding: 0px; display: flex; align-content: center; align-items: center; justify-content: center;}
.login-box {max-width:500px; margin:auto; width:100%; background:#eac26d; padding:40px;}
.login-main form{width:100%;}

input[id="CaptchaInputText"]{border:1px solid #f2f2f2; height:calc(2.5rem + 8px);}

/**********03-02-2020**************/
.col-lg-12.selectredio {    background: #f1f1f1;    padding: 15px;     font-size: 18px;}
.col-lg-12.selectredio label {  margin-bottom:0;     margin-right: 15px;}
.col-lg-12.selectredio input[type=radio]{cursor:pointer;}
.submit-btns .vd_menu-search-submit.btn.btn-primary {	height: auto;	padding: 11px 20px !important;}
.submit-btns .vd_menu-search-submit.btn.btn-danger{	height: auto;	padding: 11px 20px !important; border-radius:0 !important; margin-left:10px; background:#eac26d; border-color:#eac26d;}
.submit-btns .vd_menu-search-submit.btn.btn-danger:hover{	background:#000; border-color:#000;} 
.calnder-d input[type=text]{background:transparent;}
.h2-bottn h2 {	display: inline-block;}
.h2-bottn a {	float: right;	padding: 11px 15px;	background: #662837;	color: #fff;	border-color: #662837;}
.h2-bottn a:hover {	background: #000;	border-color: #000;}
.calnder-d{position:relative;}
.calnder-d img{    position: absolute;    right: 16px;    top: 0; cursor:pointer;  }
.my-dd-s{display:inline-block; width:100%;}

.inner-heading{position:relative;}
.inner-heading:after{position:absolute; content:""; bottom:-7px; left:0; height:1px; background:#662837; width:100%;}
.inner-heading span{border-bottom:5px solid #662837; padding-bottom:5px;}




/*--------------------------------------------------------------
responsive
--------------------------------------------------------------*/

@media (max-width:1279px) {
.banner-text{width:500px;}	
.banner-text h2{font-size:40px; margin-bottom:10px;}
.navbar-brand{width:25%; margin-top:15px;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:.8rem; padding-left:.6rem;}
table{min-width:1100px;}
}

@media (max-width:1023px) {
.header{height:auto;}
.navbar-brand{margin-top:0;}	
.banner-text{width:370px;}	
.banner-text h2{font-size:25px; margin-bottom:10px;}
.banner-text p{font-size:14px;}
.navbar-toggler{float:left; width:100%; margin-top:10px; text-align:left;}
.header-login{right:0;}
.navbar-toggler .menu-txt{float:left; margin-top:5px;}
.navbar-toggler-icon{float:right!important;}
#nav-content{background:#fff; border:1px solid #ccc;}
.navbar-light .navbar-nav .nav-link:hover{background:#662837; color:#fff;}
.top-strip{right:0; font-size:14px;}
.submit-btns .vd_menu-search-submit.btn.btn-danger{	margin-left:0px;}
}



@media (max-width: 767px) {	
.navbar-brand{width:100%; margin-top:0; margin-right:0; text-align:center;}
.banner-text{display:none;}
footer ul li{width:100%;}
.preview-pic img, .preview-thumbnail li img{height:auto; width:80%;}
.preview-thumbnail li{height:auto;}
.btn-primary, .btn-secondary{width:100%;}
.top-strip{position:relative; right:0; top:0; width:100%; margin-top:5px; text-align:center;}
.login-box {padding:20px;}
.submit-btns .vd_menu-search-submit.btn.btn-primary {   margin-top:10px; margin-bottom:10px;}
.submit-btns .vd_menu-search-submit.btn.btn-danger {  width:100%;}
.selectredio span {	width: 100%;	display: inline-block;	padding: 5px 0;}
.h2-bottn h2 {   float:left; width:100%;}
.h2-bottn a {	float: left; margin-bottom:10px;	}
.calnder-d{margin:5px 0;}

}


.navbar {
     border-bottom: 6px solid #9f3843; position: relative;
}
.navbar::before {
	background: #f5f5f5;
    content: "";
    position: absolute;
    width: 36%;
    right: 0;
    height: 100%;
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.dropdown-fullwidth {
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,0.98);
    left: 0;
    right: 0;
	top: 222px;
	padding: 20px;
	text-transform: capitalize;
}
.dropdown-fullwidth h2 {
    border-bottom: 1px solid #662837;
    padding-bottom: 14px;
    position: relative;
    font-size: 27px;
}

.dropdown-fullwidth h2::before {
    content: "";
    background: #662837;
    height: 5px;
    width: 227px;
    position: absolute;
    left: 0;
    bottom: -3px;
}

.basic-container {
    display: flex;
    flex-direction: row;
    gap: 11px;
}

.basic-container input[type="radio"] {
	appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid var(--gray);
	border-radius: 50%;
	margin-right: 0px;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	transition: var(--transition);
}

.basic-container input[type="radio"]:checked {
	border-color: #818181;
	background-color: #fff;
}

.basic-container input[type="radio"]:checked::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: #818181;
}

.basic-container label {
	font-weight: 500;
	cursor: pointer;
	padding-left: 1px;
	transition: var(--transition);
}

.basic-container input[type="radio"]:checked + label {
	color: #818181;
}
.input-group-prepend {
    margin-right: 0px;
    margin-left: 5px;
}
.input-group-prepend .input-group-text {
    background: #662837;
    color: #fff;
    font-size: 20px;
    border-color: #662837;
}

#nav-content {
    max-width: 280px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#nav-content .header-login {
    width: 100%;
    text-align: right;
    background-position: 30px 4px;
    margin-bottom: 10px;
}
#nav-content .d-flex {
     margin-bottom: 10px;
}

#nav-content a {
    color: #333;
    font-size: 18px;
    margin-left: 8px;
	   padding: 0;
}
#nav-content a:hover{    color: #662837;}
#nav-content .phone-no {
    margin-right: 0;
    font-size: 18px;
    color: #333;
	 
}

#nav-content .phone-no i {
    background: #32d851;
    width: 28px;
    height: 28px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    border-radius: 5px;
}

.cad-upload .navbar-nav {
    flex-direction: column;
    max-width: 518px;
	    margin-top: 0px;
}
.cad-upload .navbar-nav li.nav-item {
    display: flex;
    margin-bottom: 20px;
	align-items: center;
}

.cad-upload .navbar-nav li.nav-item .info {
    font-size: 13px;
    color: #662837;
    text-transform: capitalize;
    margin-left: 11px;
    line-height: 15px;
	
}
.cad-upload .navbar-nav li.nav-item:nth-child(1){order:3;     margin-bottom: 0;}
.cad-upload .navbar-nav li.nav-item:nth-child(2){order:2}
.cad-upload .navbar-nav li.nav-item:nth-child(3){order:1}


.cad-upload .navbar-nav li.nav-item a.nav-link {
    max-width: 220px;
    min-width: 220px;
    width: 100%;
    background: linear-gradient(45deg, #ca9361, #922318);
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: .2rem 0.2rem;
	font-size: 18px;
	font-weight: 600;
}
.cad-upload .navbar-nav li.nav-item a.nav-link span {
    flex: 1;
    text-align: center;
    background: #fff;
    padding: 5px;
	clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.cad-upload .navbar-nav li.nav-item a.nav-link img {
    margin-right: 7px;
}
.cad-upload .navbar-nav li.nav-item.active a, .cad-upload .navbar-nav li.nav-item a:hover, .cad-upload .navbar-nav li.nav-item a.nav-link.active{
	background: linear-gradient(45deg, #891004, #d8ad85) !important;
	font-weight:bold;
	color:#000
}
.cad-upload .navbar-nav li.nav-item.active a span, .cad-upload .navbar-nav li.nav-item a.active span{
	background:#ffefddd6; font-weight: bold;
    color: #000;
}

.cad-upload .navbar-nav li.nav-item a.nav-link span{}

i {
    font-style: normal;
}

@media (max-width:1600px){

.navbar::before {
    width: 33%;
}	
	
}

@media (max-width:1366px){

.navbar::before {
    width: 30%;
}	
	
}
#nav-content {}
#after_login li{list-style:none; float:left; width:100%; padding:0px; border-bottom:1px solid #d1d1d1;}
#after_login li:last-child{border-bottom:0px solid #999999; padding:5px 0px; color:#333; font-size:14px;}

#after_login li:last-child i{
    background: #32d851;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    border-radius: 5px;
}
#after_login li a{padding:2px 0px; margin:0px; font-size:14px; float:left; width:100%;}
#after_login {padding:0px; margin:0px;}
.header-logout{float:left; width:100%;}

@media (max-width:991px){
#nav-content {/*max-width:100%; display:none;*/

max-width:100%; 
max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-10px);
  transition: 
    max-height 0.4s ease, 
    opacity 0.4s ease, 
    transform 0.4s ease;
	display:block !important;

}

#nav-content.show.in, #nav-content.in{
display:block;
 max-height: 500px; 
  opacity: 1;
  transform: translateY(0);

transition: 
    max-height 0.4s ease, 
    opacity 0.4s ease, 
    transform 0.4s ease;
}



.header-login a{display:block; width:100%; text-align:left;}
.header-login i, .d-flex i{display:none !important;}
.header-login {background:none !important;}
#nav-content .d-flex {display:block !important;}

#nav-content .header-login{padding-left:0px;}
#nav-content a, .nav-item a, .phone-no {padding:8px 10px; width:100%; display:block;}
.phone-no {padding-left:17px;}
#nav-content .header-login{margin-bottom:0px;}
#after_login li{list-style:none; float:left; width:100%; padding:0px; border-bottom:0px solid #d1d1d1;}	
#after_login li a{font-size:18px; padding:8px 14px;}	
#after_login li:last-child{padding-left:14px; padding-bottom:5px; font-size:18px;}

#after_login li:last-child i {
    background: #32d851;
    width: 28px;
    height: 28px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    border-radius: 5px;
}

.header-logout{padding-left:0px;}
.navbar{padding-bottom:15px;}
.nav-item{text-align:left;}
.dropdown-fullwidth {top:192px;}

}

#mobile-logo{display:none;}

@media (max-width:767px){
	
#mobile-logo {display:block; width:100%; background:#fff; width:100%; position:fixed; text-align:center; top:0px; left:0px; z-index:999;}
.navbar::before{display:none; }
a.navbar-brand {padding-top:10px; padding-bottom:10px;}
a.navbar-brand img {
    /*width: 129px;*/
	width:auto;
	max-width:100%;
}
.cad-upload .navbar-nav {
    flex-direction: column;
    max-width: 100%;
    margin-top: 0px;
}

.cad-upload {
    width: 100%;
}

.fixed-me {position:relative;  }
#mobile_nav{ width:100%; text-align:center; padding-top:10px;}
#mobile_nav .navbar-toggler{max-width:540px; float:none; max-width:95%; margin:0px auto; }
.fixed-me #mobile_nav{position:fixed; width:100%; background:#fff; width:100%;  left:0px;   transition: top .8s ease, background-color .8s ease, padding .8s ease;
}
#nav-content.show.in, #nav-content.in{max-width:540px; margin:0px auto;}

/*
.cad-upload {
  max-height: 500px; 
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.fixed-me .cad-upload{
  max-height: 0;
  opacity: 0;
}*/


/*.fixed-me .cad-upload{display:none;}*/
	
}



@media (max-width:480px){
.cad-upload .navbar-nav li.nav-item a.nav-link {
    max-width: 100%;
}
.cad-upload .navbar-nav li.nav-item .info{display:none;}
   
}