.navbar-transparent {
	position: absolute;
	top: 0;
	z-index: 3;
	margin-bottom: 0;
	padding: 18px 0;
	width: 100%;
	border: none;
	text-align: right
}

.mail a {
     text-decoration: none;
     color: #333;
}
.fa-envelope {
     padding: 0 5px 0 2px;
}
.fa-shopping-basket {
    padding: 0 5px 0 2px;
}
.footer {
    position: absolute;
    left: 45%;
    bottom:0px;
    z-index:99999;
    font-family: Georgia;
    font-weight: 700;
    font-size: 12px;
}

.navbar-transparent .navbar-brand {
	padding: 0 15px 0 30px;
	height: 44px;
	color: #fff;
	font-size: 24px;
	line-height: 44px;
	cursor: pointer;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.navbar-transparent .navbar-brand i {
	display: block
}

.navbar-transparent .navbar-right {
	margin-right: 0
}

.navbar-transparent .navbar-nav>li>a {
	margin-left: 20px;
	padding: 0;
	width: 44px;
	height: 44px;
	border: 1px solid #313639;
	border-radius: 50%;
	background-color: #313639;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	line-height: 44px;
	cursor: pointer;
	position: relative
}

.navbar-transparent .navbar-nav>li>a .icon-face {
	font-size: 22px;
	line-height: 44px
}

.navbar-transparent .navbar-nav>li>a:focus {
	background-color: #313639
}

.navbar-transparent .navbar-nav>li>a:hover:before {
	content: attr(nav-title);
	position: absolute;
	top: 130%;
	border-radius: 3px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	padding: 8px 12px;
	background-color: rgba(255,255,255,.2);
	color: #fff;
	font-size: 12px;
	line-height: 16px
}

.navbar-transparent .navbar-nav>li>a:hover:after {
	content: ' ';
	height: 0;
	width: 0;
	border-bottom: 7px solid rgba(255,255,255,.2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	top: 130%;
	margin-top: -7px;
	left: 50%;
	margin-left: -7px
}

.navbar-transparent .navbar-nav {
	float: none;
	display: inline-block;
	vertical-align: top
}

.navbar-transparent .fade-out li {
	opacity: 0
}

.navbar-transparent .navbar-nav>li {
	transition: all .25s
}

.navbar-transparent .navbar-nav>li:first-child:hover>a {
	border-color: #f8ba0b;
	background-color: #f8ba0b;
	color: #fff
}

.navbar-transparent .navbar-nav>li:nth-child(2):hover>a {
	border-color: #1181cd;
	background-color: #1181cd;
	color: #fff
}

.navbar-transparent .navbar-nav>li:nth-child(3):hover>a {
	background-color: #313639;
	text-decoration: none
}

.navbar-transparent .navbar-nav>li:nth-child(3):hover .user-dropdown,.navbar-transparent .navbar-nav>li:nth-child(3):hover .user-dropdown .arraw {
	display: block
}

.navbar-transparent .dropdown {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	z-index: 98;
	line-height: 39px;
	cursor: pointer;
	font-size: 0
}

.navbar-transparent .dropdown>div {
	padding: 0 16px
}

.navbar-transparent .dropdown ul {
	display: none
}

.navbar-transparent .dropdown>div>i {
	padding: 0 3px;
	font-size: 30px;
	display: inline-block;
	vertical-align: middle
}

.navbar-transparent .dropdown .navbar-bracket,.navbar-transparent .dropdown .navbar-bracket li {
	display: inline-block;
	padding: 0;
	vertical-align: middle
}

.navbar-transparent .dropdown>div>i:before {
	display: inline-block;
	vertical-align: middle
}

.navbar-transparent .dropdown>div>i:last-child {
	padding-right: 0
}

.navbar-transparent .dropdown .navbar-bracket {
	overflow: hidden;
	margin: 0;
	list-style: none;
	white-space: nowrap
}

.navbar-transparent .dropdown .navbar-bracket li a {
	margin-left: 8px;
	margin-right: 8px
}

.navbar-transparent .dropdown .navbar-bracket li:last-child>i {
	display: none
}

.navbar-transparent .dropdown .navbar-bracket li i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-color: red;
	pointer-events: none;
	margin: 0 12px 7px -1px;
	font-size: 16px;
	top: 12px
}

.navbar-transparent .dropdown .navbar-bracket li a {
	position: relative;
	display: inline-block;
	margin-top: 0;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: .4px;
	font-weight: 500
}

.section-1 .beta-app-host pre,.section-2 .group table tr td .title {
	font-weight: 700;
	font-family: roboto slab,helvetica neue,Helvetica,hiragino sans gb,Arial,sans-serif
}

.navbar-transparent .dropdown .navbar-bracket li a:after {
	position: absolute;
	bottom: 4px;
	z-index: 2;
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	content: ' ';
	opacity: 0;
	transition: all .25s
}

.navbar-transparent .dropdown .navbar-bracket li a:hover:after {
	opacity: 1
}

.fade-out,.navbar-transparent .dropdown:hover~li,.navbar-transparent .show-bracket>li:first-child,.navbar-transparent .show-bracket>li:nth-child(2),.navbar-transparent .show-bracket>li:nth-child(3) {
	opacity: 0
}

.navbar-transparent .dropdown .navbar-bracket li.signup a {
	line-height: 30px;
	border-radius: 50px
}

.navbar-transparent .dropdown .navbar-bracket li.signup a:after {
	bottom: 0
}

.navbar-transparent .dropdown .navbar-bracket .signup-background a {
	padding: 0 20px;
	background-color: #000;
	color: #fff
}

.navbar-transparent .dropdown .navbar-bracket .signup-background a:after {
	content: none;
	display: none
}
.blogicon {
    width: 18px;
    padding-right: 2px;
    vertical-align: sub;
}
.contacticon {
    width: 16px;
    padding-right: 2px;
    vertical-align: middle;
    margin-bottom: 2px;
}
.navbar-transparent .user-dropdown {
	display: none;
	position: absolute;
	top: 50px;
	left: -20px;
	border: 1px solid #979797;
	border-radius: 5px;
	background-color: #fff;
	width: 120px
}

.navbar-transparent .user-dropdown ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.navbar-transparent .user-dropdown ul .arraw {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	border-top: 1px solid #979797;
	border-left: 1px solid #979797;
	transform: rotate(45deg);
	background-color: #fff;
	top: -10px;
	left: 50px
}

.navbar-transparent .user-dropdown li {
	padding: 0 8px
}

.navbar-transparent .user-dropdown li a {
	text-align: center;
	color: #505556;
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #e3e8e9
}

.navbar-transparent .user-dropdown li a:hover {
	color: #0fb4aa;
	text-decoration: none
}

.navbar-transparent .user-dropdown li:last-child a {
	border-bottom: none
}

.navbar-transparent .dropdown,.navbar-transparent .navbar-brand,.navbar-transparent .navbar-nav li a {
	transition: all .5s
}

.navbar-transparent.navbar-black {
	z-index: 14
}

.navbar-transparent.navbar-black .navbar-brand {
	color: #000
}

.navbar-transparent.navbar-black .navbar-nav li a:hover:before {
	content: attr(nav-title);
	background-color: #313639
}

.navbar-transparent.navbar-black .navbar-nav li a:hover:after {
	content: ' ';
	height: 0;
	width: 0;
	border-bottom: 7px solid #313639;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent
}

.navbar-transparent.navbar-black .dropdown,.navbar-transparent.navbar-black .dropdown ul li a,.navbar-transparent.navbar-black .dropdown ul li a:after {
	border-color: #000;
	color: #000
}

.page-Pricing .menu-toggle,.page-docs .menu-toggle,.page-plaza .menu-toggle,.page-support .menu-toggle,.page-tools .menu-toggle,body>menu {
	color: #fff
}

.menu-toggle {
	cursor: pointer;
	z-index: 999;
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 24px
}
@media screen and (max-width:450px) {
.navbar-transparent .dropdown .navbar-bracket li a {
    margin-left: 5px;
    margin-right: 5px;
}
.navbar-transparent .dropdown .navbar-bracket li a {
    font-size: 12px;
}
.blogicon {
    width: 16px;
}
.contacticon {
    width: 14px;
}
.navbar-transparent .dropdown {
    line-height: 33px;
}
.section-1 .beta-app-host pre {
	font-size: 14px!important;
}
.plane-wrapper {
    width: 100%!important;
}
}
@media screen and (max-width:768px) {
	.menu-toggle {
		display: none
	}
  	.plane-wrapper {
		margin-top: -175px;
		width: 480px
	}
  .navbar-transparent .navbar-brand {
    padding: 0 15px 0 10px;
    height: 44px;
    color: #fff;
    font-size: 24px;
    line-height: 44px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}
  .navbar-collapse {
    overflow-x: visible;
    padding-right: 0px;
    padding-left: 15px;
    /* position: relative; */
    position: absolute;
    /* width: 100px; */
    height: 50px;
    right: 0px;
    bottom: 8px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch;
}
  .navbar-transparent .dropdown>div {
    padding: 0 5px;
}
  .section-1 .beta-app-host pre {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    font-size: 19px;
    line-height: 1.3;
}
.footer {
    display: none
}
}
@media screen and (min-width:768px) {
	.menu-toggle {
		display: none
	}
}

body>menu {
	position: fixed;
	z-index: 4;
	display: none;
	margin: 0;
	padding: 80px 0 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8)
}

