body{
	position:relative;
	overflow-x:hidden;
	overflow-y:scroll;
}
#header:before, 
#header:after{
	-webkit-transform: skewX(-28deg) translateX(0%);
	transform: skewX(-28deg) translateX(0%);
}
#header #branding{
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
#header #main-navi {
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
#header{
	position:absolute;
	visibility:visible;
}
.section{
	position:relative;
}
#page-content .section .container{
	padding-bottom:60px;
}
.first-line,
.second-line,
.third-line{
	margin-bottom:25px;
}
.first-line{
	padding-left:140px;
}
.second-line{
	padding-left:80px;
}
.third-line{
	padding-left:35px;
}
.dl-list{
	width:100%;
	margin-bottom:25px;
}
.dl-list dt{
	float: left;
  padding: 0 10px 0 0;
}
.dl-list dd{
	font-weight: bold;
	margin-bottom:5px;
}

.list{
	margin:0 0 20px 0;
	padding:0;
}
.list ul{
	margin-left:0;
}
.list li{
	list-style:none;
	position:relative;
	padding-left:20px;
	margin-bottom:10px;
}
.list > li:before{
	content: "\e071";
	position:absolute;
	left:3px;
	top:7px;
	color:#92A452;
	font-size:10px;
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.list ul li:before{
	content:'';
	position:absolute;
	left:0;
	top:7px;
	width:8px;
	height:8px;
	border:1px solid #92A452;
}

.highlighted-link{
	display:inline-block;
	position:relative;
	padding:8px 20px 8px 40px;
	background:#93a453;
	color:#fff !important;
	text-decoration:none !important;
	font-weight:300;
	font-size:14px;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.highlighted-link:after{
	content:'';
	width:22px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	background:#93a453;
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
}
.highlighted-link .icons{
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-10px;
	font-size:18px;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.highlighted-link:hover{
	padding-left:50px;
}
.highlighted-link:hover .icons{
	left:20px;
}

.acc-headline{
	width:100%;
	position:relative;
	padding:0 20px 10px 0;
	border-bottom:1px dashed #909090;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.acc-headline:after{
	content: "\e095";
	position:absolute;
	right:0;
	top:50%;
	margin-top:-8px;
	font-size:16px;
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.acc-headline.active{
	color:#93a453;
}
.acc-headline.active:after{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.acc-content{
	display:none;
	margin-bottom:25px;
}
.nojs .acc-content{
	display:block;
}

/**
 * Portfolio
**/
#filter-projects{
	width:100%;
	height:40px;
	padding:0 20px;
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#filter-projects:before{
	content:'';
	width:25%;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background:#fff;
	background:rgba(255,255,255,0.8);
	-webkit-transform-origin:right top;
	transform-origin:right top;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
}
#filter-projects:after{
	content:'';
	width:75%;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background:#777;
	background:rgba(0,0,0,0.5);
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
}
#filter-projects a{
	position:relative;
	z-index:10;
	overflow:hidden;
	display:block;
	float:right;
	height:40px;
	line-height:40px;
	padding:0;
	font-size:16px;
	font-weight:300;
	color:#fefefe;
	text-decoration:none;
}
#filter-projects a.all-projects{
	float:left;
	color:#909090;
}
#filter-projects .sep{
	position:relative;
	z-index:10;
	float:right;
	width:1px;
	height:24px;
	margin:8px 20px;
	background:#fefefe;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
}
#filter-projects a:before{
	content:'';
	position:absolute;
	left:0;
	bottom:6px;
	width:50%;
	height:1px;
	background:#fefefe;
	-webkit-transform:translateX(-110%);
	transform:translateX(-110%);
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#filter-projects a:after{
	content:'';
	position:absolute;
	right:0;
	bottom:6px;
	width:50%;
	height:1px;
	background:#fefefe;
	-webkit-transform:translateX(110%);
	transform:translateX(110%);
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#filter-projects .all-projects:before,
#filter-projects .all-projects:after{
	background:#909090;
}
#filter-projects a:hover:before,
#filter-projects a:hover:after,
#filter-projects a.active:before,
#filter-projects a.active:after{
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
}

