﻿/* Demo CSS - You do not need this css in your own slider */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?arcmdz');
	src:url('fonts/icomoon.eot?#iefixarcmdz') format('embedded-opentype'),
		url('fonts/icomoon.woff?arcmdz') format('woff'),
		url('fonts/icomoon.ttf?arcmdz') format('truetype'),
		url('fonts/icomoon.svg?arcmdz#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}



#container{
	width:200px;
	height: 250px;
	float: left;
}

ul.bjqs-controls {
  	display: block;
  	margin-left: auto;
 	margin-right: auto;
	width: 46px;
	position: relative;
	bottom: 30px;
}
ul.bjqs-controls:before {
	position: absolute;
	color: white;
	right: 50px;
	top: -6px;
	content: "..............";
}
ul.bjqs-controls:after {
	position: absolute;
	color: white;
	left: 50px;
	top: -6px;
	content: "..............";
}
ul.bjqs-controls li a{
  text-decoration: none;
  float:left;
  font-size:11px;
  text-align: center;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

	float: left;
	width:10px;
	height: 10px;
	border-radius: 100%;
	display:block;
	padding:5px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls li:first-child a {
	margin-right: 6px;
		-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}
ul.bjqs-controls li:last-child a:before {
	content: "\e60e";
}

ul.bjqs-controls li:first-child a:before {
	content: "\e60e";
}

ul.bjqs-controls li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	color: white;
	padding: 16px !important;
	bottom: 11% !important ;

}
#container2{
	width:200px;
	height: 200px;
	float: left;
		background-color: #876d7f;
}