#cost-calculator .page-content {
    background: #f9f6f1;
    text-align: center
}

@media only screen and (max-width: 767px) {
    #cost-calculator .page-content {
        padding-bottom:0
    }
}

#cost-calculator .page-content .page-section {
    padding-bottom: 1px
}

@media only screen and (max-width: 767px) {
    #cost-calculator .page-content .page-section {
        padding-top:30px
    }
}

#cost-calculator .page-content .page-section .page-wrap {
    padding-top: 0px
}

#cost-calculator-step-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#cost-calculator-step-1 .container {
    margin-top: auto;
    -ms-flex-item-align: end;
    align-self: flex-end
}

#cost-calculator-step-1 .content-area {
    background-size: cover;
    min-height: 650px;
    width: 100%;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width: 767px) {
    #cost-calculator-step-1 .content-area {
        min-height:auto;
        padding-bottom: 50px
    }
}

#cost-calculator-step-1 .content-area .gradient {
    position: absolute;
    bottom: 0;
    height: 282px;
    width: 100%;
    padding-top: 2%
}

#cost-calculator-step-1 .content-area #piggy-bank {
    max-width: 101px;
    margin: 0 auto
}

#cost-calculator-step-1 .content-area h1 {
    color: #fff
}

#cost-calculator-step-1 .content-area button {
    background: #008278;
    border: none;
    padding: 0px;
    width: 220px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 auto
}

#cost-calculator-step-1 .content-area button:hover {
    background: #004f49
}

#cost-calculator-step-1 .calc-results {
    background: #f9f6f1;
    text-align: center
}

#cost-calculator-step-1 .calc-results h4 {
    color: #350032
}

#cost-calculator-step-1 .calc-results span {
    font: "MetaNormal-Caps",sans-serif
}

@media only screen and (max-width: 767px) {
    #cost-calculator-step-1 .content-area {
        min-height:350px
    }
}

#cost-calculator-steps *::-ms-backdrop,#cost-calculator-steps .content-area {
    min-height: 500px !important
}

#cost-calculator-steps .content-area {
    background: #f9f6f1;
    width: 100%;
    min-height: 450px;
    position: relative
}

#cost-calculator-steps .content-area h3 {
    margin-top: 0px;
    font-size: 26px;
    color: #350032
}

@media only screen and (max-width: 767px) {
    #cost-calculator-steps .content-area h3 {
        padding-bottom:25px
    }
}

#cost-calculator-steps .content-area .controls {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%
}

#cost-calculator-steps .content-area .controls .inner {
    position: relative;
    margin: 0px auto;
    max-width: 980px
}

#cost-calculator-steps .content-area .controls button {
    background: #008278;
    border: none;
    padding: 0px;
    width: 180px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 150px
}

#cost-calculator-steps .content-area .controls button:hover {
    background: #004f49
}

#cost-calculator-steps .content-area .controls button i.fa-angle-left {
    margin-right: 20px
}

#cost-calculator-steps .content-area .controls button i.fa-angle-right {
    margin-left: 20px
}

#cost-calculator-steps .content-area .controls button.next {
    position: absolute;
    right: 0;
    bottom: 70px
}

#cost-calculator-steps .content-area .controls button.back {
    position: absolute;
    left: 0;
    bottom: 70px
}

@media only screen and (max-width: 767px) {
    #cost-calculator-steps .content-area .controls button {
        width:100px
    }
}

@media only screen and (max-width: 479px) {
    #cost-calculator-steps .content-area .container {
        padding:10px 10px 0px
    }

    #cost-calculator-steps .content-area .controls button.next,#cost-calculator-steps .content-area .controls button.back {
        bottom: 0px
    }
}

#cost-calculator-steps #lungs,#cost-calculator-steps #piggy {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
    position: relative;
    padding-top: 0%
}

@media only screen and (max-width: 479px) {
    #cost-calculator-steps #lungs,#cost-calculator-steps #piggy {
        margin-bottom:70px
    }
}

#cost-calculator-steps #lungs .tar,#cost-calculator-steps #piggy .tar {
    margin: 0 auto;
    position: absolute;
    bottom: 25px;
    left: 40%;
    font-size: 30px;
    color: #c34100;
}

#cost-calculator-steps #lungs .tar span,#cost-calculator-steps #piggy .tar span {
    position: relative;
    font-size: 20px;
    top: 5px
}

