@charset "utf-8";

/*!
  * layout v4.1.1
  */


/***************************************************************
	[layout]
***************************************************************/
html, body {/* height:100%;*/ }
.wrapper { display:flex; flex-wrap:wrap; flex:1 0 100%; transition:all 0.2s ease-out; }
.header-wrap { max-width:100%; min-width:320px; min-height:56px; position:fixed; top:0; right:0; left:0; z-index:1030; }
.main-wrap { min-height:100vh; padding-top:56px; display:flex; flex-direction:column; flex:0 0 auto; max-width:100%; transition:all 0.2s ease-out; }
.footer-wrap {  }
/****** responsive & retina specific ******/
@media (min-width:768px) {
    .header-wrap { min-height:96px; }
    .main-wrap { padding-top:110px; padding-bottom:24px; }
}
@media (min-width:1400px) {
    .page-sub .container,
    .page-sub .container-xxl { max-width:960px; }
}


/***************************************************************
	[header wrap]
***************************************************************/
.header-wrap.navbar-shrink { background-color:rgba(255,255,255,1); box-shadow:0 8px 16px rgba(0,0,0,0.0), inset 0 -1px 0 rgba(0,0,0,0.1); }
.header-wrap:not(.navbar-shrink) { box-shadow:0 8px 16px rgba(0,0,0,0), inset 0 -1px 0 rgba(0,0,0,0.095); }

/************ [brand] ************/
.header-wrap .navbar .nav-brand h1 { margin-bottom:0; }


