/* Kite Panel */
.kite-panel {
	z-index:-2;
}
.kite-panel.v1 {
	position:absolute;
	top:64rem;
	left:-2rem;
	width:19.111rem;
	height:107.2778rem;
}

.kite-panel figure,
.kite-panel figure img,
.sub-kite figure,
.sub-kite figure img,
.sub-hub-kite figure,
.sub-hub-kite figure img,
.sub-hub-kite-panel.v2 figure,
.sub-hub-kite-panel.v2 figure img {
	position:absolute;
	top:0;
	left:-3px;
	width:93%;
	height:100%;
}

.kite-panel figure img,
.sub-kite figure img {
	background-position:50% 50%;	
	background-size:cover;
}

.sub-hub-kite figure img,
.sub-hub-kite-panel.v2 figure img {
	background-position:80% 0;
	background-size:cover;
}

/* V2 */
.kite-panel.v2 {
	position:absolute;
	bottom:-3.11rem;
	right:-2rem;
	width:15.72rem;
	height:88.89rem;
}


/* Sub Kit */
.sub-kite.v1 {
	position:absolute;
	top:0;
	left:2.5%;
	width:11.5rem;
	height:109rem;
}

/* Sub Hub Kit */
.sub-hub-kite.v1 {
	position:absolute;
	top:7rem;
	left:-5rem;
	width:20.833rem;
	height:100%;
	z-index:2;
	max-height:160rem;
}

.sub-hub-kite-panel.v2 {
	position:absolute;
	bottom: -12rem;
    right: -4rem;
	width:20.5rem;
	height:100%;
	z-index:0;
	max-height:95.111rem;
}

/* 1600px Responsive */
@media screen and (max-width:1600px){
	.kite-panel.v1 {
	    top: 59rem;
	    left: -3rem;
	    width: 16.111rem;
	    height: 80.2778rem;
	}
	
	.sub-kite.v1 {
		top:2rem;
	    left: -4.5%;
	    width: 10.5rem;
	    height: 101rem;
	}
	
	.sub-hub-kite.v1 {
		top: 1rem;
	    left: -2rem;
	    width: 9.833rem;
	    height: 100%;
	    max-height: 77rem;
	}
	
	.sub-hub-kite-panel.v2 {
		max-height: 56.111rem;
		right:-1rem;
		width:11.5rem;
	}
	.kite-panel figure img, .sub-kite figure img {
	    
	}
	
	.kite-panel figure,
.kite-panel figure img,
.sub-kite figure,
.sub-kite figure img,
.sub-hub-kite figure,
.sub-hub-kite figure img,
.sub-hub-kite-panel.v2 figure,
.sub-hub-kite-panel.v2 figure img {
	position:absolute;
	top:0;
	left:1em;
	width:93%;
	height:100%;
}
}

/* 1440px Responsive */
@media screen and (max-width:1440px){
	
	.sub-hub-kite.v1,
	.sub-hub-kite-panel.v2,
	.sub-kite.v1 {
		
	}
}

/* 1280px Responsive */
@media screen and (max-width:1280px){
	.kite-panel.v1,
	.sub-kite.v1 {
		
	}
	
	.kite-panel.v2 {
	    right: -2rem;
	    width: 10.72rem;
	    height: 78.89rem;
	    overflow: hidden;
	}
}


/* 1024px Responsive */
@media screen and (max-width:1024px){
	.kite-panel.v2 {
		right: -2rem;
	    width: 10.72rem;
	    height: 63.89rem;
	    
	}
	
	.kite-panel figure, .kite-panel figure img, .sub-kite figure, .sub-kite figure img, .sub-hub-kite figure, .sub-hub-kite figure img, .sub-hub-kite-panel.v2 figure, .sub-hub-kite-panel.v2 figure img {
	    position: absolute;
	    top: 0;
	    left: 26em;
	    width: 100%;
	    height: 100%;
	}
	
	.kite-panel.v1 {
		overflow: hidden;
	}

}


/* 800px Responsive */
@media screen and (max-width:800px){
	.kite-panel.v2 {
		height:57.89rem;
	}
	
	.kite-panel figure, .kite-panel figure img, .sub-kite figure, .sub-kite figure img, .sub-hub-kite figure, .sub-hub-kite figure img, .sub-hub-kite-panel.v2 figure, .sub-hub-kite-panel.v2 figure img {
	    position: absolute;
	    top: 0;
	    left: 17em;
	    width: 100%;
	    height: 100%;
	}

	.sub-hub-kite.v1, .sub-hub-kite-panel.v2, .sub-kite.v1 {
		display:none !important;
	}
}

/* 500px Responsive */
@media screen and (max-width:500px){
	.kite-panel.v2  {
		
	}
	.kite-panel figure, .kite-panel figure img, .sub-kite figure, .sub-kite figure img, .sub-hub-kite figure, .sub-hub-kite figure img, .sub-hub-kite-panel.v2 figure, .sub-hub-kite-panel.v2 figure img {
    position: absolute;
    top: 0;
    left: 10em;
    width: 100%;
    height: 100%;
}
}