/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body {
height: 100%;
margin: 0;
padding: 0;
}
.slider {
height: 100%;
overflow: hidden;
}
.slider ul {
position: relative;
top: 0;
height: 100%;
margin: 0;
padding: 0;
}
.slider ul li {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
li img {
position: absolute;
width: 100%;
height: auto;
top: 50%;
-webkit-transform: translateY(-50%);
}
.slider-nav {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9000;
}
.up, .down {
position: relative;
left: 0;
display: inline-block;
height: 50%;
width: 100%;
z-index: 9000;
}
.up {
top: 0;
cursor: url(../img/arrow-up.png), auto;
}
.down {
bottom: 0;
cursor: url(../img/arrow-down.png), auto;
}
.pagination {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 9999;
}
.pagination a {
display: inline-block;
margin-left: 10px;
}
.pagination a:first-child {
margin-left: 0;
}
.slider-thumbnail {
width: 100px;
height: 100px;
}
.active {
border: 1px solid white;
}












/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
}
 @media print,  (-o-min-device-pixel-ratio: 5/4),  (-webkit-min-device-pixel-ratio: 1.25),  (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
background-color: transparent;
border: 0;
overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,  a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
content: "";
}
pre,  blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,  img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p,  h2,  h3 {
orphans: 3;
widows: 3;
}
h2,  h3 {
page-break-after: avoid;
}
}