@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";body{margin:0;padding:0;background-color:#fff;max-width:100vw;position:relative;min-height:100vh}*{font-family:Roboto}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:50px}.white-container{margin:40px 0;width:80vw;background-color:#fff;border-radius:10px;box-shadow:0 0 34px #ffffffa1;padding-top:30px}.flex{display:flex;justify-content:center;align-items:center}.flex.flex-column{flex-direction:column}.flex-end{display:flex;justify-content:flex-end;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.w-100{width:100%}.w-auto{width:auto!important}.error-message{color:red!important;margin-bottom:10px;font-weight:500}.success-message{color:green}.text-center{text-align:center}.text-left{text-align:left}main{position:relative}button{outline:none}.user-form{display:flex;flex-wrap:wrap}.user-form .user-form-input{position:relative;margin:5px;width:calc(50% - 10px)}.user-form .user-form-input .dropdown{width:100%;height:40px;border:2px solid #f1f1f1;border-bottom:2px solid #3399FF;cursor:pointer;outline:none}.user-form .user-form-input input{display:block;width:100%;height:40px;background:transparent;font-family:Roboto;font-size:16px;color:#000;line-height:1.2;padding:5px 2px 0;outline:none;border:none;box-sizing:border-box;border-bottom:2px solid #f1f1f1}.user-form .user-form-input input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important}.user-form .user-form-input input:-webkit-autofill:hover,.user-form .user-form-input input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important}.user-form .effect-1,.user-form .effect-2,.user-form .effect-3{border:0;padding:7px 0}input~.focus-border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#39f;transition:.4s}input:focus~.focus-border{width:100%;transition:.4s}input[type=text]:not(:placeholder-shown)~.focus-border,input[type=number]:not(:placeholder-shown)~.focus-border,input[type=email]:not(:placeholder-shown)~.focus-border,input[type=password]:not(:placeholder-shown)~.focus-border{background-color:#39f!important;width:100%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.sd-bg{background:url(assets/img/skrivena-dalmacija/bg-image.png);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:calc(100vh - 258px);background-attachment:fixed}.sd-bg:after{background:rgba(1,38,65,.6);content:"";inset:0;position:fixed;z-index:1}.button{border-radius:20px;font-weight:500;font-size:16px;text-decoration:none;text-transform:uppercase;font-family:Roboto;border:none;padding:9px 20px;text-align:center;cursor:pointer;transition:.5s all;box-shadow:0 0 7px -1px #000000bf;min-width:120px}.button.cancel-button{background-color:#e40000;color:#fff}.button.cancel-button:hover{color:#e40000;background:#fff}.secondary-button{background-color:#63ccca;color:#fff}.secondary-button:hover{color:#63ccca;background-color:#fff}.main-button{background-color:#024866;color:#fff}.main-button:hover{color:#024866;background-color:#fff}.modal{overflow-y:scroll}.modal-footer{position:relative;text-align:center;margin-top:30px;width:100%;display:flex;flex-direction:column;align-items:center}.modal-footer span{font-size:13px}.modal-footer img{width:65px;margin-bottom:3xp}.user-form-content{display:flex;justify-content:space-between;background:#fff;margin-bottom:20px;margin-top:40px;width:80vw;border-radius:10px;box-shadow:0 0 34px #ffffffa1;position:relative;z-index:10}.close{position:absolute;top:10px;right:10px;cursor:pointer;background:none;border:none;font-size:30px;font-weight:800;transition:.5s}.close:hover{opacity:.7}.content{min-height:calc(100vh - 258px)}.block{display:block}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.membership-button{color:#fff;background-color:#005593;position:absolute;top:-34px;left:20px;border:none;font-weight:500;font-size:20px;padding:10px 10px 1px;cursor:pointer;transition:.5s all;border-radius:10px 10px 0 0;text-transform:uppercase;font-family:Roboto}.membership-button.other-membership-button{left:155px}.membership-button.active{background-color:#fff;color:#012641}.w-400{font-weight:400}.continue-button{width:70%;text-transform:uppercase;border-radius:10px;border:none;transition:.4s all;text-align:center;padding:0 15px;margin:5px 0 5px 15px;cursor:pointer;line-height:32px;font-weight:700;color:#fff;text-decoration:none}.continue-button a{text-decoration:none;color:#252309}.continue-button{background-color:#024866}.continue-button:hover{background-color:#071216cb}.w-full{width:100%}.user-form-input{margin-bottom:10px}.user-form-input input:focus+span+.user-form-input-label,.user-form-input input:not(:placeholder-shown)+span+.user-form-input-label{top:-12px;pointer-events:none;font-size:13px;color:#747474;z-index:1!important}.user-form-input .user-form-input-label{position:absolute;top:10px;left:0;margin:0;transition:.3s;color:#555;z-index:1}.user-form-input .user-form-input-label.label-dropdown{top:-12px;background-color:#fff}.container-checkbox{display:block;position:relative;padding-left:24px;margin-bottom:12px;font-size:16px;-webkit-user-select:none;user-select:none}.container-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:2px;left:0;height:20px;width:20px;border-radius:5px;background-color:#e6e6e6}.container-checkbox:hover input~.checkmark{background-color:#ccc}.container-checkbox input:checked~.checkmark{background-color:#012641c4}.checkmark:after{content:"";position:absolute;display:none}.container-checkbox input:checked~.checkmark:after{display:block}.container-checkbox .checkmark:after{left:7px;top:2px;width:4px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.button-link{border:none;background:none;text-decoration:underline;font-size:16px;cursor:pointer;transition:.3s;margin-top:15px;color:#024866}.button-link:hover{color:#63ccca}.modal-container{height:100vh;width:100vw;position:absolute;inset:0;background:rgba(0,0,0,.5137254902);display:flex;justify-content:center;align-items:center;font-family:Roboto;display:none}.events-header-container{display:flex;width:80vw;justify-content:flex-start}.event-content-title,.events-title{display:flex;align-items:center;margin-bottom:20px}.event-content-title img,.events-title img{margin-right:10px;width:30px}.event-content-title span,.events-title span{font-weight:500;font-size:25px;color:#024866}.event-info{width:80vw;text-align:center}.event-info .event-info-title{font-weight:500;font-size:25px;color:#024866;text-transform:uppercase}.event-info .event-info-text{font-size:20px;color:#5f5f5f}.buttons-bottom-container{display:flex;justify-content:space-between;margin-bottom:20px}.buttons-bottom-container .continue-button{margin-left:0;box-shadow:0 0 7px -1px #000000bf;width:120px;height:40px}.mt-1{margin-top:5px}.mt-2{margin-top:10px}.mt-3{margin-top:15px}.mt-4{margin-top:20px}.mt-5{margin-top:25px}.mb-5{margin-bottom:25px}.mb-6{margin-bottom:30px}.ml-3{margin-left:15px}.ml-7{margin-left:35px}.mr-3{margin-right:15px}.fs-14{font-size:14px}.fs-20{font-size:20px}.bold{font-weight:700}.semi-bold{font-weight:500}@media only screen and (max-width: 1200px){.events-header-container{width:90vw}.buttons-bottom-container{justify-content:space-between;padding:0 10px}.event-info{width:90vw}.content{flex-direction:column-reverse;min-height:calc(100vh - 258px)}.content .user-title{margin-left:20px}.content .user-form-content{flex-direction:column;margin-bottom:20px;width:93vw}.users-container{margin-left:0;padding:0 20px}.users-container .user .user-form .user-form-input{width:100%;margin:5px 0}}