body>menu ul {
	margin: 0;
	padding: 0;
	height: 100%;
	list-style: none
}

body>menu ul li {
	display: block;
	text-align: right
}

body>menu ul li a {
	display: inline-block;
	padding: 12px 20px;
	color: #fff;
	font-size: 20px;
	transition: all .25s;
	transform: translateX(100%);
	text-decoration: none
}

body>menu ul li a:hover {
	text-decoration: none;
	color: #f8ba0b
}

body>menu .show li:first-child a {
	transition-delay: 0s;
	transform: none
}

body>menu .show li:nth-child(2) a {
	transition-delay: .08s;
	transform: none
}

body>menu .show li:nth-child(3) a {
	transition-delay: .12s;
	transform: none
}

body>menu .show li:nth-child(4) a {
	transition-delay: .16s;
	transform: none
}

body>menu .show li:last-child a {
	transition-delay: .2s;
	transform: none
}

body {
	overflow: hidden;
	height: 100%;
	-webkit-font-smoothing: antialiased
}

.animate-ctrls {
	position: fixed;
	right: 50%;
	bottom: 5%;
	z-index: 1000;
	margin-right: -340px;
	opacity: 0;
	transition: all .25s
}

.animate-ctrls:hover {
	opacity: .5
}

body>nav.navbar-transparent {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	transition: opacity .5s
}

body>nav.navbar-transparent .pdding-box {
	overflow: hidden;
	padding: 18px 20px 0
}

