body { }

.cookie-notification { display: none !important; }
.tool-header { height: 102px; }
.tool-header .sticky-wrapper { height: 102px; z-index: 100; border-top: 1px solid #d8d8d0; border-bottom: 1px solid #d8d8d0; }
.tool-header.sticky .sticky-wrapper { position: fixed; top: 40px; left: 0; right: 0; }

.tool-header .progress-bar { height: 10px; border-bottom: 1px solid #d8d8d0; background: white; }
.tool-header .progress-bar .bar { height: 100%; width: 0; background: #379ecc; -moz-transition: width .8s ease-in-out; -o-transition: width .8s ease-in-out; -webkit-transition: width .8s ease-in-out; transition: width .8s ease-in-out; }

.tool-header .progress-text { height: 90px; border-top: 1px solid white; background: #f2f1e9; overflow: hidden; }

.tool-header .progress-text a.button-top { height: 90px; width: 40px; display: block; float: left; color: #73736E; border-right: 1px solid #d8d8d0; border-left: 1px solid #d8d8d0; line-height: 90px; text-align: center; font-size: 2.8rem; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.tool-header .progress-text a.button-top span { display: inline-block; }
.tool-header .progress-text a.button-top:hover { color: black; }
.tool-header .progress-text .location-text { height: 90px; line-height: 90px; font-family: Plantin; font-size: 2.8rem; margin-left: 1.5rem; float: left; }
.tool-header .progress-text .results-text { height: 90px; line-height: 90px; font-family: Abadi-Bold; font-size: 2.8rem; float: right; color: #379bc9; }


.tool-content { }

.tool-content .question { opacity: 0; display: none; padding: 10rem 0; border-bottom: 1px solid #d8d8d0; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.tool-content .question.visible { opacity: 1; display: block; }

.tool-content.tool-content-start .question { opacity: 1; display: block; border-bottom: none; border-top: 1px solid #d8d8d0; margin-top: 60px; padding: 5rem 0; }
.tool-content.tool-content-start .question .buttons { padding-bottom: 140px; }
.tool-content.tool-content-start .question .options { margin: 0 auto; }

.tool-content .question h2 { width: 400px; margin-bottom: 2rem; font-family: Plantin-Bold, Plantin, Arial, serif; font-size: 2.8rem; }
.tool-content .question p { width: 400px; margin-bottom: 2rem; font-family: Plantin, Arial, serif; font-size: 1.6rem; }

.tool-content .buttons { width: 100%; position: relative; margin-top: 80px; }

.tool-content .options { width: 600px; overflow: hidden; }
.tool-content .option-button { position: relative; width: 285px; height: 130px; margin-right: 15px; margin-bottom: 15px; float: left; display: block; background: #f8f8f4; border: 2px solid #d9d9d1; padding: 20px 22px; vertical-align: bottom; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
.tool-content .option-button.selected { background: #f2f1e9; border-color: #379ECC; }
.tool-content .option-button:hover { background: white; }
.tool-content .option-button .align-bottom { position: absolute; bottom: 20px; left: 22px; right: 22px; }
.tool-content .option-button .label { color: #379ECC; font-size: 2.4rem; font-family: Abaldi-Bold, Abaldi, sans-serif; font-weight: bold; width: 100%; display: block; }
.tool-content .option-button .label.example { font-size: 1.4rem; margin-top: 10px; }


.tool-content .value-button { position: relative; width: 375px; height: 160px; margin-right: 15px; margin-bottom: 15px; float: left; display: block; background: #ffffff; border: 2px solid #d9d9d1; padding: 20px 22px; vertical-align: bottom; -moz-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
.tool-content .value-button .controls-top { position: absolute; top: 0; left: 0; right: 0; height: 100px; background: #F8F8F4; border-bottom: 1px solid #E1E1DA; }
.tool-content .value-button .controls-top a { float: right; margin-right: 16px; margin-top: 22px; width: 55px; height: 55px; border: 1px solid #E1E1DA; border-radius: 50%; line-height: 53px; font-size: 2.2rem; color: #379ECC; text-align: center; font-family: Verdana, serif; font-weight: bold; }
.tool-content .value-button .controls-top a:first-child { margin-right: 22px; }
.tool-content .value-button .controls-bottom { position: absolute; bottom: 0; left: 0; right: 0; }
.tool-content .value-button .controls-bottom .label { color: #379ECC; font-size: 2.4rem; font-family: Abaldi-Bold, Abaldi, sans-serif; font-weight: bold; padding: 0 22px; position: absolute; bottom: 0; left: 0; right: 0; height: 54px; line-height: 54px; }
.tool-content .value-button .controls-bottom .input { display: none; border: 2px solid transparent; color: #379ECC; font-size: 2.4rem; font-family: Abaldi-Bold, Abaldi, sans-serif; font-weight: bold; padding: 0 0 0 22px; position: absolute; bottom: -2px; left: -2px; right: -2px; height: 60px; width: 100%; width: calc(100% + 4px); line-height: 60px; outline: none; -moz-transition: border-color .2s ease-in-out; -o-transition: border-color .2s ease-in-out; -webkit-transition: border-color .2s ease-in-out; transition: border-color .2s ease-in-out; }

.tool-content .value-button .controls-bottom.editing .label { display: none; }
.tool-content .value-button .controls-bottom.editing .input { display: block; border-color: #379ECC; }


.tool-content .buttons a.continue-button { position: absolute; display: block; right: 0; bottom: 15px; width: 220px; height: 67px; line-height: 67px; text-align: center; font-family: Abaldi-Bold, Abaldi, sans-serif; font-weight: bold; font-size: 2.4rem; border-radius: 5px; border: 2px solid #d8d8d0; background: white; color: black; -moz-transition: color, background-color, border-color .2s ease-in-out; -o-transition: color, background-color, border-color .2s ease-in-out; -webkit-transition: color, background-color, border-color .2s ease-in-out; transition: color, background-color, border-color .2s ease-in-out; }
.tool-content .buttons a.continue-button.disabled { border: 2px solid #f2f1e9; background: white; color: #73736E; }
.tool-content .buttons a.continue-button:not(.disabled):hover { border-color: #379ECC; }

.tool-content .results { opacity: 0; display: none; padding: 10rem 0; border-bottom: 1px solid #d8d8d0; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.tool-content .results.visible { opacity: 1; display: block; }

.tool-content .products { overflow: hidden; }

.tool-content .product { opacity: 0; display: none; width: 49%; margin-right: 0; margin-bottom: 20px; float: left; background: #f7f6f2; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.tool-content .product.visible { opacity: 1; display: block; }
.tool-content .product:nth-child(2n+1) { margin-right: 2%; }

.tool-content .product .img { display: block; width: 100%; height: 175px; overflow: hidden; }
.tool-content .product .img-align { width: 100%; height: 100%; }
.tool-content .product .img-align img { width: 100%; }

.tool-content .product .details { margin: 0 22px; height: 185px; border-bottom: 1px solid #d9d9d1; font-family: Plantin-SemiBold, Plantin, serif; font-size: 1.6rem; }
.tool-content .product .details h3 { font-family: Plantin-Bold, Plantin, serif; font-weight: bold; font-size: 2.4rem; margin-top: 25px; margin-bottom: 25px; text-align: center; }
.tool-content .product .link { padding: 0 22px; text-align: center; height: 62px; }
.tool-content .product .link a { font-size: 1.8rem; line-height: 62px; font-family: Plantin-Bold, Plantin, serif; font-weight: bold; color: #21a9c3; }
.tool-content .product .link a:hover { text-decoration: underline; }


.tool-content .packages { }

.tool-content .package { opacity: 0; display: none; padding: 20px; box-shadow: 0 0 5px -1px rgba(0,0,0,.2); margin-bottom: 15px; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.tool-content .package.visible { opacity: 1; display: block; }
.tool-content .package-inner { padding: 35px 55px 25px 55px; border: 2px solid #02a9c3; }
.tool-content .package h3 { font-family: Plantin; font-size: 2.8rem; text-align: center; margin-bottom: 10px; }
.tool-content .package h4 { font-family: Abadi; font-size: 1.6rem; text-align: center; margin-bottom: 50px; }


.tool-content .package .description { margin-bottom: 20px; position: relative; }
.tool-content .package .summary { font-family: Plantin-SemiBold; font-size: 1.6rem; font-weight: 600; margin-bottom: 25px; display: block; width: 40%; }

.tool-content .package .features { position: absolute; left: 60%; top: 0; width: 40%; }
.tool-content .package .features li { color: #02a9c3; font-size: 1.8rem; font-family: Plantin-SemiBold; margin-bottom: 20px; }
.tool-content .package .features li .text { margin-left: 15px; vertical-align: middle; }
.tool-content .package .features li [class^="icon-"] { font-size: 2.2rem; vertical-align: middle; }


.tool-content .package .links { margin-bottom: 25px; }
.tool-content .package .links a { font-family: Abadi-Bold; font-size: 1.6rem; font-weight: 700; margin: 11px 0; color: black; display: block; }
.tool-content .package .links a .text { vertical-align: middle; }
.tool-content .package .links a [class^="icon-"] { font-size: 2rem; vertical-align: middle; }
.tool-content .package .links a:hover { color: #02a9c3; }

.tool-content .package .apply-button { font-family: Abadi-Bold, Abadi, serif; font-size: 1.8rem; color: #111; width: 150px; height: 55px; line-height: 49px; text-align: center; margin: 35px auto 0; display: block; border: 3px solid #aaaaa8; border-radius: 5px; }
.tool-content .package .apply-button:hover { border-color: #379ecc; }


.tool-request-advice { position: fixed; display: none; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 200; background: rgba(0,0,0,.3); -moz-transition: opacity .4s; -o-transition: opacity .4s; -webkit-transition: opacity .4s; transition: opacity .4s; }
body.tool-request-advice-visible { overflow: hidden; }
body.tool-request-advice-visible .tool-request-advice { display: table; opacity: 1; }


.tool-request-advice .modal-align { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; margin: 0; padding: 0; }
.tool-request-advice .modal-wrapper { position: relative; display: block; width: 98%; max-width: 900px; min-height: 650px; margin: 0 auto; padding: 35px 50px; background-color: white; background-image: url('request-advice-bg.png'); background-repeat: no-repeat; background-position: bottom left; }

.tool-request-advice .close-button { position: absolute; top: 30px; right: 30px; width: 2rem; height: 2rem; color: #aaaaa8; }
.tool-request-advice .close-button [class^="icon-"] { display: block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 2.8rem; }
.tool-request-advice .close-button:hover { color: #d58200; }

.tool-request-advice .row { display: table; width: 100%; }
.tool-request-advice h4 { font-family: Abadi-Bold; font-size: 1.8rem; text-transform: uppercase; margin-bottom: 25px; }
.tool-request-advice .contact-details { display: table-cell; width: 50%; text-align: left; }
.tool-request-advice .contact-details label { font-family: Abadi-ExtraBold; font-size: 1.2rem; margin-bottom: 5px; display: block; text-align: left; color: #b2b2ab; }
.tool-request-advice .contact-details label + input[type='text'] { font-family: Abadi-Bold; font-size: 1.6rem; border: 1px solid #b2b2ab; border-radius: 4px; height: 55px; display: block; padding: 0 20px; width: 75%; }

.tool-request-advice .contact-time { display: table-cell; width: 50%; text-align: left; }

.tool-request-advice .contact-time .head { display: table; width: 100%; border-bottom: 1px solid #b2b2ab; border-top: 1px solid #b2b2ab; height: 50px; margin-bottom: 12px; }
.tool-request-advice .contact-time .body { display: table; width: 100%; }
.tool-request-advice .contact-time .body .cell { vertical-align: top; }

.tool-request-advice .contact-time .cell,
.tool-request-advice .contact-time .cell { display: table-cell; width: 50%; text-align: left; vertical-align: middle; }
.tool-request-advice .contact-time .cell-right .hours { display: block; margin-left: 40px; font-family: Abadi-Bold; font-size: 1.4rem; color: #b2b2ab; margin-top: -6px; }

.tool-request-advice .contact-time .input-row { height: 42px; overflow: hidden; }
.tool-request-advice .contact-time .input-row.double { height: 84px; }

.tool-request-advice .contact-time input[type='radio'] { display: none; }
.tool-request-advice .contact-time input[type='radio'] + label { position: relative; display: block; line-height: 27px; margin-left: 40px; margin-top: 8px; margin-bottom: 7px; cursor: pointer; font-family: Abadi-Bold; font-size: 1.8rem; color: #323232; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.tool-request-advice .contact-time input[type='radio'] + label:hover { color: #d58200; }
.tool-request-advice .contact-time input[type='radio'] + label:before { position: absolute; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25px; height: 25px; border: 1px solid #b2b2ab; left: -40px; top: 0; content: ''; }
.tool-request-advice .contact-time input[type='radio'] + label:after { position: absolute; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 17px; height: 17px; left: -36px; top: 4px; background: black; content: ''; opacity: 0; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.tool-request-advice .contact-time input[type='radio']:checked + label:after { opacity: 1; }


.tool-request-advice .actions { margin-top: 30px; text-align: right; overflow: hidden; }
.tool-request-advice .actions a { display: block; float: right; font-family: Abadi-Bold, Abadi, serif; font-size: 1.8rem; color: #111; height: 55px; -moz-transition: color .15s, border-color .15s; -o-transition: color .15s, border-color .15s; -webkit-transition: color .15s, border-color .15s; transition: color .15s, border-color .15s; }

.tool-request-advice .actions a.cancel-button { line-height: 55px; margin-right: 30px; padding: 0 15px; }
.tool-request-advice .actions a.cancel-button:hover { color: #d58200; }

.tool-request-advice .actions a.submit-button { width: 200px; line-height: 49px; text-align: center; border: 2px solid #b2b2ab; border-radius: 5px; background: white; }
.tool-request-advice .actions a.submit-button:hover { border-color: #379ecc; }
.tool-request-advice .actions a.submit-button [class^="icon-"] { vertical-align: middle; }
.tool-request-advice .actions a.submit-button .text { vertical-align: middle; margin-left: 6px; }







@media only screen and (max-width: 900px) {
  .tool-content .buttons { width: 100%; position: relative; padding-bottom: 140px; }

  .tool-content .buttons .options { width: auto; }
  .tool-content .buttons .option-button { width: 49%; margin-right: 0; }
  .tool-content .buttons .option-button:nth-child(2n+1) { margin-right: 2%; }


  .tool-content .product .img { height: 130px; }
  .tool-content .product .details { height: 225px; }

  .tool-content .package .summary { width: 40%; }
  .tool-content .package .features { left: 50%; width: 50%; }
}

@media only screen and (max-width: 600px) {

  body.tool-request-advice-visible { overflow: hidden; }
  body.tool-request-advice-visible .tool-request-advice { display: block; }

  .tool-request-advice .modal-align { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll; vertical-align: top; padding-top: 20px; padding-bottom: 20px; }
  /*.tool-request-advice .modal-wrapper { height:1200px; }*/

  .tool-request-advice .contact-details,
  .tool-request-advice .contact-time { display: block; width: 100%; }

  .tool-request-advice .contact-details { margin-bottom: 40px; }
  .tool-request-advice .contact-details label + input[type='text'] { width: 100%; }


  .tool-request-advice .actions { margin-bottom: 80px; }
  .tool-request-advice .actions a.cancel-button,
  .tool-request-advice .actions a.submit-button { float: none; width: auto; text-align: center; }


  .tool-content .buttons { margin-top: 20px; }
  .tool-content .buttons .options { width: auto; }
  .tool-content .buttons .option-button { width: 100%; margin-right: 0; }

  .tool-content .buttons .value-button { width: 100%; margin-right: 0; }

  .tool-content .product { width: 100%; margin-right: 0; }


  .tool-content .package { padding: 15px; }
  .tool-content .package-inner { padding: 18px; }

  .tool-content .package .apply-button { width: auto; margin: 0 auto; }

  .tool-content .package .summary { width: 100%; margin-bottom: 25px; }
  .tool-content .package .features { width: 100%; position: static; margin-bottom: 20px; }
  .tool-content .package .links { border-top: 1px solid #aaaaa8; border-bottom: 1px solid #aaaaa8; padding: 10px 0; }
}














.tool-cashflow-start { background: #f2f1e9; border-top: 1px solid #dadad9; border-bottom: 1px solid #dadad9; padding: 20px 0; margin-bottom: 20px; }
.tool-cashflow-start h2 { font-family: Plantin, sans-serif; font-weight: normal; color: #545150; font-size: 28px; text-align: center; margin: 5px 20px 30px 20px; padding-bottom: 35px; border-bottom: 1px solid #dadad9; }

.tool-cashflow-start .ts-subtitle { padding-bottom: 30px; border-bottom: 1px solid #dadad9; }

.tool-cashflow-start .type-selector-buttons { width: 560px; margin: 0 auto; position: relative; display: table; border-spacing: 16px; border-collapse: separate; }
.tool-cashflow-start .type-selector-buttons .cell { display: table-cell; width: 50%; }


.tool-cashflow-start .type-button { -moz-transition: border-color .3s, background-color .3s, color .3s; -o-transition: border-color .3s, background-color .3s, color .3s; -webkit-transition: border-color .3s, background-color .3s, color .3s; transition: border-color .3s, background-color .3s, color .3s; }
.tool-cashflow-start .type-button,
.tool-cashflow-start .type-button.selected:hover { border: 2px solid #d9d9d1; background: white; color: #379ecc; display: block; height: 130px; position: relative; }
.tool-cashflow-start .type-button:hover,
.tool-cashflow-start .type-button.selected { border-color: #379ecc; background: #379ecc; color: white; }


.tool-cashflow-start .type-button .align-bottom { position: absolute; bottom: 15px; left: 18px; }
.tool-cashflow-start .type-button .align-bottom .label { font-family: Abadi-Bold; font-size: 3.6rem; }
.tool-cashflow-start .type-description { border-top: 1px solid #dadad9; padding-top: 8px; margin-top: 10px; font-family: Plantin-SemiBold; font-size: 1.8rem; color: #545150; }

.tool-cashflow .results { opacity: 0; display: none; padding: 0 0 10rem 0; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.tool-cashflow .results.visible { opacity: 1; display: block; }


.tool-cashflow .result-header { border-bottom: 1px solid #d9d9d1; height: 82px; }
.tool-cashflow .result-header .header-button { height: 46px; line-height: 46px; float: left; display: block; padding: 0 5px; margin-right: 20px; margin-top: 18px; }
.tool-cashflow .result-header .header-button .icon { display: block; float: left; height: 46px; width: 46px; border: 1px solid #d9d9d1; border-radius: 50%; line-height: 44px; text-align: center; color: #545150; font-size: 1.8rem; }
.tool-cashflow .result-header .header-button .text { display: block; float: left; height: 46px; line-height: 46px; margin-right: 12px; font-family: Abadi-ExtraBold; font-size: 1.4rem; color: #323232; text-transform: uppercase; }

.tool-cashflow .result-description .reset-button,
.tool-cashflow .result-header .reset-button { display: block; height: 56px; line-height: 52px; border: 2px solid #d9d9d1; border-radius: 4px; font-family: Abadi-Bold; font-size: 20px; text-align: center; width: 250px; color: #333331; }
.tool-cashflow .result-description .reset-button:hover,
.tool-cashflow .result-header .reset-button:hover { border-color: #379ecc; }

.tool-cashflow .result-description .reset-button { width: auto; margin-top: 20px; margin-bottom: 20px; display: none; }
.tool-cashflow .result-header .reset-button { float: right; margin-top: 13px; }


.tool-cashflow .result-description { padding: 35px 0; }
.tool-cashflow .result-description h2 { font-family: Abadi-Bold; font-size: 3.6rem; color: #323232; width: 350px; margin-bottom: 20px; }
.tool-cashflow .result-description p { font-family: Plantin; font-size: 1.6rem; color: #333331; width: 350px; }


.tool-cashflow .result-boxes { background: #f2f1e9; border-top: 1px solid #dadad9; border-bottom: 1px solid #dadad9; padding: 10rem 0; }
.tool-cashflow .result-row { display: table; width: 100%; }
.tool-cashflow .result-box { width: 50%; float: left; display: table-cell; padding-right: 150px; margin-bottom: 35px; }
.tool-cashflow .result-box h3 { font-family: Abadi-Bold; font-size: 2rem; color: #323232; vertical-align: middle; margin: 0 10px 30px 5px; }
.tool-cashflow .result-box h3 .value { font-family: Abadi-Bold; font-size: 2.4rem; color: #379ecc; vertical-align: middle; float: right; }

.tool-cashflow .result-box p { font-family: Plantin-SemiBold, sans-serif; font-size: 1.6rem; color: #72726e; }

.tool-cashflow .result-box .value-button { display: block; width: auto; float: none; margin: 0 0 20px 0; }


.tool-cashflow-simple { opacity: 0; display: none; padding-bottom: 30px; -moz-transition: opacity .3s; -o-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s; }
.tool-cashflow-simple.visible { opacity: 1; display: block; }

.tool-cashflow-simple .ts-subtitle { padding-bottom: 30px; border-bottom: 1px solid #dadad9; }

.tool-cashflow-simple .question-align { width: 560px; margin: 0 auto; margin-bottom: 45px; }

.tool-cashflow-simple .counter { width: 50px; height: 50px; border: 1px solid #379ecc; border-radius: 50%; line-height: 50px; text-align: center; font-family: Plantin; font-size: 1.8rem; position: absolute; }

.tool-cashflow-simple .text { margin-left: 90px; margin-bottom: 20px; font-family: Plantin-Light; font-size: 2.4rem; display: block; }
.tool-cashflow-simple .info
{
	font-size: 1.4rem;
	margin-top: 1rem;
}
.tool-cashflow-simple .value { margin-left: 90px; height: 55px; display: block; }
.tool-cashflow-simple .value input { border: 2px solid #d9d9d1; border-radius: 4px; font-family: Abadi-Bold; font-size: 1.6rem; padding-left: 15px; width: 100%; height: 100%; -moz-transition: border-color .3s; -o-transition: border-color .3s; -webkit-transition: border-color .3s; transition: border-color .3s; outline: none; }
.tool-cashflow-simple .value input:hover { border-color: #379ecc; }
.tool-cashflow-simple .value input:focus { border-color: #333331; }

.tool-cashflow-simple .calculate-button { margin-left: 90px; display: block; width: 160px; height: 55px; line-height: 51px; border: 2px solid #d9d9d9; border-radius: 4px; text-align: center; font-family: Abadi-Bold; font-size: 2.0rem; color: #333331; vertical-align: middle; -moz-transition: border-color .3s; -o-transition: border-color .3s; -webkit-transition: border-color .3s; transition: border-color .3s; }
.tool-cashflow-simple .calculate-button:hover { border-color: #379ecc; }


.tool-cashflow-simple-results { opacity: 0; display: none; background: #f2f1e9; border-top: 1px solid #dadad9; border-bottom: 1px solid #dadad9; padding: 40px 0 100px 0; margin-bottom: 20px; }
.tool-cashflow-simple-results.visible { opacity: 1; display: block; }

.tool-cashflow-simple-results .results-status { width: 780px; margin: 0 auto; padding: 0 0 20px 0; border-bottom: 1px solid #dadad9; }
.tool-cashflow-simple-results .results-status h3 { width: 600px; color: #333331; font-family: Abadi-Bold; font-size: 2.8rem; margin-bottom: 10px; }
.tool-cashflow-simple-results .results-status p { width: 400px; color: #333331; font-family: Plantin-Light; font-size: 1.6rem; margin-bottom: 15px; }

.tool-cashflow-simple-results .indicator { display: block; }
.tool-cashflow-simple-results .amount { display: inline-block; height: 50px; line-height: 46px; font-family: Abadi-Bold; font-size: 2.4rem; border: 2px solid #d9d9d1; background: white; padding: 0 20px; border-radius: 6px; position: relative; margin-top: 30px; }
.tool-cashflow-simple-results .amount:after { display: block; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: white; top: -20px; left: 50%; margin-left: -10px; content: ''; }
.tool-cashflow-simple-results .amount:before { display: block; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-bottom-color: #d9d9d1; top: -24px; left: 50%; margin-left: -12px; content: ''; }


.tool-cashflow-simple-results .bars { height: 16px; display: table; width: 100%; }

.tool-cashflow-simple-results .bar { width: 20%; display: table-cell; }

.tool-cashflow-simple-results .bar-red { background-color: #f05e5c; border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-right: 1px solid #d9d9d1; }
.tool-cashflow-simple-results .bar-orange { background-color: #eb8745; border-right: 1px solid #d9d9d1; }
.tool-cashflow-simple-results .bar-yellow { background-color: #ffb500; border-right: 1px solid #d9d9d1; }
.tool-cashflow-simple-results .bar-olive { background-color: #abc441; border-right: 1px solid #d9d9d1; }
.tool-cashflow-simple-results .bar-green { background-color: #87cc52; border-bottom-right-radius: 8px; border-top-right-radius: 8px; }

.tool-cashflow-simple-results .results-improve { width: 780px; margin: 0 auto; padding: 20px 0 0 0; overflow: hidden; }
.tool-cashflow-simple-results .results-improve h3 { color: #333331; font-family: Plantin-Bold; font-size: 3rem; margin-bottom: 10px; }
.tool-cashflow-simple-results .results-improve p { color: #333331; font-family: Plantin; font-size: 1.6rem; margin-bottom: 35px; }
.tool-cashflow-simple-results .results-improve .improve-button { color: #333331; font-family: Abadi-Bold; font-size: 2.0rem; height: 50px; border: 2px solid #d9d9d1; background: white; line-height: 46px; text-align: center; }


.tool-cashflow-simple-results .improve-text { width: 350px; float: left; }
.tool-cashflow-simple-results .improve-diagram { width: 300px; height: 200px; position: relative; float: right; color: #379ecc; }

.tool-cashflow-simple-results .improve-button { display: block; width: 276px; height: 55px; line-height: 51px; border: 2px solid #d9d9d9; text-align: center; -moz-transition: border-color .3s; -o-transition: border-color .3s; -webkit-transition: border-color .3s; transition: border-color .3s; }
.tool-cashflow-simple-results .improve-button:hover { border-color: #379ecc; }
.tool-cashflow-simple-results .improve-button .text { font-family: Abadi-Bold; font-size: 2.0rem; color: #333331; vertical-align: middle; }
.tool-cashflow-simple-results .improve-button .icon { color: #333331; vertical-align: middle; font-size: 3.0rem; margin-left: -25px; }
.tool-cashflow-simple-results .results-improve .value { border: 2px solid #d9d9d1; background: white; display: block; width: 200px; height: 100px; position: absolute; }

.tool-cashflow-simple-results .results-improve .value-days { left: 0; top: 10px; }
.tool-cashflow-simple-results .results-improve .value-percentage { right: 0; bottom: 10px; }

.tool-cashflow-simple-results .results-improve .symbol-plus { font-family: Abadi-Bold; font-size: 70px; font-weight: bold; position: absolute; bottom: -30px; left: 20px; }
.tool-cashflow-simple-results .results-improve .symbol-percentage { font-family: Abadi-Bold; font-size: 45px; font-weight: bold; position: absolute; top: 0; right: 30px; }

.tool-cashflow-simple-results .results-improve .align-top { position: absolute; top: 12px; right: 12px; }
.tool-cashflow-simple-results .results-improve .align-top a { margin-left: 10px; float: right; width: 30px; height: 30px; line-height: 28px; border: 1px solid #379ecc; border-radius: 50%; text-align: center; font-family: Arial; font-size: 2.2rem; color: #379ecc; }

.tool-cashflow-simple-results .results-improve .align-bottom { position: absolute; bottom: 12px; left: 12px; right: 12px; }
.tool-cashflow-simple-results .results-improve .label { font-family: Abadi-Bold; font-size: 2.4rem; color: #379ecc; float: left; }
.tool-cashflow-simple-results .results-improve .label-amount { font-family: Abadi-Bold; font-size: 1.6rem; color: #379ecc; float: right; line-height: 3.0rem; }


@media only screen and (max-width: 900px) {
  .tool-cashflow .result-box { padding-right: 50px; }
  .tool-cashflow-simple-results .results-status { width: auto; }
  .tool-cashflow-simple-results .results-improve { width: auto; }
}


@media only screen and (max-width: 750px) {
  .tool-cashflow-simple-results .improve-text { width: 200px; }
}

@media only screen and (max-width: 600px) {
  .tool-cashflow .result-row { display: block; }
  .tool-cashflow .result-box { display: block; padding-right: 0; width: 100%; float: none; }

  .tool-cashflow .result-description .reset-button { display: block; }
  .tool-cashflow .result-header .reset-button { display: none; }

  .tool-cashflow-simple-results .improve-text { width: auto; float: none; }
  .tool-cashflow-simple-results .improve-diagram { float: none; margin: 40px auto 0; }
  .tool-cashflow-simple-results .results-improve .improve-button { width: auto; }

  .tool-cashflow-start .type-selector-buttons { width: auto; display: block; }
  .tool-cashflow-start .type-selector-buttons .cell { width: 300px; display: block; margin: 0 auto 20px; }

  .tool-cashflow-simple .question-simple { width: auto; }
  .tool-cashflow-simple .question-align { width: auto; }

  .tool-cashflow-simple-results .results-status h3 { width: auto; }
  .tool-cashflow-simple-results .results-status p { width: auto; }
}

@media only screen and (max-width:400px) {
  .tool-cashflow-start .type-selector-buttons .cell { width: auto; }
}