/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width:990px;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	left:0;
	margin-right:0;
	top: 450px;
	width: 990px;
	z-index:9999;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 990px;;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper.custom-pager {
	left: 0;
	position: absolute;
	top:635px;
	 background:url(../img/border_head.png) 0 bottom repeat-x;
	
}

.bx-wrapper .bx-pager {
	text-align: left;
	font-size:11px;
	font-weight: 300;
	color: #000;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
/*Pager Einbau*/
#bx-pager a { position:relative; width:140px; padding-left:25px; height:55px; background-color:transparent; display:block; font-size:12px; float:left; background:transparent url(../img/bg_pager.png) 0 0 no-repeat; text-decoration:none; color:#5d6163; text-transform:uppercase;}


#bx-pager a.active, #bx-pager a:hover { background:transparent url(../img/bg_pager.png) 0 -5px no-repeat; color:#000 !important;}
#bx-pager p{margin:5px 0 0 0;}
/*.bx-pager-item span.slide1, .bx-pager-item p.slide1{left:-720px; background:transparent url(../img/bg-procure.png) 0 -115px no-repeat}
.bx-pager-item span.slide2, .bx-pager-item p.slide2 {left:-490px; background:transparent url(../img/bg-sales.png) 0 -115px no-repeat}
.bx-pager-item span.slide3, .bx-pager-item p.slide3 {left:-260px; background:transparent url(../img/bg-connect.png) 0 -115px no-repeat}
.bx-pager-item span.slide4, .bx-pager-item p.slide4 {left:-30px; background:transparent url(../img/bg-catalog.png) 0 -115px no-repeat}
.bx-pager-item span.slide1:hover, .bx-pager-item a.active span.slide1, .bx-pager-item p.slide1:hover { background-position:0 0;}
.bx-pager-item span.slide2:hover, .bx-pager-item a.active span.slide2, .bx-pager-item p.slide2:hover { background-position:0 0;}
.bx-pager-item span.slide3:hover, .bx-pager-item a.active span.slide3, .bx-pager-item p.slide3:hover { background-position:0 0;}
.bx-pager-item span.slide4:hover, .bx-pager-item a.active span.slide4, .bx-pager-item p.slide4:hover { background-position:0 0;}
.bx-pager-item p.slide1 {position:absolute; left:-720px; top:45px; width:220px; height:120px; background-color:none; display:block; cursor:pointer; margin:0; padding:0 0 0 10px;}
.bx-pager-item p.slide2 {position:absolute; left:-490px; top:45px; width:220px; height:120px; background-color:none; display:block; cursor:pointer; margin:0; padding:0 0 0 10px;}
.bx-pager-item p.slide3 {position:absolute; left:-260px; top:45px; width:220px; height:120px; background-color:none; display:block; cursor:pointer; margin:0; padding:0 0 0 10px; }
.bx-pager-item p.slide4 {position:absolute; left:-30px; top:45px; width:220px; height:120px; background-color:none; display:block; cursor:pointer; margin:0; padding:0 0 0 10px;}
.bx-pager-item p strong {position:relative; margin:35px 0 20px 60px; font-size:16px; font-weight:500; display:block;}
.bx-pager-item p strong em {font-style:normal;}
*/

.bx-wrapper .bx-pager.bx-default-pager a {
	background-image: url(../img/pager-bullet.png);
	background-position: left top;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a.purple {
	background-image: url(../img/pager-bullet-purple.png);
}
.bx-wrapper .bx-pager.bx-default-pager a.orange {
	background-image: url(../img/pager-bullet-orange.png);
}
.bx-wrapper .bx-pager.bx-default-pager a.green {
	background-image: url(../img/pager-bullet-green.png);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: left bottom;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -25px;
	background: url(../img/slider-left.png) no-repeat 0 -77px;
}

.bx-wrapper .bx-next {
	right: -25px;
	background: url(../img/slider-right.png) no-repeat 0 -77px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 40%;
	margin-top: -16px;
	outline: 0;
	width: 77px;
	height: 77px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 43px;
	left: 0;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0.7) 85%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(255,255,255,0.7)), color-stop(85%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 15%,rgba(255,255,255,0.7) 85%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 15%,rgba(255,255,255,0.7) 85%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 15%,rgba(255,255,255,0.7) 85%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 15%,rgba(255,255,255,0.7) 85%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
	width: 990px;
	padding: 0 0 5px;
}

.bx-wrapper .bx-caption span {
	color: #000;
	font-family: 'Roboto Condensed';
	font-weight:400;
	display: block;
	font-size: 1.85em;
	padding: 0;
	text-align:center;
}
/*########################################################               RESPONSIVE VIEW               ###############################################################


@media only screen 

and (max-width : 900px){

.bx-pager-item span { position:absolute; top:45px; width:190px; height:115px; background-color:transparent; display:block; cursor:pointer;}
.bx-pager-item span.slide1, .bx-pager-item p.slide1{left:-605px; background:transparent url(../img/bg-procure.png) 0 -115px no-repeat}
.bx-pager-item span.slide2, .bx-pager-item p.slide2 {left:-415px; background:transparent url(../img/bg-sales.png) 0 -115px no-repeat}
.bx-pager-item span.slide3, .bx-pager-item p.slide3 {left:-225px; background:transparent url(../img/bg-connect.png) 0 -115px no-repeat}
.bx-pager-item span.slide4, .bx-pager-item p.slide4 {left:-35px; background:transparent url(../img/bg-catalog.png) 0 -115px no-repeat}
.bx-pager-item span.slide1:hover, .bx-pager-item a.active span.slide1, .bx-pager-item p.slide1:hover { background-position:0 0;}
.bx-pager-item span.slide2:hover, .bx-pager-item a.active span.slide2, .bx-pager-item p.slide2:hover { background-position:0 0;}
.bx-pager-item span.slide3:hover, .bx-pager-item a.active span.slide3, .bx-pager-item p.slide3:hover { background-position:0 0;}
.bx-pager-item span.slide4:hover, .bx-pager-item a.active span.slide4, .bx-pager-item p.slide4:hover { background-position:0 0;}
.bx-pager-item p.slide1 {position:absolute; left:-605px; top:45px; width:117px; height:120px; background-color:none; display:block; cursor:pointer; margin:0; padding:0 3px 0 70px;}
.bx-pager-item p.slide2 {position:absolute; left:-415px; top:45px; width:117px; height:120px; background-color:none; display:block; cursor:pointer; margin:0; padding:0 3px 0 70px;}
.bx-pager-item p.slide3 {position:absolute; left:-225px; top:45px; width:117px; height:120px; background-color:none; display:block; cursor:pointer; margin:0; padding:0 3px 0 70px; }
.bx-pager-item p.slide4 {position:absolute; left:-35px; top:45px; width:117px; height:120px; background-color:none; display:block; cursor:pointer; margin:0; padding:0 3px 0 70px;}
.bx-pager-item p strong {position:relative; margin:10px 0 3px 0; font-size:16px; font-weight:500; display:block;}

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {top: 271px; margin-right:-350px;}
.slider-bar{ top:458px;} 
}

@media only screen 

and (max-width : 730px){
.slider-bar{ top:500px; height:88px; overflow:hidden;} 
.bx-pager-item span {height:100px; width:25%; overflow:hidden; }
.bx-pager-item p.slide1, .bx-pager-item p.slide2, .bx-pager-item p.slide3, .bx-pager-item p.slide4{display:none}
.bx-pager-item span.slide1 {left:0; background:transparent url(../img/bg-procure.png) 0 -115px no-repeat;}
.bx-pager-item span.slide2 {left:25%; background:transparent url(../img/bg-sales.png) 0 -115px no-repeat}
.bx-pager-item span.slide3 {left:50%; background:transparent url(../img/bg-connect.png) 0 -115px no-repeat}
.bx-pager-item span.slide4 {left:75%; background:transparent url(../img/bg-catalog.png) 0 -115px no-repeat;}

.bx-wrapper .bx-pager {top: 313px; width:100%; text-align:center; margin-right:0; left:0}
.bx-wrapper.custom-pager {left:0; width:100%;}

.bx-pager-item p.slide1 {position:absolute; left:0; top:45px; width:25%; height:38px; background-color:none; display:block; cursor:pointer; margin:0; padding:62px 0 0 0; font-size:0px;}
.bx-pager-item p.slide2 {position:absolute; left:25%; top:45px; width:25%; height:38px; background-color:none; display:block; cursor:pointer; margin:0; padding:62px 0 0 0; font-size:0px;}
.bx-pager-item p.slide3 {position:absolute; left:50%; top:45px; width:25%; height:38px; background-color:none; display:block; cursor:pointer; margin:0; padding:62px 0 0 0; font-size:0px; }
.bx-pager-item p.slide4 {position:absolute; left:75%; top:45px; width:25%; height:38px; background-color:none; display:block; cursor:pointer; margin:0; padding:62px 0 0 0; font-size:0px;}
.bx-pager-item p strong {position:relative; margin:10px 0 3px 0; font-size:12px; font-weight:500; display:block;}
}

@media only screen 

and (max-width : 350px){

 
}
*/