@charset "utf-8";
/* CSS Document */
:root {
	--main-color: #2D2D2D;
	--secondary-color: #C9A063;

	--color-text: #C9A063;
	--color-link: #2D2D2D;
	--bg-color: #24371F;
	--bg-color-light: #ECECEC;
	--bg-color-dark: #1C1B1F;
	--color-border: #C9A063;

	--color-link-dark: #ffffff;
	--bg-color-dark-text: #ffffff;
	--color-heading-subtitle-dark: rgba(255,255,255,0.5);
}
body {
	color: var(--main-color);
}
.top-link-icon > a > i:first-child {
	font-size: 0.9rem;
}
.f-12 {
	font-size: 0.75rem;
}
.f-14 {
	font-size: 0.85rem;
}
.f-16 {
	font-size: 1rem;
}
.f-20 {
	font-size: 1.25rem;
}
.f-24 {
	font-size: 1.5rem;
}
.w-28 {
	width: 28px !important;
}
.w-48 {
	width: 48px !important;
}
.button {
	color: #fff;
	text-align: center;
}
.button.top-button {
	background-color: var(--main-color);
	color: #fff;
	text-shadow: none;
}
.button.top-button:hover {
	background-color: var(--bg-color-dark);
	color: #fff;
	text-shadow: none;
}
.dark .button.top-button {
	background-color: rgba(0,0,0,0.2);
}
.button.button-semi-transparent {
	background-color: rgba(0,0,0,0.7);
	text-shadow: none;
	color: #fff;
	transition: all 0.2s ease;
}
.button.button-semi-transparent:hover {
	background-color: rgba(0,0,0,1);
	color: #fff;
}
.dark .button.button-semi-transparent {
	background-color: rgba(0,0,0,0.2);
	color: #fff;
	transition: all 0.2s ease;
}
.dark .button.button-semi-transparent:hover {
	background-color: rgba(0,0,0,0.4);
}
.list-border li {
	position: relative;
}
.list-border li:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	border-top: dashed 1px #ececec;
}
.case-title h1 {
	font-size: 4.25rem;
}
.case-title h1 + span {
	font-size: 1.625rem;
}
.case-guid a {
	color: var(--color-link);
	font-size: 1.25rem;
}
.case-guid li a {
	position: relative;
}
.case-guid li a:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	border-left: dashed 1px #f1f1f1;
	position: absolute;
	left: 0;
	top: 0;
}
.case-guid li:first-child a:before {
	display: none;
}
.titular-sub-title {
	color: var(--secondary-color);
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}
h1.titular-title {
	font-size: 4.25rem;
	font-weight: 400;
}
h2.titular-title {
	font-size: 2.5rem;
	font-weight: 400;
}
.dark .titular-sub-title, .dark .titular-title {
	color: #F0E9D8;
}
.owl-carousel.nav-left-top .owl-nav [class*=owl-] {
	top: 16px;
	left: 16px;
	margin-top: 0;
	opacity: 1;
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	font-size: 1.5rem;
}
.owl-carousel.nav-left-top .owl-nav [class*=owl-]:hover {
	background-color: rgba(255,255,255,0.3) !important;
}
.owl-carousel.nav-left-top .owl-nav .owl-next {
	right: auto;
	left: 57px;
}
.owl-carousel.nav-left-top .owl-nav .disabled {
	display: block !important;
}

#footer {
	background: url('sample/footer-bg.jpg') no-repeat center center;
	background-size: cover;
}
#footer-logo {
	max-width: 190px;
}
#footer .widget_links a {
	color: #ABB0B4;
}
#footer .widget_links a:hover {
	color: #fff;
}
#copyrights {
	background-color: rgba(0, 0, 0, 0);
	color: #ABB0B4;
}
#copyrights .container {
	border-top: solid 1px rgba(255,255,255,0.1);
	padding: 1rem 0;
}
#footer .copyright-links a {
	color: #ABB0B4;
	border-bottom: none;
}
#footer .copyright-links a:hover {
	color: #fff;
}
.copyright-link a {
	font-size: 1rem;
	padding: 7px 5px;
	color: #2d2d2d;
	display: block;
}
.font-weight-thin {
	font-weight: 200 !important;
}

#footer, #copyrights, #footer a, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5 {
 color: #fff;
}
#footer #footer-community .si-light {
	color: #fff !important;
	border-color: #fff !important;
}
#footer #footer-community .si-light:hover {
	border-color: transparent !important;
}

.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
}
@keyframes fadeInUpSmall {
	from {
	opacity: 0;
	-webkit-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0);
	}

	to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
}

