@charset "gb2312";
svg:not(:root) {
	overflow: hidden;
}
.csstransforms #header .primary-nav::before {
	background-image: linear-gradient(44deg, rgb(233, 64, 84), rgb(214, 41, 86)); background-color: rgb(214, 41, 86);
}
.cta1.diag1 {
	background-image: linear-gradient(44deg, rgb(233, 64, 84), rgb(214, 41, 86)); background-color: rgb(214, 41, 86);
}
.project-article .quote-wrapper {
	background-image: linear-gradient(44deg, rgb(233, 64, 84), rgb(214, 41, 86)); background-color: rgb(214, 41, 86);
}
.csstransitions .home .mega-circle::before {
	background-image: linear-gradient(44deg, rgb(233, 64, 84), rgb(214, 41, 86)); background-color: rgb(214, 41, 86);
}
.title-header .heading1::after {
	
}
.title-border1 .heading2::after {
	
}
.service-children.services .project-list .heading3.title::after {
	
}
.about-landing .quote-wrapper .heading3.title::after {
	
}
.info-article .secondary .related .heading3::after {
	
}
.contact .contact-details .unit .heading3::after {
	
}
.heading1 {
	margin: 0.5em 0px; line-height: 1.4em;
}
.heading2 {
	margin: 0.5em 0px; line-height: 1.4em;
}
.heading3 {
	margin: 0.5em 0px; line-height: 1.4em;
}
.heading4 {
	margin: 0.5em 0px; line-height: 1.4em;
}
.heading5 {
	margin: 0.5em 0px; line-height: 1.4em;
}
.heading6 {
	margin: 0.5em 0px; line-height: 1.4em;
}
.heading7 {
	margin: 0.5em 0px; line-height: 1.4em;
}
.heading8 {
	margin: 0.5em 0px; line-height: 1.4em;
}
.heading1 {
	font-style: normal; font-weight: 300;
}
.heading2 {
	font-style: normal; font-weight: 300;
}
.heading3 {
	font-style: normal; font-weight: 300;
}
.heading4 {
	font-style: normal; font-weight: 300;
}
.heading5 {
	font-weight: 400;
}
.heading6 {
	font-weight: 400;
}
.heading1 {
	line-height: 1.5em; font-size: 3.44em;
}
.heading2 {
	font-size: 2.44em;
}
.heading3 {
	text-transform: uppercase; font-size: 0.77em; opacity: 0.42; -khtml-opacity: 0.42; -moz-opacity: 0.42;
}
.heading4 {
	line-height: 1.3em; font-size: 1.66em;
}
.heading5 {
	font-size: 1.66em;
}
.heading6 {
	font-size: 1.22em;
}
.wrapper {
	margin: 0px auto; width: 100%; clear: both; position: relative; max-width: 92.22em;
}
.wrapper::after {
	clear: both; display: table; content: "";
}
.main-content .wrapper {
	padding-top: 5.55em; padding-bottom: 5.55em;
}
.unit {
	margin-top: 1.32%; margin-bottom: 1.32%; margin-left: 2.65%; float: left;
}
.start {
	clear: both;
}
.media img {
	width: 100%; height: auto;
}
.js-cwhidereveal {
	cursor: pointer;
}
.js .cw-hidden {
	display: none;
}
canvas {
	overflow: visible;
}
body::after {
	background: rgba(28, 28, 56, 0.9); transition:0.5s cubic-bezier(0.19, 1, 0.22, 1); top: 0px; width: 100%; height: 100%; right: 0px; position: fixed; z-index: -1; content: ""; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -khtml-opacity: 0; -moz-opacity: 0;
}
.lt-ie9 body::after {
	display: none;
}
.title-header {
	background: rgb(28, 28, 56); margin: 0px; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 1.52em; overflow: hidden; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; min-height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.title-header .wrapper {
	padding: 7.1em 1.32% 4.55em; max-width: 56.88em;
}
.title-header .heading1 span {
	width: 100%; color: rgb(233, 64, 84); font-size: 44px; font-weight: normal; display: inline-block;
}
.title-header .sozo-content {
	font-size: 1.22em; margin-right: auto; margin-left: auto; max-width: 39.09em;
}
.title-header .sozo-content a.nor {
	padding: 0px 30px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.5); transition:border-color 200ms linear; height: 40px; color: inherit; line-height: 36px; font-family: "Microsoft Yahei"; font-size: 14px; display: inline-block; position: relative; z-index: 3; -moz-transition: border-color 200ms linear; -o-transition: border-color 200ms linear; -webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;
}
.title-header .sozo-content a.nor:hover {
	border-color: rgb(255, 255, 255);
}
.sozo-content .review {
	position: relative; z-index: 3;
}
.left-align.title-header .wrapper {
	padding-right: 0px; padding-left: 0px; max-width: 92.22em;
}
.left-align.title-header .copy {
	text-align: left;
}
.left-align.title-header .copy .heading1::after {
	margin-left: 0px;
}
.left-align.title-header .sozo-content {
	font-size: 1em;
}
.title-border1 .heading3 {
	margin-bottom: 2.5em;
}
.moving-gallery {
	width: 100%; height: 365px; overflow: hidden; position: relative; z-index: 1; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
.moving-gallery div {
	background: url("http://www.shgugu.net/images/team-photos1.jpg1)=1") top / 2229px 365px; left: -150%; top: 0px; width: 400%; height: 365px; position: absolute;
}
.scroll-down {
	border-radius: 30px; border: 1px solid rgb(255, 255, 255); transition:0.5s cubic-bezier(0.19, 1, 0.22, 1); animation:bounce 5s cubic-bezier(0.755, 0.05, 0.855, 0.06) infinite; width: 60px; height: 60px; overflow: hidden; display: block; z-index: 40; -webkit-animation: bounce 5s cubic-bezier(0.755, 0.05, 0.855, 0.06) infinite 0; -moz-animation: bounce 5s cubic-bezier(0.755, 0.05, 0.855, 0.06) infinite 0; -webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-animation: bounce 5s cubic-bezier(0.755, 0.05, 0.855, 0.06) infinite 0; -moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-border-radius: 30px; -moz-border-radius: 30px;
}
.scroll-down::before {
	background: url("http://www.shgugu.net/images/sprite-icons1.png1)=1") no-repeat -150px 0px; left: 50%; width: 42px; height: 20px; bottom: 30px; margin-bottom: -14px; margin-left: -21px; position: absolute; content: "";
}
.svg .scroll-down::before {
	background-image: url("http://www.shgugu.net/images/sprite-icons1.svg1)=1");
}
.home #particles1 {
	left: 0px; top: 0px; position: absolute; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.home .show-me#particles1 {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.home .title-header .one.heading1 span:nth-child(1) {
	color: rgb(255, 255, 255); font-weight: 300;
}
.home .title-header {
	padding-top: 5.55em; padding-bottom: 5.55em; box-sizing: border-box;
}
.csstransitions .home #particles1 {
	left: 0px; top: 0px; position: absolute; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .show-me#particles1 {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header {
	padding-top: 18em; padding-bottom: 18em; font-family: "������ͤ��ϸ�ڼ���", "FZLTCXHJT", "Microsoft Yahei"; position: relative;
}
.csstransitions .home .title-header .wrapper {
	left: 50%; top: 50%; padding-top: 0px; padding-bottom: 0px; position: absolute; z-index: 2; max-width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.csstransitions .home .title-header .heading1 {
	margin: 0px; width: 100%;
}
.csstransitions .home .title-header .one.heading1 {
	color: rgb(255, 255, 255); position: relative; z-index: 3;
}
.csstransitions .home .title-header .one.heading1::after {
	display: none;
}
.csstransitions .home .title-header .one.heading1 span {
	transition:4.5s cubic-bezier(0.19, 1, 0.22, 1); position: relative; -webkit-transition: all 4.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 4.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 4.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.csstransitions .home .title-header .one.heading1 span::before {
	background: rgb(28, 28, 56); transition:2s cubic-bezier(0.19, 1, 0.22, 1); top: 6%; width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; content: ""; -webkit-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.csstransitions .home .title-header .one.heading1 span::after {
	background: rgb(28, 28, 56); transition:2s cubic-bezier(0.19, 1, 0.22, 1); top: 6%; width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; content: ""; -webkit-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.csstransitions .home .title-header .one.heading1 span::before {
	left: -100%;
}
.csstransitions .home .title-header .one.heading1 span::after {
	right: -100%;
}
.csstransitions .home .title-header .one.heading1 span:nth-child(1) {
	color: rgb(255, 255, 255); font-weight: 300;
}
.csstransitions .home .title-header .one.heading1 span:nth-child(2) {
	z-index: -1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;
}
.csstransitions .home .title-header .one.heading1 span:nth-child(2)::before {
	transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;
}
.csstransitions .home .title-header .one.heading1 span:nth-child(2)::after {
	transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;
}
.csstransitions .home .title-header .animate-me1.one.heading1 span {
	transform: scale(1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2);
}
.csstransitions .home .title-header .animate-me1.one.heading1 span::before {
	left: -45%;
}
.csstransitions .home .title-header .animate-me1.one.heading1 span::after {
	right: -45%;
}
.csstransitions .home .title-header .animate-me2.one.heading1 {
	transition:0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045); transform: translate(0, 14em) scale(0); -webkit-transition: all 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045); -webkit-transform: translate(0, 14em) scale(0); -moz-transform: translate(0, 14em) scale(0); -moz-transition: all 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045); -o-transition: all 0.5s cubic-bezier(0.600, -0.280, 0.735, 0.045); -o-transform: translate(0, 14em) scale(0);
}
.csstransitions .home .title-header .two.heading1 {
	transition:2s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.csstransitions .home .title-header .two.heading1::after {
	display: none;
}
.csstransitions .home .title-header .two.heading1 > span {
	transition:0.2s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-clip-path: polygon(-25% 0%, 125% 0%, 100% 100%, -50% 100%);
}
.csstransitions .home .title-header .two.heading1 > span:nth-child(1) {
	transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s;
}
.csstransitions .home .title-header .animate-me1.two.heading1 {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .animate-me2.two.heading1 > span {
	-webkit-clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);
}
.csstransitions .home .title-header .three.heading1 .scroll-down {
	transition:0.5s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .three.heading1 .animate-me1.scroll-down {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header .hide-seek.heading1 > span {
	color: rgb(255, 255, 255); font-weight: 300;
}
.csstransitions .home .title-header .hide-seek.heading1 .pop {
	transition:0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); width: auto; color: rgb(233, 64, 84); font-weight: 700; display: inline-block; -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.csstransitions .home .title-header .hide-seek.heading1 :nth-child(2).pop {
	transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s;
}
.csstransitions .home .title-header .hide-seek.heading1 :nth-child(3).pop {
	transition-delay: 0.15s; -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s;
}
.csstransitions .home .title-header .hide-seek.heading1 :nth-child(4).pop {
	transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s;
}
.csstransitions .home .title-header .hide-seek.heading1 :nth-child(5).pop {
	transition-delay: 0.25s; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s;
}
.csstransitions .home .title-header .hide-seek.heading1 :nth-child(6).pop {
	transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;
}
.csstransitions .home .title-header .hide-seek.heading1 .animate-me1.pop {
	opacity: 0; transform: translate(0, 1.3em); -webkit-transform: translate(0, 1.3em); -moz-transform: translate(0, 1.3em); -khtml-opacity: 0; -moz-opacity: 0; -o-transform: translate(0, 1.3em);
}
.csstransitions .home .title-header .final.wrapper {
	transition:0.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.csstransitions .home .title-header .animate-me2.final.wrapper::before {
	width: 160%; padding-bottom: 160%;
}
.csstransitions .home .title-header .final.wrapper .heading1 {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .final.wrapper .sozo-content {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .final.wrapper .scroll-down {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .animate-me3.final.wrapper {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header .animate-me3.final.wrapper .heading1 {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header .animate-me3.final.wrapper .sozo-content {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header .animate-me3.final.wrapper .scroll-down {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header .animate-me3.final.wrapper::before {
	transition:3s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; -webkit-transition: all 3s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 3s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 3s cubic-bezier(0.190, 1.000, 0.220, 1.000); -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .animate-me3.final.wrapper {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header .unhide.final.wrapper {
	opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header .unhide.final.wrapper .heading1::after {
	opacity: 0.3; -khtml-opacity: 0.3; -moz-opacity: 0.3;
}
.csstransitions .home .title-header .final.wrapper .sozo-content {
	transition:1.2s cubic-bezier(0.19, 1, 0.22, 1); width: 100%; text-align: center; margin-top: 1em; -webkit-transition: all 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.csstransitions .home .title-header .final.wrapper .animate-me1.sozo-content {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .final.wrapper .scroll-down {
	bottom: -3.5em;
}
.csstransitions .home .title-header .final.wrapper .animate-me1.scroll-down {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .single-statements {
	transition:0.5s cubic-bezier(0.19, 1, 0.22, 1); left: 50%; top: 50%; width: 100%; position: absolute; transform: translate(-50%, -50%); -webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transform: translate(-50%, -50%);
}
.csstransitions .home .title-header .animate-me1.single-statements {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .single-statements p {
	text-align: center;
}
.csstransitions .home .title-header .single-statements .bold span {
	left: 50%; top: 50%; width: 100%; text-align: center; color: rgb(28, 28, 56); font-size: 6.66em; font-style: normal; font-weight: 700; position: absolute; z-index: 2; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}
.csstransitions .home .title-header .single-statements .animate-me1.bold::before {
	width: 160%; padding-bottom: 160%;
}
.csstransitions .home .title-header .single-statements .different {
	transition:0.2s cubic-bezier(0.19, 1, 0.22, 1); width: 100%; right: 0px; position: absolute; z-index: 3; transform: translate(-140%, 0); -webkit-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate(-140%, 0); -moz-transform: translate(-140%, 0); -moz-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.2s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transform: translate(-140%, 0);
}
.csstransitions .home .title-header .single-statements .different::before {
	background: rgb(89, 187, 86); transition:0.4s cubic-bezier(0.19, 1, 0.22, 1); left: 40%; top: 50%; width: 140%; padding-bottom: 140%; display: block; position: absolute; content: ""; transform: translateZ(0) translate(-50%, -50%) skew(-18deg); -webkit-transition: all 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translateZ(0) translate(-50%, -50%) skew(-18deg); -moz-transform: translateZ(0) translate(-50%, -50%) skew(-18deg); -moz-transition: all 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.4s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transform: translateZ(0) translate(-50%, -50%) skew(-18deg); will-change: transform;
}
.csstransitions .home .title-header .single-statements .different span {
	transition:0.5s cubic-bezier(0.19, 1, 0.22, 1); left: 50%; top: 50%; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 120px; position: absolute; z-index: 4; transform: translateZ(0) translate(-50%, -50%); -webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translateZ(0) translate(-50%, -50%); -moz-transform: translateZ(0) translate(-50%, -50%); -moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transform: translateZ(0) translate(-50%, -50%);
}
.csstransitions .home .title-header .single-statements .different::after {
	transition:0.5s cubic-bezier(0.19, 1, 0.22, 1); left: 50%; top: 50%; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 120px; position: absolute; z-index: 4; transform: translateZ(0) translate(-50%, -50%); -webkit-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translateZ(0) translate(-50%, -50%); -moz-transform: translateZ(0) translate(-50%, -50%); -moz-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transform: translateZ(0) translate(-50%, -50%);
}
.csstransitions .home .title-header .single-statements .different::after {
	transition:opacity 2s cubic-bezier(0.19, 1, 0.22, 1), letter-spacing 4.5s cubic-bezier(0.19, 1, 0.22, 1); color: rgb(255, 255, 255); font-weight: 300; z-index: 5; content: "����"; opacity: 0; -webkit-transition: opacity 2s cubic-bezier(0.190, 1.000, 0.220, 1.000), letter-spacing 4.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: opacity 2s cubic-bezier(0.190, 1.000, 0.220, 1.000), letter-spacing 4.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -o-transition: opacity 2s cubic-bezier(0.190, 1.000, 0.220, 1.000), letter-spacing 4.5s cubic-bezier(0.190, 1.000, 0.220, 1.000); -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .single-statements .animate-me1.different {
	transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0);
}
.csstransitions .home .title-header .single-statements .animate-me1.different::before {
	left: 50%;
}
.csstransitions .home .title-header .single-statements .animate-me2.different::before {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .single-statements .animate-me2.different span {
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}
.csstransitions .home .title-header .single-statements .animate-me2.different::after {
	letter-spacing: 0.25em; opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;
}
.csstransitions .home .title-header .single-statements #different-canvas1 {
	left: 0px; top: 0px; margin-top: 0px; position: absolute;
}
.csstransitions .home .title-header .scroll-down {
	left: 50%; bottom: 5px; margin-left: -30px; position: absolute;
}
.csstransitions .home .mega-circle::before {
	border-radius: 50%; transition:0.35s cubic-bezier(0.95, 0.05, 0.795, 0.035); left: 50%; top: 50%; width: 0px; padding-bottom: 0px; display: block; position: absolute; z-index: 0; content: ""; transform: translate(-50%, -50%); -webkit-transition: all 0.35s cubic-bezier(0.950, 0.050, 0.795, 0.035); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -moz-transition: all 0.35s cubic-bezier(0.950, 0.050, 0.795, 0.035); -o-transition: all 0.35s cubic-bezier(0.950, 0.050, 0.795, 0.035); -o-transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.lt-ie9 .csstransitions .home .mega-circle::before {
	background: rgb(233, 64, 84);
}
.home .project-intro {
	position: relative;
}
.home .moving-gallery {
	position: relative;
}
.home .blog-list-simple {
	position: relative;
}
.home .project-intro {
	z-index: 6;
}
.home .moving-gallery {
	padding-bottom: 0px; margin-bottom: -4em; z-index: 7;
}
.home .blog-list-simple {
	position: relative; z-index: 8;
}
.home .line {
	background: rgb(28, 28, 56); transition:all, 0.5s, cubic-bezier(0.95, 0.05, 0.795, 0.035), 0.3s; width: 1px; position: absolute; z-index: 4; transform: translateZ(0) scale(0.2) translate(0, -2000%) skew(-18deg); -webkit-transition: all, 0.5s, cubic-bezier(0.950, 0.050, 0.795, 0.035), 0.3s; -webkit-transform: translateZ(0) scale(0.2) translate(0, -2000%) skew(-18deg); -moz-transform: translateZ(0) scale(0.2) translate(0, -2000%) skew(-18deg); -moz-transition: all, 0.5s, cubic-bezier(0.950, 0.050, 0.795, 0.035), 0.3s; -o-transition: all, 0.5s, cubic-bezier(0.950, 0.050, 0.795, 0.035), 0.3s; -o-transform: translateZ(0) scale(0.2) translate(0, -2000%) skew(-18deg); will-change: transform;
}
.home .animate-me1.line {
	transform: scale(1) translate(0, -120%) skew(-18deg); -webkit-transform: scale(1) translate(0, -120%) skew(-18deg); -moz-transform: scale(1) translate(0, -120%) skew(-18deg); -o-transform: scale(1) translate(0, -120%) skew(-18deg);
}
.home .animate-me2.line {
	z-index: -1; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
}