/* CSS3-Document */
/* Copyright by © 2013 andersdenkend */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext);
/*Hroch*/

.logo {height:100px}


/*======================================================= 
				 S I M P L E   R E S E T 
=======================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
/* end Reset */

.label-ipad	{ margin-top:2px; }

/*======================================================= 
				  M A I N   S T Y L E S  
=======================================================*/
body									{
									background-color:#e6e7e1;
									font-family: 'Open Sans', sans-serif; 
									text-align:center;
									}

#bWin								{ display:none; }	

/* wrapper mittig im Bildschirm positioniert */
#wrapper							{
	position: absolute;
	width: 900px;
	height: 620px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(../images/gallery/paralax1.jpg);
	background-position: bottom;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -305px;
									}							

#header								{
									position:relative;
									width:100%;
									height:10px;
									background-color:#a00235; z-index:10;
									}

#header-explorer					{ 
									width:1500px;
									height:10px;
									background-color:#a00235;
									display:none; 
									}


#content							{
									float:left;
									overflow:hidden;
									}

h2									{
									position:absolute;
									float:left; 
									margin-left:-230px; 
									margin-top:200px; 
									color:white;
									font-size:70px;
									transform: rotate(90deg);
									-moz-transform: rotate(90deg);
									-ms-transform: rotate(90deg);
									-webkit-transform: rotate(90deg);
									-o-transform: rotate(90deg);	
									text-decoration:none;
									}
								
img									{ display:block; float:left; }
									
.line-366							{
									position:relative;
									width:366px;
									height:15px;
									margin:auto;
									margin-top:5px;
									padding-bottom:20px;
									z-index:1;
									}
									
.line-120							{
									position:absolute;
									display:inline-block;
									width:120px;
									height:30px;
									z-index:1;
									color:white;
									margin:56% 20%;
									}

.line-200 							{ 
									width:195px; 
									height:30px; 
									position:relative; 
									left:0; 
									margin:auto; 
									}
/*---- end MAINS STYLES ----*/


/*======================================================= 
			   S T Y L E   S W I T C H E R
=======================================================*/								
#style-switcher 						{ 
									width:285px; 
									height:100%;
									overflow:hidden;
									position:absolute; 
									z-index:300;
									left:-235px; 
									top:0; 
									}	

#switcher-content					{ 
									width:235px; 
									height:100%; 
									position:absolute; 
									float:left; 
									background-color:white; 
									}
									
#switcher 							{ 
									width:235px; 
									position:relative; 
									}

#switcher-device					{ 
									text-align:center; 
									margin-top:10%; 
									margin-bottom:-23px;
									}

#switcher-device p 					{ 
									padding-bottom:5px; 
									}

.switcher-link						{ 
									width:235px; 
									height:100px; 
									position:relative; 
									margin-left:-15px; 
									padding:0; 
									text-align:center; 
									}
									
.switcher-link .icon-desktop			{ 
									margin-right:30px; margin-left:20px;
									}	
									
.switcher-link .icon-mobile-phone	{ 
									margin-right:30px; 
									}		

.switcher-style 						{ 
									width:235px; 
									text-align:center; 
									margin-top:0%; 
									margin:auto; 
									margin-bottom:17px;
									}
									
#switcher-style p					{ padding-bottom:5px; }									

#switcher-background                            { 
									width:235px; 
									text-align:center; 
									margin:auto; 
									}
									
#switcher-background p				{ padding-bottom:5px; }							

.styles-switch 						{ 
									width:216px; 
									height:100px; 
									position:relative; 
									text-align:center; 
									margin:auto; 
									padding-left:19px;
									
									}	

.styling 							{ 
									width:30px; 
									height:30px; 
									position:relative; 
									float:left; 
									margin-right:10px; 
									z-index:200;
									}
									
.style-red							{ background-color:#ff0052; }	
.style-light						{ background-color:#f7f7f7; }
.style-orange						{ background-color:#f7971f; }
.style-beige						{ background-color:#bab3a9; }
.style-blue							{ background-color:#7fc0de; }
.style-pink							{ background-color:#ed689d; margin-top:10px;}
.style-green						{ background-color:#a4cc3a; margin-top:10px;}
.style-cyan							{ background-color:#6cc5c9; margin-top:10px;}
.style-brown						{ background-color:#69584e; margin-top:10px;}
.style-orange2						{ background-color:#e7a00a; margin-top:10px;}

#right-border						{ 
									height:100%; 
									width:15px; 
									background-color:#a00235; 
									position:absolute; 
									left:235px; 
									top:0;
									}
									
#right-button						{ 
									height:30px; 
									width:35px; 
									background-color:#a00235; 
									position:absolute; 
									left:250px; 
									top:20px; 
									text-align:center; 
									padding-top:10px;
									}	

#right-button i						{ 
									display:none;
									color:white;
									}

#right-button-rotate 				{ 
									width:35px; 
									height:30px; 
									position:relative; 
									margin:0; 
									padding:0;
									}									

#right-button-rotate .line-120		{
									width:35px; 
									height:30px; 
									position:relative; 
									margin:0; 
									padding:0; 
									left:10px; 
									top:37px;
									}

#style-switcher #right-button 
.line-120							{
									transform: rotate(-90deg);
									-moz-transform: rotate(-90deg);
									-ms-transform: rotate(-90deg);
									-webkit-transform: rotate(-90deg);
									-o-transform: rotate(-90deg); 
									}
									
#colors 								{ text-align:right; }	

#colors2							{ text-align:right; }	

#colorBox 							{
									float: right;
									display: inline;
									}
									
#colorBox div 						{
									width: 30px;
									height: 30px;
									float: left;
									display: inline;
									cursor: pointer;
									margin-right:10px;
									margin-bottom:10px;
									}


#colors2							{ }		

#colorBox2 							{
									float: right;
									display: inline;
									}
									
#colorBox2 div 						{
									width: 30px;
									height: 30px;
									float: left;
									display: inline;
									cursor: pointer;
									margin-right:10px;
									margin-bottom:10px;
									}
/*---- end STYLE SWITCHER ----*/									
									
									
/*======================================================= 
						N A V I
=======================================================*/								
#navi								{
									position:relative;
									z-index:10;
									float:left;
									width:150px;
									height:600px;
									text-align:center;
									}

