/***********dashboard box*****/
.dashboardblock {
    height:  75px;
    width: 100%;
    display: block;
    
	padding-left:6%;
    margin-top: 6%;
    margin-bottom: 6%;
    cursor: pointer;
}
/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
}
 

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}
.carousel-inner > .item > a > img.img-banner, .carousel-inner > .item > img.img-banner, .thumbnail a > img.img-banner, .thumbnail > img.img-banner {
	width:100%;
	height:100vh;
	max-height:450px;
} 
.bg1{
	background: rgb(195, 20, 50) ;
	background: -webkitlinear-gradient(to right, rgb(195, 20, 50), rgb(36, 11, 54));
	background: linear-gradient(to right, rgb(195, 20, 50), rgb(36, 11, 54));
}


.bg2{
	background: rgb(241, 39, 17) ;
	background: -webkitlinear-gradient(to right, rgb(241, 39, 17), rgb(245, 175, 25));
	background: linear-gradient(to right, rgb(241, 39, 17), rgb(245, 175, 25));
	
}

.bg3{
	background: rgb(247, 157, 0) ;
	background: -webkitlinear-gradient(to right, rgb(247, 157, 0), rgb(100, 243, 140));
	background: linear-gradient(to right, rgb(247, 157, 0), rgb(100, 243, 140));
}

.bg4{
	background: rgb(255, 153, 102) ;
	background: -webkitlinear-gradient(to right, rgb(255, 153, 102), rgb(255, 94, 98));
background: linear-gradient(to right, rgb(255, 153, 102), rgb(255, 94, 98));			}


.bg5{
	background: rgb(118, 184, 82) ;
	background: -webkitlinear-gradient(to right, rgb(118, 184, 82), rgb(141, 194, 111));
	background: linear-gradient(to right, rgb(118, 184, 82), rgb(141, 194, 111));
}

.combo{
	    position: absolute;
    color: #075959;
    background-color: white;
    padding: 5px;
    font-size: 12px;
}
}

.bgdiv{
	background: rgb(204, 43, 94) ;
	background: -webkitlinear-gradient(to right, rgb(204, 43, 94), rgb(117, 58, 136));
	background: linear-gradient(to right, rgb(204, 43, 94), rgb(117, 58, 136));				 
	
}
.bgdiv-intro{
	background: rgb(15, 12, 41) ;
	background: -webkitlinear-gradient(to right, rgb(15, 12, 41), rgb(48, 43, 99), rgb(36, 36, 62));
	background: linear-gradient(to right, rgb(15, 12, 41), rgb(48, 43, 99), rgb(36, 36, 62));
}

.mainSliderContentOuter{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	width:80%;
}

.sliderContent {
	min-height: 300px;
	max-height: 450px;
	height: 250px;
	width: 60%;
	color: #fff;
	margin: 0px auto;
	background-color: #000;
	opacity: 0.7;
	overflow: auto;
}
.mainSliderContent {
	width: 50%;
}
h5 {
	font-size: 14px;
	line-height: 1.375em;
	color: #303030;
	font-weight: 400;
	margin-bottom: 30px;
}
p {
	
	color:black;
}  
h5-banner {
	font-size: 25px;
	line-height: 1.375em;
	color: white;
	font-weight: 400;
	margin-bottom: 30px;
	margin-top: 10px;
	margin-left: 10%;
}
.card-color{
	
	color:white;
	
}
.card-image{
	float: left; height:75px; width:150px; border: 1px solid #000000;
	margin:5px;
}	
.offer-img{
	margin-top: 10px;
}

.card {
	padding: 10px;
	margin: 2px;
	margin-bottom:0px;
	border: 1px solid #0D3F2E;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
}

.readMore{
	border-bottom-right-radius: 35px;
	border-bottom-left-radius: 35px;
	padding:5px;
	border:1px solid #000;
}
.readMore > a{
	color:#fff;
}

.banner-transbox { 
	transform: translate(0%,-1%);
	background-color: #000;
	opacity: 1;
	font-size: 20px;
	color: gold;
	padding: 20px;
	width: 100%;
	text-align: center;
}

.transbox {
	position: absolute;
	top: 49%;
	left: 45%;
	transform: translate(-41%,-51%);
	opacity: 0.8;
	font-size: 16px;
	color: #fff;
	
	text-align: center;
	cursor: pointer;
}

.header{
	font-size:14px;
	position: float;
	text-align: center;
	z-index: 1;
	top: 0px;
	width:100%; 
	color:#fff;
	min-height: 42px;
	border:0px;
	border-bottom:0.5px dotted #e3e3e3; 
	
}
.footer{
	padding: 20px;
	position:float ;
	text-align: center;
	z-index: 1;
	bottom: 0px;
	width:100%;
}
.footer-contant{
	color:white;
	bottom:0px;
}
.boxshadow{
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
}

.slider-text{
	text-align:center;
}
.space5{
	
	display:block;
	width:100%;
	height:5px;
	clear:both;
	
	}.space10{
	
	display:block;
	width:100%;
	height:10px;
	clear:both;
	
}