body>nav.navbar-transparent .navbar-brand {
	color: #000;
    font-weight: 700;
    text-transform: capitalize;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
body>nav.navbar-transparent .navbar-brand:hover {
    color: #797979;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
body>nav.navbar-transparent .dropdown,body>nav.navbar-transparent .dropdown .navbar-bracket li a {
	color: #000;
    font-weight: 700;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body>nav.navbar-transparent .dropdown, body>nav.navbar-transparent .dropdown .navbar-bracket li a:hover {
    color: #797979;
    font-weight: 700;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

body>nav.navbar-transparent .dropdown .navbar-bracket li a:after {
    border: 0px;
}

body>nav.navbar-transparent.color-white,body>nav.navbar-transparent.color-white .dropdown,body>nav.navbar-transparent.color-white .dropdown .navbar-bracket li a,body>nav.navbar-transparent.color-white .navbar-brand {
	color: #333
}

body>nav.navbar-transparent.color-white .dropdown .navbar-bracket li a:after {
	border-color: #fff
}

body>nav.navbar-transparent.color-white .dropdown .navbar-bracket li.signup-background a {
	background-color: #fff;
	color: #000
}

body>nav.navbar-transparent.fade-out {
	opacity: 0
}

.plane-wrapper {
	position: absolute;
	display: inline-block;
	animation: undulate 8s linear infinite alternate;
	perspective: 2500px
}

.plane-wrapper .plane {
	max-width: 100%;
	width: 100%
}

.plane-wrapper .rotate-container {
	position: absolute;
	top: 51.7003%;
	left: 13.1%;
	display: inline-block;
	width: 27.424%;
	height: 14.4474%;
	transform-origin: center center;
	animation: rotating .2s linear infinite reverse
}

.plane-wrapper .propeller {
	width: 100%;
	transform: rotateY(-28deg)
}

.plane-wrapper .beta-app-host {
	position: absolute;
	top: 77.0196%;
	right: 101px;
	bottom: -32px;
	left: 56.2953%;
	width: 27.4818%;
	animation: undulate 8s linear infinite alternate-reverse
}

@media(min-width:960px) and (max-width:1279px) {
	.plane-wrapper {
		margin-top: -140px;
		width: 600px
	}
}

@media(min-width:1280px) {
	.plane-wrapper {
		margin-top: -170px;
		width: 680px
	}
}

@media(min-width:1366px) {
	.plane-wrapper {
		margin-top: -195px;
		width: 780px
	}
}

@media(min-width:1440px) {
	.plane-wrapper {
		margin-top: -200px;
		width: 800px
	}
}

@media(min-width:1680px) {
	.plane-wrapper {
		margin-top: -250px;
		width: 1000px
	}
}

@media(min-width:1920px) {
	.plane-wrapper {
		margin-top: -250px;
		width: 1000px
	}
}

@media(min-width:2500px) {
	.plane-wrapper {
		margin-top: -300px;
		width: 1200px
	}
}

.loading-cover {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: #1b1b1b
}

.loading-cover .circle {
	position: fixed;
	top: 50%;
	left: 50%;
	display: inline-block;
	margin-top: -70px;
	margin-left: -70px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: #ffd200
}

.loading-cover .circle img {
	width: 100%;
	height: 100%
}

.super-container {
	overflow: hidden;
	height: 100vh;
	background-color: #ffd200
}

.super-container .section {
	position: fixed;
	width: 100%;
	height: 100%;
	height: 100vh;
	opacity: 0
}

.super-container .section.ready {
	opacity: 1
}

.section-1 {
	position: relative;
	z-index: 21;
	height: 100vh
}

.section-1 table,.section-2 .features {
	width: 100%;
	height: 100%;
	text-align: center
}

.section-1 .plane-wrapper {
	top: 50%;
	left: 100%
}

.section-1 .plane-wrapper .beta-app-host {
	opacity: 0;
	transition: opacity .5s linear 1s
}

.section-1 .beta-app-host {
	position: absolute;
	bottom: 50px;
	left: 30px
}

.section-1 .beta-app-host pre {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	background: 0 0;
	font-size: 18px;
    /* text-transform: capitalize; */
	line-height: 1.3
}

.section-1 .beta-app-host pre.typed-finish~b {
	visibility: hidden;
	animation-play-state: paused
}

@media(min-width:1500px) {
	.section-1 .beta-app-host pre {
		font-size: 28px
	}
}

@media(min-width:2200px) {
	.section-1 .beta-app-host pre {
		font-size: 34px
	}
}

.section-1 .beta-app-host pre~b {
	margin-left: 4px;
	border: 1px solid;
	font-size: 24px;
	line-height: 1.3;
	animation: cursor-flash .4s linear infinite forwards
}

.section-1.ready .plane-wrapper {
	transition: all .5s
}

.section-1.ready .plane-wrapper .beta-app-host {
	opacity: 1
}

.section-1.animate-out .plane-wrapper {
	animation: plane-out 1.3s ease-out forwards
}

.section-1.animate-out .beta-app-host {
	opacity: 0;
	transition: opacity .1s
}

.section-2 {
	height: 100vh
}

.section-2.resizing,.section-2.resizing .cols,.section-2.resizing .cols .back,.section-2.resizing .cols .front {
	transition: none
}

.section-2 .features {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	height: 100vh;
	color: #fff;
	font-size: 0
}

.section-2 .cols {
	position: relative;
	float: left;
	overflow: hidden;
	width: 33.3333%;
	height: 100%;
	transition: height .4s linear;
	perspective: 2500px
}

.section-2 .cols .back,.section-2 .cols .front {
	position: absolute;
	width: 100%;
	height: 100%;
	height: 100vh;
	transition: all .6s
}

.section-2 .cols:first-child,.section-2 .cols:first-child .back,.section-2 .cols:first-child .front {
	transition-delay: 0
}

.section-2 .cols .back {
	z-index: 10;
	background-color: #ffd200;
	transform-style: preserve-3d;
	backface-visibility: hidden
}

.section-2 .cols .front {
	position: absolute;
	top: 0;
	width: 100%;
	transform: rotateY(-180deg);
	transform-style: preserve-3d;
	backface-visibility: hidden
}

.section-2 .cols:first-child .group:first-child {
	background-color: #05abbf
}

.section-2 .cols:first-child .group:last-child {
	background-color: #f8664e
}

.section-2 .cols:nth-child(2) {
	-ms-flex: 1;
	flex: 1;
	transition-delay: .1s
}

.section-2 .cols:nth-child(2) .group:first-child {
	background-color: #f2ab13
}

.section-2 .cols:nth-child(2) .group:last-child {
	background-color: #5e5ae2
}

.section-2 .cols:last-child,.section-2 .cols:nth-child(2) .back,.section-2 .cols:nth-child(2) .front {
	transition-delay: .2s
}

.section-2 .cols:last-child .group:first-child {
	background-color: #363b3d
}

.section-2 .cols:last-child .group:last-child {
	background-color: #8eb131
}

.section-2 .cols:last-child .back,.section-2 .cols:last-child .front {
	transition-delay: .3s
}

.section-2 .group {
	position: absolute;
	overflow: hidden;
	width: 100%;
	transition: height .5s
}

.section-2 .group .content-wrapper {
	height: 100vh
}

.section-2 .group:first-child {
	top: 0
}

.section-2 .group:first-child .content-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.section-2 .group:last-child {
	bottom: 0
}

.section-2 .group:last-child .content-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.section-2 .group table {
	width: 100%;
	height: 100%;
	table-layout: fixed
}

.section-2 .group table tr td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	font-size: 14px
}

.section-2 .group table tr td .icon {
	display: block;
	margin-bottom: 60px;
	height: 120px;
	text-align: center;
	font-size: 8.5em
}

.section-2 .group table tr td .icon i {
	display: block
}

.section-2 .group table tr td .title {
	margin-bottom: 30px;
	font-size: 2em
}

.section-2 .group table tr td .text {
	min-height: 44px;
	font-size: 1em;
	width: 80%;
	margin: 0 auto
}

@media(min-width:1440px) {
	.section-2 .group table tr td {
		font-size: 16px
	}

	.section-2 .group table tr td .icon-plugin {
		font-size: .84em;
		line-height: 134px
	}

	.section-2 .group table tr td .icon-console {
		font-size: .96em
	}

	.section-2 .group table tr td .icon-microscope {
		font-size: 1.06em
	}

	.section-2 .group table tr td .icon-launcher {
		font-size: .96em
	}

	.section-2 .group table tr td .icon {
		height: 150px
	}

	.section-2 .group table tr td .icon i {
		line-height: 150px
	}
}

@media(min-width:1680px) {
	.section-2 .group table tr td {
		font-size: 20px
	}

	.section-2 .group table tr td .icon-plugin {
		font-size: 150px;
		line-height: 165px
	}

	.section-2 .group table tr td .icon {
		height: 165px
	}
}

@media(min-width:1920px) {
	.section-2 .group table tr td {
		font-size: 20px
	}

	.section-2 .group table tr td .icon-plugin {
		font-size: 152px;
		line-height: 180px
	}

	.section-2 .group table tr td .icon {
		height: 180px
	}
}

@media(min-width:2560px) {
	.section-2 .group table tr td {
		font-size: 26px
	}

	.section-2 .group table tr td .icon-plugin {
		font-size: 190px;
		line-height: 225px
	}

	.section-2 .group table tr td .icon {
		overflow: hidden;
		height: 250px
	}

	.section-2 .group table tr td .icon i {
		line-height: 250px
	}

	.section-2 .group table tr td .icon .icon-microscope {
		font-size: 1em;
		line-height: 240px
	}
}

.section-2 .expanded {
	z-index: 10;
	height: 100%;
	height: 100vh
}

.section-2 .folded {
	z-index: 10;
	height: 0
}

.section-2.animate-in .features .cols .back {
	transform: rotateY(180deg)
}

.section-2.animate-in .features .cols .front {
	transform: rotateY(0)
}

.section-2.animate-out .cols {
	height: 1px
}

.section-2.animate-out .features .cols .back {
	transform: rotateY(180deg)
}

.section-2.animate-out .features .cols .front {
	transform: rotateY(0)
}

.super-container.active-1 .section-1 {
	z-index: 21
}

.super-container.active-1 .section-2,.super-container.active-2 .section-1 {
	z-index: 11
}

.super-container.active-2 .section-2 {
	z-index: 21
}

.super-container.active-2 .section-3,.super-container.active-2 .section-4 {
	z-index: 11
}

.section-3 {
	background-color: #414859
}

.section-3 table {
	width: 100%;
	height: 100%
}

.section-3 table td {
	vertical-align: middle
}

.section-3 .title {
	margin-top: 40px;
	margin-bottom: 100px;
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 50px;
	transition: all .5s;
	font-family: roboto slab,helvetica neue,Helvetica,hiragino sans gb,Arial,sans-serif
}

.section-3 .brace,.section-3 .tool-desc {
	opacity: 0;
	transition: all .25s;
	color: #fff
}

.section-3 .boxes-container {
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	padding: 0 40px;
	font-size: 0
}

.section-3 .cols {
	position: relative;
	display: inline-block;
	width: 25%;
	text-align: center;
	-ms-flex-positive: 1;
	flex-grow: 1;
	perspective: 1200px
}

.section-3 .tool-desc {
	margin: 0 auto 18px;
	width: 90%;
	height: 100px;
	text-align: left;
	font-size: 18px;
	transform: translateY(50px)
}

.section-3 .brace {
	overflow: hidden;
	margin-right: 18px;
	font-size: 30px;
	transform: translateY(30px)
}

.section-3 .box-wrapper {
	display: inline-block;
	width: 170px
}

.section-3 .box,.section-3 .box .side {
	width: 120px;
	display: inline-block;
	box-sizing: border-box;
	height: 120px
}

.section-3 .box-opend .brace,.section-3 .box-opend .tool-desc {
	opacity: 1;
	transform: none
}

.section-3 .box-opend .brace {
	opacity: 1;
	transform: translateY(0)
}

.section-3 .box-opend .box .top .lid-left {
	transform: rotateY(-120deg)
}

.section-3 .box-opend .box .top .lid-right {
	transform: rotateY(126deg)
}

.section-3 .box {
	z-index: 10;
	margin-top: 100px;
	margin-left: -68px;
	text-align: center;
	font-size: 0;
	opacity: 0;
	transition: all .3s;
	transform: translateY(-300px) rotateY(-36deg) rotateX(-15deg) rotateZ(10deg);
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}

.section-3 .box .side {
	position: absolute;
	z-index: 38;
	border: 1px solid #3f515f;
	background-color: #0390a1;
	transition: all .25s;
	transform-style: preserve-3d
}

.section-3 .box .top {
	position: absolute;
	top: -120px;
	left: 0;
	box-sizing: border-box;
	background-color: transparent;
	font-size: 0;
	transform: rotateX(90deg);
	transform-origin: bottom
}

.section-3 .box .top .lid-left,.section-3 .box .top .lid-right {
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	height: 120px;
	background-color: #0390a1;
	transition: all .25s
}

.section-3 .box .top .lid-left {
	transform-origin: left
}

.section-3 .box .top .lid-right {
	transform-origin: right
}

.section-3 .box .front {
	left: 0;
	height: 110px;
	border-top: 1px solid #3f515f;
	color: #fff;
	font-size: 67px;
	line-height: 120px;
	transform-origin: right top
}

.section-3 .box .front .icon-update {
	display: block;
	margin-top: 27px;
	font-size: 54px
}

.section-3 .box .left {
	right: 100%;
	height: 110px;
	border-top: 2px solid #3f515f;
	transform: rotateY(-90deg);
	transform-origin: right
}

.section-3 .box .right {
	left: 100%;
	padding: 12px 0 0 12px;
	height: 110px;
	color: #414859;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	transform: rotateY(90deg);
	transform-origin: center;
	transform-origin: left top;
	font-family: roboto slab,helvetica neue,Helvetica,hiragino sans gb,Arial,sans-serif
}

.section-3 .box .back {
	position: absolute;
	z-index: 37;
	left: 0;
	height: 110px;
	transform: translateZ(-120px)
}

@media(min-width:1024px) {
	.section-3 .boxes-container {
		margin: 0 auto;
		width: 1000px
	}

	.section-3 .box {
		margin-left: -78px
	}

	.section-3 .tool-desc {
		width: 90%;
		height: 80px
	}

	.section-3 .brace {
		width: 100%;
		font-size: 36px
	}
}

@media(min-width:1280px) {
	.section-3 .boxes-container {
		margin: 0 auto;
		width: 1160px
	}

	.section-3 .title {
		margin-bottom: 60px
	}

	.section-3 .box {
		margin-left: -78px
	}

	.section-3 .box .right {
		font-size: 18px
	}

	.section-3 .box .front {
		font-size: 62px
	}

	.section-3 .box .front .icon-filter {
		font-size: 60px
	}

	.section-3 .brace {
		width: 100%
	}

	.section-3 .tool-desc {
		height: 80px
	}
}

@media(min-width:1440px) {
	.section-3 .boxes-container {
		margin: 0 auto;
		width: 1160px
	}

	.section-3 .box,.section-3 .box .side {
		width: 120px;
		height: 120px
	}

	.section-3 .box {
		margin-left: -75px
	}

	.section-3 .box .back,.section-3 .box .front,.section-3 .box .left,.section-3 .box .right {
		height: 110px
	}

	.section-3 .box .right {
		padding: 12px 0 0 16px;
		line-height: 1.1
	}

	.section-3 .box .front {
		padding: 26px;
		font-size: 60px;
		line-height: 60px
	}

	.section-3 .box .front .icon-update {
		margin-top: 4px;
		font-size: 50px
	}

	.section-3 .box .front .icon-test-speed {
		font-size: 56px
	}

	.section-3 .tool-desc {
		width: 88%;
		height: 100px;
		font-size: 20px
	}

	.section-3 .brace {
		overflow: hidden;
		margin-right: 18px;
		width: 100%;
		color: #fff;
		font-size: 34px;
		opacity: 0;
		transition: all .25s;
		transform: translateY(30px)
	}
}

@media(min-width:1680px) {
	.section-3 .boxes-container {
		margin: 0 auto;
		width: 1440px
	}

	.section-3 .cols {
		perspective: 2000px
	}

	.section-3 .title {
		margin-bottom: 80px;
		font-size: 60px
	}

	.section-3 .box-wrapper {
		display: inline-block;
		width: 270px
	}

	.section-3 .box,.section-3 .box .side {
		width: 160px;
		height: 160px
	}

	.section-3 .box {
		margin-top: 160px;
		margin-left: -100px
	}

	.section-3 .box .back,.section-3 .box .front,.section-3 .box .left,.section-3 .box .right {
		height: 140px
	}

	.section-3 .box .back {
		transform: translateZ(-160px)
	}

	.section-3 .box .top {
		top: -160px
	}

	.section-3 .box .top .lid-left,.section-3 .box .top .lid-right {
		box-sizing: border-box;
		height: 160px;
		transition: all .25s
	}

	.section-3 .box .front {
		padding: 30px;
		font-size: 80px;
		line-height: 90px
	}

	.section-3 .box .front .icon-update {
		margin-top: 6px;
		font-size: 70px
	}

	.section-3 .box .right {
		padding: 20px 0 0 20px;
		font-size: 22px;
		line-height: 1.3
	}

	.section-3 .tool-desc {
		margin: 0 auto 38px;
		width: 64%;
		height: 80px;
		font-size: 22px
	}

	.section-3 .brace {
		width: 100%;
		font-size: 40px
	}
}

@media(min-width:1920px) {
	.section-3 .boxes-container {
		margin: 0 auto;
		width: 1680px
	}

	.section-3 .cols {
		perspective: 2000px
	}

	.section-3 .title {
		margin-bottom: 80px;
		font-size: 68px
	}

	.section-3 .box-wrapper {
		display: inline-block;
		width: 370px
	}

	.section-3 .box,.section-3 .box .side {
		width: 180px;
		height: 180px
	}

	.section-3 .box {
		margin-top: 120px;
		margin-left: -120px
	}

	.section-3 .box .back,.section-3 .box .front,.section-3 .box .left,.section-3 .box .right {
		height: 160px
	}

	.section-3 .box .front {
		padding: 30px;
		font-size: 80px;
		line-height: 110px
	}

	.section-3 .box .front .icon-update {
		margin-top: 12px;
		font-size: 70px
	}

	.section-3 .box .right {
		padding: 18px 0 0 30px;
		font-size: 26px;
		line-height: 1.2
	}

	.section-3 .box .back {
		transform: translateZ(-180px)
	}

	.section-3 .box .top {
		top: -180px
	}

	.section-3 .box .top .lid-left,.section-3 .box .top .lid-right {
		box-sizing: border-box;
		height: 180px;
		transition: all .25s
	}

	.section-3 .tool-desc {
		margin: 0 auto 38px;
		width: 56%;
		height: 100px;
		font-size: 26px
	}

	.section-3 .brace {
		overflow: hidden;
		margin-right: 18px;
		width: 100%;
		color: #fff;
		font-size: 46px;
		opacity: 0;
		transition: all .25s;
		transform: translateY(30px)
	}
}

@media(min-width:2200px) {
	.section-3 .boxes-container {
		margin: 0 auto;
		width: 1680px
	}

	.section-3 .cols {
		perspective: 2000px
	}

	.section-3 .title {
		margin-top: 40px;
		margin-bottom: 120px;
		font-size: 88px
	}

	.section-3 .box-wrapper {
		display: inline-block;
		width: 370px
	}

	.section-3 .box,.section-3 .box .side {
		width: 180px;
		height: 180px
	}

	.section-3 .box {
		margin-top: 140px;
		margin-left: -120px
	}

	.section-3 .box .back,.section-3 .box .front,.section-3 .box .left,.section-3 .box .right {
		height: 160px
	}

	.section-3 .box .front {
		padding: 30px;
		font-size: 80px;
		line-height: 110px
	}

	.section-3 .box .front .icon-update {
		margin-top: 12px;
		font-size: 70px
	}

	.section-3 .box .front .icon-filter,.section-3 .box .front .icon-test-speed {
		font-size: 80px
	}

	.section-3 .box .right {
		padding: 18px 0 0 30px;
		font-size: 26px;
		line-height: 1.2
	}

	.section-3 .box .back {
		transform: translateZ(-180px)
	}

	.section-3 .box .top {
		top: -180px
	}

	.section-3 .box .top .lid-left,.section-3 .box .top .lid-right {
		box-sizing: border-box;
		height: 180px;
		transition: all .25s
	}

	.section-3 .tool-desc {
		margin: 0 auto 38px;
		width: 56%;
		height: 100px;
		font-size: 26px
	}

	.section-3 .brace {
		overflow: hidden;
		margin-right: 18px;
		width: 100%;
		color: #fff;
		font-size: 46px;
		opacity: 0;
		transition: all .25s;
		transform: translateY(30px)
	}
}

.section-3 .cols:first-child .box {
	transition-delay: 0s
}

.section-3 .cols:nth-child(2) .box {
	transition-delay: .08s
}

.section-3 .cols:nth-child(3) .box {
	transition-delay: .14s
}

.section-3 .cols:last-child .box {
	transition-delay: .2s
}

.section-3.animate-in .box {
	opacity: 1;
	transform: rotateY(-40deg) rotateX(-4deg) rotateZ(4deg)
}

.section-3.animate-out .box {
	opacity: 0;
	transform: translateY(-100px) rotateY(-36deg) rotateX(-15deg) rotateZ(10deg)
}

.super-container.active-3 .section-1,.super-container.active-3 .section-2 {
	z-index: 11
}

.super-container.active-3 .section-3 {
	z-index: 21
}

.super-container.active-3 .section-4,.super-container.active-4 .section-1,.super-container.active-4 .section-2,.super-container.active-4 .section-3 {
	z-index: 11
}

.section-4 {
	background-color: transparent;
	color: #fff
}

.section-4.active-jumei {
	background-color: #3c81df
}

.section-4.active-jumei .users-wrapper .item.jumei .logo {
	background-color: #fff;
	color: #3c81df
}

.section-4.active-jiecao {
	background-color: #e3a520
}

.section-4.active-jiecao .users-wrapper .item.jiecao .logo {
	background-color: #fff;
	color: #e3a520
}

.section-4.active-jd {
	background-color: #d85245
}

.section-4.active-jd .users-wrapper .item.jd .logo {
	background-color: #fff;
	color: #d85245
}

.section-4.active-ebaoyang {
	background-color: #11b076
}

.section-4.active-ebaoyang .users-wrapper .item.ebaoyang .logo {
	background-color: #fff;
	color: #11b076
}

.section-4.active-xiachufang {
	background-color: #9e5c42
}

.section-4.active-xiachufang .users-wrapper .item.xiachufang .logo {
	background-color: #fff;
	color: #9e5c42
}

.section-4 .content-wrapper {
	padding-bottom: 80px
}

.section-4 table {
	width: 100%;
	height: 100%
}

.section-4 table td {
	vertical-align: middle
}

.section-4 .title {
	margin-bottom: 120px;
	text-align: center;
	font-weight: 400;
	font-size: 50px;
	transition: all .5s;
	transform: translateY(120px);
	font-family: roboto slab,helvetica neue,Helvetica,hiragino sans gb,Arial,sans-serif
}

.section-4 .users-wrapper {
	position: relative;
	margin: 0 auto 60px;
	max-width: 1020px;
	text-align: center;
	transition: all .5s
}

.section-4 .users-wrapper .item {
	display: inline-block;
	margin: 0 20px;
	width: 120px;
	height: 120px;
	vertical-align: top
}

.section-4 .users-wrapper .item .logo {
	position: relative;
	display: inline-block;
	margin-bottom: 80px;
	width: 120px;
	height: 120px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: 0 0;
	font-size: 78px;
	line-height: 126px;
	cursor: pointer;
	transition: all .3s
}

.section-4 .users-wrapper .item .logo:after {
	position: absolute;
	margin-left: -14px;
	opacity: 0;
	transition: all .1s
}

.section-4 .users-wrapper .item .logo i {
	display: inline-block;
	transition: transform .3s;
	pointer-events: none
}

.section-4 .users-wrapper .item .words {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	font-size: 20px;
	opacity: 0;
	transform: translateY(60px);
	pointer-events: none;
	padding: 0 20px
}

.section-4 .users-wrapper .item.words-appear .logo,.section-4 .users-wrapper .item.words-appear .logo i {
	transform: rotateZ(0)
}

.section-4 .users-wrapper .item.words-appear .logo:after {
	opacity: 1
}

.section-4 .users-wrapper .item.words-appear .words {
	opacity: 1;
	transition: all .4s;
	transform: translateY(0)
}

.section-4 .users-wrapper .item.words-disappear .words {
	opacity: 0;
	transform: translateY(-40px)
}

.section-4 .users-wrapper .item.ebaoyang .logo,.section-4 .users-wrapper .item.jd .logo,.section-4 .users-wrapper .item.jiecao .logo {
	font-size: 90px
}

.section-4 .users-wrapper .item.xiachufang .logo {
	font-size: 54px
}

@media(min-width:1440px) {
	.section-4 .title {
		margin-bottom: 120px;
		font-size: 64px
	}
}

@media(min-width:1680px) and (max-width:1919px) {
	.section-4 .title {
		margin-bottom: 120px;
		font-size: 60px
	}

	.section-4 .users-wrapper {
		margin-bottom: 120px;
		max-width: 1280px
	}

	.section-4 .users-wrapper .item {
		margin: 0 40px;
		width: 160px;
		height: 160px
	}

	.section-4 .users-wrapper .item .logo {
		margin-bottom: 100px;
		width: 160px;
		height: 160px;
		font-size: 84px;
		line-height: 166px
	}

	.section-4 .users-wrapper .item .logo:after {
		bottom: -40px;
		left: 50%;
		margin-left: -14px;
		border: 14px solid transparent;
		border-top-width: 26px;
		border-top-color: #fff;
		border-radius: 0;
		opacity: 1;
		transition: all .1s
	}

	.section-4 .users-wrapper .item.ebaoyang .logo,.section-4 .users-wrapper .item.jd .logo,.section-4 .users-wrapper .item.jiecao .logo {
		font-size: 100px
	}

	.section-4 .users-wrapper .item .words {
		font-size: 26px
	}
}

@media(min-width:1920px) and (max-width:2199px) {
	.section-4 .title {
		margin-bottom: 180px;
		font-size: 80px
	}

	.section-4 .content-wrapper {
		margin-bottom: 120px
	}

	.section-4 .users-wrapper {
		max-width: 1440px
	}

	.section-4 .users-wrapper .item {
		margin: 0 40px;
		width: 180px;
		height: 180px
	}

	.section-4 .users-wrapper .item .logo {
		margin-bottom: 140px;
		width: 180px;
		height: 180px;
		font-size: 84px;
		line-height: 186px
	}

	.section-4 .users-wrapper .item.ebaoyang .logo,.section-4 .users-wrapper .item.jd .logo,.section-4 .users-wrapper .item.jiecao .logo {
		font-size: 100px
	}

	.section-4 .users-wrapper .item .words {
		font-size: 28px
	}
}

@media(min-width:2200px) {
	.section-4 .content-wrapper {
		padding-bottom: 160px
	}

	.section-4 .title {
		margin-bottom: 180px;
		font-size: 80px
	}

	.section-4 .users-wrapper {
		max-width: 1440px
	}

	.section-4 .users-wrapper .item {
		margin: 0 40px;
		width: 180px;
		height: 180px
	}

	.section-4 .users-wrapper .item .logo {
		margin-bottom: 140px;
		width: 180px;
		height: 180px;
		font-size: 84px;
		line-height: 186px
	}

	.section-4 .users-wrapper .item.ebaoyang .logo,.section-4 .users-wrapper .item.jd .logo,.section-4 .users-wrapper .item.jiecao .logo {
		font-size: 100px
	}

	.section-4 .users-wrapper .item .words {
		font-size: 28px
	}
}

.section-4.ready {
	top: 100%;
	transition: top .5s,background-color .8s
}

.section-4.animate-in {
	top: 0
}

.section-4.animate-in .title {
	transform: none
}

.section-4.animate-in .users-wrapper {
	opacity: 1
}

.super-container.active-4 .section-4 {
	z-index: 21
}

.super-container.active-4 .section-5,.super-container.active-5 .section-1,.super-container.active-5 .section-2,.super-container.active-5 .section-3,.super-container.active-5 .section-4 {
	z-index: 11
}

.section-5 {
	background-color: #ffd200
}

.section-5 table {
	width: 100%;
	height: 100%
}

.section-5 table td {
	vertical-align: middle;
	text-align: center
}

.section-5 .brand-animate {
	display: inline-block;
	overflow: hidden;
	margin-bottom: 80px;
	font-size: 0;
	transition: all .5s
}

.section-5 .brand-animate i {
	display: inline-block;
	margin: 0 2px;
	vertical-align: middle;
	font-size: 80px
}

.section-5 .brand-animate i.icon-r {
	margin-left: 8px
}

.section-5 .brand-animate i.i-behind {
	margin-left: 16px
}

.section-5 .brand-animate i.icon-m {
	margin-left: 8px
}

.section-5 .brand-animate .icon-comma.trans {
	overflow: hidden;
	margin-bottom: 18px;
	height: 16px;
	vertical-align: bottom
}

.section-5 .brand-animate .cursor {
	display: inline-block;
	margin-left: 4px;
	width: 2px;
	height: 100px;
	background: #000;
	content: ' ';
	vertical-align: middle;
	transition: all .35s;
	animation: cursor-flash .6s linear infinite forwards
}

.section-5 .brand-animate.typed-finish .cursor {
	opacity: 0;
	animation: none;
	animation-play-state: paused
}

@media(min-width:1680px) {
	.section-5 .brand-animate i {
		font-size: 120px
	}

	.section-5 .brand-animate .icon-comma.trans {
		margin-bottom: 40px;
		height: 18px
	}

	.section-5 .brand-animate .cursor {
		margin-left: 8px;
		height: 200px;
		content: ' ';
		transition: all .35s
	}
}

@media(min-width:2200px) {
	.section-5 .brand-animate i {
		font-size: 140px
	}

	.section-5 .brand-animate .icon-comma.trans {
		margin-bottom: 30px;
		height: 23px
	}

	.section-5 .brand-animate .cursor {
		margin-left: 8px;
		height: 200px;
		content: ' ';
		transition: all .35s
	}
}

.section-5 .thumbsup-wrapper {
	position: absolute;
	bottom: 0;
	bottom: 8%;
	left: 0;
	margin-top: 120px;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition: all .5s;
	transform: translateY(80px)
}

.section-5 .thumbsup-wrapper .brace-content,.section-5 .thumbsup-wrapper .face,.section-5 .thumbsup-wrapper .icon-thumbsup {
	display: inline-block;
	vertical-align: middle;
	transition: all .25s
}

.section-5 .thumbsup-wrapper .icon-brace-left,.section-5 .thumbsup-wrapper .icon-brace-right {
	display: inline-block;
	vertical-align: middle;
	font-size: 78px;
	transition: all .25s
}

.section-5 .thumbsup-wrapper .icon-brace-right {
	text-align: right
}

.section-5 .thumbsup-wrapper .icon-thumbsup {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 0 8px;
	font-size: 40px;
	line-height: 72px
}

.section-5 .thumbsup-wrapper .brace-group {
	display: inline-block;
	font-size: 0;
	cursor: pointer
}

.section-5 .thumbsup-wrapper .brace-content {
	position: relative;
	overflow: hidden;
	width: 54px;
	height: 74px
}

.section-5 .thumbsup-wrapper .brace-content.face-up .icon-thumbsup {
	opacity: 0;
	transform: translateY(-60px)
}

.section-5 .thumbsup-wrapper .brace-content.face-up .face {
	opacity: 1;
	transform: translateY(0)
}

.section-5 .thumbsup-wrapper .brace-content.face-up .face .icon-mouth {
	animation: smile .6s linear 1;
	animation-delay: .6s
}

.section-5 .thumbsup-wrapper .brace-content.face-up .face .icon-comma-eye.right {
	display: inline-block;
	animation: blink .6s linear 1;
	animation-delay: .6s
}

.section-5 .thumbsup-wrapper .are-you-like {
	margin-top: 16px;
	min-height: 22px;
	letter-spacing: .8px;
	font-weight: 700;
	font-size: 16px;
	font-family: roboto slab,helvetica neue,Helvetica,hiragino sans gb,Arial,sans-serif
}

.section-5 .thumbsup-wrapper .face {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	line-height: 65px;
	opacity: 0;
	transform: translateY(65px)
}

.section-5 .thumbsup-wrapper .face .icon-comma-eye {
	margin: 0 4px;
	font-size: 22px
}

.section-5 .thumbsup-wrapper .face .icon-mouth {
	display: block;
	margin-top: -18px;
	font-size: 11px
}

.section-5 .thumbsup-wrapper .brace-group:hover .icon-brace-left {
	margin-right: 3px
}

.section-5 .thumbsup-wrapper .brace-group:hover .icon-brace-right {
	margin-left: 3px
}

.section-5 .thumbsup-wrapper .brace-group.face-up:hover .icon-brace-left {
	margin-right: 0
}

.section-5 .thumbsup-wrapper .brace-group.face-up:hover .icon-brace-right {
	margin-left: 0
}

.section-5 .thumbsup-wrapper.appear {
	bottom: 4%;
	opacity: 1;
	transform: none
}

@media(min-width:1024px) and (max-width:1500px) {
	.section-5 .thumbsup-wrapper {
		transform: translateY(80px)
	}

	.section-5 .thumbsup-wrapper .icon-brace-left,.section-5 .thumbsup-wrapper .icon-brace-right {
		display: inline-block;
		vertical-align: middle;
		font-size: 60px;
		transition: all .25s
	}

	.section-5 .thumbsup-wrapper .icon-brace-right {
		text-align: right
	}

	.section-5 .thumbsup-wrapper .icon-thumbsup {
		padding: 0;
		font-size: 28px;
		line-height: 48px
	}

	.section-5 .thumbsup-wrapper .brace-content {
		width: 44px;
		height: 50px
	}

	.section-5 .thumbsup-wrapper .brace-content.face-up .icon-thumbsup {
		opacity: 0;
		transform: translateY(-38px)
	}

	.section-5 .thumbsup-wrapper .brace-content.face-up .face {
		transform: translateY(0) scale(.8)
	}

	.section-5 .thumbsup-wrapper .face {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		display: inline-block;
		margin: 0 auto;
		vertical-align: middle;
		text-align: center;
		line-height: 46px;
		opacity: 0;
		transition: all .25s;
		transform: translateY(38px) scale(.8)
	}

	.section-5 .thumbsup-wrapper .face .icon-comma-eye {
		margin: 0 4px;
		font-size: 22px
	}

	.section-5 .thumbsup-wrapper .face .icon-mouth {
		display: block;
		margin-top: -12px;
		font-size: 12px
	}

	.section-5 .thumbsup-wrapper .brace-group:hover .icon-brace-left {
		margin-right: 3px
	}

	.section-5 .thumbsup-wrapper .brace-group:hover .icon-brace-right {
		margin-left: 3px
	}

	.section-5 .brand-animate i.icon-i,.section-5 .thumbsup-wrapper .brace-group.face-up:hover .icon-brace-right {
		margin-left: 0
	}

	.section-5 .thumbsup-wrapper .brace-group.face-up:hover .icon-brace-left {
		margin-right: 0
	}

	.section-5 .thumbsup-wrapper .are-you-like {
		margin-top: 8px
	}

	.section-5 .brand-animate .icon-comma.trans {
		margin-bottom: 20px;
		height: 12px
	}

	.section-5 .brand-animate i.i-behind,.section-5 .brand-animate i.icon-m,.section-5 .brand-animate i.icon-r {
		margin-left: 4px
	}

	.section-5 .brand-animate .cursor {
		height: 120px
	}
}

@media(min-width:2200px) {
	.section-5 .brand-animate {
		margin-bottom: 160px
	}

	.section-5 .thumbsup-wrapper.appear {
		bottom: 12%
	}
}

.section-5.ready {
	top: 100%;
	transition: top .5s
}

.section-5.animate-in {
	top: 0
}

.super-container.active-5 .section-5 {
	z-index: 21
}

@keyframes beating {
	0%,100% {
		transform: scale(1)
	}

	25% {
		transform: scale(1.2)
	}

	50% {
		transform: scale(.9)
	}
}

@keyframes largen {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(50)
	}
}

@keyframes rotating {
	0% {
		transform: rotate(0) rotateY(-20deg)
	}

	50% {
		transform: rotate(180deg) rotateY(-20deg)
	}

	100% {
		transform: rotate(360deg) rotateY(-20deg)
	}
}

@keyframes undulate {
	0%,100%,50% {
		transform: translate3d(0,0,0)
	}

	25% {
		transform: translate3d(-6px,-18px,0)
	}

	75% {
		transform: translate3d(6px,10px,0)
	}
}

@keyframes plane-out {
	0% {
		transform: scale(1) translateX(0)
	}

	30% {
		transform: scale(.8) translateX(160px)
	}

	100% {
		transform: scale(1.2) translateX(-2000px)
	}
}

@keyframes cursor-flash {
	0%,100% {
		opacity: 0
	}

	30% {
		opacity: 1
	}
}

@keyframes smile {
	0%,100% {
		transform: none
	}

	50% {
		transform: rotateZ(-19deg) translateX(2px)
	}
}

@keyframes blink {
	0%,100% {
		transform: none
	}

	50% {
		transform: scaleY(.5)
	}
}