/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
  margin-bottom: 10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 100;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  background-color: transparent;
}

.carousel-inner>.item{
	-webkit-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width:70%;
	height:inherit;
	margin: auto;
	padding:0px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 0px 0px; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/*carousel indicator*/
.carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#000 \9;
	background-color:rgba(0,0,0,0);
	border:1px solid #b11117;
	border-radius:10px;
}

.carousel-indicators .active{
	width:12px;
	height:12px;
	margin:0;
	background-color:#b11117;
}

/*carousel prev next*/
.carousel-control{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:0;
	width:0\0/;
	font-size:20px;
	color:#b11117;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	filter:alpha(opacity=50);
	opacity:.5
}

.carousel-control.left{
	background-image: none;
	background-image: none\0/;
}

.carousel-control.right{
	right:0;
	left:auto;
	background-image: none;
	background-image: none\0/;
}

.carousel-control:focus,.carousel-control:hover{
	color:#b11117;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
	position:absolute;
	top:50%;
	z-index:5;
	display:inline-block
}

#banner-mob .carousel-control .glyphicon-chevron-left,
#banner-mob .carousel-control .glyphicon-chevron-right,
#banner-mob .carousel-control .icon-next,
#banner-mob .carousel-control .icon-prev{
	position:absolute;
	top:200px;
	z-index:5;
	display:inline-block
}

#menu .carousel-control .glyphicon-chevron-left,
#menu .carousel-control .glyphicon-chevron-right,
#menu .carousel-control .icon-next,
#menu .carousel-control .icon-prev{
	position:absolute;
	top:200px;
	z-index:5;
	display:inline-block
}

#find .carousel-control .glyphicon-chevron-left,
#find .carousel-control .glyphicon-chevron-right,
#find .carousel-control .icon-next,
#find .carousel-control .icon-prev{
	position:absolute;
	top:200px;
	z-index:5;
	display:inline-block;
	color:#FFF;
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
	left:50%;
	margin-left:-60px;
	left:-20px\0/;
	margin-left:-60px\0/;
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
	right:50%;
	margin-right:-60px;
	right:-20px\0/;
	margin-right:-60px\0/;
}

.carousel-control .icon-next,.carousel-control .icon-prev{
	width:15px;
	height:15px;
	margin-top:-10px;
	font-family:serif;
	line-height:1
}

.carousel-control .icon-prev:before{
	content:'\2039'
}

.carousel-control .icon-next:before{
	content:'\203a'
}

.ekko-lightbox-nav-overlay a {
  color: #999;
}

/* banner carousel Start */
#bnrCarousel ul {
	position:absolute;
	bottom:-10px;
}

#bnrCarousel .carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#000 \9;
	background-color:rgba(0,0,0,0);
	border:1px solid #FFFFFF;
	border-radius:10px;
}

#bnrCarousel ul {
	position:absolute;
	bottom:-50px;
}

#bnrCarousel .carousel-indicators .active {
	width:12px;
	height:12px;
	margin:0;
	background-color:#FFFFFF;
}

#find .carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#000 \9;
	background-color:rgba(0,0,0,0);
	border:1px solid #FFFFFF;
	border-radius:10px;
}

#find .carousel-indicators .active {
	width:12px;
	height:12px;
	margin:0;
	background-color:#FFFFFF;
}

@media(max-width:320px) {
	#bnrCarousel ul,
	#bnrMobCarousel ul
	{
		position:absolute;
		bottom:-15px;
	}

	#bnrCarousel .carousel-indicators li,
	#bnrMobCarousel .carousel-indicators li
	{
		width:10px;
		height:10px;
		margin:1px;
		border:1px solid #FFFFFF;
		border-radius:5px;
	}
	
	#bnrCarousel .carousel-indicators .active
	#bnrMobCarousel .carousel-indicators .active
	{
		width:12px;
		height:12px;
	}
	
	#find .carousel-control .glyphicon-chevron-left,
	#find .carousel-control .glyphicon-chevron-right,
	#find .carousel-control .icon-next,
	#find .carousel-control .icon-prev{
		color:#b11117;
	}
}

@media(max-width:480px) {
	#bnrCarousel ul,
	#bnrMobCarousel ul
	{
		position:absolute;
		bottom:-20px;
	}

	#bnrCarousel .carousel-indicators li,
	#bnrMobCarousel .carousel-indicators li
	{
		width:10px;
		height:10px;
		margin:1px;
		border:1px solid #FFFFFF;
		border-radius:5px;
	}
	
	#bnrCarousel .carousel-indicators .active
	#bnrMobCarousel .carousel-indicators .active
	{
		width:12px;
		height:12px;
	}
	
	#find .carousel-control .glyphicon-chevron-left,
	#find .carousel-control .glyphicon-chevron-right,
	#find .carousel-control .icon-next,
	#find .carousel-control .icon-prev{
		color:#b11117;
	}
}

