@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html {-webkit-text-size-adjust: none; min-height: 100%; height: 100%;}
body
{
	background:#fff;
	 font-family: "Roboto", sans-serif;
	font-size:14px;
	color:#000000;
	line-height:26px;
	overflow-x: hidden;	
}
.lineheight30{line-height:30px;}
.lineheight20{line-height:20px;}
.border-radius20{border-radius:20px;}
.text-orange{color:#FF3800;}
.redtext {	
	font-size:12px;
	color:#ff0000;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, textarea, select {margin: 0; padding: 0;}
img {border: 0;}
ul, ul li{list-style:none; margin:0px; padding:0px;}
a{color:#212121;text-decoration:none;}
a:hover{color:#d8a87e;text-decoration:none;}
.font-size8 { font-size: 8px; }
.font-size10 { font-size: 10px; }
.font-size12 { font-size: 12px; }
.font-size13 { font-size: 13px; }
.font-size14 { font-size: 14px; }
.font-size15 { font-size: 15px; }
.font-size16 { font-size: 16px; }
.font-size17 { font-size: 17px; }
.font-size18 { font-size: 18px; }
.font-size19 { font-size: 19px; }
.font-size20 { font-size: 20px; }
.font-size22 { font-size: 22px; }
.font-size24 { font-size: 24px; }
.font-size26 { font-size: 26px; }
.font-size28 { font-size: 28px; }
.font-size30 { font-size: 30px; }
.font-size32 { font-size: 32px; }
.font-size34 { font-size: 34px; }
.font-size35 { font-size: 35px; }
.font-size36 { font-size: 36px; }
.font-size38 { font-size: 38px; }
.font-size40 { font-size: 40px; line-height:40px; }
.font-w100 {
	font-weight: 100;
}
.font-w300 {
	font-weight: 300;
}
.font-w400 {
	font-weight: 400;
}
.font-w500 {
	font-weight: 500;
}
.font-w600 {
	font-weight: 600;
}
.font-w700 {
	font-weight: 700;
}
.font-w800 {
	font-weight: 800;
}
.font-w900 {
	font-weight: 900;
}
.flclear
{
	clear:both;
}
.navbar-toggler:focus, .btn-close:focus, .form-control:focus, .form-select:focus
{
	box-shadow:none;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
.h1tag
{
	background:#e6ebee;
	padding:20px;
	border:2px solid #5e3811;	
	border-radius:7px;
	margin-bottom:15px;
}
.h1tag h1
{	
	font-size:22px;
	text-align:center;	
}
.welcomenote
{
	background:url(../images/footer-bg.jpg) no-repeat center center;
	padding:20px;
	margin-bottom:30px;
	font-size:16px;
	text-align:center;	
	color:#fff2e4;
	border-radius:7px;
}
.footnote
{
	background:url(../images/footer-bg.jpg) no-repeat bottom center;
	padding:20px;	
	font-size:16px;
	text-align:center;	
	color:#fff2e4;
	border-radius:7px; 
	box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.header
{
	background: #211d1d;
}
.header .nav-link
{
	color: #fff;
	font-size:16px;
	text-transform:uppercase;	
}
.header .navbar-expand-lg .navbar-nav .nav-link
{
	padding:7px 30px;
}
.header .nav-link:focus, .header .nav-link:hover
{
    color: #000;
    text-decoration: none;
    background: #d8a87e;
    border-radius: 5px;
}
.header .navbar-nav .nav-link.active, .header .navbar-nav .show>.nav-link
{
	color: #fff;
}
.header .navbar-collapse
{
	align-items: end;
}
.header-top
{
	color:#818181;
	padding:7px 0px;
	text-align:right;
	position:relative;
}
.header-top ul
{
	position: absolute;
    right: 0;
    z-index: 1;
    top: 20px;
}
.header-top ul li
{
	float:left;
	margin-left:30px;
	line-height:32px;
}
.header-top a
{
	color: #d8a87e;
}
.header-top a:hover
{
	color: #fff;
}
.header .navbar-toggler
{
	border-color:#d8a87e;
	padding: 10px 20px;
}
.header .navbar-toggler .fa-bars
{
	color: #d8a87e;
}
.header .navbar-collapse
{
	border-top:solid 1px rgba(255, 255, 255, 0.2);
	margin-top:10px;
}
.header .navbar-expand-lg .navbar-nav .nav-link
{
	border-bottom:solid 1px rgba(255, 255, 255, 0.2);
}
.footer
{
	background:url(../images/footer-bg.jpg) no-repeat top center;
	background-size:cover;
	padding:30px 0px;
	color:#cfcfcf;
	text-align:center;
}
.footer h6
{
	color: #d8a87e;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom:15px;
}
.footer a
{
	color:#979797;
	font-size:13px;
}
.footer a:hover
{
	color:#fff;
}
.footer .text-end
{
	text-align:center!important;
}
.top-social a i {
    color: #575757;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    border-radius: 50%;
    background: #d7d7d7;
    padding: 10px 2px;
    width: 31px;
    height: 31px;	
}
.top-social a i:hover {
    background: #d8a77d;
    color: #fff;
}
.banner img.mainimg
{
	min-height:400px;
}
.banner .carousel-caption
{
	right:0;   
    left:0;
	bottom: 2.75rem;
    color:#4a4746;
	text-align:center;
}
.carousel-indicators
{
	bottom:20px;
}
.banner .carousel-caption h2
{
	color:#000;
	text-transform:uppercase;	
	font-size:26px;
	font-weight:700;
}
.banner .carousel-indicators [data-bs-target]
{
	background-color:#d8a87e;
}
.section-pad
{
	padding:20px 0px;
}
.heading h2
{
	font-size:26px;
	font-weight:700;
	margin-bottom:20px;
}
.heading h2 span
{
	display:block;
}
.vmiddle{
	vertical-align:middle;
}
.cat_area {
    /*width: 295px;*/
	width:100%;
    margin:15px auto;
    position: relative;
    overflow: hidden;
}
.cat_thm {
    /*width: 268px;
    height: 268px;*/
	width:90%;
    background: #fff;
    margin: auto;
    overflow: hidden;
    position: relative;
    border-radius: 25px 0 25px 0;
    border: 1px solid #ffe5cf;
}
.cat_thm figure {
    /*width: 268px;
    height: 268px;*/
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.cat_thm figure img {
    max-width: 100%;
    text-align: center;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
}
.cat_thm:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.cat_thm_bg {
    background: #020202;
    border-radius: 25px 0 25px 0;
    margin-top: -34px;
    /*height: 121px;*/
    padding-top: 34px;
	min-height:180px;
}
.cat_title {
    font: 300 18px / 20px 'Roboto', sans-serif;
    color: #fff;
    /*height: 43px;*/
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
    padding: 0 10px;
    margin-top: 1px;
}
.cat_title a {
    color: #fff;
}
.product-slider .owl-dots
{
	text-align:center;
	margin-top:30px;
}
.product-slider .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0px 2px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.product-slider .owl-dots .owl-dot.active span, 
.product-slider .owl-dots .owl-dot:hover span {
    background: #e3232f;
}
.breadcrumbdiv
{
	border-top: 3px solid #c3966e;
	background: #d8a87e;
    border-bottom: 3px solid #c3966e;
	padding:7px 0px;
}
.breadcrumbdiv .breadcrumb
{
	margin-bottom:0px;	
}
.breadcrumbdiv .breadcrumb-item.active
{
	color:#000;
	font-weight:700;
}
.breadcrumbdiv .breadcrumb a
{
	color:#000;
}
.text-brown
{
	color:#d8a87e;
}
.contactbox
{
	background: #fff;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    border: #ddd 1px solid;
    padding: 25px;
    padding-bottom: 15px;
    box-shadow: #ddd 2px 2px 5px;   
    margin: 10px auto 0 auto;
}
.btn-brown
{
	background:#d8a87e;
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	border-radius:50px;
	padding:7px 30px 6px;
}
.btn-brown:hover
{
	background:#000;
	color:#fff;
}
.btn-gray
{
	background:#f0f0f0;
	color:#000;
	font-size:15px;
	text-transform:uppercase;
	border-radius:50px;
	padding:7px 30px 6px;
}
.btn-gray:hover
{
	background:#000;
	color:#fff;
}
.leftbgtable table tr th
{
	background:#eee;
}
.product-dtails-slider .slides
{
	border:1px solid transparent;
}
.product-dtails-slider .flex-active-slide
{
	border:1px solid #d8a87e;
}


/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }
@media (min-width: 767px) {

}


/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.footer
{
	text-align:left;
}
.footer .text-end
{
	text-align:right!important;
}
.heading h2
{
	font-size:32px;	
}
.banner img.mainimg
{
	min-height:450px;
}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.section-pad
{
	padding:40px 0px;
}
.banner .carousel-caption
{
	text-align:left;
}
.banner img.mainimg
{
	min-height:450px;
}
.header .navbar-collapse
{
	border-top:none;
	margin-top:10px;
}
.header .navbar-expand-lg .navbar-nav .nav-link
{
	border-bottom:none;
}
}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
}