.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}.pt60{padding-top:60px}.pb60{padding-bottom:60px}.pt70{padding-top:70px}.pb70{padding-bottom:70px}.pt80{padding-top:80px}.pb80{padding-bottom:80px}.pt100{padding-top:100px}.pb100{padding-bottom:100px}.pt130{padding-top:130px}.pb130{padding-bottom:130px}.pt150{padding-top:150px}.pb150{padding-bottom:150px}.pt180{padding-top:180px}.pb180{padding-bottom:180px}.pt200{padding-top:200px}.pb200{padding-bottom:200px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.theme-bg{background:url(../images/bg/theme-9-bg.jpg) no-repeat center right;background-size:cover}.flat-grey-bg{background:url(../images/bg/flat-grey-bg.jpg) no-repeat center right;background-size:cover}.final-bg{background:url(../images/bg/final-bg.jpg) no-repeat center bottom;background-size:cover}.ugf-wrapper{position:relative}.ugf-wrapper .ugf-content-block{min-height:100vh}.ugf-wrapper .ugf-sidebar{position:absolute;top:0;left:0;width:33.50%;min-height:100vh;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 100px;z-index:9}.ugf-wrapper .ugf-sidebar.sidebar-steps{box-shadow:5px 0px 10px 0px rgba(0,0,0,0.04);justify-content:center;align-items:center}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step{display:flex;align-items:center;min-width:240px}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step+.step{margin-top:40px}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step.step-onprocess span{color:#005fff;border-color:#005fff}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step.step-onprocess p{color:#005fff}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step.complete-step span{position:relative;border:0}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step.complete-step span:before{position:absolute;top:0;left:0;height:30px;width:30px;content:url("../images/check.png")}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step span{height:30px;flex:0 0 30px;border-radius:50%;border:1px solid rgba(0,0,0,0.1);line-height:30px;text-align:center;font-size:1.4rem;color:#546274;font-family:"Roboto",sans-serif;font-weight:700;margin-right:12px}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step p{font-size:1.4rem;color:#546274;font-family:"Roboto",sans-serif;font-weight:700;text-transform:uppercase;margin-bottom:0}.logo{position:absolute;top:50px;left:100px;z-index:10;width:50%}.logo a{width:40%}.logo a img{width:100%}.logo a img.white{filter:invert(1)}.logo a img.blue{filter:invert(22%) sepia(89%) saturate(4462%) hue-rotate(216deg) brightness(104%) contrast(105%)}.ugf-sidebar-bg{background:url(../images/bg/qr-code-menu-contactless-dining.png) no-repeat center bottom;background-size:cover}.ugf-sidebar-bg-2{background:url(../images/bg/sidebar-bg-2.jpg) no-repeat center bottom;background-size:cover}.ugf-sidebar-bg-3{background:url(../images/bg/sidebar-bg-3.jpg) no-repeat center bottom;background-size:cover}.ugf-sidebar-bg-4{background:url(../images/bg/sidebar-bg-4.jpg) no-repeat center bottom;background-size:cover}.ugf-sidebar .clients{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:100px}.ugf-content.pt270{padding-top:270px}.ugf-content.pt340{padding-top:340px}.ugf-content.pt150{padding-top:150px}.ugf-content .prev-page{font-size:1.5rem;font-weight:700;font-family:"Roboto",sans-serif;color:#b2becc;text-transform:uppercase;position:relative;padding-left:20px;margin-bottom:50px}.ugf-content .prev-page:before{position:absolute;top:1px;left:0;content:url(../images/arrow-left-grey.png)}.ugf-content h1{font-size:3.6rem;color:#1c2437;font-weight:700;font-family:"Roboto",sans-serif}.ugf-content h1 span{display:block}.ugf-content p{font-size:2rem;color:#546274;font-weight:400;font-family:"Roboto",sans-serif;margin-top:20px}.ugf-content .menu-type{color:#005fff;font-size:70px}.ugf-content form{margin-top:40px;max-width:470px}.ugf-content form.domain-form .form-control{width:auto;display:inline-block;padding:10px 20px !important}.ugf-content form.domain-form .form-control:first-child{border-right:0px;padding-right:0px !important}.ugf-content form.domain-form .form-control:last-child{padding-left:0px !important;border-left:0px;color:#999;position:relative}.ugf-content form.domain-form .form-control:last-child:after{position:absolute;top:15px;right:-40px;height:30px;width:30px;content:url("../images/check.png")}.ugf-content form.form-flex{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.ugf-content form.form-flex .form-group{flex:0 0 calc(100% - 200px);margin-bottom:0}.ugf-content form.form-flex .btn{flex:0 0 170px;background:#005fff;color:#fff;font-size:1.4rem;height:60px;padding:0;text-align:center;font-weight:700;font-family:"Roboto",sans-serif;text-transform:uppercase;border-radius:0;border:0;outline:none;box-shadow:none;display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-bottom:0}.ugf-content form.form-flex .btn span{line-height:0}.ugf-content form.form-flex .btn i{font-size:2.0rem}.ugf-content form.email-form{max-width:100%}.ugf-content form.email-verification-form .form-group{flex:0 0 80px}.ugf-content form.email-verification-form .form-group:nth-child(5){border-right:1px solid rgba(0,0,0,0.1) !important}.ugf-content form.email-verification-form .form-group .form-control{font-size:4.0rem;height:80px;text-align:center;border-right:0;background-image:none}.ugf-content form.email-verification-form .form-group .form-control::-webkit-inner-spin-button,.ugf-content form.email-verification-form .form-group .form-control::-webkit-outer-spin-button{appearance:none;margin:0}.ugf-content form.email-verification-form .btn{margin-bottom:0;margin-left:30px;height:80px;flex:0 0 120px}.ugf-content form.account-form{width:100%;max-width:100%;padding-bottom:80px}.ugf-content form.account-form .select-input{position:relative}.ugf-content form.account-form .select-input span{position:absolute;top:27px;right:15px;height:0;width:0;border-top:6px solid #b2becc;border-left:6px solid transparent;border-right:6px solid transparent}.ugf-content form.account-form .select-input .form-control{padding-right:0;padding-left:15px;color:#b2becc;appearance:none}.ugf-content form.account-form .select-input .form-control option{color:#546274}.ugf-content form.account-form .birth-date{display:flex;justify-content:space-between}.ugf-content form.account-form .birth-date .birth-date-input{flex:0 0 calc(33.33% - 8px);position:relative}.ugf-content form.account-form .pass-group{position:relative}.ugf-content form.account-form .pass-group .pass-toggler-btn{position:absolute;bottom:15px;right:20px}.ugf-content form.account-form .pass-group .pass-toggler-btn i{font-size:2.0rem;color:#b2becc}.ugf-content form.account-form .pass-group .pass-toggler-btn #eye-slash{display:none}.ugf-content form.account-form .form-group.check-gender{display:flex}.ugf-content form.account-form .form-group.check-gender .custom-radio{flex:0 0 135px;margin-right:20px}.ugf-content form.account-form .form-group.check-gender .custom-radio .custom-control-input{display:none;outline:none;box-shadow:none;appearance:none}.ugf-content form.account-form .form-group.check-gender .custom-radio .custom-control-input:checked ~ .custom-control-label{border-color:#005fff;color:#005fff}.ugf-content form.account-form .form-group.check-gender .custom-radio .custom-control-input:checked ~ .custom-control-label::before{background:#005fff}.ugf-content form.account-form .form-group.check-gender .custom-radio .custom-control-input:checked ~ .custom-control-label::after{background-image:none;content:url(../images/check-white.svg)}.ugf-content form.account-form .form-group.check-gender .custom-radio .custom-control-label{background:#fff;height:60px;border:1px solid rgba(0,0,0,0.1);display:flex;align-items:center;font-size:1.5rem;font-weight:400;font-family:"Roboto",sans-serif;color:#b2becc;padding-left:58px;text-transform:capitalize}.ugf-content form.account-form .form-group.check-gender .custom-radio .custom-control-label:before{height:18px;width:18px;border-radius:2px;background:#e1e7ee;border:none;top:19px;left:20px}.ugf-content form.account-form .form-group.check-gender .custom-radio .custom-control-label:after{height:18px;width:18px;top:20px;left:20px}.ugf-content form.account-form .btn{display:flex;justify-content:space-between;align-items:center;padding:0 30px}.ugf-content form .form-group{margin-bottom:25px}.ugf-content form .form-group label{display:block;font-size:1.2rem;font-weight:700;color:#1c2437;font-family:"Roboto",sans-serif;text-transform:uppercase}.ugf-content form .form-group .form-control{height:60px;border-radius:0;outline:none;box-shadow:none;font-size:2.5rem;padding:0 20px;border:1px solid rgba(0,0,0,0.1)}.ugf-content form .form-group .form-control::-webkit-input-placeholder{color:#b2becc}.ugf-content form .form-group .form-control::-moz-placeholder{color:#b2becc}.ugf-content form .form-group .form-control:-ms-input-placeholder{color:#b2becc}.ugf-content form .form-group .form-control:-moz-placeholder{color:#b2becc}.ugf-content form .form-group.check-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.ugf-content form .form-group.check-flex .custom-checkbox .custom-control-input{height:18px;width:18px;border-radius:3px;border:3px solid rgba(0,0,0,0.08);outline:none;box-shadow:none}.ugf-content form .form-group.check-flex .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background:#1888f5}.ugf-content form .form-group.check-flex .custom-checkbox .custom-control-label{width:auto;text-align:left;position:static;top:auto;left:auto;transform:translateY(0);padding-left:30px;cursor:default;text-transform:capitalize;font-size:1.4rem;font-weight:400;color:#546274}.ugf-content form .form-group.check-flex .custom-checkbox .custom-control-label:before{top:2px;left:0;height:18px;width:18px;border-radius:3px;border:2px solid rgba(0,0,0,0.08);box-shadow:none;outline:none}.ugf-content form .form-group.check-flex .custom-checkbox .custom-control-label:after{top:2px;left:0;height:18px;width:18px}.ugf-content form .form-group.check-flex .custom-checkbox .custom-control-label a{color:#005fff}.ugf-content form .form-group.check-flex a{color:#546274;font-family:"Roboto",sans-serif;font-weight:400}.ugf-content form .form-group.check-flex a:hover{color:#005fff}.ugf-content form .form-group.mb10{margin-bottom:10px}.ugf-content form .btn{margin-bottom:20px;width:170px;text-align:center;background:#005fff;color:#fff;font-size:1.4rem;height:60px;padding:0;font-weight:700;font-family:"Roboto",sans-serif;text-transform:uppercase;border-radius:0;border:0;outline:none;box-shadow:none}.ugf-content form .btn-wrap{display:flex;flex-wrap:wrap;align-items:center}.ugf-content form .btn-wrap .btn{margin-right:30px}.ugf-content form .btn-wrap a{margin-bottom:20px;font-size:1.4rem;font-family:"Roboto",sans-serif;color:#97a2ae;font-weight:700;text-transform:uppercase}.ugf-content .account-category{display:flex;flex-wrap:wrap;margin-top:40px;margin-bottom:70px}.ugf-content .account-category .account-type{height:230px;flex:0 0 230px;border-radius:10px;box-shadow:0px 3px 5px 0px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.1);text-align:center;margin-right:30px;background:#fff;padding-top:50px;margin-bottom:30px}.ugf-content .account-category .account-type .account-icon{height:80px;width:80px;border-radius:5px;border:1px solid rgba(0,95,255,0.2);display:flex;justify-content:center;align-items:center;margin:0 auto}.ugf-content .account-category .account-type p{font-size:1.4rem;font-weight:700;color:#1c2437;font-family:"Roboto",sans-serif;text-transform:uppercase}.ugf-content .account-category .account-type .icon i{color:#1c2437}.ugf-content .account-category .account-type:hover{border-color:#005fff}.ugf-content .account-category .account-type:hover p{color:#005fff}.ugf-content .account-category .account-type:hover .icon i{color:#005fff}.alternet-access{position:absolute;top:60px;right:100px}.alternet-access p{font-size:1.4rem;font-weight:400;color:#546274;font-family:"Roboto",sans-serif}.alternet-access p a{color:#005fff}.resend-code{font-size:1.5rem;font-family:"Roboto",sans-serif;font-weight:400;color:#546274;margin-top:30px !important}.resend-code a{color:#005fff;font-weight:700}.final-content{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;text-align:center;padding:150px 15px}.final-content h2{font-size:3.6rem;font-weight:700;color:#1c2437;font-family:"Roboto",sans-serif;margin-top:35px;margin-bottom:10px}.final-content p{color:#546274;font-size:1.5rem;font-weight:400;font-family:"Roboto",sans-serif;margin-bottom:40px}.final-content .btn{width:170px;text-align:center;background:#005fff;color:#fff;font-size:1.4rem;height:60px;padding:0;font-weight:700;font-family:"Roboto",sans-serif;text-transform:uppercase;border-radius:0;border:0;outline:none;box-shadow:none;line-height:60px}@media all and (max-width: 1600px){.logo{top:50px;left:60px}.alternet-access{right:60px}.ugf-wrapper .ugf-sidebar{padding:40px 60px}.ugf-sidebar .clients{margin-top:40px}.testimonial-carousel .item .quote{margin-bottom:20px}.testimonial-carousel .item p{margin-bottom:30px}.ugf-content.pt270{padding-top:180px}.ugf-content.pt340{padding-top:250px}}@media all and (max-width: 991px){.ugf-wrapper .ugf-content-block{min-height:auto}.ugf-wrapper .ugf-content-block .logo{width:690px;left:50%;transform:translateX(-50%)}.ugf-wrapper .ugf-content-block .ugf-content{padding:200px 0 0}.ugf-wrapper .ugf-content-block .alternet-access{width:690px;position:static;margin:0 auto;margin-bottom:100px;margin-top:30px}.ugf-wrapper .ugf-sidebar{position:static;width:100%;min-height:auto;display:block;padding:100px 0 40px}.ugf-wrapper .ugf-sidebar.sidebar-steps{padding-bottom:100px}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps{max-width:690px;margin:0 auto}.ugf-wrapper .ugf-sidebar .testimonial-carousel{max-width:690px;margin:0 auto}.ugf-wrapper .ugf-sidebar .clients{max-width:690px;margin:40px auto 0}.resend-code{margin-bottom:100px}}@media all and (max-width: 767px){.ugf-wrapper .ugf-content-block .logo{width:calc(100% - 30px);left:50%;transform:translateX(-50%)}.ugf-wrapper .ugf-content-block .ugf-content{padding:200px 0 0}.ugf-wrapper .ugf-content-block .alternet-access{width:calc(100% - 30px);position:static;margin:0 auto;margin-bottom:100px;margin-top:30px}.ugf-wrapper .ugf-sidebar{position:static;width:100%;min-height:auto;display:block;padding:100px 0 40px}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps{max-width:calc(100% - 30px)}.ugf-wrapper .ugf-sidebar .testimonial-carousel{max-width:calc(100% - 30px);margin:0 auto}.ugf-wrapper .ugf-sidebar .clients{width:100%;max-width:500px;margin:40px 0 0 15px}.ugf-content form.email-verification-form{justify-content:flex-start}.ugf-content form.email-verification-form .form-group{flex:0 0 55px}.ugf-content form.email-verification-form .form-group .form-control{height:55px;font-size:2.0rem}.ugf-content form.email-verification-form .btn{height:55px;margin-left:20px}}@media all and (max-width: 539px){.ugf-content form.form-flex{display:block;max-width:400px}.ugf-content form.form-flex .form-group{margin-bottom:25px}.ugf-content form.email-verification-form{flex-wrap:wrap;display:flex;justify-content:flex-start;max-width:415px}.ugf-content form.email-verification-form .btn{margin-bottom:25px;margin-left:auto}.resend-code{margin-top:10px !important}.ugf-wrapper .ugf-sidebar .clients{margin:0;margin-top:25px;padding:0 15px}.ugf-wrapper .ugf-sidebar .clients .client{flex:0 0 50%;margin-top:15px}.ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step+.step{margin-top:30px}.final-content h2{font-size:3.2rem}}@media all and (max-width: 469px){.ugf-content form.email-verification-form{max-width:394px}.ugf-content form.email-verification-form .btn{margin-bottom:25px;margin-left:0}}