/*
Theme Name: Square Grid
Theme URI: http://www.themeton.com
Description: A Premium Responsive Theme for Portfolio and Creative
Author: ThemeTon
Author URI: http://www.themeton.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.5.1

Designed & Handcrafted by ThemeTon for ThemeTon.com
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*/
/*
-------------------------
Stylesheet Guide
-------------------------
	01. GLOBAL
		1. HTML5 display-role reset for older browsers
		2. TYPOGRAPHY
		3. =WordPress Core
		4. BLOCKQUOTE
		5. LINKS
		6. LISTS
		7. TRANSITIONS 
	02. SITE STYLES
		1. HEADER
		2. FOOTER PARTS
		3. 404.php        
	03. ENTRY STYLES
	04. ENTRY additional
		1. JCycle
		2. IMAGE OVERLAY
	05. CONTACT FORM
	06. ISOTOPE
	07. SMALL ITEM
		 01. shape11 and general
		 02. shape21
		 03. shape12
		 04. shape22
		 05. shape23
		 06. Other
	08. COMMENT FORM
	09. SCROLL BAR
	10. JPLAYER SKIN
	11. DARK SKIN
	12. BLOG PAGE
	13. POST SOCIALS
	14. MEDIA QUERIES
*/

/*	01. GLOBAL
----------------------------------------------------------
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
img{
    display: block;
    height: auto !important;
    max-width: 100%;
    width: auto;
}

#preload img
{
	height: 0; width: 0; border-width: 0;
	position: absolute;
	bottom: 0;
	left: right;
	z-index: -30;
}

#main-content {
	position:absolute;
	top:0px;
}

#grid-holder {
	background-color:#ffffff;
}

.branding {
	text-align:center;
}

.branding h1 {
	color:#d3c299;
	font-family:Georgia, "Times New Roman", serif;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	margin:0;
	text-transform:uppercase;
}

.branding a {
	color:#d3c299;
	text-decoration: none;
}

.vegeburger {
	display: none;
}

.mobile-menu {
	background-color:#999999;
	height: 0px;
	overflow:hidden;
	position:fixed;
	top:90px;
	transition: height 1s;
	-webkit-transition: height 1s;
	width:100%;
	z-index:3;
}

.mobile-menu ul {
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
}

.mobile-menu li a {
	background-color:#ffffff;
	border-bottom:1px solid #999999;
	color:#999999;
	display:inline-block;
	font-size: 18px;
	line-height:30px;
	text-align: center;
	text-decoration:none;
	width:100%;
}

.page_content, .landing_content {
	background-color:#ffffff;
	display:none;
	min-height:280px;
	min-width:360px;
	padding:20px;
}

.page_content {
	width:800px;
}

.page_content a{
  color: #646669;
}

#content_holder_inner {
	padding:20px;
}


#content_holder_inner .content blockquote {
    font-style: italic;
    margin: 0 20px 20px 20px;
}

/*	1. HTML5 display-role reset for older browsers
----------------------------------------------------------*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body{line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	color: #646669;
	font: 14px/18px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	padding-top: 160px;
}


/*	2. TYPOGRAPHY
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 20px;
	margin-top: 0px;
	color: #383B3F;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; word-spacing: -10px;}
h2 { font-size: 38px; line-height: 40px; word-spacing: -10px;}
h3 { font-size: 32px; line-height: 34px; word-spacing: -10px;}
h4 { font-size: 21px; line-height: 30px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }
p, ul { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
p.signature {
	background-image: url(../img/signature.png);
	background-repeat: no-repeat;
	height: 60px;
	padding-top: 10px;
	text-indent: -9999px;
	width: 100px;
}
cite, em, i { font-style: italic; }
strong { font-weight: bold;}
small { font-size: 80%; }

.page_content ul, .page_content ol {
	margin:0 1.5em 1.5em 1.5em;
}
.page_content ul {
	list-style-type:disc;
}
.page_content ol {
	list-style-type:decimal;
}

::selection {
	background: #000;
	color: white;
	text-shadow: none;
}
sup {bottom: 1ex;}
sub {top: .5ex;}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
code, kbd {font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
s, strike, del {text-decoration: line-through;}
ins {
	background: #fff;
	text-decoration: none;
}
.dark ins {background: #292929;}
.commentlist .bypostauthor {}
.sticky {}
.to-top{display: none;}





/*	02. SITE STYLES
----------------------------------------------------------
----------------------------------------------------------*/
/*  1. HEADER
----------------------------------------------------------*/
#header_container {
	position:fixed;
	top:0px;
	/*height:160px;*/
	min-height:160px;
	overflow:hidden;
	width:100%;
	background-color:#ffffff;
	z-index: 2000;
}

