/*
	Theme Name : Chiyaghar Theme
	Version: 1.0
	Description: Chiyaghar
	Tags: categories, blog, page, thumbnail, marqueee
	Edited by: Saugat Shrestha
*/


@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'raleway_mediumregular';
    src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
RESET CSS
========================================================================== */

body {
	font-family: 'ralewayregular';
	font-size: 16px;
}

body::-webkit-scrollbar-track{
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    border-radius: 10px;
}

body::-webkit-scrollbar{
    width: 6px;
    background-color: #f7f7f7;
}

body::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #6a4c1e;
}

a {
	color: #333;
}

a:hover,
a:focus {
	text-decoration: none;
}

ul,
li {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'ralewaybold';
	font-weight: normal;
	margin: 0;
}

h1 {
	font-size: 56px;
}

h3 {
	font-size: 34px;
}

h4 {
	font-size: 26px;
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 18px;
}

p {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
}

label {
	font-weight: normal;
}

figure {
	margin: 0;
}

img {
	max-width: 100%;
}

.btn {
	border-radius: 0px;
    border: none;
}

.form-control {
	box-shadow: none;
    border-radius: 0px;
    height: 50px;
    padding: 15px 25px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 60px;
    width: 100%;
}

.form-control:focus {
	outline: 0;
	box-shadow: none;
}

textarea.form-control {
	resize: none;
	height: auto !important;
}

.site-btn {
    background: #6c4d21;
    border: 2px solid #6c4d21;
    padding: 14px 28px;
    color: #fff;
    font-size: 16px;
    font-family: 'raleway_mediumregular';
    transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.site-btn:hover,
.site-btn:focus {
	color: #fff;
	background: transparent;
}

.thumbnail-img {
	position: relative;
	overflow: hidden;
}

.section-title {
	margin: 0 0 30px;
}

.section-title h3 {
	color: #2b1b14;
	position: relative;
	padding: 0 0 15px;
	display: inline-block;
}

.section-title h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 2px;
	width: 70px;
	background: #6c4d21;
}

.section-title h3 span {
	color: #f1a529;
}

iframe {
	display: block;
}


/* ==========================================================================
SITE HEADER CSS 
========================================================================== */

.preloader {
	background: #ffc815;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}

.loader-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.loader-logo img {
	max-width: 100px;
	-webkit-animation: sk-bounce 1.0s infinite ease-in-out;
	animation: sk-bounce 1.0s infinite ease-in-out;
}


@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.8) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.site-header {
	background: #ffc815;
	padding: 15px 0 15px;
}

.site-header.sticky {
	position: fixed;
    z-index: 999999;
	width: 100%;
    top: 0;
    left: 0;
    padding: 10px 0;
    animation: animateheader 0.6s;
    -webkit-animation: animateheader 0.6s;
    -moz-animation: animateheader 0.6s;
}

@-webkit-keyframes animateheader {
	from {top: -200px;}
	to {top: 0}
}

@keyframes animateheader {
	from {top: -200px;}
	to {top: 0}
}

.site-logo {
	text-align: center;
}

.site-logo > a {
	display: inline-block;
}

.site-logo > a img {
	max-width: 100px;
}

.site-header.sticky .site-logo > a img {
	max-width: 80px;
}

.site-header.sticky .site-navigation ul {
	margin: 20px 0 0;
}

.site-header.sticky .social-icons ul {
	margin: 20px 0 0;
}

.site-header.sticky .site-navigation ul li a {
	font-size: 15px;
}

.social-icons ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.social-icons ul li a {
	display: block;
	color: #73541d;
	position: relative;
	top: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.social-icons ul li a:hover {
	color: #a77d33;
	top: -3px;
}

.social-icons ul li:last-of-type {
	margin-right: 0px;
}

.site-navigation {
	text-align: center;
}

.site-navigation ul {
	margin: 25px 0 0;
	float: right;
}

.site-navigation ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}

.site-navigation ul li:last-of-type {
	margin-right: 0px;
}

