none/*SubZero Web Services
/*
/* important color: #3f54a6
/*
*/


body {
	min-width:320px;
}
body {font-family: "KlimtOrganicLight";}
body, h1, h2, h3 {
	font-family: "KlimtOrganicLight";

}
a:focus {
	outline:none;
	text-decoration:none;
}
img {
	max-width:100%;
	height:auto;
	margin-top:48px;
	vertical-align:top;
}

.display-none {
    display: none !important;
    visibility: hidden;
    
}
div .display-none {
    display: none !important;
    visibility: hidden;
    
}
.input-group .text-active {color:#272727;}
.add-bar {margin-top:69px;}
.add-bar + .add-bar {margin-top:42px;}
ul li {
	line-height:1.4em;
	margin-top:0.5em;
}
ul li:first-child {margin-top:0;}
mark, .mark {
	color:inherit;
	background:transparent;
}
input[type=text], input[type=password], input[type=submit], input[type=email], input[type=search], input[type=file], textarea {
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
h1 {
	text-transform:none;
	letter-spacing:-0.045em;
	line-height:1.09em;
	margin:0;
}
.top-box,
.headline h1,
#footer,
.btn,
.post-list {text-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.home-page .headline h1, .error-page .headline h1  {
	font-size:46px;
	line-height:1.522em;
	text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
h1 mark ,h1 .mark {
	font-size:1.522em;
	line-height:1.286em;
}
.home-page .headline h1 mark, .home-page .headline h1 .mark{display:block;}
p {margin:28px 0 0;}
/* p {margin-bottom:63px;} */
h2 {margin:81px 0 37px;}
.bar {margin-top:144px;}
.bar-intro ~ .bar {margin-top:85px;}
.bar-results {margin-top:116px;}
.bar-results + .bar {margin-top:102px;}
.intro {font:bold 34px/1.353 "KlimtOrganicLight";text-align:center;} 
.panel-working {margin-top:81px;}
.bar h2 {text-transform:uppercase;}
h3 {
	margin:44px 0 0;
	line-height:1.5em; /* 1.385em */
}
h1 + h2,
h1 + h3,
h2 + h3,
h3:first-child,
.bar:first-child,
.title + p,
header + p,
h2:first-child,
.col-middle img:first-child,
img:first-child,
.pic:first-child,
.add-bar img:first-child,
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p,
p:first-child {margin-top:0 !important;}
.add-bar + .add-bar img:first-child {margin-top:6px !important;}
h2 + h3 {padding-top:3px;}
img + h3 {margin-top:64px;}
.icon + h3 {margin-top:44px;}
#footer h3 {
	color:#f8f8f8;
	margin-bottom:42px;
	line-height:1.5em; /* 1.269em */
}
.aligncenter {text-align:center;}
img.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {float:left;}
.alignright {float:right;}
.col-middle {
	float:none;
	display:inline-block;
	vertical-align:middle;
	margin-right:-4px;
}
.btn {
	border:0;
	border-radius:0;
	word-spacing:3px;
	text-transform:uppercase;
}
.btn-default {
	font-size:22px;
	line-height:1.364em;
}
.btn:hover {background:#3f54a6;}
#header .btn {
	color:#fff;
	margin:36px 0 0;
	padding:14px 58px;
	border:3px solid #fff;
	background:none;
	white-space:nowrap;
	font-weight:bold;
	word-spacing:4px;
	text-transform:none;
}
#header .btn:first-child {margin-top:0;}
#header .btn:hover {
	color:#272727;
	background:#fff;
}
#header {
	position:relative;
	min-width:320px;
}
.visual {overflow:hidden;}
#wrapper {
	position:relative;
	width:100%;
	overflow:hidden;
}
.visual span {display:block;}
.visual img {
	display:block;
	max-width:none;
	width:100%;
	height:auto;
	margin:0;
}
.top-bar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.top-box {
	z-index:100;
	color:#fff;
	position:fixed;
	top:0;
	background:#2e2e2e;
	font:bold 15px/80px "KlimtOrganicLight"; 
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.25);
	-khtml-box-shadow:2px 2px 5px rgba(0,0,0,0.25);
	-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.25);
	-o-box-shadow:2px 2px 5px rgba(0,0,0,0.25);
	box-shadow:2px 2px 5px rgba(0,0,0,0.25);
}
.container .top-box a {color:#fff;}
.container .top-box .active a,
.container .top-box a:hover {
	color:#344fbf;
	color:#3460bf;
	text-decoration:none;
}
.logo {
	float:left;
	width:80px;
	height:80px;
	overflow:hidden;
	overflow:visible;
	display:block;
/*	padding-top:12px; */
	line-height: 1.2;
/*	text-indent:-9999px;*/
	background:#3f54a6;
	font-size:18px;
}
.logo a {
	display:block;
	height:100%;
	background:url("../img/szlogo.png") no-repeat; 
	background-size:80px 80px;
	text-decoration:none !important;
}
.nav-holder {
	float:left;
	padding:0 17px 0 16px;
}
.top-nav {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.top-nav li {
	float:left;
	margin:0;
	padding:0 12px;
	text-transform:uppercase;
	line-height:80px;
}
.headline {
	color:#fff;
	position:absolute;
	width:100%;
	bottom:29px;
	text-transform:uppercase;
	font-size:22px;
	letter-spacing:-0.03em;
}
.home-page .headline {text-align:center; bottom: 229px;}
.error-page .headline {text-align:center; bottom: 429px;}
.visual .headline.topheadline {	position:relative; text-align:center; bottom: 459px;}
.headline p {margin:0 0 2px;}
#main {
	padding:72px 0 186px;
	-webkit-box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
	-khtml-box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
	-moz-box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
	-o-box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
	box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
}
.home-page #main, .blog-page #main {padding:0;}
.result-list {
	margin:0;
	padding:42px 0 0;
	list-style:none;
	font-size:34px;
	line-height:40px;
}
.result-list li {
	display:table;
	width:100%;
	margin:40px 0 0;
}
.result-list li:first-child {margin-top:0;}
.result-list span {
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	width:160px;
	height:160px;
	border-radius:160px;
	font:bold 56px/160px "KlimtOrganicLight";
	background:#662d91;
	text-align:center;
	margin-top:-3px;
}
.purple,
.result-list .purple {background:#b19bca;}
.green,
.result-list .green {background:#91c948;}
.result-list strong {
	display:table-cell;
	vertical-align:middle;
}
.result-list strong:first-child {
	padding-right:30px;
	width:160px;
}
.award-list {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.award-list li {
	margin-top:38px;
	line-height:1.526em; /* 1.385em */
}
.award-list li:first-child {margin-top:0;}

.award-list-alt {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.award-list-alt li {
	margin-top:0;
	line-height:1.526em; /* 1.385em */
}
.award-list-alt li:first-child {margin-top:0;}
h2 + .award-list-alt {padding-top:9px !important;}
#footer {
	color:#878787;
	background:#272727;
	padding:44px 0 55px;
}
#footer a {
	color:#878787;
	text-decoration:none !important;
}
#footer a:hover {color:#fff;}
#footer address {
	margin:0;
	font-size:18px;
	line-height:1.333em; /* 21px */
}
.socials {
	visibility:hidden;
	overflow:hidden;
	list-style:none;
	margin:-19px 0 0 -20px;
	padding:0;
}
#footer .socials {
	margin:0;
	text-align:right;
}
.socials li {
	float:left;
	margin:19px 0 0 20px;
}
.socials li:first-child {margin-top:19px;}
#footer .socials li {
	float:none;
	display:inline-block;
	vertical-align:top;
	padding-left:9px;
	margin-left:-6px;
	text-align:left;
}
#footer .socials li:first-child {padding-left:0;}
a.link-facebook,
a.link-twitter,
a.link-linkedin {
	display:block;
	width:72px;
	height:72px;
	overflow:hidden;
	background:url("../img/sprite-2x.png") no-repeat -312px -2px;
	text-indent:-9999px;
}
a.link-twitter {background-position:-404px -2px;}
a.link-linkedin {background-position:-496px -2px;}
#footer .socials a {
	width:36px;
	height:36px;
	background:url("../img/sprite.png") no-repeat -156px -1px;
}
#footer a.link-twitter {background-position:-202px -1px;}
#footer a.link-linkedin {background-position:-248px -1px;}
/* home-page */
.btn-down {
	margin:0;
	padding:0 0 9px;
}
.btn-down a {
	display:inline-block;
	vertical-align:top;
	width:70px;
	height:70px;
	margin:134px 0 0;
	background:url("../img/btndwn.png") no-repeat; 
/*  background:url("../img/sprite.png") no-repeat -88px -1px; */
	text-indent:-9999px;
	overflow:hidden;
}
.section {
	padding:170px 0 200px;
	background:#f8f8f8;
	-webkit-box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
	-khtml-box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
	-moz-box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
	-o-box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
	box-shadow:inset 0 1px 7px rgba(0,0,0,0.35);
}
.blog-page .section{
    padding-top:50px;
}
.section-projects h2 {margin-bottom:64px;}
.section-mobile h2 {
	color:#878787;
	margin-bottom:57px;
}
.section.odd {
	color:#fff;
	background:#2e2e2e;
}
.section.odd a,
.section.odd a:hover {color:#fff !important;}
.section.odd a:focus {text-decoration:underline;}
.section-about {
	font-size:22px;
	line-height:36px;
	padding-bottom:124px;
}
.item {padding-top:54px;}
.section-about ul {
	margin:0;
	padding:0;
	list-style:none;
}
.section-about h2 + ul {margin-top:-6px;}

.logo-area {
	color:#fff;
	background:#3f54a6;
	text-align: center; 
	height:980px;
	width:980px;
	padding-left:100px;
	padding-right:100px;
	padding-top:400px; 
	padding-bottom:400px;
}
.logo-area h1{margin:0; font-size:128px;}
.logo-area h2{font-size:100px;}
.logo-area h1+h2{margin:0; padding-top:0;}

.boxes-area {
	color:#fff;
	margin:178px -9999px 90px;
	padding:0 9999px 67px;
	background:#3f54a6;
	-webkit-box-shadow:0 1px 7px rgba(0,0,0,0.35);
	-khtml-box-shadow:0 1px 7px rgba(0,0,0,0.35);
	-moz-box-shadow:0 1px 7px rgba(0,0,0,0.35);
	-o-box-shadow:0 1px 7px rgba(0,0,0,0.35);
	box-shadow:0 1px 7px rgba(0,0,0,0.35);
}

.boxes-area:after {
	content:"";
	clear:both;
	display:block;
}
.boxes-area ul,
.item ul {
	margin:0;
	padding:0;
	list-style:none;
}
img.icon {
	display:block;
	margin:0 auto;
}
.project-post .icon {text-align:center;}
.project-post .icon img {margin:0;}
.box .title {margin-top:-100px;}
.box .title h2 {
	margin:0 0 13px;
	font-size:60px;
	line-height:1.2em;
}
.box .ico {
	width:160px;
	display:block;
	border-radius:200px;
	margin:0 0 -8px 7px;
	border:20px solid #3f54a6;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
.box .ico img {
	width:100%;
	max-width:none;
	border-radius:202px;
	margin-top:0;
}
.box .ico span {
	height:160px;
	display:block;
	text-align: center;
	color:#3f54a6;
	font-size:60px;
	padding-top:20px;
	line-height: 2;
	background-color:#fff;
	max-width:none;
	border-radius:202px;
	margin-top:0;
}
/*.box-beheer .ico {margin-left:29px;}*/
.item h3 {
	color:#878787;
	font:22px/36px "KlimtOrganicLight";
	text-transform:uppercase;
	margin:0 0 24px;
}
.box-beheer {padding-left:84px;}
.box-design {padding-left:82px;}
.box-technology {padding-left:45px;}
.grid {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.grid li {margin:0 0 40px;}
.grid a {
	position:relative;
	display:block;
	text-decoration:none !important;
}
.grid a,
.grid-small a,
.grid a:focus,
.grid-small a:focus {text-decoration:none !important;}
.grid img,
.pic img {margin:0;}
.grid img {
	width:100%;
	max-width:none;
}
em.pic img {
	width:64px;
	max-width:64px;
}
/*
.grid .pic-right {
	clear:both;
}
*/
.grid .pic {
	position:absolute;
	left:26px;
	bottom:22px;
	margin:0;
}
.grid .pic-right .pic {
	left:auto;
	right:18px;
	bottom:25px;
}
.grid .on {
	display:none;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
	text-align:center;
	white-space:nowrap;
}
.grid a:hover .on {display:block;}
.grid .on:after{
	content:'';
	display:inline-block;
	height:100%;
	width:1px;
	overflow:hidden;
	margin:0 0 0 -5px;
	vertical-align:middle;
}
.grid .frame {
	vertical-align:middle;
	display:inline-block;
	white-space:normal;
}
.grid .on h3 {
	font-weight:normal;
	font-size:36px;
	line-height:46px;
}
.grid .on strong {
	font-weight:normal;
	display:inline-block;
	border-top:1px solid #fff;
	margin:8px 0 0;
	padding:5px 60px 18px;
	font-size:22px;
	line-height:1.636em;
}
.grid .on strong:first-child {
	border-top:0;
	margin-top:0;
	padding-top:0;
}
.grid-small {
	margin:0;
	padding:21px;
	list-style:none;
	overflow:hidden;
	background:#e8e8e8;
}
.grid-small li {
	position:relative;
	float:left;
	width:153px;
	text-align:center;
	margin:20px;
	overflow:hidden;
}
.grid-small li:first-child {margin-top:20px;}
.grid-small a {
	display:table-cell;
	vertical-align:middle;
	width:153px;
	height:153px;
	background:#f8f8f8;
}
.grid-small a:after {
	display:none;
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:rgba(0,0,0,0.63);
}
.grid-small img {margin:0;}
.post-list {
	margin:0;
	padding:0;
	list-style:none;
}
.post-list p {margin:0;}
.post-list li {
	margin:0;
	padding-bottom:48px;
}
.post-list h3 {
	font-size:28px;
	line-height:34px;
}
.post-list .info {
	font-size:15px;
	line-height:18px;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:-2px;
}
.post-list .info,
.post-list .info a {color:#878787;}
.section-contact address {
	margin:57px 0 0;
	font:bold 28px/36px "KlimtOrganicLight";
}
.section-contact h2 {margin-bottom:81px;}
.follow-panel {margin-top:75px;	visibility:hidden;}
.section-contact h3 {margin:0 0 5px;}
.section-contact h2 + address,
.section-contact address:first-child,
.section-contact h3:first-child {margin-top:0 !important;}
.section-contact strong,
.section-contact h3 {
	display:block;
	font:22px/40px "KlimtOrganicLight";
	text-transform:uppercase;
}
.section-contact .form-box {padding-top:16px;visibility: hidden;}
.form-box .input-span,
.form-box .input-group,
.form-box .input-group-btn {
	margin:40px 0 0;
	overflow:hidden;
}
.form-box .input-group:first-child {margin-top:0;}
.form-box .btn,
.form-box input[type="submit"] {
	float:right;
	width:260px;
	height:60px;
	text-shadow:none;
	border-radius:0;
	padding-top:0;
	padding-bottom:0;
}
.form-box input[type="submit"] {
	color:#fff;
	font:bold 22px/60px "KlimtOrganicLight";
	text-transform:uppercase;
	background:#3f54a6;
	padding:0;
	border:0;
}
.form-box input[type="submit"]:hover {background:#3f54a6;}
.form-control {
	font:bold 26px/33px "KlimtOrganicLight";
	padding:22px 37px 23px;
}
.form-box .form-control,
.form-box .input-group,
.form-box .input-group,
.form-box .input-group-btn,
.form-box .input-group-addon,
.form-box .input-group-btn,
.form-box .input-group .form-control {
	width:100% !important;
	display:block !important;
}
.form-box .form-control {float:left;}
.form-box textarea {
	height:300px;
	width:100% !important;
	max-width:100%;
	resize:none;
}
.form-box textarea.input-lg {
	height:300px;
	padding:22px 0 22px 37px;
}
.field-validation-error{color:#e20608;}
.form-box form-control-checklabel{font-size:22px;}
.holder {overflow:hidden;}
.alignright + .holder {padding-right:40px;}
.alignleft + .holder {padding-left:40px;}
.pic.alignright {padding-top:37px;}

@-ms-viewport {width: auto !important;}
@media only screen and (max-width: 1599px) {
	.visual img {
		position:relative;
		left:50%;
		margin-left:-800px;
		width:1600px;
	}
}
@media only screen and (max-width: 1299px) {
	.box-beheer,
	.box-design,
	.box-technology {padding-left:0;}
	.grid-small {padding:15px 15px 14px 14px;}
	.grid-small li {margin:14px 14px 15px 15px;}
	.grid-small li:first-child {margin-top:14px;}
	.box .title h2 {font-size:47px;}
	.home-page .headline h1, .error-page .headline h1 {font-size:38px;}
}
@media only screen and (max-width: 1023px) {
	h1 {font-size:40px;}
	.project-post .icon img {
		width:140px;
		height:auto;
	}
}
@media only screen and (max-width: 991px) {
	.box-beheer,
	.box-design,
	.box-technology {padding-left:0;}
	.pic {
		margin-bottom:30px;
		text-align:center;
	}
	.project-post .icon,
	.project-post .icon img {width:100px;}
	.project-post {
		position:relative;
		padding:0 0 5px 120px;
	}
	.icon + h3 {margin-top:0;}
	.project-post .icon {
		position:absolute;
		left:0;
		top:0;
	}
	.bar .col-lg-4.col-sm-12 {margin-top:25px;}
	.bar .col-lg-4.col-sm-12:first-child {margin-top:0;}
	.alignright,
	.alignleft {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 30px;
	}
	.pic.alignright {
		padding-top:0;
		margin-bottom:15px;
	}
	.home-page .headline h1, .error-page .headline h1 {font-size:32px;}
	.boxes-area .row > div {margin-top:140px;}
	.boxes-area .row > div:first-child,
	.panel-working .row > div {margin-top:0;}
	.box {text-align:center;}
	.box .ico {
		margin-left:auto;
		margin-right:auto;
	}
	.grid-small li {width:143px;}
	.grid-small a {
		width:143px;
		height:143px;
	}
	.item {text-align:center;}
	.form-box {margin-top:25px;}
}
@media only screen and (max-width: 767px) { /* wide mobile */
	.no-display-mobile {display:none;}
	body {
		font-size:26px;
		line-height:36px;
	}
	h1 {
		font-size:48px;
		line-height:58px;
		letter-spacing:-1px;
	}
	h2,
	.intro {
		font-size:36px;
		line-height:46px;
		word-spacing:-1px;
	}
	.intro {text-align:center;}
	.section-projects h2 {
		font-size:34px;
		text-align:center;
	}
	.intro {text-align:center;}
	h2 {margin:40px 0 14px;} /* 40px 0 18px */
	.panel-working h2 {margin-bottom:18px;}
	h3 {
		font-size:26px;
		line-height:36px;
		margin-top:18px;
	}
	h3:first-child {margin-top:0;}
	.btn {
		font-size:24px;
		line-height:36px;
		padding:6px 15px;
		width:100%;
	}
	#header {
		width:100%;
		font-size:24px;
		line-height:120px;
	}
	.visual img {
		position:static;
		width:100%;
		margin:0;
	}
	.top-box {
		-webkit-box-shadow:none;
		-khtml-box-shadow:none;
		-moz-box-shadow:none;
		-o-box-shadow:none;
		box-shadow:none;
		width:100%;
	}
	.top-bar .container {
		width:100%;
		padding:0;
	}
	.headline {
		font-size:24px;
		line-height:32px;
		bottom:14px;
		letter-spacing:0;
	}
	.headline p {margin:0;}
	.nav-holder {
		float:none;
		overflow:hidden;
		text-align:center;
		padding:0 10px;
	}
	.top-nav {
		display:table;
		width:100%;
	}
	.top-nav li {
		float:none;
		display:table-cell;
		padding:0;
	}
	.top-nav li.projects {
		display:none;
	}
	.top-nav li a {
		display:block;
		padding:0 5px;
	}
	#main {padding:25px 0 26px;}
	.home-page #main {padding:0;}
	#main,
	.section,
	.boxes-area {
		-webkit-box-shadow:none;
		-khtml-box-shadow:none;
		-moz-box-shadow:none;
		-o-box-shadow:none;
		box-shadow:none;
	}
	.pic {
		text-align:center;
		margin-bottom:26px;
	}
	/* home page */
	#header .btn {display:none;}
	.home-page .headline {bottom:39px;}
	.error-page .headline {bottom:139px;}
	.visual .headline.topheadline {bottom:239px;}
	.home-page .headline h1, .error-page .headline h1 {
		letter-spacing:0;
		word-spacing:-2px;
		font-size:28px;
	}
	.home-page .headline .container, .error-page .headline .container {padding:0 5px;}
	.btn-down {padding-left:4px;}
	.btn-down a {
		margin:69px 0 0;
		width:34px;
		height:34px;
		background:url("../img/btndwn-small.png") no-repeat; 
	}
	.section {padding:120px 0 30px;} /* 30px 0 */
	/*.section-projets {padding-top:38px;}
	.section-mobile {padding:24px 0 21px;}*/
	.section-mobile {padding-bottom:21px;}
	.section-about {
		font-size:24px;
		line-height:36px;
		text-align:center;
		padding-bottom:50px;
	}
	.section.odd {text-shadow:2px 2px 2px rgba(0,0,0,0.5);}
	.boxes-area {
		margin:76px -500px 47px;
		padding:0 500px;
	}
	.box {
		margin:0 0 75px !important;
		text-align:center;
	}
	.box .title {margin-top:-51px;}
	.box .ico {
		width:80px;
		height:auto;
		border-width:10px;
		margin:0 auto -3px;
	}
	.box .ico span {
		height:80px;
		padding-top:10px;
		font-size:30px;
	}
	.box .title h2 {
		font-size:62px;
		line-height:72px;
		margin-bottom:16px;
	}
	.item {padding:18px 0 8px;}
	.item h3 {
		font-size:24px;
		line-height:36px;
		margin-bottom:12px;
	}
	.section-projects h2 {margin-bottom:21px;}
	.grid li {margin-bottom:20px;}
	.grid .pic {
		left:13px;
		bottom:11px;
	}
	.grid .pic-right .pic {
		left:auto;
		right:13px;
		bottom:9px;
	}
	.grid .on {
		text-transform:uppercase;
		background:rgba(39,39,39,0.9);
	}
	.grid .on h3 {font:bold 18px/24px "KlimtOrganicLight";}
	.grid .on strong {
		color:#878787;
		border-top:0;
		font:bold 24px/36px "KlimtOrganicLight";
		padding:0 0 4px;
	}
	.grid-small {
		margin:0 -20px;
		padding:20px 20px 0 0;
	}
	.grid-small li {
		width:80px;
		margin:0 0 21px 20px;
	}
	.grid-small li:first-child {margin-top:0;}
	.grid-small a {
		width:80px;
		height:80px;
	}
	.grid-small img {width:87%;}
	.section-mobile h2 {
		margin-bottom:26px;
		text-align:center;
	}
	.post-list li {padding-bottom:24px;}
	.post-list .info {
		font-size:24px;
		line-height:36px;
		letter-spacing:0;
	}
	.section h2 {text-align:center;}
	.section-contact h2 {margin-bottom:22px;}
	.section-contact address {
		font-size:30px;
		line-height:36px;
		margin-top:27px;
	}
	.section-contact strong,
	.section-contact h3 {
		font-size:24px;
		line-height:36px;
	}
	.section-contact {
		position:relative;
		padding-bottom:23px;
	}
	.panel-working {margin-top:0;}
	.follow-panel {
		visibility:hidden;
		text-align:center;
		margin-top:34px;
	}
	.socials {
		visibility:hidden;
		display:inline-block;
		vertical-align:top;
		margin:0;
	}
	.socials li {
		float:left;
		padding:0 5px;
		margin:0;
	}
	.socials li:first-child {margin-top:0;}
	.socials a {
		width:36px;
		height:36px;
		background:url("../img/sprite.png") no-repeat -156px -1px;
	}
	a.link-twitter {background-position:-202px -1px;}
	a.link-linkedin {background-position:-248px -1px;}
	a.link-youtube {background-position:-294px -1px;}
	a.link-behance {background-position:-340px -1px;}
	.form-control {
		height:60px;
		font-size:22px;
		line-height:28px;
		padding:15px 20px;
	}
	.form-box .btn,
	.form-box input[type="submit"] {
		float:left;
		width:100%;
		height:48px;
		line-height:48px;
	}
	#footer {
		padding:23px 0;
	}
	#footer address {
		font-size:24px;
		line-height:30px;
	}
	#footer h3 {margin:0 0 18px;}
	#footer .socials-area {
		text-align:center;
		margin-top:21px;
	}
	#footer .socials-area li {
		float:left;
		margin:0 5px;
		padding:0;
	}
	.home-page #footer {text-align:center;}
	.home-page #footer .socials-area {display:none;}
	.col-middle {margin:0;}
	/* work page */
	.bar,
	.bar-intro + .bar {margin-top:36px;}
	.bar-project + .bar {margin-top:18px;}
	.bar-results + .bar {margin-top:30px;}
	.project-post .icon,
	.project-post .icon img {width:70px;}
	.project-post {padding-left:90px;}
	.add-bar,
	.add-bar + .add-bar,
	.row > div {margin-top:25px;}
	.add-bar.row > div {margin-top:36px;}
	.row > div:first-child,
	.add-bar.row > div:first-child,
	.boxes-area .row > div {margin-top:0;}
	.pic.alignright {
		padding-top:0;
		margin-bottom:15px;
	}
	img + h3 {margin-top:18px;}
	.result-list {padding:18px 0 0;}
	.result-list li {
		font-size:24px;
		line-height:24px;
		margin:20px 0 0;
	}
	.result-list strong:first-child {
		padding:3px 18px 0 0;
		width:82px;
	}
	.result-list span {
		width:82px;
		height:82px;
		font-size:30px;
		line-height:82px;
	}
	.add-bar img,
	.grid img {
		width:100%;
		max-width:none;
	}
	em.pic img {
		width:32px;
		max-width:32px;
	}
	.award-list li {margin-top:20px;}
	.award-list li:first-child {margin-top:0;}
}
@media only screen and (max-width: 639px) {
	.home-page .headline h1, .error-page .headline h1 {font-size:22px;}
}
@media only screen and (max-width: 539px) { /* mobile */
	.section {padding-top:90px;}
	body {
		font-size:13px;
		line-height:18px;
	}
	h1 {
		font-size:24px;
		line-height:29px;
	}
	h2,
	.intro {
		font-size:18px;
		line-height:23px;
	}
	.section-projects h2 {font-size:17px;}
	h3 {
		font-size:13px;
		line-height:18px;
	}
	.btn {
		font-size:12px;
		line-height:18px;
	}
	#header {
		font-size:12px;
		line-height:60px;
	}
	.headline {
		font-size:12px;
		line-height:16px;
	}
	.top-nav li {
		font-size:12px;
		line-height:60px;
	}
	.top-nav li.projects {
		display:none;
	}
	.logo {
		width:60px;
		height:60px;
	}
	.logo a {background-size:60px 60px;
	}
	/* home page */
	.home-page .headline h1, .error-page .headline h1 {
		font-size:13px;
		line-height:18px;
	}
	.home-page .headline h1 mark, .home-page .headline h1 .mark{
		font-size:18px;
		line-height:23px;
	}
	.section-about {
		font-size:12px;
		line-height:18px;
	}
	.box .title h2 {
		font-size:31px;
		line-height:36px;
	}
	.item h3 {
		font-size:12px;
		line-height:18px;
	}
	.grid .on h3 {font:bold 18px/24px "KlimtOrganicLight";}
	.grid .on strong {font:bold 12px/18px "KlimtOrganicLight";}
	.post-list h3 {
		font-size:15px;
		line-height:18px;
	}
	.post-list .info {
		font-size:12px;
		line-height:18px;
	}
	.section-contact address {
		font-size:15px;
		line-height:18px;
	}
	.section-contact strong,
	.section-contact h3{
		font-size:12px;
		line-height:18px;
	}
	.form-control {
		height:37px;
		padding:10px 16px 9px;
		font-size:13px;
		line-height:16px;
	}
    .form-box .input-span,
	.form-box .input-group,
	.form-box .input-group-btn {margin-top:19px;}
	.form-box textarea {
		height:140px;
		padding-top:13px;
		padding-bottom:13px;
	}
	.form-box .btn,
	.form-box input[type="submit"] {
		height:28px;
		font-size:12px;
		line-height:28px;
		padding:0;
	}
	#footer address {
		font-size:12px;
		line-height:15px;
	}
	/* work page */
	.result-list strong:first-child {
		width:41px;
		padding:3px 9px 0 0;
	}
	.result-list li {
		font-size:17px;
		line-height:17px;
	}
	.result-list span {
		width:41px;
		height:41px;
		font-size:15px;
		line-height:41px;
	}
}
@media ( -webkit-min-device-pixel-ratio : 1.5 ) and (max-width:767px), ( min-resolution : 144dpi ) and (max-width:767px) {
	.socials a,
	#footer .socials a {
		visibility:hidden;
		background-image: url("../img/sprite-2x.png");
		background-size:520px 80px;
	}
	.btn-down a{
		width:34px;
		height:34px;
		background:url("../img/btndwn-small.png") no-repeat; 
	}

}
@media ( -webkit-min-device-pixel-ratio : 1.5 ) and (max-width:539px), ( min-resolution : 144dpi ) and (max-width:539px) {
	.logo a {
		background-image: url("../img/szlogo.png");
		background-size:60px 60px;
	}
}

#TotalAttendees {
    width: 50px !important;
    text-align:center !important; /* SAB */
}

/* Change default anchor color - JJL - 10/21/2014 */
.container a {
	color: #3f54a6;
}
.container a:hover {
	text-decoration: underline;
}
.container a.btn-default { 
	color: #ffffff; 
}
.container a.btn-default:hover {
	text-decoration: none;
}