/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
    touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
	user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
	direction: ltr;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1; /* Fix 401 */
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 18px;
}
.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}

/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-draggable {
	cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-pips {
	position: absolute;
	color: #999;
}

/* Values;
 *
 */
.noUi-value {
	position: absolute;
	text-align: center;
}
.noUi-value-sub {
	color: #ccc;
	font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
	position: absolute;
	background: #CCC;
}
.noUi-marker-sub {
	background: #AAA;
}
.noUi-marker-large {
	background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
	padding: 10px 0;
	height: 80px;
	top: 100%;
	left: 0;
	width: 100%;
}
.noUi-value-horizontal {
	-webkit-transform: translate3d(-50%,50%,0);
	transform: translate3d(-50%,50%,0);
}

.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
	height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
	height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%;
}
.noUi-value-vertical {
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
	width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
	width: 15px;
}
.noUi-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #fff;
	padding: 5px;
	text-align: center;
}

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
	top: -32px;
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
	bottom: -32px;
}
.noUi-vertical .noUi-handle-lower .noUi-tooltip {
	left: 120%;
}
.noUi-vertical .noUi-handle-upper .noUi-tooltip {
	right: 120%;
}

    .calculator-container{
            display: block;
            margin: 0 auto;
        }
        .calculator-column{
  
        }
        
        .page-section--step-intro h2{
            text-align:center;
            font-size:39px;
            font-weight:400;
            text-transform:none;
            padding:20px 0 60px;
        }
        
         .page-section--step-intro h2 strong{
            color:#A5206F;
            font-weight:400;
            text-transform:none;
            font-weight:500;
        }
        
        
        /* Adjust Calculator Column Width for Mobile */
        @media (max-width:768px){
            .calculator-column,
            #results-column
            {
                width: 90%;
                margin: 0 5%:
                display:block;
                margin:0 auto;
                float:left;
            }
        }
        
        
        .calculator-question{
            width: 100%;
        }
        
        
        /* Question Number */
            .calculator-question--number{
                width: 8%;   
                margin-right: 2%;
                display: block;
                float: left;
            }

            /*
            .calculator-question--number span{
                background: #636363 none repeat scroll 0 0;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
                font-size: 30px;
                font-weight: 600;
                height: 30px;
                line-height: 30px;
                max-height: 80%;
                max-width: 80%;
                padding: 20%;
                text-align: center;
                width: 30px;
            }
            */
            
            .calculator-question--number span{
                background: #636363 none repeat scroll 0 0;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
                font-size: 41px;
                font-weight: 600;
                height: 60px;
                line-height: 60px;
                text-align: center;
                width: 60px;
            }
            
        @media(max-width:480px){
         
            /* Adjust width for mobile */
            .calculator-question--number {
                margin-right: 7%;
                width: 13%;
            }
            
        }
        
        /* Question Text */
        
            .calculator-question-row{
                width: 90%;   
                display: block;
                float: left;
                border-bottom: 1px solid #cdcdcd;
                padding-bottom: 47px;
                margin-bottom: 41px;
            }

            .calculator-question-row strong{
                color: #A5206F;
            }
        
            .calculator-label{
                padding-top: 12px;   
            }

            .calculator-label label{
                padding-bottom: 25px;
                display: block;
                font-size: 29px;
                line-height: 33px;
            }
        
        @media(max-width:480px){
         
            /* Adjust width for mobile */
            .calculator-question-row {
                width: 80%;
            }
            
        }
        
        
        /* Slider Style */
        
        .calculator-slider{
            padding-bottom: 47px;
            padding-top: 40px;
        }
        
        /* Hide Pips */
        .noUi-marker-large,
        .noUi-marker{
            background-color: transparent;
        }
        
        .noUi-tooltip{
            background: transparent;
            border: none;
            font-weight: 600;
            margin-left:-10px;
        }
        
        /* Slider Bg - Left */
        
        .noUi-background{
            
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64A64E+0,F57E20+100 */
background: rgb(102,189,74); /* Old browsers */
background: -moz-linear-gradient(left, rgba(102,189,74,1) 0%, rgba(242,139,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(102,189,74,1) 0%,rgba(242,139,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(102,189,74,1) 0%,rgba(242,139,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64A64E', endColorstr='#F57E20',GradientType=1 ); /* IE6-9 */
            width: 99.8%;
        }

        /* Slider Bg - Right */

        .noUi-origin{
            background: #fff;
        }
        
        .noUi-target {
            border: 1px solid #d0d0d0;
            height: 17px;
            box-shadow: none;
            border-radius: 0;
        }
        
        /* Slider Handle */
        
        .noUi-horizontal .noUi-handle{

            background-color: #A5206F;
            border: 7px solid #fff;
            border-radius: 50%;
            box-shadow: none;
            height: 36px;
            width: 36px;
            top: -10px;
        }
        
        .noUi-handle:before,
        .noUi-handle:after{
            display: none;
        }
        
        /* Results Column */
        
        #results-column{
            border: 1px solid #d0d0d0;
            text-align: center;
            padding: 5.5%;
            background: #eeeeee;
        }
        
        @media (max-width:767px){
            
            #results-column--wrap{
                margin:0 auto;    
                clear:both;
            }
            
            #results-column{
                float:none;
                clear:both;
            }
        }
        
        #results-column h2{
           
            font-size: 36px;
            line-height:40px;
            font-weight: 600;
            margin-bottom: 24px;
            margin-top: 0;
            padding: 0;
            color: #3c3c3c;
        }
        
        .savings-range{
            border: 1px solid #cbcbcb;
            background: #fff;
            margin-bottom: 22px;    
            padding-bottom: 40px;
            font-weight: 600;
            color: #3c3c3c;
            }
    
            .savings-range h3{
                color: #fff;
                color: #fff;
                font-size: 29px;
                margin-top: 0;
                padding-bottom: 30px;
                margin-bottom:30px;
                padding-top: 30px;
                border-bottom: 1px solid #d0d0d0;
            }
    
            #results-column .results{
                font-size:25px;
                line-height:30px;
            }
            
            /* Reduce Height of Results for Shorter Viewports */
            .results-short .savings-range{
                padding-bottom:20px;
            }
            
            .results-short .savings-range h3{
                padding-bottom:10px;
                padding-top:10px;
                margin-bottom:20px;
                font-size:24px;
            }
    
            .savings-range.three-year-total h3
            {
                background: #A5206F;
            }
            
             .savings-range.three-year-total span.text-to{
                 color:#A5206F;
             }
    
             .savings-range.three-year-pepy h3{
                background: #64A64E;
             }
    
            .savings-range.three-year-pepy span.text-to{
                color: #64A64E;
            }
    
            .savings-range.average-pepy h3{
                background: #F57E20;   
            }
    
            .savings-range.average-pepy span.text-to{
                color: #F57E20;
            }

    /* Question One */
    
    input#q_one{
        font-size:20px;
        padding:12px 15px;
        width:auto;
    }
    
    /* Question Two */
    /*
        #calculator-question--two label{
            font-size:20px;
        }
    */
    /* Question Four */
    /*
        #calculator-question--four label{
            font-size:20px;
        }
        
         #calculator-question--four label input{
             padding-top:0;
         }
    */
        /* Increase margin to max checkbox clickable */
        #q_four_slider{margin-bottom: 25px;}


    /* Question Five */

        @media(max-width:1000px){
            /* Hide odd pips on mobile to prevent overlap */
             #calculator-question--five .noUi-pips .noUi-value:nth-child(odd){
                color: transparent;
             }
        }
            
    /* HubSpot Form */
    #hubspot-form--target{
        display: block;
        float: left;
        width: 100%;
    }
    
    .formWrap .hs-form .field > label:nth-child(1){
        margin-bottom:15px;
    }
    
    .formWrap .hs-error-msgs{
        top:auto;
        right:auto;
    }
    
     .formWrap .hs_submit input[type="submit"] {
          background-color: transparent;
          background-image: url("//www.careatc.com/hubfs/images/icon--pdf.png?t=1472767376547");
          background-position: 13px 22px;
          background-repeat: no-repeat;
          color: #000;
          font-size: 22px;
          height: auto;
          padding: 15px 20px 14px 54px;
          white-space: normal;
          width: 318px;
    }
    
    .formWrap .hs_submit input[type="submit"]:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    /* Set PDF Confirmation Link visibiliy on Load */
    #PDFConfirmationLink{
        display: none;
    }
    
        #PDFConfirmationLink {
      background: #9363cd none repeat scroll 0 0;
      border: 2px solid #9363cd;
      border-radius: 0;
      color: #fff;
      cursor: pointer;
      font-family: inherit;
      font-size: 28px;
      font-weight: 600;
      max-width: 100%;
      padding: 15px 20px;
      text-transform: uppercase;
      transition: all 0.2s linear 0s;
      width: 400px;
      margin:0 auto;
      line-height:30px;
      text-align:center;
    }
    
    #PDFConfirmationLink:hover {
        background-color: rgba(136, 102, 172, 0.75);
    }

    /* Set Thank You Message Visibility */
    .submitted-message{
        display: none;
    }
    
    /* HubSpot Form Styles */
    
    .formWrap{
        padding-top:20px;
    }
    
    .formWrap.grayFormWrap{
        border:1px solid #d7d7d7;
    }
    
    .formWrap .hs-form fieldset.form-columns-1 .hs-input, .formWrap .hs-form fieldset.form-columns-2 .hs-input, .formWrap .hs-form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]), .formWrap .hs-form textarea{
        border:1px solid #d7d7d7;
        background:#fff;
    }
    
    @media(max-width:767px){
        
        .calculator-column, #results-column{
            width:100%;    
        
        }
        
     .calculator-question--number,
     .calculator-question-row{
        width:100%;
        text-align:center;
     }
     
     .calculator-question--number span{
        display: block;
         margin: 0 auto;
     }
     
     .results-column--grid-column{
        clear:both;    
     }
    }
    
    @media(min-width:768px) and (max-width:990px){
        .calculator-question--number{
            width:15%;
        }
     .calculator-question-row{
        width:83%;
         }   
        
    }
    
    /* Savings Confirmation */
    
    .savings-confirmation .hs_cos_wrapper_type_rich_text h2{
        font-size:36px;
        line-height:46px;
        color:#000;
        font-weight:300;
        text-transform:none;
        margin-bottom:14px;
    }
    
    .savings-confirmation .hs_cos_wrapper_type_rich_text h2:after{
        display:block;
        content: '';
        width:80px;
        height:6px;
        background:#9769cf;
        margin-top:14px;
    }
    
    @media(max-width:767px){
        .savings-confirmation .hs_cos_wrapper_type_rich_text h2{
            font-size:28px;
        }
    }
    
    .savings-confirmation #PDFConfirmationLink{
        display:inline-block;
    }
    
     .savings-confirmation #PDFConfirmationLink{
        background-color: transparent;
        background-image: url("//www.careatc.com/hubfs/images/icon--pdf.png?t=1472767376547");
        background-position: 13px 17px;
        background-repeat: no-repeat;
        border: 3px solid #9363cd;
        color: #000;
        font-size: 22px;
        height: auto;
        padding: 24px 20px 24px 26px;
        white-space: normal;
        width: 318px;
        margin-top:40px;
        margin-bottom:40px;
    }
    
     .savings-confirmation #PDFConfirmationLink:hover {
        color: rgba(255, 255, 255, 0.75);
        background-color: rgba(136, 102, 172, 0.75);
    }