/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/29bf38");

  
@font-face {font-family: 'Larsseit-BoldItalic';src: url('webfonts/29BF38_0_0.eot');src: url('webfonts/29BF38_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_0_0.woff') format('woff'),url('webfonts/29BF38_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-ExtraBoldItalic';src: url('webfonts/29BF38_1_0.eot');src: url('webfonts/29BF38_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_1_0.woff') format('woff'),url('webfonts/29BF38_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-Bold';src: url('webfonts/29BF38_2_0.eot');src: url('webfonts/29BF38_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_2_0.woff') format('woff'),url('webfonts/29BF38_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-ExtraBold';src: url('webfonts/29BF38_3_0.eot');src: url('webfonts/29BF38_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_3_0.woff') format('woff'),url('webfonts/29BF38_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-Light';src: url('webfonts/29BF38_4_0.eot');src: url('webfonts/29BF38_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_4_0.woff') format('woff'),url('webfonts/29BF38_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-LightItalic';src: url('webfonts/29BF38_5_0.eot');src: url('webfonts/29BF38_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_5_0.woff') format('woff'),url('webfonts/29BF38_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-Medium';src: url('webfonts/29BF38_6_0.eot');src: url('webfonts/29BF38_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_6_0.woff') format('woff'),url('webfonts/29BF38_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-MediumItalic';src: url('webfonts/29BF38_7_0.eot');src: url('webfonts/29BF38_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_7_0.woff') format('woff'),url('webfonts/29BF38_7_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit';src: url('webfonts/29BF38_8_0.eot');src: url('webfonts/29BF38_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_8_0.woff') format('woff'),url('webfonts/29BF38_8_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-Italic';src: url('webfonts/29BF38_9_0.eot');src: url('webfonts/29BF38_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_9_0.woff') format('woff'),url('webfonts/29BF38_9_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-Thin';src: url('webfonts/29BF38_A_0.eot');src: url('webfonts/29BF38_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_A_0.woff') format('woff'),url('webfonts/29BF38_A_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Larsseit-ThinItalic';src: url('webfonts/29BF38_B_0.eot');src: url('webfonts/29BF38_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/29BF38_B_0.woff') format('woff'),url('webfonts/29BF38_B_0.ttf') format('truetype');}
 
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary
{
	display:block
}
	audio,canvas,video
{
	display:inline-block;
	*display:inline;
	*zoom:1
}
	audio:not([controls])
{
	display:none; 
	height:0
}
	[hidden]
{
	display:none
}
	html
{
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
	html,button,input,select,textarea
{
	font-family:sans-serif
}
	body
{
	margin:0
}
	a:focus
{
	outline:thin dotted
}
	a:active,a:hover
{
	outline:0
}
	h1
{
	font-size:2em;
	margin:0.67em 0
}
	h2
{
	font-size:1.5em;
	margin:0.83em 0
}
	h3
{
	font-size:1.17em;
	margin:1em 0
}
	h4
{
	font-size:1em;
	margin:1.33em 0
}
	h5
{
	font-size:0.83em;
	margin:1.67em 0
}
	h6
{
	font-size:0.75em;
	margin:2.33em 0
}
	abbr[title]
{
	border-bottom:1px dotted
}
	b,strong
{
	font-weight:bold
}
	blockquote
{
	margin:1em 40px
}
	dfn
{
	font-style:italic
}
	mark
{
	background:#ff0;
	color:#000
}
	p,pre
{
	margin:1em 0
}
	code,kbd,pre,samp
{
	font-family:monospace, serif;
	_font-family:'courier new', monospace;
	font-size:1em
}
	pre
{
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
	q
{
	quotes:none
}
	q:before,q:after
{
	content:'';
	content:none
}
	small
{
	font-size:75%
}
	sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
	sup
{
	top:-0.5em
}
	sub
{
	bottom:-0.25em
}
	dl,menu,ol,ul
{
	margin:1em 0
}
	dd
{
	margin:0 0 0 40px
}
	menu,ol,ul
{
	padding:0 0 0 40px
}
	nav ul,nav ol
{
	list-style:none;
	list-style-image:none
}
	img
{
	border:0;
	-ms-interpolation-mode:bicubic
}
	svg:not(:root)
{
	overflow:hidden
}
	figure
{
	margin:0
}
	form
{
	margin:0
}
	fieldset
{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:0.35em 0.625em 0.75em
}
	legend
{
	border:0;
	padding:0;
	white-space:normal;
	*margin-left:-7px
}
	button,input,select,textarea
{
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle
}
	button,input
{
	line-height:normal
}
	button,html input[type="button"],input[type="reset"],input[type="submit"]
{
	-webkit-appearance:button;
	cursor:pointer;
	*overflow:visible
}
	button[disabled],input[disabled]
{
	cursor:default
}
	input[type="checkbox"],input[type="radio"]
{
	box-sizing:border-box;
	padding:0;
	*height:13px;
	*width:13px
}
	input[type="search"]
{
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
	input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{
	-webkit-appearance:none
}
	button::-moz-focus-inner,input::-moz-focus-inner
{
	border:0;
	padding:0
}
	textarea
{
	overflow:auto;
	vertical-align:top
}
	table
{
	border-collapse:collapse;
	border-spacing:0
}
	p
{
	-webkit-hyphens:auto;
	-epub-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto
}
	b,strong,.strong
{
	font-weight:bold
}
	dfn,em,.em
{
	font-style:italic
}
	small,.small
{
	font-size:75%
}
	ul,ol
{
	padding:0;
	list-style-type:none
}
	dd
{
	margin:0
}
.sidebar ul,.sidebar ol,.commentlist
{
	list-style:none
}
.clearfix
{
	zoom:1
}
.clearfix:before,.clearfix:after
{
	content:"";
	display:table
}
.clearfix:after
{
	clear:both
}
	*
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.image-replacement
{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden
}
	span.amp
{
	/*font-family:"Apercu Medium", Calibri, sans-serif; font-size-adjust:0.508; font-weight:600; font-style:normal;*/
	/*font-family: Larsseit-Medium, Calibri, sans-serif;  font-weight:normal; font-style:normal;*/
	font-family: 'Lato', 'sans-serif';
	font-style:italic
}
.text-left
{
	text-align:left
}
.text-center
{
	text-align:center
}
.text-right
{
	text-align:right
}
.alert-help,.alert-info,.alert-error,.alert-success
{
	margin:10px;
	padding:5px 18px;
	border:1px solid
}
.alert-help
{
	border-color:#e8dc59;
	background:#ebe16f
}
.alert-info
{
	border-color:#bfe4f4;
	background:#d5edf8
}
.alert-error
{
	border-color:#f8cdce;
	background:#fbe3e4
}
.alert-success
{
	border-color:#deeaae;
	background:#e6efc2
}
.button,.button:visited
{
	/*font-family:"Apercu Medium", Calibri, sans-serif; font-size-adjust:0.508; font-weight:600; font-style:normal;*/
	/*font-family: Larsseit-Medium, Calibri, sans-serif;  font-weight:normal; font-style:normal;*/
	font-family: 'Lato', 'sans-serif';
	border:1px solid #be0d37;
	border-top-color:#db0f3f;
	border-left-color:#db0f3f;
	padding:4px 12px;
	color:#fff;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px rgba(0,0,0,0.75);
	cursor:pointer;
	margin-bottom:20px;
	line-height:21px;
	border-radius:4px;
	background-color:#e40f42;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f01d4f), to(#e40f42));
	background-image:-webkit-linear-gradient(top, #f01d4f, #e40f42);
	background-image:-moz-linear-gradient(top, #f01d4f, #e40f42);
	background-image:-o-linear-gradient(top, #f01d4f, #e40f42);
	background-image:linear-gradient(to bottom, #f01d4f, #e40f42)
}
.button:hover,.button:focus,.button:visited:hover,.button:visited:focus
{
	color:#fff;
	border:1px solid #be0d37;
	border-top-color:#9d0a2d;
	border-left-color:#9d0a2d;
	background-color:#cc0e3b;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#cc0e3b));
	background-image:-webkit-linear-gradient(top, #e40f42, #cc0e3b);
	background-image:-moz-linear-gradient(top, #e40f42, #cc0e3b);
	background-image:-o-linear-gradient(top, #e40f42, #cc0e3b);
	background-image:linear-gradient(to bottom, #e40f42, #cc0e3b)
}
.button:active,.button:visited:active
{
	background-color:#f01d4f;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#e40f42), to(#f01d4f));
	background-image:-webkit-linear-gradient(top, #e40f42, #f01d4f);
	background-image:-moz-linear-gradient(top, #e40f42, #f01d4f);
	background-image:-o-linear-gradient(top, #e40f42, #f01d4f);
	background-image:linear-gradient(to bottom, #e40f42, #f01d4f)
}
.blue-button,.blue-button:visited
{
	border-color:#1472ad;
	text-shadow:0 1px 1px #1472ad;
	background-color:#1681c4;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
	background-image:-webkit-linear-gradient(top, #1990db, #1681c4);
	background-image:-moz-linear-gradient(top, #1990db, #1681c4);
	background-image:-o-linear-gradient(top, #1990db, #1681c4);
	background-image:linear-gradient(to bottom, #1990db, #1681c4);
	box-shadow:inset 0 0 3px #59b3ec
}
.blue-button:hover,.blue-button:focus,.blue-button:visited:hover,.blue-button:visited:focus
{
	border-color:#116396;
	background-color:#1472ad;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
	background-image:-webkit-linear-gradient(top, #1784c9, #1472ad);
	background-image:-moz-linear-gradient(top, #1784c9, #1472ad);
	background-image:-o-linear-gradient(top, #1784c9, #1472ad);
	background-image:linear-gradient(to bottom, #1784c9, #1472ad)
}
.blue-button:active,.blue-button:visited:active
{
	background-color:#1990db;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
	background-image:-webkit-linear-gradient(top, #1681c4, #1990db);
	background-image:-moz-linear-gradient(top, #1681c4, #1990db);
	background-image:-o-linear-gradient(top, #1681c4, #1990db);
	background-image:linear-gradient(to bottom, #1681c4, #1990db)
}
body
{
	/*font-family:"Apercu Medium", Calibri, sans-serif; font-size-adjust:0.508; font-weight:600; font-style:normal;*/
	/*font-family: Larsseit-Medium, Calibri, sans-serif;  font-weight:normal; font-style:normal;*/
	font-family: 'Lato', 'sans-serif';
	-webkit-font-smoothing: antialiased;
	font-size:100%;
	font-size: 14px;
	line-height:1.5;
	color:#000;
	min-height:100%;
	height: 100%;
	position: relative;
	background-color: #FFF;
}

.patternone {
   background-image: url('../images/patternone-2.png');
   /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
    
  
}
.pattertwo {
   background-image: url('../images/patterntwo-2.png');
  
   /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
    
}
.patterthree {
   background-image: url('../images/patternthree-2.png');
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
   
}
.patterfour {
   background-image: url('../images/patternfour-2.png');
 /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  
}
.patterfive {
   background-image: url('../images/patternfive.gif');
   background-repeat: repeat;
   background-attachment: cover;
    background-position:top;
   
}
.nobackground {
	background: none !important;
}
/*iframe {
	width: 100% !important;
	height: auto !important;
}*/
#container-load {
	background-color: #FFF;
width: 100%;
height: 100%;
z-index: 100;
display: block;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
#container {
	min-height: 100vh;

}
#container-masonry {
	margin: 0 auto;
	margin-left: 50px;
	/*width: 1020px;*/
}
/*#container-masonry img{
	width:100%;
	display: block;
	height: auto !important;
	
}*/
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
 /* background: #FFF; 
  opacity: 0.8;*/
  color: #000;
 /* -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;*/
}
#infscr-loading img{ 
   width: 16px !important;
   height: 16px;
}	
.videoWrapper {
	position: relative;
	/*overflow: hidden;*/
	/*padding-bottom: 56.25%;*/ /* 16:9 */
	/*padding-top: 25px;*/

    padding-bottom: 52.7%;
   padding-top: 0px;

	height: 0;
	margin-bottom: 40px;
}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bxslider {
	margin: 0;
}
.wrap
{
	width:85%;
	margin:0 auto;
}
a,a:visited
{
	color:#000;
	text-decoration: none;
	/*border-bottom: 1px solid #7e7b7c;*/
	/*padding-bottom: 3px;*/
}
a:hover,a:focus,a:visited:hover,a:visited:focus
{
	color:#000
}
a:link,a:visited:link
{
	/*-webkit-tap-highlight-color:rgba(0,0,0,0.3)*/
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5
{
	/*font-family:"Apercu Medium", Calibri, sans-serif; font-size-adjust:0.508; font-weight:600; font-style:normal;*/
	/*font-family: Larsseit-Medium, Calibri, sans-serif;  font-weight:normal; font-style:normal;*/
	font-family: 'Lato', 'sans-serif';
	text-rendering:optimizelegibility;
	font-weight:500
}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a
{
	text-decoration:none
}
h1,.h1
{
	font-size:2.5em;
	line-height:1.333em
}
h2,.h2
{
	font-size:1.75em;
	line-height:1.4em;
	margin-bottom:0.375em
}
h3,.h3
{
	font-size:1.125em
}
h4,.h4
{
	font-size:1.1em;
	font-weight:700
}
h5,.h5
{
	font-size:0.846em;
	line-height:2.09em;
	text-transform:uppercase;
	letter-spacing:2px
}
.halffirst {
	margin-left: 0px;
	float: left;
	margin-top: 15px;
}
.halflast {
	margin-right: 0px;
	float: right !important;
	margin-top: 15px;
}
.quarterfirst {
	margin-left: 0px;
	float: left;
	margin-top: 15px;
}
.quarterlast {
	margin-right: 0px;
	float: right !important;
	margin-top: 15px;
}
.full {
	margin-top: 15px;
}
#menu-the-main-menu {
	margin-right: -20px;
margin-top: 11px;
}
#logo.h1 a{
	font-size: 14px !important;
	font-weight: 700;
	padding-bottom: 5px;
	border-bottom:1px solid #7f7c7c;
	text-align: center;
	line-height: 41px;
	margin-left: -97px;
}
.head_markus {
 width: 100%;
 margin: 0px auto auto;
 text-align: center;
}
.desc_markus {
	font-size: 14px;
	line-height: 18px;
	color: #000;
	padding-top: 0px;
	margin-top: 0px;
	letter-spacing: 0.04em;
	text-align: left;
}
.italic {
	font-style: italic;
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
}
#main-load {
	/*min-height: 900px;*/
}
.wf-loading body {
    visibility: hidden;
}
.aboutpage {
	margin-top: 137px !important;
}

.nav
{
	border-bottom:0
}
.nav li a
{
	display:block;
	text-decoration:none;
	padding-top: 7px;
	font-weight: 700;
	font-size: 14px;
	border-bottom:1px solid transparent;
}
.nav li a:hover
{
	border-bottom:0px solid #7f7c7c;
	color: #3514e3;
}
.nav li.current-menu a, .nav li.current-menu-item a
{
	border-bottom:1px solid #7f7c7c;
	color: #000;
}

.nav li.current-menu a:hover, .nav li.current-menu-item a:hover
{
	border-bottom:1px solid #3514e3;
	color: #3514e3;
}

.nav li ul.sub-menu li a,.nav li ul.children li a
{
	padding-left:30px
}
#content
{
	/*margin-top:2.2em*/
}
.header {
	position: fixed;
	margin: 0px auto auto;
	width: 100%;
	z-index: 99;
	height: 64px;
	background-color: #FFF;
	border-bottom: 1px solid #000;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
	/*background-color: #0000ff;*/
/*	background: rgba(244, 244, 244, 0.8);*/
	/*background-color: #f4f4f4;*/
}
.header.pattern_header {
	background-color: #31D5C2 !important;
	border-bottom: 0px solid #000 !important;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
}
.logo-joy-white {
	padding-top: 13px;
margin: 0px auto auto;
width: 100%;
/* margin-left: -40px; */
text-align: center;
}
.bt-top {
	 cursor: pointer;
	display:block;
	position: absolute;
	top:15px;
	right: 19px;
	width: 30px;
	height: 30px;
	background-size: 100% !important;
	background: url('../images/arrow.png');
	background-repeat: no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
	
}
.bt-top:hover {
	background: url('../images/arrow_on.png');
}
.ajaxlinkhome {
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out; 
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
 transform:rotate(-90deg);
}


.bt-back {
	 cursor: pointer;
	display:block;
	position: absolute;
	top:20px;
	right: 15px;
	border-bottom: 0;
	width: 42px;
	height: 42px;
	background: url('../images/bt-back.png');
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
}
.bt-back:hover {
	background: url('../images/bt-back-over.png');
}

.bt-about {
	 cursor: pointer;
	display:block;
	position: absolute;
	top:15px;
	left: 19px;
	width: 30px;
	height: 30px;
	background-size:100% !important;
	background: url('../images/info.png');
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
}
.bt-about:hover {
	background-image: url('../images/info_on.png');
}
/*.bt-about {
	 cursor: pointer;
	display:block;
	position: absolute;
	top:20px;
	left: 15px;
	width: 36px;
	height: 36px;
	border: 2px solid #FFF;
	border-radius: 50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	text-align: center;
	color: #FFF;
}
.bt-about:hover {
	
}*/
.bt-back-bottom {
	 cursor: pointer;
	display:inline-block;
	width: 30px;
	height: 30px;
	background-size: 100% !important;
	text-transform: none;
	border-bottom: 0;
	margin-top: 0px;
	background: url('../images/project_back.png');
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
 transform:rotate(360deg);
}
.bt-back-bottom:hover {
	background: url('../images/project_back_on.png');
}

.bt-about-close {
	 cursor: pointer;
	display:block;
	width: 30px;
	height: 30px;
	margin-left: 40px;
	margin-bottom: 23px;
	background-size: 100% !important;
	background: url('../images/close.png');
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
}
.bt-about-close:hover {
	background: url('../images/close_on.png');
}
.bt-facebook {
	 cursor: pointer;
	display:block;
	position: fixed;
	bottom:20px;
	right: 15px;
	width: 30px;
	height: 30px;
	background-size: 100% !important;
	text-transform: none;
	border-bottom: 0;
	background: url('../images/defaultnav_facebook.png');
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
}
.bt-facebook:hover {
	background: url('../images/defaultnav_facebook_on.png');
}
.bt-facebooktexturenav {
	 cursor: pointer;
	display:block;
	position: fixed;
	bottom:20px;
	right: 15px;
	width: 30px;
	height: 30px;
	background-size: 100% !important;
	text-transform: none;
	border-bottom: 0;
	 background: url('../images/texturenav_facebook.png');
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 

}
.bt-facebooktexturenav:hover {
   background: url('../images/texturenav_facebook_on.png');
}
.bt-instagram {
	 cursor: pointer;
	display:block;
	position: fixed;
	bottom:20px;
	left: 15px;
	width: 30px;
	height: 30px;
	background-size: 100% !important;
	text-transform: none;
	border-bottom: 0;
	background: url('../images/defaultnav_intsa.png');
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
}
.bt-instagram:hover {
	background: url('../images/defaultnav_intsa_on.png');
}
.bt-instagramtexturenav {
	 cursor: pointer;
	display:block;
	position: fixed;
	bottom:20px;
	left: 15px;
	width: 30px;
	height: 30px;
	background-size: 100% !important;
	text-transform: none;
	border-bottom: 0;
	background: url('../images/texturenav_intsa.png');
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
-ms-transition: all 0.3s ease-in-out; 
}
.bt-instagramtexturenav:hover {
	background: url('../images/texturenav_intsa_on.png');
}
#main {
	margin-top: 125px;
}
/*About */
.
.featuredin h3 {
	margin-bottom:23px;
	margin-top:50px;
}
.featuredin h5 {
	margin-bottom:7px;
}
.featuredin p {
	margin-bottom:24px;
	margin-top: -5px;
}
.featuredin a {
	font-size: 12px;
}
.featuredin a:hover {
	color: #1c2bf0 !important;
	border-bottom: 1px solid #1c2bf0;
}
.about-list {
	margin-top: 10px;
}
.about-list li{
	margin-bottom: 15px;
}
.about-list li a{
	font-size: 12px;
}
.about-list li a:hover{
	border-bottom:1px solid #3514e3;
	color: #3514e3;
}
.created a {

}
.created a:hover {
	border-bottom:1px solid #3514e3;
	color: #3514e3;
}
.video-project {
	max-width: 800px;
	width: auto;
	margin: 0px auto auto;
	text-align: center;
}
/* ABOUT PAGE */
#about-page {
	width: 640px;
	/*font-family:"Apercu Light", Calibri, sans-serif; font-size-adjust:0.508; font-weight:200; font-style:normal;*/
	/*font-family: Larsseit-Light, Calibri, sans-serif;  font-weight:normal; font-style:normal;*/
	font-family: 'Lato', 'sans-serif';
	-webkit-font-smoothing: antialiased;
	background-color: #272727;
	position: fixed;
	/*position: absolute;*/
-webkit-overflow-scrolling: touch;
   bottom: 0;
	top:0;
	height: 100%;
	max-height: 100%;
/*max-height: 100%;*/
	left: -640px;
	z-index: 99;
	color: #FFF;
	font-size: 16px;
	padding-left: 40px;
	padding-top: 15px;
	/*overflow-y: auto;*/
	overflow: hidden;
}
#about-page i {
	font-size: 11px;
}
#about-page a {
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	/*margin-left: 40px;*/
}

#about-page .email-about a {
	color: #31D5C2;
	text-decoration: none;
	border-bottom: 1px solid #31D5C2;
}

.about-page-layout {
height: 100%;
}
.title-about {
	margin-left: 40px;
	color: #31d5c2;
}	
.title-about span{
	 border-bottom: 1px solid #31d5c2;
}

.about-content {
	width: 560px;
	margin-top: 5px;
	margin-bottom: 25px;
	text-align: left;
}
.about-content p{
text-indent: 2em;
margin: 0;
padding: 0;
}	
.about-content p:first-child{
text-indent: 0em;
margin: 0;
padding: 0;
}
.about-content p.newcontent{
text-indent: 0em;
margin: 0;
padding: 0;
}	

.article-header {
	margin: 0;
	line-height: 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	
}

.bordershadow {
		/*-webkit-box-shadow: 7px 10px 15px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    7px 10px 15px 0px rgba(0, 0, 0, 0.5);
box-shadow:         7px 10px 15px 0px rgba(0, 0, 0, 0.5);*/
}
.border-news {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
    width:100%;
    height: 100%;
	border: 2px solid #31D5C2;
	background-color: #FFF;
	/*padding: 18px;*/
line-height: 15px;
font-size: 16px;
color: #000;
	display: none;
	/*background: rgba(28, 43, 240, 0.6);*/
}
.patternactive .border-news {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
    width:100%;
    height: 100%;
	border: 0px solid #FFF;
	/*background-color: #0000ff;*/
	/*padding: 18px;*/
line-height: 15px;
font-size: 16px;
color: #000;
	display: none;

	background: rgba(49, 213, 194, 1);
}
.patternactive .title-project span {
   /*border-bottom: 1px solid #FFF !important;*/
   color: #FFF !important;
}
.patternactive .descr2-project span {
   border-bottom: 0px solid #FFF !important;
   color: #FFF !important;
}
 .patternactive .datep-project span { 
     border-bottom: 1px solid #FFF !important;
   color: #FFF !important;
}
 .patternactive .arrow-bot {
	/*position: absolute;
bottom: 7px;*/
margin-top: 10px;
font-size: 13px;
color: #FFF;
}
.arrow-bot {
	/*position: absolute;
bottom: 7px;*/
margin-top: 10px;
font-size: 13px;
color: #31d5c2;;
}
.title-project {
	margin-left: 0px;
	margin-bottom: 10px;
	
}
.descr2-project {
	
}
.datep-project {
	margin-top: 15px;
	
}


.title-project span {
   /*border-bottom: 1px solid #0000ff;*/
   font-size: 30px;
   line-height: 31px;
}	
.descr2-project span {
    border-bottom: 0px solid #0000ff;
}
.datep-project span {
    border-bottom: 1px solid #31d5c2;;
    color: #31d5c2;;
   /* font-family: "Courier New", Courier, monospace;*/
   font-family: 'Lato', 'sans-serif';
    font-size: 12px;
}
.title-project-single span {
   border-bottom: 0px solid #0000ff;
   font-size: 24px;
   color: #31d5c2;
}
.descr2-project-single span {
    border-bottom: 0px solid #0000ff;
    font-size: 18px;
}
.datep-project-single span {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 12px;
}
.title-project-single {
  font-size: 18px;
  color: #0000ff;
}
.descr2-project-single {
  font-size: 18px;
  color: #0000ff;
}
.datep-project-single {
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 13px;
  color: #0000ff;
 /* font-family: "Courier New", Courier, monospace;*/
 font-family: 'Lato', 'sans-serif';
}
.content-project-details {
	width: 625px;
	/*font-family: "Courier New", Courier, monospace;*/
	font-family: 'Lato', 'sans-serif';
	font-size: 16px;
	margin: 0px auto 30px;
	color: #272727;
}
.container-img {
	margin-bottom: 40px;
	position: relative;
	/*background-color: #000;*/
	background-image: url('../images/back_image.jpg');
	background-repeat: repeat;
	background-position: 0px -107px;
	max-width: 800px;
	width: auto;
	height: auto;
	height: 445px;
	overflow: hidden;

}
.logo-joy-white img {
	width: 105px;
}
.inside-img {
	display: table-cell !important;
	height: 445px;
	width: 800px;
	vertical-align: middle; 
}
.button-switch {
	position: fixed;
	right: 0px;
	width: 20px;
	height:50px;
	margin-right: 25px;
	top:50%;
	margin-top: -25px;
	z-index: 10;
}
.parent-box {
    position: relative;
    height: 100%;
width: 100%;
text-align: center;
}
.child-box {
	position: absolute;
    top: 50%;
    left: 50%;
   height: 120px;
   width: 100%;
   margin: -35px 0 0 -50%;
}
.btn-normal {
	display: block;
	cursor: pointer;
	height: 16px;
	width: 16px;
	margin-top: 10px;
	background-color: #282828;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.btn-pattern {
	display: block;
	cursor: pointer;
	background-color: #31D5C2;
	height: 16px;
	width: 16px;
	
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.masonry-item {
	margin-bottom: 40px;
}
.news-post-short {
	/*max-width: 266px;*/
	width: 265px;
	display: inline-block;
	vertical-align: top;
	height: auto;
	/*margin-right: 11px;*/
	padding-bottom: 37px;
}
.news-post-short img {
	/*max-width: 266px;*/
	/*max-width: 100%;*/
	width: 100%;
	/*box-sizing:border-box;
	border: 4px solid #F2F2F3;*/
}
.news-post-long{
	max-width: 547px;
	width: auto;
	display: inline-block;
	vertical-align: top;
	height: auto;
	padding-bottom: 37px;
}
.news-post-long img {
	max-width: 100%;
	width: auto;
	/*box-sizing:border-box;
	border: 4px solid transparent;*/
}


.cat-news li:after {
	content:" /\00a0";
}
.cat-news li:last-child:after {
	content:"";
}
.projectcat {
	margin: 0;
	float: right;
	margin-right: 15px;
}
.projectcat li {
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;

}
.projectcat li a{
	text-decoration: none;
	border-bottom: 0px;
}

.projectcat li a:hover{
	border-bottom:0px solid #7f7c7c;
	color: #3514e3;
}
.projectcat li a.currentcat{
	text-decoration: none;
	border-bottom:0px solid #7f7c7c;
	/*border-bottom: 1px solid #7f7c7c;*/
}
.projectcat li:after {
	content:" /";
}
.projectcat li:last-child:after {
	content:"";
}


.projectcatnoajax {
	margin: 0;
	float: right;
	margin-right: 15px;
}
.projectcatnoajax li {
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;

}
.projectcatnoajax li a{
	text-decoration: none;
	border-bottom: 0px;
}
.projectcatnoajax li a.currentcat{
	text-decoration: none;
	/*border-bottom: 1px solid #7f7c7c;*/
	border-bottom:0px solid #7f7c7c;
	/*border-bottom: 1px solid #7f7c7c;*/
}
.projectcatnoajax li a:hover{
	border-bottom:0px solid #7f7c7c;
	color: #3514e3;
}

.projectcatnoajax li:after {
	content:" /";
}
.projectcatnoajax li:last-child:after {
	content:"";
}





.projectcatsingle {
	margin: 0;
	float: right;
	margin-top: 8px;
	margin-right: 0px;
}
.projectcatsingle li {
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;

}
.projectcatsingle li a{
	text-decoration: none;
	border-bottom:1px solid #7e7b7b;
}
.projectcatsingle li:after {
	content:" /";
}
.projectcatsingle li:last-child:after {
	content:"";
}

.projectcatsinglenoajax {
	margin: 0;
	float: right;
	margin-top: 8px;
	margin-right: 0px;
}
.projectcatsinglenoajax li {
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;

}
.projectcatsinglenoajax li a{
	text-decoration: none;
	border-bottom:1px solid #7e7b7b;
}


.projectcatsinglenoajax li:after {
	content:"/";
}
.projectcatsinglenoajax li:last-child:after {
	content:"";
}

.prevnextlink {
	float: right;
margin-right: 10px;
margin-top: 5px;
}

.prevnextlink a:hover{
	border-bottom:1px solid #3514e3;
	color: #3514e3;
}
a.mainlink-news {
	text-decoration: none;
	display: block;
}
a.mainlink-news:hover a.link-news {
	color: #1c2bf0 !important;
	border-bottom: 1px solid #1c2bf0;
}
a.link-news {
	/*font-family:"Apercu Medium", Calibri, sans-serif; font-size-adjust:0.508; font-weight:600; font-style:normal;*/
	/*font-family: Larsseit-Medium, Calibri, sans-serif;  font-weight:normal; font-style:normal;*/
	font-family: 'Lato', 'sans-serif';
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin-left: 13px;
	padding-bottom: 5px;
    border-bottom: 1px solid #000;
}
a.link-news:hover {
	color: #1c2bf0 !important;
	border-bottom: 1px solid #1c2bf0;
}
a.link-news:hover .img-news{
	/*border: 4px solid #1c2bf0 !important;*/
}
/* PROJECT */
.gallery-project img{
	max-width: 100%;
}
.item-project {
	display: inline-block;
	width: 264px;
	height: 164px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-right: 15px;
	vertical-align: top;
}
.item-project.lastw {
	/*margin-right: 0px;*/
}

.holdgridsingle {
	width: 43% !important;
}
.lastgridsingle {
	width: 14.1% !important;
margin-left: 0px !important;
}
.gridtextsingle {
	margin-left: 36px !important;
width: 22.5% !important;
margin-bottom: 20px;
}
.gridcontentabout {
  width: 27% !important;
}
.gridlastabout {
	margin-left: 0px !important;
	width: 13% !important;
}

.text-content {
/*	margin-left: 32px;*/
}
.text-social {
	margin-left: 32px;
}
.project-content {
  margin-top: 5px;
}
.project-content h2 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}
.social-project {

}
.social-project li {
	margin-bottom: 10px;
}
.social-project li a{
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}
.social-project li a:hover{
	border-bottom:1px solid #3514e3;
	color: #3514e3;
}
.big-image-project img {
	width: 100%;
}

/* Caption Style 5 */
.cs-style-5 figure img {
	z-index: 10;
	/*-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;*/
	opacity: 1;

	-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
	-moz-transition: -moz-transform 0.6s, opacity 0.6s;
	transition: transform 0.6s, opacity 0.6s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
	/*-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);*/
	opacity: 0;
	-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
	-moz-transition: -moz-transform 0.6s, opacity 0.6s;
	transition: transform 0.6s, opacity 0.6s;
}

.cs-style-5 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	/*-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);*/
	/*opacity: 1;*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
	-moz-transition: -moz-transform 0.6s, opacity 0.6s;
	transition: transform 0.6s, opacity 0.6s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	z-index: 12;
}

.cs-style-5 figure a {
	/*position: absolute;*/
	/*bottom: 20px;*/
	left: 13px;
}
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -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;
}
/* FOOTER */
.footer-about {
font-size: 12px;
position: relative;
color: #959595;
margin-left: 40px;
margin-top: 15px;
}
.footer-about a {
 border-bottom: 1px solid #959595 !important;
 color: #959595 !important;
 margin-left: 0px !important;
 font-size: 12px !important;
 /*font-family: "Courier New", Courier, monospace;*/
 font-family: 'Lato', 'sans-serif';
}
.copy {
	float: left;
font-size: 13px;
letter-spacing: 0px;
}
.copy li {
	margin-bottom: 2px;
}
.copy li a:hover{
	border-bottom:1px solid #3514e3;
	color: #3514e3;
}
.adress {
	float:left;
	margin-left: 20px;
	font-size: 13px;
letter-spacing: 0px;
}
.adress li {
	margin-bottom: 2px;
}
.copysocial {
	float: left;
	margin-left: 21px;
	font-size: 13px;
letter-spacing: 0px;
}
.copysocial li {
	margin-bottom: 2px;
}
.copysocial li a:hover{
	border-bottom:1px solid #3514e3;
	color: #3514e3;
}
.byline
{
	color:#999
}
.entry-content h3
{
	text-align: center;
	font-size: 14px;
	/*letter-spacing: 0.09em;*/
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	color: #000;

}
.entry-content p
{

	/*margin: 0px 0px 0px 0px;*/
	margin-top: 0px;
	margin-bottom: 2px;
line-height: 1.35em;
}
.entry-content dd
{
	margin-left:0;
	font-size:0.9em;
	color:#787878;
	margin-bottom:1.5em
}
.entry-content img
{
	margin:0 0 1.5em 0;
	max-width:100%;
	height:auto
}
.entry-content video,.entry-content object
{
	max-width:100%;
	height:auto
}
.entry-content pre
{
	background:#eee;
	border:1px solid #cecece;
	padding:10px
}
.wp-caption
{
	max-width:100%;
	background:#eee;
	padding:5px
}
.wp-caption img
{
	max-width:100%;
	margin-bottom:0;
	width:100%
}
.wp-caption p.wp-caption-text
{
	font-size:0.85em;
	margin:4px 0 7px;
	text-align:center
}
.page-navigation,.wp-prev-next
{
	margin:1.1em 0 2.2em
}
.bones_page_navi li
{
	float:left;
	margin-left:10px
}
.bones_page_navi li a
{
	padding:3px 6px;
	display:block;
	text-decoration:none;
	position:relative
}
.bones_page_navi li a:hover,.bones_page_navi li a:focus
{
	color:#f01d4f;
	text-decoration:underline
}
.bones_page_navi li.bpn-current
{
	padding:3px 6px;
	border-bottom:2px solid #f01d4f;
	position:relative
}
.bones_page_navi li.bpn-prev-link,.bones_page_navi li.bpn-next-link
{
	font-weight:700
}
.bones_page_navi li.bpn-prev-link a,.bones_page_navi li.bpn-next-link a
{
	padding:0
}
.bones_page_navi li.bpn-prev-link a:hover,.bones_page_navi li.bpn-next-link a:hover,.bones_page_navi li.bpn-first-page-link a:hover,.bones_page_navi li.bpn-last-page-link a:hover
{
	background:none
}
.wp-prev-next .prev-link
{
	float:left
}
.wp-prev-next .next-link
{
	float:right
}
.commentlist li
{
	position:relative;
	clear:both;
	overflow:hidden;
	list-style-type:none;
	margin-bottom:1.5em;
	padding:0.7335em 10px
}
.commentlist li:last-child
{
	margin-bottom:0
}
.commentlist li ul.children
{
	margin:0
}
.commentlist li[class*=depth-]
{
	margin-top:1.1em
}
.commentlist li.depth-1
{
	margin-left:0;
	margin-top:0
}
.commentlist li:not(.depth-1)
{
	margin-right:-10px;
	margin-left:-10px;
	margin-top:0;
	padding-bottom:0
}
.commentlist .odd
{
	background:#eee
}
.commentlist .even
{
	background:#fefefe
}
.commentlist .vcard
{
	margin-left:50px
}
.commentlist .vcard cite.fn
{
	font-weight:700;
	font-style:normal
}
.commentlist .vcard time
{
	float:right
}
.commentlist .vcard time a
{
	color:#999;
	text-decoration:none
}
.commentlist .vcard time a:hover
{
	text-decoration:underline
}
.commentlist .vcard img.avatar
{
	position:absolute;
	left:10px;
	padding:2px;
	border:1px solid #cecece;
	background:#fff
}
.commentlist .comment_content
{
	margin-left:50px
}
.commentlist .comment_content p
{
	margin:0.7335em 0 1.5em;
	font-size:1em;
	line-height:1.5em
}
.commentlist .comment-reply-link
{
	text-decoration:none;
	float:right;
	background:#4598bb;
	padding:3px 5px;
	color:#fff;
	opacity:0.65;
	margin-bottom:10px;
	font-weight:700;
	font-size:0.9em
}
.commentlist .comment-reply-link:hover,.commentlist .comment-reply-link:focus
{
	opacity:1
}
.respond-form
{
	margin:1.5em 10px;
	padding-bottom:2.2em
}
.respond-form form
{
	margin:0.75em 0
}
.respond-form form li
{
	list-style-type:none;
	clear:both;
	margin-bottom:0.7335em
}
.respond-form form li label,.respond-form form li small
{
	display:none
}
.respond-form form input[type=text],.respond-form form input[type=email],.respond-form form input[type=url],.respond-form form textarea
{
	padding:3px 6px;
	background:#efefef;
	border:2px solid #cecece;
	line-height:1.5em
}
.respond-form form input[type=text]:focus,.respond-form form input[type=email]:focus,.respond-form form input[type=url]:focus,.respond-form form textarea:focus
{
	background:#fff
}
.respond-form form input[type=text]:invalid,.respond-form form input[type=email]:invalid,.respond-form form input[type=url]:invalid,.respond-form form textarea:invalid
{
	outline:none;
	border-color:#fbc2c4;
	background-color:#f6e7eb;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	box-shadow:none
}
.respond-form form input[type=text],.respond-form form input[type=email],.respond-form form input[type=url]
{
	max-width:400px;
	min-width:250px
}
.respond-form form textarea
{
	resize:none;
	width:97.3%;
	height:150px
}
	#comment-form-title
{
	margin:0 0 1.1em
}
	#allowed_tags
{
	margin:1.5em 10px 0.7335em 0
}
.nocomments
{
	margin:0 20px 1.1em
}
.footer
{
	clear:both;
	margin-top: 40px;
}


.navbar-header: before,.navbar-header: after
{
	content: " ";
	display: table
}

.navbar-header: after
{
	clear: both
}

.navbar-header: before,.navbar-header: after
{
	content: " ";
	display: table
}

.navbar-header: after
{
	clear: both
}
.navbar-toggle
{
	position: absolute;
	float: right;
	top:0px;
	right: 0px;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: 4px;
	display: none;
}

.navbar-toggle .icon-bar
{
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar
{
	margin-top: 4px
}
.navbar-toggle .icon-bar
{
	background-color: #ccc
}
.nav {
/*display: block !important;*/
}
.hidden-phone {
	display: block;
}
@media (max-width: 767px){
 .gridcontentabout {
width: 90% !important;
margin-left: 0px !important;
}	
.content-about {
margin-left: 0px !important;
}
.gridlastabout {
margin-left: 0px !important;
width: 100% !important;
}
.content-about-contact {
margin-left: 0px !important;
position: relative;
}
.gridtextsingle {
	margin-left: 0px !important;
	width: 90% !important;
}
.nav {
display: none;
}
.navbar-toggle {
display: block;
}
#menu-the-main-menu {
  
    background-color: #f4f4f4;
margin-top: 0px;
top: 50px;
position: absolute;
width: 100%;
z-index: 99;
min-height: 112px;
}

.hidden-phone {
	display: none !important;
}
.text-social {
margin-left: 0px;
}
.nav li ul.sub-menu,.nav li ul.children
{
	margin-top:0;
	/*border:1px solid #ccc;*/
	border-top:0;
	position:relative;
	display:none;
	z-index:8999;
}
.nav li ul.sub-menu li a,.nav li ul.children li a
{
	padding-left:10px;
	border-right:0;
	display:block;
	width:95%;
	border-bottom:1px solid #ccc
}
.nav li ul.sub-menu li:last-child a,.nav li ul.children li:last-child a
{
	border-bottom:0
}
.nav li:hover ul
{
	top:auto;
	display:block;
}
.about-content p{
text-indent: 0em !important;
margin: 0;
padding: 0;
}
}

@media only screen and (min-width: 481px){
.entry-content .alignleft,.entry-content img.alignleft
{
	margin-right:1.5em;
	display:inline;
	float:left
}
.entry-content .alignright,.entry-content img.alignright
{
	margin-left:1.5em;
	display:inline;
	float:right
}
.entry-content .aligncenter,.entry-content img.aligncenter
{
	margin-right:auto;
	margin-left:auto;
	display:block;
	clear:both
}

}
@media only screen and (min-width: 1600px){
.wrap
{
	/*max-width:1516px !important;*/

}
}
@media only screen and (min-width: 768px){
.onecol
{
	width:5.801104972%
}
.twocol
{
	width:14.364640883%
}
.threecol
{
	width:22.928176794%
}
.fourcol
{
	width:31.491712705%
}
.fivecol
{
	width:40.055248616%
}
.sixcol
{
	width:48.618784527%
}

.sixcol.halffirst
{
	width:49.1%
}

.sixcol.halflast
{
	width:49.1%
}
.sevencol
{
	width:57.182320438000005%
}
.eightcol
{
	width:65.74585634900001%
}
.ninecol
{
	width:74.30939226%
}
.tencol
{
	width:82.87292817100001%
}
.elevencol
{
	width:91.436464082%
}
.twelvecol
{
	width:99.999999993%
}
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol
{
	position:relative;
	float:left;
	margin-left:2.762430939%
}
.first
{
	margin-left:0
}
.last
{
	float:right
}
.wrap
{
	/*max-width:1116px;*/

}

.nav
{
	border:0
}
.nav li
{
	float:right;
	margin-right: 108px;
	position:relative;

}
.nav li a
{
	border-bottom:1px solid transparent;
}
.nav li a:hover,.nav li a:focus
{
	
}
.nav li ul.sub-menu,.nav li ul.children
{
	margin-top:0;
	border:1px solid #ccc;
	border-top:0;
	position:absolute;
	display:none;
	z-index:8999;
	display: none;
}
.nav li ul.sub-menu li a,.nav li ul.children li a
{
	padding-left:10px;
	border-right:0;
	display:block;
	width:180px;
	border-bottom:1px solid #ccc
}
.nav li ul.sub-menu li:last-child a,.nav li ul.children li:last-child a
{
	border-bottom:0
}
.nav li:hover ul
{
	top:auto;
	display:none;
}

.sidebar
{
	margin-top:2.2em
}
.widgettitle
{
	border-bottom:2px solid #444;
	margin-bottom:0.75em
}
.widget
{
	padding:0 10px;
	margin:2.2em 0
}
.widget ul li
{
	margin-bottom:0.75em
}
.widget ul li ul
{
	margin-top:0.75em;
	padding-left:1em
}

}

@media only screen and (min-width : 810px) and (max-width : 1159px) {

.gridtextsingle {
	margin-left: 25px !important;
}
}
@media only screen and (min-width : 768px) and (max-width : 810px) {

.gridtextsingle {
	margin-left: 20px !important;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
 .gridcontentabout {
width: 100% !important;
}
#container-masonry {
	margin-left: 0px !important;
}
#container-masonry img{
	width:100%;

}
#about-page {
width: 300px;
padding-left: 5px;
}
.about-content {
width: 280px;
/*height: 400px;
  overflow-y: scroll*/
}
.content-project-details {
width: 100%;
}
#infscr-loading img{ 
   display: none !important;
}
.button-switch {
	display: none;
}
.about-content p{
text-indent: 0em !important;
margin: 0;
padding: 0;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */


}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 480px) {
/* Styles */
.copysocial {
	margin-left: 0px !important;
}
#container-masonry {
	margin-left: 0px !important;
}
#container-masonry img{
	width:100%;
}
#about-page {
width: 300px;
padding-left: 5px;
}
.about-content {
width: 280px;
/*height: 400px;
  overflow-y: scroll*/
}
.content-project-details {
width: 100%;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */


}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */


}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */


}


/* iPhone 4 ----------- */
@mediaonly screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */



}









@media print
{
	*
{
	background:transparent !important;
	color:black !important;
	text-shadow:none !important;
	filter:none !important;
	-ms-filter:none !important
}
	a,a:visited
{
	color:#444 !important;
	text-decoration:underline
}
	a:after,a:visited:after
{
	content:" (" attr(href) ")"
}
	a abbr[title]:after,a:visited abbr[title]:after
{
	content:" (" attr(title) ")"
}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after
{
	content:""
}
	pre,blockquote
{
	border:1px solid #999;
	page-break-inside:avoid
}
	thead
{
	display:table-header-group
}
	tr,img
{
	page-break-inside:avoid
}
	img
{
	max-width:100% !important
}
	@page
{
	margin:0.5cm
}
	p,h2,h3
{
	orphans:3;
	widows:3
}
	h2,h3
{
	page-break-after:avoid
}
.sidebar,.page-navigation,.wp-prev-next,.respond-form,nav
{
	display:none
}

}