@charset "utf-8";
			/* CSS Document */
			
			.djax-content {position:relative;width:100%;height: 40px;}
			.page-template-page-homepage .homepage-link {
				display: inline;
				left:50%;
				text-decoration: none;
				width: 40px;
				height: 40px;
				border-radius: 40px;
				-webkit-border-radius: 40px;
				position: absolute;
				text-indent: 60px;
				line-height: 38px;
				overflow: hidden;
				color: #fff;
				text-align: left;
				text-transform: uppercase;
				transition: width .15s, margin-left .15s, text-indent .35s;
				-webkit-transition: width .15s, margin-left .15s, text-indent .35s;
				-moz-transition: .15s width, .15s margin-left, .35s text-indent;
				-o-transition: .15s width, .15s margin-left, .35s text-indent
			}
			.page-template-page-homepage .homepage-link:after, .page-template-page-homepage .homepage-link:before {
				content: "";
				display: block;
				width: 2px;
				height: 16px;
				background: #fff;
				position: absolute;
				right: 19px;
				top: 20px;
				margin-left: 0;
				margin-top: -8px;
				transition: all .4s;
				-webkit-transition: all .4s;
				-moz-transition: .4s all;
				-o-transition: .4s all
			}
			.page-template-page-homepage .homepage-link:after {
				transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-o-transform: rotate(90deg)
			}
			.page-template-page-homepage .homepage-link:after:after {box-shadow:0 0 #fff}
			.page-template-page-homepage .homepage-link .link-arrow {
				display: block;
				position: absolute;
				width: 0;
				height: 0;
				right: 20px;
				top: 20px;
				transition: all .3s;
				-webkit-transition: all .3s;
				-moz-transition: .3s all;
				-o-transition: .3s all;
				transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg)
			}
			.page-template-page-homepage .homepage-link .link-arrow:after, .page-template-page-homepage .homepage-link .link-arrow:before {
				content: "";
				display: block;
				width: 100%;
				height: 2px;
				background: #fff;
				position: absolute;
				bottom: 0;
				right: 0
			}
			.page-template-page-homepage .homepage-link .link-arrow:after {
				width: 2px;
				height: 100%
			}
			a.homepage-link{
				background:#ffbf00;
				margin-left: -20px;
				top: 0px;
			}
			.homepage-link.yellow , .homepage-link.red , .homepage-link.green , .homepage-link.blue {
				margin-left: -20px;
				top: 0px;
			}
			.homepage-link.yellow {background: #ffbf00;}
			.homepage-link.red {background: #dd3d31;}
			.homepage-link.green {background: #22dd76;}
			.homepage-link.blue {background: #2092ed;}
			.homepage-link.white {background: #ffffff;}
			.homepage-link.white > div{color:#333;}
			
			.page-template-page-homepage .homepage-link.brief {
				background: #ffbf0f;
				margin-left: -20px;
				top: 0px;
			}
			.page-template-page-homepage .homepage-link.team {
				background: #22dd76;
				margin-left: -20px;
				top: 0px;
			}
			.green {
				color: #22dd76;
			}
			.page-template-page-homepage .homepage-link.contact {
				background: #00c9bf;
				margin-left: -20px;
				top: 0px;
			}
			
			
			.page-template-page-homepage .homepage-link:hover {
				margin-left: -60px;
				text-indent: 20px;
				width: 120px;
			}
			.page-template-page-homepage .homepage-link:hover:before {
				height: 0
			}
			.page-template-page-homepage .homepage-link:hover:after {
				box-shadow: 0 6px #fff
			}
			.page-template-page-homepage .homepage-link:hover .link-arrow {
				width: 12px;
				height: 12px;
				margin-top: -6px;
				margin-right: -6px;
				transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg)
			}
			section.half-width-blocks .half-width.header-block .middle:not(.full) {
				max-width: 600px
			}
			.middle {
				width: 100%;
				position: absolute;
				max-height: 100%;
				max-width: 100%;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%)
			}
			.middle.wrapper {
				max-width: 1288px
			}
			.half-width .middle:not(.full) {
				max-width: 400px
			}
			a {
				text-decoration: none;
				color: #000;
				transition: all .15s ease-in-out 0s;
				-webkit-transition: all .15s ease-in-out 0s;
				-moz-transition: .15s all 0s ease-in-out;
				-o-transition: .15s all 0s ease-in-out
			}
			a:hover {
				text-decoration:none;
				color: #ffbf0f;
			}
			
			.page-template-page-homepage .homepage-link.white .link-arrow:after, .page-template-page-homepage .homepage-link.white .link-arrow:before {background: #333;}
			.page-template-page-homepage .homepage-link.white:before {background: #333;}
			.page-template-page-homepage .homepage-link.white:hover:after {box-shadow: 0 6px #333;}
			.page-template-page-homepage .homepage-link.white:after, .page-template-page-homepage .homepage-link.white:before {background: #333;}
			
			@media (max-width:768px){
				.page-template-page-homepage .homepage-link{
					margin-left: 0px;
					text-indent: 20px;
					width: 120px;
				}
				.page-template-page-homepage a.homepage-link {
					margin-left: -60px;
				}
				.page-template-page-homepage .homepage-link:before {
					height: 0
				}
				.page-template-page-homepage .homepage-link:after {
					box-shadow: 0 6px #fff
				}
				
				.page-template-page-homepage .homepage-link .link-arrow:after, .page-template-page-homepage .homepage-link .link-arrow:before {
					content: "";
					display: block;
					width: 100%;
					height: 2px;
					background: #fff;
					position: absolute;
					bottom: 0;
					right: 0
				}
				.page-template-page-homepage .homepage-link .link-arrow {
					width: 12px;
					height: 12px;
					margin-top: -6px;
					margin-right: -6px;
					transform: rotate(-45deg);
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-o-transform: rotate(-45deg)
				}
				.page-template-page-homepage .homepage-link .link-arrow:after {
					width: 2px;
					height: 100%
				}
				.page-template-page-homepage .homepage-link.white:after {box-shadow: 0 6px #333;}
			}