#SquareGrid {
	/*margin-top:160px;*/
}

#header {
	margin: 40px auto 0 auto;
	/*padding-bottom:20px;*/
	height:120px;
	min-height:120px;
	overflow:hidden;
	
}
#header .row{margin-bottom: 20px;}
.site-name {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 0px;
	text-shadow: none;
	letter-spacing: -1px;
}
.site-description {
	font-size: 11px;
	line-height: 14px;
	color: #333;
	text-shadow: none;
	margin-top: 5px;
}
.top-float {
	float: right;
}
.top-nav, .top-social, .branding {
	margin: 0 2px;
	width: 156px;
	float: left;
	padding-top: 15px;
	border-top: 1px solid #333;
}

.branding {
	padding-top: 30px;
	width: 316px;
}

.top-nav {
	/*margin-left:156px;*/
}

#menu-main {

}

.branding {
	border:none;
}

.top-nav ul, .top-social ul {
	list-style: none;
	margin: 0;
	line-height:12px;
}
.top-nav ul li a, .top-social ul li a, .top-nav a {
	color: #000;
	text-decoration:none;
}
.top-nav ul li a:hover, .top-social ul li a:hover, .top-nav a:hover {color: #666;text-decoration:underline;}
/*
.sub-menu li {
	padding-left: 10px;
	background: transparent url('../img/sub-menu.png') no-repeat left center;	
}
*/

.top-nav ul li a.active {color:#BF6B70;}

.sub-menu-item {
	position:relative;
}

.sub-menu ul {
	left:-110px;
	position:absolute;
	text-align:right;
	top:0;
	width:100px;
}

/*
.sub-menu ul {
	display:none;
}


.sub-menu li:hover ul {
	display:block;
	position:absolute;
	left:90px;
	top:0px;
	z-index:100;
}
*/



/**

SOCIAL MEDIA ICONS

**/

@font-face {
    font-family: 'socicon';
    src: url('../font/socicon-webfont.eot');
    src: url('../font/socicon-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/socicon-webfont.woff') format('woff'),
    url('../font/socicon-webfont.ttf') format('truetype'),
    url('../font/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}


a.social-icon
{

    /*background-color: #999999;*/
/*    border: 1px solid #999999;*/
/*    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    color: #999999;
    display: block;
    float: left;
    font-family: 'socicon' !important;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 7px 1px 0 0;
    text-align: center;
    text-decoration: none;
    width: 18px;
}

a.social-icon:hover {
    background-color: #999999;
    color: #ffffff;
}

.social-icon.twitter:before { content: "a"; }
.social-icon.facebook:before { content: "b"; }
.social-icon.google:before { content: "c"; }
.social-icon.pinterest:before { content: "d"; }
.social-icon.foursquare:before { content: "e"; }
.social-icon.yahoo:before { content: "f"; }
.social-icon.skype:before { content: "g"; }
.social-icon.yelp:before { content: "h"; }
.social-icon.feedburner:before { content: "i"; }
.social-icon.linkedin:before { content: "j"; }
.social-icon.viadeo:before { content: "k"; }
.social-icon.xing:before { content: "l"; }
.social-icon.myspace:before { content: "m"; }
.social-icon.soundcloud:before { content: "n"; }
.social-icon.spotify:before { content: "o"; }
.social-icon.grooveshark:before { content: "p"; }
.social-icon.lastfm:before { content: "q"; }
.social-icon.youtube:before { content: "r"; }
.social-icon.vimeo:before { content: "s"; }
.social-icon.dailymotion:before { content: "t"; }
.social-icon.vine:before { content: "u"; }
.social-icon.flickr:before { content: "v"; }
.social-icon.500px:before { content: "w"; }
.social-icon.instagram:before { content: "x"; }
.social-icon.wordpress:before { content: "y"; }
.social-icon.tumblr:before { content: "z"; }
.social-icon.blogger:before { content: "A"; }
.social-icon.technorati:before { content: "B"; }
.social-icon.reddit:before { content: "C"; }
.social-icon.dribbble:before { content: "D"; }
.social-icon.stumbleupon:before { content: "E"; }
.social-icon.digg:before { content: "F"; }
.social-icon.envato:before { content: "G"; }
.social-icon.behance:before { content: "H"; }
.social-icon.delicious:before { content: "I"; }
.social-icon.deviantart:before { content: "J"; }
.social-icon.forrst:before { content: "K"; }
.social-icon.playstore:before { content: "L"; }
.social-icon.zerply:before { content: "M"; }
.social-icon.wikipedia:before { content: "N"; }
.social-icon.apple:before { content: "O"; }
.social-icon.flattr:before { content: "P"; }
.social-icon.github:before { content: "Q"; }
.social-icon.chimein:before { content: "R"; }
.social-icon.friendfeed:before { content: "S"; }
.social-icon.newsvine:before { content: "T"; }
.social-icon.identica:before { content: "U"; }
.social-icon.bebo:before { content: "V"; }
.social-icon.zynga:before { content: "W"; }
.social-icon.steam:before { content: "X"; }
.social-icon.xbox:before { content: "Y"; }
.social-icon.windows:before { content: "Z"; }
.social-icon.outlook:before { content: "1"; }
.social-icon.coderwall:before { content: "2"; }
.social-icon.tripadvisor:before { content: "3"; }
.social-icon.appnet:before { content: "4"; }
.social-icon.goodreads:before { content: "5"; }
.social-icon.tripit:before { content: "6"; }
.social-icon.lanyrd:before { content: "7"; }
.social-icon.slideshare:before { content: "8"; }
.social-icon.buffer:before { content: "9"; }
.social-icon.rss:before { content: ","; }
.social-icon.vkontakte:before { content: ";"; }
.social-icon.disqus:before { content: ":"; }
.social-icon.houzz:before { content: "+"; }
.social-icon.mail:before { content: "@"; }
.social-icon.patreon:before { content: "="; }
.social-icon.paypal:before { content: "-"; }
.social-icon.playstation:before { content: "^"; }
.social-icon.smugmug:before { content: "¨"; }
.social-icon.swarm:before { content: "$"; }
.social-icon.triplej:before { content: "*"; }
.social-icon.yammer:before { content: "&"; }
.social-icon.stackoverflow:before { content: "("; }
.social-icon.drupal:before { content: "#"; }
.social-icon.odnoklassniki:before { content : ".";}
.social-icon.android:before { content: "_"; }
.social-icon.meetup:before { content: "]"; }
.social-icon.persona:before { content: ")"; }




#header_content_link {
	display:none;
}

.top-text {
	float: left;
	margin: 0 2px;
	width: 316px;
	padding-top: 15px;
	border-top: 1px solid #333;
}
.top-text p{margin-bottom: 0;}
.top-nav ul li a, .top-social ul li a{text-transform: uppercase;}


/*	CONTENT PAGES
----------------------------------------------------------*/

.breakout-box {
	padding:20px;
	border: 1px solid grey;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:480px;
	margin: 0 auto;
	margin-bottom:20px;
}

.about-portrait {
	display: block;
	float: right;
	margin-left:30px;
	margin-right:30px;
	width: 33%;
}

/*----- Tabs -----*/
.tabs {
	width:100%;
	display:inline-block;
}

	/*----- Tab Links -----*/

	ul.tab-links {
		margin: -1px 10px;
	}

	/* Clearfix */
	.tab-links:after {
		display:block;
		clear:both;
		content:'';
	}
 
	.tab-links li {
		margin:0px 5px;
		float:left;
		list-style:none;
	}
 
		.tab-links a {
			padding: 9px 15px;
			display: inline-block;
			border-radius: 3px 3px 0px 0px;
			background: #f9f9f9;
			font-size: 16px;
			font-weight: 600;
			color: #afafaf;
			transition: all linear 0.15s;
			border: 1px solid #dfdfdf;
			border-bottom: 1px solid #4c4c4c;
			text-decoration: none;
		}
 
		.tab-links a:hover {
			background:#e9e9e9;
			text-decoration:none;
		}
 
	li.active a, li.active a:hover {
		background: #fff;
		color: #4c4c4c;
		border-color: #4c4c4c;
		border-bottom: 1px solid #ffffff;
	}
 
	/*----- Content of Tabs -----*/
	.tab-content {
		padding: 30px 15px;
		border-radius: 3px;
		border-top: 1px solid #4c4c4c;
		background: #fff;
	}
 
		.tab {
			display:none;
		}
 
		.tab.active {
			display:block;
		}





/*	2. FOOTER PARTS
----------------------------------------------------------*/
#footer {
	padding: 50px 0;
	font-size: 11px;
	line-height: 15px;
}
.footer-column{
	width: 316px;
	margin: 0 2px;
}
.copyright{
	text-align: left;
	float: left;
}
.credits {
	text-align: right;
	float: right;
}

.navigation {
	background-color: #efefef;
	line-height: 40px;
	border: 1px solid #484848;
}


#loader {
	text-align:center;
	padding: 50px 0;
	width:160px;
	width: 100%;
	margin: 0 auto;
	color:#000000;
}

/*  05. ACTION PAGES
----------------------------------------------------------
----------------------------------------------------------*/

.action-page {
	background-color:#ffffff;
	padding:20px;
	width: 600px;
}

.action-page .form-holder {
	margin: 0 auto;
	width:400px;
}


.action-page form div {
	margin-bottom:15px;
}

.action-page form div.spacer {
	float:left;
	margin:0;
	overflow:hidden;
	text-indent: -9999px;
	width:15px;
}

.action-page form label{
	float:left;
	display:inline-block;
	width:120px;
	padding-top:4px;
	text-align: right;
}

.action-page form label.check-holder {
	text-align: center;
	width:100%;
}

.action-page form .text {
	color: #666666;
	background-position:top left;
	background-image: url(../img/bg_input.png)	;
	background-repeat:repeat-x;
	float:left;
	font:14px/18px "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
	width: 200px;
	border: 1px solid #cccccc;
	padding: 4px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.action-page form .required_holder {
	background-position:center center;
	background-image: url(../img/asterisk.png)	;
	background-repeat:no-repeat;
}

.action-page form textarea {
	font:12px/18px "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
	height:110px;
	min-height:110px;
}

.action-page form .checker {
	padding-top: 4px;
}

.action-page form .submit {
	float: right;
	background-color: #cccccc;
	border:1px solid #cccccc;
    cursor:  pointer;
	padding:10px;
	margin-right:3px;
	color:#ffffff;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.action-page form .submit.disabled
{
    color: #dedede;
    cursor: progress;
}


.action-page form label.error { 
	float: none; 
	color: red; 
	padding-left: 135px;
	padding-right:0px;
	width: 200px;
	text-align:left;
}


.download-container .content-holder img {
	display: block;
	margin: 0 auto 20px;
}

.download-container .form-holder h4 {
	font-size: 14px;
}

.download-container .form-holder div.input-holder {
	margin:0 auto;
	width: 350px;
	
}

form.download_form label {
	display:block;
	float: none;
	text-align:center;
	width: initial;
}

form.download_form label.error {
	padding: 0;
	width: initial;
	text-align: center;
}

form.download_form div.spacer {
	display:inline-block;
	float:none;
}

form.download_form label.download-label {
	display:inline-block;
	float:none;
	margin-bottom: 15px;
	text-align:left;
	text-transform: none;
	width: initial;
}

form.download_form .text {
	float:none;;
}


.feedback-holder .sending
, .feedback-holder .success {
	display:none;
}


.image-page {
	min-width: 600px;
}

.image-page .item {
	float:none !important;
	margin:10px;
	position:relative;
}

.image-page .item .thumbnail.mobile {
    display:none;
}



.image-page .item .itemButton.buy-now {
	display:block;
	background-image: url('../img/btn-buy-now.png');
	background-position: center center;
	background-repeat: no-repeat;
	left: 5px !important;
	opacity: 0;
	text-indent:-9999px;
	width: 110px;
}

.image-page .item:hover .itemButton.buy-now{
	opacity: 1;
	top: 5px;
}



/*  06. ISOTOPE
----------------------------------------------------------
----------------------------------------------------------*/
.container { position: relative; margin: 0 auto; padding: 0; }
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:         top, left, opacity;
	transition-property:         transform, opacity;
	
	-webkit-transition-property: top, left, opacity;
	-moz-transition-property: top, left, opacity;
	-ms-transition-property: top, left, opacity;
	-o-transition-property: top, left, opacity;
		transition-property: top, left, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.red{background-color: red;}
.yellow{background-color: yellow;}
.black{background-color: black;}
#SquareGrid{width: 990px;}
#options h3 {
	font-size: 10px;
	text-transform: uppercase;
	float: left;
	margin-right: 20px;
	line-height: 18px;
	font-weight: normal;
}
ul#filters li {
	list-style: none;
	float: left;
	line-height: 17px;
	margin-right: 10px;
}
ul#filters li a{
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.title-container h1{
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 0;
}
.title_with_filter {
	position: relative;
}
.title_with_filter section h3 {
	display: none;
}
.title_with_filter ul#filters {
	position: absolute;
	top: 4px;
	right: 0px;
}
#mobile-filter {
	display: none;
	margin-bottom: 20px;
}
#mobile-filter select {
	min-width: 232px;
	width: 100%;
	-webkit-appearance: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-image: url(../img/mobile-menu-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 10px 5px;
	margin-top: 20px;
	background-color:#FFF;
}
/*  07. SMALL ITEM
----------------------------------------------------------
----------------------------------------------------------*/
/*      01. shape11 and general
----------------------------------------------------------*/
.item{
	margin:2px;
	width: 156px;
	height:156px;
	float: left;
	background: white url('../img/progress.gif') no-repeat center;
}
.itemButton,.nav_post div, .small-info{cursor: pointer;}
.small-info .item_hover{
	position: absolute;
	top: 0px;
	left: 0;
	padding: 15px;
	height: 126px;
	width: 126px;
	z-index: 105;
	background: #FFF;
}
.small-info h2 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
	padding-bottom: 9px;
	margin-top: 30px;
	background: transparent url('../img/title-seperator.gif') no-repeat left bottom;
	overflow: hidden;
	max-height: 60px;
}
.small-info .nav{display: none;}
.dark .small-info h2 {background: transparent url('../img/title-seperator-light.gif') no-repeat left bottom;}
.small-info, .large-info{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
/*      02. shape21
----------------------------------------------------------*/
.shape21.item{
	width: 156px;
	height:316px;
}
.shape21 .small-info .item_hover{
	width: 126px;
	height:286px;
}
/*      03. shape12
----------------------------------------------------------*/
.shape12.item{
	width: 316px;
	height:156px;
}
.shape12 .small-info .item_hover{
	width: 286px;
	height:126px;
}
/*      04. shape22
----------------------------------------------------------*/
.shape22.item{
	width: 316px;
	height:316px;
}
.shape22 .small-info .item_hover{
	width: 286px;
	height:286px;
}
/*      05. shape23
----------------------------------------------------------*/
.shape23.item{
	width: 476px;
	height:316px;
}
.shape23 .small-info .item_hover{
	width: 446px;
	height:286px;
}
/*      06. Other
-------------------------------------------------------*/
.item.large{
	width: 476px;
	height:476px
}

.item.mobile,
.item .mobile-info {
    display: none;
}


.entry-content{
	width: 446px; 
	height: 97px ;
	margin: 0px; 
	position:relative;
	padding: 15px;
	padding-top: 0;
}
.contact_page.large .large-info .entry-content h6{margin: 10px 0 0 0}
.contact_page .entry-content {
	height: auto;
	overflow: hidden;
}
.contact_page .entry_touch {height: 305px !important;}
.entry-content h2 {
	font-size: 14px;
	line-height: 18px;
}
#navigation ul{float: left;}



.item .small-info .item_hover
{
	opacity:0;
	-webkit-transition: opacity 0.1s; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.1s;
}

.item:hover .small-info .item_hover
{
	opacity: 1;
}

.item .itemButton{
	width: 32px;
	height: 32px;
	position: absolute;
	top: 1px;
	left: 5px;
	opacity: 0;
	z-index: 105;
	-webkit-transition: opacity 0.2s, top 0.4s; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s, top 0.4s;
}

.item:hover .itemButton{
	opacity: 1;
	top: 5px;
}


.itemButton.format-standard{
	background-image: url('../img/btnOpen.png');
}
.itemButton.format-video{
	background-image: url('../img/btnVideo.png');
}
.itemButton.format-audio{
	background-image: url('../img/btnAudio.png');
}

.itemButton.buy-now{
	display:block;
	background-image: url('../img/btn-buy-now.png');
	background-position: center center;
	background-repeat: no-repeat;
	left: 39px;
	opacity: 0;
    position:absolute;
	text-indent:-9999px;
	width: 110px;
}

.item:hover .itemButton.buy-now,
.mobile-info .itemButton.buy-now
{
	opacity: 1;
	top: 5px;
    height: 33px;
}

.item:hover .itemButton.buy-now {
    left: 39px;
}

.mobile-info .itemButton.buy-now {
    left: 5px;
}

.item.large .itemButton.format-standard{
	background-image: url('../img/btnClose.png');
	width: 32px;
	height: 32px;
}

a.shareable{
	display:block;
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: 1px;
	opacity: 0;
	z-index: 105;
	-webkit-transition: opacity 0.1s, bottom 0.4s; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.1s, bottom 0.4s;
}

.item:hover a.shareable{
	bottom: 5px;
	opacity: 0.4;
}

.item a.shareable:hover {
	opacity: 1;
}

a.shareable.facebook {
	background-image: url(../img/btn-facebook.png);
	right: 83px;
}

a.shareable.twitter {
	background-image: url(../img/btn-twitter.png);
	right: 57px;
}

a.shareable.pinterest {
	background-image: url(../img/btn-pinterest.png);
	right: 31px;
}

a.shareable.googleplus {
	background-image: url(../img/btn-googleplus.png);
	right: 5px;
}

.mobile-info .shareable {
    bottom: 5px;
    display:block;
    opacity: 0.4;
}




.large-info{background: white;display:none;}
.large-info .entry-title {
	width: 446px;
	height: 18px;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
	margin: 15px 0 !important;
	padding: 0 15px;
	margin: 0;
}
.entry-video, .entry-video iframe{
	overflow: hidden;
	width:  476px;
	height: 316px;
}
.format-audio .entry-content, .format-audio .entry_touch{height: 55px;}
.dark, .dark a, .dark h2{color: #FFF;}
.dark a:hover{color: #e9e9e9;}
.nav_post{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 101;
}
.nav_post div{
	position: absolute;
	float: left;
	height: 30px;
	width: 30px;
	top: 0px;
}
.nav_post_prev{
	left: -60px;
	background: url('../img/slider-prev.png') no-repeat left top;
}
.nav_post_next{
	left: -30px;
	background: url('../img/slider-next.png') no-repeat left top;
}
.to-top a{
	padding: 8px 6px;
	color: white;
	display: block;
	font-size: 10px;
	font-weight: bold;
}
.search-content{
	position: absolute;
	right: 0;
	top:150px;
	z-index: 20;
	overflow: hidden;
}
.search-content .search-button{
	width: 45px;
	height:48px;
	cursor: pointer;
	background: #000 url('../img/search-button.jpg') no-repeat left top;
}
.search-content .search-form{
	overflow: hidden;
	background: #000;
	padding: 5px;
}

.search-content .search-form input {
	margin: 0px;
	background: #333;
	color: #FFF;
	border: 1px solid #333;
}
.search-content .search-form input#searchsubmit {
	padding: 12px;
	width: 66px;
	line-height: 9px;
	margin-left: 5px;
}
.search-content div{
	float: right;
}
#infscr-loading {
	text-align: center;
	z-index: 100;
	position: fixed;
	left: 45%;
	bottom: 40px;
	width: 200px;
	padding: 10px;
	background: black;
	opacity: 0.8;
	color: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*  09. SCROLL BAR
----------------------------------------------------------
----------------------------------------------------------*/
/* iScroll */
.entry_touch {
	width: 446px;
	height: 97px;
	margin: 0;
	/*IMPORTANT*/
	position:absolute;
	top:   0;
	bottom:0;
	left:  15px;
	right: 0;
	padding-right: 8px;
	overflow:hidden;
	z-index: 991;
	outline: 0;
}
/*Vertical Scrollbar*/
.myScrollbarV {
	position:absolute;
	z-index:100;
	width:8px;bottom:7px;top:2px;right:1px;
	
	background: transparent url(../img/scrollbar/bg-scrollbar-trackend-y.png) repeat 0 0;
}
.myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;
	/* The following is probably what you want to customize */
	background: transparent url(../img/scrollbar/bg-scrollbar-thumb-y.png) repeat 50% 100%;
	overflow: hidden;
}


/*	14. MEDIA QUERIES
----------------------------------------------------------
----------------------------------------------------------*/
/* Smaller than standard (devices and browsers) */
@media only screen and (min-width: 1280px)  {
	.container {width: 1280px;}
	#SquareGrid{width: 1280px;}
}
@media only screen and (min-width: 1120px) and (max-width: 1279px) {
	.container {width: 1120px;}
	#SquareGrid{width: 1120px;}
}
@media only screen and (min-width: 960px) and (max-width: 1119px) {
	.container {width: 960px;}
	#SquareGrid{width: 960px;}
    .top-nav {margin-left: 0}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 800px) and (max-width: 959px) {
	.container {width: 800px;}
	#SquareGrid{width: 800px;}
	.top-text{ width:160px;}
}
@media only screen and (min-width: 640px) and (max-width: 799px)  and (min-height: 768px){
    body {    padding-top: 280px;}
    #header_container {min-height:280px;}
    #header {
        height: 280px;
        margin: 0 auto;
        min-height: 280px;
	}
	.container {width: 640px;}
	#SquareGrid{width: 640px;}
	.branding {
		float: none;
		margin: 20px auto;
		width: 100%;
	}
	.top-float {float: none;}
    .breakout-box {
        width: 300px;
    }
}


