/* init */
:root {
	--color-s1: #87C44D;
	--color-s1-2: #76ab43;
	--color-s1-op: #ffffff;
	--color-s1-shadow-1: #83D20C70;
	--color-s1-shadow-2: #83D20CBA;
	--color-s2: #F6CA17;
	--color-s2-2: #dab314;
	--color-s2-shadow-1: #F6CA1770;
	--color-s2-shadow-2: #F6CA17BA;
	--color-s2-op: #ffffff;
	--color-g1: #F3F3F3;
	--color-g2: #EEEEEE;
	--color-g3: #CFCFCF;
	--color-g4: #9D9D9D;
	--color-g5: #636363;
	--color-g6: #3A3A3A;

	--size-hover-move: 12px;
	--size-entrance-move-x: 20rem;
	--size-entrance-move-y: 10rem;
}

/* colors: this site */
.bg_site_1 {
	background-color: var(--color-s1) !important;
}

a.bg_site_1:hover, .btn_site_1:hover {
	background-color: var(--color-s1-2) !important;
}

.text_site_1 {
	color: var(--color-s1) !important;
}

.text_site_1_not_important {
	color: var(--color-s1);
}

a.text_site_1:hover:not(.btn_fill_color,.btn_fill_color_25) {
	color: var(--color-s1-2) !important;
}

.btn_site_1 {
	background-color: var(--color-s1) !important;
	color: var(--color-s1-op) !important;
}

.btn_site_1:hover:not(.btn_fill_color,.btn_fill_color_25) {
	color: var(--color-s1-op) !important;
	background-color: var(--color-s1-2) !important;
}

.btn_site_1_outline {
	color: var(--color-s1) !important;
	border: var(--color-s1) solid 1px !important;
}

.btn_site_1_outline:hover {
	color: var(--color-s1-op) !important;
	background-color: var(--color-s1) !important;
}

body .border_site_1 {
	border-color: var(--color-s1) !important;
}

.fill_site_1 {
	fill: var(--color-s1) !important;
}

.after_bg_site_1::after {
	background-color: var(--color-s1);
}

.bg_site_2 {
	background-color: var(--color-s2) !important;
}

a.bg_site_2:hover, .btn_site_2:hover {
	background-color: var(--color-s2-2) !important;
}

.text_site_2 {
	color: var(--color-s2) !important;
}

.text_site_2_not_important {
	color: var(--color-s2);
}

a.text_site_2:hover:not(.btn_fill_color,.btn_fill_color_25) {
	color: var(--color-s2-2) !important;
}

.btn_site_2 {
	background-color: var(--color-s2) !important;
	color: var(--color-s2-op) !important;
}

.btn_site_2:hover:not(.btn_fill_color,.btn_fill_color_25) {
	color: var(--color-s2-op) !important;
	background-color: var(--color-s2-2) !important;
}

.btn_site_2_outline {
	color: var(--color-s2) !important;
	border: var(--color-s2) solid 1px !important;
}

.btn_site_2_outline:hover {
	color: var(--color-s2-op) !important;
	background-color: var(--color-s2) !important;
}

body .border_site_2 {
	border-color: var(--color-s2) !important;
}

.fill_site_2 {
	fill: var(--color-s2) !important;
}

.after_bg_site_2::after {
	background-color: var(--color-s2);
}


/* setting for all sites */
html, body {
	overflow-x: hidden !important;
	/*padding-right: 0 !important;*/
}

html {
	scroll-behavior: smooth;
}

a {
	transition: all .3s ease !important;
	text-decoration: none !important;
}

a:focus-visible {
	outline: none;
}

svg {
	transition: transform .3s ease;
}

button:focus {
	outline: none !important;
}

a.alert-link:hover {
	text-decoration: underline !important;
}

button {
	transition: all .3s ease !important;
}


/* addition bootstrap */
@media screen and (min-width: 1330px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1320px !important;
	}
}

.fs_sm_1 {
	font-size: .95rem !important;
}

.fs_sm_2 {
	font-size: .9rem !important;
}

.fs_sm_3 {
	font-size: .8rem !important;
}