@media (max-width: 991.98px) {
	#header {
		z-index: 999;
	}
	.dark #header, #header.dark {
		background-color: transparent;
		border-bottom-color: transparent;
		z-index: 99;
	}
	.dark #header-wrap, #header, #header-wrap {
		background-color: transparent;
	}
	#slider.include-header {
		margin-top: -60px;
	}
	.primary-menu-open #slider.include-header {
		margin-top: 0;
	}
	.primary-menu-open .dark #header-wrap {
		background-color: #fff;
	}
	.primary-menu-open .dark .svg-trigger path {
		stroke: #333;
	}
	.primary-menu-open .dark .menu-link, 
	.primary-menu-open .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link, 
	.primary-menu-open .dark .menu-item .sub-menu-trigger {
		color: #444;
	}
	.menu-link span, .menu-container > .menu-item > .menu-link > div {
		display: inline-block;
	}
	.menu-container > .menu-item > .menu-link > div {
		font-size: 1rem;
	}
	.menu-link span, .ts-small .sub-menu-container .menu-item > .menu-link {
		font-size: 0.875rem;
	}
	.sticky-header .menu-container {
  	max-height: calc(100vh - 61px);
		margin: 0;
	}
	.menu-item:not(:first-child), .sub-menu-container .menu-item:not(:first-child), .sub-menu-container, .mega-menu-content {
		border-top-color: transparent;
	}
}
@media (max-width: 767.98px) {
	body {
		font-size: 0.85rem;
	}
	.case-title h1 {
		font-size: 2.25rem;
	}
	.case-title h1 + span {
		font-size: 1rem;
	}
	.case-guid a {
		font-size: 1rem;
	}
	.titular-sub-title {
		font-size: 0.75rem;
	}
	h1.titular-title {
		font-size: 2.5rem;
	}
	h2.titular-title {
		font-size: 1.5rem;
	}
}
@media (max-width: 575.98px) {
	#primary-menu-trigger {
		margin-right: -0.5rem;
	}
	.slider-element .container, .slider-element .container-fuild {
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media (min-width: 768px) {
	.f-md-16 {
		font-size: 1rem;
	}
	.f-md-20 {
		font-size: 1.25rem;
	}
	.f-md-24 {
		font-size: 1.5rem;
	}
	.w-md-28 {
		width: 28px !important;
	}
	.w-md-48 {
		width: 48px !important;
	}
	.footer-widgets-wrap {
		position: relative;
	}
	.footer-widgets-wrap:before {
		position: absolute;
		left: 50%;
		top: 0;
		display: block;
		content: '';
		width: 1px;
		height: 100%;
		background-color: rgba(255,255,255,0.1);
	}
}
@media (min-width: 992px) {
	#logo img {
		max-height: 80px !important;
		height: 80px !important;
	}
	.sticky-header-shrink #header-wrap #logo img {
		padding: 5px 0;
		max-height: 80px !important;
		height: 60px !important;
	}
	.dark .primary-menu > .menu-container > .menu-item:hover > .menu-link, .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link  {
		color: #F0E9D8;
	}
	.dark .primary-menu:not(.not-dark) .sub-menu-container {
		background-color: #333;
		border-color: rgba(255, 255, 255, 0.05);
		border-top-color: rgba(255, 255, 255, 0.05);
	}
}
@media (min-width: 1440px) {
	#footer .container {
		max-width: 1292px;
	}
}
@media (min-width: 1700px) {
    .container {
        max-width: 1624px;
    }
}
/* Page Style */
#page-title {
	background-color: transparent;
	border-bottom: none;
}
.article-page-title .slider-caption h2 {
	font-size: 3.75rem;
	font-weight: normal;
}
.article-page-title .slider-caption h4 {
	font-size: 1.5rem;
	font-weight: normal;
}
@media (max-width: 767.98px) {
	.article-page-title .slider-caption h2 {
		font-size: 2.75rem;
	}
}

.entry-image, .entry-image img {
	border-radius: 0;
}
.entry .entry-c > .row > .entry-title > h2 {
	padding-right: 1.5rem;
	position: relative;
}
.entry .entry-c > .row > .entry-title > h2:before {
	content:'→';
	display: block;
	font-size: 1.15rem;
	line-height: 1.5;
	color: var(--color-text);
	position: absolute;
	right: 0;
	top: 0;
	font-weight: normal;
}
.si-share .social-icon {
	border-radius: 20px;
	font-size: 1.25rem;
}
.si-share .social-icon i.icon-line:last-child {
	background: url(/front/footer/tf01_101/image/sns-line-t-w.png) no-repeat center center;
	background-size: cover;
}

.form-group:not(.row) {
	display: flex;
	position: relative;
}
.form-group:not(.row):before {
	content: '';
	display: block;
	width: calc(100% - 10px);
	height: 1px;
	background-color: #dee2e6;
	position: absolute;
	left: 5px;
	bottom: 0;
}
.form-group:not(.row):last-child:before {
	display: none;
}
.form-group:not(.row) label {
	min-width: 5rem;
	position: relative;
	margin-top: 12px;
	font-weight: normal;
}
.form-group:not(.row) label:after {
	/* content:'/';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	color: #c5c5c5;
	font-size: 0.875rem; */
}
.form-group:not(.row) label small {
	float: left;
	margin-right: 0.25rem;
}
/* .form-group:not(.row):nth-last-child(2) label {
	display: none;
} */
.sm-form-control {
	border-color: transparent;
}
.sm-form-control:focus {
	border-color: transparent;
	border-bottom-color: #AAA;
}

.widget_links:not(.widget-li-noicon) li::before {
	content: '\e7b0';
  font-size: 0.25rem;
  line-height: 1.25rem;
}
.sidebar-widgets-wrap li, .sidebar-widgets-wrap li a {
	color: rgba(0,0,0,0.2);
}
.sidebar-widgets-wrap .widget_links ul li.active > a {
  font-weight: normal;
}
.sidebar-widgets-wrap li.active.color, .sidebar-widgets-wrap li.active.color a {
	color: #000 !important;
}

#page-title h1 {
	font-size: 1.5rem;
	position: relative;
	font-weight: normal;
	transform: translateY(-100%);
}
#page-title h1:after {
	font-size: 3.75rem;
	line-height: 1;
	font-weight: 500;
	position: absolute;
	left: 0;
	top: 100%;
}

@media (max-width: 767.98px) {
	#page-title h1 {
		padding-bottom: 64px;
		transform: translateY(0);
	}
	#page-title h1:after {
		left: 50%;
		transform: translateX(-50%);
		top: auto;
		bottom: 0;
	}
}