/*** slideshow ***/

#slideshowbox
{	
	background-color:#fff;	
	overflow:hidden;
	z-index:6500;
	width:100%;
    height: 500px;
	overflow:hidden;
	z-index: 9;
    display: table;    
}

#slideshow .items
{
	width: 100%;
    height: 100%;
    display: table;
	/*background-color: rgba(0, 0, 0, 0.22);*/
}
#slideshow .items h2
{
	color: white;
    font-size: 63px;
    text-transform:uppercase;
    letter-spacing: 1px;
    max-width: 1004px;
    line-height: 65px;
    padding-bottom: 10px;
    margin: auto;
	font-weight:normal;	
}
#slideshow .items h3
{	
	color:white;
	text-transform:uppercase;	
	font-size: 30px;
    font-weight: 100;
    text-transform: initial;
    letter-spacing: .5px;
	margin: auto;
	width: 1200px;
}
#slideshow .items hr
{
	width: 450px;
    margin: 0px auto 15px auto;
    background-color: white;
    height: 2px;
    border: none;
	display:none;
}
#slideshow .items p
{
	color:white;
	font-size:14px;
	margin:auto;
	line-height:21px;
	max-width:550px;
}
#slidearrow
{ 
	display:none;
    position: absolute;
    bottom: 6%;
    z-index: 6999;
    color: white;
    left: calc(50% - 13px);
    font-size: 50px;

}
.b11kbttwhitetrans
{
	margin:0px auto 20px auto;
}

#slideshow
{
	z-index:1;
}

#slideshow, #slideshow li
{		
	width:100%;
	height:100%;
	text-align:center;
	  background-attachment: fixed;
	background-position:center center;
	/*background-size:cover;*/
}


#slideshow li img
{		
	width:100%;
	height:auto;
	margin:0px auto;	
}

#slideshow li img.lockedimage
{
	max-width:1200px;
    cursor:pointer;
}
#slidearrow a i
{
animation: MoveUpDown 1s linear infinite;
    font-weight: 100 !important;

}
@keyframes MoveUpDown {
  0%, 100% {
    margin-bottom: 0px;
  }
  50% {
    margin-bottom: 10px;
  }
}
#slidebuttons
{
	position:absolute;
	width:1308px;
	height:105px;
	z-index:1000;
	display:block;
	top:200px;
	left:calc(50% - 654px);
}

#slidebuttons a
{
	width:9px;
	height:19px;
	display:block;
	float:left;
}

#cycle-pager
{
	display:table;
	margin:0px auto;
	margin-top:-70px;
	position:relative;
	z-index:8000;
}

#cycle-pager span
{
	font-size:4.0em;
	color:rgba(255,255,255, 0.6);
	padding:0px 1px;
}

#cycle-pager span.cycle-pager-active
{
	color:#f39200;
}

#slidebanner
{
	width:100%;
	background:white;
}

#slidebanner a
{
	width:96%;
	max-width:1200px;
	display:block;
	margin:0px auto;
}

#slidebanner a img
{
	width:100%;
}

@media screen and (max-width:1900px) {
	#slideshow li{
		background-size: cover;
	}
}

@media screen and (max-width:1308px) 
{

	#slidebuttons 
	{
		width:100%;
		left:0px;
	}
}

@media screen and (max-width:1200px) 
{		
	#slideshowbox
	{
		height:auto;
		min-height:1px;
	}

	#slideshow li img
	{
		min-width:1px;
	}
		
	#slideshowbox div.wrapper 
	{
		width:100%;
		margin-left:0px;
	}

	#slideshowbox div.fixedwidth
	{
		margin-left:0px;
		margin-top:-30px;
	}	

	#slideshow .items h2
	{
		font-size: 37px;
	    line-height: 40px;
		width:80%;
		margin:auto;		
	}

	#slideshow .items h3
	{
		/*font-size: 12px;*/
		width: 60%;
	}
}

@media screen and (max-width:990px)
{
	#slideshowbox div.pushtext
	{
		height:240px;
	}

	#slidebuttons
	{
		top:100px !important;
	}
}

@media screen and (min-width:1200px){
	
}

@media screen and (min-width:801px) and (max-width:1199px) {
	
}

@media screen and (min-width:731px) and (max-width:800px)
{
	
}

@media screen and (min-width:730px)
{
	#holdingslidebox
	{
		display:none;
	}

	#slideshowbox:hover #pager
	{
		display:block;
	}

	#prev
	{
		left:0px;
	}

	#next
	{
		right:0px;
	}			
}

@media screen and (max-width:729px) 
{		
	#holdingslidebox
	{
		display:none;
		width:100%;
		height:auto;
		overflow:hidden;
	}

	#holdingslidebox img 
	{
		width:100%;
	}

	/*#slideshowbox
	{
		display:none;
	}*/
	
	#slideshowbox div.wrapper, #pager, #prev, #next, #slideshowbox div.slidetext
    {
		display:none;
	}

	#slideshow li img {
		width:100%;
	}		
}

@media screen and (max-width:600px){
	#slideshow .items h3 {
		width: auto;
	}

	#slideshow 
	{
		max-height: unset;
		height: 100%;
	}

	#slideshow, #slideshow li
	{
		background-attachment: unset;
	}

}


@media screen and (max-width:440px) 
{
	
}

@media screen and (max-width:320px) 
{	
	#slideshow .items
	{
		width:90%;
		padding:0 10%;
	}	
}