#bannerbg {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height:600px;
    z-index:-1;
}

#arrowleft, #arrowright {
    position:absolute;
    top:50%;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    cursor:pointer;
    z-index:100;
}

#arrowleft i, #arrowright i {
    color:#fff;
    font-size:60px;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    transition:color 0.5s ease;
    -webkit-transition:color 0.5s ease;
    -moz-transition:color 0.5s ease;
    -ms-transition:color 0.5s ease;
    -o-transition:color 0.5s ease;
}

#arrowleft i:hover, #arrowright i:hover {
    color:#f49600;
}

#arrowleft {
    left:10px;
}

#arrowleft i {
    padding:10px 20px 10px 17px;
}

#arrowright {
    right:10px;
}

#arrowright i {
    padding:10px 17px 10px 20px;
}

/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1.5s ease-in-out; 
	-moz-transition: opacity 1.5s ease-in-out; 
	-o-transition: opacity 1.5s ease-in-out; 
	transition: opacity 1.5s ease-in-out;
	
/*	If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}