html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}



/* !CSS RESET */
/* prefix declarations */
/* THEME STYLES */
#sequence-theme {
  color: white;
  font-size: 0.625em;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 360px;
  max-width: 960px;
  -webkit-backface-visibility: hidden;
  /* prevent graphical glitches in WebKit browsers when using transitions */
}
#sequence-theme #sequence {
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  max-width: 1280px;
  width: 100%;
  background-color: #D9D9D9;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

#sequence-theme #sequence-preloader {
  background: #d9d9d9;
}

#sequence-theme #sequence li {
  height: 100%;
  position: absolute;
  top: -50%;
  width: 100%;
}
#sequence-theme #sequence li > * {
  position: absolute;
}
#sequence-theme #sequence li img {
  height: 96%;
}

#sequence-theme .title {

  left: -600px;
  opacity: 0;
  bottom: 1%;
  z-index: 50;
  
	color: #fff;
	background: #01425e;
	padding: 0px 7px;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -1px;
	text-transform: uppercase;	
	
	display: inline-block;
	margin: 0 0 0 0;
	font-weight: normal;
	
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;

}
#sequence-theme .animate-in .title {
  left: 35px;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .animate-out .title {
  left: 35%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .subtitle {
	left: -600px;
	opacity: 0;
	top: 101%;
	  
	color: #006c90;
	background: #ffffff;
	padding: 4px 6px;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0px;
	text-transform: uppercase;
		
	display: inline-block;	
	margin: 0 0 24px 0;
	font-weight: normal;
	z-index: 9999;
  font-family: 'Open Sans', sans-serif;
}

#sequence-theme .animate-in .subtitle {
  left: 35px;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .animate-out .subtitle {
  left: 65%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence-theme .model {
  left: 110%;
  bottom: -50%;
  opacity: 0;
  position: relative;
  height: 360px !important;
  max-height: 360px !important;
  width: 960px;
  min-width: 960px;
  /*prevents the model from shrinking when the browser is resized*/
  max-width: 960px;
}
#sequence-theme .animate-in .model {
  left: 0%;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence-theme .animate-out .model {
  left: 110%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}