/*
body {
	margin: 0;
	padding: 0;
	background-color:#d5d8e3;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:#333333;
	height:100px;
}
*/
/*
 #site_panel {
	margin:0 auto;
	width:95%;
	min-width:425px;
	max-width:1400px;
	padding:0px;
	border:0px;
	top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	border-top:0px;
	text-align:left;
	min-height: 700px;
	background-color:white;
	padding-bottom:25px;
	overflow:hidden;
}
*/
#news_panel {
	position:relative;
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	width:92%;
	min-height:300px;
	top:0px;
	padding:20px;
	border-width:1px;	
	clear:both;
	display:inline-block;
	background-color:white;
	overflow:wrap;
}

.shopbtn {
  display: inline-block;
  border-radius: 2px;
  border: none;
  /*height: 45px;*/
  padding: 15px;
  font-size:14px;
  padding-top:0px;
  padding-bottom:0px;
  /* margin-top: 1px;
  margin-bottom: 1px; */
}

.cta {
  background-color: #67000d;
  color: white;
  
  transition: .2s ease;
  
  :hover {
    background-color: #a50f15;
    color: white;
    //border: 1px solid $primary;
    
    transition: .2s ease;
  }
}

#ad_buffer {
	width:99%;
	/*
	max-width:330px;
	min-width:330px;
	*/
	height:70px;
}

#ad_panel_1 {
	/*position:relative;*/
	width:99%;
	max-width:330px;
	/*min-width:350px;*/
	top:105px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	padding-left:15px;
	/*padding-top:10px;*/
	padding-bottom:5px;
	/*margin-right:10px;*/
	margin: 0 auto;
	text-align:center;
	/*background-color:#E7E7F9;
	background-color:#ffffff;*/
	/*overflow:hidden;*/
	/*float:center;*/
	border-left:1px solid #cccccc;
	overflow:wrap;
}

#ad_content {
/*	width:100%;*/
	margin: 0 auto;
	text-align:center;
	overflow:hidden;
}

#front_tag_box {
	position:relative;
	width:100%;
	min-height:140px;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:14px;
	/*padding:25px;
	padding-top:10px;
	padding-bottom:0px;*/
	padding-top:8px;
	text-align:center;
	border-width:1px;	
	border-style:solid;
	border-color:#cccccc;
	overflow:wrap;
	color:white;
	/*
	background-color:black;
	background-image:url("images/uv-background10.jpg");
	background-repeat:no-repeat;
	*/
	background-image: linear-gradient(to bottom right, #000, #462072)
}

.headline {
	position:relative;
	/*width:100%;*/
	font-family: 'Julius Sans One', sans-serif;
	font-size: 16px;
	/*background-color:red;*/
	}

.separator {
	width:50%;
	margin: 0 auto;
	border-bottom:1px solid white;
}	
.promotext {
	position:relative;
	width:90%;
	padding:10px;
	padding-top:3px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	margin: 0 auto;
}	

a.tagbox:link {color:#FFDB4D; text-decoration:none;}
a.tagbox:visited {color:#FFDB4D; text-decoration:none;}
a.tagbox:hover {color:#CCA300; text-decoration:none;}
a.tagbox:active {color:#CCA300; text-decoration:none;}
  
.carousel-caption {
max-width:100%;
width:100%;
background-color:#eeeeee;
background: rgba(192,192,192,0.75);
left:0;
padding:5px;
font-family: 'Merriweather Sans', sans-serif;
padding-top:10px;
padding-left:20px;
font-size:25px;
margin-bottom: -20px;
display: -ms-flex; display: -webkit-flex; display: flex; 
}

.xrow {
    width:100%;
    height:50%;
}
/*
.xrow div {
    width:50%;
    height:100%;
    float:left;
}
*/
#adcontainer {
background-color:black;
border-color:white;
border-style:solid;
border-width:1px;
}

.ad_carouselheader {
position:relative;
width:100%;
background-color:black;
/* border-color:white;
border-style:solid;
border-width:1px; */
margin:0 auto;
text-align:center;
overflow:hidden;
min-height:120px;
max-height:300px;
background-image:url('images/ads/empty.png');
background-size:100%;
background-repeat:no-repeat;
background-position: 50% 50%;
padding:2px;
/*overflow:hidden; */
}

#ad_middle {
	position:relative;
	width:100%;
	min-height:90px;
	max-height:150px;
	top:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:white;
	text-align:left;
	padding:1px;
	padding-left:0px;
	padding-top:0px;
	float:left;
	text-align:left;
	background-image:url('images/ads/empty.png');
	background-size:100%;
	background-repeat:no-repeat;
}


.carousel-caption>div { flex:1; }
/*
.carousel-indicators 
  li {display:none;}
*/
h2.carousel {
font-family: 'Merriweather Sans', sans-serif;
font-size:20px;
}

.captext {
position:relative;
float:left;
width:70%;
text-align:left;
padding-left:6px;
}

.storelogos {
/*position:relative;*/
float:left;
width:50%;
margin:0 auto;
background-repeat:no-repeat;
background-position:center;
max-width:190px;
height:57px;
padding:8px;
padding-bottom:0px;
}

.logocontainer {
position:relative;
background-image:url('images/ads/empty.png');
background-size:100%;
background-repeat:no-repeat;
/*max-height:57px;*/
max-width:200px;
height:100%;
}

@media screen and (min-width:375px;) {
h2.carousel {font-size:16px;}

}

.capspan { 
position:absolute; 
width:100%;
height:100%;
top:0;
left: 0;
z-index: 1;
/* emoty image fixes overlap error in IE7/8, */
background-image: url('images/ads/empty.png');

}  

$('.carousel').carousel({
  interval: 1000 * 3
});
  
/* Carousel Fading slide */***********************************************/
.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Carousel Control custom */
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carousel Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }
/**Carousel fade *******************************************************/

/* Disable left and right navigation control panels */
.right.carousel-control, .left.carousel-control {
    display: none;
}

/* Move slide indicator buttons */
.carousel-indicators {
  bottom:-11px;
}

#home_leader {
display:block;
position:relative;
max-width:728px;
margin:0 auto;
padding-top:10px;
text-align:center;
}

#home_inner {
position:relative;
width:100%;
max-width:728px;
text-align:center;

background-image:url('images/ads/empty.png');
background-size:100%;
background-repeat:no-repeat;
}