.site-navigation ul li a {
	display: block;
	color: #000;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.site-navigation ul li.active a,
.site-navigation ul li a:hover {
	color: #6c4d21;
}

.meta-section ul {
	float: right;
}

.meta-section ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}

.meta-section ul li:last-of-type {
	margin-right: 0px;
}

.meta-section ul li a {
	display: block;
	color: #000;
	font-size: 18px;
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.meta-section ul li a:hover {
	color: #6b4d1e;
}

.meta-section ul li a span {
    position: absolute;
    top: -9px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    background: #8c774b;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
}

.srch-form {
	position: fixed;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    background: #371f0fd1;
    display: flex;
    align-items: center;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
}

.srch-form .close {
	position: absolute;
    top: 10px;
    right: 20px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}

.srch-form form {
	width: 100%;
    text-align: center;
    padding: 5% 20%;
}

.srch-form.active {
   	width: 100%;
    left: 0;
    visibility: visible;
    opacity: 1;
}

.srch-form.active .close {
    visibility: visible;
    opacity: 1;
}

.srch-form form button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    height: 100%;
    text-align: center;
    padding: 0 20px;
    font-size: 24px;
    color: #fff;
    background: #593e1d;
}

.srch-form form button:hover,
.srch-form form button:focus {
	outline: 0;
    color: #fff;
}

.srch-form form .form-group {
    position: relative;
    margin-bottom: 0;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
}

.srch-form.active .form-group {
	visibility: visible;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}


/* ==========================================================================
SECTION HOME BANNER
========================================================================== */

.home_banner {
	background: url('../images/homebanner-bg.jpg')no-repeat center center;
	background-size: cover;
	min-height: 800px;
	position: relative;
}

.home_banner::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.6);
}

.home_banner .banner_caption {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	text-align: center;
	color: #fff;
	margin: 0 0 10px;
}

.home_banner .banner_caption h1 {
	margin: 0 0 22px;
}

.home_banner .banner_caption h4 {
	font-family: 'raleway_mediumregular';
	margin: 0 0 10px;
}

.home_banner .banner_caption p {
	line-height: 26px;
	color: #efd4d4;
}

.home_banner .banner_caption .inner {
	padding: 0 170px;
}

.home_banner .banner_caption .site-btn {
	margin: 30px 0 0;
}


/* ==========================================================================
SECTION COFFEE TYPES (THREE BLOCK)
========================================================================== */

.cofe-typelist ul li {
	display: inline-flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	vertical-align: top;
	width: 33.4%;
	text-align: center;
	color: #fff;
	margin-left: -5px;
	padding: 56px 0;
	min-height: 300px;
}

.cofe-typelist ul li .thumbnail-img {
	margin: 0 0 10px;
}

.cofe-typelist ul li h5 {
	font-family: 'raleway_mediumregular';
	color: #e8dada;
}

.cofe-typelist ul li:first-of-type {
	background: #544531;
}

.cofe-typelist ul li:nth-of-type(2) {
	background: #563d1a;
}

.cofe-typelist ul li:nth-of-type(3) {
	background: #443725;
}


/* ==========================================================================
ABOUT MARKET CSS
========================================================================== */

.about_market {
	background: #6c4d21;
	padding: 200px 0 100px; 
	position: relative;
}

.about_market .coffee-typewrapper {
    position: absolute;
    top: -150px;
    left: 0;
    width: 100%;
}

.about_market .section-title h3 {
	color: #fff;
}

.about_market .section-title h3 span {
	color: #ffc815;
}

.about_market .section-title h3::before {
	background: #fff;
}

.about_market p {
	color: gainsboro;
}

.services-list {
	margin: 40px 0 0;
}

.services-list ul li {
	position: relative;
	padding-left: 60px;
	margin: 0 0 30px;
	color: #d6cece;
}

.services-list ul li span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 35px;
	color: #a29876;
	top: -8px;
}

.services-list ul li h5 {
	margin: 0 0 10px;
	font-size: 19px;
}

.services-list ul li p {
	font-size: 14px;
	line-height: 22px;
}

/* ==========================================================================
WHY CHOOSE US (PARALLAX SECTION)
========================================================================== */