.space20{
	display:block;
	width:100%;
	height:20px;
	clear:both;
}
.space30{
	display:block;
	width:100%;
	height:30px;
	clear:both;
}
.space50{
	
	display:block;
	width:100%;
	height:50px;
	clear:both;
	
}
.space70{
	
	display:block;
	width:100%;
	height:70px;
	clear:both;
	
}
.space100{
	
	display:block;
	width:100%;
	height:100px;
	clear:both;
	
}
.div-image{
	float: left; height:150px; width:150px; border: 1px solid #000000;
}
.border-div{
	border: 1px solid #0D3F2E;
	
}
.blockWidth {
	height: 75px;
	width: 100%;
	display: block;
	color: #fff;
	margin-top: 6%;
	margin-bottom: 6%;
	cursor: pointer;
}
.trans::first-letter {
	text-transform: uppercase;
}
.navbar-inverse {
	background-color: #155C10;
	border:0px;
	border-top:0.5px dotted #e3e3e3; 
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.moveTop{
	display:none;
	position:fixed;
	bottom:5px;
	right:5px;
	background-color:#000;
	opacity:0.7;
	color:#fff;
	padding:10px;
	cursor:pointer;
}

.navbar-custom{ 
	border-radius:0px;
}

.navbar-inverse .navbar-nav > li > a {
	color:#fff;
}

.navbar-inverse .navbar-brand {
	color:#fff;
}


.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color:#fff;
	background-color: #32CD32;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 15px 15px;
	height: 50px;
}
.subHeading{
	border-bottom: 8px  groove #4b3ca2;
	
	padding:10px;
	text-align:left;
}

.headingHrDiv{
	margin:0px; auto;
	width:100%;
	padding:10px;
	
}



.top-next {
	content: '';
	width: 25px;
	height: 25px;
	background-color:green;
	color: #fff;
	padding: 2px;
	z-index: 11;
	position: absolute;
	top: 38%;
	right: -16px;
	text-align:center;
	margin-left: 2px
}

.top-prev {
	content: '';
	width: 25px;
	height: 25px;
	background-color: #FF9933;
	color: #fff;
	padding: 2px;
	z-index: 11;
	position: absolute;
	top: 38%;
	text-align:center;
	left:  -4px;
}

.parallax5{
	z-index:-1;
	font-family: palatino linotype,book antiqua,Palatino,serif;
	padding: 80px 0;
	width: 100%;
	height: 100%;	
	background: url(../image/19.jpg);
	background-color: rgba(0, 0, 0, 0);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-attachment: scroll;
	background-size: auto auto;
	display: table;
	padding:  0;
	color: #fff;
	z-index: -10;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.slick-card{ 
	height:auto; 
	border-radius:20px;
}
.slick-img{
	height:250px;
}
.slick-boxShadow{
	overflow: hidden;
	text-overflow: clip; 
	background-color:#fff;
	border: 2px solid #e5e5e5;
	width: 100%;
	height: 100%;
	border-radius:20px;
}

.product-card-title{
font-size:24px;
color:#3f2b96;
}



.search-container button {
float: right;
padding: 6px 10px;

margin-right: 16px;
background: #ddd;
font-size: 17px;
border: none;
cursor: pointer;
} 

.stylish-input-group .input-group-addon{
background:#FF9933;
color:#fff;
border-radius: 0px 48% 48% 0px;
}
.stylish-input-group .form-control{
border-right:0; 
box-shadow:0 0 0; 
border-color:#ccc;
}


.stylish-input-group button{
border:0;
background:transparent;
color:#fff;

}

.social-links{
margin:0px auto;
}

.social-links ul{
list-style-type:none;
margin:0px;
margin-top:10px ;
margin-bottom:10px ;
}

.social-links ul > li{
float:left;
padding:2px;
}


.parallaxpage{
z-index:-1;
font-family: palatino linotype,book antiqua,Palatino,serif;
padding: 80px 0;
width: 100%;
height: 100%;	
background: url(../image/19.jpg);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-attachment: scroll;
background-size: auto auto;
display: table;
padding:  0;
color: #fff;
z-index: -10;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
filter: brightness(1);
-o-background-size: cover;

}
.banner-transbox-page {


transform: translate(0%,-1%);
background-color: #000;
opacity: 1;
font-size: 16px;
color: gold;
padding: 5px;

text-align: center;
}
.subHeading-page{
border-bottom: 4px  groove #4b3ca2; 
padding:10px;
text-align:left;
font-size:16px;
}

.text-page{
color:black;
}
.footer	a {
color: #ffffff;
text-decoration: none;
}	

.label{
white-space: pre;
}

.right_form {
float: left;
width: 100%;
background: #17253e url(images/form_bg.jpg) left top repeat-x;
padding: 20px;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2) inset;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1000;
top: 0;
right: 0; 
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
background: #ff8000;
background: -moz-linear-gradient(-45deg, #ff8000 0%, #ffffff 40%, #008000 100%);
background: -webkit-linear-gradient(-45deg, #ff8000 0%,#ffffff 40%,#008000 100%);
background: linear-gradient(135deg, #ff8000 0%,#ffffff 40%,#008000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#008000',GradientType=1 );
}

.sidenav a {
padding: 8px 8px 8px 13px;
text-decoration: none;
font-size: 15px;
color: #0F1180;
display: block;
transition: 0.3s;
}

.sidenav a:hover {
color: #000;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

.cafe-floating-form {
width: 322px;
height: 100vh;
padding: 10px 15px;
font-size: 14px;
background: #fff;
border: 1px solid #ddd;
right: -322px;
top: 0;
position: fixed;
box-shadow: -2px 0 8px rgba(43,33,33,0.06);
-moz-box-shadow: -2px 0 8px rgba(43,33,33,0.06);
-webkit-box-shadow: -2px 0 8px rgba(43,33,33,0.06);
z-index: 111;
}
.cafe-address #contact_body{
height:90%; overflow-y:auto;
}

.cafe-contact-opener {
position: fixed;
font-size: 25px;
right: -4%;
top: 45%;
transform: rotate(-90deg);
background-color: #503287;
padding: 9px 15px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.43);
cursor: pointer;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
box-shadow: -2px 0 8px rgba(43,33,33,0.06);
-moz-box-shadow: -2px 0 8px rgba(43,33,33,0.06);
-webkit-box-shadow: -2px 0 8px rgba(43,33,33,0.06);
}


.stop-scrolling {
height: 100%;
overflow: hidden;
}
.overlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:-1;
}


.right_form {
float: left;
width: 100%;
background: #17253e url(images/form_bg.jpg) left top repeat-x;
padding: 20px;
box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2) inset;
}
.form_heading {
font-size: 23px;
color: #fff;
font-weight: normal;
text-align: center;
border-bottom: 1px solid #1a98ca;
padding-bottom: 7px;
margin-top: 0px;
margin-bottom: 10px;
}