.projects-list{
	width:1600px !important;
	margin:0 auto 30px;
	height: 850px;
	text-align:center;
	overflow:visible !important;
}
#projects-mask{
	position:absolute;
	-webkit-transform:scale(0,0);
	transform:scale(0,0);
}
.projects-list .project{
	width:400px;
	margin:0 0 20px;
	padding:0 10px;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.nojs .projects-list .project{
	position:relative;
	float:left;
}
.projects-list .project .wrapper{
	/*position:relative;
	left:-80px;
	*/
	overflow: hidden;
  position: relative;
	outline:1px solid transparent;
 	-webkit-transform: skewX(-28deg);
	transform: skewX(-28deg);
  width: 100%;
}
.projects-list .project .wrapper:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	opacity:0;
	background:rgba(0,0,0,0.7);
	outline:1px solid transparent;
	/*
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
	*/
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.projects-list .project .wrapper svg{
	display:block;
	-webkit-transform: translateX(-80px) skewX(28deg);
	transform: translateX(-80px) skewX(28deg);
	-webkit-transition:none;
	transition:none;
}
.no-svg .projects-list .project .wrapper svg{
	display:none;
}
.projects-list .project .wrapper .project-thumb{
	display:none;
}
.no-svg .projects-list .project .wrapper .project-thumb{
	display:block;
}
.projects-list .project-info{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	z-index:15;
	opacity:0;
	/*
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	*/
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	-webkit-transition:all 0.1s linear;
	transition:all 0.1s linear;
}
.projects-list .project-info h3{
	height:48px;
	margin-bottom:30px;
	font-size:20px;
	font-weight:400;
	color:#fff;
	text-align:center;
	-webkit-transform:translateX(20px);
	transform:translateX(20px);
}
.projects-list .project-info h3 small{
	display:block;
	font-weight:300;
	font-size:16px;
}
.projects-list .project-info .details,
.projects-list .project-info .link{
	position:relative;
	display:block;
	width:48%;
	height:40px;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	font-size:16px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.projects-list .project-info .details{
	float:left;
	text-align:right;
	-webkit-transform: translateX(-24px);
	transform: translateX(-24px);
}
.projects-list .project-info .link{
	float:right;
	text-align:left;
	-webkit-transform: translateX(-19px);
	transform: translateX(-19px);
}
.projects-list .project-info .details:before,
.projects-list .project-info .link:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	z-index:16;
	width:0%;
	background:#92a452;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
}
.projects-list .project-info .details:before{
	left:0;
}
.projects-list .project-info .link:before{
	right:0;
}
.projects-list .project-info .details:after,
.projects-list .project-info .link:after{
	content: "";
	background: none repeat scroll 0 0 #5d6834; 
	width: 10px; 
	height: 44px;
	outline: 1px solid transparent;
	position: absolute;
	z-index:15;
	opacity:0;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(28deg);
	transform: rotate(28deg);
}
.projects-list .project-info .details:after{
	left: 0;
	bottom: -8px;
}
.projects-list .project-info .link:after{
	right: 0;
	top: -3px;
}
.projects-list .project-info .details span,
.projects-list .project-info .link span{
	display:block;
	position:relative;
	z-index:20;
	opacity:0;
}
.projects-list .project-info .details span{
	padding-right:35px;
}
.projects-list .project-info .link span{
	padding-left:35px;
}
.projects-list .project-info .details i{
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-7px;
}
.projects-list .project-info .link i{
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-7px;
}

/* On hover */
.projects-list .project:hover .project-info,
.projects-list .project:hover .wrapper:before,
.projects-list .project.hovered .project-info,
.projects-list .project.hovered .wrapper:before{
	opacity:1;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.projects-list .project:hover .wrapper svg,
.projects-list .project.hovered .wrapper svg{
	-webkit-transform: translateX(-80px) skewX(28deg) scale(1.1,1.1);
	transform: translateX(-80px) skewX(28deg) scale(1.1,1.1);
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.projects-list .project:hover .project-info .details:after,
.projects-list .project:hover .project-info .link:after,
.projects-list .project.hovered .project-info .details:after,
.projects-list .project.hovered .project-info .link:after{
	background:#000;
	opacity:1;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.projects-list .project:hover .project-info .details:before,
.projects-list .project:hover .project-info .link:before,
.projects-list .project.hovered .project-info .details:before,
.projects-list .project.hovered .project-info .link:before{
	width:100%;
	-webkit-transition:width 0.3s linear;
	transition:width 0.3s linear;
}
.projects-list .project:hover .project-info .details span,
.projects-list .project:hover .project-info .link span,
.projects-list .project.hovered .project-info .details span,
.projects-list .project.hovered .project-info .link span{
	opacity:1;
	-webkit-transition:opacity 0.3s linear 0.3s, margin 0.3s linear;
	transition:opacity 0.3s linear 0.3s, margin 0.3s linear;
}
.projects-list .project-info .details:hover span{
	margin-right:8px;
}
.projects-list .project-info .link:hover span{
	margin-left:8px;
}

/**
 * Portfolio details view
**/
#project-details-view{
	width:100%;
	height:100%;
	padding-top:136px;
	background:url(../images/bg-pattern.png) repeat 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.view-project{
	position:relative;
	width:100%;
	min-height:100%;
}
.view-project .container,
.view-project .project-img{
	-webkit-transition:all 0.8s cubic-bezier(.16,.33,.32,1);
	transition:all 0.8s cubic-bezier(.16,.33,.32,1);
}
.view-project .project-img{
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	right: 0;
	margin-left: -212px;
}
.expand-img .project-img{
	left:0;
	bottom:auto;
	margin-left:0;
	z-index:25;
}
.view-project .project-img .wrapper{
	position:relative;
	overflow:hidden;
	height:100%;
	cursor:pointer;
}
.view-project .project-img .wrapper:before{
	content:'';
	width:100%;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	z-index:15;
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-webkit-transform:skewX(0deg);
	transform:skewX(0deg);
	background:url(../images/portfolio-mask.png) no-repeat 0 0;
	-webkit-transition:all 0.8s cubic-bezier(.16,.33,.32,1);
	transition:all 0.8s cubic-bezier(.16,.33,.32,1);
}
.expand-img .project-img .wrapper:before{
	z-index:30;
	left:-1px;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
}
.view-project .project-img img{
	position:relative;
	width:100%;
	display:block;
}
.view-project .project-img .expand{
	position:absolute;
	left:46px;
	top:100px;
	z-index:30;
	height:40px;
	width:220px;
	font-size:14px;
	line-height:40px;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	text-align:center;
	-webkit-transition:all 0.8s cubic-bezier(.16,.33,.32,1);
	transition:all 0.8s cubic-bezier(.16,.33,.32,1);
}
.view-project .project-img .expand:before{
	content:'';
	width:16px;
	height:30px;
	position:absolute;
	left:-5px;
	top:-9px;
	z-index:21;
	background:#000;
	outline: 1px solid transparent;
	-webkit-transform-origin:right center;
	transform-origin:right center;
	-webkit-transform:rotate(-28deg);
	transform:rotate(-28deg);
	-webkit-transition:width 0.3s linear;
	transition:width 0.3s linear;
}
.view-project .project-img .expand:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:22;
	background:#92a452;
	outline: 1px solid transparent;
	-webkit-transform-origin:right center;
	transform-origin:right center;
	-webkit-transform:skewX(28deg);
	transform:skewX(28deg);
	-webkit-transition:all 0.8s cubic-bezier(.16,.33,.32,1);
	transition:all 0.8s cubic-bezier(.16,.33,.32,1);
}
.view-project .project-img .expand:hover{
	width:240px;
}
.expand-img .project-img .expand,
.expand-img .project-img .expand:hover{
	left:0;
	width:60px;
}
.expand-img .project-img .expand:before{
	opacity:0;
}
.expand-img .project-img .expand:after{
	content:'\e082';
	padding-right:23px;
	line-height:40px;
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align:right;
	-webkit-font-smoothing: antialiased;
	-webkit-transform:skewX(0deg);
	transform:skewX(0deg);
}
.view-project .project-img .expand span{
	display:block;
	position:relative;
	z-index:25;
	height:40px;
	overflow:hidden;
	-webkit-transition:all 0.2s linear 0.4s;
	transition:all 0.2s linear 0.4s;
}
.expand-img .project-img .expand span{
	opacity:0;
	visibility:hidden;
}
.project-details{
	position:relative;
	z-index:20;
	padding:105px 0 60px;
	width:40%;
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-webkit-transform:skewX(0deg);
	transform:skewX(0deg);
	-webkit-transition:all 0.8s cubic-bezier(.16,.33,.32,1);
	transition:all 0.8s cubic-bezier(.16,.33,.32,1);
}
.expand-img .project-details{
	opacity:0;
	-webkit-transform:translateX(-200%);
	transform:translateX(-200%);
}
.project-details .client{
	margin-bottom:5px;
	font-size:18px;
	color:#4e4e4e;
	font-weight:300;
}
#project-details-view h1{
	width:300px;
	margin-bottom:10px;
	text-align:left;
	font-size:20px;
	line-height:120%;
	color:#000;
	font-weight:400;
}
#project-details-view h1 small{
	font-weight:300;
	color:#4e4e4e;
	font-size:18px;
}
#project-details-view h1:before,
#project-details-view h1:after{
	display:none;
}
.project-details .icon-link{
	display:inline-block;
	margin-right:5px;
}
.project-details .project-link{
	display:inline-block;
	margin-bottom:15px;
	font-size:14px;
	color:#93a453;
	font-weight:400;
	text-decoration:none;
	padding:0 0 0 25px;
	position:relative;
}
.project-details .project-link:hover{
	text-decoration:underline;
}
.project-details .project-link:before {
	content: "\e08d";
	font-family: "Simple-Line-Icons";	
	left:0;
	top:-1px;
	color:#909090;
	position:absolute;
}
/*
.project-details .project-link:before{
	content:'';
	position:absolute;
	left:0;
	bottom:6px;
	width:50%;
	height:1px;
	background:#93a453;
	-webkit-transform:translateX(-110%);
	transform:translateX(-110%);
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.project-details .project-link:after{
	content:'';
	position:absolute;
	right:0;
	bottom:6px;
	width:50%;
	height:1px;
	background:#93a453;
	-webkit-transform:translateX(110%);
	transform:translateX(110%);
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.project-details .project-link:hover:before,
.project-details .project-link:hover:after{
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
}
*/
.social-btns{
	margin-bottom:25px;
}
.social-btns a{
	position:relative;
	display:inline-block;
	padding:0 10px 0 30px;
	margin:0 1px 4px;
	height:30px;
	line-height:30px;
	color:#fff;
	text-decoration:none;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.fb-link{
	background:#306199;
}
.fb-link:hover{
	background:#244872;
}
.twitter-link{
	background:#26c4f1;
}
.twitter-link:hover{
	background:#0EAAD6;
}
.google-plus-link{
	background:#e93f2e;
}
.google-plus-link:hover{
	background:#CE2616;
}
.linkedin-link{
	background:#007bb6;
}
.linkedin-link:hover{
	background:#005983;
}
.social-btns .svg{
	display:block;
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-10px;
	width:20px;
	height:20px;
}
.social-btns a svg{
	fill:#fff;
}

.project-desc{
	position:relative;
	z-index:10;
	margin:0 20% 25px 0;
}
.project-desc > h3,
.project-desc > p{
	display:none;
}
.used-technology{
	padding-right:10%;
}
.used-technology ul{
	margin:0;
	padding:0;
	list-style:none;
}
.used-technology ul li{
	padding:5px 0;
	border-bottom:1px dotted #909090;
}
.used-technology ul li .icon-check{
	font-size:10px;
	margin-right:5px;
}

#projects-nav{
	width:45px;
	position:fixed;
	top:180px;
	left:0;
	z-index:22;
}
#projects-nav .next-project,
#projects-nav .prev-project{
	display:block;
	width:200px;
	position:relative;
	height:40px;
	margin-bottom:10px;
	padding-right:65px;
	text-decoration:none;
	-webkit-transform:translateX(-135px);
	transform:translateX(-135px);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#projects-nav .next-project:before,
