/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


#side-panel-trigger {
	float: left;
	margin: 40px 0 40px 15px;
}

@media (max-width: 479px) {

	.container,
	#header.full-header .container,
	.container-fullwidth { width: 95% !important; }

	.container.vertical-middle { width: 100% !important; }

	.full-screen:not(.force-full-screen) .container.vertical-middle { width: 95% !important; }

	#top-cart { display: none; }

	#top-search a { right: 15px; }

	#top-search form input { padding-right: 30px; }

	#side-panel-trigger { left: 5px; }
	
}
	
	
@media (min-width: 480px) and (max-width: 1199px) {

	#side-panel-trigger {
		position: absolute;
		top: 0;
		left: 15px;
		right: auto;
		margin: 40px 0;
		-webkit-transition: margin .4s ease;
		-o-transition: margin .4s ease;
		transition: margin .4s ease;
		}
}

.dk-bg {
	background-color: rgba(0,0,0,0.75);
	
} 

.carousel-indicators-dark {
  position: absolute;
  bottom: -70px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators-dark li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #a6192e;
  border-radius: 10px;
  cursor: pointer;
  background-color: #a6192e \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators-dark .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #a6192e;
}

body.dark #side-panel,
body #side-panel.dark {background-color:#171717;}