@charset "utf-8";

/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
 font-family: 'fontello';
 src: url('../fonts/fontello1b1b.eot?3837060');
 src: url('../fonts/fontello1b1b.eot?3837060#iefix') format('embedded-opentype'), url('../fonts/fontello1b1b.woff?3837060') format('woff'), url('../fonts/fontello1b1b.ttf?3837060') format('truetype'), url('../fonts/fontello1b1b.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:#f5f5f5; 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: 'Merriweather', Georgia, "Times New Roman", Times, serif; color:#555; background:#f5f5f5; }
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; }
#content p{
	margin-bottom:22px;
}
p { line-height:1.5; 
	padding:0 0px 13px 0px;
	font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    color:rgba(0,0,0,0.87);
    font-family: 'Merriweather';
    letter-spacing: .007rem;
    font-weight: 400;
    font-style: normal;
    max-width:700px;
    }
a { text-decoration:none; }
p a { color:#555; text-decoration:none; border-bottom:1px solid #555; }
p a:hover { color:#2b2b2b; border-bottom:1px solid #2b2b2b; }
a p { color:#555; }
p.small, span.small { font-size:11px; text-transform:uppercase; font-weight:600; font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; color:#555; letter-spacing:2px; padding:0 0 5px 0; line-height:1.9 }
a p.small { color:#2b2b2b }
p.small a { color:#3d9991; text-decoration:none; padding-bottom:2px; position:relative }
p.small a:after { border-bottom: 1px solid #3d9991; position: absolute; content: ""; right: 0; top:100%; left: 0; margin-right:2px; }
p.tiny { font-size: 12px; font-family: "Lato", 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; letter-spacing:0.5px; line-height:1; color:#555 !important; }
p.above-h2 { padding:0px 0 13px 0 }
.centered p.small { padding-left:2px; }
.text-alignleft { text-align:left !important }
#preloader p.small { color:#555 !important; padding:0 !important }
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; }
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 }
.back-button span.arrow { opacity:1 !important }
a span.arrow { color:#555; }
a:hover span.arrow { padding-right:0; -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; opacity:1 }
blockquote { color:#2b2b2b; font-size:24px; font-style:italic; width:auto; padding-right:40px; color:#555 }
.col3-3.centered blockquote { padding:5px 175px 10px 175px; color:#2b2b2b }
.col2-3 blockquote { padding:5px 145px 10px 145px !important; }
.hentry 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:'Lato', 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
blockquote p.small { font-style:normal; color:#777; letter-spacing:0; font-weight:400; text-transform:none; font-size:12px; padding-top:3px; }
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:60px 52px; width:60px; height:52px; text-indent:-9999px; }
.tagline { font-family:"Lato", "Open Sans", Arial, Helvetica, sans-serif; font-size:26px; font-weight:600; margin:0px auto; position:relative; line-height:1.5; color:#2b2b2b; padding:3px 0 0 0; text-transform:uppercase }
.hentry h1, h2, h3, h4, h5 { line-height:1.3; color:#2b2b2b; display:block; position:relative; padding-bottom:13px;/* padding-right:20px*/ }
.hentry .centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .hentry .alignright h1, .alignright h2, .alignright h3, .alignright h4, .alignright h5 { padding-right:0 }
h2 { font-size:48px; font-weight:300; line-height:60px; letter-spacing:-2px; margin-top:-5px; padding-bottom:20px; }
h2 strong { font-weight:700; letter-spacing:-1px; }
h3 { font-size:24px; font-weight:400; line-height:31px; }
h4 { font-size:20px; font-weight:400; line-height:27px; }
h5 { font-size:18px; font-weight:400; }
.blog-post h2 { font-size:36px; line-height:50px }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button { font-size:13px; font-family:"Lato", "Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase; 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 { background-color: #fff; position: relative; padding: 24px 44px 20px 44px; width: 100%; }
#main-nav a { text-decoration: none; color: #888; font-size: 12px; font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; font-weight:600; letter-spacing:2px; padding-left:2px; position:relative; white-space: nowrap; }
#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, #options li a.current, #options li a.selected { color: #2b2b2b; }
#main-nav li a.active { text-decoration: underline !important;}
.lt-ie10 #main-nav li a.active:after { border:0 }
#main-nav > ul li { padding: 7px 0; }
#main-nav > ul > li > .sub-nav { padding: 9px 0 3px 0px; }
#main-nav > ul > li > .sub-nav > li { padding: 4px 0px; }
#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; margin:0 }
#bottom-header { position:absolute; bottom:35px; width:100%; text-align:center; }
#bottom-header p.small { padding-top:20px; color:#888; line-height:1.9; font-size:10px; }
.social-links { padding: 20px 10px 0 10px; min-width:180px; border-bottom:1px dotted #d8d8d8; display:inline-block; margin:0 auto; }
.social-list { padding-bottom:20px; }
.social-list > li > a:before { content: ""; font-family: fontello; font-size: 18px; font-weight:400; color:#888 }
.social-list li a:before { padding:3px; margin: 0 1px 0 1px; }
.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 { font-size: 16px; display:block; margin-top:-2px; }
.social-list > li > i { color: #555; font-size: 13px; font-family: "Lato", '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 { position: relative; top: 1px; display:block; }
.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 > 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 > a.skype:before { content: '\e80d'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.vimeo:before { content: '\e80f'; }
.social-list > li > a.flickr:before { content: '\e810'; }
.social-list > li > a.email:before { content: '\e811'; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#content { width:100%; z-index:55; }
.container { padding:0px; width:1170px; position:relative; margin:0 auto; padding-top:20px; }
.with-margin #container {margin:25px 35px; }
#background-color { display:none }
.oldie #background-color { display:none }
#header, #content { background:#f5f5f5; }
.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:#fff; padding-top:53px; text-align:center; }
#content { position:relative; padding-left:260px; z-index:100 }
.blog-overview .container { padding-top:65px; }
.gallery .container { padding-top:40px }
#white-background { background:#fff; 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; }
.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; }
.borderline { border-top:1px dotted #d8d8d8; height:1px; width:100%; display:inline-block; position:relative; margin:20px 0 0 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 20px 45px; position:relative; margin-top:-40px; }
.blog-overview .bottom-background { padding-bottom:37px; }
.bottom-background:after { background:#fff; top:-10px; content:""; height:24px; left:47px; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:24px; }
.bottom-background.centered:after { left:50%; margin-left:-12px; }
.boxed { border-top:1px dotted #888; border-bottom:1px dotted #888; padding:40px 0 20px 0; margin:30px 0 40px 0 !important; }
.bottom {position:absolute; bottom:40px; }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.element.blog-teaser{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.2s ease-in-out; }
.overflow, .element { overflow:hidden; }
.relative { position:relative }
.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%; }
.blog-overview .element.blog-teaser:nth-child(2) { margin-top: 46px; }
.blog-overview .element.blog-teaser:nth-child(3) { margin-top: -34px; }
pagination-wrapper { display: block; width: 100%; padding: 0px 0px 0px 12px; top:-5px; 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 #b7b7b7; float:left }
.pagination > li:hover { border:1px solid #b7b7b7; -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: 28px; 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: #666666; }
/* =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; }
.next-to-icon.last { margin-bottom:0 }
.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; }
.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:5px 0 40px 0; overflow:hidden }
.blog-overview .image-container { margin:0px 0 25px 0; padding:0 }
.videos { width:800px; height:450px }
.sliphoveritemTitle { font-size:11px !important; text-transform:uppercase; font-weight:700; font-family:'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:1.5; display:block; text-decoration:none !important; }
.sliphoveritemTitle span { display:block; font-size:20px; font-weight:700; line-height:1.5; font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif; text-transform:none; letter-spacing:0; position:absolute; bottom:-3px; width:100%; }
.sliphoveritemTitle i { display:block; font:30px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; right:-3px; font-style:normal !important; position:absolute; line-height:1.5; bottom:-5px; text-decoration:none !important; }
.sliphoveritemTitle div { position:relative; padding-left:5px; }
/* 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:14px; font-style:italic; letter-spacing:0; font-weight:400; text-transform:none }
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 }
/* 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-size: 16px; font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif; }
ol { list-style: decimal; line-height:1.5; padding:0px 0px 13px 20px; font-size: 16px; font-family: 'Merriweather', 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:underline; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#2b2b2b; text-decoration:underline; }
/* =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; margin:0 30px; line-height: 0; width: 150px; }
.blog-author-picture > img { display: block; width: 100%; max-width: 150px; }
.blog-author-description { float: left; width: 75%; padding-right:30px; }
.blog-author-description > h3 { padding-top: 13px; }
.comments { padding: 22px 0px 26px 0px; }
.comment-count { height: 47px; border-bottom: 1px dotted #d8d8d8; }
.comment { padding: 29px 0; border-bottom: 1px dotted #d8d8d8; position:relative }
.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; font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; font-style:italic }
.comment-reply-button-column a { margin: 0px 32px 0 32px; 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:48px 48px; display: block; height: 75px; width: 75px; }
.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:0; text-align: left; font-style: normal; font-size: 16px; line-height: 20px; background:#e9e9e9; }
.comment-form > input:focus, .comment-form > textarea:focus { background:#e5e5e5; }
.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; }
.comment-form .send-btn { border: none 0px transparent; background: url(../images/icons/bg-mail.png) no-repeat scroll top right transparent; background-size:48px 48px; padding: 19px 55px 16px 4px; height: 48px; font-family: 'Lato', 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 15px; display: block; width: auto; float: right; margin: 17px 25px 0px 0px; cursor: pointer; line-height:12px; font-style:italic; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =15. Services
--------------------------------------------------------------------------------------------------------*/
.service_box { display: block; text-align: center; margin-top: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:55; position:relative }
.service_item { display: inline-block; padding: 12px 22px; position: relative; cursor:help; text-align: center; min-width: 152px; margin-bottom: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.icon_box { display: inline-block; height: 48px; width: 48px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.service_name { padding: 0; margin: 13px 0 0 0; }
.service_details { display: none; position: absolute; bottom: 138px; left: 50%; margin-left: -50%; background-color: #fff; padding: 31px 45px 27px 50px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.service_details:after { background:#fff; bottom:-10px; content:""; height:24px; left:50%; position:absolute; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); width:24px; margin-left:-12px; }
.service_item.hover > .service_details, .service_item.open > .service_details { display: block; }
.service_details > li { text-align: left; white-space: nowrap; font-size: 14px; line-height:1.5; list-style: circle; margin-bottom: 5px; position: relative; }
/* =End Services
--------------------------------------------------------------------------------------------------------*/