#projects-nav .prev-project:before{
	content:'';
	width:100%;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background:#92a452;
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:skewX(28deg);
	transform:skewX(28deg);
}
#projects-nav .arrows{
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-22px;
	width:44px;
	height:44px;
}
#projects-nav .prev-project .arrows{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
#projects-nav .next-project .text,
#projects-nav .prev-project .text{
	position:relative;
	z-index:55;
	display:block;
	padding-left:15px;
	height:40px;
	line-height:40px;
	font-size:13px;
	color:#fff;
	opacity:0;
	-webkit-transition:all 0.2s linear 0.1s;
	transition:all 0.2s linear 0.1s;
}
#projects-nav .next-project:hover,
#projects-nav .prev-project:hover{
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
}
#projects-nav .next-project:hover .text,
#projects-nav .prev-project:hover .text{
	opacity:1;
}

.preloader .container{
	opacity:0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
}
.preloader .project-img{
	opacity:0;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
}

/**
 * Projects preloader
**/
#projects-preloader{
	display:none;
	height: 20px;
  left: 50%;
  position: fixed;
  top: 50%;
  width: 20px;
	z-index:300;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#projects-preloader .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #92A452;
  -webkit-animation: dotSpin 2.5s 0s infinite both;
	animation: dotSpin 2.5s 0s infinite both;
}
#projects-preloader .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #92A452;
  -webkit-animation: dotSpin2 2.5s 0s infinite both;
	animation: dotSpin2 2.5s 0s infinite both;
}
@-webkit-keyframes dotSpin {
  0%, 100% {
    box-shadow: 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452;
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  25%, 75% {
    box-shadow: 28px 0 0 #92A452, -28px 0 0 #92A452, 0 28px 0 #92A452, 0 -28px 0 #92A452, 20px -20px 0 #92A452, 20px 20px 0 #92A452, -20px -20px 0 #92A452, -20px 20px 0 #92A452;
  }
  100% {
    -webkit-transform: rotate(360deg);
    box-shadow: 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452;
  }
}
@-webkit-keyframes dotSpin2 {
  0%, 100% {
    box-shadow: 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452;
  }
  50% {
    -webkit-transform: rotate(-180deg);
  }
  25%, 75% {
    box-shadow: 52px 0 0 #92A452, -52px 0 0 #92A452, 0 52px 0 #92A452, 0 -52px 0 #92A452, 38px -38px 0 #92A452, 38px 38px 0 #92A452, -38px -38px 0 #92A452, -38px 38px 0 #92A452;
    background: transparent;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    box-shadow: 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452;
  }
}
@keyframes dotSpin {
  0%, 100% {
    box-shadow: 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452;
  }
  50% {
    transform: rotate(180deg);
  }
  25%, 75% {
    box-shadow: 28px 0 0 #92A452, -28px 0 0 #92A452, 0 28px 0 #92A452, 0 -28px 0 #92A452, 20px -20px 0 #92A452, 20px 20px 0 #92A452, -20px -20px 0 #92A452, -20px 20px 0 #92A452;
  }
  100% {
    transform: rotate(360deg);
    box-shadow: 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452;
  }
}
@keyframes dotSpin2 {
  0%, 100% {
    box-shadow: 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452;
  }
  50% {
    transform: rotate(-180deg);
  }
  25%, 75% {
    box-shadow: 52px 0 0 #92A452, -52px 0 0 #92A452, 0 52px 0 #92A452, 0 -52px 0 #92A452, 38px -38px 0 #92A452, 38px 38px 0 #92A452, -38px -38px 0 #92A452, -38px 38px 0 #92A452;
    background: transparent;
  }
  100% {
    transform: rotate(-360deg);
    box-shadow: 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452, 0 0 0 #92A452;
  }
}


/**
 * About
**/
@media (min-width:765px){
	.about .image-decoration .img{
		background-image:url(../images/company/bg.jpg);
	}
}

/**
 * About company
**/
@media (min-width:765px){
	.company-index .image-decoration .img{
		background-image:url(../images/company/bg.jpg);
	}
}
.company-index .second-line{
	padding-left:55px;
}
.organizations{
	margin-bottom:10px;
}
.organizations a:first-child{
	margin-bottom:5px;
	display:inline-block;
}
.organizations img{
	display:block;
	max-width:100%;
}

/**
 * Philosophy
**/
@media (min-width:765px){
	.company-philosophy .image-decoration .img{
	}
}

/**
 * Team
**/
@media (min-width:765px){
	.company-team .image-decoration .img{
	}
}
#team-mask{
	position:absolute;
	-webkit-transform:scale(0,0);
	transform:scale(0,0);
}
#team .team-member{
	position:relative;
	display:block;
	float:left;
	width:260px;
	margin:0 10px 20px;
}
#team .team-member:nth-child(1){
	margin-left:80px;
}
#team .team-member:nth-child(4){
	margin-left:-66px;
}
#team .team-member:nth-child(7){
	margin-left:65px;
}
#team .team-member:nth-child(10){
	margin-left:-80px;
}
#team .team-member .wrapper{
	position:relative;
	overflow:hidden;
	outline:1px solid transparent;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
	-webkit-transition:all 0.1s linear 0s;
	transition:all 0.1s linear 0s;
}
#team .team-member .wrapper:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	z-index:10;
	width:100%;
	opacity:0;
	background:rgba(0,0,0,0.6);
	outline:1px solid transparent;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#team .team-member svg{
	display:block;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform:skewX(28deg);
	transform:skewX(28deg);
}
#team .team-member .person-thumb{
	display:none;
}
#team .team-member .info{
	height:70px;
	line-height:70px;
	position:absolute;
	z-index:15;
	left:-23px;
	right:30px;
	bottom:25px;
	padding:10px 30px 10px 15px;
}
#team .team-member .info:before{
	content:'';
	width:12px;
	position:absolute;
	left:0;
	top:6px;
	bottom:-18px;
	background:#5d6834;
	z-index:16;
	outline: 1px solid transparent;
	-webkit-transform-origin:right top;
	transform-origin:right top;
	-webkit-transform:rotate(28deg) scale(0,1);
	transform:rotate(28deg) scale(0,1);
	-webkit-transition:all 0.1s linear 0s;
	transition:all 0.1s linear 0s;
}
#team .team-member .info:after{
	content:'';
	width:100%;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	z-index:18;
	background:#92a452;
	opacity:1;
	outline: 1px solid transparent;
	-webkit-transform-origin:left top;
	transform-origin:left top;
	-webkit-transform:skewX(-28deg) scale(0,1);
	transform:skewX(-28deg) scale(0,1);
	-webkit-transition:all 0.1s linear 0s;
	transition:all 0.1s linear 0s;
}
#team .team-member .info > div{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	position:relative;
	z-index:20;
	opacity:0;
	color:#fff;
	-webkit-transition:all 0.1s linear 0s;
	transition:all 0.1s linear 0s;
}
#team .team-member .info > div h3{
	margin-bottom:5px;
	color:#fff;
}
#team .team-member .info > div .position{
	margin-left:-15px;
}

