/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,22): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(126,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-35'
(134,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-darker'
(144,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(167,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(180,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(212,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-45'
(223,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(236,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-55'
(288,22): run-time error CSS1039: Token not allowed after unary operator: '-color-orange'
(460,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-40'
 */
:root {
    /* ---------------------- Colors ---------------------- */
    --color-orange: #FF6600;
    --color-poppy: #FE2B55;
    --color-seablue: #65CFD3;
    --color-lightblue: #4581F4;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-grey: #484A56;
    --color-grey-30: #FCFCFC;
    --color-grey-35: #F7F7F7;
    --color-grey-40: #E7E7E7;
    --color-grey-45: #CECECE;
    --color-grey-50: #A5A5AB;
    --color-grey-55: #3D403E;
    --color-grey-60: #414546;
    --color-grey-65: #3A3A3A;
    --color-greypurple: #41445F;
    --color-grey-dark: #1D1F2E;
    --color-grey-darker: #1E202F;
}

.form-pricing {
    position: relative;
}

.price-box {
    margin: 0 auto;
    border-radius: 10px;
}


/*@media (min-width:992px) and (max-width:1133px) {

  .checkbox-label .text{
      font-size:11px !important;
  }
}*/


.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 24px;
    height: 24px;
    cursor: default;
    margin: -3px -10px auto !important;
    text-align: center;
    line-height: 25px;
    color: #FFFFFF;
    font-size: 14px;
}

    .ui-slider .ui-slider-handle .glyphicon {
        color: #FFFFFF;
        margin: 0 3px;
        font-size: 11px;
        opacity: 0.5;
    }

.ui-corner-all {
    /*border-radius: 0px;*/
    border-radius: 20px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border: 6px solid #fff;
    background: var(--color-orange);
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.5em;
}

.ui-slider .ui-slider-handle {
    cursor: pointer;
}

.ui-slider a,
.ui-slider a:focus {
    cursor: pointer;
    outline: none;
}

.price, .lead p {
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
}

.total {
    border-bottom: 1px solid #7f8c8d;
    /*display: inline;
	padding: 10px 5px;*/
    position: relative;
    padding-bottom: 20px;
}

    .total:before {
        content: "";
        display: inline;
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 100%;
        height: 3px;
        background: #7f8c8d;
        opacity: 0.5;
    }

.price-slider__container {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 60px;
}

.price-slider {
    max-width: 374px;
    background-color: var(--color-grey-35);
    border-radius: 30px 30px 24px 24px;
/*    position: absolute;
    top: 60px;
    right: 0;*/
}

.price-slider__top {
    background-color: var(--color-grey-darker);
    border-radius: 25px;
    padding: 27px 26px 25px 31px;
    position: relative;
}

.insurance-type {
    align-items: center;
    padding: 2px 7px;
    border-radius: 6px;
    border: 1px solid var(--color-white);
    position: absolute;
    top: 27px;
    right: 26px;
}

.ins-protected {
    display: flex;
}

.ins-noprotected {
    display: none;
}

.insurance-type img {
    max-height: 17px;
    margin-right: 6px;
}

.insurance-type span {
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    color: var(--color-white);
}


/*.price-slider span {
    font-weight: 200;
    display: inline-block;
    color: #7f8c8d;
    font-size: 13px;
}*/
.slider-label {
    font-size: 14px !important;
    line-height: 17px;
    color: var(--color-white);
    font-weight: 600;
}

.price-slider__month,
.price-slider__amount {
    position: relative;
    min-height: 102px;
}

.price-slider__amount {
    margin-bottom: 24px;
}

.amount-wrap,
.month-wrap {
    position: absolute;
    top: 0;
    right: 0;
}

.slider-min-max {
    margin-top: 21px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.slider-min-max span {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: var(--color-grey-45);
}
.slider-min-max span:last-child {
    text-align: right;
}
.slider-min-max > span > span {
    white-space: nowrap;
}

.ui-widget.ui-widget-content {
    border: none;
    background-color: var(--color-white);
    color: #222222;
    margin-top: 4px;
}

.price-slider__bottom {
    padding: 24px 30px 27px 31px; 
}

.price-slider__bottom-title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: var(--color-grey-55);
    margin-bottom: 12px;
}

.black-opacity h3 {
    margin-top: 0;
    font-size: 22px;
}

/*.form-pricing {
    padding: 10px 5px;
    border-radius: 4px;
}*/

.price-form {
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
}

    .form-group span.price {
        font-weight: 200;
        display: inline-block;
        color: rgb(255, 142, 10);
        font-size: 14px;
    }

.help-text {
    display: block;
    margin-top: 32px;
    margin-bottom: 10px;
    color: #737373;
    position: absolute;
    /*margin-left: 20px;*/
    font-weight: 200;
    text-align: right;
    width: 188px;
}

.price-form label {
    font-weight: 200;
    font-size: 21px;
}

.ui-slider-range-min {
    background: var(--color-orange);
}

.ui-slider-horizontal {
    height: 6px;
}

/* HR */
hr.style {
    margin-top: 0;
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

.slider-container {
    margin-top: 5px;
}

.total-price {
    color: #fff;
    font-weight: bold;
}

/*@media(max-width:992px) {
    .price-slider:last-of-type > div {
        margin-top: 25px;
    }

    .total-label {
        text-align: left;
    }

    .total-price {
        text-align: right;
    }
}

@media(min-width:993px) {
    .total-label {
        text-align: right;
    }

    .total-price {
        text-align: left;
    }

    .form-header {
        font-size: 22px !important;
    }

    .field-validation-error span{
        font-size:14px !important;
    }
}

@media(min-width:768px) and (max-width:992px) {
    .price-slider > div {
        width: 100%;
    }

    .form-header {
        font-size: 18px !important;
    }

    .field-validation-error span{
        font-size:12px !important;
    }
}

@media(max-width: 767px) {
    .form-header {
        font-size: 16px !important;
    }

    .field-validation-error span{
        font-size:12px !important;
    }
}*/
.monthly-amount {
    padding-top: 10px;
}
p.price.lead {
    margin-bottom: 0;
    white-space: nowrap;
}

.gpr {
    padding-left: 0;
    padding-right: 0;
}

.gpr-label {
    font-size: 13px !important;
    color: #fff !important;
    /*color: #FFA400 !important;*/
}

/*.gprs {
    color: #fff !important;
    font-size: 15px !important;
}*/

.total-amount-lv {
    margin-left: 2%;
    color: #fff !important;
    font-weight: bold !important;
}

#total-label {
    font-size: 25px;
}

.price-slider .slider-container .error-container span {
    color: #FF8787 !important;
    font-weight: bold !important;
}

.ins-disclimer {
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    color: #9a9b9d;
    text-align: center;
    max-width: 382px;
    margin: 8px auto 0;
}

/* ---------------------- Media - START ---------------------- */

@media (max-width: 1120px) {

    .price-slider {
        top: 0;
    }
}

@media (max-width: 920px) {
    .price-slider__container {
        position: static;
    }

    .price-slider {
        display: flex;
        flex-direction: row;
        max-width: 100%;
    }

    .price-slider > div {
        width: 50%;
    }

    .price-slider .btn-orange {
        min-width: 100%;
    }
}

@media (max-width: 660px) {

    .price-slider {
        max-width: 100%;
        flex-direction: column;
    }
    .price-slider > div {
        width: 100%;
    }

}

@media (max-width: 480px) {

    .price-slider {
        background-color: var(--color-grey-40);
        border-radius: 0;
    }

    .price-slider__top {
        border-radius: 0 0 24px 24px;
        padding: 15px;
    }

    .price-slider__bottom {
        padding: 15px 15px 30px 15px;
    }
    .ins-disclimer {
        font-size: 9px;
    }
}


/* ---------------------- Media - END ---------------------- */