body {
  padding-top: 60px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.wrapper-head {
  width:100%;
  height:60px;
  border:0px solid red; 
  background-color:white
}


#intro { 
background: url("../images/firstBG_768.jpg") 50% 0px no-repeat fixed transparent;
color: white;
height: auto;
margin: 0px auto;
padding:400px 0 0 0;
}
#second { 
background: url("../images/secondBG_768.jpg") 50% 0px no-repeat fixed transparent;
color: white;
height: auto;
margin: 0px auto;
padding:400px 0 0 0;
}
#second #inner {
background-color:red;
}

#third { 
background: url("../images/thirdBG_768.jpg") 50% 0px no-repeat fixed transparent;
color: white;
height: auto;
padding:400px 0 0 0;
}

#fifth { 
background: url("../images/firstBG_768.jpg") 50% 0px no-repeat fixed transparent;
color: white;
height: auto;
padding:400px 0 0 0;
}

/* item slider theme */
  .item1 {
  background: url("../images/background1_768.jpg") 50% 60px no-repeat fixed transparent;
  }
  .item2 {
  background: url("../images/background2_768.jpg") 50% 60px no-repeat fixed transparent;
  }
  .item3 {
  background: url("../images/background3_768.jpg") 50% 60px no-repeat fixed transparent;
  }

.container_topic {
  border:0px solid green; 
  width:100%; 
  height:auto;
  overflow:none;
  background-color:white;
  padding:10px 20px 0px 20px;
}

.story { 
margin: 0px auto;
overflow: auto;
width: 100%;
height:400px;
background-color:red;
}
.scroller-arrow {
background-image: url("../images/arrow-big.png");
cursor: pointer;
display: block;
height: 60px;
margin: 0px auto;
position: relative;
width: 60px;
}
.scroller-arrow-half { 
background-image: url("../images/arrow-half.png");
height: 33px;
width: 72px;
}

.scrollToTop img { border:0; }

.centered-text { width:100%; text-align:center; margin:0 20px 0 20px; }
.centered-text img { display:block; margin-left:auto; margin-right:auto; }


/* max-width > 768 media queries */

@media (min-width: 768px) {
  #intro { 
  background: url("../images/firstBG.jpg") 50% 0px no-repeat fixed transparent;

  }
  #second { 
  background: url("../images/secondBG.jpg") 50% 0px no-repeat fixed transparent;

  }
  #second #inner {
  background-color:red;
  }
  #third { 
  background: url("../images/thirdBG.jpg") 50% 0px no-repeat fixed transparent;

  }
  
  .item1 {
  background: url("../images/background1.jpg") 50% 60px no-repeat fixed transparent;
  
  }
  .item2 {
  background: url("../images/background2.jpg") 50% 60px no-repeat fixed transparent;
    background-position:100% 80px;
  }
  .item3 {
  background: url("../images/background3.jpg") 50% 60px no-repeat fixed transparent;
   background-position:0 80px;
  }
  
}




/* UNSLIDE.js */
.banner {

  border:0px solid red;
	position: relative;
	width: 100%;
	overflow: auto;
	
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	
	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
		margin:0;
		padding:0;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		padding: 20px 0 40px;		
		min-height: 350px;
		height:350px;
		
/*		-webkit-background-size: 100% 100%;*/
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/
		
		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}
	
	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;
		
		color: #fff;
	}
	
	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		
		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
		
	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		top: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
			
			
.language { position:absolute; top:0px; right:20px; }
.langsel { text-decoration:underline; }