@font-face {
	font-family: 'entypo';
	src:url('../fonts/controls/entypo.eot');
	src:url('../fonts/controls/entypo.eot?#iefix') format('embedded-opentype'),
		url('../fonts/controls/entypo.woff') format('woff'),
		url('../fonts/controls/entypo.ttf') format('truetype'),
		url('../fonts/controls/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}

.cbp-bislideshow {
	display: block;
	margin: 0;
	list-style: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	padding: 0;
	margin: 0;
}
.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -0.5%;
	left: -0.5%;
	opacity: 0;
	-webkit-transition: opacity .7s;
	-moz-transition: opacity .7s;
	transition: opacity .7s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: absolute;
	width: 94%;
	height: 40px;
	top: calc(50% - 30px);
	left: 3%;
	z-index: 10;
}

.cbp-bicontrols span {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	position: relative;
	font-size: 40px;
	cursor: pointer;
}
.cbp-bicontrols span i {
	cursor: pointer;
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}