@charset "utf-8";
* {
    outline: none;
    margin: 0px;
    padding: 0px;
    border: none;
    text-decoration: none;
    box-sizing:border-box;
}
body {
    text-decoration: none;
    background: url(../images/bg.png);
     font-family: 'Poppins';
    font-size:16px;
    color:#505050;
}

@font-face {
    font-family: 'Libel Suit Rg';
    src: url('../fonts/LibelSuitRg-Regular.eot');
    src: url('../fonts/LibelSuitRg-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LibelSuitRg-Regular.woff2') format('woff2'),
        url('../fonts/LibelSuitRg-Regular.woff') format('woff'),
        url('../fonts/LibelSuitRg-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'geomanist-light';
    src: url('../fonts/geomanist-light-webfont.eot');
    src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

 @font-face {
     font-family: 'geomanistregular';
     src: url('../fonts/geomanist-regular-webfont.eot');
     src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

 @font-face {
     font-family: 'geomanist-book';
     src: url('../fonts/geomanist-book-webfont.eot');
     src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
    font-family: 'geomanist-black';
    src: url('../fonts/geomanist-black-webfont.eot');
    src: url('../fonts/geomanist-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-black-webfont.woff2') format('woff2'), url('../fonts/geomanist-black-webfont.woff') format('woff'), url('../fonts/geomanist-black-webfont.ttf') format('truetype'), url('../fonts/geomanist-black-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'geomanist-bold';
    src: url('../fonts/geomanist-bold-webfont.eot');
    src: url('../../fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-bold-webfont.woff2') format('woff2'), url('../fonts/geomanist-bold-webfont.woff') format('woff'), url('../fonts/geomanist-bold-webfont.ttf') format('truetype'), url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*file browse button style starts here*/
#custom-button {
  padding: 10px;
  color: white;
  background-color:#da9e32;
  border-radius: 5px;
  cursor: pointer;
}

#custom-button:hover {
  background-color:#622301;
}

#custom-text {
  margin-left: 10px;
  font-family: sans-serif;
  color: #aaa;
}
#fw_al_001 > .carousel-inner > .item > a > img, #fw_al_001 > .carousel-inner > .item > img{ height:100% !important}
/*file browse button style ends here*/
.order-track-wrap{
	width:100%;
	height:auto;
	position:relative;
	z-index:99;
	margin-bottom:2em;
	
}
.rder-track{
	width:auto;
	height:auto;
	float:left;
	display:flex;
	align-items:center;
	font-family:inherit;
	font-size:1em;
	color:#333;
	magin-right:10px;
}
.rder-track i{ margin-right:5px; margin-left:5px;}
.root{ color:#009933}
.rder-track span{ width:50px; height:1px; background-color:#333; margin-left:10px;}
.apply-title {
  width:100%;
  height: auto;
  line-height:40px;
  font-family: inherit;
  font-size: 1em;
  font-weight: 500;
  float: left;
  text-align: left;
  color:#622301;
  text-transform: uppercase;
}
.apply-for{ height:50px !important; line-height:50px !important; float:left}
:root {
  --star-size: 20px;
  --star-color: #ccc;
  --star-background: #fc0;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.details-middle-container {
  width: 100%;
  height: auto;
  padding-top:5em;
  padding-bottom: 1em;
}
/* Rating Star Widgets Style */
.details-for-star{
	width:48%;
	height:auto;
	float:left;
}
.review-stars{
  font-size:0.65em;
}
.rating-stars ul {
  list-style-type:none;
  padding:0;
  font-size:0.85em;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}
/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:1.2em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}

.review-wrap{
	width:100%;
	height:auto;
	margin-top:1.5em;
	border-top:1px solid #ccc;
	padding-top:1.5em;
	padding-bottom:2em;
}
.write-review{
	width:100%;
	height:auto;
	padding-bottom:0.25em;
	padding-top:0.5em;
}
.write-profile{
	width:10%;
	height:auto;
	float:left;
}
.write-details{
	width:90%;
	height:auto;
	float:left;
}
.write-details-name{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1.125em;
	color:#666;
	
}
.calback-box-contact {
    width: 100%;
    height: 140px;
    border: 1px solid #ccc;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    padding-top: 0.5em;
}
textarea.calback-box-contact::-webkit-input-placeholder {
 opacity:1 !important;
 font-size: 1em !important;
 color: #333 !important;
 font-family: inherit;
 font-weight: normal;
}
textarea.calback-box-contact::-moz-placeholder {
 opacity:1 !important;
 font-size: 1em !important;
 color: #333 !important;
 font-family: inherit;
 font-weight: normal;
}
textarea.calback-box-contact:-ms-input-placeholder {
 opacity:1 !important;
 font-size: 1em !important;
 color: #333 !important;
 font-family: inherit;
 font-weight: normal;
}
textarea.calback-box-contact:-moz-placeholder {
 opacity:1 !important;
 font-size: 1em !important;
 color: #333 !important;
 font-family: inherit;
 font-weight: normal;
}
.write-details p{
	width:100%;
	height:auto;
	font-size:1em;
	color:#666;
	font-family:inherit;
	line-height:24px;
	padding-top:0.5em !important;
	padding-bottom:1em;
	
}

.sub-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.5em;
	font-family:inherit;
	font-weight:300;
	color:#04579d;
}
.details-for ul{
	margin:0px;
	padding:0px;
	list-style-type:none
}
.details-for ul li{
	width: auto;
	height:auto;
	font-size:1em;
	color:#666;
	font-family:inherit;
	line-height:24px;
	margin-top:0.5em;
	background:url(../images/listing.png) no-repeat left 8px;
	padding-left:5px;
}
.review-wrap{
	width:100%;
	height:auto;
	margin-top:1.5em;
	border-top:1px solid #ccc;
	padding-top:1.5em;
	padding-bottom:2em;
}
.write-review{
	width:100%;
	height:auto;
	padding-bottom:0.25em;
	padding-top:0.5em;
}
.write-profile{
	width:10%;
	height:auto;
	float:left;
}
.write-profile-pic {
	width:40px;
	height:40px;
	background-color:#ccc;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	max-width:100%;
	overflow:hidden;
	font-size:1em
}
.write-profile-pic img{
	width:50px;
	height:50px;
	background-color:#ccc;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	max-width:100%;
	overflow:hidden;
}
.write-details{
	width:90%;
	height:auto;
	float:left;
}
.write-details-name{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1.125em;
	color:#666;
	
}
.details-for{
  width: 48%;
  height: auto;
  float: left;
}
.details-for:nth-child(2) {
  float: right;
}
.all-review{
  height: 388px;
  margin-bottom: 0px;
  margin-right: 0px;
  max-height: none;
  overflow: auto;
 
 /* background-color: #ffffff;
	box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.15);
	padding: 40px 40px 60px 40px;*/
}
.tottal-for{
	width:100%;
	height:auto;
	padding-bottom:1em;
	display:flex;
	align-items:center;
	justify-content: flex-start;
}
.total-review{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1.25em;
	color:#333;
	font-weight:normal;
	padding-right:30px;
}
.total-rate {
  padding: 4px 15px;
  border-radius: 20px;
  font-size: 20px;
  background-color: #da9e32;
  vertical-align: baseline;
  float:left;
  display:flex;
  align-items:center;
  font-size:1em;
  color:#fff;
}
.count-review{
	width:auto;
	height:auto;
	float:left;
	color: #878787;
	font-size:0.85em;
	font-family:inherit;
	font-weight:normal;
	padding-left:5px;
}

/*style for loader starts here*/
.outer-wrap{
		width:100%;
		height:auto;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		display:flex;
		justify-content:center;
		align-items:center;
		background-color:rgba(0,0,0,0.7);
		z-index:999;
	}
	.loader-items {
  position: absolute;
  margin: auto;
  padding: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  list-style: none;
}

.loader-items li{
  position: absolute;
  margin: auto;
  padding: 0;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 0;
  height: 0;
  background:#000;
  border-radius: 10px;
  opacity: 0;  
}


.loader-items li:nth-child(1) {
  opacity: 1;
  width: 10px;
  height: 10px;
}

.loader-items li:nth-child(2) { 
  animation:         dotAnimation2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      dotAnimation2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     dotAnimation2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    dotAnimation2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: dotAnimation2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
}

@keyframes         dotAnimation2 { 25%,75% { top: -100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      dotAnimation2 { 25%,75% { top: -100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    dotAnimation2 { 25%,75% { top: -100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes dotAnimation2 { 25%,75% { top: -100%; left: 0; width: 10px; height: 10px; opacity: 1;} }

.loader-items li:nth-child(3) {
  animation:         dotAnimation3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      dotAnimation3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     dotAnimation3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    dotAnimation3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: dotAnimation3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.1s;
  -o-animation-delay:      0.1s;
  -ms-animation-delay:     0.1s;
  -moz-animation-delay:    0.1s;
  -webkit-animation-delay: 0.1s;
}

@keyframes         dotAnimation3 { 25%,75% { top: -70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      dotAnimation3 { 25%,75% { top: -70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    dotAnimation3 { 25%,75% { top: -70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes dotAnimation3 { 25%,75% { top: -70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }

.loader-items li:nth-child(4) {
  animation:         dotAnimation4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      dotAnimation4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     dotAnimation4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    dotAnimation4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: dotAnimation4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.2s;
  -o-animation-delay:      0.2s;
  -ms-animation-delay:     0.2s;
  -moz-animation-delay:    0.2s;
  -webkit-animation-delay: 0.2s;
}

@keyframes         dotAnimation4 { 25%,75% { top: 0; left: 100%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      dotAnimation4 { 25%,75% { top: 0; left: 100%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    dotAnimation4 { 25%,75% { top: 0; left: 100%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes dotAnimation4 { 25%,75% { top: 0; left: 100%; width: 10px; height: 10px; opacity: 1;} }

.loader-items li:nth-child(5) { 
  animation:         dotAnimation5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      dotAnimation5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     dotAnimation5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    dotAnimation5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: dotAnimation5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.3s;
  -o-animation-delay:      0.3s;
  -ms-animation-delay:     0.3s;
  -moz-animation-delay:    0.3s;
  -webkit-animation-delay: 0.3s;
}

@keyframes         dotAnimation5 { 25%,75% { top: 70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      dotAnimation5 { 25%,75% { top: 70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    dotAnimation5 { 25%,75% { top: 70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes dotAnimation5 { 25%,75% { top: 70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }

.loader-items li:nth-child(6) {
  animation:         dotAnimation6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      dotAnimation6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     dotAnimation6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    dotAnimation6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: dotAnimation6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.4s;
  -o-animation-delay:      0.4s;
  -ms-animation-delay:     0.4s;
  -moz-animation-delay:    0.4s;
  -webkit-animation-delay: 0.4s;
}

@keyframes         dotAnimation6 { 25%,75% { top: 100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      dotAnimation6 { 25%,75% { top: 100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    dotAnimation6 { 25%,75% { top: 100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes dotAnimation6 { 25%,75% { top: 100%; left: 0; width: 10px; height: 10px; opacity: 1;} }

.loader-items li:nth-child(7) { 
  animation:         dotAnimation7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      dotAnimation7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     dotAnimation7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    dotAnimation7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: dotAnimation7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.5s;
  -o-animation-delay:      0.5s;
  -ms-animation-delay:     0.5s;
  -moz-animation-delay:    0.5s;
  -webkit-animation-delay: 0.5s;
}

@keyframes         dotAnimation7 { 25%,75% { top: 70%; left: -70%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      dotAnimation7 { 25%,75% { top: 70%; left: -70%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    dotAnimation7 { 25%,75% { top: 70%; left: -70%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes dotAnimation7 { 25%,75% { top: 70%; left: -70%; width: 10px; height: 10px; opacity: 1;} }

.loader-items li:nth-child(8) {
  animation:         dotAnimation8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      dotAnimation8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     dotAnimation8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    dotAnimation8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: dotAnimation8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.6s;
  -o-animation-delay:      0.6s;
  -ms-animation-delay:     0.6s;
  -moz-animation-delay:    0.6s;
  -webkit-animation-delay: 0.6s;
}

@keyframes         dotAnimation8 { 25%,75% { top: 0; left: -100%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      dotAnimation8 { 25%,75% { top: 0; left: -100%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    dotAnimation8 { 25%,75% { top: 0; left: -100%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes dotAnimation8 { 25%,75% { top: 0; left: -100%; width: 10px; height: 10px; opacity: 1;} }

.loader-items li:nth-child(9) { 
  animation:         dotAnimation9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      dotAnimation9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     dotAnimation9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    dotAnimation9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: dotAnimation9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.7s;
  -o-animation-delay:      0.7s;
  -ms-animation-delay:     0.7s;
  -moz-animation-delay:    0.7s;
  -webkit-animation-delay: 0.7s;
}

@keyframes         dotAnimation9 { 25%,75% { top:  -70%; left:  -70%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      dotAnimation9 { 25%,75% { top:  -70%; left:  -70%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    dotAnimation9 { 25%,75% { top:  -70%; left:  -70%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes dotAnimation9 { 25%,75% { top:  -70%; left:  -70%; width: 10px; height: 10px; opacity: 1;} }



/*style for loader ends here*/
.cbp-af-header.cbp-af-header-shrink .logo img{ width:45px;}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}
.main-container{
	width:100%;
	height:auto;
	padding-left:8%;
	padding-right:8%;
}



 
.grecaptcha-badge{display:none !important;}
.clear {
    clear: both 
}
audio, ::selection {
    background:#ff9210;
    color: #333;
	
}
.header-contact {
    width: auto;
    height: auto;
    float: right;
	padding-top:1.5em;
	border-bottom: 1px solid #ccc;
}
.header-call{
    width:auto;
    height:auto;
    float:left;
    line-height:40px;
    font-family:  inherit;
    font-size:1em;
    font-weight: normal;
    margin-left:1em;
    color:#fff;
	
}
/*.header-call:nth-last-child(1){ margin-left:0.1em;}
.header-call a:nth-last-child(1){ margin-left:0.1em;}
*/.header-call a{
    line-height:40px;
   font-family:  inherit;
    font-size:1em;
    font-weight: normal;
    color:#fff;
    margin-left:20px;
	float:left
}
.header-call a i{ font-size:1.5em}
.contact-top{ float:left}
.header-call a:nth-child(3){
    margin-left:0px;
	/*padding-left:10px;
	border-left:1px solid #fff;*/
	font-family: inherit;
}
.header-call a:nth-child(2){
    margin-right:20px;
	padding-right:20px;
	border-right:1px solid #fff;
	font-family: inherit;
}
.header-call a:hover:nth-child(4){
	font-family: inherit;
}
.header-call a:hover{
    font-family:  inherit;
    font-size:1em;
    font-weight: normal;
    color:#ff9210;
}
.nav-menu > li:nth-last-child(1) a{ padding-right:0px;}
.cbp-af-header.cbp-af-header-shrink .nav-menu > li:nth-last-child(1) a{ padding-right:0px;}

.cbp-af-header.cbp-af-header-shrink .nav-menu{ padding-top:0px !important}
.cbp-af-header.cbp-af-header-shrink .header-contact{ display:none}




.swiper-slide-caption {
    position: absolute;
    z-index: 1;
    width:100%;
    max-height: 100%;
    white-space: normal;
    overflow: hidden;
    bottom:3%;
    left: 0px;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}



.banner-caption{ width: auto; margin-left:3%; float:left; padding-bottom: 12%;}
.cake-animate {
  width: 50%;
  float: right;
  text-align: center;
}

.box-title{
	font-family:'geomanist-book';
	font-size:1.15em;
	color:#333;
}

 .banner-caption-mid{
     font-size:6.063em;
     color:#c75518;
    font-family: 'Libel Suit Rg';
     text-align:left;
	 font-weight: normal;
	 line-height:1.2;
	 letter-spacing:0px;
	 text-transform: capitalize;
}
 .banner-caption-mid span{ font-size:1em; font-family: 'geomanist-book';}
 
 .lSSlideOuter .light li a img{ width:60% !important; margin:0 auto}

.caption-bottom{
	font-size:1.65em;
     color:#fff;
    font-family: 'Libel Suit Rg';
     text-align:left;
	 font-weight: normal;
	 line-height:1.2;
	
}


.img-full{
    width: 100%;
    height:auto;
    display: block 
}
.img-responsive {
    max-width: 100%;
    height:auto;
}

.footer-bottom{
	width:100%;
	height:auto;
}

.footer-bottom-link{
	width:auto;
	height:auto;
	float:left;
}
.footer-bottom-link ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:46px;
	display:flex;
	align-items:center;
	padding-left:8px;
}
.footer-bottom-link ul li{
	width:auto;
	height:auto;
	padding-left:8px;
	padding-right:8px;
	border-left:1px solid #ccc;
	float:left;
	font-family:inherit;
	font-size:1em;
	color:#fff;
	font-weight:300;
	line-height: 18px;
}
.footer-bottom-link ul li a{
	font-family:inherit;
	font-size:1em;
	color:#fff;
	font-weight:300;
	
}
.footer-bottom-container{
	width:100%;
	height:auto;
	background-color:#622301;
}
.copyright{
	width:auto;
	height:auto;
	float:left;
	line-height:46px;
	font-family:inherit;
	font-size:1em;
	font-weight:normal;
	color:#fff;
}
.designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size:1em;
     font-weight: normal;
     color:#fff;
     
     line-height:46px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: inherit;
     font-size:1em;
     font-weight: normal;
    color:#fff;
	margin-left:5px;
}
 .designed p a:hover {
     text-decoration: none;
    color:#da9e32;
	border-bottom:1px solid #da9e32;
}
 

.footer-wraper{
	width:100%;
	height:auto;
	position:relative;
	background-color:rgba(255,255,255,0.75);
	padding-bottom:85px;
}
.footer-container{
	width:100%;
	height:auto;
	padding-top:65px;
	display:table;
	z-index: 1;
	position: relative;
}
.footer-address{
	width:25%;
	height:auto;
	display:table-cell;
	vertical-align: top;
	text-align:left;
}
.footer-logo{
	width:100%;
	height:auto;
	text-align: center;
	margin-bottom:1em;
}
.footer-address p{
	width:100%;
	height:auto;
	text-align: center;
	color:#333;
	font-family:inherit;
	font-size:1em;
	line-height:1.8;
	margin-bottom:0.25em
}
.footer-contents{
	width:75%;
	height:auto;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	font-size: 0.9em
}
.footer-dtl{
	width:20%;
	height:auto;
	float:left;
}
.foote-address-whatsaap{
	width:100%;
	height:auto;
	text-align:center;
	margin-top:1em;
}

.footer-dtl:nth-child(2){ width:80%; height:auto; }
.footer-dtl:nth-child(2)  ul{ width:25%; float:left; padding-right: 2%;}

.footer-dtl ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.footer-dtl ul li{
     font-family: inherit;
     font-size:1em;
     line-height:1.7;
     margin-bottom:8px;
}
 .footer-dtl ul li a{
     font-family: inherit;
     font-size:1em;
     color:#333;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal;
}
.footer-dtl ul li a:hover{
     font-family: inherit;
     font-size:1em;
     color:#622301;
     padding-left:3px;
     font-weight: normal;
}

.footer-social-links {
     padding: 0;
     margin: 3px 0 0;
     text-align:left;
	 margin-top:.5em;
}
.footer-social-links ul{
	  margin:0px;
     padding:0px;
     list-style-type:none;
	 width:auto;
}
 .footer-social-links ul li {
	  height:40px;
     width: 40px;
	 float:left;
	 margin-right:10px;
	 background: none;
	 padding-left:0px;
	 font-size:1.5em
	 
}

 .footer-social-links ul li a {
     height:40px;
     width: auto;
     display: block;
     text-align: center;
     font-size:1em ;
	 color:#333;
	 line-height:40px;
	 background-color:#fff;
	 
}
 .footer-social-links ul li a:hover {
	 color:#000;
	 font-size:1em ;
	 background-color:#fff;
}
.footer-title {
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 1.75em;
  color:#622301;
  font-family: 'Libel Suit Rg';
  font-weight: normal;
  padding-bottom: 0.5em;
	letter-spacing: 0px;
}
.bottom-wraper{
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,0.75);
	padding-top:60px;
}
.bottom-review{
	width:38%;
	height:auto;
	float:left;
}


.bottom-review:nth-child(2){ width:57.75%; float:right;}

.content-bottom-title-wrap{
     width:100%;
     height:auto;
     display:flex;
     justify-content:center;
}
 .content-bottom-title{
     width:auto;
     height:auto;
     float:left;
     font-family: 'Libel Suit Rg';
	font-weight: normal;
     font-size:2em;
     color:#622301;
     margin-bottom:0.5em;
	 letter-spacing:0px;
}
 .content-bottom-title span{
    font-family: inherit;
	font-weight: normal;
     font-size:1em;
     color:#da9e32;
}
.content-bottom-title::after {
    content: " ";
    background-color:#59250b;
    font-weight: bold;
    width: 48px;
    height: 1px;
    float: right;
    margin-top: 28px;
    margin-left: 10px;
}
.home-testimonial-wraper{
	width:100%;
	height:auto;
}
.home-outlet{ width:32.66%; margin-right:1%; float:left; margin-bottom:1%;}
.home-outlet:nth-child(3n+3){ margin-right:0%}

.home-testimonial-container{
	width: 49.25%;
height: auto;
float: left;
margin-bottom: 1.5%;
position: relative;
}
.home-testimonial-container:nth-child(2n+2){ float:right;}
.play {
     width: 38px;
	 height: 26px;
     position: absolute;
     margin: auto;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
}

.box{
    text-align: center;
    box-shadow: 0 0 5px #c2bdbd;
    position: relative;
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(98, 35, 1, 0.8);
    transform: scale(0);
    transition: all 0.6s ease 0s;
	display:flex;
	align-items:center;
	justify-content:center;
}
.box:hover .box-content{
    transform: scale(1);
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
	display: flex;
justify-content: center;
}
.box .icon li{
    display: inline-block;
}
a .box .icon li {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size:1.15em;
    color: #fff;
    border: 1px solid #da9e32;
    transition: all 0.3s ease 0s;
}
a:hover .box .icon li {
    background:#da9e32;
    text-decoration: none;
}
.box .title{
    display: block;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}
.box .post{
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}
a:hover .box .play{ display:none}




.outlet-box{
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
.outlet-box:hover{
    cursor: pointer;
}
.outlet-box img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}
.outlet-box:hover img{
    transform: scale(1.1);
}
.outlet-box .box-content{
    width: 100%;
    height: 100%;
    background-color: rgba(98,35,1,0.8);
    position: absolute;
    top: 70px;
    left: 70px;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: all 0.5s ease 0s;
	display:flex;
	align-items:center;
	justify-content:center
}
.outlet-box:hover .box-content{
    top: 0;
    left: 0;
    opacity: 1;
}
.outlet-box .title{
    font-size:1.15em;
    text-transform: capitalize;
	border-bottom:1px solid rgba(255,255,255,0.5);
	font-family: 'Libel Suit Rg';
	font-weight: normal;
	letter-spacing: 0px;

}
.outlet-box .post{
    font-size: 1em;
    text-transform: capitalize;
	font-family:inherit;
	font-weight: normal;
}
@media only screen and (max-width: 980px){
    .outlet-box{ margin-bottom: 20px; }
}


.ourcakes{
  width: 100%;
  height: auto;
  background-color: rgba(255,255,255,0.75);
  padding-top: 60px;
}
.view-all{
     text-align:left;
     font-family:inherit;
     color:#089eaa;
     font-weight:400;
     letter-spacing:0px;
     font-style:normal;
     line-height:26px;
     float:right;
     font-size:1em;
     position: relative;
	 margin-top:-55px;
}
 .view-all a{
     font-family: inherit;
     font-size:1em;
     color:#333;
     font-weight:normal;
     -webkit-transition: padding .4s;
     -moz-transition: padding .4s;
     -o-transition: padding .4s;
     transition: padding .4s;
     padding-bottom:2px;
}
 .view-all a:hover{
     padding-right:8px;
     color:#da9e32;
     border-bottom:1px solid #da9e32;
}
.category-wraper{
	width:100%;
	height:auto;
}
.category-container{
	width:67%;
	height:auto;
	float:left;
	position:relative;
}
.category-container:nth-child(2){ width:32.25%; float:right;}
.categories{
	width:49.5%;
	height:auto;
	float:left;
	position:relative;
	margin-right: 1%;
	margin-bottom: 1%;
}
.categories:nth-child(2){ margin-right:0%; }

.categories:nth-child(3){ margin-right:0%; margin-bottom:0%; width:100%;}
.category-caption{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	right:0;
	padding-right:1em;
	padding-bottom:1em;
}
.cake-name{
	width: auto;
	height:auto;
	font-family: 'Libel Suit Rg';
	font-size:1.5em;
	color:#fff;
	font-weight: normal;
	text-transform:uppercase;
	clear:left;
	text-align:right;
}
.cake-name-sub{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:0.85em;
	color:#fff;
	font-weight: normal;
	clear:left;
	text-align:right;
	line-height:1;
}
.category-pic{
	width:100%;
	height:auto;
}



.category-box{
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.category-box:hover{
}
.category-box img{
    width: 100%;
    height: auto;
}
.category-box .box-content{
    width: 100%;
    height: 100%;
    font-size: 1em;
    color: #fff;
    background: rgba(98, 35, 1, 0.8);
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.6s ease 0s;
	display:flex;
	align-items:center;
	justify-content:center
}
.category-box:hover .box-content{
    opacity: 1;
}
.category-box .box-content:before,
.category-box .box-content:after{
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    z-index: 1;
    transform: scale(1.5);
    transition: all 0.6s ease 0.2s;
}
.category-box .box-content:before{
    border-left: 1px solid rgba(255, 255, 255, 0.9);
    border-right: 1px solid rgba(255, 255, 255, 0.9);
    left: 30px;
    right: 30px;
}
.category-box .box-content:after{
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    top: 30px;
    bottom: 30px;
}
.category-box:hover .box-content:before,
.category-box:hover .box-content:after{
    opacity: 1;
    transform: scale(1);
}
.category-box .title{
height: auto;
font-family: 'Libel Suit Rg';
font-size: 1.5em;
color: #fff;
font-weight: 500;
text-transform: uppercase;
	letter-spacing: 0px;
}
.box-content .post{
    display: block;
    font-size: 15px;
    color: #fff;
}
@media only screen and (max-width:990px){
    #fw_al_001 {
  position: relative;
        height: 100% !important
}
    #fw_al_001 > .carousel-inner > .item > a > img, #fw_al_001 > .carousel-inner > .item > img{ height:100% !important;   display: block; overflow: hidden}
    .carousel-inner{height:100% !important;}
    .category-box{ margin-bottom: 30px; }
}
.category-container:hover .category-caption{ display:none}
.categories:hover .category-caption{ display:none}


.online-shoping-wrap{
	width:100%;
	height:auto;
	padding-bottom:2em;
}
.online-shoping{
	width:24.25%;
	height:auto;
	float:left;
	margin-right:1%;
	margin-bottom:2.5em;
}
.online-shoping p {
  width: 100%;
  height: auto;
  font-family: inherit;
  font-size: 1em;
  font-weight: normal;

  line-height: 1.7;
  color:#333;
}
.online-shoping:nth-child(4n+4){ margin-right:0%;}
.online-shoping-pic-wrap{
	width:100%;
	height:auto;
	position:relative;
}
.online-shoping-pic{
	width:100%;
	height:auto;
	 /*background:url(../images/cakebg.jpg) no-repeat;*/
	 background-size:100% 100%;
	 padding-top:3em;
	 padding-bottom:1em;
}
.online-strip{
	width:auto;
	height:auto;
	position:absolute;
	left:0;
	top:20px;
	padding:2px 5px;
	background-color:#da9e32;
	color:#fff;
	/*text-transform:uppercase;*/
	font-size:0.85em;
	font-weight:normal;
}
.rating{
	width:100%;
	height:auto;
	padding-top:10px;
}
.price-for{
	width:100%;
	height:auto;
}
.offer-price{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1em;
	color:#333;
}
.offer-price-sep{ 
	width:auto; 
	height:auto; 
	float:left; 
	font-family:inherit;
	font-size:1em;
	color:#333; 
	margin-left:5px; 
	margin-right:5px;
}
.discount-price{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1em;
	color:#000;
}
.new-price{
	width:50%;
	height:auto;
	float:left;
}
.old-price{
	width:50%;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1em;
	color:#333;
	text-decoration:line-through;
	
}
.product-bottom{
	width:100%;
	height:auto;
	margin-top:10px;
	display:flex;
	align-items:center;
}
.product-bottom a{
	width:auto;
	height:auto;
	font-family: inherit;
	font-size:1.05em;
	font-weight:normal;
	color:#622301;
	padding-right:5px; margin-right:5px;
	border-right:1px solid #622301;
	line-height:1;
	letter-spacing: 0px;
}
.product-bottom a:nth-child(2){

	color:#da9e32;
	padding-right:0px; margin-right:0px;
	border-right:0px solid #622301;
}
.product-bottom a:hover{
	width:auto;
	height:auto;
	font-family: inherit;
	font-size:1.05em;
	font-weight: normal;
	color:#333;
	letter-spacing: 0px;
}



.product-box{
    text-align: center;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

a:hover .product-box .online-strip{ display:none}
/*.product-box:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(98,35,1,0.8);
    opacity: 0;
    transition: all 0.5s ease 0s;
}*/

a:hover .product-box:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(98,35,1,0.8);
    opacity: 0;
    transition: all 0.5s ease 0s;
}
a:hover .product-box:before{
    opacity: 1;
}
 .product-box:after{
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    border: 2px solid #fff;
    transform: scale(0);
    opacity: 0;
    transition: all 1s ease 0s;
	display:block;
}
.product-box:hover:after{
    opacity: 1;
    transform: scale(1);
}
.product-box img{
    width: 100%;
    height: auto;
}
.product-box .box-content{
    color: #fff;
    position: absolute;
    left:30px;
    right: 30px;
    opacity: 0;
    z-index: 1;
    transition: all 1s ease 0s;
	display:flex;
	align-items: center;
	top:0;
	bottom:0;
	margin:auto;
	justify-content:center
}
.product-box:hover .box-content{
    opacity: 1;
}
.product-box .icon{
    padding: 0;
    margin: 0 0 15px 0;
    list-style: none;
}
.product-box .icon li{
    display: inline-block;
}
 .product-box .icon li a{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    margin-right: 5px;
    transition: all 0.3s ease 0s;
}
.product-box .icon li a:hover{
    border-color: #696969;
    color: #696969;
}
.product-box .title{
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.product-box .post{
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}
@media only screen and (max-width:990px){
    .product-box{ margin-bottom: 30px; }
}

.save {
     outline:none;
     background:transparent;
     line-height:34px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1.05em !important;
     color:#622301;
     font-weight:500;
     text-align:center;
     float:left;
	 width:auto;
	 margin-right:5%;
	 padding:0px 15px;
}
.save:nth-child(2){ color:#da9e32; margin-right:0px;}
 .save:before, .save:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#333;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
 .save:before {
     background:#fff;
     z-index:-2;
     transform:translate3D(0,0,0);
}
 .save:hover {
     color:#fff;
}
 .save:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}

.product-view-all{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	margin-top:2em;
	margin-bottom:4em;
}


.cake-view{
     outline:none;
     background:transparent;
     line-height:34px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1.05em !important;
     color:#fff;
     font-weight:500;
     text-align:center;
     float:left;
	 width:auto;
	 margin-right:5%;
	 padding:0px 15px;
}
 .cake-view:before, .cake-view:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#622301;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
 .cake-view:before {
     background:#da9e32;
     z-index:-2;
     transform:translate3D(0,0,0);
}
 .cake-view:hover {
     color:#fff;
}
 .cake-view:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}
/*********************************** S ABOUT US  ***********************************/
.inner-wraper{
	width:100%;
	height:auto;
	padding-bottom:5em;
}
.inner-banner-wrap{
	width:100%;
	height:auto;
	position:relative;
}
.inner-banner{
	width:100%;
	height:auto;
}

.swiper-slide-caption-inner {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-height: 100%;
    white-space: normal;
    overflow: hidden;
    bottom: 30%;
    left: 0px;
    padding-top: 100px;
	font-size:12px
}

.bredcum-wraper{
    width:100%;
    height:auto;
    padding-top:1em;
    margin-bottom:1em 
}

.bred-home{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
    text-transform: capitalize;
}
.bred-home a{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-home a:hover{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#000;
    line-height:30px;
}
.bred-arrow{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:0.95em;
    color:#f00;
    line-height:34px;
    padding-left:8px;
    padding-right:8px;
}
.bred-next{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}

	
.whats-app{
    position:fixed;
    top:78vh;
    right:0px;
    margin-right:50px;
    width:30px;
    z-index:120000;
}
.whats-app img {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    opacity:1;
    max-width:40px;
}
.whats-app:hover img {
    opacity:1 
}
@keyframes floating {
    from {
        transform: translate(0, 0px);
    }
    65% {
        transform: translate(0, 15px);
    }
    to {
        transform: translate(0, -0px);
    }
}



.cbp-af-header.cbp-af-header-shrink .logo .large{ display:none}
.logo .small{ display:none}
.cbp-af-header.cbp-af-header-shrink .logo .small{ display: block}
.cbp-af-header.cbp-af-header-shrink .menubars .nav-brand img{ margin-top:3px !important;}

 


.desk-view{ display:block !important}
.mob-view{ display:none !important}
.mid-banner-wrap{
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
}

.mid-banner-caption-wrap{
	width:100%;
	height:auto;
	position:relative;
}
.mid-banner-caption-container{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:table;
	padding-top:50px;
}
.mid-banner-caption-left{
	width:50%;
	height:auto;
	text-align:left;
	vertical-align:top;
	display:table-cell;
}	

.mid-banner-caption-right{
	width:50%;
	height:auto;
	text-align:right;
	vertical-align: middle;
	display:table-cell;
}
.todays-intant{
	width: auto;
	height:auto;
	float:right;
	
}
.todays-intant-title{
	width:50%;
	height:auto;
	text-align:center;
	color:#fff;
	font-family: 'Libel Suit Rg';
	font-size:1.5em;
	font-weight: normal;
	float:right;
	clear:both;
	letter-spacing: 0px;
}
.todays-special{
	width:50%;
	height:auto;
	float:right;
}
.todays-special-cake{
	width:49.5%;
	height: auto;
	float:left;
	background-color:#fff;
	margin-right:1%;
	margin-bottom:1%;
	padding:1em;
}
.todays-special-cake:nth-child(2n+2){ margin-right:0%;}
.caption-logo{
	width:100%;
	height:auto;
	text-align:left;
	margin-bottom:5em;
}
.mid-caption{
	width:100%;
	height:auto;
	text-align:left;
	color:#fff;
	font-size:4.500em;
	 font-family: 'Libel Suit Rg';
	 font-weight: normal;
	 line-height:1.2;
	 text-transform: capitalize;
	 letter-spacing:0px;
}

.mid-caption-bottom{
	width:100%;
	height:auto;
	text-align:left;
	color:#fff;
	font-size:1.75em;
	 font-family: 'Libel Suit Rg';
	 font-weight: normal;
	 line-height:1;
	 text-transform:uppercase;
	 letter-spacing:0px;
}

/*.mid-caption-bottom{
	font-size:2.50em;
     color:#fff;
    font-family: inherit;
     text-align:left;
	 font-weight: normal;
	 line-height:1;
	
}*/
.caption-explore{
     text-align:left;
     font-family: inherit;
     color:#fff;
     font-weight:normal;
     letter-spacing:0px;
     font-style:normal;
     line-height:26px;
     float:left;
	 font-size:1.05em;
	 margin-top:30px;
}
.caption-explore a{
    font-family: inherit;
     font-size:1em;
     color:#fff;
     font-weight: normal;
     -webkit-transition: padding .4s;
     -moz-transition: padding .4s;
     -o-transition: padding .4s;
     transition: padding .4s;
	 
}

.caption-explore a::after {
    content: " ";
    background-color:#fff;
    font-weight: bold;
    width: 30px;
    height: 1px;
    float: right;
    margin-top:15px;
    margin-left: 15px;
}
.caption-explore a:hover { padding-left:8px; color:#fff; }
.caption-explore a:hover::after  {background-color: #fff;}

/******************************************************* ONLINE SHOPPING *******************************************************/
.filter-wraper{
	width:100%;
	height:auto;
	margin-top:1em;
	padding-bottom:1em;
}
.category{
	width: auto;
	height:auto;
	float:left;
}
.price-range{
	width:auto;
	height:auto;
	float:right;
}
.category-title{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1.25em;
	color:#333;
	font-weight:500;
	line-height:2.2;
	margin-right:0.5em;
}

.styled-select {
	width: auto;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom:15px;
	min-width:120px;
}



/*.select select {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 0px 10px;
	outline: 0;
	color: #666;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #ccc;
	font-size: 1em;
	font-family: inherit;
	line-height: 50px;
	background-color: #fff;
	border-radius: 3px;
}

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

.select select:hover,
.select select:focus {
	color: #000;
	background: #fff;
}

.select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}

.select__arrow {
	position: absolute;
	top: 22px;
	right: 15px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover~.select__arrow,
.select select:focus~.select__arrow {
	border-top-color: #000;
}

.select select:disabled~.select__arrow {
	border-top-color: #ccc;
}*/
.home-filter-title {
  width: auto;
  height: auto;
  font-family: inherit;
  font-size: 1.25em;
  font-weight: normal;
  color: #111;
  line-height: 50px;
}
.home-filter-title {
  width: auto;
  height: auto;
  font-family: 'Libel Suit Rg';
  font-size: 1.15em;
  font-weight: normal;
  color: #111;
  line-height: 50px;
	letter-spacing: 0px;
}
.home-filter {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  margin-bottom: 0.5em;
}
.control-group {
  vertical-align: top;
  text-align: left;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}

.control {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 1em;
	margin-left: 1em
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #fff;
	border: 1px solid #ccc
}

.control--radio .control__indicator {
	border-radius: 50%;
}

.control:hover input~.control__indicator,
.control input:focus~.control__indicator {
	background:#59250b;
}

.control input:checked~.control__indicator {
	background: #59250b;
}

.control:hover input:not([disabled]):checked~.control__indicator,
.control input:checked:focus~.control__indicator {
	background: #59250b;
}

.control input:disabled~.control__indicator {
	background: #fff;
	opacity: 0.6;
	pointer-events: none;
}

.control__indicator:after {
	content: '';
	position: absolute;
	display: none;
}

.control input:checked~.control__indicator:after {
	display: block;
}

.control--checkbox .control__indicator:after {
	left:6px;
	top: 3px;
	width: 6px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.control--checkbox input:disabled~.control__indicator:after {
	border-color: #fff;
}

.control--radio .control__indicator:after {
	left: 7px;
	top: 7px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff;
}

.control--radio input:disabled~.control__indicator:after {
	background: #fff;
}
input.contact-enquiry-box::-webkit-input-placeholder {
	color: #333 !important;
	font-size: 1em !important;
	opacity: 1 !important;
	font-family: inherit;
	text-transform: capitalize;
	font-weight: normal;
}

input.contact-enquiry-box::-moz-placeholder {
	color: #333 !important;
	font-size: 1em !important;
	opacity: 1 !important;
	font-family: inherit;
	text-transform: capitalize;
	font-weight: normal;
}

input.contact-enquiry-box:-ms-input-placeholder {
	color: #333 !important;
	font-size: 1em !important;
	opacity: 1 !important;
	font-family: inherit;
	text-transform: capitalize;
	font-weight: normal;
}

input.contact-enquiry-box:-moz-placeholder {
	color: #333 !important;
	font-size: 1em !important;
	opacity: 1 !important;
	font-family: inherit;
	text-transform: capitalize;
	font-weight: normal;
}
.contact-enquiry-box {
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  padding-left: 5%;
  padding-right: 5%;
  line-height: 50px;
  font-weight: normal;
  font-style: normal;
  color: #666;
  font-size: 1em;
  background-color: #fff;
  font-family: inherit;
}


.range-slider {
  margin: 0px 0 0 0%;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #8D8D8D;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #000;
}
.range-slider__range:active::-moz-range-thumb {
  background: #000;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #8D8D8D;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #8D8D8D;
  padding: 5px 10px;
  margin-left: 8px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #8D8D8D;
  border-bottom: 7px solid transparent;
  content: '';
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}

.login-container{
	width:40%;
	height:auto;
	margin:0 auto
}
.box-modern {
    width:100%;
    margin-right: 0;
    margin-left: auto;
	float:right;
}
.box-modern::before {
    transform: translate3d(-41px, 24px, 0);
}
.box-modern::before {
   content: '';
	display: block;
	position: absolute;
	top: 40px;
	right: -60px;
	left: 50px;
	bottom: -40px;
	border: 10px solid #ccc;
	transform: translate3d(-15px, 10px, 0);
	pointer-events: none;
	transition: all 0.3s ease-in-out;
}
.box-modern {
    padding: 50px 30px 45px 55px;
}
.box-modern {
    position: relative;
    background-color: #ffffff;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.15);
    padding: 40px 40px 60px 40px;
    margin-left: 30px;
    margin-top: 10px;
	margin-bottom:45px;
}
.box-modern-title {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: -.015em;
}
.box-modern > * {
    position: relative;
    z-index: 1;
}

.box-modern-list {
    margin-top: 36px;
  /*  display: flex;
    flex-wrap: wrap;
    align-items: center;*/
   /* margin-bottom: -55px;*/
}
.box-modern-list li {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;
    min-width: 150px;
}
.box-modern-list img {
    opacity: .5;
    transition: all 0.3s ease-in-out;
}
.box-modern::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
}

.enquiry{
    width:30%;
    float:left;
    margin-bottom:3% ;
	height:55px;
    padding-left:5%;
    padding-right:5%;
    font-weight:normal;
    font-style:normal;
    color:#666;
    font-size:1em;
    background-color:#fff;
	font-family:inherit;
	display: flex;
  align-items: flex-end;
	
}
.enquiry:nth-child(2n+2){ width:68%; float:right}

.address-enquiry{
    width:49%;
    height:auto;
    float:left;
    margin-bottom:3%;
	margin-right:2%
}
.address-enquiry:nth-child(2n+2){ margin-right:0%;}
.enquiry-msg{ width:100%; margin-right:0%;}

.login-box{
    width:100%;
    height:55px;
    border-bottom:1px solid #ccc;
    padding-left:5%;
    padding-right:5%;
    font-weight:normal;
    font-style:normal;
    color:#666;
    font-size:1em;
    background-color:#fff;
	font-family:inherit;
	
}
.for-signup{
	width:100%;
	height:auto;
	display: flex;
flex-wrap: wrap;
align-items: center;
}


input.login-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.login-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.login-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
}

.address-box {
    width: 100%;
    height:90px;
    border-bottom:1px solid #ccc;
	padding-left: 2.5%;
    padding-right: 2.5%;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	color: #666;
    font-size: 1em;
    padding-top: 1em;
	font-family:inherit
}
textarea.address-box::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.address-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.address-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.address-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
.submit-login{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	margin-top:1em;
	float:left;
	margin-bottom:1em;
}

.login{
     outline:none;
     background:transparent;
     padding-left:30px;
     padding-right:30px;
     line-height:50px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1.25em !important;
     color:#fff;
     font-weight:500;
     text-align:center;
     float:left;
	 margin-top:0.5em;
}
.login:before, .login:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#59250b;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
 .login:before {
     background:#333;
     z-index:-2;
     transform:translate3D(0,0,0);
}
 .login:hover {
     color:#fff;
}
 .login:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}

/******************************************************* ONLINE SHOPPING *******************************************************/

/******************************************************* CONTACT US *******************************************************/

.shop-wrap{
		width:80%;
		height:auto;
		margin:0 auto;
		margin-top:2%;
		margin-bottom:5%
	}
	
	
	
	.shop-container{
	width:33.33%;
	height: auto;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:left;
	position:relative;
	padding:2em 1em;
	display: flex;
	align-items: center;
}
.shop-container a {
	width:100%;
	height: auto;
}

 .shop-container a:hover{
	width:100%;
	height: auto;
	color:#fff !important
}
a:hover .career-post{ color:#59250b}
a:hover .career-designation{ color:#59250b}


.shop-container:nth-child(3n+3){ border-right:0px;}
.shop-container:nth-last-child(-n+4){ border-bottom:0px;}

.shop-name{
    width: 100%;
    height: auto;
    text-align: center;
    text-transform: capitalize;
    color:#333;
    font-family: 'Libel Suit Rg' !important;
  font-weight: normal;
    font-size: 1em;
	margin-bottom:0.15em;
}
.shop-address {
    width:100%;
    height: auto;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    text-transform: capitalize;
	text-align:center;
}





.address-container {
 width:40%;
 height:auto;
 float:left;
}
.contact-address {
 width:100%;
 height:auto;
 padding-bottom:1.5em;
 display:flex;
 align-items: flex-start;
}
.contact-address-icon {
 width:40px;
 height:auto;
 text-align:center;
 line-height:1.3;
 float:left;
 margin-right:1em;
 font-size:1.75em;
}
.contact-address p {
 width: auto;
 height: auto;
 font-family: inherit;
 font-size: 1em;
 color: #333;
 line-height: 26px;
 font-weight: normal;
 padding-right: 0%;
 float: left;
}
.contact-social {
 width:100%;
 height:auto;
 margin-top:2em;
 padding-top:2em;
 border-top:1px solid rgba(204,204,204, 0.5) 
}
.contact-social-links {
 padding:0;
 margin:0em 0 0;
 text-align:left;
 float:left;
 padding-top:1em;
}
.contact-social-links ul {
 margin:0px;
 padding:0px;
 list-style-type:none;
 width:auto;
}
.contact-social-links ul li {
 list-style:none;
 height:50px;
 width:50px;
 float:left;
 margin-right:10px;
 border-radius:50%;
}
.contact-social-links ul li a {
 height:50px;
 width:50px;
 display:block;
 text-align: center;
 font-size:1.125em;
 color:#fff;
 line-height:50px;
 border-radius:50%;
 background-color:#59250b;
 border:1px solid #59250b;
}
.contact-social-links ul li a:hover {
 color:#59250b;
 font-size:1.125em;
 border:1px solid #59250b;
 background-color:#fff 
}
.contact-location-wraper {
 width:100%;
 height:auto;
 background-color:#f1f1f1;
 padding-bottom:80px;
 margin-top:250px;
 margin-bottom:60px;
}
.contact-location-conianer {
 width:100%;
 height:auto;
 position:relative;
 margin-top:-190px;
 float:left;
}
.contact-location-title {
 width:100%;
 height:auto;
 display:flex;
 justify-content: flex-start;
 align-items:center ;
 font-size: 0.75em;
}
.location {
 width:100%;
 height:auto;
 border:10px solid #fff;
}
.contact-enquiry {
 width:60%;
 height:auto;
 float:left;
 padding-left:5%;
}
/*.enquiry:nth-child(1) {
 width:48%;
 float:left
}
.enquiry:nth-child(2) {
 width:48%;
 float:right
}
.enquiry {
 width:100%;
 height:auto;
 float:left;
 margin-bottom:3% 
}
.address-enquiry {
 width:100%;
 height:auto;
 float:left;
 margin-bottom:3%;
}
.calback-box1 {
 width: 100%;
 height: 140px;
 border:1px solid #ccc;
 padding-left: 2.5%;
 padding-right: 2.5%;
 line-height: 26px;
 font-weight: normal;
 font-style: normal;
 color: #666;
 font-size: 1em;
 padding-top: 1em;
 font-family:inherit ;
 direction:ltr;
}
.contact-enquiry-box {
 width:100%;
 height:55px;
 border:1px solid #ccc;
 padding-left:5%;
 padding-right:5%;
 line-height:55px;
 font-weight:normal;
 font-style:normal;
 color:#666;
 font-size:1em;
 background-color:#fff;
 font-family:inherit ;
 direction:ltr;
}
textarea.calback-box1::-webkit-input-placeholder {
 color:#333 !important;
 font-size:1em !important;
 opacity:1 !important;
 font-family: inherit;
 text-transform:capitalize;
 font-weight: normal;
}
textarea.calback-box1::-moz-placeholder {
 color:#333 !important;
 font-size:1em !important;
 opacity:1 !important;
 font-family: inherit;
 text-transform:capitalize;
 font-weight: normal;
}
textarea.calback-box1:-ms-input-placeholder {
 color:#333 !important;
 font-size:1em !important;
 opacity:1 !important;
 font-family: inherit;
 text-transform:capitalize;
 font-weight: normal;
}
textarea.calback-box1:-moz-placeholder {
 color:#333 !important;
 font-size:1em !important;
 opacity:1 !important;
 font-family: inherit;
 text-transform:capitalize;
 font-weight: normal;
}
input.contact-enquiry-box::-webkit-input-placeholder {
 color:#333 !important;
 font-size:1em !important;
 opacity:1 !important;
 font-family: inherit;
 text-transform:capitalize;
 font-weight: normal;
}
input.contact-enquiry-box::-moz-placeholder {
 color:#333 !important;
 font-size:1em !important;
 opacity:1 !important;
 font-family: inherit;
 text-transform:capitalize;
 font-weight: normal;
}
input.contact-enquiry-box:-ms-input-placeholder {
 color:#333 !important;
 font-size:1em !important;
 opacity:1 !important;
 font-family: inherit;
 text-transform:capitalize;
 font-weight: normal;
}
input.contact-enquiry-box:-moz-placeholder {
 color:#333 !important;
 font-size:1em !important;
 opacity:1 !important;
 font-family: inherit;
 text-transform:capitalize;
 font-weight:normal;
}*/
.enquiry-for {
 width:100%;
 clear:both
}

.contact-address p {
    width: 100%;
    height: auto;
font-family: inherit;
font-size: 1em;
color: #333;
line-height:1.7;
font-weight: normal;
text-align:left
}


.calback-box1 {
    width: 100%;
    height:150px;
    border:1px solid #999;
	padding-left: 2.5%;
    padding-right: 2.5%;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	color: #666;
    font-size: 1em;
    padding-top:0.5em;
	font-family:inherit;
	background-color: transparent;
}

.contact-enquiry-box{
    width:100%;
    height:60px;
    border:1px solid #999;
    padding-left:5%;
    padding-right:5%;
    line-height:60px;
    font-weight:normal;
    font-style:normal;
    color:#666;
    font-size:1em;
    background-color: transparent;
	font-family:inherit
}

textarea.calback-box1::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}

input.contact-enquiry-box::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
}

.request-call{
     color:#fff;
     outline:none;
     background:transparent;
     line-height:44px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: 'geomanist-book';
     font-size:1.750em !important;
     font-weight: normal;
     text-align:center;
	 width:100%;
	 text-transform:uppercase;
	 letter-spacing:-2px
}
 .request-call:before, .request-call:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#666;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
 .request-call:before {
     background:#000;
     z-index:-2;

     transform:translate3D(0,0,0);
}
 .request-call:hover {
     color:#fff;
	 background:#666;
}
 .request-call:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}

.contact-social-title {
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 1.75em;
  color: #622301;
  font-family: 'Libel Suit Rg' !important;
  font-weight: normal;
	letter-spacing: 0px;
}

/******************************************************* CONTACT US *******************************************************/




/***************************************************** Start Pooja Samagri *****************************************************/

.pooja-samagri-container{
	width:100%;
	height:auto;
	padding-top:2em;
	position:relative;
	padding-bottom:3em;
}
.sorting-container{
	width: auto;
	height:auto;
	position:absolute;
	right:0;
	top:-30px;
}
.select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select select {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 0px 10px;
     outline: 0;
     border-radius: 0;
     color: #666;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     border:1px solid #ccc;
     font-size:1em;
     font-family:inherit;
	 line-height:40px;
	 background-color:transparent;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing: -1px;
}
.top{ text-transform:uppercase; font-family:inherit; font-size:1em;}
 .select select::-ms-expand {
     display: none;
}
 .select select:hover, .select select:focus {
     color: #000;
     background: #fff;
}
 .select select:disabled {
     opacity: 0.5;
     pointer-events: none;
}
 .select__arrow {
     position: absolute;
     top: 16px;
     right: 15px;
     width: 0;
     height: 0;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
     border-top-color: #000;
}
 .select select:disabled ~ .select__arrow {
     border-top-color: #ccc;
}
.pooja-samagri{
	width:25%;
	height:auto;
	float:left;
	padding:1em 1em;
	position:relative;
	margin-bottom:3em;
	
}


.pooja-samagri:hover{
		 -webkit-box-shadow: 1px 1px 6px 2px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:1px 1px 6px 2px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:1px 1px 6px 2px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	}
.pooja-item{
	width:100%;
	height:auto;
	text-align:center;
	display:flex;
	justify-content:center;
}
.pooja-name{
	width:100%;
		min-height:50px;
		text-align:center;
		font-family: inherit;
		font-size:1.1em;
		color:#333;
		text-transform: capitalize;
		margin-top:20px;
		margin-bottom:20px;
		font-weight:600;
		line-height:24px;
}
.item-rate{
	width:100%;
	height:auto;
	text-align:center;
	color:#666;
	font-family:inherit;
	font-weight:500;
	font-size:1.25em;
}
.buy-now-button{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	margin-top:20px;
	
}
.success-product{
     width:25%;
     height:95px;
     background:#74b816;
     position:fixed;
     margin:auto;
     left:0;
     top:0;
     right:0;
     bottom:0;
     z-index:99;
     border-radius:8px;
}
.size-select{
     width:20%;
     height:50px;
     background:#e00b1a;
     position:fixed;
     margin:auto;
     left:0;
     top:0;
     right:0;
     bottom:0;
     z-index:99;
     border-radius:8px;
}

.buy-now{
     width:auto;
     height:auto;
     font-size:1em;
     line-height:40px;
     font-family:inherit;
     text-transform:uppercase;
     font-weight:600;
	 text-align:center;
	 border-radius:5px;
	 padding-left:1.5em;
	 padding-right:1.5em;
}
 a .buy-now{
     color:#FFF;
     background:#231f20;
     display:inline-block;
     text-align:center;
     box-shadow:inset 0 0 0 0 #fff;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     border:1px solid #231f20;
}
 a:hover .buy-now{
     color:#231f20;
     box-shadow:250px 0 0 0 #fff inset;
	 cursor:pointer;
}



.cart_view{
     width:auto;
     height:auto;
     font-size:1em;
     line-height:30px;
     font-family:inherit;
     text-transform:uppercase;
     font-weight:600;
	 text-align:center;
	 border-radius:5px;
	 padding-left:1em;
	 padding-right:1em;
	 color:#74b816;
     background:#fff;
     display:inline-block;
     text-align:center;
     box-shadow:inset 0 0 0 0 #fff;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     border:1px solid #fff;
	 float:right;
}

.cart_view:hover{
     color:#fff;
     box-shadow:250px 0 0 0 #74b816 inset;
	 cursor:pointer;
}
.pooja-samagri .addto{
	width:30px;
	height:auto;
	position:absolute;
	right:1em;
	top:1em;
	display:none 
}
.addto-div{
	width:100%;
	height:30px;
	border:1px solid #ccc;
	text-align:center;
	line-height:30px;
	color:#666;
	margin-bottom:4px;
	border-radius:5px;
	background-color:#fff;
}
a:hover .favour{ color:#231f20}
.pooja-samagri:hover .addto{width:30px;
	height:auto;
	position:absolute;
	right:1em;
	top:1em; display:block}
/***************************************************** End Pooja Samagri *****************************************************/


/***************************************************** Start Product Details ***************************************************/

.size-content {
    width: auto;
    height: 45px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    color: #666666;
    line-height: 45px !important;
    float: left;
    margin-right: 10px;
}



.product-details{
	width:50%;
	height:auto;
	float:left;
}
.product-details:nth-child(2){ padding-left:5%;}
.product-detail-title{
	width:100%;
	height:auto;
	text-align:left;
	text-transform:uppercase;
	font-family: 'Libel Suit Rg' !important;
  font-weight: normal;
	font-size:1.563em;
	color:#333;
	letter-spacing:-1px;
	letter-spacing: 0px;
}
.product-detail-container{
	width:100%;
	height:auto;
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
}
.product-for-full{
	width:100%;
	height:auto;
	padding-bottom:0.5em;
}
.product-for{
	width:auto;
	height:auto;
	float:left;
	margin-right:5px;
	font-family:inherit;
	color:#333;
	font-size:1.1em;
	display: contents;
}
.product-for-deatils{ width:20%}

.green{ color:#05990f}
.red{color:#c51f26}
.product-price-container{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:2em;
	font-weight:500;
	color:#333;
}
.product-price-container span{ margin-right:.5em;}
.product-for-wrap{
  width:20%;
  height: auto;
  float: left;
  margin-bottom: 3%;
  margin-right: 2%;
}
.product-for-wrap:nth-child(2){ width:27%;}
.product-for-wrap:nth-child(3){ width:27%;}
.product-for-wrap:nth-child(4){  margin-right:0%;}


.product-detail-buy{
	width:auto;
	height:auto;
	float:left;
	margin-right:25px;
}


.quantity {
  width:100%;
  height: auto;
  float: left;
  font-family: inherit;
  color: #333;
  font-size: 1em;
  text-align:left;
  line-height:1.7;
  margin-bottom:5px;
}

.product-detail-addto a{
	color:#da9e32;
	font-size:1em;
	display:block;
	
}
.product-detail-addto a:hover{
	color:#622301;
	font-size:1em;
	cursor:pointer;
}

.buy-now-product{
     width:auto;
     height:auto;
     font-size:1em;
     line-height:44px;
     font-family:inherit;
     text-transform:uppercase;
     font-weight:600;
	 text-align:center;
	 border-radius:5px;
	 padding-left:2em;
	 padding-right:2em;
}
 .buy-now-product{
     color:#FFF;
     background:#622301;
     display:inline-block;
     text-align:center;
     box-shadow:inset 0 0 0 0 #fff;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     border:1px solid #622301;
}
 .buy-now-product:hover {
     color:#622301;
     box-shadow:250px 0 0 0 #fff inset;
	 cursor:pointer;
}
.count-for{
	width:auto;
	height:auto;
	float:left;
}
.conditions{
	width:auto;
	height:auto;
	background-color:#da9e32;
	padding:0.25em 1em;
	font-family:inherit;
	font-size:1em;
	font-weight:500;
	color:#fff;
	float:left;
	margin-top:0.5em;
}
.product-count{
	width:60px;
	height:44px;
	border:1px solid #666;
	text-align:center;
	line-height:44px;
	color:#666;
	font-size:1.5em;
	border-radius:5px;
	float:left
}
.availability{
	width:40%;
	height:auto;
	float:left;
	padding-right:2.5%;
}
.availability:nth-child(2){
	padding-left:2.5%;
	width:60%;
}
.availability-for{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1em;
	color:#666;
	line-height:24px;
	font-weight:400;
}
.product-social{
	width:100%;
	height:auto;
	padding-top:1em;
}
.product-social ul{
	width:auto;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.product-social ul li{
	width:42px;
	height:42px;
	border-radius:50%;
	float:left;
	margin-right:10px;
	display:flex;
	justify-content:center;
	color:#fff;
	align-items:center;
	font-size:1.5em;
}
.fb{ background-color:#3b5998;}
.twiter{ background:#1c9cea}
.linked{ background-color:#0078b5}
.whatsap{ background-color:#44c153}
.pinterest{background-color:#c51f26}

.reload{
    width: 30%;
    height: 42px;
    float: right;
    font-size: 1em;
    line-height: 40px;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
	border:1px solid #ccc;
	display:flex;
	justify-content:center;
	align-items:center;
}

.product-for-full p {
    width: 100%;
    height: auto;
    text-align: left;
    line-height:24px;
    color: #444;
    font-size: 1em;
    font-family: inherit;
	margin-bottom:0em;
}

.related-products{
	width:100%;
	height:auto;
	padding-top:3em;
	padding-bottom:2em;
}
.related-container{
	width:100%;
	height:auto;
	padding-top:1em;
}
.related-for{
	width:21.25%;
	height:auto;
	float:left;
	margin-right:5%;
	padding-bottom:1em;
}
.related-for:nth-child(4){ margin-right:0%;}
.related-pic{
	width:100%;
	height:275px;
	background-color:#f6f6f6;
	display:flex;
	justify-content:center;
	align-items:center;
}
.related-content{
	width:100%;
	height:125px;
	background-color:#fff;
	padding-top:40px;
}
.related-name {
  width:100%;
		min-height:50px;
		text-align:center;
		font-family: inherit;
		font-size:1.1em;
		color:#333;
		text-transform: capitalize;
		/*margin-top:20px;
		margin-bottom:20px;*/
		font-weight:600;
		line-height:24px;
}
.related-price{
    width: 100%;
    height: auto;
    text-align:left;
    font-family: inherit;
    font-size: 1.5em;
    color: #333;
    text-transform: uppercase;
    font-weight: 500;
}
.related-for:hover{border:1px solid #ccc; }

.related-for:hover  .related-pic{ height:150px; border-bottom:1px solid #ccc;}
.related-for:hover  .related-pic img{ height:120px}

.related-for:hover .related-content{ height:230px; }
.related-for:hover .related-name{ text-align:center}
.related-for:hover .related-price{ text-align:center}
.related-buy{ display:none;}
.related-for a:hover .related-buy{ display:flex;}
.related-for:hover .related-buy{ display:flex;}
.related-for:hover .related-content{ height:230px;}


.addto-related{
	width:30px;
	height:30px;
	border:1px solid #ccc;
	text-align:center;
	line-height:30px;
	color:#666;
	margin-right:4px;
	border-radius:5px;
	margin-left:4px;
	float:left;
}
#surround{
     width:100%;
     float:left;
}
img.cloudzoom{
     width:100%;
	 padding: 1.5em;
	 /* background:url(../images/cakebg.jpg) no-repeat;
	 background-size:100% 100%;*/
}
#slider1{
     height:150px;
     position:relative;
     float:left;
     width:100%;
	  overflow-x:auto;
    overflow-y: hidden;
}
.details-bottom-wrap {
    width: 100%;
    height: auto;
}

.collectiondl-header {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin-bottom: 20px;
}

.over-view-container-listing {
    width: 100%;
    height: 100% !important;
    margin-bottom: 60px;
}
.instructions {
    width: 49.8%;
    height: 390px;
    float: left;
    padding: 50px 50px;
    background: rgba(204,204,204,0.15);
    overflow: auto;
}
.instructions h5 {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    float: left;
    font-weight: 500;
    font-size: 1.1428571428571428em;
    color: #03045e;
    text-transform: uppercase;
}
.instructions ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.instructions ul li {
    font-family: inherit;
    font-weight: 300;
    font-size: 1em;
    color: #333;
    margin-bottom: 10px;
    margin-top: 10px;
    background: url(../images/instruction-listing.png) no-repeat left 8px;
    padding-left:25px;
    padding-top: 3px;
    padding-bottom: 5px;
	line-height:26px;
}

.collectiondtl-title {
    font-family: 'Heebo', sans-serif;
    float: left;
    font-weight: 400;
    font-size: 1.1428571428571428em;
    color: #666;
    text-align: center;
    line-height: 74px;
    text-transform: uppercase;
    width: 100%;
}

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: left;
  min-width:100%;
  /*background-color:#f5f5f5;*/
}

.selectdiv:after {
    content: '\f078';
    font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;
    color: #919191;
    right: 11px;
    top:8px;
    height: auto;
    padding: 5px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}
.popup_flight_travlDil .selectdiv:after{ content:inherit}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  float: right;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
  padding-left:5%;
/*padding-right: 2.5%;
*/
font-weight: normal;
font-style: normal;
color: #333;
font-size: 1em;
line-height:40px;
background-color: transparent;
 border:1px solid #999 !important;
}
/***************************************************** End Product Details *****************************************************/



/***************************************************** START ABOUT US ***************************************************/
.about-content-wrap{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	padding-bottom:60px;

}
.about-content{
	width:60%;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1em;
	color:#333;
	line-height:1.7;
	font-weight:normal;
}
.about-pic{
	width:40%;
	height:auto;
	float:left;
	padding-left:5%;
}

/***************************************************** END ABOUT US  ***************************************************/


/***************************************************** START RESTAURANT  ***************************************************/

.restaurant-box{
    font-family: 'Comfortaa', cursive;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.restaurant-box:hover{ box-shadow: 0 0 20px -7px rgba(0,0,0,0.35); }
.restaurant-box:before{
    content: '';
     background: rgba(98,35,1,0.8);
    height: 0;
    width: 100%;
    opacity: 0.8;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
	cursor:pointer;
}
.restaurant-box:hover:before{ height: 100%; }
.restaurant-box img{
    width: 100%;
    height: auto;
    transform: scale(1.3);
    transition: all 0.5s ease 0s;
}
.restaurant-boxx:hover img{ transform: scale(1); }
.restaurant-box .box-content{
    color: #000;
    background-color: #fff;
    width: 100%;
    padding: 7px 10px 5px;
    transform: rotate(10deg);
    position: absolute;
    bottom: -100px;
    left: 0;
    z-index: 2;
    transition: transform 0.5s ease 0.2s,bottom 0.5s ease 0.1s;
}
.restaurant-box:hover .box-content{
    bottom: 0;
    transform: rotate(0);
}
.restaurant-box .title{
    font-size:1em;
    font-weight: normal;
    text-transform: capitalize;
    margin: 0 0 1px;
	font-family: 'Libel Suit Rg';
	letter-spacing: 0px;
}
.restaurant-box .post{
    font-size: 0.9em;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    display: block;
	color:#333;
}
.restaurant-box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scaleY(0);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.restaurant-box:hover .icon{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scaleY(1);
}
.restaurant-box .icon li{
    margin: 0 3px;
    display: inline-block;
}
.restaurant-box .icon li a{
    color: #333;
    background: #fff;
    font-size: 14px;
    line-height: 32px;
    height: 30px;
    width: 30px;
    display: block;
    position: relative;
    transition: all 0.3s ease;
}
.restaurant-box .icon li a:hover{
    text-shadow: 4px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 0 3px rgba(255,255,255,0.5);
}
@media only screen and (max-width:990px){
    .restaurant-box{ margin: 0 0 30px; }
}
.restaurant-container{
	width:32%;
	height:auto;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
}
.restaurant-container:nth-child(3n+3){ margin-right:0%;}

/***************************************************** END RESTAURANT  ***************************************************/

/***************************************************** START CART  ***************************************************/
.cart-dtails {
  width: 60%;
  height: auto;
  padding-bottom: 3em;
  float: left;
}
.order-summary {
  width: 35%;
  height: auto;
  float: right;
  background-color: transparent;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 1em 1.5em;
}

.cart-dtails table th {
    text-align: center;
    font-family: inherit;
    font-weight: 500;
    color: #333 !important;
    font-size: 1.1em;
    border-bottom: 1px solid #e2e2e2;
    line-height: 40px !important;
    display: table-cell;
	border-right:0px !important;
	padding-bottom: 0.25em;
}
.cart-dtails table td {
    text-align: center;
    font-family: inherit;
    font-weight: 400;
    color: #333 !important;
    font-size: 1em;
    border-bottom: 1px solid #e2e2e2;
    line-height: 40px !important;
    display: table-cell;
	border-right:0px !important;
	padding:1em 1.5em;
}
.cart-dtails table{ width:100%;}
.cart-right-dtl{
	width:auto;
	height:auto;
	float:left;
	padding-left:1em;
}
.cart-detail-container {
  width: 100%;
  height: auto;}
.product-detail-addto{
	width:40px;
	height:44px;
	text-align:center;
	line-height:44px;
	color:#da9e32;
	font-size:2.15em;
	border-radius:5px;
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
}

.cart-brief{
  width: auto;
  height: auto;
  margin-right: 5px;
  font-family: inherit;
  color: #333;
  font-size: 1em;
  display: flex;
}

.product-count-cart {
  width:40px;
  max-width: 100%;
  height: 30px;
  float: left;
  border: 1px solid #666;
  text-align: center;
  line-height: 30px;
  color: #666;
  font-size: 1em;
  border-radius: 5px;
  cursor: pointer;
}
.product{width: 100%;
height: auto;
float: left;
margin-left: 5px;
display: flex;}

.cart-details{
     width:70%;
     height:auto;
     float:left;
}
.cart-code{
  width: auto;
  height: auto;
  float: left;
  font-family: inherit;
  color: #333;
  font-size: 1em;
  margin-right:5px;
}

.cart-pic{
     width:30%;
     height:auto;
     float:left;
}

.cart-dtl-title{
     width:100%;
     height:auto;
     text-align:left;
     font-family: inherit;
     font-weight:400;
     font-size:1em;
     color:#333;
     text-transform:uppercase;
}

.order-cart-wrap{
     width:100%;
     height:auto;
	 position:relative;
}
.order-cart{
     width:100%;
     height:auto;
     margin-bottom:2%;
}
.order-left{
     width:45%;
     height:35px;
     line-height:35px;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     float:left;
     text-align:left;
     color:#333;
}
.order-right{
     width:40%;
     height:35px;
     line-height:35px;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     float:right;
     text-align:right;
     color:#333;
}
.total-pay{
     width:100%;
     height:auto;
     border-top:1px solid #ccc;
     margin-top:40px;
     margin-bottom:20px;
}
.total-left{
     width:45%;
     height:auto;
     line-height:55px;
     font-family: inherit;
     font-size:1em;
     font-weight:500;
     float:left;
     text-align:left;
     color:#333;
     text-transform:uppercase;
}
.total-right{
     width:50%;
     height:auto;
     line-height:55px;
     font-family: inherit;
     font-size:1em;
     font-weight:500;
     float:right;
     text-align:right;
     color:#333;
}

.cart-button{
     width:auto;
     height:auto;
     font-size:1em;
     line-height:44px;
     font-family:inherit;
     text-transform:uppercase;
     font-weight:500;
	 text-align:center;
	 border-radius:5px;
	 padding-left:1em;
	 padding-right:1em;
}
 .cart-button{
     color:#FFF;
     
     display:inline-block;
     text-align:center;
     box-shadow:inset 0 0 0 0 #fff;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     
	 background:#da9e32; border:1px solid #da9e32;
}
 .product-detail-buy:nth-child(2) .cart-button{ background:#622301; border:1px solid #622301;}
 .cart-button:hover {
     color:#622301;
     box-shadow:250px 0 0 0 #fff inset;
	 cursor:pointer;
}

/***************************************************** END CART  ***************************************************/


/***************************************************** START SHIPPING ADDRESS  ***************************************************/
.addrees-shipping{
     width:23.5%;
     height:auto;
     float:left;
     margin-right:2%;
     margin-bottom:2%;
     position:relative;
  background-color: transparent;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 1em 1.5em;}
.shiping-address{
     width:100%;
     height:auto;
     padding:1em;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#fff;
}
.shiping-address ul{
     margin:0px;
     padding:0px;
     list-style-type:none;
     float:none;
     width:100%;
}
.shiping-address ul li{
     width:100%;
     height:auto;
     padding:2%;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#333;
     text-align:left;
     line-height:1.7;
     text-transform:capitalize;
}
.editing{
     width:100%;
     height:40px;
     text-align:right;
     position:absolute;
     top:0px;
     right:0px;
}
.addrees-shipping:nth-child(4n+4){
     margin-right:0px;
}
.addrees-shipping:hover{
     width:23.5%;
     height:auto;
     float:left;
     background-color:#F3F3F3;
}
.editing{
     width:100%;
     height:40px;
     text-align:right;
     position:absolute;
     top:0px;
     right:0px;
}
a{
     color:#666;
     font-size:1em;
}
a .del{
     width:40px;
     height:40px;
     float:right;
     border-bottom:1px solid #eaeaea;
     border-left:1px solid #eaeaea;
     line-height:40px;
     text-align:center;
}
a:hover .del{
     color:#59250b
}
.modify-profile-box{
     width:100%;
     height:auto;
     margin-bottom:15px;
}

a .proceed-payment{
     width:185px;
     height:38px;
     float:right;
     line-height:38px;
     background-color:#59250b;
     transition:all 0.8s ease 0s;
     text-align:center;
     font-family: inherit;
     font-size:1em;
     font-weight:600;
     color:#fff;
     text-transform:uppercase;
     margin-top:10px;
}
a:hover .proceed-payment{
     box-shadow:185px 0 0 0 #59250b inset;
     color:#fff;
     cursor:pointer;
     font-family: inherit;
     font-size:1em;
     font-weight:600;
     text-transform:uppercase;
}
.pament-add-new {
  position: absolute;
  bottom: 1px;
  right: 1px;
}
/***************************************************** END SHIPPING ADDRESS   ***************************************************/

/***************************************************** START PROFILE   ***************************************************/
.profile-container-menu{
	width:30%;
	height:auto;
	background-color:#fff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 1.5em 0em;
	float:left;
	position:relative;
	z-index:1;
}
.profile-container-menu ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.profile-container-menu ul li{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1em;
	color:#333;
	padding:0px 2.5em;
	line-height:70px;
	border-bottom:1px solid #e9e9e8;
}
.profile-container-menu ul li:nth-last-child(1){ border-bottom:0px;}
.profile-container-menu ul li a{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1em;
	color:#333;
	line-height:70px;
	display:block;
}
.profile-container-menu ul li a:hover{ color:#59250b}
.my-account-details{
	width:75%;
	height:auto;
	float:left;
	position:relative;
	margin-top:2em;
	margin-left:-10%;
	background-color:#fff;
	padding:2em 5em;
	padding-left:15%;
}
.profile-edit{
	width:auto;
	height:auto;
	position:relative;
	margin-top:0em;
float: right;
font-family: inherit;
color: #333;
font-size: 1em;
}
.profile-edit a{
	width:auto;
	height:auto;
	font-family:inherit;
	color:#333;
	font-size:1em;
}
.profile-container{
	width:100%;
	height:auto;
	padding-top:1em;
	padding-bottom:1em;
}
.acount-active{ color:#da9e32 !important}





.profile-quick-wrap{
     width:100%;
     height:auto;
}
.profile-quick{
     width:49%;
     height:140px;
     /*background-color:#fff;*/
     float:left;
     margin-top:23px;
     display:flex;
     align-items:center;
     padding-left:10%;
	 box-shadow: rgba(149, 157, 165, 0.05) 0px 8px 24px;
}
a:hover .profile-quick{ background-color:rgba(255,255,255,0.05); }
a:nth-child(2n+2) .profile-quick{
     float:right;
}
.account-profile {
  width: 100%;
  height: auto;
  text-align: center;
  font-family: inherit;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 500;
  color: #59250b;
  margin-bottom: 10px;
}
.profile-contact {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-call {
  width: auto;
  height: auto;
  float: left;
  text-align: left;
  font-family: inherit;
  font-size: 1em;
  color: #666666;
  font-weight: 400;
}
.profile-sep {
  padding-left: 10px;
  padding-right: 10px;
  font-family: inherit;
  font-size: 1em;
  color: #666666;
  font-weight: 400;
}

.my-account-profile{
	width:100%;
	height:auto;
	padding-bottom:3%;
	padding-top:3%;
}

.profile-mail {
  width: auto;
  height: auto;
  float: left;
  text-align: left;
  font-family: inherit;
  font-size: 1em;
  color: #666666;
  font-weight: 400;
}
.profile-quick-icon{
     width:auto;
     height:auto;
     float:left;
     margin-right:13px;
}
a .profile-quick-icon img{
     width:auto;
     height:auto;
     float:left;
     filter:grayscale(100%);
     opacity:0.3
}
a:hover .profile-quick-icon img{
     width:auto;
     height:auto;
     float:left;
     filter:grayscale(0%);
     opacity:1
}
.profile-quick-dtl{
     width:auto;
     height:auto;
     float:left;
	 position:relative;
}
.profile-count{
	width:34px;
	height:34px;
	position:absolute;
	border:2px solid #622301;
	top:-25px;
	left:-40px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	background-color:#622301;
	color:#fff;
	font-family:inherit;
	font-size:1.25em;
}

.profile-quick-dtl-title{
     width:100%;
     height:auto;
     text-align:left;
     text-transform:uppercase;
     font-family: inherit;
font-size: 1.375em;
font-weight: 500;
     color:#2c343f;
}
.profile-quick-dtl-sub-title{
     width:100%;
     height:auto;
     text-align:left;
     font-size:14px;
     font-family: inherit;
     font-weight:400;
     color:#666666;
}

.edit-profile{
     width:100%;
     height:auto;
     background-color:#fff;
     padding:15px 15px;
     position:relative;
}


/***************************************************** END PROFILE   ***************************************************/

/***************************************************** START ADDRESS   ***************************************************/

.my-account-address{
	width:47.5%;
	height: auto;
	float:left;
	margin-right:5%;
	margin-bottom:5%;
	/*background-color: #f2f0f0;*/
padding: 1.5em 0em;
position:relative;
border: 8px solid #f2f0f0;
}
.my-account-address:nth-child(2n+2){ margin-right:0%;}
.wishlist{ border:none; background-color:#f2f0f0; padding:2em;}

/***************************************************** END ADDRESS   ***************************************************/


/***************************************************** START MY ORDER   ***************************************************/

.table-container table{
    border-collapse:collapse;
    border-spacing:0;
    background:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin:0 0 18px;
    border:1px solid #f7f7f7;
     width:100%;
}
 .table-container table thead,table tfoot{
    background:#f5f5f5
}
 .table-container table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{
    line-height:30px;
    font-family: inherit;
    font-size:1em;
    font-weight:400
}


.table-container table th {
     font-weight: normal;
     background-color:#da9e32;
     color:#fff;
     border-top:1px solid #f7f7f7;
     border-left:1px solid #f7f7f7;
}
 .table-container table td {
     text-align: center;
     font-family: inherit;
     font-weight:400;
     color:#333;
     font-size:1em;
     border-right:1px solid #f7f7f7;
     line-height:50px !important;
     display: table-cell ;
}
 .table-container table th {
     text-align: center;
     font-family: inherit;
     font-weight:400;
     color:#fff;
     font-size:1em;
     border-right:1px solid rgba(255,255,255,0.2);
     text-transform:uppercase;
     line-height:50px !important;
}

 .table-container table tbody tr td a{
    font-family: inherit;
    font-weight:400;
    font-size:1em;
    color:#333;
    text-align:center!important
}
 .table-container table tbody tr td a:hover{
    font-family: inherit;
    font-weight:400;
    font-size:1em;
    color:#222;
    text-align:center!important
}
 .table-container table tbody tr td span{
    border:none;
    text-align:left;
    font-family: inherit;
    font-weight:300;
    font-size:18px;
    color:#666;
    display:table-cell;
    vertical-align:middle
}
 .table-container table tbody tr td span a{
    border:none;
    text-align:left;
    font-family: inherit;
    font-weight:300;
    font-size:18px;
    color:#666;
    text-decoration:none
}
 .table-container table tbody tr td span a:hover{
    border:none;
    text-align:left;
    font-family: inherit;
    font-weight:300;
    font-size:18px;
    color:#666;
    text-decoration:none
}

/***************************************************** END MY ORDER   ***************************************************/


/***************************************************** START ADDRESS MODIFY  ***************************************************/
.modify-address{
	width:60%;
	height:auto;
	margin:0 auto;
}

/***************************************************** END ADDRESS MODIFY  ***************************************************/
.wishlist-name{
  width:100%;
  height: auto;
  font-family: inherit;
  font-size: 1.15em;
  font-weight: 600;
  color: #622301;
  line-height: 1.7;
  margin:5px 0px;
}
.wish-dtl{
  display: grid;
  grid-auto-flow: column;
  gap: 2%;
}


.gallery-wrap{
	width:100%;
	height:auto;
}


.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 20rem;
  grid-gap: 30px;
  margin: 2rem;
}
.gallery > .image-wrapper {
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
}
.gallery > .image-wrapper > img {
  background-color: red;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}

@media screen and (max-width: 1500px) {
  .gallery {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1100px) {
  .gallery {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 800px) {
  .gallery {
    grid-template-columns: 1fr;
  }
}





 .box-group{
     text-align: center;
     overflow: hidden;
     position: relative;
}
 .box-group img{
     max-width: 100%;
     max-height: 100%;
     transform: scale3d(1, 1, 1);
     transition: all 0.3s ease 0s;
     display:block;
}
 .box-group:hover img{
     transform: scale3d(1.15, 1.15, 1);
}
 .box-group .box-content{
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.6);
     padding-top: 35%;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     z-index: 2;
     transition: all 0.3s ease 0s;
}
 .box-group:hover .box-content{
     opacity: 1;
}
 .box-group .box-content:before, .box-group .box-content:after{
     content: "";
     position: absolute;
     top: 15px;
     left: 15px;
     bottom: 15px;
     right: 15px;
    /* border: 1px solid rgba(255, 255, 255, 0.7);
    */
     opacity: 0;
     z-index: -1;
     transform: scale(1.5);
     transition: all 0.6s ease 0.2s;
}
 .box-group .box-content:before{
     border-top: none;
     border-bottom: none;
     left: 30px;
     right: 30px;
}
 .box-group .box-content:after{
     border-left: none;
     border-right: none;
     top: 30px;
     bottom: 30px;
}
 .box-group:hover .box-content:before, .box-group:hover .box-content:after{
     opacity: 1;
     transform: scale(1);
}
 .box-group .content-inner{
     opacity: 0;
     transform: scale(0);
     transition: all 0.3s ease 0s;
}
 .box-group:hover .content-inner{
     opacity: 1;
     transform: scale(1);
}
 .box-group .title{
     font-size: 22px;
     font-weight: 700;
     color:#ffcc00;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin: 0 0 10px;
}
 .box-group .post{
     display: block;
     font-size: 15px;
     font-weight: 600;
     font-style: italic;
     margin-bottom: 15px;
}
 .box-group-icon {
     position: absolute;
     bottom: 0;
     left: 0px;
     color: rgba(255,255,255,1) !important;
     font-size: 1.5em;
     font-family: inherit;
     width: 100%;
     text-align: left;
     z-index: 2;
     font-weight:500;
     padding-left: 2%;
     padding-right: 2%;
     top: 0;
     margin: auto;
     display: flex;
     align-items: center;
     justify-content: center;
}
 a:hover .box-group-icon{
     display:none !important;
}

 .box-group .icon{
     list-style: none;
     padding: 0;
     position: absolute;
     top:0;
     left:0;
     text-align: center;
     opacity: 0;
     transition: all 0.5s ease 0s;
     bottom:0;
     right:0;
     margin:auto;
}
 .box-group:hover .icon{
     left: 0px;
     opacity: 1;
     transition-delay: 0.3s;
}
 .box-group .icon li{
     display: inline-block;
}
 a .box-group .icon li {
     width:50px;
     height:50px;
     line-height:50px;
     background:#05a1e9;
     font-size:18px;
     color: #fff;
     transition: all 0.5s ease 0s;
     position: absolute;
     top:0;
     left:0;
     bottom:0;
     right:0;
     margin:auto;
     border-radius:50%;
     display:flex;
     justify-content:center;
     align-items:center;
}






/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(98,35,1,0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 9;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 60%;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  height:80vh;
  overflow:auto;
  padding:1em 1em;
}
.cd-popup-container p {
  padding: 3em 1em;
}

.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
	
  }
}
.quick-details-for{
	width:35%;
	height:auto;
	float:left
}
.quick-details-for:nth-child(2){ width:65%; padding-left:5%;}
.quickview-pic{
	width:100%;
	height:auto;
	margin-bottom:1.5em;
	 /* background:url(../images/cakebg.jpg) no-repeat;
	 background-size:100% 100%;*/
}
.cbp-af-header.cbp-af-header-shrink .logo{ top:2px !important}





.overlay_flight_traveldil {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(98,35,1,0.8);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:1000;
}
.overlay_flight_traveldil:target {
  visibility: visible;
  opacity: 1;
}
.popup_flight_travlDil {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 60%;
  position: relative;
  transition: all 2s ease-in-out;
}
.popup_flight_travlDil .close_flight_travelDl {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup_flight_travlDil .content_flightht_travel_dil {
  max-height: 30%;
  overflow: auto;
}

.topcart{
    width: auto;
    height: auto;
    float: left;
    line-height: 38px;
    color: #03045e;
    font-family: inherit;
    text-transform: uppercase;
	margin-top: -8px;
	position:relative;
}

.topcart-cart{
     font-size:0.8em;
     color:#fff;
     font-family: inherit;
	 width:22px;
	 height:22px;
	 background-color:#da9e32;
	 position:absolute;
	 top: -5px;
	right: -36px;
	border-radius: 50%;
	display:flex;
	justify-content:center; align-items:center;
}
.topcart a:hover{
     color:#000;
     font-family: inherit;
}

.name-welcome{
  position: relative;
  float: left;
}


.caret {
   display: inline-block;
	width: 0;
	height: 0;
	margin-left: 6px;
	vertical-align: middle;
	border-top: 8px dashed;
	border-top: 4px solid\9;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	position: relative;
	margin-bottom: -18px;
}
.dropdown,
.dropup {
    position: relative
}
.dropdown-toggle:focus {
    outline: 0
}
.dropdown-menu {
    position: absolute;
    top: 13px;
    left:20px;
    z-index: 1000;
    display: none;
    float: left;
    min-width:116px;
    padding: 0;
    margin:33px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background-color:#622301;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu>li>a {
    display: block;
    padding: 7px 14px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
	width:100%;
	margin-left:0px;
	font-size:0.9em;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color:#622301;
    text-decoration: none;
    background-color: #f5f5f5;
    font-size:0.9em;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color:#622301;
    outline: 0;
    font-size:0.9em;
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu {
    display: block
}
.open>a {
    outline: 0
}
.dropdown-menu-right {
    right: 0;
    left: auto
}
.dropdown-menu-left {
    right: auto;
    left: 0
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}
.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}
.hide-menu{ display: none} 
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}


@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}
.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}
@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;

        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.add-new-address{
	text-align: left;
float: right;
position: relative;
margin-top: -55px;
border-top:1px solid #622301;
padding-left:20%;
}
.cart-order-dtl{ width:47%; float:right;}
.thanks-out{
	width:100%;
	height:auto; 
	display:flex; justify-content:center;
}
thanks-wrap {
  background: #FFFFFF;
  padding: 30px;
  margin: 0 auto 10px;
  display: none;
  max-width: 320px;
}

.checkmark {
  max-width: 200px;
  margin: 0 auto;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  -webkit-animation: dash 2s ease-in-out;
          animation: dash 2s ease-in-out;
}

.spin {
  -webkit-animation: spin 2s;
          animation: spin 2s;
  transform-origin: 50% 50%;
}

h2 {
  -webkit-animation: text 1s;
          animation: text 1s;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes text {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes text {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.privacy-policy ul{ margin:0px; padding:0px; list-style-type:none; width:100%;}
.privacy-policy ul li{
	width:100%;
	height:auto;
	font-family:inherit; color:#333;
	font-size:1em;
	font-weight:normal;
	text-align:left;
	margin-top:0.5em;
	background:url(../images/arrow.png) no-repeat left 10px;
	padding-left:18px;
	margin-bottom:0.5em;
	line-height:1.7;
}
.add-to-popup{
    position: fixed;
	margin:auto;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:999;
	display:flex;
	justify-content:center;	
	align-items:center;
}
.wishlist-popup{
    text-align: center;
    color: #fff;
    background-color:#622301;
	width: auto;
	height: 44px;
	font-size: 1em;
	line-height: 44px;
	font-family: inherit;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 5px;
	padding-left: 2em;
	padding-right: 2em;
}
.testimonials{
	width:32%;
	height:auto;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
.testimonials:nth-child(3n+3){ margin-right:0%;}
.banner-mid{ line-height:0.8}
.cloud-mob{ display:none;}

@media (min-width: 1025px) and (max-width: 1279px) {
    body {
        font-size:12px !important;
    }
    .container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
	 .top-container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
    
}

@media (min-width: 1280px) and (max-width: 1359px) {
    body {
        font-size:13px !important;
    }
    .container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
	 .top-container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
	
   
}
@media (min-width: 1360px) and (max-width: 1399px) {
    body {
        font-size:13px !important;
    }
    .container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%; 
    }
	
	   .top-container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%; 
    }
	.styled-select:nth-child(2){ min-width: 130px; }
    
}
@media (min-width: 1400px) and (max-width: 1441px) {
	 body {
        font-size:15px !important;
    }
    .container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
	 .top-container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
    .styled-select:nth-child(2){ min-width: 150px; }
}
@media (min-width: 1441px) and (max-width: 1599px) {
	 body {
        font-size:15px !important;
    }
    .container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
     .top-container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
    .styled-select:nth-child(2){ min-width: 150px; }
}

@media (min-width: 1600px) and (max-width:1680px) {
	 body {
        font-size:16px !important;
    }
   .container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%; 
    }
	 .top-container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
    .styled-select:nth-child(2){ min-width: 150px; }
	
}
@media (min-width:1681px){
	 body {
        font-size:18px !important;
    }
    .styled-select:nth-child(2){ min-width: 170px; }
    .container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
	 .top-container{
        width:100%;
        padding-left:2.5%;
        padding-right:2.5%;
    }
	.lSSlideOuter .light li a img { width: 65% !important;  margin: 0 auto;}
    	
	

}
.lSSlideOuter .cake-for li a img { width: 100% !important; }
.outer-caption{width:100%; display:flex; align-items: flex-end; justify-content: space-between;}
@media (max-width:768px) {
	.desk-view{ display:none !important}
	.mob-view{ display:block !important}
	.rating{ display: flex; justify-content: center;}
	.online-shoping p{ display: flex; justify-content: center;}
	.price-for{ display: flex; justify-content: center;}
	.product-bottom{ display: flex; justify-content: center; font-size: 1.15em}
	.new-price{ width: auto}
	.old-price{ width: auto; margin-left: 10px;}
	.mid-banner-caption-left{ width: 100%; display: inherit; margin-bottom: 1em;}
	.mid-banner-caption-right{ width: 100%; display: inherit;}
	.caption-logo{ margin-bottom: 1.5em;}
	.mid-caption{ font-size: 2em; line-height: 1.5;}
	.todays-intant-title{ width: 100%;}
	.todays-special{ width: 100%;}
	.todays-special-cake{ width: 32%; margin-right:2%;}
	.todays-special-cake:nth-child(2n+2){ margin-right: 2%;}
	.todays-special-cake:nth-child(3n+3){ margin-right: 0%;}
	lSSlideOuter .light li img {width: 80% !important;  margin: 0 auto;}
	.details-for{ width: 100%;}
	.product-details{ width: 100%;}
	.buy-now-product{line-height: 36px; padding-left: 1em; padding-right: 1em;}
	.product-detail-buy{ margin-right: 4px;}
	.product-for-wrap{ width: 100%;}
	.quick-details-for{width: 100%}
	.quick-details-for:nth-child(2){ width: 100%; padding-left: 0%;}
	.popup_flight_travlDil {
      width: 90%;
      height: 80vh;
      overflow: auto;
    }
	.cart-dtails{ width: 100%;}
	.order-summary{ width: 100%; padding: 1em 0.5em;}
	.table-for{width:100%; overflow: scroll}
	.cart-dtails table{ width:800px }
	.box-modern::before {right: -35px;left: 60px; bottom: -15px; display: none}
	.box-modern {padding: 40px 10px 60px 10px; margin-left: 0px;}
	.login-container{ width: 99%;}
	.enquiry{ padding-left: 1%; padding-right: 2%;}
	.login{ line-height: 50px;}
	.login:hover{ background-color: #622301}
	.mid-caption-bottom{ font-size: 1.25em}
	
	.nav-menu > li a::before{ display: none}
	.nav-menu > li a::after{ display: none}
	.overlay_flight_traveldil{ position: fixed}
	.lSSlideOuter .light li a img{ width: 90% !important;}
	.swiper-slide-caption{bottom:1%}
	.all-review{ height: auto}
	.banner-mid{ line-height:0.8;}
	.caption-explore{ margin-bottom: 15px; margin-top: 15px; }
	.restaurant-box .box-content {background-color: rgba(255,255,255,0.58);transform: none;bottom: 0px;}
	.outlet-box .box-content {height: auto;bottom: 0px;left: 0px;opacity: 1; padding: 5px 0px; top: inherit}
	.dropdown-menu > li{ font-size: 1em}
	a .proceed-payment{ width: auto; height: 35px; line-height: 35px; padding: 0px 10px;}
	.order-summary{ float: left}
	.banner-caption{ padding-bottom: 25%;}
	.cloud-mob {width: 100%;  height: 100%;  position: absolute;  margin: auto;  left: 0;  top: 0;  right: 0;  bottom: 0;  background-color: transparent;  display: block;}
	.product-for-wrap:nth-child(3){ width:100%;}
	.ourcakes{ padding-top:20px;}
	.bredcum-wraper{ padding-top:0px; margin-bottom: 3em; float: left;}
	.footer-wraper{ padding-bottom:45px;}
	.footer-contents{ font-size:1em;}

}

@media (max-width:380px) {body {font-size:13px !important; }.welcome-title-middle {font-size: 1.5em;} .home-title {font-size: 2em;} .footer-content{ width:100% !important;}.box-title {
  font-family: 'geomanist-book';
  font-size: 0.6em;
  color: #333;
}
.swiper-slide-caption {
  bottom: 0%;
}
    .banner-caption {
  padding-bottom: 10%;
}
}
@media (max-width:420px) {

    .box-title {
  font-family: 'geomanist-book';
  font-size: 0.65em;
  color: #333;
}
	body {font-size:14px !important; }
	.container{width:100%; padding-left:3%;padding-right:3% }
	.top-container{width:100%; padding-left:3%;padding-right:3% }
	.copyright{ width:100%; text-align:center; line-height:1.7; float:none; font-size:1em;}
	.designed{ width:100%; display:flex; justify-content:center;font-size:1em;}
	.designed p{ line-height:1.7; font-size:1em;}
	
	.nav-menu>.nav-menu>li.focus>a,.nav-menu>li:hover>a{color:#000 !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a{ line-height:normal !important; padding: 12px 15px 12px 26px !important; height: auto !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a:hover{ color:#000 !important}
	
	.footer-address{ width:100%; display:inherit;}
	.footer-contents{ width:100%; display:inherit}
	.footer-dtl{ width:100%; margin-top: 2em;}
	.footer-dtl:nth-child(2) ul{ width:100%}
	.footer-dtl ul li {width: 50%;  float: left;}
	.bottom-review{ width:100%;}
	.bottom-review:nth-child(2){ width:100%;}
	.online-shoping{ width:100%; margin-right:0%;}
	.online-shoping:nth-child(2){ display:none}
	.online-shoping:nth-child(3){ display:none}
	.category-container{ width:100%;}
	.categories{ width:100%; margin-right:0%;}
	.category-container:nth-child(2){ width:100%;}
	.category-caption{ bottom:30px;}
	.about-content-wrap{ display:inherit;}
	.about-content{ width:100%;}
	.address-container{ width:100%;}
	
	.contact-enquiry{ width:100%; padding-left:0%; margin-top:1em;}
	.shop-container{ width:100%; border-right:0px;}
	.grid li{ width:50% !important;}
	.footer-dtl:nth-child(2){ width: 100%;}
	.category-box .box-content::after { border: none}
	.category-box .box-content::before { border: none}
	.banner-caption-mid{ font-size: 3em;}
	.caption-bottom{ font-size: 1.15em;}
	.nav-brand img{ width:85px;}
	.contact-top{ display: none}
	.nav-toggle {top:85px !important;}
	.cbp-af-header.cbp-af-header-shrink .nav-toggle{top: 50% !important;}
	.nav-menu > li > a{text-align: left;}
	
	.progress-wrap.active-progress{ display: none}
	.product-for-wrap:nth-child(2){width: 100%;}
	.address-enquiry{ width: 100%; margin-right: 0%;}
	.tottal-for{ display: inherit}
	.restaurant-container{ width: 100%; margin-right: 0%;}
	.restaurant-box .title{ font-size: 1.15em;}
	.home-outlet{ width: 100%; margin-right: 0%;}
	.main-container{padding-left: 2%; padding-right: 2%;}
	.addrees-shipping{ width: 100%; margin-right: 0%;}
	.addrees-shipping:hover{ width: 100%; margin-right: 0%;}
	.profile-container-menu{ width: 100%;}
	.my-account-details{ width: 100%; padding: 1em 0px; margin-left: 0px;}
	.my-account-address{ width: 100%; margin-right: 0%;}
	.about-pic{ display: none}
	.add-new-address{ margin-top: 0px}
	.pament-add-new{ position: inherit}
	.profile-quick{ width: 100%; padding-left: 0%;}
	.control-group{ display:  inherit}
	.home-filter{ display:  inherit}
	.footer-bottom-link{ display:  none}
	.styled-select{ min-width:46%;}
    
}
@media (min-width:421px) and (max-width:460px){
    .box-title {
  font-family: 'geomanist-book';
  font-size: 0.65em;
  color: #333;
}
	body {font-size:14px !important; }
	.container{width:100%; padding-left:3%;padding-right:3% }
	.top-container{width:100%; padding-left:3%;padding-right:3% }
	.copyright{ width:100%; text-align:center; line-height:1.7; float:none; font-size:1em;}
	.designed{ width:100%; display:flex; justify-content:center;font-size:1em;}
	.designed p{ line-height:1.7; font-size:1em;}
	
	
	.nav-menu>.nav-menu>li.focus>a,.nav-menu>li:hover>a{color:#000 !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a{ line-height:normal !important; padding: 12px 15px 12px 26px !important; height: auto !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a:hover{ color:#000 !important}
	
	.footer-address{ width:100%; display:inherit; }
	.footer-contents{ width:100%; display:inherit}
	.footer-dtl{ width:100%; margin-top: 2em;}
	.footer-dtl:nth-child(2) ul{ width:100%}
	.footer-dtl ul li {width: 50%;  float: left;}
	.bottom-review{ width:100%;}
	.bottom-review:nth-child(2){ width:100%;}
	.online-shoping{ width:100%; margin-right:0%;}
	.online-shoping:nth-child(2){ display:none}
	.online-shoping:nth-child(3){ display:none}
	.category-container{ width:100%;}
	.categories{ width:100%; margin-right:0%;}
	.category-container:nth-child(2){ width:100%;}
	.category-caption{ bottom:30px;}
	.about-content-wrap{ display:inherit;}
	.about-content{ width:100%;}
	.address-container{ width:100%;}
	
	.contact-enquiry{ width:100%; padding-left:0%; margin-top:1em;}
	.shop-container{ width:100%; border-right:0px;}
	.grid li{ width:50% !important;}
	.footer-dtl:nth-child(2){ width: 100%;}
	.category-box .box-content::after { border: none}
	.category-box .box-content::before { border: none}
	.banner-caption-mid{ font-size: 3em;}
	.caption-bottom{ font-size: 1.15em;}
	.nav-brand img{ width:85px;}
	.contact-top{ display: none}
	.nav-toggle {top: 10vh !important;}
	.cbp-af-header.cbp-af-header-shrink .nav-toggle{top: 50% !important;}
	.nav-menu > li > a{text-align: left;}
	
	.progress-wrap.active-progress{ display: none}
	.product-for-wrap:nth-child(2){width: 100%;}
	.address-enquiry{ width: 100%; margin-right: 0%;}
	.tottal-for{ display: inherit}
	.restaurant-container{ width: 100%; margin-right: 0%;}
	.restaurant-box .title{ font-size: 1.15em;}
	.home-outlet{ width: 100%; margin-right: 0%;}
	.main-container{padding-left: 2%; padding-right: 2%;}
	.addrees-shipping{ width: 100%; margin-right: 0%;}
	.addrees-shipping:hover{ width: 100%; margin-right: 0%;}
	.profile-container-menu{ width: 100%;}
	.my-account-details{ width: 100%; padding: 1em 0px; margin-left: 0px;}
	.my-account-address{ width: 100%; margin-right: 0%;}
	.about-pic{ display: none}
	.add-new-address{ margin-top: 0px}
	.pament-add-new{ position: inherit}
	.profile-quick{ width: 100%; padding-left: 0%;}
	.control-group{ display:  inherit}
	.home-filter{ display:  inherit}
	.footer-bottom-link{ display:  none}
	
	
	
	
	
    
}
@media (min-width:461px) and (max-width:560px){
    .box-title {
  font-family: 'geomanist-book';
  font-size: 0.65em;
  color: #333;
}
		body {font-size:14px !important; }
	.container{width:100%; padding-left:3%;padding-right:3% }
	.top-container{width:100%; padding-left:3%;padding-right:3% }
	.copyright{ width:100%; text-align:center; line-height:1.7; float:none; font-size:1em;}
	.designed{ width:100%; display:flex; justify-content:center;font-size:1em;}
	.designed p{ line-height:1.7; font-size:1em;}
	
	
	
	.nav-menu>.nav-menu>li.focus>a,.nav-menu>li:hover>a{color:#000 !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a{ line-height:normal !important; padding: 12px 15px 12px 26px !important; height: auto !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a:hover{ color:#000 !important}
	
	.footer-address{ width:100%; display:inherit;}
	.footer-contents{ width:100%; display:inherit}
	.footer-dtl{ width:100%; margin-top: 2em;}
	.footer-dtl:nth-child(2) ul{ width:100%}
	.footer-dtl ul li {width: 50%;  float: left;}
	.bottom-review{ width:100%;}
	.bottom-review:nth-child(2){ width:100%;}
	.online-shoping{ width:100%; margin-right:0%;}
	.online-shoping:nth-child(2){ display:none}
	.online-shoping:nth-child(3){ display:none}
	.category-container{ width:100%;}
	.categories{ width:100%; margin-right:0%;}
	.category-container:nth-child(2){ width:100%;}
	.category-caption{ bottom:30px;}
	.about-content-wrap{ display:inherit;}
	.about-content{ width:100%;}
	.address-container{ width:100%;}
	
	.contact-enquiry{ width:100%; padding-left:0%; margin-top:1em;}
	.shop-container{ width:100%; border-right:0px;}
	.grid li{ width:50% !important;}
	.footer-dtl:nth-child(2){ width: 100%;}
	.category-box .box-content::after { border: none}
	.category-box .box-content::before { border: none}
	.banner-caption-mid{ font-size: 3em;}
	.caption-bottom{ font-size: 1.15em;}
	.nav-brand img{ width:85px;}
	.contact-top{ display: none}
	.nav-toggle {top: 85px !important;}
	.cbp-af-header.cbp-af-header-shrink .nav-toggle{top: 50% !important;}
	.nav-menu > li > a{text-align: left;}
	
	.progress-wrap.active-progress{ display: none}
	.product-for-wrap:nth-child(2){width: 100%;}
	.address-enquiry{ width: 100%; margin-right: 0%;}
	.tottal-for{ display: inherit}
	.restaurant-container{ width: 100%; margin-right: 0%;}
	.restaurant-box .title{ font-size: 1.15em;}
	.home-outlet{ width: 100%; margin-right: 0%;}
	.main-container{padding-left: 2%; padding-right: 2%;}
	.addrees-shipping{ width: 100%; margin-right: 0%;}
	.addrees-shipping:hover{ width: 100%; margin-right: 0%;}
	.profile-container-menu{ width: 100%;}
	.my-account-details{ width: 100%; padding: 1em 0px; margin-left: 0px;}
	.my-account-address{ width: 100%; margin-right: 0%;}
	.about-pic{ display: none}
	.add-new-address{ margin-top: 0px}
	.pament-add-new{ position: inherit}
	.profile-quick{ width: 100%; padding-left: 0%;}
	.control-group{ display:  inherit}
	.home-filter{ display:  inherit}
	.footer-bottom-link{ display:  none}
		
	
}
@media (min-width:561px) and (max-width:680px){
	body {font-size:14px !important; }
	.container{width:100%; padding-left:3%;padding-right:3% }
	.top-container{width:100%; padding-left:3%;padding-right:3% }
	
	
	.nav-menu>.nav-menu>li.focus>a,.nav-menu>li:hover>a{color:#000 !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a{ line-height:normal !important; padding: 12px 15px 12px 26px !important; height: auto !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a:hover{ color:#000 !important}
	
	.footer-address{ width:100%; display:inherit;}
	.footer-contents{ width:100%; display:inherit}
	.footer-dtl{ width:100%; margin-top: 2em;}
	.footer-dtl:nth-child(2) ul{ width:100%}
	.footer-dtl ul li {width: 33%;  float: left;}
	.bottom-review{ width:100%;}
	.bottom-review:nth-child(2){ width:100%;}
	.online-shoping{ width:49.5%; margin-right:1%; float: left}
	.online-shoping:nth-child(2n+2){ margin-right:0%}

	.category-container{ width:100%;}
	.categories{ width:100%; margin-right:0%;}
	.category-container:nth-child(2){ width:100%;}
	.category-caption{ bottom:30px;}
	.about-content-wrap{ display:inherit;}
	.about-content{ width:100%;}
	.address-container{ width:100%;}
	
	.contact-enquiry{ width:100%; padding-left:0%; margin-top:1em;}
	.shop-container{ width:100%; border-right:0px;}
	.grid li{ width:50% !important;}
	.footer-dtl:nth-child(2){ width: 100%;}
	.category-box .box-content::after { border: none}
	.category-box .box-content::before { border: none}
	.banner-caption-mid{ font-size: 4em;}
	.caption-bottom{ font-size: 1.35em;}
	.nav-brand img{ width:85px;}
	.contact-top{ display: none}
	.nav-toggle {top: 85px !important;}
	.cbp-af-header.cbp-af-header-shrink .nav-toggle{top: 50% !important;}
	.nav-menu > li > a{text-align: left;}
	
	.progress-wrap.active-progress{ display: none}
	.product-for-wrap:nth-child(2){width: 100%;}
	.address-enquiry{ width: 100%; margin-right: 0%;}
	.tottal-for{ display: inherit}
	.restaurant-container{ width:49.5%; margin-right: 1%;}
	
	.restaurant-container:nth-child(3n+3){margin-right:1%;}
	.restaurant-container:nth-child(2n+2){margin-right: 0%;}
	.restaurant-box .title{ font-size: 1.15em;}
	.home-outlet{ width:49.5%; margin-right:1%;}
	.home-outlet:nth-child(3n+3) { margin-right:1%; }
	.home-outlet:nth-child(2n+2){ margin-right: 0% !important}
	.main-container{padding-left: 2%; padding-right: 2%;}
	.addrees-shipping{ width: 100%; margin-right: 0%;}
	.addrees-shipping:hover{ width: 100%; margin-right: 0%;}
	.profile-container-menu{ width: 100%;}
	.my-account-details{ width: 100%; padding: 1em 0px; margin-left: 0px;}
	
	.about-pic{ display: none}
	.add-new-address{ margin-top: 0px}
	.pament-add-new{ position: inherit}
	.control-group{ display:  inherit}
	.home-filter{ display:  inherit}
	.footer-bottom-link{ display:  none}
	
		
	
}
@media (min-width:681px) and (max-width: 767px){
	body {font-size:14px !important; }
	.container{width:100%; padding-left:3%;padding-right:3% }
	.top-container{width:100%; padding-left:3%;padding-right:3% }
	
	
	.nav-menu>.nav-menu>li.focus>a,.nav-menu>li:hover>a{color:#000 !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a{ line-height:normal !important; padding: 12px 15px 12px 26px !important; height: auto !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a:hover{ color:#000 !important}
	
	.footer-address{ width:100%; display:inherit;}
	.footer-contents{ width:100%; display:inherit}
	.footer-dtl{ width:100%; margin-top: 2em;}
	.footer-dtl:nth-child(2) ul{ width:100%}
	.footer-dtl ul li {width: 33%;  float: left;}
	.bottom-review{ width:100%;}
	.bottom-review:nth-child(2){ width:100%;}
	.online-shoping{ width:49.5%; margin-right:1%; float: left}
	.online-shoping:nth-child(2n+2){ margin-right:0%}

	.category-container{ width:100%;}
	.categories{ width:100%; margin-right:0%;}
	.category-container:nth-child(2){ width:100%;}
	.category-caption{ bottom:30px;}
	.about-content-wrap{ display:inherit;}
	.about-content{ width:100%;}
	.address-container{ width:100%;}
	
	.contact-enquiry{ width:100%; padding-left:0%; margin-top:1em;}
	.shop-container{ width:100%; border-right:0px;}
	.grid li{ width:50% !important;}
	.footer-dtl:nth-child(2){ width: 100%;}
	.category-box .box-content::after { border: none}
	.category-box .box-content::before { border: none}
	.banner-caption-mid{ font-size: 4em;}
	.caption-bottom{ font-size: 1.35em;}
	.nav-brand img{ width:85px;}
	.contact-top{ display: none}
	.nav-toggle {top: 85px !important;}
	.cbp-af-header.cbp-af-header-shrink .nav-toggle{top: 50% !important;}
	.nav-menu > li > a{text-align: left;}
	
	.progress-wrap.active-progress{ display: none}
	.product-for-wrap:nth-child(2){width: 100%;}
	.address-enquiry{ width: 100%; margin-right: 0%;}
	.tottal-for{ display: inherit}
	.restaurant-container{ width:49.5%; margin-right: 1%;}
	
	.restaurant-container:nth-child(3n+3){margin-right:1%;}
	.restaurant-container:nth-child(2n+2){margin-right: 0%;}
	.restaurant-box .title{ font-size: 1.15em;}
	.home-outlet{ width:49.5%; margin-right:1%;}
	.home-outlet:nth-child(3n+3) { margin-right:1%; }
	.home-outlet:nth-child(2n+2){ margin-right: 0% !important}
	.main-container{padding-left: 2%; padding-right: 2%;}
	.addrees-shipping{ width: 100%; margin-right: 0%;}
	.addrees-shipping:hover{ width: 100%; margin-right: 0%;}
	.profile-container-menu{ width: 100%;}
	.my-account-details{ width: 100%; padding: 1em 0px; margin-left: 0px;}
	
	.about-pic{ display: none}
	.add-new-address{ margin-top: 0px}
	.pament-add-new{ position: inherit}
	.control-group{ display:  inherit}
	.home-filter{ display:  inherit}
	.footer-bottom-link{ display:  none}
		
	
}
@media (min-width:768px) and (max-width:991px){
body {font-size:14px !important; }
	body {font-size:13px !important; }
	.container{width:100%; padding-left:3%;padding-right:3% }
	.top-container{width:100%; padding-left:3%;padding-right:3% }
	
	
	.nav-menu>.nav-menu>li.focus>a,.nav-menu>li:hover>a{color:#000 !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a{ line-height:normal !important; padding: 12px 15px 12px 26px !important; height: auto !important}
	.cbp-af-header.cbp-af-header-shrink .nav-menu > li > a:hover{ color:#000 !important}
	
	.footer-address{ width:100%; display:inherit;}
	.footer-contents{ width:100%; display:inherit}
	.footer-dtl{ width:100%; margin-top: 2em;}
	.footer-dtl:nth-child(2) ul{ width:100%}
	.footer-dtl ul li {width: 33%;  float: left;}
	.bottom-review{ width:100%;}
	.bottom-review:nth-child(2){ width:100%;}
	.online-shoping{ width:49.5%; margin-right:1%; float: left}
	.online-shoping:nth-child(2n+2){ margin-right:0%}

	.category-container{ width:100%;}
	.categories{ width:100%; margin-right:0%;}
	.category-container:nth-child(2){ width:100%;}
	.category-caption{ bottom:30px;}
	.about-content-wrap{ display:inherit;}
	.about-content{ width:100%;}
	.address-container{ width:100%;}
	
	.contact-enquiry{ width:100%; padding-left:0%; margin-top:1em;}
	.shop-container{ width:100%; border-right:0px;}
	.grid li{ width:50% !important;}
	.footer-dtl:nth-child(2){ width: 100%;}
	.category-box .box-content::after { border: none}
	.category-box .box-content::before { border: none}
	.banner-caption-mid{ font-size: 4em;}
	.caption-bottom{ font-size: 1.35em;}
	.nav-brand img{ width:85px;}
	.contact-top{ display: none}
	.nav-toggle {top: 10vh !important;}
	.cbp-af-header.cbp-af-header-shrink .nav-toggle{top: 50% !important;}
	.nav-menu > li > a{text-align: left;}
	
	.progress-wrap.active-progress{ display: none}
	.product-for-wrap:nth-child(2){width: 100%;}
	.address-enquiry{ width: 100%; margin-right: 0%;}
	.tottal-for{ display: inherit}
	.restaurant-container{ width:49.5%; margin-right: 1%;}
	
	.restaurant-container:nth-child(3n+3){margin-right:1%;}
	.restaurant-container:nth-child(2n+2){margin-right: 0%;}
	.restaurant-box .title{ font-size: 1.15em;}
	.home-outlet{ width:49.5%; margin-right:1%;}
	.home-outlet:nth-child(3n+3) { margin-right:1%; }
	.home-outlet:nth-child(2n+2){ margin-right: 0% !important}
	.main-container{padding-left: 2%; padding-right: 2%;}
	.addrees-shipping{ width: 100%; margin-right: 0%;}
	.addrees-shipping:hover{ width: 100%; margin-right: 0%;}
	.profile-container-menu{ width: 100%;}
	.my-account-details{ width: 100%; padding: 1em 0px; margin-left: 0px;}
	
	.about-pic{ display: none}
	.add-new-address{ margin-top: 0px}
	.pament-add-new{ position: inherit}
	.control-group{ display:  inherit}
	.home-filter{ display:  inherit}
	.footer-bottom-link{ display:  none}
	
	
}
@media (min-width:992px) and (max-width:1199px){
	body {font-size:12px !important; }
	.container{width:100%; padding-left:3%;padding-right:3% }
	.top-container{width:100%; padding-left:3%;padding-right:3% }
	li {font-size: 14px !important;font-weight: normal;}
    .swiper-slide-caption-inner {font-size:8px;}
    .nav-brand img {margin-top: 0px !important;width: 100px !important;}
    .nav-menu > li > a {padding: 25px 7px !important;font-size: 1em !important;}
    .cbp-af-header.cbp-af-header-shrink .nav-menu > li > a {font-size: 1em !important; padding: 0px 7px 0px 7px !important;}
    .cbp-af-header.cbp-af-header-shrink .header {background: inherit;height: 58px;}
}
/*popup style starts here*/
#page-loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  /*background-color: #F5F5F5;*/
}

.three-balls {
  margin: 0 auto;
  width: 70px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
}

.three-balls .ball {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99) both;
  animation: bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99) both;
}

.three-balls .ball1 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s;
}

.three-balls .ball2 {
  -webkit-animation-delay: -.08s;
  animation-delay: -.08s;
}

@keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #03A9F4;
  }
  16.66% {
    bottom: 40px;
    background-color: #FB6542;
  }
  33.33% {
    bottom: 0px;
    background-color: #FB6542;
  }
  50% {
    bottom: 40px;
    background-color: #FFBB00;
  }
  66.66% {
    bottom: 0px;
    background-color: #FFBB00;
  }
  83.33% {
    bottom: 40px;
    background-color: #03A9F4;
  }
  100% {
    bottom: 0;
    background-color: #03A9F4;
  }
}

@-webkit-keyframes bouncedelay {
  0% {
    bottom: 0;
    background-color: #03A9F4;
  }
  16.66% {
    bottom: 40px;
    background-color: #FB6542;
  }
  33.33% {
    bottom: 0px;
    background-color: #FB6542;
  }
  50% {
    bottom: 40px;
    background-color: #FFBB00;
  }
  66.66% {
    bottom: 0px;
    background-color: #FFBB00;
  }
  83.33% {
    bottom: 40px;
    background-color: #03A9F4;
  }
  100% {
    bottom: 0;
    background-color: #03A9F4;
  }
}
/*popup style ends here*/

@media (max-width: 990px){
   body{ height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);}
.nav-toggle, .navigation-hidden .nav-header {display: block !important;}

    
    .banner-wrp{height: calc(100vh - 75px) !important; overflow: hidden !important }
    .carousel-inner {height: 100% !important;}
    #quick_view_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: auto;
  background-color: #fff ;
 }
.hide-menu{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99999;
        padding: 15px 20px;
        display: block;
}
.sexy-menu.detached{
    opacity: 1 !important
}
    .hide-menu a {
    width: 20%;
    line-height: 1;
    font-size: 1.5em;
    float: left;
    display: flex;
    justify-content: center;
   
}
.hide-menu img {
    display: block;
    justify-content: center;
    margin: 0 auto;
}

.nav-toggle{

display: flex!important;
    align-items: center;
    width: 25px;
    height: 20px;
    cursor: pointer;
    /*border-top: 3px solid #000;
    border-bottom: 3px solid #000;*/
    text-align: center;
    justify-content: center;
    position: inherit !important;
     top: auto !important;

    }
    .nav-toggle {
      top: auto !important;
    bottom:auto !important; 
}
    .nav-toggle:before{   
    position: absolute;
    content: "";
    width: 40px;
    border-bottom: 3px solid #000;
    right: 0;
		display: none
}
   .nav-toggle:after{    
           content: "";
    width: 33px;
    border-bottom: 3px solid #000;
    position: absolute;
    top: -2px;
    right: 0;
	   display: none
}
    .bottom-menu{ width: 45px; height:45px; border-radius: 50%; display: flex !important; justify-content: center; align-items: center; border: 1px solid #999;}
    .swiper-slide-caption { bottom:8%; }
    .header-contact{ display: none}
    .logo {display: flex;justify-content: center; width: 100%; padding-top: 1em;}
    .topcart-cart { right: 0px; top: -12px;}
    .cbp-af-header.cbp-af-header-shrink .nav-toggle {top:auto !important;}
    .footer-bottom-container{ padding-bottom: 90px; padding-top: 10px}
    .outer-caption{ display: inherit}
    .outer-caption .banner-caption{width: 100%}
    .outer-caption .banner-caption .banner-caption-mid{ font-size: 5em; text-align: center}
    .outer-caption .banner-caption .caption-bottom{ font-size: 1.75em; text-align: center}
    .cake-animate{ width: 80%}
    .box-title{ font-size: 0.9em}
    .whats-app {bottom: 20vh; top: inherit}
}

@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
      .banner-wrp{height: auto !important;}
    .carousel-inner {height: auto !important;}
    .whats-app {bottom: 20vh; top: inherit}
}