/*** Team hover ***/
#team .team-member:hover .wrapper:after{
	opacity:1;
}
#team .team-member:hover .info:before{
	background:#000;
	-webkit-transform:rotate(28deg) scale(1,1);
	transform:rotate(28deg) scale(1,1);
	-webkit-transition:all 0.1s linear 0.1s;
	transition:all 0.1s linear 0.1s;
}
#team .team-member:hover .info:after{
	-webkit-transform:skewX(-28deg) scale(1,1);
	transform:skewX(-28deg) scale(1,1);
	-webkit-transition:all 0.3s linear 0.2s;
	transition:all 0.3s linear 0.2s;
}
#team .team-member:hover .info > div{
	opacity:1;
	-webkit-transition:all 0.2s linear 0.4s;
	transition:all 0.2s linear 0.4s;
}

/**
 * Company technics 
**/
@media (min-width:765px){
	.company-technics .image-decoration .img{
	}
}
.company-technics .second-line{
	padding-left:85px;
}

/**
 * Live in Viscomp
**/
@media (min-width:765px){
	.company-life-in-viscomp .image-decoration .img{
	}
}
.company-life-in-viscomp #loader-overlay{
	display:none;
}
#image-gallery .acc-headline:before{
	content:'\e07f';
	position:absolute;
	right:0;
	top:4px;
	width:20px;
	height:20px;
	font-size:20px;
	line-height:20px;
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
#image-gallery .acc-headline:after{
	display:none;
}
#image-gallery .acc-content{
	padding:0 6%;
}
#image-gallery .acc-content .cbox a{
	max-height:130px;
	width:110%;
	margin-left:-5%;
}

