/* style v5 */
body{
	font-family: arial;
	background-image: linear-gradient(90deg, #dedede 0%,  #ffffff 10%, #dedede 120%);
}
#k{	
	display: grid;
	grid-template-areas:
	'd_name d_banner'
	'd_button1 d_banner'
	'd_button2 d_banner'
	'd_button3 d_banner'
	'd_button4 d_banner'
	'd_button5 d_banner'
	'd_button6 d_banber'
	'd_contact d_contact';
	grid-template-rows: 7vw 4.7vw 4.7vw 4.7vw 4.7vw 4.7vw 4.7vw auto;
	grid-template-columns: 20% 80%;
	text-align:center;
	grid-gap: 3%;
	padding-left: 6%;
	padding-right: 6%;
	margin-top: 2%;
}


#d_name{
	grid-area: d_name;
	height:50%;
}
img{
	height:6vw;
}


#d_banner{
	grid-area: d_banner;
	background-image: url('baner_1.png');
	height:117%;
	width: 100%;
	margin: auto;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 30px;
	text-align: right;
	color: white;
	overflow: hidden;
	
}
.c_description{
	position:absolute;
	right: 10vh;
	top:50vh;
	font-size: 2vh;
	z-index:3;
	text-shadow: 2px 2px black;
}
#arrow_left{
	position: relative;
	right: 80%;
	top: 100%;
	opacity:0;
	transition: opacity 0.1s;
}
#arrow_left:hover{
	opacity:1;
}
#arrow_right{
	position: relative;
	top: 50%;
	right: 2%;
	transform: scaleX(-1);
	opacity:0;
	transition: opacity 0.1s;
	z-index:4
}
#arrow_right:hover{
	opacity:1;
}
#loading{
	background-color: #e4000f;
	color: rgba(255, 255, 255, 0) ;
	position:relative;
	top:85%;
}
.unloaded{
	width:0%;

}
.load{
	width:100%;
	transition: width 3s;

}
#d_button1{
	grid-area: d_button1;
}
#d_button2{
	grid-area: d_button2;
}
#d_button3{
	grid-area: d_button3;
}
#d_button4{
	grid-area: d_button4;
}
#d_button5{
	grid-area: d_button5;
}
#d_button6{
	grid-area: d_button6;
}
#d_contact{
	grid-area: d_contact;
	font-size: 2vh;
}
.c_buttons{
	border: solid 2px black;
	border-radius: 10px;
	font-size: 1.75vh;
	line-height: 4vh;
	overflow: hidden;
	transition: line-height 0.2s, background-color 0.6s;
	
}
.c_buttons:hover{
	line-height: 0.1vh;
	background-color:#00963f;
}
.c_buttons:active{
	color:green;
}