@media all {
	* {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block
	}
	blockquote, q {
		quotes: none
	}
	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none
	}
	table {
		border-collapse: collapse;
		border-spacing: 0
	}
	a {
		outline: 0
	}
	ul, ol, dl {
		list-style: none
	}
	hr {
		display: none
	}
	.clear {
		clear: both
	}
}
@media all {
	.fs40 {font-size: 40px;}
	p.fs26 {font-size: 26px;}
	p.fs30 {font-size: 30px;}
	.lh30 {line-height: 40px;}
	.bc_blue{background-color:#EFEFEF }
	.bc_blue2{background-color:#75F4EE }
	body {
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 300;
		line-height: 18px;
		text-align: center;
		color: #191c1c;
		background: white
	}
	body, html {
		width: 100%;
		height: 100%
	}
	a {
		font-weight: 800;
		text-decoration: none;
		color: #69cee5
	}
	a:hover {
		color: #191c1c
	}
	a:active {
		color: #646e70
	}
	em {
		font-style: italic;
		color: #646e70
	}
	.hr {
		height: 20px;
		margin: 20px auto 40px auto;
		border-bottom: 1px solid #eaebeb
	}
	.hr hr {
		display: none
	}
	.clear {
		clear: both
	}
	.wrapper {
		position: relative;
		width: 960px;
		margin: 0 auto
	}
	.header {
		position: relative;
		width: 100%;
		background: white
	}
	.header .wrapper {
		height: 40px;
		padding: 40px 0 0 0
	}
	.header .wrapper.wrapper-sub {
		padding: 40px 0;
		border-bottom: 0
	}
	.header .wrapper.wrapper-sub h2 {
		visibility: visible
	}
	.header h2 {
		visibility: hidden;
		position: relative;
		width: 320px;
		height: 40px;
		margin-left: 320px
	}
	.header h2 a {
		display: block;
		height: 40px;
		margin: 0 auto;
		color: #191c1c
	}
	.header h2 a img {
		width: 100%;
		height: 100%
	}
	.header.fixed {
		position: fixed;
		z-index: 100
	}
	.header.fixed .wrapper {
		padding: 10px 0
	}
	.header.fixed h2 {
		visibility: visible
	}
	.header.fixed h2 a {
		width: 42px;
		height: 20px;
		padding-top: 10px
	}
	.nav {
		float: right;
		height: 40px;
		width: 200px;
		margin-right: 60px
	}
	.nav li {
		position: relative;
		float: left;
		height: 40px;
		width: 33.3%
	}
	.nav li a {
		position: relative;
		display: block;
		height: 40px;
		font-size: 10px;
		line-height: 40px;
		text-transform: uppercase;
		z-index: 10;
		color: #c3c8c9
	}
	.nav li span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 40px;
		opacity: 0
	}
	#projects-icon {
		background: url(../images/projects.png) no-repeat center
	}
	#about-icon {
		background: url(../images/about.png) no-repeat center
	}
	#contact-icon {
		background: url(../images/contact.png) no-repeat center
	}
	.header-top {
		display: none;
		position: fixed;
		right: 0;
		top: 10px;
		height: 40px;
		width: 60px
	}
	.header-top a {
		position: relative;
		display: block;
		height: 40px;
		font-size: 10px;
		line-height: 40px;
		text-transform: uppercase;
		z-index: 10;
		color: #c3c8c9
	}
	.header-top span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 40px;
		opacity: 0
	}
	.fixed .header-top {
		display: block
	}
	#top-icon {
		background: url(../images/top.png) no-repeat center
	}
	.poligon {
		height: 450px;
		position: relative
	}
	.poligon .svg-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 450px
	}
	.poligon .svg-front {
		z-index: 30
	}
	.poligon .wrapper {
		top: 100px;
		z-index: 20
	}
	.poligon .svg-back {
		z-index: 10
	}
	.poligon svg {
		overflow: hidden;
		opacity: 0
	}
	#projects {
		display: none;
	}
	.box {
		margin: 0 20px 40px 20px;
		padding: 40px 40px 16px 40px;
		-moz-box-shadow: inset 0 0 0 #eaeaea;
		-webkit-box-shadow: inset 0 0 0 #eaeaea;
		box-shadow: inset 0 0 0 #eaeaea
	}
	.box .color-thumb {
		position: absolute;
		top: 40px;
		left: 40px;
		opacity: 0
	}
	.box h4 {
		margin-bottom: -2px;
		font-size: 12px;
		font-weight: 800;
		text-transform: uppercase;
		color: #191c1c
	}
	.box em {
		font-weight: 300;
		font-size: 12px
	}
	.box .news p {
		margin-bottom: 0;
		font-weight: 300;
		color: #191c1c
	}
	.box_ul li {
		padding:30px 0;
		margin: 0;
		float: left;
		width: 33.3%;
	}
	.image {
		padding: 0 60px 40px 60px;
		background: url(../images/loading.gif) no-repeat center
	}
	.image img {
		width: 100%
	}
	.box img, .image img {
		width: 90%;
		display: block;
		margin: 0 auto 16px auto;
		-moz-box-shadow: 0 3px 6px #adadad;
		-webkit-box-shadow: 0 3px 6px #adadad;
		box-shadow: 0 3px 6px #adadad
	}
	.no-shadow img {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none
	}
	.grey-bg {
		padding: 80px 0;
		background: #f9f9f9
	}
	.description {
		padding: 160px 0;
		background: url(../images/bg.jpg) no-repeat center
	}
	.description h1 {
		font-size: 30px!important;
		margin-bottom: 18px!important
	}
	.description .hr {
		width: 200px
	}
	.text {
		font-size: 18px;
		line-height: 24px
	}
	.text .wide p {
		padding: 0 60px
	}
	.text .col {
		float: left;
		width: 300px;
		padding: 0 60px 18px 60px
	}
	.text h1 {
		margin-bottom: 4px;
		font-size: 24px;
		font-weight: 800;
		text-transform: uppercase
	}
	.text h2 {
		padding-top: 18px;
		font-size: 31px;
		font-weight: 300;
		line-height: 32px
	}
	.text h3 {
		margin-bottom: 18px;
		font-size: 18px;
		font-weight: 800;
		text-transform: uppercase
	}
	.text h4 {
		font-size: 12px;
		font-weight: 800;
		text-transform: uppercase
	}
	.text h4.top-spacer {
		padding-top: 18px
	}
	.text p, .text ul, .text dd, .text dl {
		margin-bottom: 18px
	}
	.text p:last-child, .text ul:last-child, .text dd:last-child, .text dl:last-child {
		margin-bottom: 0
	}
	.text ul, .text dd, .text dl {
		list-style: none
	}
	.text dt, .text dd a {
		font-weight: 800
	}
	.text strong, .text b {
		font-weight: 800
	}
	.text small {
		display: block;
		font-size: 14px;
		line-height: 18px!important
	}
	.text .small li, .text .small dd, .text .small dt {
		line-height: 18px
	}
	.prev-next {
		position: relative
	}
	.prev-next .wrapper {
		width: 840px;
		height: 80px;
		padding-top: 40px;
		border-bottom: 1px solid #eaebeb
	}
	.prev-next .prev {
		width: 50%;
		float: left
	}
	.prev-next .next {
		width: 50%;
		float: right
	}
	.contact {
		padding: 80px 0;
		color: white;
		background: #323738
	}
	.contact .contact-half {
		float: left;
		width: 300px;
		margin: 0 60px 18px 60px
	}
	.contact a:hover {
		color: white
	}
	.social {
		width: 120px;
		height: 48px;
		padding-top: 18px;
		margin: 0 auto
	}
	.social li {
		position: relative;
		float: left;
		width: 100%;
		height: 48px
	}
	.social li a {
		position: relative;
		display: block;
		height: 48px;
		line-height: 48px;
		z-index: 10;
		opacity: 0
	}
	.social li span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 48px
	}
	.h_1 {font-size: 30px;}
}
@media only screen and (max-width: 1023px) {
	html, body {
		min-width: 840px
	}
/*
	.wrapper {
		width: 840px
	}
	.header .wrapper {
		width: 520px
	}
*/
	.header .h_header{
		width: 520px
	}
	.header h2 {
		width: 200px;
		margin-left: 0
	}
	.header .nav {
		margin-right: 0
	}
	.wide {
		padding: 0 0 40px 0
	}
}
@media only screen and (min-width: 1024px) {
	.wide {
		padding: 0 60px 40px 60px
	}
}
@media only screen and (max-width: 850px){
	.box_ul li{
	width: 50% !important;
	}
	.text h2 {
		font-size: 24px;
	}
	.h_1 {font-size: 40px;}
}