#cost-calculator-steps #lungs .tar-legend,#cost-calculator-steps #piggy .tar-legend {
    position: absolute;
    width: 150%;
    text-align: center;
    left: -25%
}

#cost-calculator-steps .slider-container {
    margin: 95px auto 40px;
    max-width: 600px
}

@media only screen and (max-width: 649px) {
    #cost-calculator-steps .slider-container {
        margin:40px 20px 40px
    }
}

#cost-calculator-steps .slider-container .cost-slider .vue-slider-tooltip-wrap:before {
    content: "$";
    border: none;
    top: 32px;
    left: -10px;
    position: relative;
    font-size: 26px
}

@media only screen and (max-width: 768px) {
    #cost-calculator-steps .slider-container .cost-slider .vue-slider-tooltip-wrap:before {
        font-size:11px;
        top: 20px
    }
}

#cost-calculator-steps .slider-container .vue-slider-tooltip {
    font-size: 50px !important
}

#cost-calculator-steps .slider-container .vue-slider-tooltip-wrap:before {
    content: "";
    border: none;
    top: 32px;
    left: -10px;
    position: relative;
    font-size: 26px
}

#cost-calculator-steps .slider-container .vue-slider-tooltip:before {
    border: none
}

#cost-calculator-steps #piggy {
    border-radius: 100px;
    background-color: #fff;
    overflow: hidden;
    z-index: 20
}

#cost-calculator-steps #piggy .meter {
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 60%;
    margin-left: -60px;
    height: 0;
    background-color: #c34100;
    z-index: 5;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px
}

#cost-calculator-steps #piggy img {
    -webkit-animation: none;
    animation: none;
    z-index: 10;
    position: relative
}

#cost-calculator-steps #piggy .tar {
    display: none
}

#cost-calculator-steps h3 {
    text-align: center
}

#cost-calculator-steps .cost-summary sup,#cost-calculator-steps .cost-total sup {
    top: 0;
    font-size: 50%
}

#cost-calculator-steps .cost-summary {
    background: #fff;
    text-align: center
}

#cost-calculator-steps .cost-summary .container {
    padding: 0.5% 5%
}

#cost-calculator-steps .cost-summary .container>div {
    position: relative;
    margin-right: 70px;
    padding-right: 70px;
    display: inline-block
}

#cost-calculator-steps .cost-summary .container>div:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
    width: 1px;
    height: 40px;
    background-color: #f9f6f1
}

#cost-calculator-steps .cost-summary .container>div:last-child {
    margin-right: 0px;
    padding-right: 0px
}

#cost-calculator-steps .cost-summary .container>div:last-child:after {
    display: none
}

#cost-calculator-steps .cost-summary h4 {
    color: #c34100;
    font-size: 30px;
    margin: 0
}

#cost-calculator-steps .cost-summary p {
    margin: 0 0 1% 0;
    color: #350032
}

@media only screen and (max-width: 767px) {
    #cost-calculator-steps .cost-summary .container>div {
        margin-right:40px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 479px) {
    #cost-calculator-steps .cost-summary .container>div {
        margin-right:10px;
        padding-right: 10px
    }

    #cost-calculator-steps .cost-summary h4 {
        font-size: 24px
    }
}

#cost-calculator-steps .cost-total {
    background: #c34100;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px
}

#cost-calculator-steps .cost-total .container {
    padding: 0% 10% 1%
}

#cost-calculator-steps .cost-total h2 {
    color: #fff;
    font-size: 60px;
    margin: 0
}

#cost-calculator-steps .cost-total h2 sup {
    position: relative
}

#cost-calculator-steps .cost-total p {
    margin-top: -5px;
    margin-bottom: 0px;
    color: #fff
}

@media only screen and (max-width: 479px) {
    #cost-calculator-steps .cost-total h2 {
        font-size:40px
    }

    #cost-calculator-steps .cost-total p {
        margin-top: 5px;
        font-size: 14px
    }
}

#cost-calculator-results .content-area {
    background: #f9f6f1;
    width: 100%;
    min-height: 0px;
    position: relative;
    text-align: center
}

#cost-calculator-results .content-area button {
    margin: 20px auto
}

#cost-calculator-results h3 {
    margin: 20px auto;
    padding: 0 15%;
    text-align: center;
    font-size: 26px;
    color: #350032
}

