/*############################################################
				SEARCH CSS
################################################################*/
#secbanner { background: url("https://images2.felizes.pt/Images/bg-secbanner.jpg") no-repeat center center; background-size: cover; position: relative; height: 400px; padding: 100px 0 200px 0; }
#secbanner .top { position: relative; z-index: 2; height: 100%; }
#secbanner #banner-contents { display: flex; height: 100%; }
#secbanner #banner-contents .wrapper { display: flex; justify-content: center; align-items: center; }
#secbanner #banner-contents h1 { font-family: "Quicksand", sans-serif; color: #E3496D; font-size: 60px; text-align: center; }

#login { position: relative; padding: 165px 0 100px 0; min-height: 650px; height: calc(100vh - 184px); display: flex; align-items: center; }
#login .wrapper { max-width: 910px; display: flex; align-items: center; }
#login .wrapper .left { width: 50%; }
#login .wrapper .left #loginForm { background-color: #fff; position: relative; padding: 40px; border-radius: 20px; filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.2)); margin-bottom: 20px; }
#login .wrapper .left .top-icon { background-color: #fff; width: 60px; height: 60px; border-radius: 30px; position: absolute; top: -30px; left: calc(50% - 30px); display: flex; justify-content: center; align-items: center; }
#login .wrapper .left .top-icon:before { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat -210px -120px; background-size: 600px; content: ""; width: 30px; height: 30px; display: block; }
#login .wrapper .left h4 { font-weight: 500; font-size: 20px; color: #E3496D; text-align: center; margin-bottom: 30px; }
#login .wrapper .left .form-group { margin-bottom: 30px; position: relative; display: flex; flex-direction: column; align-items: center; }
#login .wrapper .left .form-group .label { background-color: #666666; position: absolute; display: flex; align-items: center; height: 20px; top: -10px; padding: 0 8px; border-radius: 20px; font-size: 14px; color: #fff; }
#login .wrapper .left .form-group .btn { background-color: #0296C0; max-width: 200px; justify-content: center; }
#login .wrapper .left .form-group .btn:hover { background-color: #05718F; }
#login .wrapper .left .form-group:last-child { margin-bottom: 0; }
#login .wrapper .left .forgotten { text-align: center; }
#login .wrapper .left .forgotten a { color: #0296C0; }
#login .wrapper .left .forgotten a:hover { text-decoration: underline; }
#login .wrapper .right { background-color: #FADCE2; border-radius: 0 20px 20px 0; width: 50%; display: flex; padding: 40px; align-items: center; }
#login .wrapper .right .icon { background: url("https://images2.felizes.pt/Images/icons.svg") no-repeat -300px -600px; background-size: 3000px; width: 150px; height: 150px; flex-shrink: 0; }
#login .wrapper .right .text { width: 100%; padding-left: 30px; }
#login .wrapper .right .text p { font-family: "Quicksand", sans-serif; color: #E3496D; font-size: 24px; line-height: 28px; }
#login .wrapper .right .btn { margin-top: 20px; }