/**
 * Serificates
**/
@media (min-width:765px){
	.company-certificates .image-decoration .img{
	}
}
.serificate{
	max-width:500px;
	margin:0 auto 20px;
}
.serificate a, .serificate img{
	display:block;
	max-width:100%;
}

/**
 * Services
**/
@media (min-width:765px){
	.services-web-design .image-decoration .img{
		background-position:left top;
	}
	
	.services-online-marketing .image-decoration .img{
		background-position:left top;
	}
	
	.services-web-hosting .image-decoration .img{
	}
	
	.services-other-services .image-decoration .img{
	}
}

/**
 * Jobs
**/
@media (min-width:765px){
	.jobs-free-positions .image-decoration .img{
		min-height: 1320px;
	}
	
	.jobs-practice-program .image-decoration .img{
		background-position:left top;
	}
	
	.jobs-apply-online .image-decoration .img{
		background-position:left top;
	}
}

/**
 * Contact
**/
#contact-container{
	position:relative;
	z-index:10;
	-webkit-transition: all 0.8s cubic-bezier(0.16, 0.33, 0.32, 1);
	transition: all 0.8s cubic-bezier(0.16, 0.33, 0.32, 1);
}
#contact-container .company{
	font-size:20px;
	color:#92a452;
	font-weight:normal;
	margin-bottom:2px;
}
#contact-container address{
	margin-bottom:15px;
}
.contact-data{
	line-height:26px;
	margin-bottom:15px;
}
.contact-data .icons{
	display:inline-block;
	margin-right:5px;
	color:#92a452;
}
.fb-black{
	display:inline-block;
	margin:5px 5px 0 0;
	background:url(../images/main-sprite.png) no-repeat -204px 0;
	width:20px;
	height:20px;
	opacity:0.7;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.linkedin-black{
	display:inline-block;
	margin:5px 0 0 0;
	background:url(../images/main-sprite.png) no-repeat -229px 0;
	width:20px;
	height:20px;
	opacity:0.7;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.fb-black:hover,
.linkedin-black:hover{
	opacity:1;
}
#contact-container .iso{
	margin-top:5px;
	display:inline-block;
}
#contact-container .euroweb{
	font-size:16px;
	line-height:30px;
}
#contact-container .g-recaptcha{
	margin-bottom: 15px;
}
#map-container{
	position:absolute;
	overflow:hidden;
	top:0;
	left:-2px;
	right:50%;
	bottom:0;
	margin-right:160px;
	-webkit-transition: all 0.8s cubic-bezier(0.16, 0.33, 0.32, 1);
	transition: all 0.8s cubic-bezier(0.16, 0.33, 0.32, 1);
}
#map-container:after{
	content:'';
	background:url(../images/map-mask.png) no-repeat right top;
  bottom: 0;
	right: -1px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 6;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: skewX(0deg);
	transform: skewX(0deg);
	-webkit-transition: all 0.8s cubic-bezier(0.16, 0.33, 0.32, 1);
	transition: all 0.8s cubic-bezier(0.16, 0.33, 0.32, 1);
}
#map-wrapper{
	position:absolute;
	top:0;
	left:20%;
	bottom:0;
	z-index:5;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition: all 0.8s cubic-bezier(0.16, 0.33, 0.32, 1);
	transition: all 0.8s cubic-bezier(0.16, 0.33, 0.32, 1);
}
#map-wrapper #google-map{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
#map-container .expand{
	position:absolute;
	right:89px;
	top:180px;
	z-index:30;
	height:40px;
	width:220px;
	font-size:14px;
	line-height:40px;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	text-align:center;
	-webkit-transition:all 0.8s cubic-bezier(.16,.33,.32,1);
	transition:all 0.8s cubic-bezier(.16,.33,.32,1);
}
#map-container .expand:before{
	content:'';
	width:16px;
	height:30px;
	position:absolute;
	right:-2px;
	top:-2px;
	z-index:21;
	background:#000;
	outline: 1px solid transparent;
	-webkit-transform-origin:right center;
	transform-origin:right center;
	-webkit-transform:rotate(28deg);
	transform:rotate(28deg);
	-webkit-transition:width 0.3s linear;
	transition:width 0.3s linear;
}
#map-container .expand:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	bottom:0;
	z-index:22;
	background:#92a452;
	outline: 1px solid transparent;
	-webkit-transform-origin:right center;
	transform-origin:right center;
	-webkit-transform:skewX(-28deg);
	transform:skewX(-28deg);
	-webkit-transition:all 0.8s cubic-bezier(.16,.33,.32,1);
	transition:all 0.8s cubic-bezier(.16,.33,.32,1);
}
#map-container .expand span{
	display:block;
	position:relative;
	z-index:25;
	height:40px;
	overflow:hidden;
	-webkit-transition:all 0.2s linear 0.4s;
	transition:all 0.2s linear 0.4s;
}
#map-container .expand:hover{
	width:240px;
}