.get_bid {
border: none;
outline: none;
font-family: Calibri;
text-decoration: none;
width: 100%;
padding: 8px 0px;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
position: relative;
float: left;
text-align: center;
background: #ff6f20;
margin-top: 10px;
cursor: pointer;
text-shadow: 0px 2px 2px rgba(255, 255, 255, .4);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0px 0px 0px #d5540d, 0px 4px 0px 0px #d5540d;
-moz-box-shadow: inset 0px 0px 0px #d5540d, 0px 4px 0px 0px #d5540d;
-o-box-shadow: inset 0px 0px 0px #d5540d, 0px 4px 0px 0px #d5540d;
box-shadow: inset 0px 0px 0px #d5540d, 0px 4px 0px 0px #d5540d;
}


.heart {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transition: all 1s;
-webkit-animation-iteration-count:  infinite;
animation-iteration-count: infinite;
}

.heart.css {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-iteration-count:  infinite;
animation-iteration-count: infinite;
}

.heart.animated {
-webkit-animation: 1600ms pulsate ease-in-out;
-moz-animation: 1600ms pulsate ease-in-out;
-ms-animation: 1600ms pulsate ease-in-out;
-o-animation: 1600ms pulsate ease-in-out;
animation: 1600ms pulsate ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.heart:before,
.heart:after {
-moz-border-radius: 50px 50px 0 0;
border-radius: 50px 50px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%
}

.heart:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%
}

@keyframes pulsate {
0% {
transform: scale(1)
}
50% {
transform: scale(.7)
}
100% {
transform: scale(1)
}
}

@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1)
}
50% {
-webkit-transform: scale(.7)
}
100% {
-webkit-transform: scale(1)
}
}

@-moz-keyframes pulsate {
0% {
-moz-transform: scale(1)
}
50% {
-moz-transform: scale(.7)
}
100% {
-moz-transform: scale(1)
}
}

@-ms-keyframes pulsate {
0% {
-ms-transform: scale(1)
}
50% {
-ms-transform: scale(.7)
}
100% {
-ms-transform: scale(1)
}
}

@-o-keyframes pulsate {
0% {
-o-transform: scale(1)
}
50% {
-o-transform: scale(.7)
}
100% {
-o-transform: scale(1)
}
}


@media screen and (max-width: 768px) {
/* For mobile phones: */
.space20-mob {

display:block;
width:100%;
height:20px;
clear:both;
} 

.space50-mob {

display:block;
width:100%;
height:50px;
clear:both;
}

.space30-mob {

display:block;
width:100%;
height:30px;
clear:both;
}

.carousel-inner > .item > a > img.img-banner, .carousel-inner > .item > img.img-banner, .thumbnail a > img.img-banner, .thumbnail > img.img-banner{
height:200px;
}
.search-container {
float: none;
}

.sidenav {
padding-top: 15px;
}
.sidenav a {
font-size: 18px;
}

.cafe-contact-opener {
font-size: 15px;
right: -10%;
}
.top-next {
right:-4px;
}
}
* {box-sizing: border-box;}

.img-zoom-container {
  position: relative;
}

.img-zoom-lens {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the lens:*/
  width: 40px;
  height: 40px;
}

.img-zoom-result {
  border: 1px solid #d4d4d4;
  /*set the size of the result div:*/
  width: 300px;
  height: 300px;
}