/* Start:/local/components/loglab/calc.component/templates/.default/style.css?175014524911818*/
#calculator {
    min-height: 490px;
    margin-bottom: 50px;
}
#calculator:before,
#calculator:after {
    content: " ";
    display: table;
}
#calculator:after {
    clear: both;
}
#calculator .cash-voucher {
    background: var(--dark-blue);
    width: auto;
    margin-right: -10px;
    border-radius: 20px;
    max-width: 407px;
}
#calculator .cash-voucher:before,
#calculator .cash-voucher:after {
    display: none;
}
#calculator .cash-voucher p b {
    font-size: 20px;
}
#calculator .cash-voucher .header {
    position: relative;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    letter-spacing: -3%;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: left;
}
#calculator .cash-voucher .cash-content-box {
    padding: 30px;
    box-sizing: border-box;
}
#calculator .cash-voucher form {
    margin-right: 0 !important;
}
#calculator .cash-voucher .calc-sum-all {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 40px;
}
#calculator .cash-voucher .calc-sum-all > div:first-child b {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #fff;
    text-transform: uppercase;
}
#calculator .cash-voucher .calc-sum-all > div:last-child b {
    font-family: Pinnacle;
    font-weight: 700;
    font-size: 48px;
    line-height: 57.6px;
    letter-spacing: 0%;
    font-family: var(--second-family);
    text-transform: uppercase;
    color: #fff;
}
#calculator .cash-voucher .calc-sum-all:before,
#calculator .cash-voucher .calc-sum-all:after {
    content: " ";
    display: table;
}
#calculator .cash-voucher .calc-sum-all:after {
    clear: both;
}
#calculator .cash-voucher .top-block {
    margin-bottom: 50px;
}
#calculator .cash-voucher .bottom-block {
    padding-top: 30px;
    border-top: 1px dashed rgba(255, 255, 255, 0.15);
}
#calculator .vcenter {
    vertical-align: middle;
}
#calculator .brdr-r {
    position: relative;
}
#calculator .brdr-r:before {
    content: '';
    background-color: #ececec;
    position: absolute;
    right: 0;
    top: -10px;
    bottom: -10px;
    width: 1px;
}
#calculator .back-sheets-box {
    display: inline-block;
    width: 100%;
    margin-top: 0;
}

#calculator .back-sheets-container {
    float: none;
}
#calculator .calc-block {
    margin-bottom: 30px;
}
#calculator .calc-block .grid-row {
    margin-bottom: 10px;
}
#calculator .calc-sub-block {
    margin-bottom: 15px;
}
#calculator .calculator-form > [class*="col-"] {
    padding: 0;
}
#calculator .calculator-form form.condensed .radios-box label span,
#calculator .calculator-form form.default .radios-box label span {
    padding: 0 7px;
}
#calculator .calculator-form form {
    background: rgba(14, 45, 63, 0.03);
    border-radius: 20px;
    padding: 20px 30px 30px;
    box-sizing: border-box;
}
#calculator .calculator-form form h3,
#calculator .calculator-form form .h3 {
    text-transform: uppercase;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
}
#calculator .calculator-form form select.country,
#calculator .calculator-form form .selectric-country {
    width: 100%;
}
#calculator .calculator-form form select.city,
#calculator .calculator-form form .selectric-city {
    width: 100%;
}
#calculator .calculator-form form #weight-range-slider {
    margin-top: 8px;
}
#calculator .calculator-form form .field.medium {
    width: 65px;
}
#calculator .calculator-form .selectricWrapper {
    margin: 0;
}
#calculator .calculator-form input[type=text],
#calculator .calculator-form input[type=email],
#calculator .calculator-form input[type=number],
#calculator .calculator-form input[type=password] {
    margin: 0;
}
#calculator .calculator-form .grid.fluid {
    padding-left: 15px;
    padding-right: 15px;
}
#calculator .calculator-form .grid-row {
    margin-left: -10px;
    margin-right: -10px;
}
#calculator .calculator-form .grid-row .col-1,
#calculator .calculator-form .grid-row .col-2,
#calculator .calculator-form .grid-row .col-3,
#calculator .calculator-form .grid-row .col-4,
#calculator .calculator-form .grid-row .col-5,
#calculator .calculator-form .grid-row .col-6,
#calculator .calculator-form .grid-row .col-7,
#calculator .calculator-form .grid-row .col-8,
#calculator .calculator-form .grid-row .col-9,
#calculator .calculator-form .grid-row .col-10,
#calculator .calculator-form .grid-row .col-11,
#calculator .calculator-form .grid-row .col-12 {
    padding-left: 10px;
    padding-right: 10px;
}
#calculator .calculator-form #choose-tariff:before,
#calculator .calculator-form #choose-tariff:after {
    content: " ";
    display: table;
}
#calculator .calculator-form #choose-tariff:after {
    clear: both;
}
#calculator .calculator-form .field,
#calculator .calculator-form .input-integer-analog {
    vertical-align: middle;
}
#calculator .calculator-form .select-location-from-to {
    margin: 0;
    padding: 0;
}
#calculator .calculator-form .select-location-from-to .grid-row.location-select-block.location-from {
    margin-right: 10px;
}
#calculator .calculator-form .select-location-from-to .grid-row.location-select-block.location-to {
    margin-left: 10px;
}
#calculator .calculator-form .select-location-from-to .location-arrow-from-to {
    float: left;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    position: relative;
}
#calculator .calculator-form .select-location-from-to .location-arrow-from-to:after {
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -8px;
    top: 7px;
    background: url(/local/components/loglab/calc.component/templates/.default/images/arrow-from-to.png) center center;
}
#calculator .calculator-form .radio-box,
#calculator .calculator-form .checkbox-box {
    vertical-align: middle;
}
#calculator .calculator-form .radio-box.unselectable {
    background-color: #f6fbfc;
    padding: 10px;
    margin-top: -5px;
}
#calculator .calculator-form .cargo-type-box h3 {
    color: var(--dark_blue);
}
#calculator .calculator-form .cargo-type-box label.radio,
#calculator .calculator-form .cargo-type-box div.cargo-type {
    font-size: 12px;
}
label.cargo-type span {
    white-space: normal !important;
}
#calculator .calculator-form .sprite.question.out-grid {
    position: absolute;
    left: -20px;
    top: 5px;
}
#calculator form.default .radio-box > label {
    margin: 0;
    margin-bottom: 15px;
}
#calculator form.default .radio-box > label + label {
    margin-bottom: 0;
}
#calculator .weight-label {
   
}
.card-item table tr td {
    white-space: normal !important;
}
.cargo-type mark {
    background: none !important;
}
.card-item .button.size-m {
    font-size: 16px;
}