.whychoose {
	background: url('../images/parallax-bg.jpg')no-repeat center center;
	background-size: cover;
	padding: 140px 0;
	text-align: center;
	background-attachment: fixed;
	position: relative;
}

.whychoose::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.8);
}

.whychoose .section-title {
	margin: 0 0 60px;
}

.whychoose .section-title h3 {
	color: #fff;
}

.whychoose .section-title h3::before {
	left: 50%;
	margin-left: -35px;
}

.whychoose-block span {
	display: block;
	font-size: 48px;
	font-family: 'ralewaybold';
	color: #d2a412;
}

.whychoose-block h5 {
	font-size: 24px;
	color: #fff;
}

.whychoose-block p {
	color: #d0bbbb;
	margin: 20px 0 0;
	line-height: 22px;
}


/* ==========================================================================
OUR POPULAR ITEMS CSS
========================================================================== */

.popularitems {
	padding: 80px 0;
	background: #f6f6f6;
}

.page-content.popluaritems {
	background: #eee;
	padding-bottom: 150px;
}

.popularitems .section-title {
	text-align: center;
	margin: 0 0 60px;
}

.popularitems .section-title h3 {
	display: inline-block;
}

.popularitems .section-title h3::before {
	left: 50%;
	margin-left: -35px;
}

.popular-item .popular-block {
	background: #fff;
	text-align: center;
	padding: 40px 20px;
	box-shadow: 0 0px 10px rgba(146,146,146,.4);
	-webkit-box-shadow: 0 0px 10px rgba(146,146,146,.4);
	-moz-box-shadow: 0 0px 10px rgba(146,146,146,.4);
}

.popular-item .popular-block .thumbnail-img {
	max-height: 300px;
	margin: 0 0 30px;
}

.popular-item .popular-block h4 {
	font-size: 22px;
	margin: 0 0 10px;
	color: #52514e;
}

.popular-item .popular-block .site-btn {
	margin-top: 30px;
	padding: 9px 20px;
}

.popular-item .popular-block p {
	font-size: 15px;
	color: #808080;
	margin: 0 0 15px;
	line-height: 22px;
}

.popular-item .popular-block h6 {
	font-size: 20px;
	color: #ba9e64;
}

.popular-item .popular-block h6 del {
	margin-right: 10px;
	color: #a79f9f;
}

.popular-item .popular-block .site-btn {
	font-size: 15px;
}

.popular-item .popular-block .site-btn i {
	margin-right: 8px;
}

.popular-item .popular-block .site-btn:hover,
.popular-item .popular-block .site-btn:focus {
	background: #98804f;
	border-color: #98804f;
}

.popularitems .wheretobuy-tabs {
	margin: 0 0 40px;
}


/* ==========================================================================
WHERE TO BUY
========================================================================== */

.wheretobuy {
	background: #f3ebdb;
	padding: 80px 0;
}

.wheretobuy .section-title {
	text-align: center;
}

.wheretobuy .section-title h3 {
	display: inline-block;
}

.wheretobuy .section-title h3::before {
	left: 50%;
	margin-left: -35px;
}

.wheretobuy-tabs ul.nav-tabs {
	text-align: center;
	border-bottom: none;
}

.wheretobuy-tabs ul.nav-tabs > li {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
}

.wheretobuy-tabs ul.nav-tabs > li:last-of-type {
	margin: 0;
}

.wheretobuy-tabs ul.nav-tabs > li > a {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	border-radius: 0px;
	border: none;
	padding: 8px 20px;
	font-family: 'raleway_mediumregular';
	border-radius: 2px;
}

.wheretobuy-tabs ul.nav-tabs > li > a:hover {
	background: #a2793b;
	color: #fff;
}

.wheretobuy-tabs ul.nav-tabs > li.active > a, 
.wheretobuy-tabs ul.nav-tabs > li.active > a:hover, 
.wheretobuy-tabs ul.nav-tabs > li.active > a:focus {
	border: none;
	background: #a27535;
	color: #fff;
}

.wheretobuy-tabscontent {
	margin: 70px 0 0;
}

