/* codeDESIGN - custom_code_html.css */
@charset "utf-8";

/* CUSTOM CODE HTML */
.custom_code_html [class^="col-"],
.custom_code_html [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}

.custom_code_html [class^="col-"]:first-child {
	padding-right: 10px;
}
.custom_code_html [class^="col-"]:last-child {
	padding-left: 10px;
}

@media only screen and (max-width: 991px) {
	.custom_code_html [class^="col-"]:first-child {
		padding-right: 0px;
		margin-bottom: 40px;
	}
	.custom_code_html [class^="col-"]:last-child {
		padding-left: 0px;
	}
}

.custom_code_html_inner h1 {
	/* padding-left: 20px; */
}
.custom_code_html_inner h1::after {
	/* left: 20px; */
}

.layout_custom_box_left_inner {
	background: #3d3d3d;
	padding: 20px;
	color: var(--ci_color_white);
}

.layout_custom_box_left_inner a,
.layout_custom_box_left_inner a:link,
.layout_custom_box_left_inner a:visited {
	color: #aaaaaa;
	text-decoration: none;
}

.layout_custom_box_left_inner strong {
	color: #aaaaaa;
	text-transform: uppercase;
}

.layout_custom_box_right_inner {
	background: #3d3d3d;
	padding: 20px;
	color: var(--ci_color_white);
	height: 204px;
}

.layout_custom_box_right_inner a,
.layout_custom_box_right_inner a:link,
.layout_custom_box_right_inner a:visited {
	color: var(--ci_color_white);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 28px;
	border-bottom: 1px solid var(--ci_color_yellow);
	left: 50%;
	top: calc(50% + 28px);
	transform: translate(-50%, -50%);
	width: 396px;
	position: absolute;
}

@media only screen and (max-width: 460px) {
	.layout_custom_box_right_inner a,
	.layout_custom_box_right_inner a:link,
	.layout_custom_box_right_inner a:visited {
		font-size: 20px;
		line-height: 20px;
		top: calc(50% + 20px);
		width: 283px;
	}
}

@media only screen and (max-width: 340px) {
	.layout_custom_box_right_inner a,
	.layout_custom_box_right_inner a:link,
	.layout_custom_box_right_inner a:visited {
		font-size: 16px;
		line-height: 16px;
		top: calc(50% + 16px);
		width: 226px;
	}
}