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

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
....
-------------------------------------------------------------------*/


/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello.eot?3837060');
 src: url('../fonts/fontello.eot?3837060#iefix') format('embedded-opentype'),  url('../fonts/fontello.woff?3837060') format('woff'),  url('../fonts/fontello.ttf?3837060') format('truetype'),  url('../fonts/fontello.svg?3837060#fontello') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windows. 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?43886684#fontello') format('svg');
  }
}
*/
/* End Fonts
--------------------------------------------------------------------------------------------------------*/


/* =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; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


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


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#content {padding-bottom: 150px;}
html.oldie, .oldie body, .oldie #wrap {height: auto;}
.oldie body > #wrap {height: auto; min-height:inherit;}
.oldie #content {padding-bottom:0px; }
body { font-size: 16px;  font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif; color:#fff; background:#0a0a0a; height:100%  }
strong { font-weight:600; }
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; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { line-height:1.5; padding:0 0px 13px 0px; }
p.big {font-size:18px; }
a { text-decoration:none; color:#fff; border-bottom:1px dotted #fff; }
p a { color:#fff; text-decoration:none; border-bottom:1px dotted #fff;  }
.child p a {text-decoration:none; border:0 }
.child p {padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:0}
p a:hover { color:#fff; }
p.small {font-size:14px; font-weight:400; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; padding:0 0 3px 0; font-style:italic; }
#status p.small {color:#fff; font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif; font-weight:400; font-style:normal !important; font-size:16px; letter-spacing:0 }
#tags {font-size: 0px; }
p a .tag {text-transform:none !important; text-decoration:none !important; margin:2px; padding:6px 10px; border:1px dotted #3e3e3e; display:inline-block; font-size:15px; }
p a .tag-count { font-size:13px; font-weight:400; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; font-style:normal; }
blockquote { padding:19px 40px 9px 55px; margin:12px 0px 24px 0px; border-bottom:1px dotted #3e3e3e; border-top:1px dotted #3e3e3e; color:#777; font-size:20px; font-style:italic; }
blockquote:before {content:"“"; float:left; display:block; margin-left:-64px; font-family:Georgia, "Times New Roman", Times, serif; font-size:96px; margin-top:-6px; font-weight:400 }
blockquote p {font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
em { font-style:italic; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; }
code { font:13px "Courier New", Courier, monospace; font-style:normal; line-height:1.5; display:block; padding-top:4px; }
pre { padding:0 30px 25px 30px; border:1px dotted #3e3e3e; margin-top:10px; margin-bottom:10px; display:inline-block }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; text-align:center; width:280px; padding:45px 0 5px 0; margin:0 auto; z-index:1; }
h1#logo a { display:inline-block; background:url(../images/bg-logo.png) no-repeat; background-size:179px 89px; width:179px; height:89px; text-indent:-9999px; }
.tagline { font-family:"Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; margin:0px auto; position:relative; font-style:italic;  text-align:center; color:#555 }
.tagline span { display:inline-block;  }
.hentry h1, h2, h3, h4, h5 { line-height:1.2; display:block; position:relative; padding-bottom:13px; }
.child h3, child h4, child h5 {padding-bottom:0}
h1 {font-size:76px; font-weight:300; line-height:68px; letter-spacing:-2px; margin-top:-5px; }
h2 {font-size:50px; font-weight:300; line-height:64px; letter-spacing:-2px; margin-top:-4px; }

.hentry h2 {margin-top:0 }
h2 strong {font-weight:700; letter-spacing:-1px; }
h3 {font-size:24px; font-weight:400; line-height:31px; }
.posts h3 {padding-right:30px; }
h4 {font-size:115px; font-weight:400;}
h5 {font-size:16px; font-weight:700;}
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#options { width:auto; z-index:300; text-align:center; white-space: nowrap; padding-top:10px;}
#options ul { position:relative; padding:0; border:0; font-size: 0; list-style:none; display:inline-block }
#options ul li {display:inline-block; height:100%; width:auto; position:relative; vertical-align:top; }
#options ul li a { color:#fff; font-family: "Open Sans", Arial, Helvetica, sans-serif; display:inline-block; padding:10px 15px; text-decoration:none; text-transform:uppercase; height:100%; font-size:14px; line-height:19px; font-weight:600; margin:0 }
#options li a:hover, #options li a.current, #options li a.selected { color:#2b2b2b !important;}
.dead-link {cursor:default !important }

#options ul li ul {position:relative; z-index:500; margin-left:-80px; left:50%; width:160px; display:none; height:auto; }
.no-js #options ul li:hover ul {display:block;}
#options ul li ul li {display:block; position:relative; opacity: 0.0; -webkit-transition: opacity ease-in-out 0.4s; transition: opacity ease-in-out 0.4s; }
#options ul li ul li.opaque, .no-js #options ul li:hover ul li {opacity: 1.0; -webkit-transition: opacity ease-in-out 0.4s; transition: opacity ease-in-out 0.4s;}
#options ul li ul li a {padding:7px; border-bottom:1px dotted #d5d5d5; font-size:12px; }
#options ul li ul li a.last {border:0 }
#options ul li ul:hover li a, #options ul li:hover ul li a {color:#888; }
#options ul li ul li:hover a {color:#2b2b2b; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
header { position:relative; z-index:55; width:100%; padding:0px; padding-bottom:25px; margin-bottom:40px; background:#5e5e5e; }
header:after { background:#5e5e5e; bottom:-7px; content:""; height:18px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:18px; margin-left:-9px; }
#content {width:100%; position:relative; height:auto;/* margin-bottom:40px;*/}
#content-break {height:40px; position:relative; display:block; }
.container { padding:0px; width:1280px; position:relative; margin:0 auto; }
.break {position:relative; height:15px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col3-3 { width:940px; height:580px; margin:10px; background:#0a0a0a; position:relative }
.col1-3 { width:300px; height:280px; margin:10px; background:#0a0a0a; float:left; position:relative }
.col2-3 { width:620px; height:580px; margin:10px; background:#0a0a0a; float:left; position:relative }
.col2-3.auto, .col1-3.auto, .col3-3.auto {height:auto; }

.col2-3.grey {padding:44px 49px 32px; border:1px solid #3e3e3e; }
.col2-3.grey h2{font-size: 78px;}
.col2-3.grey h3{font-size: 119px;}
.col1-3.grey {padding:24px 29px 15px; border:1px solid #3e3e3e; }
.col1-3.grey.socialize {padding:0 !important }
.border { border:1px solid #3e3e3e; }

.column-count2 { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:40px; -moz-column-gap:40px; column-gap:40px; }

.overflow, .element {overflow:hidden; }

.element > .elem-content > .ct-part { padding:24px 30px 11px 30px; border-top: 0px none transparent; }

.heading {position:absolute; top:0; left:0; z-index:10; color:#2b2b2b; background:#fff; padding:25px 30px 5px; max-width:380px; text-align:center; margin:50px;}
.heading:after { background:#fff; bottom:-7px; content:""; height:16px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:16px; margin-left:-8px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =11. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; float:left; margin-bottom:6px; }
.centered .icons { float:none; display:inline-block; }
.map { background:url(../images/icons/bg-map.png) no-repeat center left; background-size:48px 48px; }
.winner { background:url(../images/icons/bg-winner.png) no-repeat center; background-size:48px 48px; }
.time { background:url(../images/icons/bg-time.png) no-repeat center; background-size:48px 48px; }
.pig { background:url(../images/icons/bg-pig.png) no-repeat center; background-size:48px 48px; }
.adjust { background:url(../images/icons/bg-adjust.png) no-repeat center; background-size:48px 48px; }
.team { background:url(../images/icons/bg-team.png) no-repeat center; background-size:48px 48px; }
.works { background:url(../images/icons/bg-works.png) no-repeat center; background-size:48px 48px; }
.chat { background:url(../images/icons/bg-chat.png) no-repeat center; background-size:48px 48px; }
.notes { background:url(../images/icons/bg-notes.png) no-repeat center; background-size:48px 48px; }
.camera { background:url(../images/icons/bg-camera.png) no-repeat center; background-size:48px 48px; }
.illustration { background:url(../images/icons/bg-illustration.png) no-repeat center; background-size:48px 48px; }
.social { background:url(../images/icons/bg-social.png) no-repeat center; background-size:48px 48px; }
.vector { background:url(../images/icons/bg-vector.png) no-repeat center; background-size:48px 48px; }
.commerce { background:url(../images/icons/bg-commerce.png) no-repeat center; background-size:48px 48px; }
.search { background:url(../images/icons/bg-search.png) no-repeat center; background-size:48px 48px; }
.like { background:url(../images/icons/bg-like.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }
.document { background:url(../images/icons/bg-document.png) center no-repeat; background-size:48px 48px; }
.apple { background:url(../images/icons/bg-apple.png) center no-repeat; background-size:48px 48px; }
.balance { background:url(../images/icons/bg-balance.png) center no-repeat; background-size:48px 48px; }
.beaker { background:url(../images/icons/bg-beaker.png) center no-repeat; background-size:48px 48px; }
.beer { background:url(../images/icons/bg-beer.png) center no-repeat; background-size:48px 48px; }
.books { background:url(../images/icons/bg-books.png) center no-repeat; background-size:48px 48px; }
.box { background:url(../images/icons/bg-box.png) center no-repeat; background-size:48px 48px; }
.cake { background:url(../images/icons/bg-cake.png) center no-repeat; background-size:48px 48px; }
.calculator { background:url(../images/icons/bg-calculator.png) center no-repeat; background-size:48px 48px; }
.cd { background:url(../images/icons/bg-cd.png) center no-repeat; background-size:48px 48px; }
.champagne { background:url(../images/icons/bg-champagne.png) center no-repeat; background-size:48px 48px; }
.chart { background:url(../images/icons/bg-chart.png) center no-repeat; background-size:48px 48px; }
.cheese { background:url(../images/icons/bg-cheese.png) center no-repeat; background-size:48px 48px; }
.court { background:url(../images/icons/bg-court.png) center no-repeat; background-size:48px 48px; }
.delivery { background:url(../images/icons/bg-delivery.png) center no-repeat; background-size:48px 48px; }
.dvd { background:url(../images/icons/bg-dvd.png) center no-repeat; background-size:48px 48px; }
.eco { background:url(../images/icons/bg-eco.png) center no-repeat; background-size:48px 48px; }
.film { background:url(../images/icons/bg-film.png) center no-repeat; background-size:48px 48px; }
.grape { background:url(../images/icons/bg-grape.png) center no-repeat; background-size:48px 48px; }
.hot { background:url(../images/icons/bg-hot.png) center no-repeat; background-size:48px 48px; }
.house { background:url(../images/icons/bg-house.png) center no-repeat; background-size:48px 48px; }
.icecream { background:url(../images/icons/bg-icecream.png) center no-repeat; background-size:48px 48px; }
.joystick { background:url(../images/icons/bg-joystick.png) center no-repeat; background-size:48px 48px; }
.keynote { background:url(../images/icons/bg-keynote.png) center no-repeat; background-size:48px 48px; }
.link { background:url(../images/icons/bg-link.png) center no-repeat; background-size:48px 48px; }
.magic { background:url(../images/icons/bg-magic.png) center no-repeat; background-size:48px 48px; }
.mail { background:url(../images/icons/bg-mail.png) center no-repeat; background-size:48px 48px; }
.microphone { background:url(../images/icons/bg-microphone.png) center no-repeat; background-size:48px 48px; }
.network { background:url(../images/icons/bg-network.png) center no-repeat; background-size:48px 48px; }
.palette { background:url(../images/icons/bg-palette.png) center no-repeat; background-size:48px 48px; }
.plaster { background:url(../images/icons/bg-plaster.png) center no-repeat; background-size:48px 48px; }
.player { background:url(../images/icons/bg-player.png) center no-repeat; background-size:48px 48px; }
.polaroid { background:url(../images/icons/bg-polaroid.png) center no-repeat; background-size:48px 48px; }
.printer { background:url(../images/icons/bg-printer.png) center no-repeat; background-size:48px 48px; }
.pulse { background:url(../images/icons/bg-pulse.png) center no-repeat; background-size:48px 48px; }
.radio { background:url(../images/icons/bg-radio.png) center no-repeat; background-size:48px 48px; }
.recorder { background:url(../images/icons/bg-recorder.png) center no-repeat; background-size:48px 48px; }
.scissors { background:url(../images/icons/bg-scissors.png) center no-repeat; background-size:48px 48px; }
.select { background:url(../images/icons/bg-select.png) center no-repeat; background-size:48px 48px; }
.serving { background:url(../images/icons/bg-serving.png) center no-repeat; background-size:48px 48px; }
.share { background:url(../images/icons/bg-share.png) center no-repeat; background-size:48px 48px; }
.shop { background:url(../images/icons/bg-shop.png) center no-repeat; background-size:48px 48px; }
.shopping { background:url(../images/icons/bg-shopping.png) center no-repeat; background-size:48px 48px; }
.smartphone { background:url(../images/icons/bg-smartphone.png) center no-repeat; background-size:48px 48px; }
.sofa { background:url(../images/icons/bg-sofa.png) center no-repeat; background-size:48px 48px; }
.syringe { background:url(../images/icons/bg-syringe.png) center no-repeat; background-size:48px 48px; }
.tape { background:url(../images/icons/bg-tape.png) center no-repeat; background-size:48px 48px; }
.target { background:url(../images/icons/bg-target.png) center no-repeat; background-size:48px 48px; }
.television { background:url(../images/icons/bg-television.png) center no-repeat; background-size:48px 48px; }
.video { background:url(../images/icons/bg-video.png) center no-repeat; background-size:48px 48px; }
.walkman { background:url(../images/icons/bg-walkman.png) center no-repeat; background-size:48px 48px; }
.zoom { background:url(../images/icons/bg-zoom.png) center no-repeat; background-size:48px 48px; }
.tags { background:url(../images/icons/bg-tags.png) center no-repeat; background-size:48px 48px; }

.social-wrapper { float:left; width:99px; height:93px; border-bottom:1px solid #3e3e3e; -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;}
.social-wrapper.middle {border-left:1px solid #3e3e3e; border-right:1px solid #3e3e3e; width:100px !important }
.social-wrapper.bottom {border-bottom:0 !important }
.social-wrapper.top {height:93px !important }
.social-wrapper.filled:hover {background:#0f0f0f; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s;}
.social-wrapper.filled {cursor:pointer }
.social-wrapper:hover .social_icon {color:#fff; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; transition: color 0.2s ease 0s;}
.social_icon { display: block; position: relative; font-size: 30px; line-height: 91px; width: 99px; height: 93px; color: #555; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; margin:auto; }
.social_icon:before { content: ""; }
.social_icon.facebook:before { content: '\e800'; }
.social_icon.dribbble:before { content: '\e801'; }
.social_icon.behance:before { content: '\e802'; }
.social_icon.git:before { content: '\e803'; }
.social_icon.googleplus:before { content: '\e804'; }
.social_icon.xing:before { content: '\e805'; }
.social_icon.instagram:before { content: '\e806'; }
.social_icon.twitter:before { content: '\e807'; }
.social_icon.youtube:before { content: '\e808'; }
.social_icon.slack:before { content: '\e809'; }
.social_icon.pinterest:before { content: '\e80a'; }
.social_icon.tumblr:before { content: '\e80b'; }
.social_icon.soundcloud:before { content: '\e80c'; }
.social_icon.skype:before { content: '\e80d'; }
.social_icon.linkedin:before { content: '\e80e'; }
.social_icon.vimeo:before { content: '\e80f'; }
.social_icon.flickr:before { content: '\e810'; }
.social_icon.email:before { content: '\e811'; }
/* 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:18px; font-weight:600; font-family: "Open Sans", Arial, Helvetica, sans-serif; letter-spacing:0px; color:#2b2b2b }
.sliphoveritemTitle span {font-size:11px; display:block; text-transform:uppercase; font-style:normal; font-weight:400; letter-spacing:1px; margin-bottom:7px; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
.sliphoveritemTitle div {background:#fff !important; }
.sliphoveritemTitle div:after { background:#fff; bottom:-6px; content:""; height:14px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:14px; margin-left:-7px; }
.empty-link {cursor:default }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: circle; line-height:1.5; padding:0px 40px 13px 40px; text-align:left !important; font-size: 16px;  font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;}
ol { list-style: decimal; line-height:1.5; padding:0px 40px 13px 40px; text-align:left !important; font-size: 16px;  font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;}
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =16. Footer
--------------------------------------------------------------------------------------------------------*/
footer { padding:41px 25px 20px 25px; width:100%; text-align:center; z-index:1000; min-height:150px; margin-top: -150px; background:#5e5e5e; position:relative }
.oldie footer {margin-top:0 }
footer p, footer p a { color:#fff; font-size:14px; border:0; text-decoration:none }
footer p.copyright { font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:italic; font-size:13px; margin-top:1px; }
footer p a:hover { color:#2b2b2b; border:0 }
span.padding {padding:0 3px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/