#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 .hide {display: none !important;} #loanSimulatorBGL ::-ms-clear {display: none;} #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: 3px 0 8px 0; text-transform: uppercase; font-weight: bold; font-family: 'Arial', 'Verdana', sans-serif; text-align: left;} #loanSimulatorBGL span#taegSpan {position: absolute; float: right; right: 100px; color: #00965E; font-size: 10px; margin-right: 7%; margin-top: 19px;} #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: 20px 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 5px; 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%; position: relative;} #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; margin-bottom: 15px; color: #9A9A9A; margin-top: 10px;} #loanSimulatorBGL.landscape .loanDisclaimer {width: 30%; float: right; font-size: 8px; line-height: 10px; text-align: center; right: 0; top: 80%; margin-top: 5px;} #loanSimulatorBGL.landscape .loanDisclaimer #disclaimerContent {} #loanSimulatorBGL .loanDisclaimer #showLegalMention {color: #00965E; font-size: 9px; width: auto; display: inline-block; cursor: pointer; text-decoration: underline;} #loanSimulatorBGL #legalMentionContent {max-height: 470px; overflow-x: auto; display: inline-block; padding-right: 20px;} #loanSimulatorBGL.landscape #legalMentionContent {max-height: 65px; margin-bottom: 5px;} #loanSimulatorBGL.landscape .totalCostLandscape {position: absolute; left: 0; margin-top: 20px;} #loanSimulatorBGL.landscape .totalCostLandscape span {font-weight: bold; color: #00965E;} #loanSimulatorBGL.landscape .totalCostLandscape span#loanDetailLandscape {color: white; background-color: #00965E; border-radius: 50%; width: 14px; display: block; float: right; text-align: center; cursor: pointer; margin-left: 5px; font-size: 11px; height: 14px;} #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 #loanSimulatorCost {border: 1px solid #DDDDDD; padding: 10px 10px 5px 10px; margin-top: 30px; font-size: 12px; text-align: justify; line-height: 20px;} #loanSimulatorBGL.landscape #loanSimulatorCost {display: none; float: left; position: absolute; background-color: #FAFAFA; z-index: 1510; width: 100%; height: 125px; padding: 0; top: 0; margin: 0; border: 0; line-height: 13px; font-size: 11px;} #loanSimulatorBGL .lineSeparator {border-bottom: 1px #DDDDDD dashed; margin: 5px 0;} #loanSimulatorBGL.landscape .lineSeparator {display: none;} #loanSimulatorBGL #loanSimulatorCost h2 {font-size: 12px; margin: 0; font-weight: bold; color: #00965e; text-transform: inherit;} #loanSimulatorBGL.landscape #loanSimulatorCost h2 {text-transform: uppercase; margin: 3px 0;} #loanSimulatorBGL #loanSimulatorCost h3 {font-size: 12px; margin: 0; line-height: 22px; color: #00965e; font-weight: normal;} #loanSimulatorBGL.landscape #loanSimulatorCost h3 {line-height: 15px; margin-right: 5px; font-size: 11px;} #loanSimulatorBGL.landscape #loanSimulatorCost div {margin-right: 5px;} #loanSimulatorBGL.landscape #loanSimulatorCost div.backLegalMention {margin: 5px 5px 0 0;} #loanSimulatorBGL.landscape #loanSimulatorCost h4 {font-weight: bold; margin-right: 5px; font-size: 11px} #loanSimulatorBGL #loanSimulatorCost h4 {font-size: 13px; margin: 0; color: #00965e; font-weight: normal;} #loanSimulatorBGL #loanSimulatorCost span {text-align: right; float: right;} #loanSimulatorBGL #loanSimulatorLoader {position: absolute; display: block; background-color: rgb(255, 255, 255); z-index: 10000; border-bottom: 1px solid #DFDFDF; visibility: visible; text-align: center; width: 100%;} #loanSimulatorBGL #loanSimulatorLoader img {margin-top: 90px; width: 30%; max-width: 60px;} #loanSimulatorBGL.landscape #loanSimulatorLoader img {margin-top: 20px; max-width: 40px;} #loanSimulatorBGL #loanSimulatorLoader h2 {margin-top: 35px; font-size: 16px; border: 0; text-align: center; text-transform: inherit; font-weight: normal;} #loanSimulatorBGL.landscape #loanSimulatorLoader h2 {margin-top: 10px; font-size: 14px; text-align: center; text-transform: inherit; font-weight: normal;} #loanSimulatorBGL #loanSimulatorLoader h2.error {display: none; color: #E88989 !important; margin: 90px 30px 0;} #loanSimulatorBGL.landscape #loanSimulatorLoader h2.error {display: none; color: #E88989 !important; margin: 30px 30px 0;} #loanSimulatorBGL #loanSimulatorLoader.error img {display: none;} #loanSimulatorBGL #loanSimulatorLoader.error h2 {display: none;} #loanSimulatorBGL #loanSimulatorLoader.error h2.error {display: block;} #loanSimulatorBGL #loanSimulatorSandBox {position: absolute; width: 100%; display: none;} #loanSimulatorBGL #loanSimulatorSandBox p {transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); -html-transform: rotate(-60deg); position: relative; top: 35%; width: auto; float: left; text-align: center; text-transform: uppercase; font-size: 3.5em; font-weight: bold; color: rgba(255, 0, 0, 0.25); left: -30px;} #loanSimulatorBGL.landscape #loanSimulatorSandBox p {font-size: 2em; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -html-transform: rotate(0deg); left: 0; top: 35%; width: 100%;} #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: -11px;} #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; outline: none;} #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: 10px; 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#taegSpan {right: 123px; font-size: 11px; margin-top: 18px;} #loanSimulatorBGL[min-width~="480px"] span.resetLoanSimulatorHelp {right: 28px;} #loanSimulatorBGL[min-width~="480px"] #loanSimulatorLoader img {max-width: 70px;} #loanSimulatorBGL[min-width~="480px"] #loanSimulatorLoader h2 {font-size: 19px;} #loanSimulatorBGL.landscape[min-width~="480px"] #loanSimulatorLoader img {max-width: 40px;} #loanSimulatorBGL.landscape[min-width~="480px"] #loanSimulatorLoader h2 {font-size: 16px;} #loanSimulatorBGL[min-width~="480px"] #loanSimulatorLoader h2.error {color: #E88989 !important; margin: 160px 100px 0;} #loanSimulatorBGL.landscape[min-width~="480px"] #loanSimulatorLoader h2.error {color: #E88989 !important; margin: 45px 100px 0;} #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, #loanSimulatorBGL[min-width~="650px"] span#taegSpan {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; margin-top: 10px;} #loanSimulatorBGL[min-width~="870px"] #loanSimulatorSandBox p {font-size: 5em !important;} #loanSimulatorBGL.landscape[max-width~="710px"] .BGLLogo img {margin-top: 30%;} #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[max-width~="710px"].landscape span.resetLoanSimulator {right: 50% !important;} #loanSimulatorBGL[max-width~="520px"].landscape span.resetLoanSimulator {top: 73px; height: 6px; margin: 0; right: 61.2% !important; z-index: 1500; width: 11px;} #loanSimulatorBGL[max-width~="520px"].landscape .totalCostLandscape {margin-top: 22px; font-size: 9px; margin-left: 5px;} #loanSimulatorBGL[max-width~="520px"].landscape .totalCostLandscape span#loanDetailLandscape {width: 11px; font-size: 10px; height: 11px;} #loanSimulatorBGL[max-width~="520px"].landscape #loanSimulatorCost h2 {background-color: #00965E; color: white !important; padding: 10px 6px; margin: 0;} #loanSimulatorBGL[max-width~="520px"].landscape #loanSimulatorCost h3 {font-size: 10px; padding: 0 5px; margin: 0; line-height: 13px;} #loanSimulatorBGL[max-width~="520px"].landscape #loanSimulatorCost div {font-size: 10px; padding: 0 5px; margin: 0;} #loanSimulatorBGL[max-width~="520px"].landscape #loanSimulatorCost div.backLegalMention {font-size: 10px; padding: 0 5px; margin: 0;} #loanSimulatorBGL[max-width~="520px"].landscape #loanSimulatorCost h4 {color: white !important; font-size: 12px; margin: 0;} #loanSimulatorBGL[max-width~="650px"].landscape span.resetLoanSimulatorHelp {right: 30% !important;} #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: 10px 10px 10px 35px; background: #00965e url(https://www.bgl.lu/fr/banque/ressources/lib_img/logos/logo-mini.png) no-repeat 5px 5px; max-height: 42px; margin: 0 0 4px; background-size: 23px;} #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: 3px;} #loanSimulatorBGL.landscape[max-width~="520px"] .sliderLib span {font-weight: bold; font-size: 10px; width: 100px; text-align: right;} #loanSimulatorBGL.landscape[max-width~="520px"] .slider input {border: 1px solid #d7d7d7; margin-top: 1px; padding: 1px 6px; font-size: 10px; margin-right: 40% !important; width: 24% !important;} #loanSimulatorBGL.landscape[max-width~="520px"] .slider input.resetRate {width: 16% !important;} #loanSimulatorBGL[max-width~="520px"].landscape span.resetLoanSimulatorHelp {display: none !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;} #loanSimulatorBGL[min-width~="520px"].landscape span.resetLoanSimulator {margin: 0; right: 48%; width: 5px; height: 9px; top: 59px; border-radius: 50%; background-size: 120%; z-index: 1500;} #loanSimulatorBGL[min-width~="520px"].landscape span.resetLoanSimulatorHelp {right: 34%; font-size: 9px; margin-top: -41px;} #loanSimulatorBGL[min-width~="520px"] #loanSimulatorSandBox p {width: 100%; font-size: 4em; transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -html-transform: rotate(-20deg); margin: 0 auto;} #loanSimulatorBGL[min-width~="520px"].landscape #loanSimulatorSandBox p {font-size: 3em; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -html-transform: rotate(0deg); left: 0;}