.fs_sm_4 {
	font-size: .7rem !important;
}

.fs_sm_5 {
	font-size: .6rem !important;
}

.text_transparent {
	color: #ffffff00 !important;
}

.after_bg_white::after {
	background-color: white;
}

.after_bg_gray_1::after {
	background-color: var(--color-g1);
}

.after_bg_gray_2::after {
	background-color: var(--color-g2);
}

.after_bg_gray_3::after {
	background-color: var(--color-g3);
}

.after_bg_gray_4::after {
	background-color: var(--color-g4);
}

.after_bg_gray_5::after {
	background-color: var(--color-g5);
}

.after_bg_gray_6::after {
	background-color: var(--color-g6);
}

.bg_gray_1 {
	background-color: var(--color-g1) !important;
}

.bg_gray_2 {
	background-color: var(--color-g2) !important;
}

.bg_gray_3 {
	background-color: var(--color-g3) !important;
}

.bg_gray_4 {
	background-color: var(--color-g4) !important;
}

.bg_gray_5 {
	background-color: var(--color-g5) !important;
}

.bg_gray_6 {
	background-color: var(--color-g6) !important;
}

.text_gray_1 {
	color: var(--color-g1) !important;
}

.text_gray_2 {
	color: var(--color-g2) !important;
}

.text_gray_3 {
	color: var(--color-g3) !important;
}

.text_gray_4 {
	color: var(--color-g4) !important;
}

.text_gray_5 {
	color: var(--color-g5) !important;
}

.text_gray_6 {
	color: var(--color-g6) !important;
}

body .border_gray_1 {
	border-color: var(--color-g1) !important;
}

body .border_gray_2 {
	border-color: var(--color-g2) !important;
}

body .border_gray_3 {
	border-color: var(--color-g3) !important;
}

body .border_gray_4 {
	border-color: var(--color-g4) !important;
}

body .border_gray_5 {
	border-color: var(--color-g5) !important;
}

body .border_gray_6 {
	border-color: var(--color-g6) !important;
}

.fill_white {
	fill: white !important;
}

.fill_light {
	fill: #F8F9FA !important;
}

.fill_dark {
	fill: #212529 !important;
}

.fill_black {
	fill: black !important;
}

.fill_gray_1 {
	fill: var(--color-g1) !important;
}

.fill_gray_2 {
	fill: var(--color-g2) !important;
}

.fill_gray_3 {
	fill: var(--color-g3) !important;
}

.fill_gray_4 {
	fill: var(--color-g4) !important;
}

.fill_gray_5 {
	fill: var(--color-g5) !important;
}

.fill_gray_6 {
	fill: var(--color-g6) !important;
}

.object_fit_cover {
	object-fit: cover;
}

.fw-black, .font_weight_black {
	font-weight: 900;
}

.absolute_center {
	right: 50% !important;
	top: 50% !important;
	transform: translateX(50%) translateY(-50%) !important;
}

.absolute_center_x {
	right: 50% !important;
	transform: translateX(50%) !important;
}

