* {
	box-sizing : border-box;
}

body {
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
	position : absolute;
	overflow : auto;
	font-family : "roboto", sans-serif;
	font-size : 1.15rem;
	background : #2a2a40;
	color : #FFF;
}

.wrapper {
	width : 100%;
	height : auto;
	display : flex;
	flex-wrap : wrap;
}

.wrapper.abscenter,
.wrapper.center {
	justify-content : center;
}

.wrapper.abscenter {
	align-items : center;
	align-content : center;
}

.wrapper.right {
	justify-content : flex-end;
}

.wrapper.left {
	justify-content : flex-start;
}

.wrapper.topbar {
	height : 50px;
	flex-wrap : nowrap;
	align-items : center;
	align-content : center;
    position : relative;
    z-index : 2;
	background-color : #FFF;
}

.wrapper.topbar .wrapper.menu {
	width : 100%;
	height : 100%;
	padding : 0px 5px;
	justify-content : flex-end;
	align-items : center;
	align-content : center;
}

.wrapper.banner {
	height : 100%;
}

.wrapper.banner.frontface {
	position : relative;
	justify-content : center;
	align-items : flex-start;
	align-content : flex-start;
	overflow : hidden;
}

.wrapper.banner.frontface .wrapper.img {
	width : auto;
	height : 150px;
	margin-top : 10px;
}

.face-content {
	margin-top : 20px;
}

.wrapper.generic {
	width : 100%;
	padding : 100px 0% 0px;
	position : relative;
	color : #FFF;
}


.wrapper.generic div {
	mix-blend-mode: normal;
}

.wrapper.generic .wrapper.section {
	position : relative;
}

.wrapper.section {
	margin : 10px 0px;
}

.wrapper.header {
	padding : 10px;
}

.wrapper.header.wmd {
	width : 50%;
}

.wrapper.header.wlg {
	width : 75%;
}

.wrapper.section#services {
	margin-bottom : 200px;
}

.wrapper.tabs.grovey {
	height : 300px;
	flex-wrap : nowrap;
	justify-content : center;
	align-content : center;
	align-items : center;
}

.wrapper.tabs.grovey .wrapper.togglers {
	width : auto;
	position : relative;
	top : 40%;
}

.wrapper.tabs.grovey .wrapper.tab-contents {
	width : 70%;
	height : 100%;
	padding : 0px 20px;
	justify-content : center;
	align-content : flex-start;
	align-items : flex-start;
	position : relative;
	overflow-y: scroll;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.wrapper.tabs.grovey .wrapper.tab-contents::-webkit-scrollbar { /* WebKit */
	width: 0;
	height: 0;
}

.wrapper.slider.gravy .slider-content,
.wrapper.tabs.grovey .wrapper.tab {
	height : 100%;
	align-content : flex-start;
	align-items : flex-start;
}

.wrapper.slider.gravy .slider-content.active,
.wrapper.tabs.grovey .wrapper.tab.active {
	display : flex;
	animation : q-entrance 1.3s linear;
	animation-fill-mode : forwards;
}

.rotator-indicator {
	width : 200px;
	height : 200px;
	display : flex;
	justify-content : center;
	align-content : center;
	align-items : center;
	position : absolute;
	left : calc(50% - 100px);
	top : calc(50% - 100px);
	border-radius : 50%;
}
		
.wrapper.slider.gravy {
	width : 80%;
	height : auto;
	text-align : justify;
	position : relative;
}

.wrapper.slider.gravy .slider-content {
	height : 0px;
	overflow : hidden;
	opacity : 0;
	transition : height .5s ease-out, opacity .6s ease-out;
}

.wrapper.slider.gravy .slider-content.active {
	height : 400px;
	opacity : 1;
}

.wrapper.slider-content .wrapper.section {
	width : 50%;
	height : 100%;
}

.wrapper.slider-content .wrapper.section:not(.abscenter) {
	align-items : flex-start;
	align-content : flex-start;
}

.wrapper.slider-content .wrapper.section.sm {
	width : 25%;
}

.wrapper.grid {
	width : 100%;
	margin : 10px;
	position : absolute;
	bottom : 0px;
}

.wrapper.markers {
	margin : 10px 0px;
}

.wrapper.section#contacts {
	margin-top : 40px;
}