.wheretobuy-tabscontent .tab-block {
    margin: 0 0 40px;
    background: #fff;
    height: 350px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-shadow: 3px 4px 1px 1px #e0dfdd;
    -webkit-box-shadow: 3px 4px 1px 1px #e0dfdd;
    -moz-box-shadow: 3px 4px 1px 1px #e0dfdd;
}

.wheretobuy-tabscontent .tab-block h5 {
	font-size: 18px;
	margin: 0 0 10px;
}

.wheretobuy-tabscontent .tab-block span {
    height: 60px;
    width: 60px;
    font-size: 30px;
    text-align: center;
    padding: 10px 0;
    color: #ffffff;
    display: block;
    margin: 0 0 20px;
    border-radius: 100%;
    background: #a27535;
}

.wheretobuy-tabscontent .tab-block ul li {
	margin: 0 0 5px;
	font-size: 15px;
}

.wheretobuy-tabscontent .tab-block ul li i {
	margin-right: 8px;
	color: #a2793b;
}

/* ==========================================================================
CUSTOMERS TESTIMONIALS CSS
========================================================================== */


.testimonials {
	background: url('../images/testimonials-bg.jpg')repeat;
	padding: 80px 0;
}

.testimonials .section-title {
	text-align: center;
	margin: 0 0 60px;
}

.testimonials .section-title h3 {
	color: #fff;
	display: inline-block;
}

.testimonials .section-title h3::before {
	left: 50%;
	margin-left: -35px;
}

.test-block {
	color: #b7aeae;
	text-align: center;
	padding: 0 80px;
}

.test-block p i {
	color: #a0801b;
}

.test-block p i:first-child {
	margin-right: 10px;
}

.test-block p i:last-child {
	margin-left: 10px;
}

.test-block .thumbnail-img {
	height: 70px;
	width: 70px;
	border-radius: 100%;
	margin: 30px auto 15px;
}

.test-block .test-details h5 {
	font-size: 20px;
	color: #b89d64;
	font-family: 'raleway_mediumregular';
}

.test-block .test-details span {
	font-size: 14px;
	color: #a78b85;
	display: block;
	margin: 3px 0 0;
}

.popularitems .owl-nav,
.testimonials .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.popularitems .owl-carousel .owl-nav button,
.testimonials .owl-carousel .owl-nav button {
	position: absolute;
    width: 40px;
    height: 40px;
    font-size: 32px;
    border-radius: 2px;
    background: #6c4d21;
    border: 1px solid #6c4d21;
    text-align: center;
    line-height: 30px;
    color: #ded5d5;
}

.popularitems .owl-carousel .owl-nav button:focus,
.testimonials .owl-carousel .owl-nav button:focus {
	outline: 0;
}

.popularitems .owl-carousel .owl-nav button span,
.testimonials .owl-carousel .owl-nav button span {
	display: none;
}

.testimonials .owl-carousel .owl-nav button.owl-prev {
	left: 0;
}

.popularitems .owl-carousel .owl-nav button.owl-prev:before,
.testimonials .owl-carousel .owl-nav button.owl-prev:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-family: 'FontAwesome';
	content: "\f104";
}

.testimonials .owl-carousel .owl-nav button.owl-next {
	right: 0;
}

.popularitems .owl-carousel .owl-nav button.owl-next:before,
.testimonials .owl-carousel .owl-nav button.owl-next:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-family: 'FontAwesome';
	content: "\f105";
}

.popularitems .owl-carousel .owl-nav button {
	height: 50px;
	width: 50px;
}

.popularitems .owl-carousel .owl-nav button {
	background: #382010;
	border-color: #382010;;
}

.popularitems .owl-carousel .owl-nav button.owl-prev {
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}

.popularitems .owl-carousel .owl-nav button.owl-next {
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}

.popularitems .owl-carousel .owl-nav button.owl-prev:before,
.popularitems .owl-carousel .owl-nav button.owl-next:before {
	color: #fff;
}

.popularitems:hover .owl-carousel .owl-nav button.owl-prev {
	opacity: 1;
	visibility: visible;
	left: -25px;
}

