@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Google Maps
9. Icons
10. Image Hover
11. Lists
12. Footer
13. Social
14. Isotope
-------------------------------------------------------------------*/

/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.wp-caption{float:none;}
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; width:0; }
.centered { text-align:center; }
.responsive{width:100%;}
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background:#000; z-index:9999; }
#status { z-index:28; position:absolute; color:#fff; top:50%; height:280px; width:100%; margin-top:-140px; }
/* horizontal centering */
.parent {width:280px; margin:0px auto; position:relative; height:280px; z-index:11}
.child {text-align:center;}
/* vertical centering */
.parent {display: table}
.wp-caption-text{font-size:100%;}
.child {display: table-cell; vertical-align: middle; padding:0 50px; }
.child span { text-transform:uppercase; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; height:100% }
body
{ 
/*font: 15px Georgia, "Times New Roman", Times, serif; color:#555; background:#000; height:100% ;*/
font: 15px; color:#555; background:#000; height:100% ;
font-family: 'Noto Serif', serif, Georgia, "Times New Roman", Times, serif;
}
 
strong { font-weight:600; }
em {font-size:17px; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.sticky{border:0px;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { line-height:21px; padding:13px 0px 0 0px; /*font-style:italic; */}
.col2-3 p { text-align:left } 
.col2-3 p.small, .col2-3 p.big, .col2-3 p { font-size:20px; line-height:28px; text-align:center !important; color:#303030; letter-spacing:0px; font-style:normal;}
.small {font-size:12px; line-height:21px; font-style:normal; text-transform:uppercase; font-family:'Noto Serif', serif, 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
p.small {font-size:12px; line-height:21px; font-style:normal; text-transform:uppercase; font-family:'Noto Serif', serif, 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;}
.gallery-caption{height:auto;}
#preloader p.small {font-size:11px; display:block; text-transform:uppercase; font-style:normal; font-weight:700;  letter-spacing:1px; margin-top:3px; font-family:'Noto Serif', serif,  "Open Sans", Arial, Helvetica, sans-serif; -o-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -moz-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -webkit-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25);}
/*p.big {font-size:50px; line-height:68px; color:#303030; letter-spacing:-3px; font-style:normal;  font-weight:400}*/
blockquote { line-height:23px; padding:70px 10px 25px 10px; margin:25px 0px 12px 0px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; color:#333; text-align:center; font-size:17px; font-style:italic; background:url(../images/bg-quote.png) center 25px no-repeat; background-size:30px 30px;}
blockquote span {font-size:14px; display:block; margin-top:15px; color:#999}
.uppercase {text-transform:uppercase }
p.small.uppercase {font-size:11px; }
p a { color:#555; text-decoration:none; border-bottom:1px solid #555; }
a p {color:#555; }
p a:hover { color:#555; }
.no-underline a {border:0 }
code {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal; line-height:1.5; display:block; }
pre { padding:13px 40px 0 40px; width: 100%;text-align: left; overflow: scroll;}
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; text-align:center; width:100%; padding:45px 0 12px 0; margin:0 auto; z-index:1; }
h1#logo a
{ 
	background-size:137px 76px; 
	width:137px;
	height:76px;
    text-indent:-9999px; 
    color: #000;
    font-size: 56px;
/*	font-size: -webkit-xxx-large;*/
/*  font-family:cursive;*/
}
.hentry h1, h2, h3, h4, h5 { line-height:1.2; font-family:'Noto Serif', serif,  Georgia, "Times New Roman", Times, serif; font-size:36px; color:#303030; padding-top:26px; display:block; position:relative }
h2 {font-size:16px; text-transform:uppercase; font-family:'Noto Serif', serif,  'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:600; color:#555; }
.bypostauthor{height:auto;}
h3 {font-size:24px; font-weight:400; padding-top:18px; }
h4 {font-size:18px; padding-top:24px; line-height:24px; font-family:'Noto Serif', serif,  'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#333; padding-bottom:4px;}
h5 {font-size:16px; padding-top:22px; line-height:24px; font-family:'Noto Serif', serif,  'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#333; padding-bottom:4px; }
.align-top {padding-top:0 !important }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#options { width:auto; /*height:100px;*/ z-index:300; text-align:center;}
#options ul { position:relative; padding:0; border:0; font-size: 0; display:inline-block }
#options ul li {display:inline-block; height:100%; width:auto; }
#options ul li a { color:#888; font-family:'Noto Serif', serif,  "Open Sans", Arial, Helvetica, sans-serif; display:inline-block; padding:5px 15px; text-decoration:none; text-transform:uppercase; height:100%; font-size:12px; line-height:19px; letter-spacing:2px; font-weight:400; margin:0 }
#options li a:hover, #options li a.current, #options li a.selected { color:#000;}

#options ul li ul {position:absolute; margin-top:4px; margin-left:4%; padding:10px 15px; width:150px; background:#f3f3ee; display:none }
#options ul li ul:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(243,243,238,1) rgba(255,255,255,0); position:absolute; top:-16px; margin-left:-8px; border-top-style:inset; }
#options ul li ul li {float:none }
#options ul li ul li a {padding:7px 0; border-bottom:1px dotted #2b2b2b; font-size:11px; display:block }
#options ul li ul li a.last {border:0 }
#options ul li ul:hover li a, #options ul li:hover ul li a {color:#8d8d8d; }
#options ul li ul li:hover a {color:#2b2b2b; }
#options ul li:hover ul {display:block }
.dead-link {cursor:default !important }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
header { position:relative; z-index:58; width:100%}
#content {width:100%; position:relative; z-index:56; height:auto}
.container { padding:0px; width:1160px; position:relative; margin:0 auto; padding-top:20px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col1-1 { height:auto; margin:5px; position:relative }
.col3-3 { width:860px; height:auto; margin:5px; position:relative }
.col1-3 { width:280px; min-height:280px; margin:5px; float:left; position:relative }
.col2-3 { width:570px; height:570px; margin:5px; float:left; position:relative }
.col4-3 { height:auto; margin:5px; position:relative }
.col1-3.double { height:auto; padding:20px 35px 32px 35px!important;}
.col2-3.auto, .col1-3.auto, .col3-3.auto {height:auto; padding-bottom:35px; }
.col1-3.auto {padding-bottom:30px; }
.col2-3.auto.post {padding-bottom:0 }
.auto.no-padding {padding-top:0 !important; padding-bottom:0 !important; }
.column-count2 {-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:35px; -moz-column-gap:35px; column-gap:35px; }
.break { height:20px; position:relative; display:block }
p .break {height:13px; }
.overflow, .element {overflow:; }
.borderline {background:#d3d3d3; height:1px; position:relative; display:block; margin:19px 0px 5px 0px; width:100%; }
.white {padding:35px; background:#fff;}
.col1-3.white {padding:35px; background:#fff; text-align:center;}
.col2-3.white {padding:35px; background:#fff; text-align:center;}
.col1-3.white {padding:20px 35px 50px 35px; }
.col2-3.white, .col3-3.white {padding:35px 45px; }
.element .col1-3, .element .col2-3 {margin:0 }
.white-bottom {height:auto; }
.white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0)  rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-24px; margin-left:-12px; left:50%; border-top-style:inset; }
.margin {margin:20px; }
.full {position:absolute; z-index:100; width:100%; height:100%; display:block; top:0; left:0; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =8. Google Maps
--------------------------------------------------------------------------------------------------------*/
#map {width:860px; height:570px; margin:0; border:0}
#map:before, #map:after {background:none; content: ''; left:0; position:absolute; top: 0; width: 100%; }
#map:after {bottom:0; top:auto; }
/* End Google Maps
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { display:inline-block; height:30px; width:30px; z-index:100; margin-top:20px; margin-bottom:10px; }
/* Main Nav Icons */
.trophy { background:url(../images/bg-trophy.png) center no-repeat; background-size:30px 30px; }
.quote { background:url(../images/bg-quote.png) center no-repeat; background-size:30px 30px; }
.like { background:url(../images/bg-like.png) center no-repeat; background-size:30px 30px; }
.share { background:url(../images/bg-share.png) center no-repeat; background-size:30px 30px; }
.stationery { background:url(../images/bg-stationery.png) center no-repeat; background-size:30px 30px; }
.camera {background:url(../images/bg-camera.png) center no-repeat; background-size:30px 30px; }
.close { background:url(../images/bg-close.png) center no-repeat; background-size:48px 48px; position:absolute; right:35px; top:35px; z-index:28; width:48px; height:48px; display:block }
/* Social Icons */
.linkedin {background:url(../images/bg-linkedin.png) center no-repeat; background-size:50px 50px; }
.dribbble {background:url(../images/bg-dribbble.png) center no-repeat; background-size:50px 51px; }
.googleplus {background:url(../images/bg-googleplus.png) center no-repeat; background-size:50px 50px; }
.twitter {background:url(../images/bg-twitter.png) center no-repeat; background-size:50px 51px; } 
.facebook {background:url(../images/bg-facebook.png) center no-repeat; background-size:50px 51px; }
.behance {background:url(../images/bg-behance.png) center no-repeat; background-size:50px 50px; }
.skype {background:url(../images/bg-skype.png) center no-repeat; background-size:50px 51px; }
.vimeo {background:url(../images/bg-vimeo.png) center no-repeat; background-size:50px 50px; }
.instagram {background:url(../images/bg-instagram.png) center no-repeat; background-size:50px 50px; }
.pinterest {background:url(../images/bg-pinterest.png) center no-repeat; background-size:50px 50px; }
/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display:block; position:relative; }
.images img {width:100%; display: block; max-width: 100% !important; z-index:9 }
img{box-shadow: #000 0 0 0}
.sliphoveritemTitle { font-size:24px; font-weight:400; letter-spacing:0px; -o-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -moz-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -webkit-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25); font-family:'Noto Serif', serif, Georgia, "Times New Roman", Times, serif;  }
.sliphoveritemTitle span {font-size:18px; display:block; text-transform:uppercase; font-style:normal; font-weight:700; letter-spacing:1px; margin-top:3px; font-family:'Noto Serif', serif,  "Open Sans", Arial, Helvetica, sans-serif; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: disc; line-height:21px; padding:13px 0px 0 0px; margin-left:24px; font-style:italic }
ul.list {line-height:21px; padding-top:13px; font-style:italic }
ol { list-style: decimal; line-height:21px; padding:13px 0px 0 0px; margin-left:24px; font-style:italic }
.col2-3 ul.unordered-list, .col2-3 .hentry ul, .col2-3 ul.list, .col2-3 ol {text-align:left }
ul.unordered-list a, .hentry ul a, ul.list a, ol a { color:#555; text-decoration:none; border-bottom:1px solid #555; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =12. Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:auto; position:relative; padding:0px 35px 95px 35px; text-align:center; }
footer p {display:inline-block; margin:0 10px; font-family:'Noto Serif', serif,  "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:2px; font-style:normal; color:#888; }
footer p a { color:#888; border:0 }
footer p span { font-family:'Noto Serif', serif, Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; color:#333; }
footer p a:hover { color:#888; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =13. Social
--------------------------------------------------------------------------------------------------------*/
ul.social { letter-spacing:0; margin-top:20px; margin-bottom:27px; }
.social li { display:inline-block; margin:0px 2px;}
.social li a { display:block; }
ul.social a {text-indent:-9000px; text-decoration:none; height:52px; width:52px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =14. Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; overflow:hidden }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/

.disp{display:none;}
.comment_section{}
/* Link Isotope
--------------------------------------------------------------------------------------------------------*/
.testclass{ display:none; color:#fff; text-decoration:none; text-align:center; position:absolute; right:0; background:url(../images/bg-link.png) no-repeat;
text-indent: -9999px;
height: 100%;}
.popup:hover~.testclass, .video-popup:hover~.testclass, .images:hover~.testclass, a:hover~.testclass{display:block; color:#000; text-align:center; position:absolute; z-index:1001; background-color: #fff; margin-top:-55px; text-decoration:none;
font-family:'Noto Serif', serif,  Georgia, "Times New Roman", Times, serif; font-size: 14px;
font-weight: 600;
border-bottom: 0;
padding: 3px 10px 5px 10px !important; background:url(../images/bg-link.png) no-repeat;
text-indent: -9999px;
height: 100%;}
.testclass:hover{display:block; color:#000; text-align:center; position:absolute; z-index:1001; background-color: #fff; margin-top:-55px; text-decoration:none;
font-family: 'Noto Serif', serif, Georgia, "Times New Roman", Times, serif; font-size: 14px;
font-weight: 600;
border-bottom: 0;
padding: 3px 10px 5px 10px !important;
right:0;
background:url(../images/bg-link.png) no-repeat;
text-indent: -9999px;
height: 100%;
}

.overlay { display:block; position:absolute; top:0; /*left:0;*/ background:url(../images/bg-overlay3.png) repeat; z-index:10; width:960px; height:960px; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/ }
.overlay2 { display:block; position:absolute; top:0; /*left:0;*/ background:url(../images/bg-overlay3.png) repeat; z-index:10; width:960px; height:960px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }