#contact {
    height: 100vh;
    width: 0vw;
    position: fixed;
    background: #faf3ff;
    overflow: hidden;
	z-index:999999;
}

#contact,
#contact .area {
    right: 0;
    top: 0;
}

#contact .area {
	position:absolute;
	height:100vh;
	width: 100vw;
}

#contact .area svg {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50px;
	right: 50px;
	cursor:pointer;
    -webkit-animation: halfrotate 3s linear infinite;
    animation: halfrotate 3s linear infinite;
}

@keyframes halfrotate {
	0% {
		transform: rotate(-15deg);
	}
	
	50% {
		transform: rotate(15deg);
	}
	
	100% {
		transform: rotate(-15deg);
	}
}


#contact .area svg circle,
#contact .area svg path{
  stroke-width: .7;
  stroke: #4e4e4e;
}

#contact .area svg circle:hover,
#contact .area svg path:hover,
#contact .area svg:hover{
  stroke: #f08b16;
}

#contact .area h2 {
    font-size: 6vw;
    color: #1a1a1a;
    letter-spacing: -.1rem;
	transform:translateY(20%);
	line-height:1 !important;
	width: 80%;
}

#contact .area img {
    width: 10vw;
    height: auto;
	z-index:101;
}

#contact .area .threebx {
    width: auto;
    height: auto;
	transform:translateY(-33.9%);
}

#contact .area .lbx,
#contact .area,
#contact .area .threebx .sbx,
#contact .area .threebx {
    display: flex;
    align-items: center;
    justify-content: center;
}

#contact .area .lbx,
#contact .area,
#contact .area .threebx .sbx {
    flex-direction: column;
}

#contact .area .lbx {
    width: 60vw;
    height: 30vh;
	transform:translateY(-15%);
}

#contact .area .threebx .sbx {
    width: 28vw;
    height: 20vh;
}

#contact .area .threebx #sbxl {
	transform:translateX(15%);
}

#contact .area .threebx #sbxr {
	transform:translateX(-15%);
}

#contact .area .lbx .t,
#contact .area .threebx .sbx .t,
#contact .area .lbx p,
#contact .area .threebx .sbx a,
#contact .area h2 {
    text-align: center;
}

#contact .area .lbx .t,
#contact .area .threebx .sbx .t {
    font-size: 1vw;
    color: #1a1a1a;
    letter-spacing: -.01rem;
    padding-bottom: 1rem;
}

#contact .area .lbx p,
#contact .area .threebx .sbx a {
    font-size: 1.5vw;
    color: #4e4e4e;
    letter-spacing: -.06rem;
}

#contact .area .lbx,
#contact .area .threebx .sbx {
    border: 1px solid #1a1a1a;
}

#contact .area .lbx,
#contact .area .threebx .sbx {
    border-radius: 40vw;
}

#contact .area .threebx .sbx a {
    display: inline-block;
    transition: color 1s;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
    -o-transition: color 1s;
}

#contact .area .threebx .sbx a:hover {
    /*color: #f08b16;*/
	color:#9c00ff;
}