#navi .line-120						{
									position:relative;
									margin:auto;
									top:-50px;
									z-index:10;

									}
									
#nav-home							{
									position:relative;
									padding-top:30px;
									margin:auto;
									clear:both;
									width:150px;
									height:120px;
									background-color:#2f3134;
									cursor:pointer;
									}
									
			
#navi  i								{  
									position:relative; 
									margin:auto;
									z-index:10; 
									color:white; 
									font-size:50px;  
									text-decoration:none;
									text-shadow:none;
									top:0;
									width:50px;
									}									

									
.icon-angle-down					{  
									width:100%; 
									z-index:10; 
									color:white; 
									font-size:260px;  
									text-decoration:none;
									}					
									
#navi span							{
									position:relative;
									padding-top:20px;
									font-family: 'Open Sans', sans-serif;
									font-weight:700; 
									display:block; 
									font-size:14px; 
									width:100%; 
									margin:auto;
									z-index:10;
									}
									
#nav-about							{
									position:relative;
									padding-top:30px;
									margin:auto;
									clear:both;
									width:150px;
									height:120px;
									background-color:#2f3134;
									cursor:pointer;
									}
									
#nav-portfolio						{
									position:relative;
									padding-top:30px;
									margin:auto;
									clear:both;
									width:150px;
									height:120px;
									background-color:#2f3134;
									cursor:pointer;
									}
									
#nav-blog							{
									position:relative;
									padding-top:30px;
									margin:auto;
									clear:both;
									width:150px;
									height:120px;
									background-color:#2f3134;
									cursor:pointer;
									}
	
.nav-inner-home						{
									position:absolute;
									z-index:3;
									text-align:center;
									right:0px;
									top:0;
									display:block;
									width:150px;
									height:150px;
									background-color:#ff0052;
									}
	
.nav-inner-about					{
									position:absolute;
									z-index:3;
									right:0px;
									top:0;
									display:block;
									width:150px;
									height:150px;
									background-color:#a00235;
									}
	
.nav-inner-portfolio				{
									position:absolute;
									z-index:3;
									right:0px;
									top:0;
									display:block;
									width:150px;
									height:150px;
									background-color:#ff0052;
									}
	
.nav-inner-blog						{
									position:absolute;
									z-index:3;
									right:0px;
									top:0px;
									display:block;
									width:150px;
									height:150px;
									background-color:#a00235;
									}
/*---- end NAVI ----*/				
									
									
/*======================================================= 
						H O M E
=======================================================*/									
#home								{
									position:absolute;
									width:700px;
									height:100%; 
									}						
	
#content-left						{
	float:left;
	width:450px;
	height:700px;
	color:white;
	font-size:24px;
									}
																		
/*#content-left p						{ margin-top:35%; }*/

	
#eins								{ width:300px; height:150px; float:left; z-index:1;}
#zwei								{ width:150px; height:150px; float:left; z-index:1;}	
#drei								{ width:300px; height:300px; float:left; z-index:1;}
#vier								{ width:150px; height:150px; float:left; z-index:1;}
#fuenf								{ width:150px; height:150px; float:left; z-index:1;}	
#sechs								{ width:300px; height:300px; float:left; z-index:1;}
#sieben								{ width:300px; height:150px; float:left; z-index:1;}
#acht								{ width:300px; height:150px; float:left; z-index:1; display:none; }	
#socials							{ width:300px; height:150px; float:left; z-index:1;}								
	
.france								{ background-color:#4b061b; }								
	
.japan								{ background-color:#ff0052; }						
	
.spane								{ background-color:#a00235; }		
	
.german								{ background-color:#4b061b; }	

.arab								{ background-color:#a00235; }	

.english							{ background-color:#ff0052; }	

.language							{ background-color:#a00235; }

.sweden								{ background-color:#ff0052; }					
	
.navi-fashion						{

									float:left;
									width:150px;
									height:150px;
									background-color:#ff0052;
									display:inline-block;
									text-align:center;
									}							
	
.navi-people						{

									float:left;
									width:150px;
									height:150px;
									background-color:#a00235;
									display:inline-block;
									text-align:center;
									}
									
.navi-design						{
									float:left;
									width:150px;
									height:150px;
									background-color:#ff0052;
									text-align:center;
									}
									
.navi-art							{
									float:left;
									width:150px;
									height:150px;
									background-color:#4b061b;
									text-align:center;
									}

#vcard								{
									text-align:center;
									font-family: 'Open Sans', sans-serif;
									font-weight:300;
									clear:both;
									width:450px;
									height:150px;
									background-color:white;
									text-shadow:none;
									}



									
#vcard .line-366						{  
									position:relative; 
									width:366px; 
									margin:auto; 
									padding-top:5px;
									}
		
#vcard .line-546						{ display:none; }	
		
#vcard .line-320						{ display:none; }	
		
#vcard .line-200						{ display:none; }			

#vcard h1							{
									font-size:41px;
									font-weight:300;
									color:#4b061b;
									padding-top:20px;
									}

#vcard p							{
									color:#9a9b96;
									font-size:14px;
									margin-top:-20px;
									}


#vcard2 p								{
									color:#FFF;
									font-size:14px;
									text-align:left;
											}
											
#vcard2 .padding20								{
									padding: 20px;
											}
									
#content-right						{
									position:absolute;
									float:right;
									width:300px;
									height:700px;
									display:block;
									right:-50px;
									}

#socials							{ background-color:#17181a; }

#socials a							{ text-decoration:none; }
									
#social-inner						{
									background-color:white; 
									width:300px; 
									height:150px; 
									color:black;
									}
									