.indicative {
    text-align: right;
    font-size: 14px;
}

.cash-voucher .cash-content-box table tr td,
.cash-voucher .cash-content-box table tr td p {
    font-family: var(--font-family), sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
}

.cash-voucher .cash-content-box table tr td.dotted {
    border-bottom: 2px dotted #fff;
}

.cash-block__bottom-block {
    padding-top: 50px;
    border-top: 1px dashed rgba(255, 255, 255, 0.15);
    margin-top: 30px;
}

.cash-block__bottom-block p,
.cash-block__bottom-block b {
    color: #fff;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;

}
.cash-voucher .cash-block__bottom-block p {
    margin-bottom: 10px;
}
.cash-block__bottom-block ul {
    
}
.cash-block__bottom-block ul li {
    color: #fff !important;
}
.cash-block__bottom-block ul li::before {
    top: 15px !important;
}

#calculator form .col-6 > .label {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    color: rgba(14, 45, 63, 0.6)
}
#calculator form select,
#calculator .selectric-container .selectric,
#calculator #calc_cargo_weight {
    border: 0.5px solid rgba(14, 45, 63, 0.6);
    border-radius: 20px;
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    color: rgba(14, 45, 63, 1);
    background: #fff;
}
#calculator .selectric-container .selectric .label {
    padding: 11px 15px;
}

.calc-block__note, .calc-block__note b {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0%;
    color: rgba(14, 45, 63, 0.5)
}

#calculator .noUi-target.noUi-horizontal .noUi-handle {
    border-radius: 5px;
    background: var(--orange);
    height: 5px;
    left: 0;
    top: 0;
}
#calculator .noUi-target.noUi-horizontal {
    height: 5px;
    background: rgba(14, 45, 63, 0.1);
    border-radius: 5px;
    margin: 0;
}
#calculator .noUi-target.noUi-horizontal::before, #calculator .noUi-target.noUi-horizontal::after {
    display: none !important;
}
#calculator .nouislider-box > .label {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(14, 45, 63, 0.6)
}
#calculator .nouislider-box > .label.min {
    left: 0;
}
#calculator .nouislider-box > .label.max {
    right: 0;
}

.calc-block__slider {
    margin-top: 36px;
    margin-bottom: 30px;
}

#calculator #calc_cargo_weight { 
    height: 40px;
    width: 100px;
    margin-right: 10px;
}

.calc-block__weight {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}
#calculator .vcenter {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    color: rgba(14, 45, 63, 0.6);
}

#calculator .weight-label {
    color: rgba(14, 45, 63, 1);
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
}

#calculator .calculator-form .cargo-type-box label.radio, 
#calculator .calculator-form .cargo-type-box div.cargo-type {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    color: rgba(14, 45, 63, 0.8);
    border-bottom: none;
}

.radio-box__item {
    width: 50%;
}

.form-calc__container {
    max-width: 545px;
}

#calculator .calculator-form label.cargo-type {
    position: relative;
}

