.loan-calculator-box {
    border: 2px solid #0082c8;
}
.loan-calculator-box .ui-widget-content {
    border: 1px solid #bdc3c7 !important;
    background: #e1e1e1 !important;
    color: #222222 !important;
    margin-top: 4px !important;
}

.loan-calculator-box .ui-slider .ui-slider-handle {
    position: absolute !important;
    z-index: 2 !important;
    width: 6.2em !important;
    height: 2.2em !important;
    cursor: default !important;
    margin: 0 -40px auto !important;
    text-align: center !important;	
    line-height: 30px !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
}

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

.loan-calculator-box .ui-corner-all {
    border-radius: 20px !important;
}

.loan-calculator-box .ui-slider-horizontal .ui-slider-handle {
    top: -.9em !important;
}

.loan-calculator-box .ui-state-default,
.loan-calculator-box .ui-widget-content .ui-state-default {
    border: 1px solid #f9f9f9 !important;
    background: #3498db !important;
}

.loan-calculator-box .ui-slider-horizontal .ui-slider-handle {
    margin-left: -2.5em !important;
}

.loan-calculator-box .ui-slider .ui-slider-handle {
    cursor: pointer !important;
}

.loan-calculator-box .ui-slider a,
.loan-calculator-box .ui-slider a:focus {
    cursor: pointer !important;
    outline: none !important;
}

.loan-calculator-box .price, .loan-calculator-box .lead p {
    font-weight: 600 !important;
    font-size: 32px !important;
    display: inline-block !important;
}
.loan-calculator-box .total .price {
    line-height: 60px;
}

.loan-calculator-box h4.great {
    background: #00ac98 !important;
    margin: 0 0 25px 0px !important;
    padding: 7px 15px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    display: inline-block !important;
    -moz-box-shadow:    2px 4px 5px 0 #ccc !important;
    -webkit-box-shadow: 2px 4px 5px 0 #ccc !important;
    box-shadow:         2px 4px 5px 0 #ccc !important;
}

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


.loan-calculator-box .price-slider {
    margin-bottom: 70px !important;
}

.loan-calculator-box .price-slider span {
    font-weight: 200 !important;
    display: inline-block !important;
    color: #7f8c8d !important;
    font-size: 13px !important;
}

.loan-calculator-box .form-pricing {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 4px !important;
}

.loan-calculator-box .price-form {
    background: #ffffff !important;
    margin-bottom: 10px !important;
    padding: 20px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 4px !important;
    /*-moz-box-shadow:    0 5px 5px 0 #ccc !important;
    -webkit-box-shadow: 0 5px 5px 0 #ccc !important;
    box-shadow:         0 5px 5px 0 #ccc !important;*/
}

.loan-calculator-box .loan-calculator-box .form-group {
    margin-bottom: 10px !important;
}

.loan-calculator-box .form-group span.price {
    font-weight: 200 !important;
    display: inline-block !important;
    color: #7f8c8d !important;
    font-size: 14px !important;
}

.loan-calculator-box .help-text {
    display: block !important;
    color: #737373 !important;
    font-size: 14px !important;
}

.loan-calculator-box .price-form label {
    font-weight: 200 !important;
    font-size: 21px !important;
}

.loan-calculator-box img.payment {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto
}

.loan-calculator-box .ui-slider-range-min {
    background: #2980b9 !important;
}

/* HR */

.loan-calculator-box hr.style {
    margin-top: 0 !important;
    border: 0 !important;
    border-bottom: 1px dashed #ccc !important;
    background: #999 !important;
}

.loan-calculator-box .glyphicon-chevron-left:before {
    content: "<";
}
.loan-calculator-box .glyphicon-chevron-right:before {
    content: ">";
}

.loan-calculator-box .slider-left-arrow-loan {
    margin-left: -15px;
    float: left;
    font-size: 50px;
    cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	  -khtml-user-select: none;    /* Konqueror */
	  -moz-user-select: none;      /* Firefox */
	  -ms-user-select: none;       /* Internet Explorer/Edge */
	  user-select: none;           /* Non-prefixed version, currently
									  not supported by any browser */
}

.loan-calculator-box .slider-right-arrow-loan {
    float: left;
    font-size: 50px;
    cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
	
}

.loan-calculator-box .slider-container {
    margin-bottom: 20px;
    padding-left: 33px;
    padding-right: 68px;
    float: left;
    width: 62%;
}

@media screen and (min-width:1001px) and (max-width:1200px){
.loan-calculator-box .slider-container {
    width: 55% !important;
}
}
@media screen and (min-width:992px) and (max-width:1000px){
.loan-calculator-box .slider-container {
    width: 41% !important;
}
}
@media screen and (min-width:768px) and (max-width:991px){
.loan-calculator-box .slider-container {
    width: 30% !important;
}
}
@media screen and (min-width:481px) and (max-width:600px){
.loan-calculator-box .slider-container {
    width: 53% !important;
}
}
@media screen and (max-width:480px){
    .loan-calculator-box .slider-container {
        width: 28% !important;
        padding-left: 40px;
        padding-right: 75px;
    }
    .loan-calculator-box .slider-left-arrow-loan, .loan-calculator-box .slider-right-arrow-loan {
        margin-top: -8px;
    }
    .loan-calculator-box .price-slider span {
        margin-bottom: 15px;
    }
}