#social-header						{
									width:253px; 
									height:50px;
									margin:auto;
									padding-top:30px;
									}
									
#social-header i						{ 
									padding-left:20px; 
									color:#2f3134; font-size:40px;
									}	

#social-footer						{
									font-size:11px;
									text-align:center;
									}
									
#social-footer i						{ font-size:20px; color:#2f3134; }
									
.icon-html5							{ padding-left:5px; }									
/*---- end Home ----*/								

									
/*======================================================= 
					A B O U T   M E
=======================================================*/
#about-me							{
									position:absolute;
									right:-1500px;
									width:750px;
									height:100%; 
									}	

#about-me h1							{
									text-align:center;
									padding-top:20px;
									padding-bottom:30px;
									font-size:20px;
									font-weight:700;
									}

#about-me h1	a						{
									color:#2f0110;
									text-decoration:none;
									}

#about-me h5							{
									text-align:center;
									font-size:14px;
									color:#9a9b96;
									font-weight:700;
									}


#about-me h4 						{
									text-align:center;
									font-size:24px;
									color:#ff0052;
									font-weight:300;
									/*letter-spacing:1px;*/
									text-transform: uppercase;
									/*border-bottom:#000000 dotted 1px;*/
									margin: 0px 10px 5px 15px;
									
								}
									
#about-me h3							{
									text-align:center;
									font-size:15px;
									color:#303135;
									font-weight:700;
									letter-spacing:0.3px;
									margin-bottom:20px;
									}

							{
									text-align:center;
									color:#9a9b96;
									font-size:14px;
									}
#about-me .podtrzeni, #portfolio .podtrzeni							{
	border-bottom: #a4cc3a solid 1px;
	padding: 10px;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 0px;
	color:#333;						}

#about-me .podtrzeni:hover, #portfolio .podtrzeni:hover							{
	background: #a4cc3a;
	color: #FFF;
	}
	
#about-me .cerna							{
color: #a4cc3a;
/*background:#eee;*/
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-weight:700;
	}									
									
									
#about-left							{
									width:450px; display:block;
									height:100%;
									background-color:white;
									float:left;
									}

#about-left .box-wrap				{
									height:100%;
									width:100%;
									}
									
#about-left .antiscroll-inner		{ width:300px; height:100%; }									

#about-left .line-200				{
									margin-top:5px; 
									padding-bottom:0px; 
									}
									
#about-left .inner-text				{
									text-align:center;
									width:430px;
									height:103%;
									margin-left:10px;
									}
									
.last-h3							{ padding-bottom:50px;  }									
									
.block								{
									margin-bottom:50px;
									}
									
#about-middle						{
									width:150px;
									height:100%;
									background-color:green;
									float:left;
									}
									
#about-middle .box-1					{
									position:relative;
									clear:both;
									width:150px;
									height:150px;
									background-color:#a00235;
									}	
#about-middle .box-a					{
									position:relative;
									clear:both;
									width:300px;
									height:150px;
									background-color:#a4cc3a;
									}	
									
#about-middle .box-2					{
									position:relative;
									clear:both;
									width:150px;
									height:150px;
									background-color:#ff0052;
									}
									
#about-middle .rotate-90-2			{
									color:#ff0052; 
									margin-left:-60px; 
									margin-top:80px;
									}

#about-middle
.box-1 .rotate-90-4					{ margin-left:-80px; color:#FFF; margin-top:56px; }
#about-middle
.box-1 .rotate-90-3					{ color:#fff; margin-left:130px; margin-top:-65px; }
#about-middle
.box-2 .rotate-90-2					{ margin-left:130px; color:#a00235; margin-top:-8px; }
#about-middle
.box-1 .navi-right .rotate-90-3		{ color:#ff0052; margin-left:130px; margin-top:-8px } 
									
.block-3							{
									margin-bottom:50px;
									}									
									
.block-3 h4							{ padding-top:20px;	}									

.block-3 i							{ 
									font-size:20px;	text-align:right;
									}
									
.block-3 span						{
									font-family: 'Open Sans', sans-serif;
									width:200px;
									font-size:22px;
									color:#a2a39e;
									padding-left:20px;
									padding-right:20px;
									}
									
/*==== Skills ====*/	
#about-right						{ background-color:#c0dd74; width:300px; height:100%; float:left; }

#print-skills						{ display:none; }
						
#skills								{
									position:relative; z-index:1;
									width:100%;
									margin:auto;	
									background-color:black;
									}


.container .tiles .live-tile			{
									position:relative; 
									z-index:1; 
									width:150px; 
									height:150px;
									font-size:10px;
									font-weight:700;
									}

.container-ie8 .tiles .live-tile		{
									position:relative; 
									z-index:1; 
									width:150px; 
									height:150px;
									}
/*end Skills*/		
						
/*==== CONTACT ====*/						
#contact							{
									float:left;
									background-color:#cbcbca;
									width:300px;
									height:135px;
									text-align:center;
									padding-top:15px;
									}
						
#contact i							{
									color:black;
									text-shadow:none;
									font-size:22px;
									}	
							
#contact h1							{
									color:black;
									text-shadow:none;
									font-size:12px;
									padding:0;
									margin-top:0px;
									}								

