/**** Base Styles ****/

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

html, body { 
  height:100%; 
  min-height:100%;
  width:100%;
/*  overflow:auto; */
}

body { 
/*  font: 16px 'Source Code Pro', monospace; */
  font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
/*
font-family: 'Roboto Mono', monospace;
font-family: 'Inconsolata', monospace;
font-family: 'Source Code Pro', monospace;
*/
/*  font: 16px Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; */
  line-height: 1.6em;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.text {
	text-decoration:underline;
/*	font-style:italic; */
}

a.text:hover {
	text-decoration:none;
}

/* h1 { font-size:36px; line-height:1.6em;font-weight:600;}
h2 { font-size:18px; line-height:1.6em;font-weight:600;} */
h1 { font-size:55px; line-height:1.6em;font-weight:700;letter-spacing:0.01em;}
h2 { font-size:30px; line-height:1.6em;font-weight:500;letter-spacing:0.025em;}
h3 { font-size:18px; line-height:1em;font-weight:500;letter-spacing:0.025em;}
p { padding:1em 0;
font: 14px Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; } /* font: 18px Lato,"Helvetica Neue",Helvetica,Arial,sans-serif; */

b { font-weight:700; }

.paginate {
	width:100%;
	text-align:center;
	font-size:1.5em;
	margin: 0 auto;
	display:block;
}

. {
margin: 0;
text-align:left;
width: 50%;
float:left;
line-height: 1.6em;
}
/*********************************************************************/
/**** COLORS ****/

body { background: #fff;  color: #222; }

a { color:#000; }

#info { background: #fff; color: #000; } /* info body */
.info-thumb-box { background:#000; }
#info-logo-box .hover-logo-box { background: rgba(255,255,255,1); }
#info-content { background:#fff; }

.logo {background: #ffffff;}
#logo-box .hover-logo-box { background: rgba(255,255,255,1); }
.thumb-box .hover-box { background: rgba(0,0,0,0.6); }
/* .thumb-box .hover-box { background: rgba(255,255,255,1); } */
.gallery-thumb-box .hover-box { background: rgba(255,255,255,1); }

.thumb-title,
.thumb-title a { color: #000; }

.nav h2,
.info-nav h2 { color: #000; } /*  text-transform:uppercase; */

.nav a,
.nav a:hover,
.info-nav a:hover { color:#000; }

/* .subnav-wrap { background: rgba(0,0,0,1); } */ /* 255,255,255,1 */
.subnav-wrap a,
.subnav-wrap a:hover { color: #ffffff; }

/* #subnav, #info-subnav { background: rgba(0,0,0,1); background-image: url('../img/portfolio-subnav.png'); background-size: 100%; }
#subsubnav, #info-subsubnav { background: rgba(0,0,0,1); } */

#footer { color:#ffffff; }
#footer span { background:#000; }

/*********************************************************************/
/** info **/

#info-left { width:20%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden; }
#info-right { width:20%;height:auto;float:right;margin:0;padding:0;position:relative;overflow:hidden; }
#info-content { width:60%;height:100%;min-height:100%;float:left;margin:0;padding:0;position:relative;display:block; }
.content-container { padding:4em;margin:0;display:block; }
/*.content-container { width:600px; }*/

#info-logo-box {width:100%;height:auto;margin:0;padding:0;position:relative;overflow:hidden;}
#info-subnav, #info-subsubnav {width:100%;height:auto;margin:0;padding:0;position:relative;overflow:hidden;display:none;}
#info-logo-box img, #info-subnav img, #info-subsubnav img, .info-thumb-box img {width:100%;height:auto;display:block;} /* border:1px solid; */
.info-thumb-box {width:100%;height:auto;margin:0;padding:0;position:relative;overflow:hidden;}

#info-center { display:none; }

/** info end **/

/*********************************************************************/
/**** Logo ****/

#logo-box {width:16.6666666%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden;}
#logo-box img{width:100%;height:auto;display:block;} /* border:1px solid; */

#logo-box .hover-logo-box,
#info-logo-box .hover-logo-box {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    visibility: hidden\0/;
/*    visibility: hidden; */
    transition: all 0.33s ease-in-out;
    -moz-transition: all 0.33s ease-in-out;
    -webkit-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg) rotateY(-90deg);
    -moz-transform: rotateX(-90deg) rotateY(-90deg);
    -ms-transform: rotateX(-90deg) rotateY(-90deg);
    -o-transform: rotateX(-90deg) rotateY(-90deg);
    transform: rotateX(-90deg) rotateY(-90deg);
}

#logo-box:hover .hover-logo-box,
#info-logo-box:hover .hover-logo-box {
    visibility: visible\0/;
/*    visibility: visible; */
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}

/*********************************************************************/
/**** Thumbnails ****/

/* #wrap {width:100%;position:relative;overflow:hidden;} */
#wrap-fullsize {width:100%;height:100%;position:relative;z-index:2;}
.thumb-box {width:16.6666666%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden;} /* background:#333; */
.gallery-thumb-box {width:33.333%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden;} /* background:#333; */
#subnav {width:16.6666666%;height:auto;float:right;margin:0;padding:0;position:relative;overflow:hidden;display:block;}
#subsubnav {width:20%;height:auto;float:right;margin:0;padding:0;position:relative;overflow:hidden;display:none;}
.thumb-box img, .gallery-thumb-box img, #subnav img, #subsubnav img {width:100%;height:auto;display:block;} /* border:1px solid; */


/**** Grayscale Thumbnails ****/
/*
.info-thumb-box img, #info-subnav img, #info-subsubnav img { -webkit-filter: grayscale(1); filter: grayscale(1); filter: alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
*/
/**** End Grayscale Thumbnails ****/

.thumb-box .hover-box,
.gallery-thumb-box .hover-box {
    position: absolute;
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    visibility: hidden\0/;
/*    visibility: hidden; */
    transition: all 0.33s ease-in-out;
    -moz-transition: all 0.33s ease-in-out;
    -webkit-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg) rotateY(-90deg);
    -moz-transform: rotateX(-90deg) rotateY(-90deg);
    -ms-transform: rotateX(-90deg) rotateY(-90deg);
    -o-transform: rotateX(-90deg) rotateY(-90deg);
    transform: rotateX(-90deg) rotateY(-90deg);
}

.thumb-box:hover .hover-box,
.gallery-thumb-box:hover .hover-box {
    visibility: visible\0/;
/*    visibility: visible; */
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}

/*********************************************************************/
/**** Navigation ****/

.nav-half-left { width:50%; float:left; text-align:right; }
.nav-half-right { width:50%; float:left; text-align:left; }

.nav,
.info-nav {
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -60px;
}

.nav h2,
.info-nav h2 {
    font-size: 24px;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
}

.nav a {
	text-decoration:none;
    font-weight: 400;
}

.nav .active a {
	text-decoration:underline;
    font-weight: 400;
}

.nav a:hover,
.info-nav a:hover {
	text-decoration:underline;
    font-weight: 400;
}

#subnav .subnav-wrap,
#subsubnav .subnav-wrap,
#info-subnav .subnav-wrap,
#info-subsubnav .subnav-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;    
}

.subnav-toggle {
	position:absolute;
	margin:0;
	padding:0;
	top:5px;
	right:10px;
}

#home {
	position:absolute;
	margin:0;
	padding:0;
	top:10px;
	right:10px;
}

/*********************************************************************/
/**** Footer ****/

#footer {
	max-width:100%;
/*	height:50px; */
/*	padding-right: 20px; */
	position:fixed;
	bottom:15px;
	right:20px;
/*	text-shadow: 1px 1px 1px #000; */
	z-index:98;
	font-size:12px;
	line-height:1.2em;
	text-align:right;
}

#footer span {
	margin:0;padding:0 5px;
}

/*********************************************************************/
/**** Fancybox ****/

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

.fancybox-title {
	font-size: 16px;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*********************************************************************/
/**** Responsive ****/

@media only screen and (min-width: 768px) and (max-width: 991px) {
.thumb-box, #logo-box, #subnav, #subsubnav {width:25%;}
.gallery-thumb-box {width:33.333%;}

#info-subnav {z-index:10;}
#info-subsubnav {position:absolute;top:0;right:0;z-index:12;}

#info { background: #000; } /* info body */
#info-left { width:33.333%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden; }
#info-center { width:33.333%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden;display:block; }
#info-center img { width:100%;height:auto;overflow:hidden;display:block; }
#info-right { width:33.333%;height:auto;float:right;margin:0;padding:0;position:relative;overflow:hidden; }
#info-content { width:100%;height:100%;min-height:100%;float:left;margin:0;padding:0;position:relative;overflow:hidden;background:#fff; }
.info-thumb-box { display:none; }

.info-nav h2 {font-size: 36px;line-height: 40px;}
.info-nav {margin-top:-80px;}

.content-container { padding:2em;margin:0;display:block; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.thumb-box, #logo-box, #subnav, #subsubnav {width:33.33333%;}
.gallery-thumb-box {width:33.33333%;}
.nav h2 {font-size: 20px;line-height: 24px;}
.nav {margin-top:-50px;}

#info-subnav {z-index:10;}
#info-subsubnav {position:absolute;top:0;right:0;z-index:12;}
/*#subsubnav, #info-subsubnav { background: rgba(0,0,0,1); background-image: url('../img/portfolio-subnav.png'); background-size: 100%; }*/

#info { background: #000; } /* info body */
#info-left { width:50%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden; }
#info-right { width:50%;height:auto;float:right;margin:0;padding:0;position:relative;overflow:hidden; }
#info-content { width:100%;height:100%;min-height:100%;float:left;margin:0;padding:0;position:relative;overflow:hidden;background:#fff; }
.info-thumb-box { display:none; }

.info-nav h2 {font-size: 30px;line-height: 36px;}
.info-nav {margin-top:-70px;}

.content-container { padding:2em;margin:0;display:block; }

}
/*
@media only screen and (min-width: 480px) and (max-height: 640px) {
#wrap-full-size #logo-box, #wrap-full-size #subnav, #wrap-full-size #subsubnav {width:25%;}
}
*/
@media only screen and (min-width: 321px) and (max-width: 479px) {
.paginate {
	width:100%;
	font-size:1em;
	padding-bottom: 1em;
}

.thumb-box, #logo-box, #subnav, #subsubnav {width:50%;}
.gallery-thumb-box {width:50%;}
.nav h2 {font-size: 20px;line-height: 24px;}
.nav {margin-top:-50px;}

.nav-half-left { width:auto; float: none; display: block;text-align:right; padding: 20px; }
.nav-half-right { width:auto; float: none; display: block;text-align:right; padding: 20px; }

/* #logo-box {position:absolute;top:0;left:0;display:block;z-index:9;}
#subnav {position:absolute;top:0;left:50%;z-index:10;clear:both;} */
#logo-box {position:relative;float:left;display:block;z-index:9;}
#subnav {position:relative;float:left;z-index:10;}
#subsubnav {float:right;z-index:11;} /**/
#info-subnav {z-index:10;}
#info-subsubnav {position:absolute;top:0;right:0;z-index:12;}
/* #subsubnav, #info-subsubnav { background: rgba(0,0,0,1); background-image: url('../img/portfolio-subnav.png'); background-size: 100%; } */

#info { background: #000; } /* info body */
#info-left { width:50%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden; }
#info-right { width:50%;height:auto;float:right;margin:0;padding:0;position:relative;overflow:hidden; }
#info-content { width:100%;height:100%;min-height:100%;float:left;margin:0;padding:0;position:relative;overflow:hidden;background:#fff; }
.info-thumb-box { display:none; }

.info-nav h2 {font-size: 20px;line-height: 24px;}
.info-nav {margin-top:-50px;}

.content-container { padding:2em;margin:0;display:block; }

#footer { width:100%; height:auto; position:fixed; bottom: 1.2em; right: 0; z-index:98; font-size:12px; line-height:1.2em; text-align:center; }

}

@media only screen and (max-width: 320px) {
.paginate {
	width:100%;
	font-size:1em;
	padding-bottom: 1em;
}

.thumb-box, #logo-box, #subnav, #subsubnav {width:100%;}
.gallery-thumb-box {width:100%;}

.nav-half-left { width:100%; float: none; display: block;text-align:right; }
.nav-half-right { width:100%; float: none; display: block;text-align:left; }

/*#subsubnav, #info-subsubnav { background: rgba(0,0,0,1); background-image: url('../img/portfolio-subnav.png'); background-size: 100%; } */

#info { background: #000; } /* info body */
#info-left { width:50%;height:auto;float:left;margin:0;padding:0;position:relative;overflow:hidden; }
#info-right { width:50%;height:auto;float:right;margin:0;padding:0;position:relative;overflow:hidden; }
#info-content { width:100%;height:100%;min-height:100%;float:left;margin:0;padding:0;position:relative;overflow:hidden;background:#fff; }
.info-thumb-box { display:none; }

.content-container { padding:2em;margin:0;display:block; }

}

/*********************************************************************/
/**** Thumbnail Title ****/

.thumb-title {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -30px;
}

.thumb-title h2 {
    font-size: 24px;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
}

.thumb-title span {
    display: inline-block;
    font-size: 12px;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
/*    padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    margin: 0 0 18px; */
    margin: 0;
}

.thumb-title a {
	text-decoration:none;
    font-weight: 400;
}

.thumb-title a:hover {
	text-decoration:underline;
    font-weight: 400;
}