@media only screen and (max-width: 799px)  and (max-height: 767px){

	body {    padding-top: 90px;}

	#main-content {
		height:90px;
		overflow:hidden;
	}

	#header_container {min-height:90px;}
	#header {    
		height: 90px;
		margin: 0 auto;
		min-height: 90px;
	}

	.branding {
		padding-top: 25px;
		padding-left: 10px;
		width: 240px;
	}

	.vegeburger {
		border: 1px solid #999;
		display: block;
		height: 40px;
		position: absolute;
		right: 10px;
		top: 25px;
		width: 40px;
	}

	.top-text, .top-social{ display:none;}



	.fancybox-close {
		top: 0px !important;
		right: 0px !important;
	}

}

@media screen and (min-width: 480px) and (max-width: 639px)  and (min-height: 768px){
	body {    padding-top: 200px;}
	#header_container {min-height:200px;}
	#header {    
		height: 200px;
		margin: 0 auto;
		min-height: 200px;
	}
	.top-text{ display:none;}
	.container, #SquareGrid{width: 480px;}
	.branding {
		float: none;
		margin: 0 auto 15px;
	}
	.top-float {width: 480px;}
	.large-info .entry-image a, .large-info .entry-image img, .large-info .entry-image-slide {
		width: 476px !important;
		height: 316px !important;
	}
	.large.item {width:476px !important;}
	#footer .footer-column {
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
    .breakout-box {
        width: 300px;
    }
}
@media screen and (max-width: 479px) {

	body {    padding-top: 90px;}

	#main-content {
		height:90px;
		overflow:hidden;
	}

	#header_container {min-height:90px;}
	#header {    
		height: 90px;
		margin: 0 auto;
		min-height: 90px;
	}

	.branding {
		padding-top: 25px;
		padding-left: 10px;
		width: 240px;
	}

	.vegeburger {
		border: 1px solid #999;
		display: block;
		height: 40px;
		position: absolute;
		right: 10px;
		top: 25px;
		width: 40px;
	}

	.top-text, .top-social{ display:none;}

    #SquareGrid,.container {width: 320px;}

    .item {
        display: none;
    }

    .item.mobile {
        display: block;
        height: 100px;
        width: 100px;
    }



    .fancybox-close {
        top: 0px !important;
        right: 0px !important;
    }

	.fancybox-skin {
		padding: 10px 0 !important; 
	}

	.fancybox-inner {
		width: initial !important;
	}

	.page_content {
		min-width: initial;
		padding: 0 5px;
		width:initial;
	}

	#content_holder_inner {
		padding: 0;
	}

	.action-page {
		padding:2%;
		width: 96%;
	}

	.action-page .form-holder {
		width: 100%;
	}

	.action-page form {
		text-align:center;
	}

	.action-page form label {
		display: inline;
		text-align: left;
		width: initial;
	}

	.action-page form .text {
		clear:left;
	}

	.download-form-holder {
		width:100%;
	}

	.download-form-holder img {
		max-width:100%;
	}

	.download-form-holder div.input-holder {
		width:100%;
	}
    .breakout-box {
        width: 300px;
    }
}