@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) {
    .map {background:url(../images/icons/bg-map@2x.png) no-repeat center left; background-size:48px 48px;  }
    .winner {background:url(../images/icons/bg-winner@2x.png) no-repeat center; background-size:48px 48px; }
    .time {background:url(../images/icons/bg-time@2x.png) no-repeat center; background-size:48px 48px; }
    .pig {background:url(../images/icons/bg-pig@2x.png) no-repeat center; background-size:48px 48px; }
    .adjust {background:url(../images/icons/bg-adjust@2x.png) no-repeat center; background-size:48px 48px; }
    .team {background:url(../images/icons/bg-team@2x.png) no-repeat center; background-size:48px 48px; }
    .works {background:url(../images/icons/bg-works@2x.png) no-repeat center; background-size:48px 48px; }
    .chat {background:url(../images/icons/bg-chat@2x.png) no-repeat center; background-size:48px 48px; }
    .notes {background:url(../images/icons/bg-notes@2x.png) no-repeat center; background-size:48px 48px; }
    .camera {background:url(../images/icons/bg-camera@2x.png) no-repeat center; background-size:48px 48px; }
    .illustration {background:url(../images/icons/bg-illustration@2x.png) no-repeat center; background-size:48px 48px; }
    .social {background:url(../images/icons/bg-social@2x.png) no-repeat center; background-size:48px 48px; }
    .vector {background:url(../images/icons/bg-vector@2x.png) no-repeat center; background-size:48px 48px; }
    .commerce {background:url(../images/icons/bg-commerce@2x.png) no-repeat center; background-size:48px 48px; }
    .search {background:url(../images/icons/bg-search@2x.png) no-repeat center; background-size:48px 48px; }
    .like { background:url(../images/icons/bg-like@2x.png) center no-repeat; background-size:48px 48px; }
    .share { background:url(../images/icons/bg-share@2x.png) center no-repeat; background-size:48px 48px; }
    .document { background:url(../images/icons/bg-document@2x.png) center no-repeat; background-size:48px 48px; }
    .apple { background:url(../images/icons/bg-apple@2x.png) center no-repeat; background-size:48px 48px; }
    .balance { background:url(../images/icons/bg-balance@2x.png) center no-repeat; background-size:48px 48px; }
    .beaker { background:url(../images/icons/bg-beaker@2x.png) center no-repeat; background-size:48px 48px; }
    .beer { background:url(../images/icons/bg-beer@2x.png) center no-repeat; background-size:48px 48px; }
    .books { background:url(../images/icons/bg-books@2x.png) center no-repeat; background-size:48px 48px; }
    .box { background:url(../images/icons/bg-box@2x.png) center no-repeat; background-size:48px 48px; }
    .cake { background:url(../images/icons/bg-cake@2x.png) center no-repeat; background-size:48px 48px; }
    .calculator { background:url(../images/icons/bg-calculator@2x.png) center no-repeat; background-size:48px 48px; }
    .cd { background:url(../images/icons/bg-cd@2x.png) center no-repeat; background-size:48px 48px; }
    .champagne { background:url(../images/icons/bg-champagne@2x.png) center no-repeat; background-size:48px 48px; }
    .chart { background:url(../images/icons/bg-chart@2x.png) center no-repeat; background-size:48px 48px; }
    .cheese { background:url(../images/icons/bg-cheese@2x.png) center no-repeat; background-size:48px 48px; }
    .court { background:url(../images/icons/bg-court@2x.png) center no-repeat; background-size:48px 48px; }
    .delivery { background:url(../images/icons/bg-delivery@2x.png) center no-repeat; background-size:48px 48px; }
    .dvd { background:url(../images/icons/bg-dvd@2x.png) center no-repeat; background-size:48px 48px; }
    .eco { background:url(../images/icons/bg-eco@2x.png) center no-repeat; background-size:48px 48px; }
    .film { background:url(../images/icons/bg-film@2x.png) center no-repeat; background-size:48px 48px; }
    .grape { background:url(../images/icons/bg-grape@2x.png) center no-repeat; background-size:48px 48px; }
    .hot { background:url(../images/icons/bg-hot@2x.png) center no-repeat; background-size:48px 48px; }
    .house { background:url(../images/icons/bg-house@2x.png) center no-repeat; background-size:48px 48px; }
    .icecream { background:url(../images/icons/bg-icecream@2x.png) center no-repeat; background-size:48px 48px; }
    .joystick { background:url(../images/icons/bg-joystick@2x.png) center no-repeat; background-size:48px 48px; }
    .keynote { background:url(../images/icons/bg-keynote@2x.png) center no-repeat; background-size:48px 48px; }
    .link { background:url(../images/icons/bg-link@2x.png) center no-repeat; background-size:48px 48px; }
    .magic { background:url(../images/icons/bg-magic@2x.png) center no-repeat; background-size:48px 48px; }
    .mail { background:url(../images/icons/bg-mail@2x.png) center no-repeat; background-size:48px 48px; }
    .microphone { background:url(../images/icons/bg-microphone@2x.png) center no-repeat; background-size:48px 48px; }
    .network { background:url(../images/icons/bg-network@2x.png) center no-repeat; background-size:48px 48px; }
    .palette { background:url(../images/icons/bg-palette@2x.png) center no-repeat; background-size:48px 48px; }
    .plaster { background:url(../images/icons/bg-plaster@2x.png) center no-repeat; background-size:48px 48px; }
    .player { background:url(../images/icons/bg-player@2x.png) center no-repeat; background-size:48px 48px; }
    .polaroid { background:url(../images/icons/bg-polaroid@2x.png) center no-repeat; background-size:48px 48px; }
    .printer { background:url(../images/icons/bg-printer@2x.png) center no-repeat; background-size:48px 48px; }
    .pulse { background:url(../images/icons/bg-pulse@2x.png) center no-repeat; background-size:48px 48px; }
    .quote { background:url(../images/icons/bg-quote@2x.png) center no-repeat; background-size:48px 48px; }
    .radio { background:url(../images/icons/bg-radio@2x.png) center no-repeat; background-size:48px 48px; }
    .recorder { background:url(../images/icons/bg-recorder@2x.png) center no-repeat; background-size:48px 48px; }
    .scissors { background:url(../images/icons/bg-scissors@2x.png) center no-repeat; background-size:48px 48px; }
    .select { background:url(../images/icons/bg-select@2x.png) center no-repeat; background-size:48px 48px; }
    .serving { background:url(../images/icons/bg-serving@2x.png) center no-repeat; background-size:48px 48px; }
    .share { background:url(../images/icons/bg-share@2x.png) center no-repeat; background-size:48px 48px; }
    .shop { background:url(../images/icons/bg-shop@2x.png) center no-repeat; background-size:48px 48px; }
    .shopping { background:url(../images/icons/bg-shopping@2x.png) center no-repeat; background-size:48px 48px; }
    .smartphone { background:url(../images/icons/bg-smartphone@2x.png) center no-repeat; background-size:48px 48px; }
    .sofa { background:url(../images/icons/bg-sofa@2x.png) center no-repeat; background-size:48px 48px; }
    .syringe { background:url(../images/icons/bg-syringe@2x.png) center no-repeat; background-size:48px 48px; }
    .tape { background:url(../images/icons/bg-tape@2x.png) center no-repeat; background-size:48px 48px; }
    .target { background:url(../images/icons/bg-target@2x.png) center no-repeat; background-size:48px 48px; }
    .television { background:url(../images/icons/bg-television@2x.png) center no-repeat; background-size:48px 48px; }
    .video { background:url(../images/icons/bg-video@2x.png) center no-repeat; background-size:48px 48px; }
    .walkman { background:url(../images/icons/bg-walkman@2x.png) center no-repeat; background-size:48px 48px; }
    .zoom { background:url(../images/icons/bg-zoom@2x.png) center no-repeat; background-size:48px 48px; }
    .tags { background:url(../images/icons/bg-tags@2x.png) center no-repeat; background-size:48px 48px; }
    
    .flex-direction-nav .flex-next {
    	background: url(../images/icons/bg-next@2x.png) center no-repeat #fff;
    	background-size: 48px 48px;
    }
    
    .flex-direction-nav .flex-prev {
	    background: url(../images/icons/bg-prev@2x.png) center no-repeat #fff;
	    background-size: 48px 48px;
    }
    
    .fancybox-close {
	    background: url(../images/bg-close@2x.png) center no-repeat #fff;
	    background-size: 48px 48px;
    }
    
    .fancybox-prev span {
	    background: url(../images/bg-prev@2x.png) center no-repeat #fff;
    	background-size: 48px 48px;
    }
    
    .fancybox-next span {
    	background: url(../images/bg-next@2x.png) center no-repeat #fff;
    	background-size: 48px 48px;
    }
    
    .comment-form-icon-wrapper {
	    background: url(../images/icons/bg-quote.png) no-repeat center;
        background-size: 24px 24px;
    }
}