#contact .line-200					{
									height:1px; 
									margin-bottom:15px;
									padding-top:5px;
									}	

#contact-footer						{ margin-top:5px; }									
/* end Contact */						
						
/*==== FEED ====*/
#feed								{
									position:relative; 
									float:left; display:block; 
									text-align:center;
									background-color:white;
									width:270px;
									height:140px;
									padding-top:10px;
									padding-left:15px;
									padding-right:15px;
									font-size:11px;
									}

#feed .tweet-box						{ 
									display:block; 
									position:relative; 
									width:260px; 
									height:100%; 
									padding-right:10px; 
									margin-left:5px;
									margin-top:-30px;
									}
									
#feed .box-wrap						{ width:100%; height:100%; }		

#feed .antiscroll-inner				{ width:100%; height:110%; }
						
#feed .line-200						{ margin-bottom:20px;}
						
#feed i								{ margin-bottom:5px; }

#twitter-widget-0  					{ text-align:left; color:black; font-size:11px; }

#twitter-widget-0  a					{ color:black; font-weight:700; font-size:11px;}

#twitter-widget-0  .p-name			{ color:black; font-weight:700; font-size:11px;}

#twitter-widget-0  .e-entry-title	{ color:black; font-weight:100; font-size:11px;}

#twitter-widget-0  .footer			{ display:none; } 

#twitter-widget-0  .timeline-footer	{ display:none; }

#twitter-widget-0  .thm-dark			{ display:none; }

#twitter-widget-0  .stream ol li a .dt-updated		{ margin-left:-30px; } 
/* end FEED */							
/*---- end ABOUT ME ----*/											
	
	
/*======================================================= 
				P O R T F O L I O
=======================================================*/	
#portfolio							{
									position:absolute;
									right:-1500px;
									width:750px;
									height:100%; 
									}
				

#portfolio .box-wrap					{
									height:700px;
									width:450px; 
									}
				

#portfolio .antiscroll-inner			{ height:600px; }
									
#content-portfolio					{ float:left; width:600px; background-color:#17181a;}								

.isotop-container					{
									width:600px; 
									float:left;
									height:600px;
									}
									
#options							{
									width:150px;
									height:700px;
									float:right; 
									background-color:#a00235;
									}

/*---- FILTER OPTIONS ----*/									
#filters							{
									height:140px;
									padding-left:15px;
									text-align:left;
									margin-top:-220px;
									}
									
#filter-left ul li a:hover				{
									background-color:#ff0052;
									color:#a00235;
									}
								
#options  a							{
									text-decoration:none;
									text-shadow:none;
									font-size:11px;
									font-weight:700;
									font-family: 'Open Sans', sans-serif;
									color:#ff0052;
									}
	
#options ul li img						{ display:none; margin-right:5px; margin-top:10px; }

									
#options ul							{
									list-style-type:none;
									margin-bottom:10px;
									}
									
									
									
#filter-left						{
									width:150px; 
									float:left; 
									margin-top:450px;
									}
	
#filter-right						{
									float:left; 
									width:50px;
									}

#filter-right .rotate-90				{
									margin-top:-440px; 
									margin-left:0px;
									}								
									
#footer-options						{
									float:right;
									width:150px; 
									height:200px; 
									background-color:#ff0052;
									position:absolute; right:0; top:400px;
									margin-bottom:-300px;
									}
/*END FILTER*/		

.layer								{ 
									width:100%; 
									height:100%; 
									position:absolute; 
									z-index:10; 
									top:0; 
									left:0; 
									background-color:transparent; 
									}
									

/*---- FILDS ----*/
#portfolio									
.dark								{ 
									background-color:#4b061b; 
									}
#portfolio									
.dark p 								{ 
									color:#ff0052; 
									}		

#portfolio									
.light								{ 
									background-color:#ff0052;  
									}	

#portfolio									
.light p								{ 
									color:#4b061b; 
									}								

#portfolio									
.normal								{ 
									background-color:#a00235; 
									}	
									
#portfolio									
.normal	p							{ 
									color:#ff0052; 
									}									
									
.fancy-text-400						{
									width:200px;
									padding-top:300px; 
									text-align:left;
									}
									
#portfolio									
.fancy-text-400 a					{
									text-decoration:none;
									color:white;
									font-size:20px;
									text-shadow:none;
									line-height:5px;
									padding-left:10px;
									text-align:left;
									}
									
#portfolio
.fancy-text-400 h3					{
									color:black;
									font-size:12px;
									font-weight:700;
									text-shadow:none;
									padding-top:20px;
									line-height:1px;
									padding-left:10px;
									text-align:left;
									}
									
#portfolio
.fancy-text-400 p					{
									font-size:12px;
									font-weight:700;
									text-shadow:none;
									text-align:left;
									padding-left:0;
									margin-left:0;
									line-height:5px;
									padding-left:10px;
									text-align:left;
									}
									
.fancy-text-200						{
									padding-top:100px;
									height:100%; 
									background-color:#4b061b;
									text-align:left;
									}
									
#portfolio									
.fancy-text-200 a					{
									text-decoration:none;
									color:white;
									font-size:20px;
									text-shadow:none;
									margin-left:10px;
									line-height:5px;
									text-align:left;
									}
										
#portfolio
.fancy-text-200 h3					{
									color:black;
									font-size:12px;
									font-weight:700;
									text-shadow:none;
									padding-top:20px;
									line-height:1px;
									margin-left:10px;
									text-align:left;
									}
									
#portfolio
.fancy-text-200 p					{
									font-size:12px;
									font-weight:700;
									text-shadow:none;
									text-align:left;
									padding-left:0;
									margin-left:0;
									line-height:5px;
									padding-left:10px;
									}
