@charset "utf-8";
/* CSS Document */
@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;
}

/* 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; }

*, *: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/logo.png) center no-repeat; background-size:155px 90px; width:155px; height:90px; 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; 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: #242423; 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%;*/width:25%; 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 transition: all 0.6s ease 0s;}
.sliphoveritemTitle span:hover { transform: none !important;}
.images img:hover { transform: scale(1.3);}
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:12px !important;/*  text-transform:uppercase;*/ font-weight:400; font-family:'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif; line-height:1.5; display:table; text-decoration:none !important; padding: 15px 8px; margin-top:1px; /*border-radius:2px;*/ /*background:#fff*/ color: #FFF; text-align: center; }
.sliphoveritemTitle div { position:relative; }
.sliphoveritemTitle { padding: 0px !important;}
.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
--------------------------------------------------------------------------------------------------------*/
.solcalbx { float: left;}
.solcalbx ul { list-style: none;}
.solcalbx ul li { float: left; padding-right: 8px;}
.solcalbx ul li a { color: #555;}
.mapbx iframe { width: 100%; height: 350px;}
.left-side h2 { font-size: 29px; padding-bottom: 0px;}

.view {
   width: 100%;
   height: auto;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
   width: 100%;
   height: 465px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
}

a.clientlogo  {
    /*border: 3px solid #000;*/
    margin-bottom: 50px;
	display: inline-block;
}
.view-first img {
    transition: all 0.2s linear 0s;
	
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(227,39,46, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
   box-shadow: #000 5px;
   -webkit-filter: grayscale(0);
	filter: grayscale(0);

}
.nopd { padding-left: 0px  !important; padding-right: 0px  !important;}

.galleryB .sliphoveritemTitle i { display:inline-block; font-size:20px; font-weight:400; line-height:1.5; text-transform:none; letter-spacing:0; padding:5px 10px; border-radius:2px; background:#fff; font-style:italic }
.peter .images img { border: 5px solid #efeeee !important; -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}

.peter .images:hover img {-webkit-transform: scale(1.3); transform: scale(1.3);}
.contBox { width: 100%; display: table; padding: 35px 5% 0px;}	
.contBox h2 { color: #555; margin: 0px !important; padding: 0px !important; font-style: normal; }
.headline { margin-top: 20px; padding-left: 0px !important; padding-right: 0px !important; border-top: 1px solid #e8e8e8;}

.images-large { background: url(../images/image01-large.jpg); background-size: 100%; background-attachment: fixed; height: 400px; background-position: 0 -100px;}

.galleylist .images {transition: all 0.6s ease 0s;}
.galleylist .images:hover { transform: scale(1.3);}

 a:hover { text-decoration: none !important; color: #ed1c24 !important;}
#filters li span a.active { color: #FFF !important;}
.eventBtn { color: #FFF; font-size: 16px; background: #000; padding: 8px 20px; display: block; text-align: center;}

.eventBtn:hover { color: #FFF !important; font-size: 16px; background: #000; padding: 8px 20px; display: block; text-align: center;}
.eventBtn.active { background:#ed1d25; }
.eventBtnB {     float: left;
    width: 49%;
    padding: 0 1%;}
	
.imagesbx.halfs .images img:hover { transform: none !important;}
.frontierBox { padding-top: 30px;}
.col-md-12.headline { display: none;}
.contBox .col-md-12.nopd { border-bottom: 1px solid #CCC; margin-bottom: 20px; padding-bottom: 10px;}