/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
#navi {
height: 50px;
margin-top: 50px;
}
#menu {
height:70px;
margin: 0 auto;
padding: 0;
}
#content {
width: 750px;
margin: 0 auto;
margin-bottom: 25px;
padding: 30px 0;
text-align: left;
}
ul {
padding: 0;
margin:0px;
}
ul li {
list-style-type: none;
/*margin-right: 15px;*/
}
ul li a {
color: #fff;
text-decoration: none;
/*text-shadow: 1px 1px 1px #000;
padding: 3px 7px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transition-property: color, background;
-webkit-transition-duration: 0.5s, 0.5s;*/
}
/*ul li a:hover {
background: #01458e;
color: #ff0;
-webkit-transition-property: color, background;
-webkit-transition-duration: 0.5s, 0.5s;
}*/
.default {
height: 80px;
}
.fixed {
position: fixed;
background:#FFF;
top: -5px;
left: 0;
width: 100%;
box-shadow: 0 0 40px #555;
-webkit-box-shadow: 0 0 20px #555;
-moz-box-shadow: 0 0 20px #555;
}
.fixed .search{ display:none;}
.fixed .logo{ display:none;}

#sequence-theme {
  color: white;
  font-size: 0.625em;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 450px;
  max-width:100%
  -webkit-backface-visibility: hidden;
}
@media (min-width: 1201px) {
  #sequence-theme {
    height: 495px;
  }
}
@media (max-width: 1200px) {
  #sequence-theme {
    height: 495px;
  }
}
#sequence-theme #sequence {
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  max-width:100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
#sequence-theme #sequence ul {
  margin: 0;
}
#sequence-theme .next,
#sequence-theme .prev {
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  padding: 10px 15px;
  position: absolute;
  top: 55%;
  z-index: 1000;
  height: 50px;
  margin-top: -47.5px;
}
@media (max-width: 980px) {
  #sequence-theme .next,
  #sequence-theme .prev {
    height: 30px;
  }
}
#sequence-theme .pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
}
#sequence-theme .paused {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity = 30);
  opacity: 0.3;
}
#sequence-theme .prev {
  left: 3%;
}
@media (max-width: 980px) {
  #sequence-theme .prev {
    left: 1%;
  }
}
#sequence-theme .next {
  right: 3%;
}
@media (max-width: 980px) {
  #sequence-theme .next {
    right: 1%;
  }
}
#sequence-theme .prev img,
#sequence-theme .next img {
  height: 100%;
  width: auto;
}
#sequence-theme #sequence-preloader {
  background: #e4e4e4;
}
#sequence-theme .nav {
  bottom: -22%;
  display: none;
  right: 40%;
  position: absolute;
  z-index: 200;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .nav li {
  display: inline-block;
  height: 140px;
}
#sequence-theme .nav li {
  *display: inline;
  /* Hack for IE7 and below as they don't support inline-block */
}
#sequence-theme .nav li img {
  cursor: pointer;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity = 50);
  opacity: 0.5;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .nav li img.active {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity = 100);
  opacity: 1;
}
#sequence-theme #sequence li {
  height: 100%;
  position: absolute;
  top: -49%;
  width: 100%;
}
#sequence-theme #sequence li > * {
  position: absolute;
}
#sequence-theme .next,
#sequence-theme .prev {
  position: absolute;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity = 60);
  opacity: 0.6;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .next:hover,
#sequence-theme .prev:hover {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity = 100);
  opacity: 1;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
/* MAIN TITLES ********************************************************************************************************/
#sequence-theme .title {
  color: #ffffff;
  font-size: 24px;
  line-height: 24px;
  right: 0%;
  width: 70%;
  bottom: -40%;
  z-index: 100;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
}
#sequence-theme .title{
  background: none repeat scroll 0 0 rgba(9, 58, 87, 0.5);
  padding:40px 20px 20px 20px;
  color: #bbef07;
  width:500px;
  font-size:60px;
  font-family:'quarkbold';
}
#sequence-theme .title span {
  background-color: #3156a3;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
}
#sequence-theme .animate-in .title {
  right: 15%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity = 100);
  opacity: 1;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .animate-out .title {
  right: 100%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .subtitle {
 color: #fff;
  font-size:30px;
  padding-top:15px;
  font-family:'quarkbold';
  right: 0%;
  line-height:35px;
/*  width: 70%;
*/ 
word-wrap:break-word;
  z-index: 100;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
}
@media (max-width: 767px) {
  #sequence-theme .subtitle {
    text-indent: -9999px;
  }
}
#sequence-theme .subtitle span {
  background-color: #42b3e5;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
}
#sequence-theme .animate-in .subtitle {
  right: 15%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity = 100);
  opacity: 1;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .animate-out .subtitle {
  right: 100%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
/* IMAGE **************************************************************************************************************/
#sequence-theme .img-bg {
  bottom: -50%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
}
#sequence-theme .animate-in .img-bg {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity = 100);
  opacity: 1;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -ms-transition-delay: 1s;
  transition-delay: 1s;
}
#sequence-theme .animate-out .img-bg {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 0s, 2s;
  -webkit-transition-delay: 2s, 0s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 0s, 2s;
  -moz-transition-delay: 2s, 0s;
  -ms-transition-property: opacity, -ms-transform;
  -ms-transition-duration: 0s, 2s;
  -ms-transition-delay: 2s, 0s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 0s, 2s;
  -o-transition-delay: 2s, 0s;
  transition-property: opacity, transform;
  transition-duration: 0s, 2s;
  transition-delay: 2s, 0s;
}
#sequence-theme #sequence li:nth-child(1) .img-bg {
  -webkit-transform-origin: 30% 40%;
  -moz-transform-origin: 30% 40%;
  -ms-transform-origin: 30% 40%;
  -o-transform-origin: 30% 40%;
  transform-origin: 30% 40%;
}
#sequence-theme #sequence li:nth-child(2) .img-bg {
  -webkit-transform-origin: 60% 50%;
  -moz-transform-origin: 60% 50%;
  -ms-transform-origin: 60% 50%;
  -o-transform-origin: 60% 50%;
  transform-origin: 60% 50%;
}
#sequence-theme #sequence li:nth-child(3) .img-bg {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#sequence-theme .caption{
  color: #bbef07;
  width:500px;
  font-size:60px;
}
