.logo{
	width: 115px;
	height: 52px;
	position: absolute;
	background: #3bf270;
}

.gates{
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	left: 12px;
	top: 12px;
	position: absolute;
}

.gatesMask{
	overflow: hidden;
	position: absolute;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
}

.gatesHor{
	width: 100%;
	height: 5px;
	background: #1a1a1a;
	position: absolute;
}

.gatesVertLeft{
	width: 5px;
	height: 100%;
	background: #1a1a1a;
	position: absolute;
}

.gatesVertRight{
	width: 5px;
	height: 100%;
	background: #1a1a1a;
	right: 0px;
	position: absolute;
}

.gatesLetter{
	height: 15px;
	bottom: -20px;
	position: absolute;
/*	transform: translate3d(0px, 20px, 0px);*/
}

.gatesLetterLow{
	height: 11px;
	bottom: -20px;
	position: absolute;
/*	transform: translate3d(0px, 20px, 0px);*/
}

.gatesBlock{
	width: 100%;
	height: 100%;
	top: 23px;
	position: absolute;
	transform-origin: top center;
	opacity: 0;
}

.gatesLetter1{
	left: 8px;
}

.gatesLetter2{
	left: 18px;
}

.gatesLetter3{
	left: 26px;
}

.gatesLetter4{
	left: 31px;
}

.gatesLetter5{
	right: 43px;
}

.gatesLetter6{
	right: 36px;
}

.gatesLetter7{
	right: 29.5px;
}

.gatesLetter8{
	right: 23px;
}

.gatesLetter9{
	right: 16px;
}

.gatesLetter10{
	right: 8px;
}