html,button,input,select,textarea {color: #222;}
body {font-size: 1em;line-height: 1.0;width: 100%;height: 100%;min-height: 100%;}

::-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;}

.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;}

@media print {
    * {background: transparent !important;color: #000 !important;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) ")";}
    .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;}
}
	
@font-face {
    font-family: 'titillium_webbold';
    src: url('fonts/titilliumweb-bold.eot');
    src: url('fonts/titilliumweb-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-bold.woff') format('woff'),
         url('fonts/titilliumweb-bold.ttf') format('truetype'),
         url('fonts/titilliumweb-bold.svg#titillium_webbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	    font-family: 'titillium_webbold';
	    src: url('fonts/titilliumweb-bold.svg#titillium_webbold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
}


* {line-height: 1em;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input:focus, textarea:focus {outline: none;}
a:focus {outline:none;}
a {text-decoration:none;}
.left {float:left !important;}
.right {float:right !important;}
h1, h2, h3, h4, h5, h6, p {font-weight:normal !important; line-height:1.000em; margin:0; padding:0;}

.container {width:674px;height:auto;margin:0 auto;}
svg {width:100%;}
.gallery {margin-bottom:30px;}
.gallery ul {margin:0;padding:0;overflow:hidden;width:100%;height:514px;}
.gallery ul li {float:left;background-size: 100%;}
.gallery ul li img {width:100%;}
.gallery ul li svg {height:400px;width:674px;}
.gallery ul li p {display:table;position:absolute;top:0;left:0;width:100%;opacity:0;font-family:'titillium_webbold', sans-serif;font-size:16px;color:#adadad;text-align:center;text-transform:uppercase;line-height:1.3em;margin:24px 0;height:66px;}
.gallery ul li p span {display:table-cell;vertical-align:middle;line-height: 1.3em;height:66px;}
.gallery ul li > div {height:400px;margin-top:114px;}
.navigation > div {float:left;position:relative;left:50%;}
.navigation ul {margin:0;padding:0;list-style:none;position:relative;left:-50%;float:left;}
.navigation ul li {float:left;margin-left:19px;position:relative;height:61px;}
.navigation ul li:first-child {margin-left:0;}
.navigation ul li.separator span {display:block;width:8px;height:8px;background:#cccccc;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position:relative;top:50%;margin-top:-4px;}
.navigation ul li a {display:block;width:61px;height:61px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.navigation ul li a.b1 {background:#cccccc url('../images/btn_1.png') no-repeat center center;}
.navigation ul li a.b2 {background:#cccccc url('../images/btn_2.png') no-repeat center center;}
.navigation ul li a.b3 {background:#cccccc url('../images/btn_3.png') no-repeat center center;}
.navigation ul li a.b4 {background:#cccccc url('../images/btn_4.png') no-repeat center center;}
.navigation ul li a.b5 {background:#cccccc url('../images/btn_5.png') no-repeat center center;}
.navigation ul li a.b6 {background:#cccccc url('../images/btn_6.png') no-repeat center center;}
.navigation ul li a.selected {background-color:#fb925a;}


.gallery ul li p.end {
	opacity: 0;
	line-height: 514px;
	font-size: 48px;
}

/*FOUNDATION*/
.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
.row { width: 100%; margin: 0 auto; }
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.col { padding: 0 10px; }
/*FOUNDATION*/