#loanSimulatorBGL {font-family: 'Arial', 'Verdana', sans-serif; text-rendering: optimizeLegibility; font-size: 12px; color: #333333; font-weight: 400; background-color: #fafafa; line-height: normal; letter-spacing: normal;} #loanSimulatorBGL.landscape {height: 126px; max-width: 808px; border: 6px solid #00965E;} #loanSimulatorBGL #errorLandscape {display: none; background-image: url(https://www.bgl.lu/fr/banque/ressources/lib_img/simulateur/error.png); width: 0; height: 0; position: absolute; top: 8px; right: 12px; cursor: pointer;} #loanSimulatorBGL .clear {clear: both;} #loanSimulatorBGL .space {height: 20px;} #loanSimulatorBGL .show {display: block !important;} #loanSimulatorBGL .display {display: block !important;} #loanSimulatorBGL p {margin: 0; padding: 0; border: 0; display: block;} #loanSimulatorBGL #loanSimulatorLogo {padding: 13px 13px 9px 13px; border-bottom: 1px solid #d7d7d7; background-color: #FFFFFF; margin-bottom: 10px;} #loanSimulatorBGL.landscape #loanSimulatorLogo {max-width: 142px; float: left; height: 100%; padding: 0; border: 0; background: none; margin: 0 3% 0 2%; text-align: center; width: 15%;} #loanSimulatorBGL #loanSimulatorTitleMobile {display: none;} #loanSimulatorBGL .BGLLogo {float: left; width: 60%; text-align: left;} #loanSimulatorBGL.landscape .BGLLogo {width: 100%; margin: auto;} #loanSimulatorBGL .BGLLogo img {height: 30px;} #loanSimulatorBGL.landscape .BGLLogo img {margin-top: 20%; cursor: pointer; width: 100%; height: auto;} #loanSimulatorBGL .BGLSlogan {text-align: right; font-weight: bold; max-width: 70px; font-size: 10px; position: relative; top: -1px; float: right;} #loanSimulatorBGL.landscape .BGLSlogan {display: none;} #loanSimulatorBGL h2 {font-size: 12px; color: #00965e; margin: 10px 0 8px 0; text-transform: uppercase; font-weight: bold; font-family: 'Arial', 'Verdana', sans-serif; text-align: left;} #loanSimulatorBGL span.resetLoanSimulator {right: 64px; padding: 4px 6px 3px 4px; width: 17px; margin-right: 7%; margin-top: 14px; display: none; position: absolute; border: 1px solid #d7d7d7; border-radius: 3px; cursor: pointer; background: #00965e url(https://www.bgl.lu/fr/banque/ressources/lib_img/simulateur/loansimulator-reset.png) no-repeat; background-position-x: 60%; background-position-y: 45%; height: 11px; background-size: 100%;} #loanSimulatorBGL span.resetLoanSimulatorHelp {position: absolute; float: left; width: auto; font-size: 11px; background-color: #ffede2; padding: 4px; text-align: center; border-radius: 3px; border: 1px solid #f7941d; max-width: 120px; right: 7px; margin-top: -27px; z-index: 1000; display: none; margin-right: 7%;} #loanSimulatorBGL .cross {width: 0; border: 10px solid transparent; border-top: 8px solid #F7941D; position: absolute; display: inline-block; right: 47%; top: 100%;} #loanSimulatorBGL .crossInside {width: 0; border: 9px solid transparent; border-top: 8px solid #FFEDE2; position: absolute; display: inline-block; right: -9px; top: -9px;} #loanSimulatorBGL .buttonLoanSimulator {text-align: center; display: inline-block; width: 100%;} #loanSimulatorBGL.landscape .buttonLoanSimulator {width: auto;} #loanSimulatorBGL.landscape #bottomLoanSimulator {width: 30%; position: absolute; top: 30px; right: 0; text-align: center;} #loanSimulatorBGL #loanSimulatorContainerContact h2 {margin-top: 4px;} #loanSimulatorBGL.landscape #loanSimulatorContainerContact .buttonLoanSimulator {position: absolute; right: 13px; top: 90px;} #loanSimulatorBGL a.buttonSendLoanSimulator {padding: 9px 5px; text-decoration: none; text-transform: uppercase; background-color: #00965E; color: #FFF; font-weight: 400; font-size: 11px; border-radius: 3px; display: block; width: 180px; margin: auto auto 15px; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; -ms-transition: background-color .25s ease-in-out;} #loanSimulatorBGL #loanSimulatorContainerContact div.buttonLoanSimulator a.buttonSendLoanSimulator {max-width: 105px; display: inline-block;} #loanSimulatorBGL.landscape .buttonSendLoanSimulator {text-align: center; margin: 0; width: auto !important; padding: 6px 10px !important;} #loanSimulatorBGL a.buttonSendLoanSimulator:hover {background-color: #2B6D46;} #loanSimulatorBGL #bottomLoanSimulator {display: inline-block; height: 20px; width: 100%;} #loanSimulatorBGL #bottomLoanSimulator h2 {margin: 10px 15px 10px 0; text-align: center; color: #333333; font-weight: normal; text-transform: none; font-family: 'Arial', 'Verdana', sans-serif;} #loanSimulatorBGL.landscape #bottomLoanSimulator h2 {width: 100%; float: left; margin: 0 0 15px; font-family: 'Arial', 'Verdana', sans-serif;} #loanSimulatorBGL #loanSimulatorContainerContact input, #loanSimulatorBGL #loanSimulatorContainerContact select {border: 1px solid #d7d7d7; border-radius: 3px; padding: 5px; color: #A9A9A9; font-family: 'Arial', 'Verdana', sans-serif; font-weight: 400; display: block; margin: 0 0 15px 0; cursor: pointer; font-size: 11px; width: 98.5%; box-sizing: border-box; outline: none; background-color: #FFF; height: auto; text-indent: 0;} #loanSimulatorBGL.landscape #loanSimulatorContainerContact input, #loanSimulatorBGL.landscape #loanSimulatorContainerContact select {width: 32%; float: left; margin-right: 1%; margin-bottom: 8px;} #loanSimulatorBGL input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #A9A9A9} #loanSimulatorBGL input::-moz-placeholder, textarea::-moz-placeholder {color: #A9A9A9} #loanSimulatorBGL input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #A9A9A9} #loanSimulatorBGL input::placeholder, textarea::placeholder {color: #A9A9A9} #loanSimulatorBGL #loanSimulatorContainerContact select {padding: 4px 2px; color: #A9A9A9;} #loanSimulatorBGL #loanSimulatorContainerContact input.error, #loanSimulatorBGL #loanSimulatorContainerContact select.error, #loanSimulatorBGL #loanSimulatorContainerContact .radioCustomer label.error {border-color: #FF6E6E;} #loanSimulatorBGL #loanSimulatorContainerContact .errorForm {color: #FF6E6E; font-size: 10px; margin-bottom: 3px; margin-top: -14px; display: none; text-align: left; width: 98.5%;} #loanSimulatorBGL.landscape #loanSimulatorContainerContact .errorForm {position: absolute; top: 19px; right: 15px; width: inherit;} #loanSimulatorBGL #loanSimulatorContainerContact #errorValidation {font-size: 11px; margin: -8px 0 7px 0;} #loanSimulatorBGL.landscape #loanSimulatorContainerContact #errorValidation {position: absolute; top: -86px; left: -223px; float: left; text-align: right; margin: 0; right: 2px;} #loanSimulatorBGL #loanSimulatorContainerContact option {color: #333333;} #loanSimulatorBGL #loanSimulatorContainerContact input[type="radio"] {width: 11px !important; height: 13px; float: left; margin: 0 5px 0 10px; top: 0;} #loanSimulatorBGL #loanSimulatorContainerContact .radioCustomer {height: 17px; margin: 0 0 10px 0; font-size: 11px; text-align: left; width: 98.5%;} #loanSimulatorBGL #loanSimulatorContainerContact .radioCustomer span {float: left;} #loanSimulatorBGL #loanSimulatorContainerContact .radioCustomer label {float: left; font-size: 11px; text-transform: none; margin: 0; line-height: normal;} #loanSimulatorBGL #loanSimulatorContainerContact .radioCustomer.error span, #loanSimulatorBGL #loanSimulatorContainerContact .radioCustomer.error label {color: #FF6E6E;} #loanSimulatorBGL #loanSimulatorConfirmContact, #loanSimulatorBGL #loanSimulatorLegalMention {display: none; margin: 0 auto; width: 95%;} #loanSimulatorBGL.landscape #loanSimulatorConfirmContact {padding-top: 20px; max-width: 638px; float: left; margin-bottom: 0; width: 79%;} #loanSimulatorBGL #loanSimulatorLegalMention {font-size: 10px; text-align: justify; margin-bottom: 15px;} #loanSimulatorBGL.landscape #loanSimulatorLegalMention {max-width: 638px; padding-top: 4px; float: left; margin-bottom: 0; width: 79%;} #loanSimulatorBGL #loanSimulatorConfirmContact div.message {text-align: center; line-height: 2em;} #loanSimulatorBGL #loanSimulatorConfirmContact div.linkImmo {text-align: center; margin: 30px 0 20px;} #loanSimulatorBGL #loanSimulatorConfirmContact div.linkImmo a {text-decoration: none; margin-bottom: 20px; display: inline-block; width: auto;} #loanSimulatorBGL.landscape #loanSimulatorConfirmContact div.linkImmo {margin: 7px 0 0;} #loanSimulatorBGL .loanDisclaimer {font-size: 9px; text-align: justify; margin-bottom: 15px; color: #9A9A9A; margin-top: 20px;} #loanSimulatorBGL.landscape .loanDisclaimer {margin: 0;} #loanSimulatorBGL.landscape .loanDisclaimer #disclaimerContent {width: 80%;} #loanSimulatorBGL .loanDisclaimer #showLegalMention {color: #00965E; font-size: 10px; width: auto; display: inline-block; cursor: pointer; text-decoration: underline;} #loanSimulatorBGL #legalMentionContent {max-height: 190px; overflow-x: auto; display: inline-block; padding-right: 20px;} #loanSimulatorBGL.landscape #legalMentionContent {max-height: 65px; margin-bottom: 5px;} #loanSimulatorBGL #closeLegalMention {color: #FFF; background-color: #00965e; width: 13px; height: 13px; font-size: 12px; font-weight: bold; text-align: center; border-radius: 50%; float: right; padding: 0 2px 3px 2px; cursor: pointer; margin-top: -2px; text-transform: none; line-height: normal;} #loanSimulatorBGL #backLegalMention {font-size: 12px; font-weight: 400; color: #00965e; margin: 0; cursor: pointer; padding: 10px 0; width: auto; text-align: right;} #loanSimulatorBGL.landscape #backLegalMention {margin: 0; padding: 0;} #loanSimulatorBGL #loanSimulatorSlider {position: relative; overflow: hidden; margin: 0 auto; width: 95%; white-space: nowrap;} #loanSimulatorBGL.landscape #loanSimulatorSlider {width: auto; max-width: 640px; padding-top: 4px;} #loanSimulatorBGL #loanSimulatorSlider #loanSimulatorContainer, #loanSimulatorBGL #loanSimulatorSlider #loanSimulatorContainerContact {position: relative; display: inline-block; white-space: normal; vertical-align: top; width: 100%;} #loanSimulatorBGL .slider {width: 100%; display: inline-block;} #loanSimulatorBGL.landscape .slider {width: 50%;} #loanSimulatorBGL .ui-slider {background-color: #757575; width: 100%; height: 6px; margin: 50px 0 0 0;} #loanSimulatorBGL.landscape .ui-slider {margin: 0; height: 4px;} #loanSimulatorBGL .ui-state-disabled span {cursor: not-allowed;} #loanSimulatorBGL .ui-state-disabled {cursor: not-allowed;} #loanSimulatorBGL .ui-slider-handle {background-color: #00965e; width: 18px; height: 18px; display: block; position: relative; top: -6px; outline: none; cursor: pointer; border-radius: 50%; margin-left: -18px;} #loanSimulatorBGL.landscape .ui-slider-handle {width: 13px; height: 13px; top: -5px; margin-left: -10px;} #loanSimulatorBGL .slider input {position: absolute; right: 0; text-align: center; border: 1px solid #d7d7d7; border-radius: 3px; color: #333333; font-family: 'Arial', 'Verdana', sans-serif; font-weight: 400; margin-right: 7%; padding: 3px; width: 85px; font-size: 11px; margin-top: 14px; background-color: #FAFAFA; height: auto;} #loanSimulatorBGL.landscape .slider input {border: none; background: none; margin-top: 0; margin-right: 35% !important; text-align: right; font-size: 12px; color: #00965E; font-weight: 700; padding: 0; width: 80px !important;} #loanSimulatorBGL .slider input.resetRate {width: 53px;} #loanSimulatorBGL .sliderLib {width: 21%; height: 60px; float: left; text-align: center;} #loanSimulatorBGL.landscape .sliderLib {height: auto; width: auto !important; position: absolute;} #loanSimulatorBGL .sliderImgBack {width: 30px; height: 30px; margin: 0 auto; background-color: #00965E;} #loanSimulatorBGL.landscape .sliderImgBack {display: none;} #loanSimulatorBGL .sliderLib img {width: 30px;} #loanSimulatorBGL .sliderLib span {display: block; margin: 15px 0 5px 0;} #loanSimulatorBGL.landscape .sliderLib span {margin: 0;} #loanSimulatorBGL .sliderWidget {height: 60px; float: left; width: 64%; margin-left: 8%;} #loanSimulatorBGL.landscape .sliderWidget {height: 15px; width: 57% !important; margin-top: 5px; margin-left: 40% !important;} #loanSimulatorBGL[min-width~="480px"] .sliderWidget {width: 70%; margin-left: 2%;} #loanSimulatorBGL[min-width~="480px"] .slider input {width: 110px;} #loanSimulatorBGL[min-width~="480px"] a.buttonSendLoanSimulator {padding: 10px 20px;} #loanSimulatorBGL[min-width~="480px"] #loanSimulatorContainerContact div.buttonLoanSimulator a.buttonSendLoanSimulator {width: 180px; float: none;} #loanSimulatorBGL[min-width~="480px"] #loanSimulatorContainerContact div.buttonLoanSimulator a.buttonSendLoanSimulator {max-width: none;} #loanSimulatorBGL[min-width~="480px"] .slider input.resetRate {width: 70px;} #loanSimulatorBGL[min-width~="480px"] span.resetLoanSimulator {right: 83px; width: 23px;} #loanSimulatorBGL[min-width~="480px"] span.resetLoanSimulatorHelp {right: 28px;} #loanSimulatorBGL[min-width~="650px"] .sliderWidget {width: 75%; margin-left: 0;} #loanSimulatorBGL[min-width~="650px"] .slider input, #loanSimulatorBGL[min-width~="650px"] span.resetLoanSimulator, #loanSimulatorBGL[min-width~="650px"] span.resetLoanSimulatorHelp {margin-right: 4%;} #loanSimulatorBGL[min-width~="870px"] {} #loanSimulatorBGL[min-width~="870px"] .sliderLib {width: 10%;} #loanSimulatorBGL[min-width~="870px"] .sliderWidget {width: 86%; margin-left: 1%;} #loanSimulatorBGL[min-width~="870px"] .slider input, #loanSimulatorBGL[min-width~="870px"] span.resetLoanSimulator, #loanSimulatorBGL[min-width~="870px"] span.resetLoanSimulatorHelp {margin-right: 3%;} #loanSimulatorBGL[min-width~="870px"] a.buttonSendLoanSimulator {display: inline-block;} #loanSimulatorBGL.landscape[max-width~="710px"] .BGLLogo img {margin-top: 30%;} #loanSimulatorBGL.landscape[max-width~="710px"] #loanSimulatorTitle h2 {margin-top: 5px;} #loanSimulatorBGL.landscape[max-width~="710px"] .sliderWidget {width: 45% !important; margin-left: 45% !important;} #loanSimulatorBGL.landscape[max-width~="710px"] .sliderLib span {width: 90px; text-align: left;} #loanSimulatorBGL.landscape[max-width~="710px"] .loanDisclaimer {margin-top: 9px;} #loanSimulatorBGL.landscape[max-width~="520px"] {border: 0; height: 125px; min-width: 300px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorTitle {display: none;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorTitleMobile {display: block;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorTitleMobile h2 {color: #FFFFFF !important; padding: 15px 10px 13px 45px; background: #00965e url(https://www.bgl.lu/fr/banque/ressources/lib_img/logos/logo-mini.png) no-repeat 8px 8px; max-height: 42px; margin: 0 0 4px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorLogo {display: none;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorSlider {padding: 0; height: 125px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorSlider #loanSimulatorContainer, #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorSlider #loanSimulatorContainerContact {height: 125px;} #loanSimulatorBGL.landscape[max-width~="520px"] .sliderWidget {display: none;} #loanSimulatorBGL.landscape[max-width~="520px"] .sliderLib {position: inherit; margin-top: 7px;} #loanSimulatorBGL.landscape[max-width~="520px"] .sliderLib span {font-weight: bold; padding-left: 15px; font-size: 11px; width: 65px; text-align: right;} #loanSimulatorBGL.landscape[max-width~="520px"] .slider input {border: 1px solid #d7d7d7; margin-top: 5px; padding: 2px 5px; font-size: 11px; margin-right: 40% !important; width: 26% !important;} #loanSimulatorBGL.landscape[max-width~="520px"] #bottomLoanSimulator {width: 40%; top: 50px;} #loanSimulatorBGL.landscape[max-width~="520px"] #bottomLoanSimulator h2 {font-size: 10px; margin-bottom: 5px;} #loanSimulatorBGL.landscape[max-width~="520px"] .buttonSendLoanSimulator {font-size: 10px; max-width: 90px; padding: 4px 5px !important;} #loanSimulatorBGL.landscape[max-width~="520px"] .loanDisclaimer {margin-top: 0; width: 40%; float: right; font-size: 8px; line-height: 8px; text-align: center; position: absolute; right: 0; top: 80%;} #loanSimulatorBGL.landscape[max-width~="520px"] .loanDisclaimer #disclaimerContent {width: 96%; margin: 0 2%;} #loanSimulatorBGL.landscape[max-width~="520px"] .loanDisclaimer #showLegalMention {font-size: 8px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorLegalMention {width: 100%; padding: 0;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorLegalMention h2, #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact h2 {margin: 0; background-color: #00965e; color: #FFFFFF !important; padding: 10px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact form {margin-left: -3px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact input, #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact select {width: 30%; margin: 5px 0 0 2.5%; padding: 3px; font-size: 10px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact select {padding: 2px 1px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact .radioCustomer span {margin: 2% 0 0 3%; font-size: 10px; width: 100%;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact .radioCustomer label {float: left; margin: 4px 0 0 3px; font-size: 10px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact input[type="radio"] {margin-top: 3px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact .buttonLoanSimulator {top: 95px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorConfirmContact {width: 100%; padding-top: 15px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorConfirmContact div.linkImmo a {max-width: 70%;} #loanSimulatorBGL.landscape[max-width~="520px"] #legalMentionContent {margin: 0; padding: 5px;} #loanSimulatorBGL.landscape[max-width~="520px"] #backLegalMention {font-size: 10px; margin: 3px 5px 0 0; max-height: 60px;} #loanSimulatorBGL.landscape[max-width~="520px"] #closeLegalMention {background-color: #FFF; color: #00965e;} #loanSimulatorBGL.landscape[max-width~="520px"] #errorLandscape {width: 20px; height: 17px;} #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact .errorForm, #loanSimulatorBGL.landscape[max-width~="520px"] #loanSimulatorContainerContact #errorValidation {display: none !important; background-color: #FFE9E9; border: 1px solid #E88989; width: 91%; text-align: center; left: 0; padding: 3px 3%; height: auto; margin: 0; top: 2px; min-height: 22px;}