*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;min-height:100vh}body ::-webkit-scrollbar{display:none}button{max-width:20rem}main{width:90%;height:100vh;display:flex;align-items:center;justify-content:center;margin:auto}main #mainAlert{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:1200px;height:700px;background-color:#fff;box-shadow:#00000026 0 2px 8px;border:none;border-radius:.5rem;display:flex;padding:0;overflow-y:scroll}main #mainAlert #registerForm{display:flex;color:gray;flex-direction:column;align-items:flex-start;justify-content:center}main #mainAlert #registerForm button{width:99.3%;margin:auto;height:3.5rem;margin-top:1rem;background-color:#005c69;border:none;box-shadow:#00000026 0 2px 8px;margin-bottom:3rem;font-size:16px}main #mainAlert #registerForm button:hover{background-color:#01444d}main #mainAlert #registerForm strong{color:#005c69;display:flex;margin:1rem 0 1rem .5rem;font-size:16px}main #mainAlert #registerForm input{height:3rem;padding:1.2rem .6rem .6rem;background-color:#f5f5f5}main #mainAlert #registerForm input:focus{box-shadow:none;border:1px solid grey}main #mainAlert #registerForm .row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin:0}main #mainAlert #registerForm .form-floating{width:100%;height:auto;max-width:330px;padding:0;margin:.25rem}main #mainAlert #registerForm .form-floating label{padding:.7rem .5rem .5rem}main #mainAlert #registerForm .registerGroup{width:100%}main #mainAlert #registerForm #email,main #mainAlert #registerForm #complement{max-width:99%}main #mainAlert #deliveryForm{display:none;flex-direction:column;justify-content:start;height:55vh;padding-top:1rem}main #mainAlert #deliveryForm button{height:3.5rem;background-color:#005c69;border-color:#005c69;width:100%}main #mainAlert #deliveryForm button:hover{background-color:#01444d}main #mainAlert #deliveryForm .form-check{margin:2rem 0}main #mainAlert #deliveryForm .form-check label{font-size:16px;color:#005c69;margin-left:1rem;margin-top:3px;color:#000}main #mainAlert #deliveryForm .form-check input{padding:.6rem;box-shadow:none;border-color:#005c69;cursor:pointer}main #mainAlert #deliveryForm .form-check input:checked{background-color:#005c69;box-shadow:none}main #mainAlert #deliveryForm strong{color:#005c69;margin-bottom:1rem;margin-left:.5rem;font-size:18px;display:flex}main #mainAlert #deliveryForm select{font-size:16px;padding:1.5rem 1rem;cursor:pointer;background-color:#f5f5f5}main #mainAlert #deliveryForm select:focus{box-shadow:none;border:1px solid grey}main #mainAlert #paymentForm{display:none}main #mainAlert #paymentForm .paymentOptionFormGroup{display:flex;align-items:center;justify-content:space-between}main #mainAlert #paymentForm .paymentOptionFormGroup .form-floating{width:49%;margin:.25rem 0}main #mainAlert #paymentForm .paymentOptionFormGroup .form-floating input{background-color:#f5f5f5}main #mainAlert #paymentForm .paymentOptionFormGroup .form-floating input:focus{box-shadow:none;border-color:gray}main #mainAlert #paymentForm button{margin:2rem 0;width:100%;height:3.5rem;display:flex;align-items:center;justify-content:center;background-color:#005c69;border-color:#005c69}main #mainAlert #paymentForm button span{margin:0 .25rem}main #mainAlert #paymentForm button span:last-child{font-size:1.2rem}main #mainAlert #paymentForm button:hover{background-color:#01444d}main #mainAlert #paymentForm #paymentOptions{border:1px solid #005c69;border-radius:.5rem;padding:.1rem}main #mainAlert #paymentForm #paymentOptions #opt1 .form-check:last-child{margin-top:2rem}main #mainAlert #paymentForm #paymentOptions .option{display:flex;flex-direction:column;padding:0 1rem;min-height:5rem;background-color:#f5f5f5;color:#000;transition:all ease .5s;position:relative}main #mainAlert #paymentForm #paymentOptions .option .optionContent{display:none;margin-top:5rem;margin-bottom:2rem;margin-left:1rem}main #mainAlert #paymentForm #paymentOptions .option .optionContent .form-check-input:checked{background-color:#005c69;border-color:#005c69}main #mainAlert #paymentForm #paymentOptions .option.active{background-color:#fff!important}main #mainAlert #paymentForm #paymentOptions .optionCheck{margin:auto;position:absolute;left:2rem;top:2rem}main #mainAlert #paymentForm #paymentOptions .optionCheck label{margin-top:2px;margin-left:1rem}main #mainAlert #paymentForm #paymentOptions .optionCheck input{cursor:pointer;padding:.6rem}main #mainAlert #paymentForm #paymentOptions .optionCheck input:checked{box-shadow:none;background-color:#005c69;border-color:#005c69}main #mainAlert #phoneValidationForm{display:none;flex-direction:column;align-items:center;margin-top:3rem;padding-top:100px}main #mainAlert #phoneValidationForm strong{font-size:28px;color:#005c69}main #mainAlert #phoneValidationForm p{color:gray;width:70%;text-align:center;font-size:18px}main #mainAlert #phoneValidationForm input{width:20rem;height:3rem;margin-top:3rem;background-color:#f5f5f5}main #mainAlert #phoneValidationForm input:focus{box-shadow:none;border:1px solid #005c69}main #mainAlert #confirmationForm{display:none;padding-top:100px}main #mainAlert #confirmationForm button{width:250px;height:50px;display:flex;align-items:center;justify-content:center;margin-top:30px;background-color:#005c69;border:1px solid #005c69}main #mainAlert #confirmationForm button span{font-size:18px;margin:0 2px}main #mainAlert #confirmationForm section{margin:20px 0}main #mainAlert #confirmationForm strong{color:#005c69;font-size:16px;margin-bottom:5px}main #mainAlert #confirmationForm ul{margin:10px 0;width:370px;background-color:#f5f5f5;padding:5px 10px;box-shadow:#00000026 0 2px 8px;border-radius:.3rem}main #mainAlert #confirmationForm ul li{display:flex;align-items:center;justify-content:space-between;color:#000;margin:5px 0;border-bottom:1px solid rgba(128,128,128,.5);padding-bottom:5px}main #mainAlert #confirmationForm ul li:last-child{border-bottom:none}main #mainAlert #confirmationForm select{font-size:16px;border-radius:.3rem;cursor:pointer;margin:10px 0}main #mainAlert #confirmationForm #paymentMethod{box-shadow:#00000026 0 2px 8px;border-radius:.3rem;background-color:#f5f5f5;margin:10px 0;color:#000;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}main #mainAlert #progressBar{width:100%;margin-top:6rem}main #mainAlert #progressBar ul{width:100%;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;margin-bottom:1rem;cursor:pointer}main #mainAlert #progressBar ul li{display:flex;text-align:center;align-items:center;justify-content:center;width:33.3%;padding-bottom:1rem;color:#005c69}main #mainAlert #leftContainer{width:65%;height:100%;padding:0 3rem}main #mainAlert #rightContainer{width:35%;height:100%;background-color:#f5f5f5;border-radius:0 .5rem .5rem 0;padding:3rem 1.5rem;position:relative}main #mainAlert #rightContainer #discount strong{color:#005c69;font-size:18px}main #mainAlert #rightContainer #discount p{font-size:16px;color:gray}main #mainAlert #rightContainer #discount div{width:100%;display:flex;align-items:center;justify-content:space-between}main #mainAlert #rightContainer #discount div input{width:100%;height:2.7rem;background-color:#fff;border:1px solid grey;border-radius:.5rem;padding:0 .5rem}main #mainAlert #rightContainer #discount div button{width:5rem;height:2.7rem;margin-left:1rem;border-radius:.5rem;background-color:#005c69;color:#fff;border:none}main #mainAlert #rightContainer footer{position:absolute;bottom:3rem;width:100%;color:gray}main #mainAlert #rightContainer footer .row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:2rem}main #mainAlert #rightContainer footer .row p{margin:0;width:70%}main #mainAlert #rightContainer footer .row p:last-child{width:30%;text-align:end}main #mainAlert #rightContainer ul{margin:0;padding:0}main #mainAlert #rightContainer .itemCard{display:flex;padding:0;margin:1rem 0}main #mainAlert #rightContainer .itemCard img{width:7rem;height:5rem;margin-right:1rem;border-radius:.5rem}main #mainAlert #rightContainer .itemCard p,main #mainAlert #rightContainer .itemCard strong{color:#000;margin:0;font-size:14px}main #mainAlert #logo{width:17rem;height:4rem;position:absolute;top:1rem;border-radius:.5rem 0 0}main #overviewAlert{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:1200px;height:700px;background-color:#fff;box-shadow:#00000026 0 2px 8px;border:none;border-radius:.5rem;display:flex;padding:0;overflow-y:scroll}main #overviewAlert #overviewLeftContainer{width:45%;display:flex;flex-flow:column;align-items:flex-start;padding:3rem 3rem 3rem 5rem}main #overviewAlert #overviewLeftContainer img{margin:0 auto 2rem}main #overviewAlert #overviewLeftContainer strong{color:#000;font-size:26px}main #overviewAlert #overviewLeftContainer p{color:gray;font-size:16px;margin:0}main #overviewAlert #overviewLeftContainer section{margin:.5rem 0}main #overviewAlert #overviewLeftContainer section ul{margin:0;padding:0}main #overviewAlert #overviewLeftContainer section ul li{display:flex;margin:.5rem 0}main #overviewAlert #overviewLeftContainer section ul li span:first-child{margin-right:1rem}main #overviewAlert #overviewLeftContainer section ul li span{color:gray}main #overviewAlert #overviewLeftContainer section strong{font-size:20px;color:#000}main #overviewAlert #overviewRightContainer{width:55%;background-color:#f5f5f5;padding:3rem}main #overviewAlert #overviewRightContainer strong{font-size:24px;color:#000}main #overviewAlert #overviewRightContainer ul{margin:0;padding:0;margin-top:1rem;margin-bottom:3rem}main #overviewAlert #overviewRightContainer ul li{display:flex;margin:1rem 0}main #overviewAlert #overviewRightContainer ul li img{width:10rem;height:6rem;border-radius:.5rem;box-shadow:#00000026 0 2px 8px}main #overviewAlert #overviewRightContainer ul li .productData{display:flex;flex-direction:column;align-items:flex-start;padding-left:1rem}main #overviewAlert #overviewRightContainer ul li .productData strong{color:#000;font-size:16px;margin:0}main #overviewAlert #overviewRightContainer ul li .productData p{color:gray;font-size:18px;margin:0}main #overviewAlert #overviewRightContainer footer{display:flex;flex-direction:column;color:gray}main #overviewAlert #overviewRightContainer footer p{margin:0;font-size:18px}main #overviewAlert #overviewRightContainer footer .row{display:flex;align-items:center;justify-content:space-between}main #overviewAlert #overviewRightContainer footer .row p{width:50%}main #overviewAlert #overviewRightContainer footer .row p:last-child{text-align:end}main .products form{display:flex;position:relative}main .products form button{position:absolute;bottom:-7rem;right:0;left:0;margin:auto;width:30rem;height:3.6rem;background-color:#005c69;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:.5rem;box-shadow:#00000026 0 2px 8px;display:none;transition:all ease .5s}main .products form button:hover{background-color:#01444d}main .products form .productCard{margin:0 1rem}main .products form .productCard label img{height:200px;cursor:pointer;border-radius:.3rem;box-shadow:#00000026 0 2px 8px}main .products form .productCard footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:5rem;background-color:#fff;position:relative;padding-left:2rem;font-size:16px;margin-top:.5rem;color:#005c69;border-radius:.3rem;box-shadow:#00000026 0 2px 8px}main .products form .productCard footer p{margin:0;color:#000}main .products form .productCard footer .productCheckbox{position:absolute;right:2rem;top:0;bottom:0;margin:auto;width:1.5rem}