.btn,.cards .swiper-button-next:hover,.cards .swiper-button-prev:hover,body{color:#404040}body,img{width:100%}.card-bank.orange .card-data,.card-bank.orange .limit-bar:after,.statistics-item .progress.shopping:after{background-image:linear-gradient(to right,#fcae73,#f79042)}.card-data,.card-weekly-limit{margin-left:20px;display:flex}.card-bank,.limit-bar,.switcher{position:relative}.limit-bar,.transactions-history{margin-top:30px}@font-face{font-family:Suprema;src:url("../fonts/Suprema-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SupremaSemiBold;src:url("../fonts/Suprema-SemiBold.ttf") format("truetype");font-weight:500;font-style:normal}:root{--sidebar-sprite:#C7C7C7;--profile-icon:#e7e7e7;--plus-circle:#FFC145;--plus-icon:#404040}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}img{display:block;max-width:100%;height:auto}input[type=text]{height:36px;width:175px;padding:0 10px;font-family:Lato;font-weight:300;font-size:23px;color:#c7c7c7;border-radius:8px;border:1px solid #c7c7c7}input[type=text]:focus{border-color:#197bbd;outline:0}input[type=text]::-moz-placeholder{font-family:Lato;color:#c7c7c7}input[type=text]::placeholder{font-family:Lato;color:#c7c7c7}html{min-width:1477px}body{display:flex;height:100%;min-height:100vh;padding-top:100px;padding-bottom:80px;font-family:Lato,sans-serif;font-weight:400;font-style:normal;background-image:linear-gradient(to right,#e5e5e5,#f0f0f0),url("../img/sprite/biggest_cloud.svg")}.white-block{padding:15px 25px 35px;border-radius:28px;box-shadow:0 16px 24px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.04),0 0 0 rgba(0,0,0,.04)}.transparent-block{padding:15px 0 35px}.block-title{display:flex;align-items:center;margin-bottom:15px;font-family:SupremaSemiBold;font-weight:500;font-size:20px}.block-title .icon{margin-left:5px;width:24px;height:24px;cursor:pointer}.block-title .icon:hover,.new-transaction .recievers .user.add-new:hover{--plus-circle:#af790e;--plus-icon:#fff}.btn{display:inline-block;padding:14px 19px;border-radius:14px;font-size:11px;font-family:Quicksand;font-weight:600;border:none}.btn .icon{width:8px;height:8px;margin-left:6px}.switcher:after,.switcher:before{display:block;height:24px;content:""}.btn-yellow{background-color:#ffc145}.btn-yellow:hover{background-color:#d8ad57}.btn-yellow:active{background-color:#ffda8f}.switcher{display:block;cursor:pointer}.switcher.active:after{right:0;background-color:#197bbd}.switcher:before{width:45px;border-radius:14px;background-color:#ebebeb}.switcher:after{position:absolute;right:21px;top:0;width:24px;border-radius:50%;background-color:#cdcdcd;transition:.25s}.icon-logo{width:135.5px;height:33.26px;transition:.25s}.app-user:hover,.icon-logo:hover{opacity:.7}.icon-logo:active{opacity:1}.cards .swiper-button-next,.cards .swiper-button-prev{width:10px;height:20px;top:115px;color:#aeaeae;transition:.25s}.cards .swiper-button-prev{left:0;right:auto}.cards .swiper-button-next{left:350px;right:auto}.cards .card-item{display:grid;grid-template-columns:minmax(360px,360px) 1fr;width:546px;height:274.2px}.cards .card-item.hidden .card-bank{opacity:.3;cursor:not-allowed}.app-profile .messages,.app-profile .notifications,.app-user,.new-transaction .recievers .user.add-new{cursor:pointer}.cards .ballance{color:#197bbd;font-weight:600;font-size:31px}.cards .income,.cards .outcome{font-weight:500;margin-top:22px}.cards .ballance .currency{display:inline-block;margin-right:4px;font-size:18px;font-style:normal}.cards .income{font-size:18px;color:#439a86}.cards .outcome{font-size:18px;color:#bb4430}.cards .deactivate-card{display:flex;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.cards .deactivate-card small{display:block;width:100%}.cards .card-money{min-width:186px;text-align:right}.cards .card-money small{display:block;margin-top:9px;color:#a0a0a0;font-size:14px;font-family:Suprema;font-weight:400}.card-bank{transition:opacity,.25s}.card-bank.orange .limit-bar:after{background-color:transparent}.card-bank:before{display:block;content:"";position:absolute;right:-15px;top:3px;width:1px;height:200px;background-color:#e8e8e8}.card-bank .icon{position:absolute;right:-36px;bottom:-4px}.card-data{flex-direction:row;flex-wrap:wrap;width:320px;height:205px;padding:20px;color:#fff;border-radius:26px;background-image:linear-gradient(to bottom,#197bbd,#3391d0);overflow:hidden}.nav-item,.transactions-table tr td:nth-of-type(2),.transactions-table tr td:nth-of-type(3){color:#c7c7c7}.limit-bar,.limit-bar:after{height:10px;border-radius:14px}.card-data .card-bank-name,.card-data .card-bank-status,.transactions-table .table-data{width:100%}.card-data .card-bank-name{font-family:Quicksand;font-weight:600;font-size:17px}.card-data .card-bank-status{margin-bottom:45px;text-transform:uppercase;font-size:8px;color:rgba(255,255,255,.39)}.card-data .card-number{margin-bottom:30px;font-family:Quicksand;font-weight:500;font-size:21px}.card-data .card-number span:not(:last-child){margin-right:15px}.card-data .card-holder{margin-right:45px}.card-data .card-expire span,.card-data .card-holder span{font-size:12px;font-weight:500}.card-data small{display:block;margin-bottom:5px;font-size:7px;font-weight:500}.card-weekly-limit{flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:320px}.card-weekly-limit span:last-of-type{font-weight:500}.app-user span.role,.limit-bar+span,.transactions-table tr td:not(:last-of-type){font-family:Suprema;font-weight:400}.limit-bar{width:320px;margin-bottom:10px;background-color:#f1f1f1}.limit-bar:after{position:absolute;left:0;top:0;display:block;width:var(--limit-w);content:"";background-color:#197bbd}.app-user span.role,.limit-bar+span{font-size:14px;color:#a0a0a0}.transactions-table{text-align:left}.transactions-table .cell{display:flex;align-items:center}.transactions-table td,.transactions-table th{padding:10px 0}.transactions-table th{font-family:Suprema;font-weight:40;color:#aeaeae;font-size:14px}.app-header-text h1,.app-user span.name{font-family:SupremaSemiBold;font-weight:500}.transactions-table th:last-of-type{text-align:right}.transactions-table tr td{font-size:14px;border-bottom:1px solid #ececec}.transactions-table tr td:last-of-type{font-weight:600;text-align:right}.transactions-table .table-data .icon{margin-right:5px;width:20px;height:20px}.app{display:flex;align-items:stretch;width:1476.59px;margin:auto;border-radius:59px;background-color:#fff;box-shadow:0 24px 32px rgba(0,0,0,.04),0 16px 24px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04)}.app-sidebar{display:flex;flex-direction:column;justify-content:flex-start;width:251.54px;min-width:251.54px;border-right:1px solid #ebebeb}.app-sidebar .logo{display:inline-block;margin-left:43px;margin-top:55px}.app-data{width:100%;padding:35px 45px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.app-header-text h1{font-size:43px}.app-header-text h2,.upgrade p{font-family:Suprema;font-weight:400}.app-header-text h2{font-size:16px;color:#a0a0a0}.app-profile{display:flex;align-items:center;justify-content:space-between}.app-profile .notifications{position:relative;margin-left:20px}.app-profile .notifications.has-new:before{position:absolute;right:4px;top:0;display:block;content:"";width:8px;height:8px;border-radius:50%;background-color:#bb4430}.app-profile .notifications.has-new:hover:before{background-color:#f63d1c}.app-profile .messages:hover,.app-profile .notifications:hover{--profile-icon:#444}.app-profile .messages .icon,.app-profile .notifications .icon{width:24px;height:24px}.app-content{display:grid;grid-template-columns:minmax(596px,50%) minmax(506px,50%);grid-gap:30px}.app-user{position:relative;margin-left:24px;padding-left:45px;padding-top:0;transition:.3s}.app-user .icon{position:absolute;left:0;top:0;width:35px;height:35px;border-radius:50%;background-color:#ffc145}.app-user span,.goal-item>*{display:block}.app-user span.name{font-size:14px}.nav{margin-top:79px;margin-left:40px}.nav-item{position:relative;display:inline-block;width:100%;max-width:165px;padding:0 15px 0 53px;line-height:39px;font-size:14px;font-weight:600;border-radius:4px}.nav-item:not(:last-of-type){margin-bottom:7px}.nav-item.active,.nav-item:hover{background-color:#f0f7ff;color:#197bbd}.nav-item.active .icon,.nav-item:hover .icon{--sidebar-sprite:#197BBD}.nav-item .icon{position:absolute;left:10px;top:4px;width:30px;height:30px}.upgrade{width:-moz-max-content;width:max-content;margin-top:auto;margin-bottom:33px;margin-left:50px;display:flex;flex-direction:column;align-items:center}.upgrade>.icon{width:71px;height:80px}.upgrade p{max-width:108px;margin-top:8px;margin-bottom:15px;font-size:9px;text-align:center}.goals{padding-bottom:0}.goals-list{display:flex;margin-bottom:55px}.goal-item{display:inline-block;width:158px;height:169px;margin-right:15px;padding-bottom:12px}.goal-item .goal-sum{font-weight:500;font-size:24px;color:#696969}.goal-item .goal-date,.statistics-item .progress span{font-weight:400;font-size:14px;color:#aeaeae;font-family:Suprema}.goal-item .goal-date{margin-bottom:35px}.goal-item img{width:35px}.goal-item .goal-title{margin-top:2px;font-family:Suprema;font-size:20px;font-weight:400}.statistics-item{position:relative;min-height:43px;padding-left:57px;padding-right:81px;margin-top:23px}.statistics-item .icon{position:absolute;left:0;top:0;width:42px;height:44px;filter:drop-shadow(0 16px 24px rgba(0, 0, 0, .06)) drop-shadow(0 2px 6px rgba(0, 0, 0, .04)) drop-shadow(0 0 1px rgba(0, 0, 0, .04))}.statistics-item .progress{position:relative;padding-top:5px}.statistics-item .progress span{display:inline-block;margin-top:8px}.statistics-item .progress:before{display:block;content:"";width:100%;height:10px;border-radius:13px;background-color:#f1f1f1}.statistics-item .progress:after{position:absolute;left:0;top:5px;display:block;content:"";width:var(--progress);height:10px;border-radius:13px}.statistics-item .progress.electronics:after{background-image:linear-gradient(to right,#209d43,#2bc255)}.statistics-item .progress.travels:after{background-color:#70a6e8}.statistics-item .progress-value{position:absolute;right:0;top:-5px;width:66px;font-size:24px;font-weight:500}.new-transaction{display:grid;grid-template-columns:minmax(341px,70%) minmax(158px,30%);grid-gap:15px;margin-top:53px}.new-transaction .send-transaction{padding:18px 10px 12px;border-radius:19px}.new-transaction .recievers{display:flex;flex-wrap:wrap}.new-transaction .recievers .user img{width:42px}.new-transaction .recievers .user .icon{margin:11px 0 0 14px;width:20px;height:20px}.new-transaction .recievers .user span{display:block;margin-top:2px;font-family:Suprema;font-size:12px;text-align:center}.new-transaction .recievers .user:not(:last-of-type){margin-right:12px}.new-transaction .recievers .user.add-new span{margin-top:10px}.new-transaction .recievers form{display:flex;align-items:center;width:100%;margin-top:15px}.new-transaction .recievers form input[name=transaction]{background-image:url("../img/sprite/currency_dollar.svg");background-position:top 5.76px right 9.76px;background-size:11px;background-repeat:no-repeat;padding-right:30px}.new-transaction .recievers form button[type=submit]{width:132px;padding:11px;margin-left:10px;font-size:11px;text-align:center;cursor:pointer}.new-transaction .recievers form button[type=submit] .icon{margin-left:0}.new-transaction .new-loan{display:flex;align-items:flex-end;position:relative;padding:7px 15px;background-image:linear-gradient(to bottom,#ed654c,#d05842);border-radius:19px;overflow:hidden}.new-transaction .new-loan>.icon{width:143px;height:120px;position:absolute;left:-11px;top:4px}.new-transaction .new-loan a{display:inline-block;padding-top:123px;padding-right:20px;padding-left:16px;position:absolute;left:0;top:0;width:100%;height:100%;font-family:SupremaSemiBold;color:#fff;font-weight:500;font-size:20px}.new-transaction .new-loan a:hover .icon{margin-left:4px}.new-transaction .new-loan a .icon{width:14px;height:14px;margin-left:0;transition:.25s}