@media only screen and (max-width: 768px) {
    #cost-calculator-results h3 {
        margin-top:15%
    }
}

#cost-calculator-results .cost-summary {
    min-height: 400px;
    padding-top: 20px;
    background: #fff;
    text-align: center
}

#cost-calculator-results .cost-summary sup {
    top: -0.6em;
    font-size: 50%
}

#cost-calculator-results .cost-summary .container {
    padding: 20px 0px 30px;
    font-size: 0px
}

#cost-calculator-results .cost-summary .container>div {
    position: relative;
    width: 230px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    vertical-align: top
}

#cost-calculator-results .cost-summary .container>div:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 10px;
    width: 1px;
    height: 40px;
    background-color: #f9f6f1
}

#cost-calculator-results .cost-summary .container>div:last-child:after {
    display: none
}

#cost-calculator-results .cost-summary h4 {
    color: #c34100;
    font-size: 30px;
    margin: 0
}

#cost-calculator-results .cost-summary p {
    margin: 0 0 1% 0;
    padding: 0px 35px;
    color: #350032
}

#cost-calculator-results .cost-summary .icon {
    margin: 30px auto;
    display: block;
    width: 134px;
    height: 134px
}

@media only screen and (max-width: 767px) {
    #cost-calculator-results .cost-summary .container>div {
        width:155px
    }
}

@media only screen and (max-width: 479px) {
    #cost-calculator-results .cost-summary .container>div {
        margin-bottom:40px;
        display: block;
        width: auto
    }

    #cost-calculator-results .cost-summary .container>div:after {
        display: none
    }
}

#cost-calculator-results .cost-total {
    background: #c34100;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#cost-calculator-results .cost-total h2 {
    color: #fff;
}

#cost-calculator-results .cost-total h2 sup {
    position: relative
}

#cost-calculator-results .cost-total p {
    margin-bottom: 0px;
    color: #fff
}

#cost-calculator-results .cta {
    padding-bottom: 30px
}

#cost-calculator-results .cta .container {
    padding: 1% 3%;
    text-align: center
}

@media only screen and (max-width: 579px) {
    #cost-calculator-results .cta .container button {
        margin-bottom:30px
    }

    #cost-calculator-results .cta .container a:last-child button {
        margin-bottom: 0px
    }
}

#cost-calculator-results button {
    margin: 0px 10px;
    width: 250px;
    height: 46px;
    padding: 0px;
    line-height: 46px;
    background: #008278;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block
}

#cost-calculator-results button:hover {
    background: #004f49
}

.calculator-type-button {
    background: #ffffff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.calculator-type-button img {
    width: 120px;
    position: absolute;
    top: 60px;
    left: 40px;
}

.calculator-type-button.rollies img {
    width: 180px;
    left: 12px;
    top: 50px
}

.type-button-container {
    text-align: center;
}

.calculator-type-button.rollies {
    margin-left: 80px;
}