.popularitems:hover .owl-carousel .owl-nav button.owl-next {
	opacity: 1;
	visibility: visible;
	right: -25px;
}


/* ==========================================================================
OUR PARTNERS
========================================================================== */

.partners {
	padding: 60px 0 130px;
}

.partners .section-title {
	text-align: center;
	margin: 0 0 70px;
}

.partners .section-title h3 {
	display: inline-block;
}

.partners .section-title h3::before {
    left: 50%;
    margin-left: -35px;
}

.partners .owl-carousel .owl-item img {
	width: auto;
	margin: auto;
}

.partner-item {
	border: 1px solid #eee;
	padding: 30px 15px;
}



/* ==========================================================================
SECTION NEWSLETTER (SUBSCRIBE)
========================================================================== */

.newsletter-inner {
    position: relative;
    top: -90px;
}

.newsletter-inc {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    padding: 53px 64px 56px;
    border-radius: 15px;
    box-shadow: 0px 15px 50px 0px rgba(37, 45, 52, 0.13);
    -webkit-box-shadow: 0px 15px 50px 0px rgba(37, 45, 52, 0.13);
    -moz-box-shadow: 0px 15px 50px 0px rgba(37, 45, 52, 0.13);
}

.newsletter-inner h4 {
	color: #6a4c1e;
	font-size: 26px;
}

.newsletter-inner h4 span {
	display: block;
	font-size: 14px;
	margin: 0 0 5px;
	color: #000;
	font-family: 'ralewayregular';
}

.newsletter-inner h4 i {
	margin-right: 15px;
}

.form-newsletter .form-group {
	margin: 0;
	position: relative;
}

.newsletter-inner .site-btn {
	position: absolute;
    top: 0;
    right: 0;
    width: auto;
    background: #6a4c1e;
    border-color: #6a4c1e;
    padding: 12px 30px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.newsletter-inner .site-btn:hover {
	background: #483517;
	border-color: #483517;
}

.newsletter-inner {
	position: relative;
}



/* ==========================================================================
SITE FOOTER CSS
========================================================================== */

.footer-block h5 {
    color: #c5c3c3;
    margin: 0 0 15px;
    border-bottom: 2px solid #3c3232;
    padding: 0 0 8px;
    font-size: 20px;
}

.footer-block p {
	color: #808080;
	font-size: 14px;
	line-height: 22px;
}

.footer-block.location ul li {
	margin: 0 0 8px;
	color: #808080;
	font-size: 14px;
}

.footer-block.location ul li:last-of-type {
	margin: 0;
}

.footer-block.location ul li i {
	margin-right: 10px;
	color: #6c4d21;
	width: 16px;
	font-size: 15px;
}

.footer-top {
    background: #222222;
    padding: 150px 0 70px;
}

.footer-bottom {
	background: #251a1a;
	padding: 20px 0;
	text-align: center;
	color: #808080;
}

.footer-bottom p {
	font-size: 15px;
}

.padl20 {
	padding-left: 20px;
}

.social-icons ul {
	margin: 25px 0 0;
	float: right;
}

.site-footer .social-icons ul li {
	margin-right: 3px;
}

.site-footer .social-icons ul li a {
    height: 35px;
    width: 35px;
    background: #211e1e;
    border-radius: 100%;
    display: flex;
    align-items: center;
    color: #968e82;
}

.site-footer .social-icons ul li a i {
	width: 100%;
	text-align: center;
}

.site-footer .social-icons ul li a:hover {
	background: #684a1d;
	color: #fff;
	top: 0;
}


/* ==========================================================================
SITE BANNER CSS
========================================================================== */

.site-banner {
	background: url('../images/banner-bg.jpg')no-repeat;
	background-size: cover;
	padding: 90px 0;
	position: relative;
	background-position: 100% 100%;
}

.site-banner:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.7);
}

.site-banner.contact {
	background: url('../images/contactbg.jpg')no-repeat;
}

.page-title h3 {
	color: #fff;
	font-size: 30px;
	padding-left: 15px;
	border-left: 5px solid #a27535;
	position: relative;
}