@media(max-width:768px) {
	#bnrCarousel ul,
	#bnrMobCarousel ul {
		position:absolute;
		bottom:-30px;
	}

	#bnrCarousel .carousel-indicators li,
	#bnrMobCarousel .carousel-indicators li {
		width:10px;
		height:10px;
		margin:1px;
		border:1px solid #FFFFFF;
		border-radius:10px;
	}
	
	#bnrCarousel .carousel-indicators .active,
	#bnrMobCarousel .carousel-indicators .active{
		width:12px;
		height:12px;
		background-color:#FFFFFF;
	}
}

#bnrCarousel .carousel-control{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:1%;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	filter:alpha(opacity=80);
	opacity:.8
}

#bnrCarousel .carousel-control.left{
	background-image: none;
	background-image: none\0/;
}

#bnrCarousel .carousel-control.right{
	right:0;
	left:auto;
	background-image: none;
	background-image: none\0/;
}

#bnrCarousel .carousel-control:focus,
#bnrCarousel .carousel-control:hover{
	color:#FFFFFF;
	text-decoration:none;
	filter:alpha(opacity=100);
	outline:0;
	opacity:1.0
}

#bnrCarousel .carousel-control .glyphicon-chevron-left,
#bnrCarousel .carousel-control .glyphicon-chevron-right,
#bnrCarousel .carousel-control .icon-next,
#bnrCarousel .carousel-control .icon-prev{
	position:absolute;
	top:40%;
	z-index:5;
	display:inline-block
}

#bnrCarousel .carousel-control .glyphicon-chevron-left,
#bnrCarousel .carousel-control .icon-prev{
	left:50%;
	margin-left:100px
}

#bnrCarousel .carousel-control .glyphicon-chevron-right,
#bnrCarousel .carousel-control .icon-next{
	right:50%;
	margin-right:100px
}

@media(max-width:768px) {
	#bnrCarousel .carousel-control .glyphicon-chevron-left,
	#bnrCarousel .carousel-control .icon-prev{
		margin-left:60px
	}

	#bnrCarousel .carousel-control .glyphicon-chevron-right,
	#bnrCarousel .carousel-control .icon-next{
		margin-right:60px
	}
}

/* banner carousel End */

/* find carousel Start */
#findCarousel1 ul {
	position:absolute;
	bottom:-10px;
}

#findCarousel1 .carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#000 \9;
	background-color:rgba(0,0,0,0);
	border:1px solid #FFFFFF;
	border-radius:10px;
}

#findCarousel1 .carousel-indicators .active{
	width:12px;
	height:12px;
	margin:0;
	background-color:#FFFFFF;
}

#findMobCarousel1 ul {
	position:absolute;
	bottom:-10px;
}

#findMobCarousel1 .carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#000 \9;
	background-color:rgba(0,0,0,0);
	border:1px solid #FFFFFF;
	border-radius:10px;
}

#findMobCarousel1 .carousel-indicators .active{
	width:12px;
	height:12px;
	margin:0;
	background-color:#FFFFFF;
}

/* find carousel End */

@media(max-width:480px) {
	/*carousel prev next*/
	.carousel-control{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		width:0;
		width:0\0/;
		font-size:20px;
		color:#b11117;
		text-align:center;
		text-shadow:0 1px 2px rgba(255,255,255,1.0);
		filter:alpha(opacity=100);
		opacity:1.0
	}
	
	#bnrMobCarousel .carousel-control .glyphicon-chevron-left,
	#bnrMobCarousel .carousel-control .glyphicon-chevron-right,
	#bnrMobCarousel .carousel-control .icon-next,
	#bnrMobCarousel .carousel-control .icon-prev{
		position:absolute;
		top:40%;
		z-index:5;
		display:inline-block;
		margin-left:-20px;
		margin-right:-20px;
	}

	#promotion .carousel-control .glyphicon-chevron-left,
	#promotion .carousel-control .glyphicon-chevron-right,
	#promotion .carousel-control .icon-next,
	#promotion .carousel-control .icon-prev{
		position:absolute;
		top:40%;
		z-index:5;
		display:inline-block;
		margin-left:-20px;
		margin-right:-20px;
	}
	
	#menu .carousel-control .glyphicon-chevron-left,
	#menu .carousel-control .glyphicon-chevron-right,
	#menu .carousel-control .icon-next,
	#menu .carousel-control .icon-prev{
		position:absolute;
		top:40%;
		z-index:5;
		display:inline-block;
		margin-left:-20px;
		margin-right:-20px;
	}

	#find .carousel-control .glyphicon-chevron-left,
	#find .carousel-control .glyphicon-chevron-right,
	#find .carousel-control .icon-next,
	#find .carousel-control .icon-prev{
		position:absolute;
		top:40%;
		z-index:5;
		display:inline-block;
		margin-left:-10px;
		margin-right:-10px;
	}
}

.bnrTitle img{
	width:70%;
	height:inherit;
}

.bnrDisclaimer {
	position:absolute;
	bottom:0;
	right:0;
	padding:5px 40px 5px 20px;
	background-color: rgba(255,255,255,.7);
	background-color: #FFFFFF\0/;
}

.toLeft {
	position:absolute;
	top:110px;
	left:80px;
}

.toRight {
	position:absolute;
	top:110px;
	right:10px;
}

/* banner carousel End */


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}