diff --git a/PaydayFrontend/Controllers/AdminController.cs b/PaydayFrontend/Controllers/AdminController.cs new file mode 100644 index 0000000..1a4c322 --- /dev/null +++ b/PaydayFrontend/Controllers/AdminController.cs @@ -0,0 +1,15 @@ +using System.Diagnostics; +using Microsoft.AspNetCore.Mvc; +using PaydayFrontend.Models; + +namespace PaydayFrontend.Controllers; + +public class AdminController : Controller +{ + + [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)] + public IActionResult Error() + { + return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier }); + } +} \ No newline at end of file diff --git a/PaydayFrontend/Controllers/HomeController.cs b/PaydayFrontend/Controllers/HomeController.cs index 7c20518..b31021b 100644 --- a/PaydayFrontend/Controllers/HomeController.cs +++ b/PaydayFrontend/Controllers/HomeController.cs @@ -28,12 +28,19 @@ public class HomeController : Controller return View(universities.ToList()); } - public IActionResult SecondPage([FromQuery] long universityId) + [Route("Directions")] + public IActionResult Directions(long universityId) { + Console.WriteLine(universityId); + if (universityId == 0) + return RedirectToAction("Index"); + + + return View(); } - public IActionResult ThirdPage() + public IActionResult Credits() { return View(); } diff --git a/PaydayFrontend/Models/DirectionViewModel.cs b/PaydayFrontend/Models/DirectionViewModel.cs new file mode 100644 index 0000000..f7b7613 --- /dev/null +++ b/PaydayFrontend/Models/DirectionViewModel.cs @@ -0,0 +1,11 @@ +namespace PaydayFrontend.Models; + +public class Direction +{ + public long Id { get; set; } + public long UniversityId { get; set; } + public string Code { get; set; } + public string Name { get; set; } + public string Url { get; set; } + public int PlaceCost { get; set; } +} \ No newline at end of file diff --git a/PaydayFrontend/Services/IUniversityService.cs b/PaydayFrontend/Services/IUniversityService.cs index aecf0ef..8952382 100644 --- a/PaydayFrontend/Services/IUniversityService.cs +++ b/PaydayFrontend/Services/IUniversityService.cs @@ -6,6 +6,7 @@ namespace PaydayFrontend.Services; public interface IUniversityService { public Task> GetAllUniversity(); + public Task> GetDirectionsByUniversityId(); } public class UniversityService : IUniversityService @@ -28,4 +29,15 @@ public class UniversityService : IUniversityService }); return university; } + + public async Task> GetDirectionsByUniversityId() + { + var response = await _httpClient.GetAsync("v1/public/university"); + var result = await response.Content.ReadAsStringAsync(); + var university = JsonSerializer.Deserialize>(result, new JsonSerializerOptions + { + PropertyNameCaseInsensitive = true + }); + return university; + } } \ No newline at end of file diff --git a/PaydayFrontend/Views/Home/ThirdPage.cshtml b/PaydayFrontend/Views/Home/Credits.cshtml similarity index 100% rename from PaydayFrontend/Views/Home/ThirdPage.cshtml rename to PaydayFrontend/Views/Home/Credits.cshtml diff --git a/PaydayFrontend/Views/Home/SecondPage.cshtml b/PaydayFrontend/Views/Home/Directions.cshtml similarity index 81% rename from PaydayFrontend/Views/Home/SecondPage.cshtml rename to PaydayFrontend/Views/Home/Directions.cshtml index b64aefb..f27dd69 100644 --- a/PaydayFrontend/Views/Home/SecondPage.cshtml +++ b/PaydayFrontend/Views/Home/Directions.cshtml @@ -22,10 +22,12 @@ - - - - -
- - - - + diff --git a/PaydayFrontend/wwwroot/css/style.css b/PaydayFrontend/wwwroot/css/style.css index 72fe2d1..a0f611f 100644 --- a/PaydayFrontend/wwwroot/css/style.css +++ b/PaydayFrontend/wwwroot/css/style.css @@ -1 +1,911 @@ -*{font-family:"Roboto",sans-serif}header{z-index:1;position:fixed;top:0px;width:100%;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.fixed{width:100px;background-color:#fff;height:70px}.menu{width:435px;height:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:88px}.menu_logo{width:40px;height:52px}.menu_project_name{margin-left:20px}.menu_project_name_text{color:#20d37d;font-size:48px;font-style:normal;font-weight:500}.menu_hamburger{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block;position:absolute;left:50px;top:11px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:50px;background-color:#20d37d;border-radius:9px}.menu_hamburger span{display:block;height:5px;width:32px;background-color:#fff;margin:0 9px 6px 9px}.menu_hamburger span:nth-child(1){margin-top:12px}.menu_hamburger span:nth-child(3){margin-bottom:12px}.menu_hamburger_active{-webkit-transition:.8 all;transition:.8 all}.menu_hamburger_active span:nth-child(1){margin-top:12px;-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.menu_hamburger_active span:nth-child(2){display:none}.menu_hamburger_active span:nth-child(3){margin-top:12px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.header_login{display:block;height:100%;padding-left:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;width:290px;height:71px;background-color:#43ca79;border-radius:40px;color:#fff;font-size:32px;font-style:normal;font-weight:500}.header_login_text{padding-top:6px;height:100%;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:22px;font-style:normal;font-weight:500}.universe{position:relative;min-height:640px;padding:90px 0 60px 0;background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8}.universe_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;margin-bottom:25px}.universe_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px}.universe_input:focus{outline:none;border:1px solid gray}.universe_search{height:35px;width:35px;position:absolute;right:30px}.universe_card{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 30px 20px 0;height:205px;width:205px;background-color:#fff;border-radius:44px}.universe_card:nth-child(6){margin-right:0px}.universe_card:nth-child(11){margin-right:0px}.universe_card_text{color:#2a2a2a;font-size:24px;font-style:normal;font-weight:500}.universe_card_text span{color:#50d400;font-size:16px;font-style:normal;font-weight:500}.universe_icon{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:130px;width:130px}.universe_slid{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:18px;width:112px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.universe_slid_active{width:20px;margin-right:8px;border-radius:50%;background-color:#fff}.universe_slid_disable span{width:20px;margin-right:8px;border-radius:50%;background-color:#aeaeae}.navigation{background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8;min-height:660px;padding:22px 0 30px 0;margin-top:72px}.navigation_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;margin-bottom:60px}.navigation_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px;font-size:20px}.navigation_input:focus{outline:none;border:1px solid gray}.navigation_fixed{background:-webkit-gradient(linear, left bottom, left top, from(rgb(236, 236, 236)), to(rgb(236, 236, 236))),#e8e8e8;background:linear-gradient(0deg, rgb(236, 236, 236) 0%, rgb(236, 236, 236) 100%),#e8e8e8;height:80px;width:100%;position:absolute;top:65px}.navigation #navigation{height:70px;padding-top:15px;top:66px;width:90%;left:5%}.navigation_banks{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8;position:fixed;top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:56px;margin-bottom:10px}.navigation_banks_univer{width:12%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50px;background-color:#fff;color:#20d37d;font-size:22px;font-style:normal;font-weight:500}.navigation_banks_speciality{width:82%;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50px;background-color:#fff;color:#20d37d;font-size:20px;font-style:normal;font-weight:500}.navigation_banks_sort{width:57px;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background-color:#fff}.navigation_banks_sort_hamburger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fff}.navigation_banks_sort_hamburger span{border-radius:6px;display:block;height:5px;width:27px;background-color:#20d37d;margin:0 9px 6px 9px}.navigation_banks_sort_hamburger span:nth-child(1){margin-top:12px}.navigation_banks_sort_hamburger span:nth-child(2){width:19px}.navigation_banks_sort_hamburger span:nth-child(3){width:11px;margin-bottom:12px}.navigation_banks_sort_active{-webkit-transition:.8 all;transition:.8 all}.navigation_banks_sort_active span:nth-child(1){margin-top:12px;-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.navigation_banks_sort_active span:nth-child(2){display:none}.navigation_banks_sort_active span:nth-child(3){margin-top:12px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.navigation_search{height:35px;width:35px;position:absolute;right:30px}.navigation_info{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:56px;background-color:#fff;border-radius:50px}.navigation_info_text{color:#545454;font-size:20px;font-style:normal;font-weight:500}.navigation .container_flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigation_cost{position:absolute;right:150px;color:#20d37d;font-size:20px;font-style:normal;font-weight:500}.navigation_card{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:30px;height:60px;width:880px;background-color:#fff;border-radius:44px}.navigation_card_text{color:#2a2a2a;font-size:24px;font-style:normal;font-weight:500}.navigation_card_text span{color:#50d400;font-size:16px;font-style:normal;font-weight:500}.navigation_bank_text{margin:0 0 6px 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#2a2a2a;font-size:24px;font-style:normal;font-weight:500}.navigation_slid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:14px;width:80px}.navigation_slid_active{width:14px;margin-right:6px;border-radius:50%;background-color:#fff}.navigation_slid_disable{width:14px;margin-right:6px;border-radius:50%;background-color:#aeaeae}.navigation_bank{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigation_icon{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:45px;width:45px}.navigation_credit{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:380px;height:25px;padding-right:30px}.navigation_credit_prosent{padding-left:33px;color:#20d37d;font-size:20px;font-style:normal;font-weight:500}.navigation_choise{position:fixed;background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:100%;bottom:50px}.navigation_fixed_background{background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8;height:70px;width:100%;position:fixed;top:66px}.back{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;height:72px;width:72px;border-radius:50%;background-color:#fff;position:fixed;left:16px;bottom:60px}.back_img{width:60%;height:60%}footer{width:100%;bottom:0px;position:fixed;background-color:#fff;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}footer span{width:200px;color:#20d37d;font-size:20px;font-style:normal;font-weight:500}.row_flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.my_modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.5)}.my_modal__dialog{max-width:600px;min-height:400px;margin:100px auto}.my_modal__content{position:relative;height:100%;width:100%;padding:40px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;max-height:80vh;overflow-y:auto;border-radius:50px}.my_modal__close{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:8px;right:14px;font-size:30px;color:#000;opacity:.5;font-weight:700;border:none;background-color:rgba(0,0,0,0);cursor:pointer}.bank_title{position:absolute;left:55px;top:30px;font-size:30px;font-weight:500}.bank_information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:columns;flex-direction:columns;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-ms-flex-line-pack:start;align-content:start}.bank_block_img{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:150px;height:150px}.bank_img{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:60%}.bank_form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:start;align-content:start;margin-top:60px;width:450px}.bank_name{position:absolute;top:70px;left:270px}.form_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:150px;background-color:#20d37d;border-radius:20px;color:#fff}.form_btn_img{height:80%}.form_btn_block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.show{display:block}.hide{display:none}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +* { + font-family: "Roboto", sans-serif +} + +header { + z-index: 1; + position: fixed; + top: 0px; + width: 100%; + height: 70px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #fff +} + +.fixed { + width: 100px; + background-color: #fff; + height: 70px +} + +.menu { + width: 435px; + height: 58px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: left; + -ms-flex-pack: left; + justify-content: left; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-left: 88px +} + +.menu_logo { + width: 40px; + height: 52px +} + +.menu_project_name { + margin-left: 20px +} + +.menu_project_name_text { + color: #20d37d; + font-size: 48px; + font-style: normal; + font-weight: 500 +} + +.menu_hamburger { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + display: block; + position: absolute; + left: 50px; + top: 11px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + height: 50px; + width: 50px; + background-color: #20d37d; + border-radius: 9px +} + +.menu_hamburger span { + display: block; + height: 5px; + width: 32px; + background-color: #fff; + margin: 0 9px 6px 9px +} + +.menu_hamburger span:nth-child(1) { + margin-top: 12px +} + +.menu_hamburger span:nth-child(3) { + margin-bottom: 12px +} + +.menu_hamburger_active { + -webkit-transition: .8 all; + transition: .8 all +} + +.menu_hamburger_active span:nth-child(1) { + margin-top: 12px; + -webkit-transform: translateY(12px) rotate(-45deg); + transform: translateY(12px) rotate(-45deg) +} + +.menu_hamburger_active span:nth-child(2) { + display: none +} + +.menu_hamburger_active span:nth-child(3) { + margin-top: 12px; + -webkit-transform: translateY(-5px) rotate(45deg); + transform: translateY(-5px) rotate(45deg) +} + +.header_login { + display: block; + height: 100%; + padding-left: 19px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-right: 10px; + width: 290px; + height: 71px; + background-color: #43ca79; + border-radius: 40px; + color: #fff; + font-size: 32px; + font-style: normal; + font-weight: 500 +} + +.header_login_text { + padding-top: 6px; + height: 100%; + margin-left: 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #000; + font-size: 22px; + font-style: normal; + font-weight: 500 +} + +.universe { + position: relative; + min-height: 640px; + padding: 90px 0 60px 0; + background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8; + background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8 +} + +.universe_input_block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 50px; + margin-bottom: 25px +} + +.universe_input { + padding-left: 20px; + height: 100%; + border-radius: 40px; + display: block; + width: 100%; + border: 0px +} + +.universe_input:focus { + outline: none; + border: 1px solid gray +} + +.universe_search { + height: 35px; + width: 35px; + position: absolute; + right: 30px +} + +.universe_card { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0 30px 20px 0; + height: 205px; + width: 205px; + background-color: #fff; + border-radius: 44px +} + +.universe_card:nth-child(6) { + margin-right: 0px +} + +.universe_card:nth-child(11) { + margin-right: 0px +} + +.universe_card_text { + text-decoration: none; + color: #2a2a2a; + font-size: 24px; + font-style: normal; + font-weight: 500 +} + +.universe_card_text span { + color: #50d400; + font-size: 16px; + font-style: normal; + font-weight: 500 +} + +.universe_icon { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + height: 130px; + width: 130px +} + +.universe_slid { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + height: 18px; + width: 112px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + bottom: 30px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%) +} + +.universe_slid_active { + width: 20px; + margin-right: 8px; + border-radius: 50%; + background-color: #fff +} + +.universe_slid_disable span { + width: 20px; + margin-right: 8px; + border-radius: 50%; + background-color: #aeaeae +} + +.navigation { + background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8; + background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8; + min-height: 660px; + padding: 22px 0 30px 0; + margin-top: 72px +} + +.navigation_input_block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 60px; + margin-bottom: 60px +} + +.navigation_input { + padding-left: 20px; + height: 100%; + border-radius: 40px; + display: block; + width: 100%; + border: 0px; + font-size: 20px +} + +.navigation_input:focus { + outline: none; + border: 1px solid gray +} + +.navigation_fixed { + background: -webkit-gradient(linear, left bottom, left top, from(rgb(236, 236, 236)), to(rgb(236, 236, 236))), #e8e8e8; + background: linear-gradient(0deg, rgb(236, 236, 236) 0%, rgb(236, 236, 236) 100%), #e8e8e8; + height: 80px; + width: 100%; + position: absolute; + top: 65px +} + +.navigation #navigation { + height: 70px; + padding-top: 15px; + top: 66px; + width: 90%; + left: 5% +} + +.navigation_banks { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8; + background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8; + position: fixed; + top: 60px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + height: 56px; + margin-bottom: 10px +} + +.navigation_banks_univer { + width: 12%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50px; + background-color: #fff; + color: #20d37d; + font-size: 22px; + font-style: normal; + font-weight: 500 +} + +.navigation_banks_speciality { + width: 82%; + margin-left: 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50px; + background-color: #fff; + color: #20d37d; + font-size: 20px; + font-style: normal; + font-weight: 500 +} + +.navigation_banks_sort { + width: 57px; + margin-left: 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 50%; + background-color: #fff +} + +.navigation_banks_sort_hamburger { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + background-color: #fff +} + +.navigation_banks_sort_hamburger span { + border-radius: 6px; + display: block; + height: 5px; + width: 27px; + background-color: #20d37d; + margin: 0 9px 6px 9px +} + +.navigation_banks_sort_hamburger span:nth-child(1) { + margin-top: 12px +} + +.navigation_banks_sort_hamburger span:nth-child(2) { + width: 19px +} + +.navigation_banks_sort_hamburger span:nth-child(3) { + width: 11px; + margin-bottom: 12px +} + +.navigation_banks_sort_active { + -webkit-transition: .8 all; + transition: .8 all +} + +.navigation_banks_sort_active span:nth-child(1) { + margin-top: 12px; + -webkit-transform: translateY(12px) rotate(-45deg); + transform: translateY(12px) rotate(-45deg) +} + +.navigation_banks_sort_active span:nth-child(2) { + display: none +} + +.navigation_banks_sort_active span:nth-child(3) { + margin-top: 12px; + -webkit-transform: translateY(-5px) rotate(45deg); + transform: translateY(-5px) rotate(45deg) +} + +.navigation_search { + height: 35px; + width: 35px; + position: absolute; + right: 30px +} + +.navigation_info { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 56px; + background-color: #fff; + border-radius: 50px +} + +.navigation_info_text { + color: #545454; + font-size: 20px; + font-style: normal; + font-weight: 500 +} + +.navigation .container_flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.navigation_cost { + position: absolute; + right: 150px; + color: #20d37d; + font-size: 20px; + font-style: normal; + font-weight: 500 +} + +.navigation_card { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-left: 30px; + height: 60px; + width: 880px; + background-color: #fff; + border-radius: 44px +} + +.navigation_card_text { + color: #2a2a2a; + font-size: 24px; + font-style: normal; + font-weight: 500 +} + +.navigation_card_text span { + color: #50d400; + font-size: 16px; + font-style: normal; + font-weight: 500 +} + +.navigation_bank_text { + margin: 0 0 6px 0; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + color: #2a2a2a; + font-size: 24px; + font-style: normal; + font-weight: 500 +} + +.navigation_slid { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + height: 14px; + width: 80px +} + +.navigation_slid_active { + width: 14px; + margin-right: 6px; + border-radius: 50%; + background-color: #fff +} + +.navigation_slid_disable { + width: 14px; + margin-right: 6px; + border-radius: 50%; + background-color: #aeaeae +} + +.navigation_bank { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.navigation_icon { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + height: 45px; + width: 45px +} + +.navigation_credit { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 380px; + height: 25px; + padding-right: 30px +} + +.navigation_credit_prosent { + padding-left: 33px; + color: #20d37d; + font-size: 20px; + font-style: normal; + font-weight: 500 +} + +.navigation_choise { + position: fixed; + background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8; + background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 50px; + width: 100%; + bottom: 50px +} + +.navigation_fixed_background { + background: -webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)), #e8e8e8; + background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #e8e8e8; + height: 70px; + width: 100%; + position: fixed; + top: 66px +} + +.back { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + z-index: 1; + height: 72px; + width: 72px; + border-radius: 50%; + background-color: #fff; + position: fixed; + left: 16px; + bottom: 60px +} + +.back_img { + width: 60%; + height: 60% +} + +footer { + width: 100%; + bottom: 0px; + position: fixed; + background-color: #fff; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center +} + +footer span { + width: 200px; + color: #20d37d; + font-size: 20px; + font-style: normal; + font-weight: 500 +} + +.row_flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.my_modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + background-color: rgba(0, 0, 0, .5) +} + +.my_modal__dialog { + max-width: 600px; + min-height: 400px; + margin: 100px auto +} + +.my_modal__content { + position: relative; + height: 100%; + width: 100%; + padding: 40px; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 4px; + max-height: 80vh; + overflow-y: auto; + border-radius: 50px +} + +.my_modal__close { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + position: absolute; + top: 8px; + right: 14px; + font-size: 30px; + color: #000; + opacity: .5; + font-weight: 700; + border: none; + background-color: rgba(0, 0, 0, 0); + cursor: pointer +} + +.bank_title { + position: absolute; + left: 55px; + top: 30px; + font-size: 30px; + font-weight: 500 +} + +.bank_information { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: columns; + flex-direction: columns; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: start; + -ms-flex-line-pack: start; + align-content: start +} + +.bank_block_img { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + margin-top: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 150px; + height: 150px +} + +.bank_img { + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + height: 60% +} + +.bank_form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-line-pack: start; + align-content: start; + margin-top: 60px; + width: 450px +} + +.bank_name { + position: absolute; + top: 70px; + left: 270px +} + +.form_btn { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: distribute; + justify-content: space-around; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 50px; + width: 150px; + background-color: #20d37d; + border-radius: 20px; + color: #fff +} + +.form_btn_img { + height: 80% +} + +.form_btn_block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: right; + -ms-flex-pack: right; + justify-content: right +} + +.show { + display: block +} + +.hide { + display: none +} + +/*# sourceMappingURL=style.css.map */ \ No newline at end of file