/* ==========================================================================
INNER PAGE CONTENT CSS
========================================================================== */

.page-content {
	padding: 60px 0;
}

.page-content.isProducts {
	padding-bottom: 150px;
}

.page-content.about {
	padding-bottom: 80px;
}

.hasbg {
	background: #6c4d21;
}

.hasbg .section-title h3 {
	color: #fff;
}

.hasbg .section-title h3::before {
	background: #d8d7d5;
}

.whoweare-box {
	margin-left: 40px;
}

.hasbg .whoweare-box .thumbnail-img {
	height: 400px;
	width: 400px;
	border-radius: 100%;
}

.whoweare-box .thumbnail-img img {
	width: 100%;
}

.whoweare-block .site-btn {
	margin: 20px 0 0;
	background: #926a32;
}

.whoweare-block .site-btn:hover {
	color: #fff;
	background: #a57d48;
}

.page-content.story {
	background: #fffafa;
}

.marl0 {
	margin-left: 0px !important;
}

.story-right {
    margin: 120px 0 0 -120px;
    background: #a27535;
    padding: 40px 30px;
    position: relative;
}

.story .whoweare-box {
	border: none;
	padding: 0;
}

.story-right .section-title h3 {
	color: #fff;
}

.story-right .section-title h3 span {
	color: #ffc815;
}

.story-right .section-title h3:before {
	background: #fff;
}

.story-right p {
	color: #f1e7e7;
}

.whoweare-block p {
	margin: 0 0 20px;
	color: #fff;
}

.whoweare-block p:last-child {
	margin: 0;
}

.productlist ul li {
	position: relative;
    margin: 0 0 20px;
    padding: 0 0 20px 40px;
    border-bottom: 1px dashed #eae3e3;
}

.productlist ul li::before {
	background: url('../images/matka-img.png')no-repeat;
	height: 25px;
	width: 25px;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	font-family: 'FontAwesome';
	font-size: 22px;
	color: #a27535;
}

.productlist ul li:last-of-type {
	border-bottom: none;
	margin: 0;
}

.productlist ul li h5 {
	margin: 0 0 5px;
	font-size: 20px;
}

.productlist ul li p {
	font-size: 15px;
}

.site-divider {
	margin: 40px 0 40px;
	border-top: 1px dashed #ddd;
}

.drink-block {
	margin: 0 0 20px;
}

.drink-block .thumbnail-img {
	position: relative;
}

.drink-block .thumbnail-img:before {
    content: '';
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 1;
}

.drink-block .thumbnail-img img {
	width: 100%;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}

.drink-block:hover .thumbnail-img img {
	transform: scale(1.2,1.2);
}

.drink-block .thumbnail-img h4 {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	width: 100%;
	color: #fff;
	z-index: 1;
	font-size: 20px;
}

/* ==========================================================================
CONTACT PAGE CSS
========================================================================== */

.contactleft ul li {
	margin: 0 0 30px;
	position: relative;
	padding-left: 50px;
}

.contactleft ul li span {
	position: absolute;
	left: 0;
	top: 0;
}

.contactleft ul li h5 {
	font-size: 19px;
}

.contactleft ul li p {
	font-size: 15px;
}

.contactright .section-title h3 {
	font-size: 24px;
}

.contactform .site-btn:hover {
	color: #000;
}

.contactform .form-control {
	border-radius: 0px;
	height: 45px;
	padding: 10px 15px;
}


/* ==========================================================================
POPULAR ITEMS PAGE CSS
========================================================================== */

.marbot20 {
	margin-bottom: 20px;
}

.category-sidebar h4 {
	margin: 0 0 20px;
	border-bottom: 3px solid #ddd;
	padding: 0 0 8px;
}

.category-sidebar h4 span {
	position: relative;
}

.category-sidebar h4 span:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	height: 3px;
	width: 100%;
	background: #6a4c1e;
}

.categorypages ul li {
	margin: 0 0 10px;
}

.categorypages ul li a {
    display: block;
    background: #fff;
    padding: 10px 15px;
}