/*END FILDS*/									
/*---- end PORTFOLIO ----*/							

									
/*======================================================= 
					B L O G
=======================================================*/									
#blog 								{
									position:absolute;
									right:-1500px;
									width:750px;
									height:100%; 
									background-color:#17181a;
									font-family: 'Open Sans', sans-serif;
									text-align:center;
									}
									
#left-blog							{
									position:relative;
									z-index:30;
									width:300px;
									height:600px;
									background-color:white;
									text-align:center;
									float:left;
									}
									
#left-blog h5						{	
									margin-top:-10px;
									}
									
#left-blog .box-wrap					{
									width:100%;
									height:600px; 
									}

#left-blog .antiscroll-inner			{ width:280px; text-align:center; margin:auto; }									
#left-blog .block					{
									padding-bottom:40px;
									}
									
#left-blog .line-200					{
									margin-bottom:-10px;
									}
									
#blog .inner-text					{
									width:100%;
									}
									
#blog h1								{
									text-align:center;
									padding-top:20px;
									padding-bottom:30px;
									font-size:24px;
									font-weight:700;
									color:#2f0110;
									}
									
#blog h2								{ margin-left:-150px; margin-top:110px; }	

#blog h4								{ color:#ff0052; }								

#blog h5								{
									text-align:center;
									font-size:14px;
									color:#9a9b96;
									font-weight:700;
									}
									
#blog .post .blog-post-1 h4 			{ color:#9a9b96;  }		


.block h4							{
									text-align:center;
									font-size:19px;
									color:#ff0052;
									font-weight:600;
									letter-spacing:0.1px;
									}
									
#blog h3								{
									display:inline;
									text-align:center;
									font-size:13px;
									color:#2f3134;
									font-weight:700;
									letter-spacing:0.3px;
									}

.block p								{
									text-align:center;
									color:#9a9b96;
									font-size:13px;
									margin-left:12px;
									margin-right:12px;
									padding-top:20px;
									}
									
#blog span							{
									display:inline;
									font-weight:600;
									color:#9a9b96;
									}
									
#blog a								{
									text-decoration:none;
									color:#ff2662;
									}
									
#blog img							{
									margin-bottom:10px;
									}
									
#blog .icon-tags						{
									margin-top:15px;
									margin-left:20px;
									float:left;
									font-size:22px;
									}
									
#blog .icon-comments					{
									margin-top:15px;
									margin-right:20px;
									float:right;
									font-size:22px;
									}

#blog i span							{
									font-family: 'Open Sans', sans-serif;
									font-size:15px;
									margin-left:5px;
									}

/*---- ROTATE TITLES ----*/									
.rotate-90							{
									margin-left:40px; 
									padding-top:5px;
									font-size:23px;
									font-weight:600;
									color:#ff0052;
									transform: rotate(90deg);
									-moz-transform: rotate(90deg);
									-ms-transform: rotate(90deg);
									-webkit-transform: rotate(90deg);
									-o-transform: rotate(90deg);
									text-shadow:none;							
									}
									
.rotate-90-2						{
									margin-left:40px;
									margin-top:5px;
									font-size:23px;
									font-weight:600;
									color:#a00235;
									transform: rotate(90deg);
									-moz-transform: rotate(90deg);
									-ms-transform: rotate(90deg);
									-webkit-transform: rotate(90deg);
									-o-transform: rotate(90deg);
									text-shadow:none;							
									}
									
.rotate-90-3						{
									margin-left:40px;
									margin-top:5px;
									font-size:23px;
									font-weight:600;
									color:#ff0052;
									transform: rotate(90deg);
									-moz-transform: rotate(90deg);
									-ms-transform: rotate(90deg);
									-webkit-transform: rotate(90deg);
									-o-transform: rotate(90deg);
									text-shadow:none;							
									}
									
.rotate-90-4						{
									margin-left:40px;
									margin-top:5px;
									font-size:23px;
									font-weight:600;
									color:#a00235;
									transform: rotate(90deg);
									-moz-transform: rotate(90deg);
									-ms-transform: rotate(90deg);
									-webkit-transform: rotate(90deg);
									-o-transform: rotate(90deg);
									text-shadow:none;							
									}
/*END ROTATE*/	

/*---- BLOG NAV ----*/									
#blog-nav							{
									position:relative;
									z-index:5;
									width:150px;
									margin-left:300px;
									height:100%;
									}
									
#blog-nav .rotate-90					{
									margin-left:-100px;
									margin-top:-30px;
									}
									
									
#blog-nav .rotate-90-2				{
									margin-left:130px;
									margin-top:-200px;
									}
									
									
#blog-nav .rotate-90-3				{
									margin-left:130px;
									margin-top:-150px;
									}
									
#blog-nav-header					{
									background-color:#a00235;
									height:180px;
									width:150px;
									margin:0px;
									padding:0px;
									}								
									
#filter-archives					{
									height:225px;
									width:100%;
									background-color:#ff0052;
									}
									
.navi-left							{
									width:130px;
									float:left;
									}
									
.navi-right							{
									width:60px;
									float:left;
									}
									
#filter-archives .navi-left ul		{
									padding-top:10px;
									padding-left:15px;
									list-style-type:none;
									font-size:8px;
									font-weight:700;
									text-align:left;
									color:#a00235;
									text-shadow:none;
									}
									
.navi-left ul li						{
									margin-top:5px;
									}
									
#filter-categorie					{
									height:225px;
									width:100%;
									background-color:#a00235;
									}
									
#filter-categorie .navi-left ul		{
									padding-top:10px;
									padding-left:15px;
									list-style-type:none;
									font-size:8px;
									font-weight:700;
									text-align:left;
									color:#ff0052;
									text-shadow:none;
									}								