/*========================================================
afford calculator
========================================================*/

.afford-calculate-box {

}

.afford-calculate-box .afford-calculate-title {
    background-color: #45545f;
    float: left;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 40px;
    margin-bottom: -5px;
    z-index: -1;
    border-radius: 5px;
    position: relative;
    opacity: 0.9;
}

.afford-calculate-box  .afford-calculate {
    margin: 0 auto;
    clear: both;
    border-radius: 5px;
    padding: 15px 15px;
    background-color: #eaeaea;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55);
}




.afford-calculate-box  .ui-widget-content {
    border: 1px solid #bdc3c7;
    background: #e1e1e1;
    color: #222222;
    margin-top: 12px;
}

.afford-calculate-box  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 5.2em;
    height: 2.2em;
    cursor: default;
    margin: 0 -40px auto !important;
    text-align: center;	
    line-height: 30px;
    color: #FFFFFF;
    font-size: 15px;
}



.afford-calculate-box  .ui-corner-all {
    border-radius: 0px;
}

.afford-calculate-box  .ui-slider-horizontal .ui-slider-handle {
    top: -.7em;
}

.afford-calculate-box  .ui-state-default,
.afford-calculate-box  .ui-widget-content .ui-state-default {
    border: 1px solid #f9f9f9;
    background: #45545f;
}

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

.afford-calculate-box  .ui-slider .ui-slider-handle {
    cursor: pointer;
}

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

.afford-calculate-box .price {
    font-weight: 600;
    font-size: 32px;
    display: inline-block;
}

.afford-calculate-box  h4.great {
    margin: 0 0 17px -15px;
    padding: 0px;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
}




.afford-calculate-box .price-slider {
    margin-bottom: 20px;
    padding: 0 30px;
    float: left;
    width: 58%;
}

.afford-calculate-box  .price-slider span {
    font-weight: 200;
    display: inline-block;
    color: #7f8c8d;
    font-size: 13px;
}

.afford-calculate-box  .form-pricing {
    padding: 0px;
    border-radius: 4px;
}

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


.afford-calculate-box  .ui-slider-range-min {
    background: #929292;
}


