@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
8. Content Elements
9. Icons
10. Image Hover
11. Footer
12. Lists
13. Google Maps
14. Blog
-------------------------------------------------------------------*/


/* =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:0 auto; display:inline-block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.hidden { display: none; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#242423; z-index:9999; }
#status { z-index:28; position:absolute; color:#555 !important; top:50%; height:220px; width:100%; margin-top:-115px; }
/* horizontal centering */
.parent { width:230px; margin:0px auto; position:relative; height:220px; 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; height:100%; -webkit-text-size-adjust: 100%; }
body { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color:#555; background:#fff; }
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; }
a { text-decoration:none; }
p a { color:#555; text-decoration:none; border-bottom:1px solid #888; }
p a:hover { color:#2b2b2b; border-bottom:1px solid #555; }
a p { color:#555; }
.no-underline p a { border-bottom:0px; color:#2b2b2b }
p.small, span.small { font-size:11px; text-transform:uppercase; font-weight:400; font-family: "Montserrat", "Open Sans", Arial, Helvetica, sans-serif; color:#555; letter-spacing:2px; padding:0 0 5px 0; line-height:1.9 }
p.small.bigger { font-size:13px; }
aside p { padding-bottom:13px !important }
blockquote p.small a { color:#777 }
blockquote p.small a:hover { color:#2b2b2b; }
p.tiny { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; font-weight:400; font-size:12px; }
.blog-teaser p.tiny { padding-bottom:5px }
p.above-h2 { padding:0px 0 13px 0 }
#preloader p.small { color:#555 !important; padding:0 !important }
span.arrow { font:20px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; float:right; padding-bottom:13px; padding-right:15px; -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; margin-top:-4px; display:inline-block; opacity:0 }
blockquote { padding:0px 0px 2px 43px; color:#555; font-size:19px; }
blockquote.not-boxed { padding:11px 0px 17px 43px; }
blockquote.no-symbol { padding-left:0; padding-top:0; }
blockquote:before { content:"“"; float:left; display:block; margin-left:-44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:72px; margin-top:-3px; font-weight:400; color:#2b2b2b }
blockquote.no-symbol:before { content:""; margin:0; padding:0; float:none }
blockquote p { font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:8px; color:#333 }
blockquote p.small { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; letter-spacing:0; font-weight:400; text-transform:none; font-size:12px; margin-top:-3px; display:block }
blockquote p.small i { padding:0 1px; }
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 }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; position:relative; margin:0 auto; }
h1#logo a { display:inline-block; background:url(../images/bg-logo.png) center no-repeat; background-size:155px 57px; width:155px; height:57px; text-indent:-9999px; }
.hentry h1, h2, h3, h4, h5 { line-height:1.25; color:#2b2b2b; display:block; position:relative; padding-bottom:13px; font-style:italic; }
h2 { font-size:48px; letter-spacing:-2px; margin-top:-5px; padding-bottom:20px; padding-right:20px; }
h3 { font-size:36px; font-weight:400; }
h4 { font-size:24px; font-weight:400; }
h5 { font-size:18px; font-weight:400; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button { font-size:13px; display:none; height:auto; position:absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:101 }
#menu-button .cursor { display:block; height:auto; cursor:pointer; background-color: rgba(255, 255, 255, 1); padding:16px 16px 14px 16px; }
#nav-button { display:inline-block; width:16px; margin:0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.nav-bar { background-color:#555; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }
#main-nav { position: relative; padding: 24px 0px 20px 0px; width: 100%; }
#main-nav a { text-decoration: none; color: #888; font-size: 12px; font-family: "Montserrat", "Open Sans", Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:2px; padding-left:2px; position:relative; display:block }
#main-nav > ul a { text-transform: uppercase; }
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover { color: #fff; }
#main-nav > ul li a { padding: 16px 0 17px 0; border-top:1px solid rgba(255, 255, 255, 0.1); }
#main-nav > ul li a.last { border-bottom:1px solid rgba(255, 255, 255, 0.1); }
#main-nav > ul li a.sub-nav-toggle:before { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5); bottom:21px; content:""; height:8px; left:155px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:8px; }
#main-nav > ul li a.sub-nav-toggle:after { background:#242423; bottom:23px; content:""; height:10px; left:155px; margin-left:-1px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:10px; }
 #menu-button.open #nav-button span:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 position: relative;
 top: 0px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
 #menu-button.open #nav-button span:nth-child(2) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 position: relative;
 top: -4px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
 #menu-button.open #nav-button span:nth-child(3) {
 display: none;
}
#main-nav > ul > li > .sub-nav { padding: 0px 0 12px 0px;/* margin-top:-5px;*/ }
#main-nav > ul > li > .sub-nav > li { }
#main-nav > ul > li > .sub-nav > li:last-child { padding-bottom: 0px; }
#main-nav > ul > li > .sub-nav > li a { font-size: 12px; letter-spacing:0; text-transform:none; font-weight:400; padding: 7px 0px; border:0; margin:0 }
#bottom-header { position:absolute; bottom:35px; width:100%; }
#bottom-header p.small { padding-top:6px; color:#888; line-height:1.9; font-size:10px; }
.social-links { padding: 20px 0px 0 0px; display:inline-block; margin:0 auto; }
.social-list > li > a:before, .social-list li span:before { content: ""; font-family: fontello; font-size: 18px; font-weight:400; color:#888; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-list li span:before { color:#2b2b2b }
.social-list li a:before, .social-list li span:before { padding:3px; margin: 0 1px 0 1px; }
.social-list li:hover a:before { color:#555; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.social-list li { margin:0; display:inline-block }
.element .social-list { margin-left:-2px; }
.element .social-list > li > a:before, .blog-author-description .social-list > li > a:before, .social-list li span:before { font-size: 16px; display:block; margin-top:-2px; }
.social-list > li > i { color: #555; font-size: 13px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding-right: 4px; }
header .social-list > li > a:before { font-size:14px; margin:0; }
.social-list > li > a, .social-list li span { position: relative; top: 1px; }
.social-list > li > a.facebook:before { content: '\e800'; }
.social-list > li > a.dribbble:before { content: '\e801'; }
.social-list > li > a.behance:before { content: '\e802'; }
.social-list > li > a.git:before { content: '\e803'; }
.social-list > li > a.gplus:before { content: '\e804'; }
.social-list > li > a.xing:before { content: '\e805'; }
.social-list > li > a.instagram:before { content: '\e806'; }
.social-list > li > a.twitter:before { content: '\e807'; }
.social-list > li > a.youtube:before { content: '\e808'; }
.social-list li span.youtube:before { content: '\e808'; font-size:22px; padding-top:13px }
.social-list > li > a.slack:before { content: '\e809'; }
.social-list > li > a.pinterest:before { content: '\e80a'; }
.social-list > li > a.tumblr:before { content: '\e80b'; }
.social-list > li > a.soundcloud:before { content: '\e80c'; }
.social-list li span.soundcloud:before { content: '\e80c'; font-size:22px; padding-top:13px }
.social-list > li > a.skype:before { content: '\e80d'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.vimeo:before { content: '\e80f'; }
.social-list li span.vimeo:before { content: '\e80f'; font-size:18px; padding-top:16px }
.social-list > li > a.flickr:before { content: '\e810'; }
.social-list > li > a.email:before { content: '\e811'; }
#filter { position:fixed; bottom:40px; right:40px; height:auto; width:auto; z-index:1111; cursor:pointer; }
.with-margin #filter { right:60px; bottom:50px; }
#filter span { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:table; text-decoration:none !important; padding:5px 10px; padding-right:29px; min-width:90px; /*border-radius:2px;*/ background:#fff }
#filter #options { display:block; position:absolute; bottom:27px; right:0px; top:auto; background:#fff; /*border-radius:2px;*/ min-width:90px; padding:7px 0; opacity: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#filter #options li a { font-size:12px; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; display:block; text-decoration:none; padding:5px 10px; white-space:nowrap; color:#555; }
#filter #options li a.current, #filter #options li a.selected { color:#2b2b2b }
#filter:hover #options { display:block; opacity:1; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#filter:before { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom:7px; content:""; height:8px; right:13px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:8px; }
#filter:after { background:#fff; bottom:3px; content:""; height:10px; right:13px; margin-right:-1px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:10px; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#content { width:100%; z-index:55; background:#fff; }
.container { padding:0px; width:1170px; position:relative; margin:0 auto; padding-top:20px; }
.with-margin #container { margin:5px; }
.with-margin.blog-overview #container, .with-margin.blog-post #container, .with-margin.about-page #container { margin:10px; }
.with-margin.blog-post #container, .with-margin.about-page #container { margin-top:-30px; margin-bottom:70px; }
#background-color { display:none }
.oldie #background-color { display:none !important }
.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color { -webkit-transform: translate3d(260px, 0px, 0px); transform: translate3d(260px, 0px, 0px); }
.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer { -webkit-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); }
#content, #header, #footer, .logo-wrapper, #background-color { -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
header { position: fixed; top: 0; left: 0; width: 260px; z-index:101; height:100%; background:#242423; padding:40px 44px 0px 44px; }
#content { position:relative; padding-left:260px; z-index:100 }
.blog-overview .container { padding-top:65px; }
.gallery .container { padding-top:40px }
#nav-background { background:#242423; width:260px; position:fixed; height:100%; z-index:98; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col3-3 { width:1150px; height:auto; margin:10px; float:left; position:relative }
.col1-3 { width:370px; height:auto; margin:10px; float:left; position:relative; }
.col2-3 { width:760px; height:auto; margin:10px; float:left; position:relative; }
.col1-3.smaller { padding-left:45px; }
.col1-3.smaller.left-side { padding:0; padding-right:45px; }
.column-count2 { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:45px; -moz-column-gap:45px; column-gap:45px; }
.element .col1-3, .element .col2-3, .element .col3-3, .col3-3 .col2-3 { margin:0; float:none }
.thumbs { width:33.333333%; float:left; position:relative; margin:0; height:auto; }
.with-margin .thumbs { padding:5px; }
.with-margin.blog-overview .thumbs, .with-margin.blog-post .thumbs, .with-margin.about-page .thumbs { padding:10px; }
.about-page .halfs { width:50%; float:left; position:relative; margin:0; height:auto; }
.borderline { border-top:1px dotted #d8d8d8; height:1px; width:100%; display:inline-block; position:relative; margin:10px 0 30px 0; }
.divider { background:#555; height:1px; width:20px; display:inline-block; top:-3px; position:relative; margin:0 6px 0 5px; }
.bottom-background { background:#fff; padding:40px 45px 34px 45px; position:relative; border:1px solid #d8d8d8; border-top:0; }
.boxed { border-top:1px dotted #d8d8d8; border-bottom:1px dotted #d8d8d8; padding:30px 0 25px 0; margin:20px 0 30px 0; }
.boxed.first { border-top:0; padding-top:0; margin-top:0 }
.bottom { position:absolute; bottom:40px; }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow:hidden; }
.relative { position:relative }
.big-break { display:block; position:relative; height:50px; width:100%; }
.break { display:block; position:relative; height:40px; width:100%; }
.medium-break { display:block; position:relative; height:30px; width:100%; }
.small-break { display:block; position:relative; height:20px; width:100%; }
.tiny-break { display:block; position:relative; height:10px; width:100%; }
.pagination-wrapper { display: block; width: 100%; padding: 0px 40px 40px 0px; position:relative }
.pagination { display: block; float: right; }
.pagination > li { display: block; float: left; margin-left: 10px; border: 1px solid #D8D8D8; -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; }
.pagination > li.active { border:1px solid #888; float:left }
.pagination > li:hover { border:1px solid #888; -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; }
.pagination > li > a { display: block; text-align: center; padding: 7px; width: 27px; height: 29px; color: #D8D8D8; font-size: 14px; font-weight: bold; font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
.pagination > li.active > a, .pagination > li:hover > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { color: #2b2b2b; }
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons
--------------------------------------------------------------------------------------------------------*/
.icons { position:relative; height:48px; width:48px; margin-bottom:16px; margin-top:5px; }
.icon-holder { position:relative; float:left; height:48px; width:48px; margin-top:5px; }
.centered .icons, .centered .icon-holder { float:none; display:inline-block; }
.next-to-icon { margin-left:80px; margin-bottom:15px; padding-right:20px; }
.next-to-icon.last { margin-bottom:0 }
.icon-container { position:absolute; background:#fff; height:50px; width:50px; left:45px; bottom:45px; /*border-radius:2px;*/ text-align:center; }
.blog-teaser .icon-container { right:45px; top:45px; left:auto; bottom:auto }
.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; }
.camera2 { background:url(../images/icons/bg-camera2.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; }
.quote { background:url(../images/icons/bg-quote.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; }
/* 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: #fff 0 0 0 }
.images.round img { border:0 none; border-radius:50%; }
.image-container { padding:0px 0 40px 0; overflow:hidden }
.blog-overview .image-container { margin:0px 0 25px 0; padding:0 }
.videos { width:800px; height:450px }
.sliphoveritemTitle i { display:inline-block; font-size:20px; font-weight:400; line-height:1.5; font-family: Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; padding:5px 10px; /*border-radius:2px;*/ background:#fff; font-style:italic }
.sliphoveritemTitle span { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:table; text-decoration:none !important; padding:5px 10px; margin-top:1px; /*border-radius:2px;*/ background:#fff }
.sliphoveritemTitle div { position:relative; }

.sliphover2 .sliphoveritemTitle i { display:inline-block; font-size:20px; font-weight:400; line-height:1.5; font-family: Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; padding:0; font-style:italic; margin-top:-7px; background:none }
.sliphover2 .sliphoveritemTitle span { font-size:11px !important; text-transform:uppercase; font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:table; text-decoration:none !important; padding:0px; margin-top:0px; background:none }

/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Footer
--------------------------------------------------------------------------------------------------------*/
footer { margin:55px 10px 30px 10px; padding:28px 0; border-top:1px dotted #d8d8d8; width:1150px; position:relative; text-align:center; }
footer a h5 { padding-bottom:2px; color:#999; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer p { font-size:14px; }
footer .alignleft .small, footer .alignright .small { font-size:11px; font-weight:400; }
footer a .small, footer .small { color:#999; font-size:10px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer a:hover .small, footer a:hover h5 { color:#2b2b2b; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer a:hover .small { color:#555 }
footer .alignright { text-align:right; max-width:50%; width:50%; white-space:nowrap }
footer .alignleft { text-align:left; max-width:50%; width:50%; white-space:nowrap }
.blog-overview footer .alignright, .blog-overview footer .alignleft { white-space:normal }
footer .aligncenter { top:-48px; position:relative }
.arrow-left, .arrow-right { display:inline-block; font:30px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:normal !important; line-height:1; text-decoration:none !important; float:left; padding-top:4px; width:45px; color:#999 }
.arrow-right { float:right }
footer .col1-3 { margin:0 }
footer .margin-top { margin-top:4px }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =12. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: circle; line-height:1.5; padding:0px 0px 13px 20px; text-align:left !important; font-family: Georgia, "Times New Roman", Times, serif; }
ol { list-style: decimal; line-height:1.5; padding:0px 0px 13px 20px; font-family: Georgia, "Times New Roman", Times, serif; }
.child ul.unordered-list, .child .hentry ul, .child ol { padding:10px 30px 0 50px; }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#555; text-decoration:none; border-bottom:1px solid #888; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; border-bottom:1px solid #555; }
ul li span.lighter { color:#888; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:12px; }
ul.tag-list { list-style: none; line-height:1.5; padding:7px 0px 15px 0px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:12px; }
ul.tag-list li a { background:#eee; padding:5px 10px 6px 10px; color:#555; border:0 none; /*border-radius:2px;*/ display:inline-block; float:left; margin-right:5px; margin-bottom:5px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =13. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map { width:100%; height:395px; 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 Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =14. Blog
--------------------------------------------------------------------------------------------------------*/
.blog-author-profile { padding: 55px 0 45px; width: 100%; }
.blog-author-picture { float: left; padding:0 30px; line-height: 0; width:25% }
.blog-author-picture > img { display: block; width: 100%; max-width: 150px; }
.blog-author-description { float: left; width: 75%; padding-right:30px; }
p.alignleft { padding-right:15px; }
.comments { padding: 22px 0px 26px 0px; }
.comment-count { height: 60px; border-bottom: 1px dotted #d8d8d8; }
.comment { padding: 40px 0 25px 0; border-bottom: 1px dotted #d8d8d8; position:relative }
.comment p.tiny { padding-bottom:5px }
.comment.reply.level-1 { padding-left: 6.6%; }
.commenter-avatar { float: left; padding: 0 30px; width: 135px; }
.commenter-avatar > img { width: 75px; }
.comment-content { float: left; max-width:70%; }
.comment-reply-button-column { float: right; width: auto; }
.comment-reply-button-column a { margin: 0px 25px; color:#555; }
.comment-reply-button-column a:hover { color:#2b2b2b; }
.about-image-wrapper { width: 150px; float: left; margin: 0 20px 0 70px; }
.about-image-wrapper img { display: block; float: right; }
.comment-form-wrapper { padding: 69px 0 0 0; position: relative; }
.comment-form-icon-wrapper { position: absolute; top: 69px; left: 30px; background:url(../images/icons/bg-quote.png) no-repeat center; background-size:24px 24px; display: block; height: 75px; width: 75px; border:0 none; border-radius:50%; border:1px solid #ccc }
.comment-form { padding: 0 30px 0 136px; }
.comment-form.contact-form { padding-left:30px }
.comment-form > input, .comment-form > textarea { padding: 17px 18px; width: 289px; margin-bottom: 10px; border:1px solid #d8d8d8; text-align: left; font-style: normal; font-size: 16px; line-height: 20px; background:#fff; }
input:focus, textarea:focus { border:1px solid #999; }
.comment-form.contact-form input { float:left; margin-right:10px; width:280px; }
input.last { margin-right:0 !important }
.comment-form > textarea { width: 100%; height: 174px; }
aside p.small { color:#2b2b2b }
/* End Blog
--------------------------------------------------------------------------------------------------------*/