.wrapper.contact {
	width : 70%;
	height : 600px;
	margin : 10px 0px;
	padding : 0px 5px;
	color : #121212;
	position : relative;
}

.wrapper.cinfo,
.wrapper.form {
	width : 0px;
	height : 0px;
	overflow : hidden;
	position : absolute;
	top : 0px;
	left : 0px;
	opacity : 0;
	transition : width .6s ease-out, height .6s ease-out, opacity 1.2s ease-out;
}

.wrapper.cinfo {
}

.wrapper.cinfo.show {
	width : 100%;
	height : 400px;
	opacity : 1;
}

.wrapper.form.show {
	width : 100%;
	height : 600px;
	opacity : 1;
}

.wrapper.contact .wrapper.caption {
	width : calc(100% - 65px);
	height : calc(100% - 50px);
	padding : 10px;
	position : absolute;
	top : 0px;
	left : 15px;
	border-radius : 15px;
	overflow : visible;
	background : #009fe3;
	color : #FFF;
}

.wrapper.contact .wrapper.caption::after {
	width : calc(100% - 78px);
	height : calc(100% + 2px);
	content : "";
	display : flex;
	position : absolute;
	top : 48px;
	left : 83px;
	border-radius : 0px 15px 15px 15px;
	background : linear-gradient(30deg, #d9c0af, #a36757, #8dd2f0, #009fe3);
}

.wrapper.contact .wrapper.over {
	width : calc(100% - 102px);
	height : calc(100% - 52px);
	position : absolute;
	top : 50px;
	left : 100px;
	border-radius : 0px 0px 15px 15px;
	overflow : hidden;
	background-color : rgba(255, 255, 255, .98);
}

.wrapper.input {
	margin : 10px 0px;
}

.divider {
	border-right : 2px solid #009fe3;
	padding : 10px 40px 10px 10px;
}

.toggler.float {
	width : 80px;
	height : 80px;
	position : absolute;
	z-index : 4;
	display : flex;
	justify-content : center;
	align-content : center;
	align-items : center;
	background : #FFF;
	color : #009fe3;
}

.toggler.float:hover {
	cursor : pointer;
	background : #009fe3;
	color : #FFF;
}

.wrapper.contact .toggler.float {
	left : 15px;
	top : 0px;
	border-radius : 0% 50% 50% 50%;
	box-shadow : 5px -1px 5px 1px #008ac9;
}

.wrapper.contact .toggler.float.active {
	width : 80px;
	height : 80px;
	left : auto;
	right : 0px;
	top : 50px;
	border-radius : 50% 0px 50% 50%;
	box-shadow : -3px 0px 3px 1px #008ac9;
	background : #009fe3;
	color : #FFF;
	animation : unvanished 2s ease-in-out 1;
	animation-fill-mode : forwards;
}

.wrapper.contact .toggler.float:hover {
	box-shadow : 5px 0px 5px 1px #007ac9;
}

.wrapper.contact .toggler.float.active:hover {
	box-shadow : -5px 0px 5px 1px #008ac9;
}

.slider {
	width : 720px;
	overflow : hidden;
}

.wrapper.footer {
	padding : 15px 60px;
	align-items : center;
	align-content : center;
	background-color : #FFF;
	color : #121212;
}

.wrapper.footer .wrapper.logo {
	width : 140px;
	padding : 10px;
}

.wrapper.footer .wrapper.copyr {
	width : 100%;
	justify-content : center;
}

.wrapper.footer .wrapper.menu, 
.wrapper.footer .wrapper.info {
	width : auto;
	margin : 0px 60px 0px 10px;
}

.wrapper.window {
	height : calc(100% - 210px);
}

.wrapper.dialog {
	width : 80%;
	height : 80%;
	padding : 20px;
	display : flex;
	position : relative;
	border-radius : 10px;
	background-color : #FFF;
	color : #121212;
}

.wrapper.dialog.err {
	border : 1px solid #E73656;
}

.wrapper.dialog .wrapper.info {
	width : 80%;
	padding : 5px 20px;
}

.mini-grid {
	width : 60%;
	height : 440px;
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
}

/*********************************forms**************************************************/

form.form {
	width : 100%;
}

.wrapper.contact form.form {
	padding : 5px 100px 5px 20px;
}

input:not([type="checkbox"]):not([type="radio"]).input,
textarea.input,
select.input {
	width : 100%;
	padding : 10px;
	border-radius : 5px;
	border : 1px solid #AEAEAE;
	outline : none;
	font-family : roboto;
	font-size : 1rem;
}

input:not([type="checkbox"]):not([type="radio"]).input:focus,
textarea.input:focus,
select.input:focus {
	border-color : #009fe3;
}

button.button {
	border : none;
	padding : 10px 15px;
	border-radius : 5px;
	background-color : #555;
	color : #FFF;
}

button.lg {
	padding : 20px 30px;
}

button.button.submit {
	background-color : #00b953;
	cursor : pointer;
}

button.button.submit:hover {
	background-color : #00a953;
}


/**********************************************************lists************************/
.list.menu {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}

.list.grovel {
	width : 300px;
	height : 300px;
	margin : 0px;
	padding : 0px;
	list-style-type : none;
	position : relative;
	border-radius : 50%;
	box-shadow : 0px 0px 3px 2px #009fe3;
	background-color : #FFF;
	animation : pulsor 1s ease-in-out infinite;
}

.slider .list.horizontal.gridly {
	width : auto;
	margin : 0px;
	padding : 0px;
	display : flex;
	position : relative;
	align-content : center;
	align-items : center;
}

.list.info {
	list-style-type : none;
}

.list.horizontal.menu  {
	height : 100%;
}

.list.grid {
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}

.list.horizontal li {
	height : 100%;
	display : inline-flex;
}

.list.menu li {
	padding : 0px;
	margin : 0px;
}

.list.grovel li {
	position : absolute;
	z-index : -1;
	opacity : .3;
	transition : opacity .5s ease-out;
}

.list.grovel li.active {
	z-index : 2;
	opacity : 1;
}

.list.grovel li:nth-child(1) {
}

.list.grovel li:nth-child(2) {
	left : 60%;
	top : -5%;
}

.list.grovel li:nth-child(3) {
	left : 85%;
	top : 45%;
}

.list.grovel li:nth-last-child(2) {
	left : 45%;
	top : 85%;
}

.list.grovel li:nth-last-child(1) {
	left : -5%;
	top : 60%;
}

/**********************************************************links************************/
a.logo {
	width : auto;
	min-width : 120px;
	height : 100%;
	padding : 5px 10px;
	display : inline-flex;
}

.list.menu li a {
	height : 100%;
	padding : 0px 10px;
	display : inline-flex;
	justify-content : center;
	align-items : center;
	align-content : center;
	text-decoration : none;
	color : #101010;
}

.list.menu.vertical li a {
	width : 100%;
	height : auto;
	padding : 5px 10px;
	justify-content : flex-start;
}

.list.menu li a:hover {
	background-color : #009fe3;
	color : #FFF;
}

.wrapper.footer .list.info a {
	padding : 4px 0px;
	display : inline-block;
	font-size : .9rem;
}

.wrapper.contact ul.info li a {
	padding : 5px;
	display : inline-block;
}

.gridly li a {
	width : 160px;
	height : auto;
	margin : 5px 10px;
	display : inline-flex;
	justify-content : center;
	align-content : center;
	align-items : center;
	overflow : hidden;
	border-radius : 5px;
	background : linear-gradient(to bottom, #009fe3, #d9c0af);
}

.list.grovel li a {
	height : 80px;
	width : 80px;
	display : flex;
	justify-content : center;
	align-items : center;
	align-content : center;
	border-radius : 50%;
	background-color : #2a2a40;
}

.list.grovel li.active a {
	background-color : #009fe3;
	color : #FFF
}

.list.grid li a {
	width : 140px;
	height : 140px;
}

a.feature {
	width : 55px;
	height : 55px;
	margin : 0px 5px;
	position : relative;
	display : inline-flex;
	justify-content : center;
	align-items : center;
	align-content : center;
	cursor : default;
	border : 1px solid #2a2a40;
	border-radius : 5px;
	text-decoration : none;
	text-align : center;
	color : #101010;
	opacity : .5;
	transition : opacity 1.2s linear;
}

a.feature.action {
	cursor : pointer;
	width : 160px;
}

a.feature.action.alt {
	width : auto;
	padding : 40px 30px;
	opacity : 1;
	font-size : 1.5rem;
	font-weight : 600;
	border-radius : 25px;
	border : none;
	box-shadow : inset 0px 0px 2px 1px #2a2a40;
	color : #FFF;
}

a.feature:hover {
	border-color : #FFF;
	opacity : 1;
}

a.feature.action.alt:hover {
	box-shadow : inset 0px 0px 2px 1px #f3efd3;
	background : linear-gradient(-58deg, #a36757, #2a2a40), radial-gradient(#d9c0af, #009fe3), linear-gradient(68deg, #a36757, #d9c0af, #009fe3, #a36757);
	background-blend-mode : overlay;
	color : #FFF;
}

.wrapper.markers a.marker {
	width : 200px;
	height : 4px;
	display : inline-flex;
	padding : 0px;
	margin : 0px;
	overflow : hidden;
	background : #c3c3c3;
}

.wrapper.markers a.marker:first-of-type {
	border-radius : 5px 0px 0px 5px;
}

.wrapper.markers a.marker:last-of-type {
	border-radius : 0px 5px 5px 0px;
}

/**********************************************************images************************/
.wrapper.img img {
	width : 100%;
	height : auto;
}

img.logo {
	width : auto;
	height : 100%;
}

.wrapper.banner.frontface .wrapper.img img.logo {
	width : auto;
	height : 100%;
}

.wrapper.banner.frontface img.banner.face {
	width : auto;
	height : 142%;
	position : absolute;
	left : 0px;
	top : -15%;
	z-index : -1;
}

img.divider {
	height : 100px;
}

.wrapper.slider.gravy .wrapper.slider-content img {
	height : calc(100% - 40px);
	width : auto;
}

.list.grid li a img {
	width : auto;
	max-width : 100%;
	height : 80%;
}

.rotator-indicator img {
	width : 200px;
	height : auto;
}

.wrapper.footer .wrapper.logo img.logo {
	width : 100%;
	height : auto;
}

.gridly li a img {
	width : 100%;
	height : auto;
	max-height : 100%;
}

span.cover {
	display : block;
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : -1;
	background : linear-gradient(to top, rgba(27, 68, 151, .8), rgba(127, 241, 245, 0));
}

.wrapper.generic span.cover {
	width : 100%;
	height : 100%;
	display : flex;
	position : absolute;
	top : 0%;
	left : 0%;
	overflow : hidden;
	z-index : 0;
	background : #1E1E3E;
}

.wrapper.generic span.cover::before {
	content : " ";
	width : calc(100% + 30px);
	height : calc(100% + 10px);
	display : flex;
	position : absolute;
	top : -5px;
	left : -15px;
	background : linear-gradient(to bottom, rgba(27, 68, 151, .7), rgba(127, 241, 245, 0)), linear-gradient(30deg, #d9c0af, #a36757, #8dd2f0, #009fe3);
	background-size : cover;
	background-blend-mode : overlay;
	filter : blur(15px);
}

/**********************************************************text************************/
p {
	margin : 0px;
	padding : 0px;
}

p.title {
	width : 100%;
}

.wrapper.slider.gravy p.title {
	margin : 10px 0px;
	opacity : 0;
	font-size : 1.8rem;
}

.wrapper.slider.gravy p.title.inview {
	animation : getin-ghost 1.5s ease-out 2s 1;
	animation-fill-mode : forwards;
}

.wrapper.tabs.grovey p.title {
	margin : 20px 0px;
	font-size : 2rem;
	font-weight : 700;
	color : #d9c0af;
}

.wrapper.dialog p.title {
	font-size : 3rem;
}

.wrapper.dialog.err p.title {
	color : #E73656;
}

p.header {
	font-size : 2.3rem;
	font-weight : 900;
}

.wrapper.caption .caption {
	width : 100%;
	padding : 0px 10px;
	text-align : justify;
	font-weight : 600;
}

.wrapper.caption p.caption {
	margin-left : 80px;
	font-size : 1.5rem;
	font-weight : 700;
}

.wrapper.slider.gravy p.content, 
.wrapper.tabs.grovey p.content {
	text-align : justify;
	font-size : 1.4rem;
}

.wrapper.slider.gravy p.content {
	position : relative;
	top : 100%;
}

.wrapper.slider.gravy p.content.block {
	width : 100%;
	margin : 5px 0px;
	display : block;
}

.wrapper.slider.gravy p.content.inview {
	animation : getin 1.5s ease-out 1;
	animation-fill-mode : forwards;
}

.wrapper.slider.gravy p.content.text-right {
	text-align : right;
}

.wrapper.dialog .wrapper.info p.content {
	width : 100%;
	display : block;
}

.wrapper.banner.frontface .cname {
	height : 0px;
	margin-top : 13.5rem;
	position : relative;
	left : -20px;
	font-size : 17rem;
	line-height : 13.5rem;
	overflow : hidden;
	color : rgba(255, 255, 255, .6);
	background : url('/assets/images/bg/bgface-main.png');
	background-attachment : scroll;
	background-clip : text;
	mix-blend-mode: overlay;
	text-shadow : 2px 2px 1px #444;
	animation : cn-entrance .8s ease-out 1;
	animation-delay : 1s;
	animation-fill-mode : forwards;
}

.wrapper.banner.frontface .motto {
	width : 480px;
	overflow : hidden;
	font-size : 2.4rem;
	text-align : justify;
}

.wrapper.banner.frontface .motto::before {
	content : " ";
	width : 100%;
	height : 3px;
	display : block;
	background : linear-gradient(to right, #009fe3, #8dd2f0, #2a2a40, #a36757, #d9c0af);
}
		
.mini-grid p.item {
	width : calc(33.3333% - 20px);
	height : auto;
	min-height : 160px;
	margin : 40px 10px;
	padding : 10px;
	border-radius : 5px;
	text-align : center;
	font-size : 1.21rem;
	font-weight : 400;
	box-shadow : 0px 1px 0px 1px #9d9fb0;
	background-color : #FFF;
	color : #101010;
}

a.feature label.descriptor {
	width : 0px;
	height : 0px;
	position : absolute;
	top : 2px;
	left : 28px;
	display : inline-block;
	border-radius : 5px;
	font-size : 0.9rem;
	font-weight : 700;
	white-space : nowrap;
	overflow : hidden;
	transition : width .7s linear, height .7s linear;
	background-color : #FFF;
	color : #101010;
	z-index : 1;
}

a.feature:hover label.descriptor,
a.feature label.descriptor:hover {
	width : 140px;
	height : 28px;
	display : inline-block;
	padding : 5px;
}

.list.grid li a label {
	width : 100%;
	height : 20%;
	display : block;
	text-align : center;
}

.wrapper.input.block label {
	width : 100%;
	margin : 5px 0px;
	display : block;
}

.wrapper.markers a.marker span {
	width : 0px;
	height : 100%;
	display : block;
	transition : width .6s ease-out;
}

.wrapper.markers a.marker.active span {
	width : 100%;
	background : linear-gradient(to right, #8dd2f0, #009fe3);
}

.wrapper.banner.frontface .motto span {
	position : relative;
	top : -5.6rem;
	animation : motto-entrance 1s ease-out 1;
	animation-delay : 2s;
	animation-fill-mode : forwards;
}

.d-cover {
    width : 60%;
    height : 400px;
    display : block;
    position : fixed;
    bottom : 0px;
    left : 0px;
    background : url(/assets/images/bg/dotted.png);
    background-size : cover;
    mix-blend-mode : overlay;
}

.d-cover-right {
    width : 60%;
    height : 400px;
    display : block;
    position : fixed;
    top : 0px;
    right : 0px;
    transform : rotate(180deg);
    background : url('/assets/images/bg/dotted w.png');
    background-size : cover;
    background-position : -90%;
    mix-blend-mode : exclusion;
}

.wrapper.footer .list.info a i {
	padding : 0px 5px;
	font-size : 1.2rem;
	color : #009fe3;
}

.wrapper.cinfo .list.info a i.fa-whatsapp,
.wrapper.footer .list.info a i.fa-whatsapp {
	color : #00e39f;
}

.wrapper.footer .list.info a i.huge {
	font-size : 2rem;
}

a.feature i {
	font-size : 1.5rem;
	color : #FFF;
}

a.feature.action i {
	font-size : 1rem;
}

.feature.action.alt i {
	font-size : 2.5rem;
	padding : 0px 5px 0px 20px;
}

.toggler.float i {
	width : 40px;
	height : 40px;
	display : flex;
	justify-content : center;
	align-content : center;
	align-items : center;
	border-radius : 50%;
	font-size : 2rem;
	background-color : inherit;
	color : inherit;
}

.toggler.float:hover i {
	background : inherit;
	color : inherit;
} 

.wrapper.contact ul.info li a i {
	padding : 5px;
	font-size : 2rem;
	color : #009fe3;
}

.list.grovel li a i {
	font-size : 3rem;
}

.fa-stack i.fa-stack-1x {
	font-size : 1rem;
	color: #8dd2f0;
}

.list.grovel li a i.fa-stack-1x {
	font-size : 2rem;
	color : #df8777;
}

.mini-grid p.item  i {
	margin : 10px;
	display : block;
	position : relative;
	text-align : center;
	font-size : 3.8rem;
	color : #009fe3;
}

.mini-grid p.item  i::after {
	content : " ";
	width : 40px;
	height : 1.31px;
	display : block;
	position : absolute;
	left : calc(50% - 20px);
	bottom : -7px;
	border-radius : 10px;
	background : linear-gradient(to right, #8dd2f0, #eee, #d9c0af);
}

/***********************************style specific classes**********************************/

.msm,
.mysm {
	margin-top : 5px;
	margin-bottom : 5px;
}

.msm,
.mxsm {
	margin-left : 5px;
	margin-right : 5px;
}

.mmd,
.mymd{
	margin-top : 10px;
	margin-bottom : 10px;
}

.mmd,
.mxmd {
	margin-left : 10px;
	margin-right : 10px;
}

.psm,
.pysm {
	padding-top : 5px;
	padding-bottom : 5px;
}

.psm,
.pxsm {
	padding-left : 5px;
	padding-right : 5px;
}

.pmd,
.pymd {
	padding-top : 10px;
	padding-bottom : 10px;
}

.pmd,
.pxmd {
	padding-left : 10px;
	padding-right : 10px;
}

.hide {
	display : none !important;
}

.show {
	display : flex !important;
}

.tcenter {
	text-align : center;
}

.tjustify {
	text-align : justify;
}

.invys {
	visibility : hidden;
}

.text-sm {
	font-size : .8rem;
}

.text-vsm {
	font-size : .6rem;
}

/***********************************keyframes************************************/
@keyframes q-entrance{
	0% { top : 100%; }
	50% { top : 36%; }
	100% { top : 0%; }
}

@keyframes cn-entrance {
	0% { height : 0px; margin-top : 13.5rem; }
	100% { height : 13.5rem; margin-top : 0px; }
}

@keyframes motto-entrance {
	0% { top : -5.6rem; }
	90% { top : 8px; }
	100% { top : 0px; }
}

@keyframes pulsor {
	0% { box-shadow : 0px 0px 3px 2px #009fe3; }
	50% { box-shadow : 0px 0px 15px 5px #009fe3; }
	100% { box-shadow : 0px 0px 3px 2px #009fe3; }
}

@keyframes rotator1 {
	from { transform : rotate(0deg); }
	to { transform : rotate(72deg); }
}

@keyframes rotator2 {
	from { transform : rotate(72deg); }
	to { transform : rotate(144deg); }
}

@keyframes rotator3 {
	from { transform : rotate(144deg); }
	to { transform : rotate(216deg); }
}

@keyframes rotator4 {
	from { transform : rotate(216deg); }
	to { transform : rotate(288deg); }
}

@keyframes rotator5 {
	from { transform : rotate(288deg); }
	to { transform : rotate(360deg); }
}

@keyframes getin {
	0% { position : relative; top : 120%; }
	100% { position : relative; top : 0px; }
}

@keyframes getin {
	0% { position : relative; top : 100%; }
	100% { position : relative; top : 0px;}
}

@keyframes getin-ghost {
	0% { position : relative; top : 60px; opacity : 0; }
	100% { position : relative; top : 0px; opacity : 1; }
}
	
@keyframes unvanished {
	0% { opacity : 0; }
	100% { opacity : 1; }
}