/*** Expand map ***/
.expand #contact-container{
	opacity:0;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
}
.expand #map-container{
	right:0%;
	margin-right:0px;
	z-index:20;
}
.expand #map-container:after{
	width:0%;
	-webkit-transform: skewX(28deg);
	transform: skewX(28deg);
}
.expand #map-wrapper{
	left:0%;
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
}
.expand #map-container .expand,
.expand #map-container .expand:hover{
	right:0;
	width:60px;
}
.expand #map-container .expand:before{
	opacity:0;
}
.expand #map-container .expand:after{
	content:'\e082';
	line-height:40px;
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transform:skewX(0deg);
	transform:skewX(0deg);
}
.expand #map-container .expand span{
	opacity:0;
	visibility:hidden;
}

/**
 * Privacy
**/
.privacy .second-line{
	padding-left:85px;
}
@media (min-width:765px){
	.privacy .image-decoration .img,
	.terms .image-decoration .img{
	}
}

/**
 * Products
**/
@media (min-width:765px){
	.services-products .image-decoration .img{
		background-image:url(../images/services-bg.jpg);
	}
}

/**
 * Technology
**/
@media (min-width:765px){
	.services-technology .image-decoration .img{
		background-image:url(../images/products-bg.jpg);
	}
}

ul.technology-list {
	margin:0 0 20px 0;
	padding:10px 0 0 0;	
}
ul.technology-list li {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;	
}
ul.technology-list li i {
	font-size:24px;	
	margin:0 10px 0 0;
	display:table-cell;
	float:left;
	height:24px;
	line-height:24px;
	width:30px;
}

