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.sticky .sticky-wrapper { -webkit-transition: top linear .3s; -moz-transition: top linear .3s; -o-transition: top linear .3s; -ms-transition: top linear .3s; transition: top linear .3s; top: 0; } .sticky-header-start ~ .tool-header.sticky .sticky-wrapper { top: 39px; } .tool-product-selector .continue-button { display: none !important; } .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 .buttons .options { width: 600px; overflow: hidden; } .tool-content .buttons a.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 .buttons a.option-button.selected { background: #f2f1e9; border-color: #379ECC; } .tool-content .buttons a.option-button:hover { background: white; } .tool-content .buttons a.option-button .align-bottom { position: absolute; bottom: 20px; left: 22px; right: 22px; } .tool-content .buttons a.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 .buttons a.option-button .label.example { font-size: 1.4rem; margin-top: 10px; } .tool-content .buttons a.continue-button { position: absolute; 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-cashflow .buttons a.continue-button {display: block;} .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; background: none repeat scroll 0 0 #379ecc;} .tool-content .product .img-align { width: 100%; height: 100%; } .tool-content .product .img-align img { width: 100%; /*display: none;*/} .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; min-height: 450px; } .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 { visibility:hidden; 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('../images/request-advice-bg.png');*/ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAacAAAFICAMAAADDI8H9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZDOUU3NURCMTI1MTFFNEI3RTc4NTVGNDU5OTgzQjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZDOUU3NUVCMTI1MTFFNEI3RTc4NTVGNDU5OTgzQjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkM5RTc1QkIxMjUxMUU0QjdFNzg1NUY0NTk5ODNCMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkM5RTc1Q0IxMjUxMUU0QjdFNzg1NUY0NTk5ODNCMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjMgTsQAAADYUExURTebyUKgy0Oh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'); 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'], .tool-request-advice .contact-details label + input[type='email'] { font-family: Abadi-Bold; font-size: 1.6rem; margin-bottom: 4px; 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-details p { margin-bottom: 20px; } .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; } .tool-request-advice .green-msg { color:#90d95d; } .tool-request-advice .error-msg { color:#f05e5c; } @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 a.option-button { width: 49%; margin-right: 0; } .tool-content .buttons a.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-header .progress-bar { display:none; } .tool-header .sticky-wrapper { height:92px; } .tool-content .question h2 { width: 100%; } .tool-content .question p { width: 100%; } .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 a.option-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; } }