@font-face {
	font-family: QuadonBlack;
	src: url("./../fonts/Quadon_BlackLight.otf") format("opentype");
}

@font-face {
	font-family: QuadonBlack;
	font-style: italic;
	src: url("./../fonts/Quadon_LightItalic.otf") format("opentype");
}

@font-face {
	font-family: QuadonBlack;
	font-weight: bold;
	src: url("./../fonts/Quadon_Medium.otf") format("opentype");
}

body {
	font-family: QuadonBlack, 'Open Sans', sans-serif !important;
	font-size: 1.8em !important;
	/*line-height: 2em !important;*/
}

/* RESET */
.jumbotron.no-padding {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  text-align: justify;
}

body {
	background-image:url('../img/detailbg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-color: rgb(0,0,0);
}

.jumbotron {
	background-color: transparent;
}

.content {
  /*max-width: 1000px;*/
  margin: auto;
}

.center {
  text-align: center;
  position: relative;
  height: 100%;
}

div[id^="slide_"] h3 {
  margin: 0px;
}

.logo {
	position: absolute;
	left: 10%;
	top: 40px;
	/*z-index: 10000;*/
}

.menu {
	position: absolute;
	right: 10%;
	top: 35px;
	/*z-index: 10000;*/
	color: rgb(255,255,255);
	font-size: 20px;
	line-height: 25px;
	cursor: pointer;
	font-style: italic;
}

.eshop_icon {
	position: absolute;
	right: 10%;
	top: 30px;
	/*z-index: 10000;*/
	cursor: pointer;
	margin-right: 150px;
}

.menu span {
	padding-left: 10px;
}

.rightmenu {
	width: 400px;
	max-width: 50%;
	height: 100%;
	overflow: auto;
	display: none;
	position: fixed;
	top:0px;
	right: 0px;
	background-color: rgb(255,255,255);
}

.rightmenu .myclose{
	margin: 15% auto;
	display: block;
	width: 30px;
	height: 30px;
	background-image: url('./../img/closemenu.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

.rightmenu .item{
	margin: 3% 10%;
	display: block;
	width: 80%;
	color: rgb(10,10,10);
	text-decoration: none;
	font-weight: normal;
}

.rightmenu .item:hover{
	color: rgb(219,0,30);
}

h1 {
	margin-left: 10%;
	color: rgb(255,255,255);
	font-size: 2.5em;
	margin-top: 150px;
	margin-bottom: 80px;
	max-width: 650px;
}

.timeline{
	margin-bottom: 80px;
}

.timeline .text_content{
	width: 100%;
	height: 100%;
	color: white;
	margin-bottom: 15px;
	margin-top: 15px;
}

.timeline a {
	cursor: url('../img/zoom-in.png'), auto;
	display: block;
	overflow: hidden;
	position: relative;
	background-color: rgb(255,255,255);
}

.timeline a img {
	cursor: url('../img/zoom-in.png'), auto;
}

.timeline a img:hover {
	cursor: url('../img/zoom-in.png'), auto;
	opacity: 0.7;
}

.timeline-1 a img, .timeline-3 a img, .timeline-5 a img, .timeline-6 a img {
	position: absolute;
	top: -40%;
	left: 0%;
}

.timeline-6 a img {
	top: -0%;
}

.back {
	width: 100%;
	text-align: center;
	margin: 20px 0px;
}

.back a {
	color: rgb(255, 255, 255);
	font-style: italic;
}

@media (min-width: 992px) {
	.col-md-offset-1 {
		margin-left: 10%;
	}
}

@media (min-width: 768px) {
	.col-sm-offset-1 {
		margin-left: 10%;
	}
}

#cboxTitle {
	 text-align:left !important;
	 width:100% !important;
	 margin-bottom:24px !important;
	 padding:5px !important;
	 padding-bottom: 15px !important;
	 background-color:rgb(255,255,255) !important;
	color: rgb(0,0,0) !important;
	font-size: 0.8em;
 }

#cboxCurrent {
	 left: 80px;
	font-size: 0.8em;
 }

#cboxNext {
	 left: 35px;
 }