/**
 * Engagement
**/
@media (min-width:765px){
	.services-engagement .image-decoration .img{
		background-image:url(../images/products-bg.jpg);
	}
}

/**
 * Services
**/
@media (min-width:765px){
	.services-services .image-decoration .img{
		background-image:url(../images/products-bg.jpg);
	}
}


/**
 * Responsive
**/
@media (max-width:1600px){
	.projects-list{
		width:1200px !important;
	}
}
@media (max-width:1400px){
	#page-content .section .container{
		padding-top:130px;
	}
	#page-content .page-headline.bottom-space{
		margin-bottom:50px;
	}
	.first-line {
    padding-left: 190px;
	}
	.company-index .second-line {
    padding-left: 85px;
	}
	.company-technics .second-line {
    padding-left: 125px;
	}
	.services-online-marketing .second-line {
    padding-left: 90px;
	}
	.services-web-hosting .second-line {
    padding-left: 130px;
	}
	#team .team-member:nth-child(1) {
    margin-left: 130px;
	}
	#team .team-member:nth-child(4) {
    margin-left: -18px;
	}
	#team .team-member:nth-child(7) {
    margin-left: 115px;
	}
	#project-details-view {
    padding-top: 92px;
	}
	#map-container{
		margin-right: 172px;
	}
	.image-decoration{
		max-height:950px;
	}
}
@media (max-width:1300px){
	/**
	 * Portfolio page
	**/
	.projects-list{
		width:800px !important;
	}
	#project-details-view{
		padding-top:92px;
	}
}
@media (max-width:1000px){
	#page-content{
		height:auto;
		overflow:visible;
	}
	.projects-list{
		width:96% !important;
		-webkit-transform:none !important;
		transform:none !important;
	}
	.projects-list .project{
		width:50%;
	}
	.projects-list .project .wrapper{
		width:100%;
		left:0;
		-webkit-transform:none !important;
		transform:none !important;
	}
	.projects-list .project .wrapper:before{
		-webkit-transform:none !important;
		transform:none !important;
	}
	.projects-list .project .wrapper svg{
		display:none;
	}
	.projects-list .project .wrapper .project-thumb{
		display:block;
		width:100%;
	}
	.projects-list .project-info h3{
		padding:0 5%;
		-webkit-transform:none;
		transform:none;
	}
	.projects-list .project-info .details, 
	.projects-list .project-info .link{
		-webkit-transform:none;
		transform:none;
		background:#92A452;
	}
	.projects-list .project-info .details:before, 
	.projects-list .project-info .link:before,
	.projects-list .project-info .details:after, 
	.projects-list .project-info .link:after{
		display:none;
	}
	.projects-list .project:hover .project-info .details span,
	.projects-list .project:hover .project-info .link span{
		-webkit-transition:none;
		transition:none;
	}
	#project-details-view{
		padding-top:106px;
	}
	.view-project .project-img{
		margin-left:-100px;
	}
	.expand-img .project-img{
		margin-left:0;
	}
	.project-desc{
		margin-right:0;
	}
	.used-technology{
		padding-right:0;
	}
	#projects-nav{
		width:100%;
		position:absolute;
		top:55px;
	}
	#projects-nav .next-project{
		width:155px;
		background:#92a452;
		overflow:hidden;
		position:absolute;
		right:0;
		top:0;
		-webkit-transform:none;
		transform:none;
		padding-right:15px;
		text-align:left;
	}
	#projects-nav .prev-project{
		width:155px;
		background:#92a452;
		overflow:hidden;
		position:absolute;
		left:0;
		top:0;
		-webkit-transform:none;
		transform:none;
		padding-right:0px;
		padding-left:15px;
		text-align:right;
	}
	#projects-nav .next-project:before, 
	#projects-nav .prev-project:before,
	#projects-nav .next-project:after, 
	#projects-nav .prev-project:after{
		display:none;
	}
	#projects-nav .next-project .text, #projects-nav .prev-project .text{
		font-size:12px;
		opacity:1;
		padding:0 10px;
	}
	#projects-nav .next-project .arrows{
		right:0px;
	}
	#projects-nav .prev-project .arrows{
		left:0px;
		right:auto;
		text-align:left;
	}
	.first-line {
    padding-left: 95px;
	}
	.image-decoration{
		max-height:610px;
	}
	.grid-6 .grid-6{
		width:100%;
	}
	
	/**
	 * Team
	**/
	#team{
		text-align:center;
	}
	#team .team-member{
		display:inline-block;
		float:none;
		width:230px;
		height:260px;
	}
	#team .team-member .wrapper{
		-webkit-transform:none;
		transform:none;
	}
	#team .team-member svg{
		display:none;
	}
	#team .team-member .person-thumb{
		display:block;
		-webkit-transform:translateX(-80px);
		transform:translateX(-80px);
	}
	#team .team-member{
		margin:0 10px 20px !important;
	}
	#team .team-member .info{
		bottom:5px;
		padding:5px;
		left:-10px;
		right:10px;
	}
	#team .team-member .info:after{
		-webkit-transform:scale(0, 1);
		transform:scale(0, 1);
	}
	#team .team-member .info:before{
		display:none;
	}
	#team .team-member:hover .info:after{
		-webkit-transform:scale(1, 1);
		transform:scale(1, 1);
	}
	#team .team-member .info > div .position{
		margin:0;
	}
	
	/**
	 * Contacts
	**/
	#map-container{
		width:100%;
		position:static;
		margin:0 auto;
		padding:0;
	}
	#map-container:after{
		display:none;
	}
	#map-wrapper{
		width:100% !important;
		height:300px;
		position:relative;
		top:auto;
		left:auto;
		bottom:auto;
		right:auto;
		margin:0;
		padding:0;
		-webkit-transform:none;
		transform:none;
	}
	#map-container .expand{
		display:none;
	}
	.contact-grid .grid-6{
		width:67%;
	}
	.contact-grid .grid-6:first-child{
		width:33%;
	}
}
@media (max-width:770px){
	.projects-list .project{
		width:50%;
	}
	.project-details{
		width:100%;
	}
	.view-project .project-img{
		width:96%;
		margin:0 auto;
		position:static;
	}
	.view-project .project-img .wrapper{
		position:relative;
		max-width:400px;
		margin:0 auto;
	}
	.view-project .project-img .wrapper:before{
		display:none;
	}
	.view-project .project-img .expand{
		display:none;
	}
	.project-desc{
		margin-right:0;
	}
	.first-line{
		padding-left:0;
	}
	.highlighted-link:after{
		display:none;
	}
}
@media (max-width:550px){
	.projects-list .project{
		width:100%;
	}
	.contact-grid .grid-6{
		width:100% !important;
	}
	.contact-grid .grid-6.text-right{
		text-align:center;
	}
	.project-desc .grid-6:first-child{
		margin-bottom:10px;
	}
	.project-desc h3{
		margin-bottom:5px;
	}
}
@media (max-width:440px){
	#filter-projects{
		padding:0 3%;
	}
	#filter-projects:before,
	#filter-projects:after{
		-webkit-transform:none;
		transform:none;
	}
	#filter-projects .sep{
		margin-left:12px;
		margin-right:12px;
	}
}