html{-webkit-font-smoothing:antialiased;}



body{outline:0;margin:0;padding:0;font-style:normal;font-weight:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:'liga','kern';line-height:normal;



text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family: 'Muli', sans-serif;font-size: 14px;font-weight:400;}



html,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset,p,hr,iframe{margin:0;padding:0;border:none;list-style:none;}



a,input,select,textarea{outline:none;margin:0;padding:0;}



h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1.4;margin: 0px;padding: 0px;}



a{text-decoration:none;color:#000;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;-o-transition:all ease 0.5s;}



a:hover{text-decoration:none;}



a:focus,input:focus,textarea:focus,select:focus,button:focus{outline:none;text-decoration:none;color:#000;}



img{max-width:100%;vertical-align:middle;border:none;outline:none;border-radius:0;}



article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}



input{resize:none;border:0;-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}



select::-ms-expand{display:none;}



input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;}



select,input[type="submit"]{cursor:pointer}



p{margin: 0px;padding: 0px;line-height: 1.4;}



select{-webkit-appearance:none;-moz-appearance:none;}



h1{ font-size: 60px; color: #393835; font-family: "Playfair Display"; font-weight: 400;}



p{ font-size: 16px; line-height: 27px; color: #393835; font-family: "Muli"; font-weight: 500; padding-bottom: 20px;}



p:last-child{ padding-bottom: 0 !important;}



h2{ line-height: 55px; font-size: 40px; color: #393835; font-family: "Playfair Display"; font-weight: 500; padding-bottom: 30px;}



strong{ font-weight: 600;}



.section{ padding: 100px 0;}



.text-white{ color: #fff !important;}



.overflow-hidden{ overflow: hidden;}



.golden-text{ font-size: 18px; letter-spacing: 0.04rem; line-height: 30px; color: #744800; font-family: "Playfair Display"; font-weight: 500; padding-bottom: 20px;}



.theme-btn { font-size: 16px; letter-spacing: 1px; color: #ffffff; font-family: "Playfair Display"; font-weight: 500; min-width: 193px; border-radius: 29px; background-color: #744800; display: inline-block; text-align: center; line-height: 58px; padding: 0 20px; transition: all ease 0.5s; overflow: hidden; position: relative;}



.theme-btn::before,



.theme-btn::after { background: #830000 ; content: ''; position: absolute; z-index: 0;}



.theme-btn::after { height: 100%; left: -35%; top: 0; transform: skew(50deg); transition-duration: 0.6s; transform-origin: top left; width: 0; -webkit-transition: all ease  0.5s; -moz-transition: all ease  0.5s; -o-transition: all  ease 0.5s; transition: all ease 0.5s;}



.theme-btn:hover { color: #fff;}



.theme-btn:hover:after { height: 100%; width: 135%;}



.theme-btn span{ position: relative; z-index: 1;}



/*====================Header css start====================*/ 



.header{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;    position: absolute; left: 0; width: 100%; z-index: 9;}



.header .navbar-expand-lg{display: flex;width: 100%;padding: 70px 0px 30px;}



.header .navbar-nav{justify-content:flex-start;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;padding-left: 8%;width: 100% !important;}



.header .navbar-nav .nav-item{display: flex;padding: 0 20px;}



.header .navbar-nav .nav-item:last-child {padding: 0 0px 0 15px;}



.header .navbar-nav .nav-item a{ font-size: 18px; line-height: 28px; color: #393835; font-family: "Playfair Display"; text-align: left; font-weight: 500; padding: 0;}



.header .navbar-nav li a:hover{color:#830000 !important;}



.header .navbar-brand{color:#000 !important;}



.header .navbar-toggler{position: relative;padding: 5px 12px;}



/*------mobile toggle icon css start------*/ 



.header .icon01{width: 23px;height: 2px;background-color: #830000;position: absolute;left: 0;right: 0;top:-1px;transition: 0.4s;}



.header .icon02{width: 23px;height: 2px;background-color: #830000;position: absolute;left: 0;right: 0;transition: 0.4s;}



.header .icon03{width: 23px;height: 2px;background-color: #830000;position: absolute;left: 0;right: 0;bottom:-3px;transition: 0.4s;}



.header .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover,.header .navbar-nav .nav-item.active .nav-link{color:#830000 ;}



.navbar-dark .navbar-toggler{border: none;}



/*------mobile toggle icon css end------*/



/*====================Header css end====================*/ /*====================Section css start ====================*/ 



/*hero-banner*/.hero-banner{ display: flex; align-items: center; background-repeat: no-repeat; background-position: -15px 100%; background-size: cover; padding: 170px 0 0px; min-height: 959px; background-color: #e8eade; position: relative;}



.banner-text { margin-top: 140px;}



.banner-text h1{ line-height: 75px; max-width: 800px; width: 100%; font-size: 60px; color: #393835; font-family: "Playfair Display"; font-weight: 500;}



.banner-text h1 strong{ font-weight: 600;}



.banner-text h3 { line-height: 36px; max-width: 550px; width: 100%; margin: 22px 0 40px; font-size: 20px; color: #404852; font-family: "Muli"; font-weight: 500;}



.banner-btn { min-width: 156px; line-height: 58px; display: inline-block; text-align: center; padding: 0 20px; font-size: 18px; letter-spacing: 1px; color: #ffffff; font-family: "Playfair Display"; font-weight: 400; border-radius: 29px; background-color: #744800; margin-right: 15px; border: none;}



.banner-btn:hover{ color: #744800; background-color: #fffcee;}



.inverse-banner-btn{ color: #744800; background-color: #fffcee;}



.inverse-banner-btn:hover{ color: #fff; background-color: #744800;}



.banner-image{ position: absolute; right: 0; top: 0;}



/*organic-section	*/.organic-section{ position: relative; overflow: hidden; padding: 180px 0 ;}



.leaves-wrap{ position: relative;}



.leaves-img { position: absolute; right: 30px; bottom: -80px;}



.coffee-bean-bag-img { max-width: 540px; width: 100%; position: relative; left: -106px;}



.stain-object{ position: absolute; top:50%; transform: translateY(-50%); right: -40px; max-width: 263px; width: 100%; animation: flower-rotation 50s infinite linear;}



@keyframes flower-rotation{ from{ transform: translateY(-50%) rotate(0deg)  } to{ transform:translateY(-50%) rotate(359deg) }}



/*product-section*/.bg-offwhite{ background-color: #f5f5ed;}



.upper-leaf-object { position: absolute; right: 0; top: -150px; max-width: 352px; width: 100%;}



.leaf-object { position: absolute; bottom: -60px; left: -50px; max-width: 275px; width: 100%;}



.product-item img { max-width: 245px; margin: 0 auto; position: absolute; top: -100px; left: 0; right: 0;}



.items-name h4 { transition: all ease 0.5s; font-size: 28px; color: #393835; font-family: "Playfair Display"; font-weight: 400; text-align: center;}



.product-item { margin-top: 100px; position: relative;}



.items-name { max-width: 360px; width: 100%; margin: 0 auto; min-height: 294px; border-radius: 20px; box-shadow: 0px 38px 12px rgba(57,56,53,0.03); background-color: #ffffff; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 40px; position: relative; z-index: -1;}



.items-name::before { width: 311px; height: 311px; border-radius: 156px; background-color: #fdfaf5; content: ""; position: absolute; z-index: -1; bottom: -190px; transition: all ease 0.5s;}



.products-wrapper { margin: 40px 0 75px;}



.click-on p{ font-size: 18px; color: #393835; font-family: "Muli"; font-weight: 400; text-align: center;}



.product-item a:hover .items-name::before{ color: #ffffff; background-color: #744800;}



.product-item a:hover .items-name h4{ color: #fff;}



/*testimonial-section*/.testimonial-item p { font-size: 16px; line-height: 27px; color: #393835; font-family: "Muli"; font-weight: 600; font-style: italic; text-align: center; padding-bottom: 10px;}



.testimonial-item h5 { font-size: 16px; line-height: 27px; color: #744800; font-family: "Playfair Display"; font-weight: 500; text-align: center;}



.testimonial-section{ padding-bottom: 80px;padding-top: 140px;}



.testimonial-section .owl-theme .owl-dots .owl-dot.active span  { background: rgba(163, 84, 18,1); width: 16px;}



.testimonial-section .owl-theme .owl-dots .owl-dot:hover span{ background: rgba(163, 84, 18,1);}



.testimonial-section .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 2px; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 0; width: 8px; height: 2px; background-color: rgba(163, 84, 18,0.1);}



/*inner banner*/section.inner-banner { position: relative; height: 500px; background-size: cover; background-repeat: no-repeat; background-position: top right; display: flex; align-items: flex-end; padding: 130px 0 88px;}



.inner-banner-image { position: absolute; max-width: 500px; bottom: -180px; right: 14%;}



li.breadcrumb-item ,li.breadcrumb-item a { font-size: 16px; letter-spacing: 1px; color: #404852; font-family: "Muli"; font-weight: 500; text-transform: uppercase;}



li.breadcrumb-item.active,li.breadcrumb-item a:hover { color: #750000;}



.breadcrumb { background-color: transparent; padding: 0; margin: 0; margin-top: 18px;}



/*about*/.about-info p { font-size: 18px; line-height: 25px; color: #393835; font-family: "Muli"; font-weight: 400;}



.about-info h3 { padding-bottom: 20px; font-size: 22px; letter-spacing: 1px; line-height: 30px; color: #744800; font-family: "Playfair Display"; font-weight: 500;}



.about-img { margin-top: 96px;}



.coffee-shop-img{ margin-top: 173px; position: relative;}



.coffee-shop-tea-stain { max-width: 300px; width: 100%; /* transform: rotate(-50deg); */ position: absolute; bottom: -320px; left: 70px; z-index: -1; animation: flower-rotation 50s infinite linear;}



/*history-section*/.history-wrapper{ position: relative; overflow: hidden; padding-top: 100px; padding-bottom: 350px; background-color: #fcf9f1;}



.history-wrapper::before { content: ""; position: absolute; right: -86px; top: -45px; max-width: 300px; width: 100%; background-image: url(../images/flowers.png); height: 380px; background-size: contain; background-repeat: no-repeat;}



.history-wrapper::after { content: ""; position: absolute; right: 0px; bottom: 0px; max-width: 56%; width: 100%; background-image: url(../images/history-bg.png); height:50%; background-size: contain; background-repeat: no-repeat;}



.coffee-bag-wrap { max-width: 422px; width: 100%; position: absolute; bottom: -140px; left: 40px;}



/*coffee-page*/.contact-title h6{ font-size: 18px; line-height: 35px; color: #393835; font-family: "Muli"; font-weight: 500;}



.cont-info-wrp ul li { font-size: 18px; line-height: 26px; color: #744800; font-family: "Muli"; font-weight: 500;}



.cont-info-wrp ul li i{ font-size: 16px; line-height: 26px; color: #830000; margin-right: 10px;}



.cont-info-wrp ul li a ,.cont-info-wrp ul li span{ line-height: 30px; font-size: 20px; color: #404852; font-family: "Muli"; font-weight: 500;}



.border-top{ border-top: 2px solid #000;}



.cont-social-link li{ display: inline-block; padding: 0px 10px; font-size: 18px; color: #172835; text-align: right;}



.cont-social-link li:hover a ,.cont-info-wrp ul li:hover a{ color: #830000;}



.cont-social-link{ text-align: right; position: absolute; top: 20px; right: 15px;}



.cont-info-wrp ul{ border-bottom: 1px solid #ebebeb; margin-bottom:50px; padding-bottom: 70px; display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}



.cont-page-section .contact-title{ margin-bottom: 10px;  position: relative;}



.form-control { font-size: 14px; line-height: 41px; color: #24262b; font-family: "Muli"; font-weight: 400; height: 50px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0,0.1); border-radius: 0;}



.form-control:focus { color: #24262b; background-color: #fff; border-color: #744800; outline: 0; box-shadow: none;}



.contact-desp { padding-bottom: 40px;}



/*----tab-----*/.nav-tabs .nav-link { border: 0px solid transparent; border-top-left-radius:0rem; border-top-right-radius: 0; font-size: 16px; color: #cfd1c5; font-family: "Muli"; font-weight: 400; border-radius: 0 !important; margin: 0 20px 15px; border-radius: 0 !important;    padding: 0;}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{ color: #750000; background-color: transparent; border-color: transparent;}



.card-header{ border: 0; border-radius: 0 !important;}



.nav-tabs { display:none;}



.coffee-item-title { background-color: #f4f5ee; padding: 18px; text-align: center; margin-bottom: 30px;}



.coffee-item-title h3 { font-size: 40px; color: #393835; font-family: "Playfair Display"; font-weight: 400; line-height: 45px;}



.nav-tabs { border-bottom: 0px solid #dee2e6;}



.coffee-items-wrapp { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 40px;}



.coffee-inner-banner-image { bottom: -50px !important;}



.card-body { padding: 1.25rem 0 0;}



.border-wrapper{ position: relative; width: 25%; padding: 57px 20px 38px;}



.border-wrapper::before, .border-wrapper::after { content: ""; width: 46px; height: 1px; position: absolute; transition: all 0.2s linear; background: #ecedee;}



.border-wrapper::after { right: 0; bottom: 0; transition-duration: 0.4s;}



.border-wrapper::before { left: 0; top: 0; transition-duration: 0.4s;}



.border-box { display: block;}



.border-box::before, .border-box::after { content: ""; width: 1px; height: 46px; position: absolute; transition: all 0.2s linear; background: #ecedee;}



.border-wrapper .border-box::before { left: 0; top: 0; transition-duration: 0.4s;}



.border-wrapper .border-box::after { right: 0; bottom: 0; transition-duration: 0.4s;}



.coffee-items h5 { font-size: 16px; color: #404852; font-family: "Muli"; font-weight: 400; margin-top: 20px;}



.border-box-inner { display: block;}



.border-box-inner::before, .border-box-inner::after { content: ""; width: 1px; height: 46px; position: absolute; transition: all 0.2s linear; background: #ecedee;}



.border-wrapper .border-box-inner::before { right: 0; top: 0; transition-duration: 0.4s;}



.border-wrapper .border-box-inner::after { left: 0; bottom: 0; transition-duration: 0.4s;}



.border-box-final { display: block;}



.border-box-final::before, .border-box-final::after { content: ""; width: 46px; height: 1px; position: absolute; transition: all 0.2s linear; background: #ecedee;}



.border-wrapper .border-box-final::before { right: 0; top: 0; transition-duration: 0.4s;}



.border-wrapper .border-box-final::after { left: 0; bottom: 0; transition-duration: 0.4s;}



.nav-tabs .nav-item { position: relative;text-align: center;}



.nav-tabs .nav-item+.nav-item::after {content: "";position: absolute;width: 2px;height: 14px;background: #d5d7cd;top: 4px;left: 0;}



section.section.coffees-section { padding-top: 80px;}



.tab-content { margin-top: 35px;}



.nav-tabs li.nav-item:nth-child(5):after{display: none;}



/*====================Section css end ====================*/ /*====================Footer css start ====================*/ 



footer{ width: 100%; background-color: #fff; padding: 0; position: relative;}



footer::before { content: ""; position: absolute; left: 0; bottom: 0; background-image: url(../images/beans.png); height: 170px; max-width: 360px; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: left bottom; z-index: 0;}



footer::after { content: ""; position: absolute; right: 0; bottom: 0; background-image: url(../images/beans2.png); height: 170px; max-width: 360px; width: 100%; background-repeat: no-repeat; background-position: right bottom; background-size: contain; z-index: 0;}



.top-footer { border-top: 1px solid #e8eade; padding: 100px 0; position: relative; z-index: 3;}



.list-wrp ul li a { font-size: 18px; line-height: 28px; color: #393835; font-family: "Playfair Display"; font-weight:500; text-align: right; margin-bottom: 10px; display: block; text-transform: capitalize;}



.list-wrp ul li a:hover ,.footer-contact-info ul li a:hover,.list-wrp ul li.active a{ color:#830000;}



.list-wrp ul li a:last-child{ margin-bottom: 0;}



.copyright p { font-size: 12px; line-height: 27px; color: #744800; font-family: "Muli"; font-weight: 500; text-align: center;}



.copyright p span{ font-size: 12px; line-height: 27px; color: #744800; font-family: "Muli"; font-weight: 500; text-align: center;}



.main_wrapper { float: left; min-height: 100vh; overflow-x: hidden; position: relative; width: 100%;}



.main_wrapper footer { float: left; width: 100%; bottom: 0; left: 0; position: absolute;}



/*====================Footer css start ====================*/ 



button#send-messag::before, button#send-messag::after {



	display: none;



}



button#send-messag:hover{



	background-color: #830000;



}



.error {



	color: red;



	margin: 10px 0;



	text-align: left;



}



.success{



	color: green;



	margin: 10px 0;



	text-align: left;



}



div#loader-icon {



	margin: 10px 0;



}

/*-6-3-20--*/

button#send-messag {

	text-transform: uppercase;

}
/*13-3-20*/
.coffee-items img {

	max-height: 238px;

}