a { color: inherit; }

.row.col-pad-small { margin-left: -3px; margin-right: -3px;  }
.col-pad-small > * { padding-left: 3px; padding-right: 3px  }

.row.col-pad-none { margin-left: 0; margin-right: 0;  }
.col-pad-none > * { padding: 10px 25px }

#jk { padding: 15px 15px; background: #eee; }
#jk-frm { border-radius: 3px; overflow: hidden; padding-top: 1px; }
#jk-fdb {  }

#jk-fdb 	{ max-height: 1px; }
#loadConf, 
.jk__tools 	{ max-height: 5em; padding-top: 1em; padding-bottom: 1em; }
#jk-frm 	{ max-height: 10000px; }

.fdbShowing #jk-fdb { max-height: 50em; }

.fdbShowing #jk-frm, 
.fdbShowing .jk__tools,
.fdbShowing #loadConf { max-height: 0.01em; }
.fdbShowing .jk__tools,
.fdbShowing #loadConf { padding-top: 0; padding-bottom: 0;}

#jk-frm, 
#loadConf, 
.jk__tools { transition: max-height .5s; -webkit-transition: max-height .5s; overflow: hidden; }
#jk-fdb { transition: max-height .5s ease .4s; -webkit-transition: max-height .5s ease .4s; overflow: hidden; }


#jk .hd { top: auto; left: auto; position: static; display: none; }
#jk fieldset { margin: 0; padding: 0; position: relative; overflow: visible; }

#jk .fsection 	{ margin: 0 0 2px 0; padding: 10px 20px; background: #fff; position: relative; overflow: visible; }
#jk .frow 		{ margin: 2px 0; padding: 0.5em 0; background: #fff;  }

.frow, .frow > * { transition: opacity .3s; }

.frow::after, 
.checkbox label::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }
.frow.mergeToPrev 	{ margin-top: -2px; }

#jk .acc h1 { font-size: 18px; line-height: 100%; background: #bbb; padding: 15px 10px 10px 20px; margin: 0  }
#jk .acc h2 { font-size: 16px; line-height: 100%; background: #eee; padding: 15px 5px 10px 20px; margin: 0 }

fieldset { outline: 0; border: 0; position: relative; }
label, .checkbox label span { float: left; width: 30%; font-weight: 600; position: relative; line-height: 100%; }
label { padding: 5px 25px 5px 0; line-height: 100%; }

label .small { display: inline-block; margin: 2px 0; }

