#kso-page .page-section {
	margin-bottom: 4rem;
}
#kso-page .page-section .page-title {
	position: relative;
	margin: 0;
	height: 140px;
}
#kso-page .page-section .summary {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
}


#kso-page .page-section .page-title:before {
	content: '';
	position: absolute;
	left: 50%;top: 20px;
	width: 1px;
	height: 100px;
	border-left: 1px solid #333;
}


#kso-page .page-section .page-top-text {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 1.4;
}



.text-couse {
	padding: 10px 0;
	font-size: 17px;
	text-align: center;
	color: #fff;
}


.btn-reservation {
	display: inline-block;
	padding: 10px 0;
	min-width: 200px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background-color: #00B0F0;
	border-radius: 30px;
}

/*columnbox*/
#kso-page .columnbox {
    position: relative;
    padding: 4rem 2rem;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}
#kso-page .columnbox>a {
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#kso-page .columnbox.bg-gray {background-color: #fbfbfb !important;}

/*#kso-page .columnbox .thumb,*/
#kso-page .columnbox h1,
#kso-page .columnbox h4,
#kso-page .columnbox i {
    position: relative;
    transition: all .3s ease;
    z-index: 1;
}
#kso-page .columnbox .thumb {
    height: 100px;
    transition: all .3s ease;
}
#kso-page .columnbox .thumb:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background-color: #94c450;
    transform: translate(-50%, -50%) scale(0);
    transition: all .4s ease;
    z-index: 0;
}
#kso-page .columnbox .hidden-thumb {
    position: absolute;
    left: 50%;bottom: 0;
    transform: translate(-50%, 250px);
    transition: transform .5s ease;
}

#kso-page .columnbox.color1 h1,
#kso-page .columnbox.color1 h4 {color: #94c450;}
#kso-page .columnbox.color2 h1,
#kso-page .columnbox.color2 h4 {color: #4bb7e0;}
#kso-page .columnbox.color3 h1,
#kso-page .columnbox.color3 h4 {color: #fbb347;}
#kso-page .columnbox.color4 h1,
#kso-page .columnbox.color4 h4 {color: #f95d5d;}
#kso-page .columnbox.color5 h1,
#kso-page .columnbox.color5 h4 {color: #c77bda;}
#kso-page .columnbox.color6 h1,
#kso-page .columnbox.color6 h4 {color: #ef8877;}
#kso-page .columnbox.color7 h1,
#kso-page .columnbox.color7 h4 {color: #60c57f;}
#kso-page .columnbox.color8 h1,
#kso-page .columnbox.color8 h4 {color: #ab88e4;}
#kso-page .columnbox.color1 .thumb:before {background-color: #94c450;}
#kso-page .columnbox.color2 .thumb:before {background-color: #4bb7e0;}
#kso-page .columnbox.color3 .thumb:before {background-color: #fbb347;}
#kso-page .columnbox.color4 .thumb:before {background-color: #f95d5d;}
#kso-page .columnbox.color5 .thumb:before {background-color: #c77bda;}
#kso-page .columnbox.color6 .thumb:before {background-color: #ef8877;}
#kso-page .columnbox.color7 .thumb:before {background-color: #60c57f;}
#kso-page .columnbox.color8 .thumb:before {background-color: #ab88e4;}

#kso-page .columnbox.color1,
#kso-page .columnbox.color3,
#kso-page .columnbox.color5 {background-color: #fbfbfb;}

#kso-page .columnbox:hover .thumb:before {
    transform: translate(-50%, -50%) scale(1);
}
#kso-page .columnbox:hover h1,
#kso-page .columnbox:hover h4 {
    color: #fff;
}
#kso-page .columnbox:hover h4 {
    transform: translateY(-5rem);
}
#kso-page .columnbox:hover .hidden-thumb {
    transform: translate(-50%, 0);
}
#kso-page .columnbox:hover i {
    opacity: 0;
}