@charset "utf-8";
#body {
	width: 1080px;
	height: 800px;
	background-image: url(../images/index.png);
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
}
#body #bubble {
	width: 1033px;
	height: 756px;
	background-image: url(../images/index-BG_03.png);
	float: left;
	margin-top: 23px;
	margin-left: 18px;
}
#body #bubble .Sec1 {
	margin-left: 149px;
}

#body #bubble .Logo {
	float: left;
	margin-left: 0px;
	margin-top: -3px;
	transition: transform 0.2s ease;
}

.Logo:hover {
	
	transform: scale(1.06)
	translateY(-8px)
	
}

#bubble .Logo .l1 {
	font-family: Incompleeta, "Incompleeta Italic", "Incompleeta Italic Reveal", "Incompleeta Light", "Incompleeta Light Italic", "Incompleeta Light Italic Reveal", "Incompleeta Light Reveal", "Incompleeta Reveal";
	font-weight: bolder;
	font-size: x-large;
	color: #FF005A;
	float: left;
	padding-top: 0px;
}
#bubble .Logo .l2 {
	font-family: Incompleeta, "Incompleeta Italic", "Incompleeta Italic Reveal", "Incompleeta Light", "Incompleeta Light Italic", "Incompleeta Light Italic Reveal", "Incompleeta Light Reveal", "Incompleeta Reveal";
	font-weight: bolder;
	font-size: x-large;
	color: #FFFFFF;
	float: left;
}
#body #bubble .navs {
	font-family: Montserrat, "Montserrat Black", "Montserrat Extra Bold", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Hairline", "Montserrat Light", "Montserrat Medium", "Montserrat Semi Bold", "Montserrat SemiBold", "Montserrat Thin", "Montserrat Ultra Light";
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 145px;
}
#bubble .navs .home {
	float: left;
	transition: transform 0.2s ease;
}

.home:hover {
	
	transform: scale(1.08)
	translateY(-6px)
	
}

#bubble .navs .port {
	float: left;
	margin-left: 30px;
	transition: transform 0.2s ease;
}

.port:hover {
	
	transform: scale(1.06)
	translateY(-8px)
	
}

#bubble .navs .contact {
	float: left;
	margin-left: 30px;
	transition: transform 0.2s ease;
}

.contact:hover {
	
	transform: scale(1.06)
	translateY(-8px)
	
}

#bubble .navs .about {
	float: left;
	margin-left: 30px;
	transition: transform 0.2s ease;
}

.about:hover {
	
	
	transform: scale(1.06)
	translateY(-8px)
}

#body #bubble #splash {
	clear: both;
	float: left;
	margin-left: 135px;
	margin-top: 37px;
}

#bubble #splash .name {
	color: #FF005A;
	font-family: Incompleeta, "Incompleeta Italic", "Incompleeta Italic Reveal", "Incompleeta Light", "Incompleeta Light Italic", "Incompleeta Light Italic Reveal", "Incompleeta Light Reveal", "Incompleeta Reveal";
	font-size: 55px;
	float: left;
	font-weight: normal;
}
#bubble #splash .name2 {
	color: #FFFFFF;
	font-family: Incompleeta, "Incompleeta Italic", "Incompleeta Italic Reveal", "Incompleeta Light", "Incompleeta Light Italic", "Incompleeta Light Italic Reveal", "Incompleeta Light Reveal", "Incompleeta Reveal";
	font-size: 55px;
	float: left;
	font-weight: normal;
}
#bubble #splash .number {
	font-family: Incompleeta, "Incompleeta Italic", "Incompleeta Italic Reveal", "Incompleeta Light", "Incompleeta Light Italic", "Incompleeta Light Italic Reveal", "Incompleeta Light Reveal", "Incompleeta Reveal";
	color: #FFFFFF;
	clear: both;
	font-size: 70px;
	float: left;
	margin-top: -171px;
	margin-left: 7px;
}
#bubble #splash .vcont {
	height: 39px;
	width: 130px;
	background-color: #FF005A;
	float: left;
	border-radius: 20px;
	margin-left: 83px;
	margin-top: -20px;
	transition: transform 0.2s ease;
}
.vcont:hover {
	transform: scale(1.09)
}

#splash .vcont .txt {
	color: #FFFFFF;
	font-family: Montserrat, "Montserrat Black", "Montserrat Extra Bold", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Hairline", "Montserrat Light", "Montserrat Medium", "Montserrat Semi Bold", "Montserrat SemiBold", "Montserrat Thin", "Montserrat Ultra Light";
	font-size: x-small;
	text-align: center;
	margin-top: -4px;
}

#bubble #splash .discr {
	clear: both;
	font-family: Montserrat, "Montserrat Black", "Montserrat Extra Bold", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Hairline", "Montserrat Light", "Montserrat Medium", "Montserrat Semi Bold", "Montserrat SemiBold", "Montserrat Thin", "Montserrat Ultra Light";
	color: #FFFFFF;
	text-align: left;
	font-style: normal;
	font-weight: lighter;
	float: left;
	margin-top: -53px;
	margin-left: 15px;
}
#body #bubble #down {
	clear: both;
	background-image: url(url);
	float: left;
	margin-top: 75px;
	margin-left: 123px;
}
#bubble #down .box1 {
	width: 224px;
	height: 137px;
	background-image: url(../images/down-image_03.png);
	float: left;
	transition: 0.3s ease;
}

.box1:hover {
	
	transform: scale(1.1)
	
}

#bubble #down .box2 {
	width: 213px;
	height: 112px;
	background-color: #FF005A;
	border-radius: 21px;
	float: left;
	margin-left: 20px;
	transition: transform 0.3s ease;
}

.box2:hover {
	
	transform: scale(1.1)
}

#down .box2 .FAQ {
	color: #FFFFFF;
	font-family: Montserrat, "Montserrat Black", "Montserrat Extra Bold", "Montserrat ExtraBold", "Montserrat ExtraLight", "Montserrat Hairline", "Montserrat Light", "Montserrat Medium", "Montserrat Semi Bold", "Montserrat SemiBold", "Montserrat Thin", "Montserrat Ultra Light";
	font-size: 36px;
	text-align: center;
	float: left;
	margin-left: 50px;
	margin-top: -21px;
}