#calculator .calculator-form input[type="radio"] {
    appearance: none;
    background: #fff;
    border: 1px solid var(--dark-blue);
    height: 16px;
    width: 16px;
    margin: 0 12px 0 0;
    border-radius: 100%;
    vertical-align: text-bottom;
    position: relative;
}
#calculator .calculator-form input[type="radio"]::before {
    content: "";
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    top: 0;
    border-radius: 100%;
    background: rgba(14, 45, 63, 0.15);
    display: block;
    width: 10px;
    height: 10px;
}

#calculator .calculator-form input[type="radio"]:checked::before {
    background: var(--dark-orange);
}

#calculator .selectric-container .selectric .button {
    border-left: 0;
}
/* End */


/* Start:/local/templates/gpw_boeing_2020/js/jquery.nouislider/jquery.nouislider.boeing.css?17501452512681*/
.noUi-target {
  position: relative;
  display: block;
  float: none;
  /* horizontal */
  /* vertical */
  /* disabled state */
}
.noUi-target.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.noUi-target.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-target .noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-target .noUi-handle {
  position: relative;
  z-index: 10;
}
.noUi-target .noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when its values is > 50%. */
  z-index: 10;
}
.noUi-target .noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */
  *z-index: -1;
}
.noUi-target .noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-target .noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-target .noUi-handle {
  cursor: pointer;
}
.noUi-target .noUi-dragable {
  cursor: w-resize;
}
.noUi-target.noUi-horizontal {
  height: 16px;
  width: auto;
  margin-right: 10px;
  margin-left: 10px;
  background: url("/local/templates/gpw_boeing_2020/js/jquery.nouislider/sprite-no-ui-slider.png") 0 -30px repeat;
}
.noUi-target.noUi-horizontal:before,
.noUi-target.noUi-horizontal:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 16px;
  top: 0;
  background: url("/local/templates/gpw_boeing_2020/js/jquery.nouislider/sprite-no-ui-slider.png") no-repeat;
}
.noUi-target.noUi-horizontal:before {
  left: -10px;
  background-position: left 0;
}
.noUi-target.noUi-horizontal:after {
  right: -10px;
  background-position: right -60px;
}
.noUi-target.noUi-horizontal .noUi-handle {
  width: 27px;
  height: 30px;
  left: -13px;
  top: -5px;
  background: url("/local/templates/gpw_boeing_2020/js/jquery.nouislider/sprite-no-ui-slider.png") 0 -90px;
}
.noUi-target.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-target.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
.noUi-target [disabled].noUi-connect,
.noUi-target [disabled].noUi-connect {
  background: #B8B8B8;
}
.noUi-target [disabled].noUi-handle {
  cursor: not-allowed;
}
.nouislider-box > .label {
  display: block;
  position: absolute;
  z-index: 1;
  color: #202121;
  font-size: 12px;
  text-align: center;
  top: -22px;
}
.nouislider-box > .label.min {
  left: -10px;
}
.nouislider-box > .label.middle {
  left: 50%;
}
.nouislider-box > .label.middle > span {
  margin-left: -100%;
}
.nouislider-box > .label.max {
  right: -10px;
}

/* End */


/* Start:/local/templates/gpw_boeing_2020/js/waspar.integer.analog/waspar.integer.analog.css?17501452511221*/
.input-integer-analog{
	display: inline-block;
	position: relative;
	z-index: 10;
	padding-right: 20px;
}
	form.default .input-integer-analog input{
		margin: 0;
	}
	.input-integer-analog .integer-box{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 11;
		width: 20px;
		height: 100%;
	}
		.input-integer-analog .integer-box .plus,
		.input-integer-analog .integer-box .minus{
			display: block;
			width: 15px;
			height: 15px;
			cursor: pointer;
			position: absolute;
			right: 0;
			background: url("/local/templates/gpw_boeing_2020/js/waspar.integer.analog/input-type-integer-buttons.png") no-repeat;
		}
			.input-integer-analog .integer-box .plus{
				background-position: 0 1px;
				top: 0;
			}
			.input-integer-analog .integer-box .plus:hover{background-position: -20px 1px}
			.input-integer-analog .integer-box .plus:active{background-position: -40px 1px}

			.input-integer-analog .integer-box .minus{
				background-position: 0 -26px;
				bottom: 0;
			}
			.input-integer-analog .integer-box .minus:hover{background-position: -20px -26px}
			.input-integer-analog .integer-box .minus:active{background-position: -40px -26px}

.input-integer-analog.s input{width: 20px}
.input-integer-analog.m input{width: 60px}
.input-integer-analog.l input{width: 100px}
/* End */
/* /local/components/loglab/calc.component/templates/.default/style.css?175014524911818 */
/* /local/templates/gpw_boeing_2020/js/jquery.nouislider/jquery.nouislider.boeing.css?17501452512681 */
/* /local/templates/gpw_boeing_2020/js/waspar.integer.analog/waspar.integer.analog.css?17501452511221 */