1 line
14 KiB
CSS
1 line
14 KiB
CSS
*{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 */ |