.absolute_center_y {
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.absolute_0 {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.direction_rtl {
	direction: rtl !important;
}

.direction_ltr {
	direction: ltr !important;
}

.vh-50 {
	height: calc(50vh) !important;
}

.vh-75 {
	height: calc(75vh) !important;
}

.min-vh-50 {
	min-height: calc(50vh) !important;
}

.min-vh-75 {
	min-height: calc(75vh) !important;
}

.vw-50 {
	width: calc(50vw) !important;
}

.vw-75 {
	width: calc(75vw) !important;
}

.min-vw-50 {
	min-width: calc(50vw) !important;
}

.min-vw-75 {
	min-width: calc(75vw) !important;
}

.text-justify {
	text-align: justify !important;
}

.lh_lg_1 {
	line-height: 1.4;
}

.lh_lg_2 {
	line-height: 1.6;
}

.lh_lg_3 {
	line-height: 1.8;
}

.h_2px {
	height: 2px !important;
}

.text_shadow {
	text-shadow: #242424 -3px 3px 6px !important;
}

.shadow_1 {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.35) !important;
}

.shadow_2 {
	box-shadow: 0 0.2rem 1.5rem rgba(0, 0, 0, 0.2) !important;
}

.hover_zoom, .hover_inner_img_zoom img {
	transition: all .5s ease-in-out;
	transform: scale(1.0001);
}

.hover_zoom:hover, .hover_inner_img_zoom:hover img {
	transform: scale(1.08);
}

.hover_brightness, .hover_inner_img_brightness img {
	transition: all .5s ease-in-out;
}

.hover_brightness:hover, .hover_inner_img_brightness:hover img {
	filter: brightness(140%);
}

.hover_grayscale, .hover_inner_img_grayscale img {
	transition: all .3s ease-in-out;
}

.hover_grayscale:hover, .hover_inner_img_grayscale:hover img {
	filter: grayscale(1);
}

.hover_colorize, .hover_inner_img_colorize img {
	transition: all .2s ease-in-out;
	filter: grayscale(1);
}

.hover_colorize:hover, .hover_inner_img_colorize img {
	filter: unset;
}

.hover_inner_img_shadow img {
	transition: all .3s ease-in-out;
}

.hover_inner_img_shadow:hover img {
	box-shadow: 0 .5rem .5rem rgba(37, 46, 48, 0.3);
}

.hover_shadow_1, .hover_shadow_2 {
	transition: all 0.3s ease-in-out;
}

.hover_shadow_1:hover {
	box-shadow: -1px 3px 12px rgba(37, 46, 48, 0.15);
}

.hover_shadow_2:hover {
	box-shadow: 0 .3rem 0.7rem rgba(37, 46, 48, 0.3);
}

.hover_grayscale {
	transition: all .3s ease;
}

.hover_grayscale:hover {
	filter: grayscale(1);
}

.hover_move_up, .hover_move_up_inner > *,
.hover_move_down, .hover_move_down_inner > *,
.hover_move_left, .hover_move_left_inner > *,
.hover_move_right, .hover_move_right_inner > * {
	transition: all .3s ease;
	/*display: block;*/
}

.hover_move_up:hover, .hover_move_up_inner:hover > * {
	transform: translateY(calc(var(--size-hover-move) * -1)) !important;
}

.hover_move_down:hover, .hover_move_down_inner:hover > * {
	transform: translateY(var(--size-hover-move)) !important;
}

.hover_move_left:hover, .hover_move_left_inner:hover > * {
	transform: translateX(calc(var(--size-hover-move) * -1)) !important;
}

.hover_move_right:hover, .hover_move_right_inner:hover > * {
	transform: translateX(var(--size-hover-move)) !important;
}

.hover_shining {
	position: relative;
	overflow: hidden;
}

.hover_shining::before {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	content: "";
	display: block;
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 2;
}

.hover_shining:hover::before, .hover_shining:focus::before {
	animation: shine 0.85s;
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.hover_floating:hover, .anim_floating {
	animation: floating 2.5s infinite ease-in-out normal;
}

@keyframes floating {
	50% {
		transform: translateY(16px);
	}
}

.anim_on_view {
	transition: all 1.2s ease !important;
}

.anim_on_view.in_view {
	transform: translate(0, 0) scale(1) !important;
	opacity: 1 !important;
}

.anim_on_view.anim_zoom_in {
	transform: scale(0.001);
}

.anim_on_view.anim_fade_in {
	opacity: 0;
}

.anim_on_view.anim_slide_right {
	transform: translateX(calc(var(--size-entrance-move-x) * -1));
}

.anim_on_view.anim_fade_right {
	transform: translateX(calc(var(--size-entrance-move-x) * -1));
	opacity: 0;
}

.anim_on_view.anim_slide_left {
	transform: translateX(var(--size-entrance-move-x));
}

.anim_on_view.anim_fade_left {
	transform: translateX(var(--size-entrance-move-x));
	opacity: 0;
}

.anim_on_view.anim_slide_top {
	transform: translateY(var(--size-entrance-move-y));
}

.anim_on_view.anim_fade_top {
	transform: translateY(var(--size-entrance-move-y));
	opacity: 0;
}

.anim_on_view.anim_slide_bottom {
	transform: translateY(calc(var(--size-entrance-move-y) * -1));
}

.anim_on_view.anim_fade_bottom {
	transform: translateY(calc(var(--size-entrance-move-y) * -1));
	opacity: 0;
}

.anim_delay_1 {
	transition-delay: .2s !important;
}

.anim_delay_2 {
	transition-delay: .4s !important;
}

.anim_delay_3 {
	transition-delay: .6s !important;
}

.anim_delay_4 {
	transition-delay: .8s !important;
}

.anim_delay_5 {
	transition-delay: 1s !important;
}

.anim_delay_6 {
	transition-delay: 1.2s !important;
}

body .border_2px {
	border-width: 2px !important;
}

body .border_3px {
	border-width: 3px !important;
}

.text_lines_limit_1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.text_lines_limit_2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.text_lines_limit_3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.text_lines_limit_4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.text_lines_limit_5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

input.input_arrow_none::-webkit-outer-spin-button,
input.input_arrow_none::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input.input_arrow_none[type=number] {
	-moz-appearance: textfield;
}

.btn_fill_color,
.btn_fill_color_25, .bg_fill_25 {
	position: relative;
	z-index: 1;
}

.btn_fill_color:hover::after, .btn_fill_color_25:hover::after {
	transform: scaleY(1);
}

.circle_bg {
	border-radius: 50%;
	padding: 0.3em;
	display: inline-block !important;
}

.circle_bg > * {
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 14px !important;
	height: 14px !important;
}

input.no_arrow::-webkit-outer-spin-button,
input.no_arrow::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input.no_arrow[type=number] {
	-moz-appearance: textfield;
}

.flip_x {
	transform: scaleX(-1);
}

.flip_y {
	transform: scaleY(-1);
}

.rotate_180 {
	transform: rotate(180deg);
}


/* Entrance Animation*/
.anim_on_view {
	transition: all 1.2s ease !important;
}

.anim_on_view.in_view {
	transform: translate(0, 0) scale(1) !important;
	opacity: 1 !important;
}

.anim_on_view.anim_zoom_in {
	transform: scale(0.001);
}

.anim_on_view.anim_fade_in {
	opacity: 0;
}

.anim_on_view.anim_slide_right {
	transform: translateX(calc(var(--size-entrance-move-x) * -1));
}

.anim_on_view.anim_fade_right {
	transform: translateX(calc(var(--size-entrance-move-x) * -1));
	opacity: 0;
}

.anim_on_view.anim_slide_left {
	transform: translateX(var(--size-entrance-move-x));
}

.anim_on_view.anim_fade_left {
	transform: translateX(var(--size-entrance-move-x));
	opacity: 0;
}

.anim_on_view.anim_slide_top {
	transform: translateY(var(--size-entrance-move-y));
}

.anim_on_view.anim_fade_top {
	transform: translateY(var(--size-entrance-move-y));
	opacity: 0;
}

.anim_on_view.anim_slide_bottom {
	transform: translateY(calc(var(--size-entrance-move-y) * -1));
}

.anim_on_view.anim_fade_bottom {
	transform: translateY(calc(var(--size-entrance-move-y) * -1));
	opacity: 0;
}

.anim_delay_1 {
	transition-delay: .2s !important;
}

.anim_delay_2 {
	transition-delay: .4s !important;
}

.anim_delay_3 {
	transition-delay: .6s !important;
}

.anim_delay_4 {
	transition-delay: .8s !important;
}

.anim_delay_5 {
	transition-delay: 1s !important;
}

.anim_delay_6 {
	transition-delay: 1.2s !important;
}


/* Wordpress */
@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed !important;
	}
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* other */
.site_shadow_1_1 {
	box-shadow: 0 6px 50px var(--color-s1-shadow-1) !important;
}

.site_shadow_1_2 {
	box-shadow: 0 0 12px var(--color-s1-shadow-2) !important;
}

.site_shadow_2_1 {
	box-shadow: 0 6px 50px var(--color-s2-shadow-1) !important;
}

.site_shadow_2_2 {
	box-shadow: 0 0 12px var(--color-s2-shadow-2) !important;
}