.vue-slider-component{position:relative;box-sizing:border-box;-ms-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.vue-slider-component.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-component.vue-slider-has-label{margin-bottom:15px}.vue-slider-component.vue-slider-disabled .vue-slider-dot{cursor:not-allowed}.vue-slider-component .vue-slider{position:relative;display:block;border-radius:15px;background-color:#ccc}.vue-slider-component .vue-slider:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}.vue-slider-component .vue-slider-process{position:absolute;border-radius:15px;background-color:#3498db;transition:all 0s;z-index:1}.vue-slider-component .vue-slider-process.vue-slider-process-dragable{cursor:pointer;z-index:3}.vue-slider-component.vue-slider-horizontal .vue-slider-process{width:0;height:100%;top:0;left:0;will-change:width}.vue-slider-component.vue-slider-vertical .vue-slider-process{width:100%;height:0;bottom:0;left:0;will-change:height}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-process{width:0;height:100%;top:0;right:0}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-process{width:100%;height:0;top:0;left:0}.vue-slider-component .vue-slider-dot{position:absolute;transition:all 0s;will-change:transform;cursor:pointer;z-index:5}.vue-slider-component .vue-slider-dot .vue-slider-dot-handle{width:100%;height:100%;border-radius:50%;background-color:#fff;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-slider-component .vue-slider-dot.vue-slider-dot-focus .vue-slider-dot-handle{box-shadow:0 0 2px 1px #3498db}.vue-slider-component .vue-slider-dot--static .vue-slider-dot-handle--static{width:100%;height:100%;border-radius:50%;background-color:#ccc;-webkit-transform:scale(.85);transform:scale(.85)}.vue-slider-component .vue-slider-dot--static.vue-slider-dot-active .vue-slider-dot-handle--static{width:100%;height:100%;border-radius:50%;background-color:#3498db;-webkit-transform:scale(.85);transform:scale(.85)}.vue-slider-component .vue-slider-dot.vue-slider-dot-dragging{z-index:5}.vue-slider-component .vue-slider-dot.vue-slider-dot-disabled{z-index:4}.vue-slider-component.vue-slider-horizontal .vue-slider-dot{left:0}.vue-slider-component.vue-slider-vertical .vue-slider-dot{bottom:0}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-dot{right:0}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-dot{top:0}.vue-slider-component .vue-slider-tooltip-wrap{display:none;position:absolute;z-index:9}.vue-slider-component .vue-slider-dot--static:hover .vue-slider-tooltip-wrap{display:block}.vue-slider-component .vue-slider-tooltip{display:block;font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border:1px solid #3498db;background-color:#3498db}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-top{top:-9px;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-bottom{bottom:-9px;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-left{top:50%;left:-9px;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-right{top:50%;right:-9px;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.vue-slider-component .vue-slider-tooltip-top .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-top .vue-slider-tooltip:before{content:"";position:absolute;bottom:-10px;left:50%;width:0;height:0;border:5px solid transparent;border:6px solid transparent\0;border-top-color:inherit;-webkit-transform:translate(-50%);transform:translate(-50%)}.vue-slider-component .vue-slider-tooltip-wrap.vue-merged-tooltip{display:block;visibility:hidden}.vue-slider-component .vue-slider-tooltip-bottom .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-bottom .vue-slider-tooltip:before{content:"";position:absolute;top:-10px;left:50%;width:0;height:0;border:5px solid transparent;border:6px solid transparent\0;border-bottom-color:inherit;-webkit-transform:translate(-50%);transform:translate(-50%)}.vue-slider-component .vue-slider-tooltip-left .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-left .vue-slider-tooltip:before{content:"";position:absolute;top:50%;right:-10px;width:0;height:0;border:5px solid transparent;border:6px solid transparent\0;border-left-color:inherit;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.vue-slider-component .vue-slider-tooltip-right .vue-merged-tooltip .vue-slider-tooltip:before,.vue-slider-component .vue-slider-tooltip-wrap.vue-slider-tooltip-right .vue-slider-tooltip:before{content:"";position:absolute;top:50%;left:-10px;width:0;height:0;border:5px solid transparent;border:6px solid transparent\0;border-right-color:inherit;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.vue-slider-component .vue-slider-dot.vue-slider-hover:hover .vue-slider-tooltip-wrap{display:block}.vue-slider-component .vue-slider-dot.vue-slider-always .vue-slider-tooltip-wrap{display:block!important}.vue-slider-component .vue-slider-piecewise{position:absolute;width:100%;padding:0;margin:0;left:0;top:0;height:100%;list-style:none}.vue-slider-component .vue-slider-piecewise-item{position:absolute;width:8px;height:8px}.vue-slider-component .vue-slider-piecewise-dot{position:absolute;left:50%;top:50%;width:100%;height:100%;display:inline-block;background-color:rgba(0,0,0,.16);border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;transition:all .3s}.vue-slider-component .vue-slider-piecewise-item:first-child .vue-slider-piecewise-dot,.vue-slider-component .vue-slider-piecewise-item:last-child .vue-slider-piecewise-dot{visibility:hidden}.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-piecewise-label,.vue-slider-component.vue-slider-horizontal .vue-slider-piecewise-label{position:absolute;display:inline-block;top:100%;left:50%;white-space:nowrap;font-size:12px;color:#333;-webkit-transform:translate(-50%,8px);transform:translate(-50%,8px);visibility:visible}.vue-slider-component.vue-slider-vertical-reverse .vue-slider-piecewise-label,.vue-slider-component.vue-slider-vertical .vue-slider-piecewise-label{position:absolute;display:inline-block;top:50%;left:100%;white-space:nowrap;font-size:12px;color:#333;-webkit-transform:translate(8px,-50%);transform:translate(8px,-50%);visibility:visible}.vue-slider-component .vue-slider-sr-only{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute!important}