input[type="text"], input[type="number"], textarea { border-radius: 2px; border: 1px solid #ccc; padding: 5px; width: 100px; margin-top: -5px; }
input[type="number"], input.number { width: 5em; }

.checkbox label { float: none; display: block; width: auto; padding: 10px 0; font-weight: 600; cursor: pointer; }
.combine div label { float: none; display: inline-block; width: auto; min-width: 1px; padding: 5px 10px 5px 0; font-weight: 400; }
.combine div div { /*padding-bottom: 10px;*/ display: inline; }
.combine div input[type="text"], 
.combine div input[type="number"] { display: inline-block; margin-bottom: 10px }

/*
.combine div div.row { display: block; margin-bottom: 10px; margin-left: -2px; margin-right: -2px; }
.combine div div.row > div { display: block; padding-left: 2px; padding-right: 2px; }
*/

.autosize input { width: auto; }

.frow > div, 
.checkbox label b { margin: 0 0 5px 32%; padding: 10px 0 }

/* FANCY SELECT */
.select > div { padding: 0 !important;  }
.select > div > div {  margin-left: -10px; margin-right: -10px; }
/* 2018-01-26 */
.select > div > div { margin: 0; }
.select .option { padding: 5px 10px; cursor: pointer; background: #f9f9f9; transition: background-color 0.3s linear; border-radius: 3px; color: #666; margin-bottom: 4px; border: 1px solid #ddd; }
.select .option:hover { color: #111; }
.select .option.selected { background: #be3f28; background: #b01b00; color: #ffffff; border-color: transparent; }

/* FANCY CHECKBOX */
.checkbox label * { pointer-events: none; }
.checkbox label b { display: block; opacity: 0.7; width: 36px; height: 32px; border-radius: 3px; border: 1px solid #ccc; background: url('_img/sprite_content.png') center 1000px no-repeat; text-indent: -999em; overflow: hidden; }
.checkbox.checked label b { background-position: center 0px; }

/* READONLY */
input[readonly] { background: #eee; border: 1px solid #eee; padding: 5px }

/* BTN SUBMIT */
html.loading .cloneJk, 
html.loading .cloneLbpl, 
html.loading #sbmtFrm,
.cloneJk, 
.cloneLbpl, 
#sbmtFrm { background: #ddd; color: #888; padding: 10px 50px; border: 0; margin: 1em 0 1em auto; border-radius: 3px; transition: .3s; -webkit-transition: .3s; cursor: default; }

.submitReady .cloneJk, 
.submitReady .cloneLbpl, 
.submitReady #sbmtFrm { background: #ccc; color: #555; cursor: pointer; }

/* MULTI TEXT FIELDS */
.multiple-text label { display: block; width: 100%; overflow: hidden; }
.multiple-text label input { width: 90%; float: right; }

.multiple-text .divider { clear: left; width: 100%; overflow: hidden; }
.multiple-text .divider > div { width: 50%; margin: 1em auto 1em auto; background: transparent; height: 2px; overflow: hidden;  }

/*.multiple-text label.locked  {  }*/

.disabled, .readonly { pointer-events: none; }
.option.disabled, 
.frow.disabled > * { opacity: 0.2; }

.vb label > span { opacity: 1 }
.disabled label > span { opacity: 0; }


.numeric > div { width: 50%; }

.locked { pointer-events: none; opacity: .5 }
div.cur { background: #fff8ef; background: #fff }
.ui-accordion-header { cursor: pointer; }


.align-l, .align-left 		{ text-align: left; }
.align-r, .align-right 		{ text-align: right; }
.align-c, .align-center 	{ text-align: center; }
.align-j, .align-justify  	{ text-align: justify; }


label .small { font-weight: 400; }

.acc .acc .ui-accordion-header { outline: 0; border: 0; border-bottom: 2px solid #eee }
.acc .acc .ui-accordion-header-active { background: #fff; }
.acc .ui-widget-content { border: 0 }
.acc .slide-range.ui-widget-content { background: #eee }


/* NEXT BUTTON */
b.next, b.next b { font-weight: 400; }

b.next { position: relative; display: block; text-align: center; z-index: 100; top: 1.5em;  }
b.next b { position: relative; display: inline-block; margin: 0 auto; padding: .5em 2em; background: #fff; color: #666; /*font-family: 'Open Sans Condensed', Arial, sans-serif;*/ cursor: pointer; /*border: 1px solid #eee;*/ border-radius: 4px;  }

b.next b:after {
	content: ' '; display: inline-block; width: 10px; height: 10px; margin-left: 5px; 
	background: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='6' xml:space='preserve'%3E%3Cpolyline fill='none' stroke-linecap='round' stroke='%23AAAAAA' stroke-width='2' points='1,1 5,5 9,1' %3E%3C/polyline%3E%3C/svg%3E") center center no-repeat;
}


.error input { background: #f6e6e6; }
.error label:after, 
.error.checkbox label span:after { content: '*'; font-weight: bold; display: inline-block; width: 10px; height: 10px; margin-left: 5px; color: #cc0000; }

.error.checkbox label:after { display: none; }
.error.checkbox label span:after {  }

.error.disabled label:after { color: inherit; }

h2.error:after { content: '*'; color: #cc0000; font-weight: bold; margin-left: .5em; display: inline-block; /*padding: 0 .5em; background: #fefefe; */ }

.frow.error label { color: #cc0000; }

@media (max-width: 1024px) {
	label, .checkbox label span { width: 35%; }
	
	.frow > div, 
	.checkbox label b { margin-left: 37%; }
}
	
	
.small { font-size: 75%; font-weight: 400; vertical-align: middle }

.options { position: absolute; top: -35px; right: 20px; width: auto; cursor: pointer; text-align: right; list-style: none; }
.options > * { display: inline-block; padding: .2em 1em; margin: 0;  }
.clone, .delete {  }
/*.clone { display: none; }*/

#t1 + .pos .delete { display: none; }


.clone[class*="icon-"], .delete[class*="icon-"] { font-size: 1.2em; line-height: 1; padding: .2em .5em;; }
.clone[class*="icon-"] *, .delete[class*="icon-"] * { white-space: nowrap; display: inline-block; overflow: hidden; width: 0; }

h1 .options { margin: 0; top:50%; right: .5em; transform: translateY(-50%); display: none; }
h1 .clone[class*="icon-"], h1 .delete[class*="icon-"] { font-size: inherit; }

.kat169 .options  { display: none; }
.kat169 h1 .options  { display: block; }
@media (max-width: 767px) {
	.kat169 h1 .options > * { display: inline-block; padding: .2em .2em; }
}


/* ======================= */
.img { position: relative; padding-bottom: 100%; background: url('_img/u_eps031_eps031.png') no-repeat center top; background-size: cover; }
.img .poi, 
.img .poi > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }
.img .poi > div { opacity: 0; transition: opacity .2s; }
.img .poi > div.act { opacity: 1; transition: opacity .2s ease .7s }


#results { position: fixed; z-index: 1000; right: 0; top: 50%; width: 300px; }
#results > div { position: absolute; z-index: 2; padding: 20px; background:#f3f3f3; 
	overflow-y: auto;
	width: 100%;
	min-height: 400px;
	max-height: 90vh;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#results .head { cursor: pointer;  }
#results .head b { float: right;  }

#results .icon-open { position: absolute; z-index: 1; top: 0; right: 250px; padding: 10px 18px; font-size: 20px; line-height: 20px; background: #fff; cursor: pointer; opacity: 0; transition: opacity .2s }
#results.act .icon-open { opacity: .5; pointer-events: none; right: 0; }

#results { right: -300px; transition: right .5s; }
.prcsShwng #results, 
#results.act { right: 0; }

#results .table-calc, 
#results table { width: 100%; margin-top: .5em; font-size: 13px; white-space: nowrap; } 
#results caption { padding-top: .25em; border-top: 1px solid #ccc; }
#results td { padding: .25em 0 0 0; }
#results .table__label { font-size: .85em; font-weight: 400; color: #777; vertical-align: bottom; margin-right: 1em; } 

#results .calc { display: inline-block; width: 1.5em; text-align: center; background: #fff; cursor: pointer; }


.toggle--price { transition: .3s; box-shadow: 0 0 5px rgba(0,0,0,0); }
.prcsShwng .toggle--price { color: #b01b00; box-shadow: 0 0 5px rgba(0,0,0,.3); }

#jk { transition: margin-right .5s; }
@media(min-width: 992px){
	.prcsShwng #jk { margin-right: 270px; }
}


/* INFO */
#jk .info { position: absolute; top: 9px; right: 0; display: block; font-weight: 400;  }
#jk .info b { display: inline-block; cursor: pointer; width: 16px; height: 16px; overflow: hidden; background: #ccc; border-radius: 8px; font-size: 13px; font-weight: 600; line-height: 15px; color: #fff; vertical-align: middle; text-align: center;  }
#jk .info span { position: absolute; bottom: 30px; width: 250px; left: -125px; background: #fff; padding: 20px 10px; border: 1px solid #ccc; border-radius: 2px;  }
#jk .info span { font-size: 81.81% !important; line-height: 130% !important; }
#jk .info span:before, 
#jk .info span:after { content: ''; position: absolute; bottom: -10px; left: 122px; width: 0; height: 0; overflow: hidden; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ccc;  }
#jk .info span:after { border-top-color: #fff; margin-bottom: 1px; }

#jk .info span { transition: opacity .5s; }
#jk .info span { opacity: 0; pointer-events: none; }
#jk .info:hover span, 
#jk .info.act span { opacity: 1; pointer-events: all; }

#jk .info.disabled { pointer-events: all; }
#jk .info .info__close { position: absolute; top: 5px; right: 5px; width: 1.5em; height: 1.5em; line-height: 1.2; background: #fff; border-radius: 50%; color: #ccc; border: 1px solid #ccc;  }
#jk .info .info__close { opacity: 0; }
#jk .info.act .info__close { opacity: 1; }
 
#jk .info:after { content: ''; position: absolute; display: none; }
#jk .info--has-notices b { background: #efac2c; }

/* LOAD CONF */
#jk #loadConf { position: relative; z-index:1; }
#jk #loadConf a { 
	position: absolute;
	top: 7px;
	right: 10px;
	width: 32px;
	height: 32px; 
	background: 60% 70% no-repeat #ddd;
/*	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' xml:space='preserve'%3E %3Cpath fill='%23CCCCCC' d='M20,10c0,1.354-0.265,2.647-0.795,3.88c-0.529,1.233-1.24,2.296-2.135,3.19s-1.957,1.605-3.189,2.136 C12.647,19.735,11.354,20,10,20c-1.493,0-2.912-0.314-4.258-0.944c-1.346-0.629-2.491-1.517-3.438-2.662 c-0.061-0.087-0.089-0.185-0.084-0.293s0.041-0.198,0.11-0.268l1.784-1.797c0.086-0.078,0.195-0.117,0.325-0.117 c0.139,0.018,0.239,0.069,0.3,0.156C5.373,14.9,6.15,15.538,7.07,15.989c0.92,0.452,1.896,0.678,2.93,0.678 c0.902,0,1.764-0.176,2.584-0.527s1.531-0.827,2.129-1.426c0.6-0.6,1.074-1.309,1.426-2.129s0.527-1.683,0.527-2.585 s-0.176-1.765-0.527-2.585s-0.826-1.529-1.426-2.129c-0.598-0.599-1.309-1.074-2.129-1.426S10.902,3.333,10,3.333 c-0.851,0-1.667,0.154-2.448,0.463C6.771,4.104,6.076,4.544,5.469,5.117l1.784,1.797c0.269,0.261,0.33,0.56,0.183,0.898 C7.287,8.16,7.031,8.333,6.667,8.333H0.833c-0.226,0-0.421-0.082-0.586-0.247C0.083,7.921,0,7.726,0,7.5V1.667 c0-0.365,0.174-0.621,0.521-0.769c0.338-0.147,0.638-0.087,0.898,0.183l1.692,1.68c0.929-0.877,1.99-1.557,3.184-2.038 C7.489,0.241,8.724,0,10,0c1.354,0,2.647,0.265,3.881,0.794c1.232,0.53,2.295,1.241,3.189,2.136s1.605,1.957,2.135,3.19 C19.735,7.353,20,8.646,20,10z'/%3E %3C/svg%3E");*/
	
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' xml:space='preserve'%3E %3Cpath fill='%23999999' d='M9.955,11.839l1.301-1.301L9.552,8.834l-1.301,1.301v0.628h1.076v1.076H9.955z M14.888,3.767 c-0.119-0.119-0.243-0.115-0.37,0.012l-3.923,3.924c-0.127,0.127-0.131,0.25-0.011,0.37c0.12,0.119,0.243,0.115,0.37-0.012 l3.924-3.924C15.004,4.01,15.008,3.887,14.888,3.767z M15.785,10.426v2.131c0,0.889-0.316,1.649-0.947,2.281 c-0.632,0.631-1.393,0.947-2.281,0.947H3.229c-0.889,0-1.649-0.316-2.281-0.947C0.316,14.206,0,13.445,0,12.557V3.229 C0,2.34,0.316,1.579,0.947,0.947C1.579,0.316,2.339,0,3.229,0h9.328c0.471,0,0.907,0.094,1.311,0.28 c0.113,0.053,0.18,0.139,0.202,0.258c0.022,0.127-0.011,0.235-0.101,0.325l-0.549,0.55c-0.105,0.104-0.225,0.134-0.359,0.09 c-0.172-0.045-0.34-0.067-0.504-0.067H3.229c-0.493,0-0.916,0.176-1.267,0.526C1.61,2.313,1.435,2.735,1.435,3.229v9.328 c0,0.493,0.175,0.915,0.527,1.267c0.351,0.352,0.773,0.526,1.267,0.526h9.328c0.492,0,0.915-0.175,1.266-0.526 c0.352-0.352,0.527-0.773,0.527-1.267v-1.413c0-0.097,0.033-0.179,0.102-0.246l0.717-0.718c0.112-0.112,0.243-0.139,0.393-0.078 C15.71,10.161,15.785,10.27,15.785,10.426z M14.709,2.152l3.229,3.229l-7.534,7.533H7.175V9.687L14.709,2.152z M19.686,3.633 l-1.031,1.031l-3.229-3.229l1.031-1.031c0.209-0.21,0.464-0.314,0.763-0.314s0.554,0.104,0.763,0.314l1.703,1.703 C19.896,2.317,20,2.571,20,2.87S19.896,3.423,19.686,3.633z'/%3E %3C/svg%3E");
	
	background-size: 20px;
	border-radius: 5px;
		
	text-indent: -999em;
	overflow: hidden;
}

#jk #loadConf a:hover { background-color: #f0f0f0; }

#loadConfForm input { width: 100%; }
#loadConfForm input[type="text"] {  border-color: #ddd; }
#loadConfForm input[type="submit"] { background: #ddd; padding: 10px 50px; border: 0; margin: 1em 0 1em auto; border-radius: 3px; cursor: pointer; }

/* BTN SUBMIT */
#jk #loadConf p { margin: 0; }
#jk #loadConf p, 
#jk #loadConf form { vertical-align:middle }
#jk #loadConf input[type="text"] {  border-color: #ddd; margin: 0; }
#jk #loadConf input[type="submit"] { background: #ddd; padding: 5px 10px; border: 0; margin: 0; border-radius: 3px; cursor: pointer; }


/* === @MEDIA ======================= */
@media (max-width: 1024px) {
	label, .checkbox label span { width: 35%; }
	
	.frow > div, 
	.checkbox label b { margin-left: 37%; }
}


@media (max-width: 767px) {
	html { font-size: 13px !important; }
	
	.fsection > .row > div { padding-left: 0; padding-right: 0; }
	
	.frow > div, .checkbox label b { padding: 5px 0; }
		
	.frow.numeric label { width: 65%; }
	.frow.numeric > div { width: 35%; margin-left: 65%; text-align: right; white-space: no-wrap; }
	
	.frow.checkbox label span 	{ width: 85%; }
	.frow.checkbox label b 		{ margin-left: 0; width: 36px; display: block; float: left; }
	
	.frow.select label, 
	.frow.autosize label { width: auto; display: block; float: none; }
	.frow.select > div, 
	.frow.autosize > div { margin-left: 0; }
	
	.frow.select > div > div { margin-left: 0; margin-right: 0; }
	.frow.select .option.ib { display: block; text-align: left; width: auto !important; margin: 0 !important }
	
	.frow > div, 
	.checkbox label b { margin-left: 37%; }
	
	.autosize input { width: 100%; }
	
	.options { position: absolute; top: -50px; right: 0; width: 50%; }
	.options > * { display: block; padding: .2em 1em; margin: 0; font-weight: 600; }
	#t1 + .pos .options { top: -30px; }
	.clone, .delete {  }
	
}

/*2018-01*/
#jk .frow.mergeToPrev 	{ margin-top: -1em; }
#jk .frow.mergeToPrev.small { margin-top: -1.5em; }

.checkbox.small label b { margin-top: -.3em; }

.frow > div, 
.checkbox label b { padding: .5em 0 }

.checkbox label b { padding: 0; }
.checkbox.small label b { width: 26px; height: 24px; background-size: 80%  }
.checkbox.small.checked label b { background-position: center 0px; }

/* 2018-05 */
#ldr { 
	z-index: 200; position: fixed; top:0; right:auto; bottom:0; width: 100%; background: rgba(235,235,235,0.5);
	
	left:-100%; 
	opacity: 0;
	
	transition: opacity 1s, left 0s 1s;
}
.loading #ldr { 
	opacity: 1;
	left: 0;
	transition: opacity 1s, left 0s;
}

.loading h1 + fieldset, 
.fdbShowing h1 + fieldset { display: none !important; }

.spinner {
	position: absolute;
	left: 0; right: 0;
	top: 50%;
	transform: translateY(-100%);
	text-align: center;
}

.spinner > div {
	width: 40px;
	height: 40px;
	background-color: #fff;

	border-radius: 100%;
	display: inline-block;

	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* */
.vc { font-family: Arial, sans-serif; font-size: 11px; }
h1 .small { vertical-align: baseline; }
.vc { opacity: 0; webkit-transition: opacity 1s; transition: opacity 1s }
.prcsShwng .vc { opacity: 1; }

/* IMG"MAP" FOR OPTIONS */
.options__map { max-height: 500px; transition: all .5s; overflow: hidden; opacity: 1; }
.disabled .options__map { max-height: 0; opacity: 0; }

.select.disabled .selected, 
.select .disabled.selected { background: #666; }