@charset "utf-8";
/* Retina Ready Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
h1#logo a { background:url(../images/bg-logo%402x.png) center no-repeat; background-size:60px 52px; }

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

.flex-direction-nav .flex-next {background:url(../images/icons/bg-next%402x.png) center no-repeat #fff; background-size:48px 48px; }
.flex-direction-nav .flex-prev {background:url(../images/icons/bg-prev%402x.png) center no-repeat #fff; background-size:48px 48px; }

.fancybox-close {background: url(../images/bg-close%402x.png) center no-repeat; background-size:48px 48px;}
.fancybox-prev span {background: url(../images/bg-prev%402x.png) center no-repeat; background-size:48px 48px;}
.fancybox-next span {background: url(../images/bg-next%402x.png) center no-repeat; background-size:48px 48px;}

.form-part .send-btn { background: url(../images/icons/bg-mail%402x.png) no-repeat scroll top right transparent; background-size:48px 48px; }

.comment-form-icon-wrapper { background:url(../images/icons/bg-quote%402x.png) no-repeat center; background-size:48px 48px; }

.comment-form .send-btn { background: url(../images/icons/bg-mail%402x.png) no-repeat scroll top right transparent; background-size:48px 48px; }

.ajax-prev { background: url(../images/icons/bg-prev%402x.png) center no-repeat #fff; background-size: 48px 48px; }
.ajax-next { background: url(../images/icons/bg-next%402x.png) center no-repeat #fff; background-size: 48px 48px; }

}


/*@media only screen and (min-width: 1800px) {
.col1-3 { width:25%; }
}*/

@media only screen and (max-width: 1299px) {
#content {position:absolute; padding-left:0px; z-index:102 }
	header {  position:absolute; min-height:100%; height:auto }
	#background-color { background:#f5f5f5; height:100%; width:100%; position:fixed; z-index:101; -webkit-overflow-scrolling: touch; top:0; left:0; display:block }
	#bottom-header { position:relative; bottom:auto; width:100%; text-align:center; }
	#menu-button {display:block; }
}

/* Desktop-only rules */
@media only screen and (min-width: 980px) and (max-width: 1469px) {
    .container {width:960px; }
	.col3-3, footer { width:940px;  }
	.col1-3 { width:300px; }
	.col2-3 { width:620px; }
	.col3-3, .col4-3 { width:940px; height:auto; }
	.videos { width:400px; height:225px }
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .container {width:640px; }
	.col1-3 { width:300px; }
	.col2-3, .col2-3m, footer { width:620px; }
    .col3-3, .col4-3 { width:620px; height:auto; }
	footer .social-list {margin-left:0 }
	
	.thumbs { width:50%; }
	.blog-overview .element.blog-teaser:nth-child(2){
        margin-top: 10px;
    }
.blog-overview .element.blog-teaser:nth-child(3){
        margin-top: 10px;
    }
	
	.blog-author-description {width:55%; }
	.comment-content {width:340px; }
	.comment.reply.level-1 {padding-left:0 }
	
	
	.col3-3.centered blockquote {padding:5px 75px 10px }
	
	.service_item {min-width:162px; }
	
	.videos { width:400px; height:225px }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .container {width:320px; }
	.col1-3, footer { width:300px; }
    .col2-3, .col3-3, .col4-3 { width:300px; height:auto;  }
    
	h2 {font-size:28px; line-height:34px; letter-spacing:0; }
	footer .alignleft, footer .alignright {float:none; width:100%; max-width:100%; text-align:center }
	footer .aligncenter {top:10px }
	.arrow-left, .arrow-right {display:none }
	footer h5 {padding-right:0 }
	
	#map {width:300px; height:280px;}
	
	.thumbs { width:50%; }
	
	.pagination-wrapper {width:100%; top:0; padding:0; }
	.pagination {display:inline-block; float:none; }
	.pagination > li {margin:0 5px; }
	
	.blog-overview .element.blog-teaser:nth-child(2){
        margin-top: 10px;
    }
.blog-overview .element.blog-teaser:nth-child(3){
        margin-top: 10px;
    }
	
	.blog-author-picture {
        float: none;
        margin:0 auto;
        padding: 0;
    }
	.blog-author-description {width:auto; padding-top:20px; padding-right:0; text-align:center }
	.comment, .comment-count {text-align:center; }
    .commenter-avatar{
        padding: 0;
        margin: 0 auto;
        width: 150px;
		display:inline-block;
		float:none
    }
    .comment-content{
        padding-top:20px; display:block; width:auto; max-width:100%;
    }
	.comment.reply.level-1 {padding-left:0 }
	.comment-reply-button-column {float:none; }
	
	.comment-form-icon-wrapper{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        text-align: center;
		background-position:center top;
    }
    .comment-form-icon-wrapper:before{
        display: inline-block;
    }
    .comment-form{
        padding: 0;
    }
    .comment-form > input, .comment-form > textarea {
        width: 100%;
    }
	
	.col3-3.centered blockquote, .col2-3 blockquote {padding:5px 25px 10px !important }
	
	.column-count2 { -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0px; -moz-column-gap:0px; column-gap:0px; }
	
	.videos { width:400px; height:225px }
}

/* Small mobile sizes */
@media only screen and (max-width: 399px){
 
	
	.thumbs { width:100%; }
	
	.videos { width:300px; height:169px }
}