.header-wrap .navbar-expand .navbar-toggler { transition:all 0.2s ease-out; will-change:transform; }
.header-wrap .navbar-expand .navSidebarToggler-mini { display:none !important; }
.header-wrap:not(.navbar-shrink) .navbar-toggler .navbar-toggler-drawer > span { background-color:#212529; }
.header-wrap .navbar-nav .nav-link { padding:7px 12px 9px 12px; color:#212529; font-size:14px; }
.header-wrap .navbar-inner .navbar-nav .nav-item .btn-signup { margin-left:21px; padding-right:21px; padding-left:21px; }
.header-wrap .navbar-inner .navbar-nav .nav-item .btn.link-on { font-weight:600; }
/****** responsive & retina specific ******/
@media (max-width:767px) {	
    .header-wrap .navbar .container-xxl { padding-right:0; padding-left:0; }	
	.header-wrap .navbar-inner .navbar-nav .nav-item .btn {  }	
}	
@media (max-width:576px) {	
	.header-wrap .navbar-inner .navbar-nav .nav-item .btn { padding-right:6px; padding-left:6px; font-size:13px; }	
	.header-wrap .navbar-inner .navbar-nav .nav-item .btn-signup { padding-right:6px !important; padding-left:6px !important; }	
}	
@media (max-width:341px) {	
	.header-wrap .navbar-inner .navbar-nav .nav-item .btn { padding-right:4px; padding-left:4px; font-size:12px; }	
}	
@media (max-width:327px) {	
	.header-wrap .navbar-inner .navbar-nav .nav-item .btn { padding-right:2px; padding-left:2px; }	
}
@media (min-width:768px) {
	.header-wrap .navbar {  padding-top:28px; padding-bottom:27px; box-shadow:none; }
   
    .header-wrap .navbar-inner .navbar-nav .nav-item .btn { font-size:16px; }
}


/***************************************************************
	[main]
***************************************************************/
.main-header { padding:8px 12px; flex:none; flex-direction:column; overflow-x:visible; }


/****** responsive & retina specific ******/
@media (min-width:769px) {
	.main-header { padding:24px; }
	.main-body { padding:0px; }
    .page-sub .main-body { padding:0; }
    .main-header.sr-only + .main-body { padding-top:14px; }
	
}

/************ customizing ************/
/****** create ******/
.page-create .main-header { width:100%; max-width:960px !important; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; }
.page-create .main-header h1, .page-create .main-header .h1 { margin-bottom:9px; }
.page-create .main-body .container { max-width:960px !important; }


/***************************************************************
	[segment wrap]
***************************************************************/
.segment-wrap { margin-top:8px; }

.main-body form input[type="hidden"] + .segment-wrap,
.segment-wrap:first-child { margin-top:0; }
.segment-header { padding:12px 16px; border-bottom:1px solid #dcdde1; }
.segment-header .heading { display:flex; align-items:center; align-content:flex-start; }
.segment-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.segment-header h2, .segment-header .h2 { font-size:16px; }
.segment-body { padding:0; }
.segment-footer { padding:0 12px 12px; }

/****** responsive & retina specific ******/
@media (min-width:768px) {
	.segment-header h2, .segment-header .h2 { font-size:20px; }
}

/***************************************************************
	[panel wrap]
***************************************************************/
.panel-wrap .panel-body { padding-right:0; padding-left:0; }


/***************************************************************
	[footer wrap]
***************************************************************/
.footer-wrap { border-top:1px solid #e7e7e7; }
.footer-wrap .footer-nav { margin-top:4px; }
.footer-body .logo-wrap { margin-right:16px; }


.footer-body .address-wrap { display:flex; flex-wrap:wrap; }
.footer-body .address-wrap::before { content:""; order:5; flex-basis:100%; height:0; }
.footer-body .address-wrap div { flex-grow:0; }
.footer-body .address-wrap div:nth-child(1) { order:1; }
.footer-body .address-wrap div:nth-child(2) { order:2; }
.footer-body .address-wrap div:nth-child(3) { order:3; }
.footer-body .address-wrap div:nth-child(4) { flex-grow:1; order:4; }
.footer-body .address-wrap div:nth-child(5) { order:6; }
.footer-body .address-wrap div:nth-child(6) { order:7; }
.footer-body .address-wrap div:nth-child(7) { order:8; }
.footer-body .address-wrap div:nth-child(8) { order:9; }

.footer-body .address-wrap div::after { content:""; width:1px; height:8px; margin-left:10px; margin-right:10px; display:inline-block; position:relative; top:-1px; background-color:rgba(0,0,0,0.3); }
.footer-body .address-wrap div:nth-child(4)::after,
.footer-body .address-wrap div:last-child::after { content:none; }

/****** responsive & retina specific ******/
@media (max-width:767px) {
    .footer-body .logo-wrap { display:none; }
    .footer-body .col-12.col-lg-auto + .col { margin-top:0; }
}


/***************************************************************
	[page]
***************************************************************/
/************ [tab segment] ************/
.tab-segment { position:relative; }
.tab-segment:before { content:""; width:100%; height:1px; position:absolute; bottom:0; left:0; background-color:#ddd; }
.tab-segment .container { }
.tab-segment .segment-body { margin-right:auto; margin-left:auto; padding-right:0; padding-left:0; }
.tab-segment .tab-wrap {  }
.tab-segment .nav { justify-content:space-between; }
.tab-segment .nav.nav-underbar .nav-link { padding:14px 0 15px; position:relative; color:#888; line-height:1.3; word-break:keep-all; }
.tab-segment .nav.nav-underbar .nav-link:before { content:""; width:130%; height:3px; position:absolute; bottom:0; left:-15%; background-color:#a99455; visibility:hidden; transform:scaleX(0); transition:.25s linear; }
.tab-segment .nav.nav-underbar .nav-link:after {content: ''; transform:rotate(30deg); width:1px; height:15px; background:#d0be86;position: absolute;top: 50%;margin-top: -10px;right:-30px;}
.tab-segment .nav.nav-underbar .nav-link:hover:before,
.tab-segment .nav.nav-underbar .nav-link:focus:before,
.tab-segment .nav.nav-underbar .nav-link.active { color:#a99455; font-weight:500; }
.tab-segment .nav.nav-underbar .nav-link.active:before { visibility:visible; transform:scaleX(1); }

/****** responsive & retina specific ******/
@media (min-width:425px) {
    .tab-segment .nav.nav-underbar .nav-link { padding-right:0; padding-left:0; margin-left:12px; margin-right:12px; }
}
@media (min-width:576px) {
    .tab-segment .nav.nav-underbar .nav-link { padding-right:0; padding-left:0; margin-left:16px; margin-right:16px;  }
}
@media (min-width:768px) {
    .tab-segment .nav { justify-content:center; }
    .tab-segment .nav.nav-underbar .nav-link { margin-right:30px; margin-left:30px; }
}


/************ [data empty] ************/
.data-empty-wrap { padding:10rem 0; display:flex; flex-direction:column; justify-content:space-between; align-items:center; }
.data-empty-wrap .body { height:100%; padding-right:15px; padding-left:15px; display:flex; flex-direction:column; justify-content:center; align-items:center;  }
.data-empty-wrap .body > h4 { margin-bottom:16px; font-size:24px; text-align:center; word-break:keep-all; }
.data-empty-wrap .body > p { font-size:16px; }
.data-empty-wrap .body .form-group.justify-content-center { padding-top:64px; }
.data-empty-wrap .btn-empty { padding-right:64px; padding-left:64px; }


/************ [form layout] ************/
.form-layout-wrap .form-layout-group { border:0; }
.form-layout-wrap .form-layout-row { border-top:0; }
.form-layout-wrap .form-layout-row:first-child { border-top:1px solid #eaeaea; }
.form-layout-wrap .form-layout-row:last-child { border-bottom:1px solid #eaeaea; }
.form-layout-wrap .form-layout-header { border-right:0; border-left:0; }
.form-layout-wrap .form-layout-header,
.form-layout-wrap .form-layout-body { background-color:#fff; }
.form-layout-wrap .form-layout-label.required:before { top:32px; }

.form-layout-wrap.area-box{padding:20px; background: #fff; border:1px solid #e9eef3; border-radius: 10px;box-shadow: 0 8px 16px rgba(0,0,0,0), inset 0 -1px 0 rgba(0,0,0,0.095);}

/*** type static ***/
.form-layout-wrap.static-type .form-layout-header,
.form-layout-wrap.static-type .form-layout-body { padding-top:5px; padding-bottom:5px; }

.search-segment .form-layout-wrap .form-layout-header,
.search-segment .form-layout-wrap .form-layout-body { padding-top:16px; padding-bottom:16px; }
.search-segment .form-layout-footer { padding-bottom:28px; }
.sub-block-wrap { padding:12px 20px; position:relative; background-color:#f7f9fa; border:1px solid rgba(0,0,0,0.075); border-radius:4px; transition: all 0.2s linear 0s; }
.sub-block-wrap .sub-block-header { margin-bottom:8px; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
    .form-layout-wrap .form-layout-row { /*border-top:1px solid #eaeaea;*/ }
	.form-layout-wrap .form-layout-label { width:148px; }
    .form-layout-wrap .form-layout-header,
    .form-layout-wrap .form-layout-body { padding-top:12px; padding-bottom:12px; }
}


/************ [form] ************/
.form-control:focus { border-color:#0074e0; }


/************ [table] ************/
.table-light {}

.table-wrap .table-responsive::-webkit-scrollbar { width:11px; height:11px; }
.table-wrap .table-responsive::-webkit-scrollbar-track { background-color:#fff; }
.table-wrap .table-responsive::-webkit-scrollbar-thumb { background-color:#7d7e7f; border-radius:20px; border:2px solid #fff; }
.table-wrap .table-responsive::-webkit-scrollbar-thumb:hover { background-color:#666; }
.table-wrap .table-responsive::-webkit-scrollbar-corner { background-color:#fff; }

/************ [modal] ************/
.modal h4.title { margin-right:auto; margin-left:auto; margin-bottom:40px; text-align:center; font-size:20px; font-weight:500; }
.modal h4.title:after { content:""; width:100px; height:1px; display:inline-block; position:absolute; top:55px; left:calc(50% - 50px); background-color:#ddd; }

.modal p.border-line { border-bottom:1px solid #555; padding-bottom:5px; font-weight:500; margin-bottom:0; }
.modal ul.list { border-bottom:1px solid #ddd; padding:15px 10px; list-style:none; margin-bottom:0; }
.modal ul.list li { display:flex; padding:5px 0; }
.modal ul.list span { color:#333; font-size:13px; min-width:80px; }
.modal ul.list span:last-child { color:#737373; }

.modal .table tbody th { background-color:#f6f6f6; }
.modal .table-bordered thead tr th:first-child, .modal .table-bordered thead tr td:first-child,
.modal .table-bordered tbody tr th:first-child, .modal .table-bordered tbody tr td:first-child,
.modal .table-bordered tfoot tr th:first-child, .modal .table-bordered tfoot tr td:first-child { border-left-color:#dee2e6; border-right-color:#dee2e6; }
.modal .table-bordered thead tr th:last-child, .modal .table-bordered thead tr td:last-child,
.modal .table-bordered tbody tr th:last-child, .modal .table-bordered tbody tr td:last-child,
.modal .table-bordered tfoot tr th:last-child, .modal .table-bordered tfoot tr td:last-child { border-right-color:#dee2e6; }
.modal .table tbody tr:last-child th, .modal .table tbody tr:last-child td,
.modal .table thead tr:last-child th[colspan], .modal .table thead tr:last-child td[colspan] { border-color:#dee2e6; }

.modal .panel-wrap.copyright-panel .panel-body { padding:24px; }
.modal .panel-wrap.copyright-panel .logo-copyright { margin:0 auto 32px; text-align:center; }
.modal .panel-wrap.copyright-panel .logo-copyright img { width:120px; }
.modal .panel-wrap.copyright-panel .list-paragraph { margin:0 auto 64px; }
.modal .panel-wrap.copyright-panel p { word-break:keep-all; }

.modal-carousel .swiper-slide img { width:auto; max-width:100%; max-height:100%; }

.modal .rating-star .tencon-star-filled { font-size:14px; }
.modal .form-layout-wrap .form-layout-row:first-child { border-top:none; }
.modal .form-layout-wrap .form-layout-row:last-child { border-bottom:none; }
.modal .form-sm .form-layout-wrap .form-layout-label {color:#6a737f; }
.modal textarea.form-control { margin:5px 0; }

.modal .form-layout-wrap .form-layout-body .form-control-txt { height:inherit !important; }

.modal-reviewDetail .modal-header { min-height:60px; }
.modal-reviewDetail .modal-header:after { content:''; height:1px; width:calc(100% - 70px); background-color:#888; position:absolute; top:60px; }
/****** responsive & retina specific ******/
@media (min-width:428px) {
	.modal .panel-wrap.copyright-panel .panel-body { padding-right:40px; padding-left:40px; }
	.modal .panel-wrap.copyright-panel .list-paragraph { width:348px; }	
}
@media (min-width:576px) {
	.modal .form-sm .form-layout-wrap .form-layout-label { padding-top:10px; padding-bottom:11px; color:#6a737f; }
	.modal .form-sm .form-layout-wrap .form-layout-body { padding-top:4px; padding-bottom:11px; }
}
@media (max-width:575px) {
	.modal h4.title:after { top:50px; }
	.modal .form-sm .form-layout-wrap .form-layout-body { padding-top:0; padding-bottom:15px; }
	.modal .modal-header { padding:24px 25px 0; }
	.modal .modal-body { padding:15px 20px; }
	
	.modal-reviewDetail .modal-header:after { width:calc(100% - 50px); top:55px; }
}

/************ [base] ************/
a { color:#0074e0; cursor:pointer; }
a:hover { color:#0074e0; }

/**.btn-primary { border-color:#0074e0; background-color:#0074e0; }
.btn-primary:hover { /*border-color:#3758d5; background-color:#3758d5;* / border-color:#005cda; background-color:#005cda; }
.btn-primary:focus, .btn-primary.focus { border-color:#005cda; background-color:#005cda; }
.btn-primary.disabled, .btn-primary:disabled { border-color:#0074e0; background-color:#0074e0; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { border-color:#005cda; background-color:#005cda; }

.btn-outline-primary { border-color:#0074e0; color:#0074e0; }
.btn-outline-primary:hover { background-color:#0074e0; border-color:#0074e0; color:#fff; }
.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow:0 0 0 0.2rem rgba(0,123,255,0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color:#0074e0; background-color:transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle { color:#fff; background-color:#0074e0; border-color:#0074e0; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(0,123,255,0.5); }

.btn-outline-primary-15 { background-color:#deedfb; border-color:#0074e0; color:#0074e0; }
.btn-outline-primary-15:hover { background-color:#bfdcf7; border-color:#0074e0; color:#0074e0; }
.btn-outline-primary-15:focus, .btn-outline-primary-15.focus { box-shadow:0 0 0 0.2rem rgba(0,123,255,0.5); }
.btn-outline-primary-15.disabled, .btn-outline-primary-15:disabled { color:#0074e0; background-color:transparent; }
.btn-outline-primary-15:not(:disabled):not(.disabled):active, .btn-outline-primary-15:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary-15.dropdown-toggle { color:#0074e0; background-color:#bfdcf7; border-color:#0074e0; }
.btn-outline-primary-15:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-15:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary-15.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(0,123,255,0.5); }

.btn-outline.btn-primary, .btn-outline2.btn-primary { color:#0074e0; }
.btn-outline.btn-primary:hover, .btn-outline2.btn-primary:hover { color:#3758d5; }
.btn-outline.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-primary:not(:disabled):not(.disabled):active, .btn-outline2.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-primary.dropdown-toggle, .show > .btn-outline2.btn-primary.dropdown-toggle { color:#314dbb; }
.btn-outline.btn-hover.btn-primary:hover,
.btn-outline2.btn-hover.btn-primary:hover { background-color:#3758d5 !important; color:#fff; }
.btn-outline.btn-hover.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-primary:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-primary:not(:disabled):not(.disabled).active { background-color:#314dbb !important; }

.btn-toggle-group > .btn-outline.btn-primary:first-child, .btn-toggle-group > .btn-outline2.btn-primary:first-child { border-right-color:#0074e0; }
.btn-toggle-group > .btn-outline.btn-primary:not(:first-child):not(:last-child), .btn-toggle-group > .btn-outline2.btn-primary:not(:first-child):not(:last-child) { border-left-color:#0074e0; border-right-color:#0074e0; }
.btn-toggle-group > .btn-outline.btn-primary:last-child, .btn-toggle-group > .btn-outline2.btn-primary:last-child { border-left-color:#0074e0; }
.btn-toggle-group > .btn-outline.btn-primary:hover, .btn-toggle-group > .btn-outline.btn-primary:active, .btn-toggle-group > .btn-outline.btn-primary.active,
.btn-toggle-group > .btn-outline.btn-primary:focus, .btn-toggle-group > .btn-outline.btn-primary.focus,
.btn-toggle-group > .btn-outline2.btn-primary:hover, .btn-toggle-group > .btn-outline2.btn-primary:active, .btn-toggle-group > .btn-outline2.btn-primary.active,
.btn-toggle-group > .btn-outline2.btn-primary:focus, .btn-toggle-group > .btn-outline2.btn-primary.focus { border-color:#0074e0; }
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:hover, .btn-toggle-group > .btn-outline.btn-hover.btn-primary:active, .btn-toggle-group > .btn-outline.btn-hover.btn-primary.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-primary.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:hover, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary.focus { background-color:#0074e0 !important; }

.btn-toggle-primary.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary { background-color:#c6b275; }
.btn-toggle-primary.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-outline { border-color:#c6b275; }
.btn-toggle-primary.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-outline > .handle { background-color:#c6b275; }
.btn-toggle-primary.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-inner.btn-toggle-outline::after { color:#c6b275; }*/

/*** checkbox ***/
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color:rgbaa(198,178,117,0.35); border-color:rgbaa(198,178,117,0); }
/*** radio ***/
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color:rgbaa(198,178,117,0.35); border-color:rgbaa(198,178,117,0); }
/*** valid / invalid ***/
.custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color:#c6b275; border-color:#c6b275; }

.page-item.active .page-link { background-color:#c6b275; border-color:#c6b275; }




/*** primary ***/
.btn-primary { background-color:#a99455; border-color:#a99455; color:#fff; }
.btn-primary:hover { background-color:#9b7b35; border-color:#9b7b35; color:#fff; }
.btn-primary:focus, .btn-primary.focus { background-color:#9b7b35; border-color:#9b7b35; box-shadow:0 0 0 0.2rem rgba(171,147,74,0.5); color:#fff; }
.btn-primary.disabled, .btn-primary:disabled { background-color:#c6c6c6; border-color:#c6c6c6; color:#f4f4f4; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { background-color:#CFCFCF; border-color:#CFCFCF; color:#fff; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(171,147,74,0.5); }

.btn-outline-primary { border-color:#a99455; color:#a99455;background: #fff; }
.btn-outline-primary:hover { background-color:#9b7b35; border-color:#9b7b35; color:#fff; }
.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow:0 0 0 0.2rem rgba(198,178,117,0.25); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color:#c6c6c6; background-color:transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle { color:#fff; background-color:#C5C5C5; border-color:#C5C5C5; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(198,178,117,0.5); }

.btn-outline-primary-15 { background-color: #f4f2ef;border-color: #d1d1d1;color: #a99455; }
.btn-outline-primary-15:hover { background-color:#efe8dc; border-color:#d1d1d1; color:#8e7138; }
.btn-outline-primary-15:focus, .btn-outline-primary-15.focus { box-shadow:0 0 0 0.2rem rgba(198,178,117,0.25); }
.btn-outline-primary-15.disabled, .btn-outline-primary-15:disabled { color:#999; background-color:transparent; }
.btn-outline-primary-15:not(:disabled):not(.disabled):active, .btn-outline-primary-15:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary-15.dropdown-toggle { color:#ae9959; background-color:#efe8dc; border-color:#c6b275; }
.btn-outline-primary-15:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-15:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary-15.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(198,178,117,0.5); }

.btn-outline-sub { background-color:#999;border-color: #999;color: #fff }
.btn-outline-sub:hover { background-color:#b9b9b9; border-color:#b9b9b9; color:#fff; }
.btn-outline-sub:focus, .btn-outline-sub.focus { box-shadow:0 0 0 0.2rem rgba(119,119,119,0.5); }
.btn-outline-sub.disabled, .btn-outline-sub:disabled { color:#999; background-color:transparent; }
.btn-outline-sub:not(:disabled):not(.disabled):active, .btn-outline-sub:not(:disabled):not(.disabled).active,
.show > .btn-outline-sub.dropdown-toggle { color:#ae9959; background-color:#efe8dc; border-color:#c6b275; }
.btn-outline-sub:not(:disabled):not(.disabled):active:focus, .btn-outline-sub:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-sub.dropdown-toggle:focus { box-shadow:0 0 0 0.2rem rgba(119,119,119,0.5); }


.btn-outline.btn-primary, .btn-outline2.btn-primary { color:#a99455; }
.btn-outline.btn-primary:hover, .btn-outline2.btn-primary:hover { color:#9b7b35; }
.btn-outline.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-primary:not(:disabled):not(.disabled):active, .btn-outline2.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline.btn-primary.dropdown-toggle, .show > .btn-outline2.btn-primary.dropdown-toggle { color:#999; }
.btn-outline.btn-hover.btn-primary:hover,
.btn-outline2.btn-hover.btn-primary:hover { background-color:#a99455 !important; color:#fff; }
.btn-outline.btn-hover.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-hover.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline2.btn-hover.btn-primary:not(:disabled):not(.disabled):active, .btn-outline2.btn-hover.btn-primary:not(:disabled):not(.disabled).active { background-color:#CFCFCF !important; color:#fff; }

.btn-toggle-group > .btn-outline.btn-primary:first-child,
.btn-toggle-group > .btn-outline2.btn-primary:first-child { border-right-color:#ab934a; }
.btn-toggle-group > .btn-outline.btn-primary:not(:first-child):not(:last-child),
.btn-toggle-group > .btn-outline2.btn-primary:not(:first-child):not(:last-child) { border-left-color:#ab934a; border-right-color:#ab934a; }
.btn-toggle-group > .btn-outline.btn-primary:last-child,
.btn-toggle-group > .btn-outline2.btn-primary:last-child { border-left-color:#ab934a; }
.btn-toggle-group > .btn-outline.btn-primary:hover,
.btn-toggle-group > .btn-outline.btn-primary:active, .btn-toggle-group > .btn-outline.btn-primary.active,
.btn-toggle-group > .btn-outline.btn-primary:focus, .btn-toggle-group > .btn-outline.btn-primary.focus,
.btn-toggle-group > .btn-outline2.btn-primary:hover,
.btn-toggle-group > .btn-outline2.btn-primary:active, .btn-toggle-group > .btn-outline2.btn-primary.active,
.btn-toggle-group > .btn-outline2.btn-primary:focus, .btn-toggle-group > .btn-outline2.btn-primary.focus { border-color:#ab934a; }
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:hover,
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:active, .btn-toggle-group > .btn-outline.btn-hover.btn-primary.active,
.btn-toggle-group > .btn-outline.btn-hover.btn-primary:focus, .btn-toggle-group > .btn-outline.btn-hover.btn-primary.focus,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:hover,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:active, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary.active,
.btn-toggle-group > .btn-outline2.btn-hover.btn-primary:focus, .btn-toggle-group > .btn-outline2.btn-hover.btn-primary.focus { background-color:#ab934a !important; }


.btn-toggle-primary.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary { background-color:#ab934a; }
.btn-toggle-primary.btn-toggle-outline.active,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-outline { border-color:#ab934a; }
.btn-toggle-primary.btn-toggle-outline.active > .handle,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-outline > .handle { background-color:#ab934a; }
.btn-toggle-primary.btn-toggle-inner.btn-toggle-outline.active::after,
.custom-switch input[type="checkbox"]:checked + .btn-toggle-primary.btn-toggle-inner.btn-toggle-outline::after { color:#ab934a; }

/***************************************************************
	[photo review segment]
***************************************************************/
.review-segment { padding-top:20px; padding-bottom:0;background: #f8f9fa; }
.review-segment .segment-header h2 { font-size:28px; font-weight:400; }
.review-segment .panel-body { padding:18px 0 0; }
.review-segment .review-wrap { padding:0 32px; }

.review-segment .panel-wrap { margin-bottom:0; }
.review-segment .rating-star { display:inline-block; }
.review-segment .rating-star i { font-size:14px; }
.review-segment .review-header { position:relative; }
.review-segment .review-header .writer { display:inline-block; margin-left:10px; font-size:14px; color:#212529; }
.review-segment .review-header .time { position:absolute; right:10px; top:5px; color:#999; font-size:13px; }
.review-segment .review-header .txt-option { color:#999; font-size:13px; margin-top:10px; margin-bottom:20px; max-width:370px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.review-segment span.star { margin-left:1px; }
.review-segment span.star .icon-star { content:''; position:relative; width:16px; height:17px; display:inline-block; background-image: url(../images/bg_icon_sprite_svg.svg); background-repeat:no-repeat; background-position:0 1px; background-size:800px 1000px; background-color:transparent; outline:none; border:none; top:2px; margin-left:-2px; }
.review-segment span.star .icon-star.half { background-position:-17px 1px; }
.review-segment span.star .icon-star.blank { background-position:-34px 1px; }
.review-segment .review-body-area {/*display: flex;*/}
.review-segment .review-body-group {/*width: 50%;*/width:100%}
.review-segment .review-body-group { position: relative; margin-top:0 !important; margin-bottom:16px; padding: 15px 30px; text-align:left; }
.review-segment .review-body-group:first-child::after {content: '';  width: 1px; height:80%; background: #ededed; position: absolute; right: 0;top:10%;}

.review-segment .review-body-group a { width:100%; padding-top:0; padding-bottom:0; text-decoration: none;}
.review-segment .review-body-group .review-body { margin-top:-55px; }
.review-segment .review-body-group .review-body .review-text-group { margin-top:65px; padding-right:5px; }
.review-segment .review-body-group .review-body .review-text-group .label-ribbon { background-color:#101010; color:#ffd335; font-size:12px; border-radius:50px; padding:1px 10px 3px; padding-left:7px; margin-right:7px; margin-bottom:5px; position:relative; top:-2px; }
.review-segment .review-body-group .review-body .review-text-group .label-ribbon:before { content:''; position:relative; width:16px; height:17px; display:inline-block; background-image: url(../images/bg_icon_sprite_svg.svg); background-repeat:no-repeat; background-position:0 -89px; background-size:800px 1000px; background-color:transparent; outline:none; border:none; top:2px; margin-right:3px; }
.review-segment .review-body-group .review-body .review-text-group .review-text { /*max-height:844px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:24px; height:90px; */}

.review-segment .condition-wrap { /*margin-right:-8px; margin-left:-8px;*/ margin-bottom:2px; padding-right:24px; padding-left:24px; }
.review-segment .condition-wrap.form-group { width:auto; border-bottom: 1px solid #ddd;}
.review-segment .condition-wrap .form-btn-group { width:100%; padding-bottom:10px; }
.review-segment .condition-wrap .form-btn-group .title { font-weight:700; font-size: 20px; }
.review-segment .condition-wrap .form-btn-group span.num { font-size:14px; color:#a99455; margin-left:8px; position:relative; top:2px; }
.review-segment .condition-wrap .form-btn-group span.tx-dis {font-size:15px; color:#777; line-height: 1.8;margin-left: 10px;letter-spacing: -1px;}
.review-segment .condition-wrap .form-btn-group .btn { margin-right:-1px; }


/****** responsive & retina specific ******/
@media (min-width:768px) {
	.review-segment .panel-body { padding:32px 0 0; border:1px solid #ddd; margin-top:30px;border-radius: 5px; }
	.review-segment .review-wrap { padding:0 40px; }
	.review-segment .review-body-group a,
	.review-segment .review-row { padding-top:16px; padding-bottom:16px; }
	.review-segment .review-body-group .review-body .review-text-group .review-text {  font-family: 'S-CoreDream-3Light';/* max-height:90px; -webkit-line-clamp:4; height:90px;*/ }
	.review-segment .condition-wrap { padding-right:32px; padding-left:32px; }
}
@media (max-width:767px) {
	.review-segment .review-wrap { padding:0 20px; margin-top: 25px;}
	.review-segment .condition-wrap {padding: 0px;}
	.review-segment .condition-wrap.form-group {border-bottom: 2px solid #111;}
	.review-segment .review-body-area {display: block;}
	.review-segment .review-body-group {width: 100%;    padding: 10px 0px;margin-bottom: 5px;}
	.review-segment .review-body-group:first-child::after  {display: none;}
	.review-segment .panel-body:before { content:''; position:relative; height:1px; width:100%; background-color:#ddd; display:block; top:-25px; left:0px; }
	.review-segment .review-body-group .review-body .review-text-group .review-text {font-family: 'S-CoreDream-3Light';}
	.review-segment .panel-body:before{display: none;}
	.review-segment .control-angle-box .swiper-button-prev,
	.review-segment .control-angle-box .swiper-button-next { width:30px; height:30px; margin-top:-22px; }
	.review-segment .segment-header h2 { font-size:20px; }
	
}

@media (max-width:425px) {
	/*.review-segment .container { padding-right:0; padding-left:0; }*/
	
}


/***************************************************************
	[video]
***************************************************************/
.page-video .main-wrap { background-color:#f4efe3;
	background-size:400% 400%;
	animation:gradient 15s ease infinite;
}
.page-video .segment-wrap { background-color:transparent; }
.page-video .video-wrap { /*display:flex;*/
	background-color: transparent;
}
.page-video .video-wrap .nav-brand img { width:130px; height:auto; top:0; display:block; position:relative; margin-bottom:30px; }
.page-video .video-wrap .video-box { background-color:transparent; }
.page-video .video-wrap .video-box .header { margin-bottom:0; display:flex; position:relative; }
.page-video .video-wrap .video-box .header p { font-size:22px; margin-bottom:15px; width:calc(100% - 70px); color:#a28535; font-weight:300; }
.page-video .video-wrap .video-box .header button { background-color:transparent; width:40px; height:40px; position:absolute; border:0; right:-6px; top:0; }
.page-video .video-wrap .video-box .header button i { font-size:18px; color:#fff; opacity:0.8; }
.page-video .video-wrap .video-box video { width:100%; max-height:100%; }
.video-js {
	max-width:1110px !important;
	max-height:624px !important;
	width:100% !important;
    height:100% !important;
    position:relative !important;
    padding-bottom:56.25% !important;
}
.video-js .vjs-big-play-button {
	left:calc(50% + 8px) !important;
	background-color:#404040 !important;
	width:74px !important;
	border:none !important;
    opacity:0.9 !important;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color:none !important;
  background-color:#ff0000 !important;
}
/****** responsive & retina specific ******/
@media (min-width:1200px) {
	.page-video .container { max-width:1140px; }
}
@media (min-width:768px) {
	.page-video .video-wrap .video-box .header p { font-size:22px; margin-bottom:15px; width:calc(100% - 50px); }
	.page-video .main-wrap { padding-top:60px; }
}
@media (max-width:991px) {
	.page-video .video-wrap .video-box .header p { font-size:18px; }
	.page-video .video-wrap .video-box .header button { width:35px; height:35px; right:-6px; top:0; }
	.page-video .video-wrap .video-box .header button i { font-size:16px; }
}
@media (max-width:767px) {
	.page-video .video-wrap .video-box .header p { font-size:16px; margin-bottom:15px; width:calc(100% - 50px); }
	.page-video .video-wrap .nav-brand img { width:100px; margin-bottom:20px; }
	.page-video .video-wrap .video-box .header button { width:30px; height:30px; right:-6px; top:-2px; }
	.page-video .video-wrap .video-box .header button i { font-size:15px; }
}
@media (max-width:575px) {
	.page-video .video-wrap .video-box p { font-size:14px; margin-bottom:10px; }
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}