#filter-archives ul li:hover			{ background-color:#a00235; color:#ff0052; }		
#filter-categorie ul li:hover			{ background-color:#ff0052; color:#a00235; }
/*NAV BLOG*/

/*---- POSTS ----*/									
.right-blog							{
									width:300px;
									background-color:white;
									float:left;									
									}

									
									
.post p								{ text-align:left; margin-left:20px; color:black;}

.post-second						{ padding-top:250px }

.post-second .blog-post-1 .blog-post-left { width:250px; }

.right-blog .block img				{ margin-left:0px; }
									
.right-blog .box-wrap				{
									width:100%;
									height:600px; 
									}

.right-blog .antiscroll-inner		{ width:280px; text-align:center; margin:auto; }									
.right-blog .block					{ padding-bottom:0px; }

.block-2							{
									clear:both; 
									background-color:#cbcbca; 
									position:relative; 
									margin-top:50px; 
									width:300px; 
									height:100%; 
									text-shadow:none;
									padding-bottom:20px;
									}

.head-right-blog					{ margin-bottom:-30px; }									
									
.head-right-blog .line-200			{ padding-top:60px; }									
									
.head-right-blog .icon-comments		{
									font-size:35px; 
									width:50px; 
									padding-right:38%; 
									text-align:center; 
									display:inline-block; 
									}

.blog-post-1						{ padding-top:30px; width:280px; }

.answer-1							{ 
									position:relative; 
									width:5px; 
									background-color:black; 
									height:100%; 
									float:left;
									}
									
.answer-inner-1						{
									position:absolute; 
									float:left; 
									width:256px;
									}
									
.answer-inner-2						{
									position:absolute; 
									float:left; 
									width:237px; 
									}									

.blog-second						{ 
									height:80px; 
									float:right; 
									margin-right:15px; 
									width:260px;
									}
									
.blog-third							{
									height:80px; 
									float:right; 
									margin-right:25px; 
									width:230px;
									}
									
.blog-post-1 .blog-post-left			{
									float:left; 
									margin-left:10px; 
									width:200px; 
									margin-bottom:0px;
									}
									
.block-2 .blog-post-1 img				{ margin-right:10px; padding-left:10px;}

.right-blog .blog-post-1  h3 			{ 
									font-size:12px; 
									font-weight:500; 
									color:#2f3134; 
									float:left; 
									padding:0; 
									margin-left:0; 
									text-align:left; 
									}

.blog-post-1  h5 						{ 
									font-size:24px; 
									font-weight:500; 
									float:left; 
									padding:0; 
									margin-left:0; 
									text-align:left; 
									}	

#blog .master						{ color:#ff0052;  }	

#blog .blogger						{ color:#2f3134;  }								
									
.block-2 h4    						{ 
									font-size:11px; 
									font-weight:300; 
									color:#787974; 
									padding:0; 
									margin:0; 
									text-align:left; 
									}
									
.icon-reply							{ font-size:20px; }	
.first .icon-reply					{ margin-right:20px; }								
									
.right-blog .blog-post-1 
.blog-post-right					{ float:right; }

.right-blog .blog-post-1 
.blog-post-text						{ clear:both; padding:0; line-height:1.2; }		

.right-blog .blog-post-1 
.blog-post-text p			 		{ 
									color:#2f3134; 
									text-align:left;
									font-size:13px;
									padding-left:0px;
									padding-top:0px;
									margin-top:-20px;
									}

#post_1								{
									position:absolute;
									z-index:3;
									left:450px;
									top:0;
									width:300px;
									height:600px;
									}


#post_2								{
									position:absolute;
									z-index:2;
									left:0px;
									top:0;
									width:300px;
									height:600px;
									}
									
								


#post_3								{
									position:absolute;
									z-index:1;
									left:0px;
									top:0;
									width:300px;
									height:600px;
									}
/*END POSTS*/									

/*---- FOOTER ----*/									
.footer-blog						{
									background-color:white; 
									color:black; 
									width:300px; 
									height:100%; 
									margin-top:0px; 
									}
									
.footer-blog form					{ margin-bottom:30px; }

.footer-blog p						{ font-weight:700; margin-top:-15px; font-size:14px;}

