/*@import "http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"; */

.slider-item {
	/* background-color: grey;  */
	color: #5C6366; 
};

ol,
ul { list-style: none; }

q,
blockquote { quotes: none; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

/**
 * Base slidizle styling :
 */

.slidizle {
	  position: relative;
	  overflow: hidden;
}

/* line 8, ../sass/_slidizle.scss */

.slidizle-content {
	  /* position: absolute;
	  top: 0;
	  left: 0; */
	  width: 100%;
	  height: 100%;
}

.slidizle-slide {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-size: cover;
	  background-position: 50% 50%;
	  display: none;
}

.slidizle-slide.active { display: block; }

/*format of the unordered list (parent element) */
.slidizle-navigation {     
	  position: absolute;
	  top: 520px; 
	  /* bottom: 20px; */   
	  left: 0; 
	  width: 100%;
	  text-align: center;
	  z-index: 10;
}

/* list item  */
/*.slidizle-navigation li { */   
.slidizle-navigation .slider-navigation-item {
	  display: inline-block;
	  /* width: 10px; */
	  min-width: 20px; 
	  height: 30px;
	  /* -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px; */
	  /*background: white; */
	  opacity: .5;
	  /*font-size: 1px;
	  text-indent: -99999px; */ 
	  margin: 0 2px; 
	  cursor: pointer;
	  -moz-transition: opacity 0.2s ease-in-out 0s;
	  -o-transition: opacity 0.2s ease-in-out 0s;
	  -webkit-transition: opacity 0.2s ease-in-out;
	  -webkit-transition-delay: 0s;
	  transition: opacity 0.2s ease-in-out 0s;
	  /* border: 1px solid #999999; */
} 

/* automatically generated navigation */
.slidizle-navigation li {
	  display: inline-block;
	  width: 10px;
	  height: 10px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border: 1px solid #b3b3b3;
	  border-radius: 5px;
	  background: white;
	  opacity: 1;
	  font-size: 1px;
	  margin: 0 2px;
	  text-indent: -99999px;
	  cursor: pointer;
	  -moz-transition: opacity 0.2s ease-in-out 0s;
	  -o-transition: opacity 0.2s ease-in-out 0s;
	  -webkit-transition: opacity 0.2s ease-in-out;
	  -webkit-transition-delay: 0s;
	  transition: opacity 0.2s ease-in-out 0s;
}
.slidizle-navigation li:hover,
.slidizle-navigation li.active { 
	  opacity: 1; 
	  background: #e5e5e5; 
}

/* Custom navigation : */
/*.slidizle-navigation .slider-navigation-item {
  width: auto;
  min-width: 20px;
  height: 30px;  */
  /* background-size: cover;      cover, contain, auto  */
  /* https://www.html-seminar.de/bilder-bei-responsive-design.htm */
  /* https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-size */
  /*background-size: auto 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;  /*defines upper left corner background-image   
  border: 1px solid #999999;
} */

.thumbnImg {max-height: 30px;}
.imgIndexPage {max-height: 320px;}
.subTitle {padding-top: 5px;}


/* line 50, ../sass/_slidizle.scss */
.slidizle-next,
.slidizle-previous {
	  color: #999999;
	  font-size: 30px;
	  position: absolute;
	  top: 50%;
	  z-index: 30;
	  -moz-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  cursor: pointer;
	  opacity: 1;
	  -moz-transition: opacity 0.2s ease-in-out 0s;
	  -o-transition: opacity 0.2s ease-in-out 0s;
	  -webkit-transition: opacity 0.2s ease-in-out;
	  -webkit-transition-delay: 0s;
	  transition: opacity 0.2s ease-in-out 0s;
}

/* line 62, ../sass/_slidizle.scss */

.slidizle-next.disabled,
 .slidizle-previous.disabled {
  opacity: .2;
  cursor: default;
}

/* line 67, ../sass/_slidizle.scss */
.slidizle-next { right: 30px; }

/* line 70, ../sass/_slidizle.scss */
.slidizle-previous { left: 30px; }

/* line 74, ../sass/_slidizle.scss */
.slidizle-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333333 url("../img/loader.gif") no-repeat 50% 82%;
  opacity: 0;
  pointer-events: none;
  -moz-transition: opacity 0.2s ease-in-out 0s;
  -o-transition: opacity 0.2s ease-in-out 0s;
  -webkit-transition: opacity 0.2s ease-in-out;
  -webkit-transition-delay: 0s;
  transition: opacity 0.2s ease-in-out 0s;
}

/* line 83, ../sass/_slidizle.scss */

.loading .slidizle-loading {
  opacity: .8;
  pointer-events: auto;
}

/* line 6, ../sass/style.scss */

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 13, ../sass/style.scss */

.header {
  height: 400px;
  background: url("http://www.w8themes.com/wp-content/uploads/2013/11/Beautiful-Landscapes-Wallpapers.jpg") no-repeat 50% 50%;
  background-size: cover;
  text-align: center;
  color: white;
  padding-top: 150px;
}

.sample {
  /* position: relative; */
  width: 100%;
  height: 100%; /* height: 0; */
  /*padding-bottom: 56%;*/ 
  text-align: center;
  padding-left: 20px;
  margin-bottom: 0px;
}


/**
 * Animated slider
 */
/* line 79, ../sass/style.scss */

.slider--animated .slidizle-content > .active ~ .slidizle-slide {
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

/* line 84, ../sass/style.scss */

.slider--animated .slidizle-slide {
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-transition: -moz-transform 0.5s ease-in-out 0s;
  -o-transition: -o-transform 0.5s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -webkit-transition-delay: 0s;
  transition: transform 0.5s ease-in-out 0s;
  display: block !important;
}

/* line 89, ../sass/style.scss */

.slider--animated .slidizle-slide.active {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  z-index: 2;
}