/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=5dd1720b-6e32-44db-a7a0-7dcbf2f06a73");
@font-face{
font-family:"Bauer Bodoni W01 Italic";
src:url("Fonts/0d956984-1d14-4bf5-bfbd-24047fe105f0.eot?#iefix");
src:url("Fonts/0d956984-1d14-4bf5-bfbd-24047fe105f0.eot?#iefix") format("eot"),url("Fonts/47cb918f-38fe-4009-ae12-16659f98a1eb.woff") format("woff"),url("Fonts/37942b37-f74a-4adf-91a0-6866ad671859.ttf") format("truetype"),url("Fonts/1aa79473-3e74-468a-a0fe-f575dea12203.svg#1aa79473-3e74-468a-a0fe-f575dea12203") format("svg");
}


/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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 {
	border: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
html{
	height: 100%;
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a{
	text-decoration: none;
}
body{
	overflow:hidden;
	height: 100%;
	width: 100%;
	font-family: "Bauer Bodoni W01 Italic", "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	color: #39454b;
	letter-spacing: 0.5px;
	-webkit-font-smoothing: subpixel-antialiased;
}
#container{
	background-color: #6D8D9C;
	height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
}
/*header----------------*/
#header{
	position: absolute;
	top: 50%;
	margin-top: -146px;
	width: 100%;
	z-index: 3;
	opacity: 0;
}
#logo{
	text-align: center;
}
#logo a{
	margin:0 auto;
}
#logo img{
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
#header a{
	color: #000000;
}
#header a:hover{
	color: #FFFFFF;
}
/*nav----------------*/
#nav{
	-moz-transition: opacity 2s ease;
	-webkit-transition: opacity 2s ease;
	-o-transition: opacity 2s ease;
	-ms-transition: opacity 2s ease;
	transition: opacity 2s ease;
	opacity: 0
}
#nav.show{
	opacity: 1;
}
#nav ul{
	width: 100%;
	text-align: center;
}
#nav ul li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
}
@media all and (min-width: 981px) {
    #nav ul li {
        margin-left: 2px;
        margin-right: 2px;
    }
}
@media all and (min-width: 1951px) {
    #nav ul li {
        margin-left: 6px;
        margin-right: 6px;
    }
}
#nav ul li a{
	display: block;
	color: inherit;
	text-decoration: none;
	height: 1.5em;
	line-height: 1.5em;
	padding: 0 0.5em 0 0.5em;
	outline: 0;
	color: #FFFFFF;
	
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	-ms-transition: color .2s ease;
	transition: color .2s ease;
	
	-webkit-text-stroke: 0.5px white;
}
#nav ul li.dark a{
	color: #111111;
	-webkit-text-stroke: 0.4px black;
	
}

/*intro images---------------*/
#intro{
	z-index: 4;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #6D8D9C;
	overflow: hidden;
}

.intro_sq{
	display: inline-block;
	margin: 1px;
	width: 200px;
	height: 200px;
	position: absolute;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
	
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-ms-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	transform: scale(2, 2);
	
	opacity: 0;
}
.intro_sq:nth-child(2),
.intro_sq:nth-child(3),
.intro_sq:nth-child(5),
.intro_sq:nth-child(6),
.intro_sq:nth-child(10),
.intro_sq:nth-child(12){
	visibility: hidden;
}
.intro_sq.line-1{
	background-color: #cfd7da;	
	top: 50%;
	margin-top: -605px;
}
.intro_sq.line-2{
	background-color: #c2cacd;	
	top: 50%;
	margin-top: -403px;
}
.intro_sq.line-3{
	background-color: #b4bcbf;
	top: 50%;
	margin-top: -201px;	
}
.intro_sq.line-4{
	background-color: #a8b2b7;	
	top: 50%;
}
.intro_sq.line-5{
	background-color: #91a6b0;	
	top: 50%;
	margin-top: 203px;
}
.intro_sq.line-6{
	background-color: #7897a5;	
	top: 50%;
	margin-top: 405px;
}

.intro_sq.col-1{
	left: 50%;
	margin-left:-706px; 
}
.intro_sq.col-2{
	left: 50%;
	margin-left:-504px; 
}
.intro_sq.col-3{
	left: 50%;
	margin-left:-302px; 
}
.intro_sq.col-4{
	left: 50%;
	margin-left:-100px; 
}
.intro_sq.col-5{
	left: 50%;
	margin-left:102px; 
}
.intro_sq.col-6{
	left: 50%;
	margin-left:304px; 
}
.intro_sq.col-0{
	left: 50%;
	margin-left:506px; 
}
#center-point{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -97px;
}

/*gallery */
#slides{
	position: absolute;
	width: 100%;
	height: 100%;
}
#slides .img-item{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
}
#slides .img-item img{
	height: 100%;
}

#grid-bg, #grid, #grid2{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
#grid-bg {
	background-color: #6D8D9C;
	opacity: 0.5;
}
#grid {
	/*background: url(../images/grid10.png) no-repeat center center fixed;*/
	opacity: 0.2;
	overflow: hidden;
}
#grid2{
	opacity: 0;
	overflow: hidden;
}
#grid img,
#grid2 img{
	position: absolute;
	top: 50%;
	margin-top: -1131px;
	left: 50%;
	margin-left: -1500px;
}

/* Important styles */
#toggle-container {
  display: none;
}
.section-title, .text-info a, footer, footer a{
	color: #111111; 
}
.text-info a, footer a{
	text-align: underline;
}
#loading{
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	background-color: #6D8D9C;
	/*display: none;*/
}
#loading .loading-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -14px;
	margin-left: -12px;
}
footer{
	position: absolute;
	bottom: 5px;
	width: 100%;
    text-align: center;
	font-size: 70%;
}