.footer-blog h5						{ color:#2f3134;  }									

.footer-blog form .line-200			{ margin-top:30px; }
/*END FOOTER*/		
/*---- END BLOG ----*/
						
									
/*======================================================= 
		A N T I S C R O L L   S T Y L E S
=======================================================*/								
									
.antiscroll-wrap 						{ position:absolute; top:0; z-index:1; bottom:0; left:0; width:100%; overflow: hidden; }
.antiscroll-inner 						{ overflow: scroll; max-width: 130%; height:100%; }
.antiscroll-inner::-webkit-scrollbar 	{ width: 0; height: 0; }
.antiscroll-inner::scrollbar 			{ width: 0; height: 0; }
.antiscroll-scrollbar 					{ position: absolute; z-index: 3;
										  background: blue;
										  background: rgba(0, 0, 0, 0.5);
										  -webkit-border-radius: 7px;
										  border-radius: 7px;
										  -webkit-box-shadow: 0 0 1px #fff;
										  box-shadow: 0 0 1px #fff;
										  opacity: 0;
										  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
										  -webkit-transition: linear 300ms opacity;
										  -moz-transition: linear 300ms opacity;
										  -o-transition: linear 300ms opacity;
										}
.antiscroll-scrollbar-shown 				{ opacity: .3; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); }
.antiscroll-scrollbar-horizontal 		{ height: 7px; margin-left: 2px; bottom: 2px; left: 0; }
.antiscroll-scrollbar-vertical 			{ width: 7px; margin-top: 2px; right: 2px; top: 0; }
.antiscroll-scrollbar-vertical:active 	{ opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
/*---- END ANTISCROLL ----*/									
									
									
/*======================================================= 
			L I N E   P O I N T E R
=======================================================*/
.deg-130							{
									margin-top:4.5px;
									width:13px; 
									height:1px; 
									float:left;			
									position:absolute;
									transform: rotate(135deg);
									-moz-transform: rotate(135deg);
									-ms-transform: rotate(135deg);
									-webkit-transform: rotate(135deg);
									-o-transform: rotate(135deg); 
									}
			
.deg-50								{ 
									margin-top:4.5px;
									width:13px; 
									height:1px; 
									float:left;			
									position:absolute;
									transform: rotate(45deg);
									-moz-transform: rotate(45deg);
									-ms-transform: rotate(45deg);
									-webkit-transform: rotate(45deg);
									-o-transform: rotate(45deg); 
									}									

.line-1								{
									margin-top:0px;
									margin-left:0;
									height:1px;
									float:left;
									position:absolute;
									}

.line-2								{
									margin-top:0px;
									height:1px; 
									float:left;
									position:absolute;
									}

/*--- Line 120px ---*/
.line-120 .deg-130					{ margin-left:58px; background-color:white; }
			
.line-120 .deg-50					{ margin-left:49px; background-color:white; }

.line-120 .line-1					{ width:51px; background-color:white; }

.line-120 .line-2					{ width:51px; margin-left:69px; background-color:white;  }

/*--- Line 200px ---*/
.line-200 .deg-130					{ margin-left:95px; background-color:#9a9b96; }
			
.line-200 .deg-50					{ margin-left:86px; background-color:#9a9b96; }

.line-200 .line-1					{ width:88px; background-color:#9a9b96; }

.line-200 .line-2					{ width:88px; margin-left:106px; background-color:#9a9b96;  }

/*--- Line 320px ---*/
.line-320 .deg-130					{ margin-left:147px; background-color:#9a9b96; }
			
.line-320 .deg-50					{ margin-left:138px; background-color:#9a9b96; }

.line-320 .line-1					{ width:140px; background-color:#9a9b96; }

.line-320 .line-2					{ width:140px; margin-left:158px; background-color:#9a9b96; }

/*--- Line 366px ---*/
.line-366 .deg-130					{ margin-left:180px; background-color:#9a9b96; }
			
.line-366 .deg-50					{ margin-left:171.5px; background-color:#9a9b96; }

.line-366 .line-1					{ width:173.5px; background-color:#9a9b96; }

.line-366 .line-2					{ width:173.5px; margin-left:191px; background-color:#9a9b96; }

/*--- Line 546px ---*/
.line-546 .deg-130					{ margin-left:272px; background-color:#9a9b96; }
			
.line-546 .deg-50					{ margin-left:263px; background-color:#9a9b96; }

.line-546 .line-1					{ width:265px; background-color:#9a9b96; }

.line-546 .line-2					{ width:265px; margin-left:283px; background-color:#9a9b96; }



/*--- END LINE POINTER ---*/	

/*======================================================= 
   I S O T O P E   S I Z E  &  C O L O R   S T Y L E S
=======================================================*/
/*-- size --*/
.red, .green,
.blue, .yellow,
.grey		{  }

.element { 
  float:left;
  overflow: hidden;
   margin:0; padding:0;}
  
 .element * { 
  margin: 0;
} 
.variable-sizes .element.width2 { width: 400px; margin:0; padding:0;}

.variable-sizes .element.height2 { height: 400px;  margin:0; padding:0;}


.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  width: 200px;
  height: 200px;
}

#project-1							{ width:400px; height:400px; z-index:1;  margin:0; padding:0;}
#project-2							{ width:400px; height:200px; z-index:1;  margin:0; padding:0;} 
#project-3							{ width:200px; height:200px; z-index:1;  margin:0; padding:0;}
#project-4							{ width:200px; height:200px; z-index:1;  margin:0; padding:0;}
#project-5							{ width:200px; height:400px; z-index:1;  margin:0; padding:0;}
#project-6							{ width:200px; height:200px; z-index:1;  margin:0; padding:0;}
#project-7							{ width:400px; height:200px; z-index:1;  margin:0; padding:0;}
#project-8							{ width:400px; height:400px; z-index:1;  margin:0; padding:0;}
#project-9							{ width:200px; height:200px; z-index:1;  margin:0; padding:0;}
#project-10							{ width:200px; height:200px; z-index:1;  margin:0; padding:0;}
#project-11							{ width:200px; height:200px; z-index:1;  margin:0; padding:0;}
#project-12							{ width:400px; height:200px; z-index:1;  margin:0; padding:0;}
#project-13							{ width:400px; height:200px; z-index:1;  margin:0; padding:0;}
#project-14							{ width:200px; height:200px; z-index:1;  margin:0; padding:0;}
#project-15							{ width:200px; height:200px; z-index:1;  margin:0; padding:0;}


/*---- Start: Recommended Isotope styles ----*/
/**** Isotope Filtering ****/
.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:      -o-transform, opacity;
									transition-property:         transform, 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;
									}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}
/*---- ISOTOPE SIZE & COLOR STYLES ----*/				


/*======================================================= 
			F O R M   V A L I D A T I O N
=======================================================*/	
input									{
									border:0px solid #ccc; 
									margin-left:15px;
									padding-left:10px;
									margin-bottom:10px;
									height:35px;
									width:260px;
									display:block;
									font-weight:700;
									font-family: 'Open Sans', sans-serif;
									overflow:hidden;
									}

textarea								{
									border:0px solid #ccc; 
									margin-left:15px;
									padding-left:10px;
									margin-bottom:10px;
									height:100px;
									width:260px;
									display:block;
									font-weight:400;
									font-family: 'Open Sans', sans-serif;
									}
									
input:required:valid					{
									background-image:url(../images/valid.png); 
									background-position:right center; 
									background-repeat:no-repeat;
									background-color:#cbcbca;
									color:#2f3134;
									}
									
textarea:required:valid				{
									background-color:#cbcbca;
									color:#2f3134;
									}
								
input:required:invalid				{
									background-color:#cbcbca;
									color:#2f3134;
									outline:none;
									border: 0px solid #ccc; 
									/* create a BIG glow */
									box-shadow: 0px 0px 0px #444; 
									-moz-box-shadow: 0px 0px 0px #444;
									-webkit-box-shadow: 0px 0px 0px #444; 
									}
									
textarea:required:invalid 				{ 
									-moz-box-shadow:none; 
									background-color:#cbcbca;
									color:#2f3134;
									outline:none;
									border: 0px solid #ccc; 
									/* create a BIG glow */
									box-shadow: 0px 0px 0px #444; 
									-moz-box-shadow: 0px 0px 0px #444;
									-webkit-box-shadow: 0px 0px 0px #444; 
									}
									
.send-button						{
									background:none;
									margin-top:-10px;
									font-size:14px;
									}

::-webkit-validation-bubble-icon 	{ display:none; }

::-webkit-validation-bubble-message:before {
	background:url(../images/error.png) no-repeat 0 1px;
	content:"";
	display:inline-block;
	margin-right:5px;			
	height:17px;
	width:17px;
	color:#2f3134;
	}

::-webkit-validation-bubble-message {
	background-color:#62788d;
	background-image:-webkit-linear-gradient(#62788d 50%, #2c363f 100%);
	border:1px solid #21292c;
	-webkit-border-radius:8px;
	box-shadow:rgba(0,0,0,0.5) 0 1px 6px, inset #839fb7 0 1px 0px;
	color:#ececec;
	font:13px;
	padding:8px 8px 6px;
	text-shadow:#334d64 0 -1px 0;
	top:-4px;
	-webkit-user-select:none;  
	}
			
::-webkit-validation-bubble-arrow {
	background-color:#62788d;
	border:1px solid #21292c;
	border-right:none;
	border-bottom:none;
	display:inline-block;
	-webkit-box-shadow:none;
	left:30px;
	top:3px;
	height:13px;
	width:13px;	
	}
			
::-webkit-validation-bubble-arrow-clipper {
	height:17px;
	}
				
	
::-webkit-input-placeholder { /* WebKit browsers */
    color:    black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    black;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    black;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    black;

}
/*---- END FORM VALIDATION ----*/
#vcard2 h1							{
									font-size:41px;
									font-weight:300;
									color:#a4cc3a;
									padding-top:20px;
									padding-bottom:10px;
									}
#vcard2								{
									text-align:center;
									font-family: 'Open Sans', sans-serif;
									font-weight:300;
									clear:both;
									width:300px;
									height:300px;
									background-color:#556770;
									text-shadow:none;
									}
#vcard3 h1							{
									font-size:41px;
									font-weight:300;
									color:#FFF;
									padding-top:20px;
									padding-bottom:10px;
									}
#vcard3 h3							{
									font-size:24px;
									font-weight:300;
									color:#FFF;
									padding-top:20px;
									padding-bottom:0px;
									}

#vcard3								{
									text-align:center;
									font-family: 'Open Sans', sans-serif;
									font-weight:300;
									clear:both;
									width:300px;
									height:300px;
									background-color:#a4cc3a;
									text-shadow:none;
									}
#vcard3 p								{
									font-size:14px;
									text-align:left;
											}
											
#vcard3 .padding20								{
									padding: 0 20px;
											}




#vcard4 h1							{
									font-size:41px;
									font-weight:300;
									color:#FFF;
									padding-top:20px;
									padding-bottom:10px;
									}
#vcard4 h3							{
									font-size:24px;
									font-weight:300;
									color:#FFF;
									padding-top:20px;
									padding-bottom:0px;
									}

#vcard4								{
									text-align:center;
									font-family: 'Open Sans', sans-serif;
									font-weight:300;
									clear:both;
									width:300px;
									height:450px;
									background-color:#c0dd74;
									text-shadow:none;
									}
#vcard4 p								{
									font-size:14px;
									text-align:left;

											}
											
#vcard4 .padding20								{
									padding: 0 20px;
											}

#portfolio .inner-text				{
									text-align:center;
									width:430px;
									height:103%;
									margin-left:10px;
									}
									
#portfolio h1 {
text-align: center;
padding-top: 20px;
padding-bottom: 30px;
font-size: 20px;
font-weight: 700;
}


#portfolio h4 {
color: #a4cc3a;
}


#portfolio #content-left {
	background-color:#fff;
}

#portfolio .cerna							{
color: #a4cc3a;
background:#eee;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	font-weight:700;
	}	
	
	
	#portfolio #content-left p {
font-weight: 500;
color: #000;
text-align:left;
}


#portfolio #content-left h5 {
font-weight: 500;
font-size: 16px;
/*text-align:left;*/
}
#portfolio #content-left .right {
text-align:right;
font-weight: 500;
font-size: 13px;
margin: 0px 12px;
padding: 5px 10px;
background-color:#a4cc3a;
color: #fff;


}

#portfolio .podtrzeni							{
	padding-bottom: 5px;
}

#blog #vcard								{
									width:750px;
									height:150px;
									background-color:white;
									text-shadow:none;
									}
									
#blog .300px								{
			
									height:300px;
									background-color:#666;
									}