@charset "UTF-8";
/* CSS Document */

#wrapper {
    width: 1551px;
    height: 2860px;
}

#animated_contents {
	position: absolute;
	width: 1270px;
	height: 2860px;
	margin-top: 5px;
	margin-left: 281px;
}

.animated-container {
	position: relative;
	top: -9px;
	left: 281px;
	height: 45px;
	width: 1270px;
	border-bottom: solid;
	border-bottom-width: 1px;
	cursor: default;
}

.animated {
	font-family: quasimoda, sans-serif;
    font-size: 26px;
    font-style: normal;
	font-weight: 100;
    color: rgba(0,0,0,1.00);
	cursor: text;
}

.left-border {
	position: absolute;
	left: 0px;
	width: 75px;
	height: 250px;
	background-color: rgba(255, 255, 255, 0.75);
}

.right-border {
	position: absolute;
	right: 0px;
	width: 75px;
	height: 250px;
	background-color: rgba(255, 255, 255, 0.75);
}

.bottom-border {
	position: absolute;
	bottom: -35px;
	width: 250px;
	height: 35px;
	background-color: rgba(0, 0, 0, 1.00);
	display: flex;
    align-items: center;
	justify-content: flex-start;
	font-family: quasimoda, sans-serif;
    font-size: 14px;
    font-style: normal;
	font-weight: 200;
    color: rgba(255,255,255,1.00);
	transition: 400ms;
	border-top: 1px solid white;
}

.text {
	position: absolute;
	top: -8px;
}

.el {
	cursor: pointer;
}

.el-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.el-container:hover .el {
	opacity: 1.00;
	transition: 400ms;
}

.sol {
	cursor: pointer;
}

.sol-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.sol-container:hover .sol {
	opacity: 1.00;
	transition: 400ms;
}

.hm {
	cursor: pointer;
}

.hm-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.hm-container:hover .hm {
	opacity: 1.00;
	transition: 400ms;
}

.cc {
	cursor: pointer;
}

.cc-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.cc-container:hover .cc {
	opacity: 1.00;
	transition: 400ms;
}

.sc {
	cursor: pointer;
}

.sc-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.sc-container:hover .sc {
	opacity: 1.00;
	transition: 400ms;
}

.ct {
	cursor: pointer;
}

.ct-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.ct-container:hover .ct {
	opacity: 1.00;
	transition: 400ms;
}

.mw {
	cursor: pointer;
}

.mw-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.mw-container:hover .mw {
	opacity: 1.00;
	transition: 400ms;
}

.fc {
	cursor: pointer;
}

.fc-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.fc-container:hover .fc {
	opacity: 1.00;
	transition: 400ms;
}

.l {
	cursor: pointer;
}

.l-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.l-container:hover .l {
	opacity: 1.00;
	transition: 400ms;
}

.acp {
	cursor: pointer;
}

.acp-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.acp-container:hover .acp {
	opacity: 1.00;
	transition: 400ms;
}

.ggp {
	cursor: pointer;
}

.ggp-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.ggp-container:hover .ggp {
	opacity: 1.00;
	transition: 400ms;
}

.cs {
	cursor: pointer;
}

.cs-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.cs-container:hover .cs {
	opacity: 1.00;
	transition: 400ms;
}

.mdc {
	cursor: pointer;
}

.mdc-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.mdc-container:hover .mdc {
	opacity: 1.00;
	transition: 400ms;
}

.cd {
	cursor: pointer;
}

.cd-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.cd-container:hover .cd {
	opacity: 1.00;
	transition: 400ms;
}

.ec {
	cursor: pointer;
}

.ec-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.ec-container:hover .ec {
	opacity: 1.00;
	transition: 400ms;
}

.magd {
	cursor: pointer;
}

.magd-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.magd-container:hover .magd {
	opacity: 1.00;
	transition: 400ms;
}

.apt {
	cursor: pointer;
}

.apt-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.apt-container:hover .apt {
	opacity: 1.00;
	transition: 400ms;
}

.grp {
	cursor: pointer;
}

.grp-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.grp-container:hover .grp {
	opacity: 1.00;
	transition: 400ms;
}

.el-container {
	position: absolute; 
	top: 230px;
	left: 230px;
	width: 400px; 
	height: 250px; 
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.el {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.sol-container {
	position: absolute;
	top: 230px;
	right: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.sol {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.hm-container {
	position: absolute;
	top: 490px;
	left: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.hm {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.cc-container {
	position: absolute;
	top: 490px;
	right: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.cc {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.sc-container {
	position: absolute;
	top: 750px;
	left: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.sc {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.ct-container {
	position: absolute;
	top: 750px;
	right: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.ct {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.mw-container {
	position: absolute;
	top: 1010px;
	right: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.mw {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.fc-container {
	position: absolute;
	top: 1010px;
	left: 230px;
	width: 400px; 
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.fc {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.l-container {
	position: absolute;
	top: 1270px;
	left: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.l {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.acp-container {
	position: absolute;
	top: 1270px;
	right: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.acp {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.ggp-container {
	position: absolute;
	top: 1530px;
	left: 230px;
	width: 400px; 
	height: 250px; 
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.ggp {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.cs-container {
	position: absolute;
	top: 1530px;
	right: 230px;
	width: 400px; 
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.cs {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.mdc-container {
	position: absolute;
	top: 1790px;
	left: 230px;
	width: 400px; 
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.mdc {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.cd-container {
	position: absolute;
	top: 1790px;
	right: 230px;
	width: 400px; 
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.cd {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.ec-container {
	position: absolute;
	top: 2050px;
	left: 230px;
	width: 400px; 
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.ec {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.magd-container {
	position: absolute;
	top: 2050px;
	right: 230px;
	width: 400px; 
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.magd {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.apt-container {
	position: absolute;
	top: 2310px;
	left: 230px;
	width: 400px; 
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.apt {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.grp-container {
	position: absolute;
	top: 2310px;
	left: 640px;
	width: 400px; 
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.grp {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.holder2 {
	position: absolute;
	bottom: 0px;
    width: 1280px;
    height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,1.00);
}