.afford-calculate-box  .form-control { border: 1px solid #AFAFAF; background-color: #cccccc; }


.afford-calculate .qbutton {border-radius:0 !important; text-transform: none !important; }

.afford-calculate-box .afford-calculate {padding-bottom: 5px;}

.afford-calculate .slider-left-arrow {
    margin-left: -15px;
    float: left;
    font-size: 50px;
    margin-top: 8px;
    cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	  -khtml-user-select: none;    /* Konqueror */
	  -moz-user-select: none;      /* Firefox */
	  -ms-user-select: none;       /* Internet Explorer/Edge */
	  user-select: none;           /* Non-prefixed version, currently
									  not supported by any browser */
}

.afford-calculate .slider-right-arrow {
    float: left;
    font-size: 50px;
    margin-top: 8px;
    cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
	
}

@media screen and (min-width:1200px){
    .afford-calculate .price { display:block !important; margin-top:20px; }
    .afford-calculate .qbutton { top:-10px; left:17px;  } 
}

@media screen and (min-width:1001px) and (max-width:1200px){
.afford-calculate-box .price-slider {
    width: 51% !important;
}
}
@media screen and (min-width:992px) and (max-width:1000px){
    .afford-calculate-box .price-slider {
    width: 38% !important;
}
}

@media screen and (max-width:480px){
    .afford-calculate-box .price-slider {
        width: 42% !important;
    }
    .afford-calculate-box .price-slider {
        padding: 0 49px !important;
        margin-left: -5px;
    }
}
.afford-calculate .vc_col-sm-4 .great {
    margin-left: -15px;
}

/*========================================================
afford calculator vertical
========================================================*/

.afford-calculator-vertical {
    border: 2px solid #0082c8;
}

.afford-calculator-vertical .ui-widget-content {
    border: 1px solid #bdc3c7 !important;
    background: #e1e1e1 !important;
    color: #222222 !important;
    margin-top: 4px !important;
}

.afford-calculator-vertical .ui-slider .ui-slider-handle {
    position: absolute !important;
    z-index: 2 !important;
    width: 7.2em !important;
    height: 2.2em !important;
    cursor: default !important;
    margin: 0 -40px auto !important !important;
    text-align: center !important;	
    line-height: 30px !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
}

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

.afford-calculator-vertical .ui-corner-all {
    border-radius: 20px !important;
}

.afford-calculator-vertical .ui-slider-horizontal .ui-slider-handle {
    top: -.9em !important;
}

.afford-calculator-vertical .ui-state-default,
.afford-calculator-vertical .ui-widget-content .ui-state-default {
    border: 1px solid #f9f9f9 !important;
    background: #3498db !important;
}

.afford-calculator-vertical .ui-slider-horizontal .ui-slider-handle {
    margin-left: -2.5em !important;
}

.afford-calculator-vertical .ui-slider .ui-slider-handle {
    cursor: pointer !important;
}

.afford-calculator-vertical .ui-slider a,
.afford-calculator-vertical .ui-slider a:focus {
    cursor: pointer !important;
    outline: none !important;
}

.afford-calculator-vertical .price, .afford-calculator-vertical .lead p {
    font-weight: 600 !important;
    font-size: 32px !important;
    display: inline-block !important;

}

.afford-calculator-vertical h4.great {
    background: #00ac98 !important;
    margin: 0 0 25px 0px !important;
    padding: 7px 15px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    display: inline-block !important;
    -moz-box-shadow:    2px 4px 5px 0 #ccc !important;
    -webkit-box-shadow: 2px 4px 5px 0 #ccc !important;
    box-shadow:         2px 4px 5px 0 #ccc !important;
}

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


.afford-calculator-vertical .price-slider {
    margin-bottom: 70px !important;
}

.afford-calculator-vertical .price-slider span {
    font-weight: 200 !important;
    display: inline-block !important;
    color: #7f8c8d !important;
    font-size: 13px !important;
}

.afford-calculator-vertical .form-pricing {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 4px !important;
}

.afford-calculator-vertical .price-form {
    background: #ffffff !important;
    margin-bottom: 10px !important;
    padding: 20px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 4px !important;
    /*-moz-box-shadow:    0 5px 5px 0 #ccc !important;
    -webkit-box-shadow: 0 5px 5px 0 #ccc !important;
    box-shadow:         0 5px 5px 0 #ccc !important;*/
}

.afford-calculator-vertical .afford-calculator-vertical .form-group {
    margin-bottom: 10px !important;
}

.afford-calculator-vertical .form-group span.price {
    font-weight: 200 !important;
    display: inline-block !important;
    color: #7f8c8d !important;
    font-size: 14px !important;
}

.afford-calculator-vertical .help-text {
    display: block !important;
    color: #737373 !important;
    font-size: 14px !important;
}

.afford-calculator-vertical .price-form label {
    font-weight: 200 !important;
    font-size: 21px !important;
}

.afford-calculator-vertical img.payment {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto
}

.afford-calculator-vertical .ui-slider-range-min {
    background: #2980b9 !important;
}

/* HR */

.afford-calculator-vertical hr.style {
    margin-top: 0 !important;
    border: 0 !important;
    border-bottom: 1px dashed #ccc !important;
    background: #999 !important;
}

.afford-calculator-vertical .glyphicon-chevron-left:before {
    content: "<";
}
.afford-calculator-vertical .glyphicon-chevron-right:before {
    content: ">";
}

.afford-calculator-vertical .slider-left-arrow {
    margin-left: -15px;
    float: left;
    font-size: 50px;
    cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	  -khtml-user-select: none;    /* Konqueror */
	  -moz-user-select: none;      /* Firefox */
	  -ms-user-select: none;       /* Internet Explorer/Edge */
	  user-select: none;           /* Non-prefixed version, currently
									  not supported by any browser */
}

.afford-calculator-vertical .slider-right-arrow {
    float: left;
    font-size: 50px;
    cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
	
}

.afford-calculator-vertical .slider-container {
    margin-bottom: 20px;
    padding-left: 33px;
    padding-right: 68px;
    float: left;
    width: 62%;
}

@media screen and (min-width:1001px) and (max-width:1200px){
.afford-calculator-vertical .slider-container {
    width: 55% !important;
}
}
@media screen and (min-width:992px) and (max-width:1000px){
.afford-calculator-vertical .slider-container {
    width: 41% !important;
}
}
@media screen and (min-width:768px) and (max-width:991px){
.afford-calculator-vertical .slider-container {
    width: 30% !important;
}
}
@media screen and (min-width:481px) and (max-width:600px){
.afford-calculator-vertical .slider-container {
    width: 53% !important;
}
}

@media screen and (max-width:480px){
    .afford-calculator-vertical .slider-container {
        width: 28% !important;
        padding-left: 40px;
        padding-right: 75px;
    }
    .afford-calculator-vertical .slider-left-arrow, .afford-calculator-vertical .slider-right-arrow {
        margin-top: -8px;
    }
    .afford-calculator-vertical .price-slider span {
        margin-bottom: 20px;
    }
    .afford-calculator-vertical .price-slider span {
        margin-bottom: 15px;
    }
    .afford-calculate-box .ui-slider .ui-slider-handle{
        width: 6em;
        height: 3em;
        line-height: 3em;
    }
}