@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,300;1,500&display=swap";body{margin:0;padding:0;background-color:#012641;max-width:100vw;position:relative;min-height:100vh}*{font-family:Oswald}.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.white-container{margin:40px 0;width:80vw;background-color:#fff;border-radius:10px;padding-top:30px}.main-container{width:80vw;background-color:#fff;border-radius:10px;box-shadow:0 0 34px #ffffffa1;padding-top:30px;z-index:10}.flex{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.flex-end{display:flex;justify-content:flex-end;align-items:center}.w-100{width:100%}.w-auto{width:auto!important;padding:5px 10px!important}.error-message{color:red!important}.success-message{color:green}.success-message a{color:#012641}.text-center{text-align:center}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:Oswald;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,input[type=string]: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}.button{border-radius:5px;padding:7px 5px;font-weight:500;font-size:18px;text-decoration:none;text-transform:uppercase;font-family:Oswald;border:none;width:157px;text-align:center;cursor:pointer;transition:.5s all;box-shadow:0 0 7px -1px #000000bf}.button.osijek-button,.button.button-osijek{box-shadow:none}.cancel-button,.button,.continue-button{letter-spacing:.1em}.blue-button{background-color:#012641;color:#fff}.blue-button:hover{background-color:#023961}.yellow-button{background-color:#b39963;color:#012641}.yellow-button:hover{background-color:#f8c947}.uppercase{text-transform:uppercase}.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}.user-form-content.hidden-inputs{flex-direction:column-reverse;align-items:center;justify-content:center}.user-form-content.hidden-inputs .user-form-fields{width:90%}.user-form-content.hidden-inputs .user-form-fields .users-container{margin:0}.user-form-content.hidden-inputs .user-form-fields .users-container .button-container-order{margin-top:0}.user-form-content.hidden-inputs .purchased-game-container{margin-right:0;margin-bottom:40px}.user-form-content .to-pay{border:2px solid #012641;background-color:#012641;border-radius:5px;color:#fff;height:36px;padding:0 25px;text-transform:uppercase;font-weight:600;font-family:Oswald;cursor:pointer;transition:.5s}.user-form-content .to-pay:hover{border:2px solid #012641;background-color:#fff;color:#012641}.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 - 60px)}.osijek .content{min-height:calc(100vh - 154px)}.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:-41px;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:Oswald}.membership-button.other-membership-button{left:180px}.membership-button.active{background-color:#fff;color:#012641}.over-container-buttons-title{position:absolute;top:-41px;left:0}.over-container-buttons-title button{color:#fff;background-color:#005593;font-weight:500;font-size:20px;padding:6px 10px 5px;margin-right:15px;border:none;cursor:pointer;transition:.5s all;border-radius:10px 10px 0 0;text-transform:uppercase;font-family:Oswald}.over-container-buttons-title button.active{color:#005593}.over-container-buttons-title button:hover{color:#005593;background-color:#fff}.align-left{text-align:left}.container-buttons-title{display:none}.bold{font-weight:700}.semi-bold{font-weight:500}.continue-button,.cancel-button{width:70%;text-transform:uppercase;border-radius:4px;border:none;transition:.4s all;text-align:center;color:#012641;background-color:#b39963;padding:0 15px;margin:5px 0 5px 15px;cursor:pointer;font-weight:700}.continue-button a,.cancel-button a{text-decoration:none;color:#252309}.continue-button:hover{background-color:#d09a29}.continue-button:disabled{cursor:inherit;background-color:#9c9c9c}.continue-button:disabled:hover{background-color:#9c9c9c}.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 label span a{color:#014898}.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}.checkmark.radio{border-radius:10px}.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:#012641}.button-link:hover{color:#b39963}.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:Oswald;display:none}.fw-300{font-weight:300}.fw-500{font-weight:500}.text-lowercase{text-transform:lowercase}.mt-2{margin-top:10px}.mb-2{margin-bottom:10px}.mb-5{margin-bottom:25px!important}.mb-6{margin-bottom:30px!important}.mt-4{margin-top:20px}.mt-5{margin-top:25px!important}.ml-2{margin-left:10px!important}.ml-5{margin-left:25px!important}.text-left{text-align:left}@media only screen and (max-width: 768px){.ml-5{margin-top:15px;margin-left:0!important}.membership-wrapper h1{font-size:28px}.membership-wrapper h3{width:93vw;text-align:center}.membership-wrapper .memberhsip-card-container{flex-direction:column;width:93vw;padding:0}.membership-wrapper .memberhsip-card-container .membership-card{width:100%;margin-bottom:40px}.button-osijek{font-size:11px;padding:13px 21px}}@media only screen and (max-width: 1024px){.over-container-buttons-title{display:none}.container-buttons-title{padding:0 5% 20px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:20px;border-bottom:1px solid #bababa}.container-buttons-title p{text-align:center;font-weight:500;color:#012641}.container-buttons-title button{text-transform:uppercase;border:none;padding:5px 13px;border-radius:10px}}@media only screen and (max-width: 1200px){.content{flex-direction:column-reverse;min-height:calc(100vh - 293px)}.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}}