@media only screen and (min-width: 1600px) {
	.blog-post .thumbs {
		width: 25%;
	}
}

@media only screen and (max-width: 1299px) {
	body.home #content {
		background-color: #333;
	}
	
    #content {
		position: absolute;
		padding-left: 0px;
		z-index: 102;
		background-color: #fff;
	}
	
    header {
		position: absolute;
		min-height: 100%;
		height: auto
	}
	
    #background-color, 	#background-color-sec {
		background: #1a1a1a;
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 101;
		top: 0;
		left: 0;
		display: block
	}
    
	#background-color-sec {
		background: #fff;
	}
	
    #bottom-header {
		position: relative;
		bottom: auto;
		width: 100%;
	}
	
    #menu-button {
		display: block;
	}
	
    #main-nav>ul li a.sub-nav-toggle:after {
		bottom: 12px;
		content: url(../images/menu-arrow.png);
		left: 110px;
		position: absolute;
		width: 10px;
	}
	
    .sliphoveritemTitle {
		font-size: 100%;
		line-height: 150%;
		top: 35px;
		padding: 5px 15px;
	}
	
    .container-sec {
		background-color: #fff;
		height: 100%
	}
}

/* Desktop-only rules */
@media only screen and (min-width: 980px) and (max-width: 1469px) {
	.container, .container-sec {
		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, .container-sec {
		width: 640px;
	}
    
	.col1-3 {
		width: 300px
	}
	
    .col1-3m {
		width: 300px !important
	}
	
    .col2-3, .col2-3m, footer {
		width: 620px;
	}
    
    .col3-3, .col4-3 {
		width: 620px;
		height: auto;
	}
    
	footer .social-list {
		margin-left: 0
	}
	
    .col1-3.smaller.col2-3m {
		padding: 0 !important
	}
	
    .comment-content {
		width: 340px;
	}
	
    .comment.reply.level-1 {
		padding-left: 0
	}
	
    .videos {
		width: 400px;
		height: 225px
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.container, .container-sec {
		width: 300px;
	}
    
	.col1-3, footer {
		width: 280px;
	}
    
	.col2-3, .col3-3, .col4-3 {
		width: 280px;
		height: auto;
	}
    
	.col1-3.smaller {
		padding: 0 !important
	}
	
    .col1-3, .col2-3 {
		margin-top: 10px !important;
	}
    
	h2 {
		font-size: 225%;
		line-height: 125%;
		letter-spacing: 0;
	}
	
    footer .alignleft, footer .alignright {
		float: none;
		width: 100%;
		max-width: 100%;
		text-align: left
	}

    footer .aligncenter {
		top: 10px
	}
    
	.arrow-left, .arrow-right {
		display: none
	}
    
	footer h5 {
		padding-right: 0
	}
	
    #map {
		width: 100%;
		height: 280px;
	}
	
    .thumbs {
		width: 98%;
	}
	
    #container div.element {
		margin: 1% 1% 0 1% !important;
	}
	
    #container div#contact {
		margin-bottom: 1% !important;
	}
	
    div#arbors div.sliphoveritem {
		margin-top: 15px;
	}
	
    .sliphoveritemTitle {
		top: 36px;
	}
	
    .about-page .halfs {
		width: 100%;
	}
	
    .blog-author-picture {
		float: none;
		margin: 0 auto;
		padding: 0;
		width: 75%
	}
	
    .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;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
    .comment-form-icon-wrapper:before {
		display: inline-block;
	}
	
    .comment-form {
		padding: 0;
	}
	
    .comment-form>input, .comment-form>textarea {
		width: 100%;
	}
    
	.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
	}
	
    .placeholder {
		display: none;
	}
	
    p.developer2 {
		margin-bottom: 0;
	}
	
    .col1-3 figure.link, .col2-3 figure.link {
		max-height: 400px;
		height: auto !important;
	}
    
	.press {
		padding: 20px 0 0 0;
		width: 100%;
	}
	
    .imgfloat2 {
		display: none;
	}
	
    .imgnofloat, .imgnofloat2 {
		display: block;
	}
    
	.imgnofloat {
		text-align: center;
	}
	
    .logo-break-retail {
		white-space: normal;
	}
	
    .retail-logo-last {
		margin-right: 50px;
		margin-bottom: 25px;
	}
	
    p.logos {
		width: 300px;
		margin: auto;
	}
}

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

    .videos {
		width: 300px;
		height: 169px
	}
	
    .sliphoveritemTitle {
		top: 38px;
	}
}