.categorypages ul li.active a {
	background: #a27535;
	color: #fff;
}

.category-productlist {
	margin: 35px 0 0;
}

.product-block {
	background: #eee;
	height: 200px;
}

.product-gridblock {
	margin: 0 0 20px;
	background: #fff;
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
}

.figdetails {
    min-height: 262px;
    background: #fff;
    padding: 15px 30px;
    border-left: 1px solid #eee;
}

.figdetails h3 {
	font-size: 25px;
	margin: 0 0 15px;
}

.figdetails p {
	font-size: 15px;
}

.viewlink {
    padding: 10px 15px;
    display: inline-block;
    font-size: 15px;
    margin: 30px 0;
    background: #a27535;
    color: #fff;
    float: right;
}

.viewlink:hover {
	color: #fff;
}

.viewlink i {
	margin-right: 8px;
}

.rate {
	margin: 15px 0 0;
	font-size: 40px;
    color: #b9b1a5;
}

.category-productlist h2 {
    margin: 0 0 20px;
    font-size: 30px;
    border-left: 5px solid #ddd;
    padding-left: 20px;
}


/* ==========================================================================
FRANCHISE PAGE CSS
========================================================================== */

.page-content.franchise {
	padding-bottom: 150px;
}

.block-heading {
	margin: 0 0 20px;
}

.block-heading h4 {
	font-size: 24px;
	margin: 0 0 8px;
}

.block-heading p {
	font-size: 15px;
}

.franchiseform .form-group {
	margin: 0 0 30px;
}

.franchiseform .form-control {
	border-radius: 0px;
	padding: 10px 15px;
}		

.franchiseform .site-btn:hover {
	color: #6c4d21;
}




/* ==========================================================================
OURTEAM PAGE CSS
========================================================================== */

.page-content.ourteam {
	padding-bottom: 150px;
}

.teamBlock {
	border: 1px solid #ddd;
	border-radius: 3px;
	overflow: hidden;
	padding: 30px 0 70px;
	margin: 0 0 30px;
	text-align: center;
	position: relative;
}

.teamBlock:before {
	content: "";
    width: 100%;
    height: 70%;
    border-radius: 50%;
    background: #a27535;
    position: absolute;
    bottom: 135%; 
    right: 0;
    left: 0;
    opacity: 0.3;
    transform: scale(3);
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}

.teamBlock .thumbnail-img {
	height: 130px;
	width: 130px;
	margin: 0 auto 40px;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.teamBlock .thumbnail-img:before {
	content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #a27535;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.teamBlock .thumbnail-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
	transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
}

.teamBlock:hover .thumbnail-img img {
	box-shadow: 0 0 0 14px #f7f5ec;
	-webkit-box-shadow: 0 0 0 14px #f7f5ec;
	-mo-zbox-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
}

.teamBlock h4 {
	font-size: 20px;
	margin: 0 0 5px;
}

.teamBlock p {
	font-size: 16px;
	color: #777;
}

.teamBlock .social {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: #6a4c1e;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
}

.teamBlock .social li {
	display: inline-block;
	vertical-align: top;
}

.teamBlock .social li a {
	display: block;
	color: #fff;
	font-size: 17px;
	width: 40px;
	padding: 10px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}

.teamBlock .social li a:hover {
	background: #fff;
	color: #d0a61d;
}


/* ==========================================================================
GALLERY PAGE CSS
========================================================================== */

.gallery-blockWrapper .row {
	margin: 0;
}

.gallery-blockWrapper [class*="col-"] {
	padding: 5px;
}

.gallery-block > a {
	display: block;
	position: relative;
}

.gallery-block > a:before {
	position: absolute;
	background: rgba(0,0,0,.2);
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    content: "";
    opacity: 0;
	transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
}

.gallery-block > a:after {
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    opacity: 0;
    transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;
    -o-transition: all ease-in-out .4s;
    -ms-transition: all ease-in-out .4s;
}

.gallery-block > a:hover::before,
.gallery-block > a:hover::after {
    opacity: 1;
    height: 100%;
}