@charset "UTF-8";
		
		
		/* Mode Template */
		
		
		/*///////   Fonts   /////////*/
		
		
		@font-face {
		  font-family: 'DidotStd';
		  src: url('../fonts/DidotStd/DidotStd.eot'); /* IE9 Compat Modes */
		  src: url('../fonts/DidotStd/DidotStd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		       url('../fonts/DidotStd/DidotStd.woff') format('woff'), /* Modern Browsers */
		       url('../fonts/DidotStd/DidotStd.ttf')  format('truetype'), /* Safari, Android, iOS */
		       url('../fonts/DidotStd/DidotStd.svg#7226759d2e91f9f52d6cba6d35e6a606') format('svg'); /* Legacy iOS */		       
		  font-style:   normal;
		  font-weight:  400;
		}
		
		@font-face {
		  font-family: 'ITC Garamond Std Lt';
		  src: url('../fonts/ITCGaramondStdLT/ITCGaramondStd-Lt.eot'); /* IE9 Compat Modes */
		  src: url('../fonts/ITCGaramondStdLT/ITCGaramondStd-Lt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		       url('../fonts/ITCGaramondStdLT/ITCGaramondStd-Lt.woff') format('woff'), /* Modern Browsers */
		       url('../fonts/ITCGaramondStdLT/ITCGaramondStd-Lt.ttf')  format('truetype'), /* Safari, Android, iOS */
		       url('../fonts/ITCGaramondStdLT/ITCGaramondStd-Lt.svg#1ef5e3412812534a56c891e191089af4') format('svg'); /* Legacy iOS */
		  font-style:   normal;
		  font-weight:  400;
		}
		
		@font-face {
		  font-family: 'ITC Garamond Std Book';
		  src: url('../fonts/ITCGaramondStdLTBk/ITCGaramondStd-Bk.eot'); /* IE9 Compat Modes */
		  src: url('../fonts/ITCGaramondStdLTBk/ITCGaramondStd-Bk.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		       url('../fonts/ITCGaramondStdLTBk/ITCGaramondStd-Bk.woff') format('woff'), /* Modern Browsers */
		       url('../fonts/ITCGaramondStdLTBk/ITCGaramondStd-Bk.ttf')  format('truetype'), /* Safari, Android, iOS */
		       url('../fonts/ITCGaramondStdLTBk/ITCGaramondStd-Bk.svg#7545d5f2626a057f7ccef206dc829abb') format('svg'); /* Legacy iOS */
		  font-style:   normal;
		  font-weight:  400;
		}
		
		@font-face {
		  font-family: 'ITC Garamond Std Lt Italic';
		  src: url('../fonts/ITCGaramondStdLTIta/ITCGaramondStd-LtIta.eot'); /* IE9 Compat Modes */
		  src: url('../fonts/ITCGaramondStdLTIta/ITCGaramondStd-LtIta.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		       url('../fonts/ITCGaramondStdLTIta/ITCGaramondStd-LtIta.woff') format('woff'), /* Modern Browsers */
		       url('../fonts/ITCGaramondStdLTIta/ITCGaramondStd-LtIta.ttf')  format('truetype'), /* Safari, Android, iOS */
		       url('../fonts/ITCGaramondStdLTIta/ITCGaramondStd-LtIta.svg#9cc3a8c1e3f4e2deff15e0c025887928') format('svg'); /* Legacy iOS */
		  font-style:   normal;
		  font-weight:  400;
		}

		@font-face {
		  font-family: 'Garamond3LTStd';
		  src: url('../fonts/Garamond3LTStd/Garamond3LTStd.eot'); /* IE9 Compat Modes */
		  src: url('../fonts/Garamond3LTStd/Garamond3LTStd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		       url('../fonts/Garamond3LTStd/Garamond3LTStd.woff') format('woff'), /* Modern Browsers */
		       url('../fonts/Garamond3LTStd/Garamond3LTStd.ttf')  format('truetype'), /* Safari, Android, iOS */
		       url('../fonts/Garamond3LTStd/Garamond3LTStd.svg#f7f0ee9a4ddfc8c59713aad60000d811') format('svg'); /* Legacy iOS */
		  font-style:   normal;
		  font-weight:  400;
		}
		
		@font-face {
			font-family: 'fontello';
			src: url('../fonts/Fontello/fontello.eot?91584220');
			src: url('../fonts/Fontello/fontello.eot?91584220#iefix') format('embedded-opentype'),
			     url('../fonts/Fontello/fontello.woff2?91584220') format('woff2'),
			     url('../fonts/Fontello/fontello.woff?91584220') format('woff'),
			     url('../fonts/Fontello/fontello.ttf?91584220') format('truetype'),
			     url('../fonts/Fontello/fontello.svg?91584220#fontello') format('svg');
			font-weight: normal;
			font-style: normal;
		}
		
		/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
		/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
		/*
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		@font-face {
		font-family: 'fontello';
		src: url('../font/fontello.svg?91584220#fontello') format('svg');
		}
		}
		*/
		
		[class^="icon-"]:before, [class*=" icon-"]:before {
		font-family: "fontello";
		font-size: 0.8em !important;
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: 0 !important;
		text-align: center;
		/* opacity: .8; */
		
		/* For safety - reset parent styles, that can break glyph codes*/
		font-variant: normal;
		text-transform: none;
		
		/* fix buttons height, for twitter bootstrap */
		line-height: 1em;
		
		/* Animation center compensation - margins should be symmetric */
		/* remove if not needed */
		margin-left: 0 !important;
		
		/* you can be more comfortable with increased icons size */
		/* font-size: 120%; */
		
		/* Font smoothing. That was taken from TWBS */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		
		/* Uncomment for 3D effect */
		/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
		}
		
		.icon-left-open-big:before { content:'\e816'; } 
		.icon-right-open-big:before { content:'\e817'; }
		.icon-th:before { font-size: 0.8em !important; content:'\e803'; } 
		.icon-th-large:before { font-size: 0.8em  !important; content:'\e80a'; } 
		.icon-plus-1:before { font-size:1.3em !important; content:'\e81f'; } 
		.icon-minus-1:before { font-size:1.3em !important; content:'\e820'; } 
		
		.icon-facebook:before { content:'\e81a' !important; }
		.icon-twitter:before { content:'\e819' !important; } 
		.icon-instagram:before { font-size: 0.8em !important; content:'\e804' !important; } 
		.icon-pinterest:before { content:'\e81b' !important; } 
		.icon-tumblr:before { content:'\e81c' !important; } 

		
		/*///////   Body   /////////*/
		
		
		html {-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);}		
		html, body {width: 100%;}
		
		body, td, th {
		font-family: 'ITC Garamond Std Lt',serif;
		font-size: 16px;
		font-weight: 400;
		color: #333333;
		margin: 0px 0px;
		padding: 0px;
		background-color: #ffffff;
		}
		
		h1, h2, h3, h4, h5, h6 {
	    margin: 0px;
	    font-weight: normal;
		}
		
		h1 {
	    font-size: 36px;
		letter-spacing: -2px;
		line-height: normal;
		}
		
		h2 {
		font-size: 24px;
		}
		
		h3 {
		font-size: 16px;
		}
		
		h4 {
		font-size: 24px;
		font-family: "Garamond3LTStd";
		letter-spacing: -1px;
		}
		
		
		/*///////   Royal Slider   /////////*/
		
		
		.royalSlider.rsDefault {
		position: fixed !important;
		height: auto !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 320px 0 0 !important;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important;
		opacity: 1;
		}
		
		.royalSlider .rsSlide img {
		opacity: 1;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		transition: all 0.6s;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		
		.royalSlider .rsActiveSlide img {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		
		#preloader {
		position: absolute;
		top: 45%;
		left: 50%;
		margin: -15px 0 0 -15px;
		width: 30px;
		height: 30px;
		opacity: 1;
		z-index: 1;
		}
		
		.rs-caption, .ex-caption {
		position: fixed;
		font-family:'ITC Garamond Std Lt';
		font-size: 14px;
		padding: 0;
		background-color: rgba(0, 0, 0, 0) !important;
		text-align: left;
		text-transform: none;
		bottom: 100px;
		left: 40px;
		width: 200px;
		}
		
		.ex-caption {display: block;}
		
		
		/*///////   Menus   /////////*/
		
		
		#menoo {
		position: fixed;
		z-index: 1000;
		opacity: 1;
		right: 0px;
		top: 0px;
		height: 100%;
		width: 20%;
		min-width: 200px;
		max-width: 320px;
		background-color: rgba(255, 255, 255, 0.8);
		}
		
		#center {
		width: auto;
		margin: auto;
		padding: 40px 40px 0 0;
		}
		
		#logo,
		#title {
		width: auto;
		padding: 30px 40px 10px 0;
		margin: 0;
		text-align: right;
		text-transform: capitalize;
		font-weight: normal;
		transition: opacity 0.4s;
		cursor: pointer;
		cursor: hand;
		opacity: 1;
		}
		
		#logo:hover {opacity: 0.5;}
		#logo h1 {font-family: 'DidotStd' !important; font-size:50px; line-height:55px; font-weight:normal !important; letter-spacing:-2px !important;}
		
		#title {
		font-family: 'ITC Garamond Std Lt';
		font-size: 22px;
		top: 50px;
		line-height: 22px;
		padding: 10px 40px 10px 0;
		}
		
		#arrows {
		font-size: 1.3em;
		width: 25px;
		height: 25px;
		position: absolute;
		right: 20px;
		top: 10px;
		display: none;
		overflow: hidden;
		}
			
		#arrowup {
		width: 30px;
		height: 30px;
		top: 0px;
		position:relative;
		cursor: pointer;
		cursor: hand;
		}
			
		#arrowdown {
		width: 30px;
		height: 30px;
		top: 0px;
		position:relative;
		cursor: pointer;
		cursor: hand;
		}
		
		#name {
		position: fixed;
		bottom: 80px;
		right: 40px;
		font-family: 'ITC Garamond Std Lt';
		font-size: 18px;
		max-width: 200px;
		opacity: 1;
		padding: 0;
		text-transform: capitalize;
		text-align: right;
		opacity: 1;
		z-index: 1001;
		}
		
		.thumbnails-header {
		font-family: 'ITC Garamond Std Lt';
		font-size: 16px;
		width: 40%;
		line-height: 22px;
		padding: 180px 320px 0 40px;
		}
		
		.thumbnails-header h1 {
		font-family: 'DidotStd' !important;
		font-size: 32px;
		font-weight: normal;
		letter-spacing: -1px;
		padding-bottom: 20px;
		}
		
		
		/*///////   Thumbnails   /////////*/
		
		
		.box {
		position: relative;
		float: left;
		width: 350px;
		display: inline-block;
		overflow-y: hidden;
		margin: 0 2% 2% 0 !important;
		opacity: 1;
		}
		
		.box:hover .pic {opacity: 0.5;}
		.box:hover .art {opacity: 0.8;}
		
		.pic {
		width: 100%;
		height: auto;
		overflow-y: hidden;
		transition: opacity 0.4s;
		margin-bottom:-10px !important;
		opacity: 1;
		}
		
		.pic img {
		width: 100%;
		height: auto;
		}
		
		.art,
		.alb {
		/*height: 20px !important;*/
		font-size: 16px;
		color: #333;
		width: 90%;
		text-align: left;
		padding: 0 0 5px 0;
		opacity: 1;
		}
		
		.alb {
		color: #727272;
		letter-spacing: 0px;
		display: none;
		}
		
		.art {
		font-family: 'ITC Garamond Std Lt';
		width: 100%;
		padding-top: 10px;
		letter-spacing: 0px;
		text-transform: capitalize;
		transition: opacity 0.4s;
		}
		
		.size-small > .art {font-size:16px;}
		.size-medium > .art {font-size:20px;}
		.size-big > .art {font-size:26px;}
		
		#thumbs_container {
		width: auto;
		height: 100%;
		padding: 40px 20% 60px 40px;
		}
		
		#thumbs_container .item {
		position: absolute;
		display: inline-block;
		line-height: 0;
		margin: 0 20px 20px 0;
		}
		
		#thumbs_container .item img,
		#thumbs_container .item {
		width: 250px;
		}
		
		.thumb-gallery-image:hover {
		transition: opacity 0.4s;
		opacity:0.5 !important;
		}
				
		.size-small {width:10.6% !important;}
		.size-medium {width:17.5% !important;}
		.size-big {width:24% !important;}
		
		.thumb_text_on {padding-top: 40px !important}
		
		.isotope .isotope-item {
		-webkit-transition: all 0.7s cubic-bezier(0.860, 0.000, 0.070, 1.000);
		-moz-transition: all 0.7s cubic-bezier(0.860, 0.000, 0.070, 1.000);
		-o-transition: all 0.7s cubic-bezier(0.860, 0.000, 0.070, 1.000);
		transition: all 0.7s cubic-bezier(0.860, 0.000, 0.070, 1.000);
		/* easeInOutQuint */
		}
		
		.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		transition-property: transform;
		}
		
		
		/*///////   UI Buttons   /////////*/
		
		
		#navbox {
		position: fixed;
		bottom: 25px;
	    left: 40px;
	    z-index: 1000;
		}
		
		.arrow {opacity: 0.5; transition: opacity 0.4s}
		.arrow:hover {opacity: 1;}
		
		#next,
		#prev {
	    display: inline-block;
	    cursor: pointer;
	    cursor: hand;
		}
		
		#thumbnails,
		#projthumbs {
		position: fixed;
		bottom: 20px;
		right: 40px;
		z-index: 1000;
		opacity: 0.5;
		cursor: pointer;
		cursor: hand;
		transition: opacity 0.4s;
		}
		
		#projthumbs {bottom:auto; right:auto; top:40px; left:40px;}
		#thumbnails, #projthumbs {background-image: none;}
		
		#projthumbs:hover {opacity: 1;}
		#thumbnails:hover {opacity: 1;}
		#projthumbs:hover .label {opacity: 1;}
		#thumbnails:hover .label {opacity: 1;}
		.gallery-nav-prev:hover .label {opacity: .5;}
		.gallery-nav-next:hover .label {opacity: .5;}
		
		.gallery-nav-next, .gallery-nav-prev {
		position: fixed;
		font-size: 18px;
		top: 90px; 
		left: 40px;
		z-index: 999;
		transition: opacity 0.4s;
		}
		
		.gallery-nav-prev {top:115px;}
		
		.gallery-nav-prev .label {font-size: 16px; text-align:left; opacity: 1;}
		.gallery-nav-next .label {font-size: 16px; text-align:left; opacity: 1;}
		
		.labelIndex {position:absolute; top:10px; left: 45px;}
		.labelThumbs {position:absolute; top:10px; left:-80px;}
		
		.label {
		font-family: 'ITC Garamond Std Lt',serif;
	    font-size: 14px;
	    text-transform: capitalize;
	    text-align: left;
	    opacity: 0;
	    transition: opacity 0.4s;
		}
		
		#counter {
	    font-size: 16px;
	    opacity: 0;
	    width: auto;
	    margin: 0 15px 0 0;
	    line-height: 0px;
	    display: inline-block;
		}
		
		.count {
		float: left;
		padding: 3px;
		}
		
		.spacer {
		float: left;
		padding: 3px 0 3px 0;
		opacity: 0.5;
		}
		
		.buttons {
		font-family: 'Garamond3LTStd' !important;
		text-transform: capitalize;
		text-align: right;
		margin-right: 0;
		letter-spacing:-1px;
		line-height: 30px;
		padding-bottom: 10px;
		opacity: 1;
		}
		
		.buttons a {
		background: transparent;
		transition: opacity 0.4s;
		}
		
		.buttons:hover a {
		opacity: 0.5;
		}
		
		.on {
		font-family: 'Garamond3LTStd' !important;
		font-size: 30px;
		line-height: 30px;
		letter-spacing:-1px;
		opacity: 0.5;
		}
		
		a {
		font-size: 30px;
		color: #383838;
		font-weight: normal;
		cursor: pointer;
		cursor: hand;
		text-decoration: none;
		}
		
		
		/*///////   Text Pages & Social Media   /////////*/
		
		
		#content {
		position: absolute;
		font-family: 'ITC Garamond Std Lt' !important;
		font-size: 16px;
		font-weight: normal;
		width: 500px;
		top: 150px;
		left: 40px;
		line-height: 20px;
		text-transform: none;
		display: block;
		text-align: left;
		opacity: 1;
		}
		
		#content h1 {
		font-family: 'DidotStd' !important;
		font-size: 30px;
		letter-spacing: -1px;
		line-height: normal;
		}
		
		#content h2 {
		font-family: 'DidotStd' !important;
		font-size: 22px;
		letter-spacing: -1px;
		line-height: normal;
		}
		
		#content b {
		font-family: 'ITC Garamond Std Book' !important;
		font-weight: normal;
		font-style: normal;
		}
		
		#content i {
		font-family: 'ITC Garamond Std Lt Italic' !important;
		font-weight: normal;
		font-style: normal;
		}
		
		#content a {
		font-size: 16px;
		text-transform: none;
		font-family: 'ITC Garamond Std Book' !important;
		}
		
		#content a:hover {
		opacity: 0.5;
		}
		
		#social {
		position: fixed !important;
		left: auto !important;
		right: 40px !important;
		bottom: 30px !important;
		width: auto !important;
		height: auto;
		padding: 0;
		margin: 0;
		z-index: 1001;
		}
		
		.scicon {
		width: auto !important;
		height: auto !important;
		padding-right: 0px;
		display: inline-block;
		opacity: .8;
		cursor: pointer;
		cursor: hand;
		}
		
		#solabel {
		position: absolute;
		font-family: 'ITC Garamond Std Lt' !important;
		top: 6px;
		left:-85px;
		text-transform: capitalize !important;
		opacity: 0;
		font-size: 14px !important;
		text-align: left;
		letter-spacing: 0px !important;
		}
		
		#helloBox {text-transform: capitalize;}
		#helloName {font-family:'DidotStd' !important; font-size:50px; letter-spacing:-2px;}
		#helloTitle {font-family: 'ITC Garamond Std Lt' !important; font-size:24px;}
		
		
		/*//////////////// END */