@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 Tahoma, Geneva, sans-serif; color:#555; background:#000; height:100%  }
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 {text-align:center !important; }
.small {font-size:12px; line-height:21px; font-style:normal; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif;}
p.small {font-size:12px; line-height:21px; font-style:normal; text-transform:uppercase; font-family:Tahoma, Geneva, 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: Tahoma, Geneva, 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 Tahoma, Geneva, 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 Tahoma, Geneva, sans-serif; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; text-align:center; width:700px; 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: -webkit-xxx-large;font-family: Tahoma, Geneva, sans-serif}
.hentry h1, h2, h3, h4, h5 { line-height:1.2; font-family: Tahoma, Geneva, sans-serif; font-size:36px; color:#303030; padding-top:26px; display:block; position:relative }
h2 {font-size:16px; text-transform:uppercase; font-family: Tahoma, Geneva, 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: Tahoma, Geneva, 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: Tahoma, Geneva, 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: Tahoma, Geneva, 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:#2b2b2b;}

#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:30px; }
/* =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 {background:#fff; position: text-align; left;}
.col2-3.white {background:#fff; text-align:center;}
.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:Georgia, "Times New Roman", Times, serif;  }
.sliphoveritemTitle span {font-size:11px; display:block; text-transform:uppercase; font-style:normal; font-weight:700; letter-spacing:1px; margin-top:3px; font-family: "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: "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:2px; font-style:normal; text-transform:uppercase; color:#888; }
footer p a { color:#888; border:0 }
footer p span { font-family: Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; color:#333; font-style:italic }
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: Tahoma, Geneva, sans-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: Tahoma, Geneva, sans-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; }