@import url('/fonts/Manrope/Manrope.css');
@import url('/fonts/Geologica/Geologica.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
}

blockquote {
	margin: 10px 0 10px 20px;
	position: relative;
	background: #41b83b;
	display: block;
	padding: 10px 25px;
	border-right: #FF0000 solid 3px;
	color: #FFFFFF;
	font-style: italic;
	font-size:14px;

}
input, textarea, keygen, select, button {font-family: Manrope;}
.oldb {
height: 60px;
    position: relative;

}
a {
	color: #0c878e;
}
a:hover {
	color: #ff6e56;
}
body {
    line-height: 1;

}
ol, ul {
    list-style: none;
}
blockquote, q {
	position: absolute;
    quotes: none;
    right: 420px;
}

:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


html, body {
	height: 100%;
}
body {
    background: #FFFFFF;
    color: #000000;
    font: normal 11pt 'PT Sans',Verdana,Tahoma,Arial,sans-serif;
}
#wrap {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    position: relative;
    min-height: 100%;
}
#wrap .content {
	max-width: 1244px;
	margin: 0 auto;
}
#wrap > .header {
	background: #FFFFFF;
	height: 80px;
	margin-bottom: 30px;
    box-shadow: 0px 4px 24px 0px #00000024;
}
#wrap > .header .content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 34px;
    box-sizing: border-box;
}
#wrap > .footer {
    width: 100%;
	background: #EEEEF4;
}
#wrap > .footer .content {
	display: grid;
	grid-template-columns: 2fr 3fr 1fr;
	grid-template-rows: 5fr 4fr;
	column-gap: 30px;
	height: 147px;
	padding: 0 34px;
	box-sizing: border-box;
}
#wrap > .footer ul {
	display: grid;
	grid-column: 2;
	column-gap: 10px;
	row-gap: 5px;
	grid-template-columns: 1fr 1fr 2fr;
	font-family: Manrope;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.12px;
	text-align: left;
	align-content: center;
	margin-top: 30px;
}
#wrap > .footer a {
	color: #222126;
	text-decoration: none;
}
#wrap > .footer a:hover {
	color: #19BE8D;
}
#wrap > .footer a:active {
	color: #0F986F;
}
#wrap > .footer .copyright {
	font-family: Manrope;
	grid-row: 2;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.12px;
	text-align: left;
	color: #222126;
}
#wrap > .footer .card {
	width: 100%;
    margin-top: 30px;
}
#wrap > .header .logo {
	display: flex;
    align-items: center;
    padding: 19px 0;
	border: none;
	color: #222126;
	text-decoration: none;
}
#wrap > .header .logo:hover {
    text-decoration: none;
}
#wrap > .header .logo h1 {
    margin: 0;
	border: none;
	color: #222126;
	font-family: Manrope;
	font-size: 23px;
	font-weight: 500;
	line-height: 27px;
	text-align: left;
}
#wrap > .header .logo img {
	height: 42px;
}
#wrap > .header .buttons {
	display: flex;
    gap: 10px;
    margin: 0;
}
#wrap > .header .buttons a {
	display: block;
    height: 44px;
    padding: 9px 18px;
    border-radius: 12px;
    border: 2px solid #19BE8D;
    background: #FFFFFF;
    color: #222126;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
	text-decoration: none;
    box-sizing: border-box;
	cursor: pointer;
}
#wrap > .header .buttons li:last-child a {
    background: #19BE8D;
    border-color:#19BE8D;
    color: #FFFFFF;
}
#wrap > .header .buttons li a:hover {
    background: #14A97C;
    border-color:#14A97C;
    color: #FFFFFF;
    text-decoration: none;
}
#wrap > .header .buttons li a:active {
    background: #0F986F;
    border-color:#0F986F;
    color: #FFFFFF;
    text-decoration: none;
}
#wrap > .header .buttons button {
	display: block;
    height: 44px;
    padding: 9px 18px;
    border-radius: 12px;
    border: 2px solid #19BE8D;
    background: #FFFFFF;
    color: #222126;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
	text-decoration: none;
    box-sizing: border-box;
	cursor: pointer;
    background: #19BE8D;
    border-color:#19BE8D;
    color: #FFFFFF;
}
#wrap > .header .buttons button:hover {
    background: #14A97C;
    border-color:#14A97C;
    color: #FFFFFF;
    text-decoration: none;
}
#wrap > .header .buttons button:active {
    background: #0F986F;
    border-color:#0F986F;
    color: #FFFFFF;
    text-decoration: none;
}
#wrap > .header .personal {
	display: flex;
    align-items: center;
    gap: 15px;
	position: relative;
}
#wrap > .header .personal > a {
	border: 1px solid #BCBCC9;
    height: 35px;
    border-radius: 8px;
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    line-height: 21.86px;
    text-align: left;
    color: #222126;
    padding: 6px 12px;
    box-sizing: border-box;
    text-decoration: none;
}
#wrap > .header .personal > a:hover {
    background: #14A97C;
    border-color:#14A97C;
    color: #FFFFFF;
    text-decoration: none;
}
#wrap > .header .personal > a:active {
    background: #0F986F;
    border-color:#0F986F;
    color: #FFFFFF;
    text-decoration: none;
}
#wrap > .header .personal > button {
	width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
    cursor: pointer;
}
#wrap > .header .personal .name {
    font-family: Manrope;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}
body > .modal {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 33, 38, 0.65);
    z-index: 1000;
    overflow: auto;
}
.modal__modal {
	position: absolute;
	top: 200px;
	left: calc((100% - 440px)/2);
	width: 440px;
	background: #fff;
    border-radius: 8px;
	opacity: 1;
	box-shadow: 0px 4px 24px 0px #00000024;
	z-index: 1001;
}
.modal__body {
	position: relative;
	padding: 40px;
    padding-bottom: 20px;
}
.modal__body h2 {
	font-family: Manrope;
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	text-align: left;
	margin: 0;
    margin-bottom: 20px;
}
.modal__clear {
	position: absolute;
    width: 24px;
    height: 24px;
    top: 35px;
    right: 40px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC44Ij4KPHBhdGggZD0iTTI1IDFMMSAyNSIgc3Ryb2tlPSIjRUVFRUY0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNSAyNUwxIDEiIHN0cm9rZT0iI0VFRUVGNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
	z-index: 102;
}
.modal__clear:hover {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1IDFMMSAyNSIgc3Ryb2tlPSIjOTg5OEE5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNSAyNUwxIDEiIHN0cm9rZT0iIzk4OThBOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.modal__clear:active {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1IDFMMSAyNSIgc3Ryb2tlPSIjN0E3QThCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNSAyNUwxIDEiIHN0cm9rZT0iIzdBN0E4QiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.modal__body section {
    position: relative;
	background: linear-gradient(267.05deg, #19BE8D -10.2%, #6C5BEC 95.18%);
    margin: -40px;
    padding: 35px 40px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.modal__body section:after {
	content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEwIiBoZWlnaHQ9IjE1OSIgdmlld0JveD0iMCAwIDMxMCAxNTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuMSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTk3LjU0NyAyMzMuMDU3VjIzMy4wNTdDMjAwLjI3NiAyMzMuMDU2IDIwMi41ODIgMjMxLjAzNiAyMDIuOTQzIDIyOC4zMzFMMjA1LjQ4NyAyMDkuMzI0QzIwOS4yNTUgMTgxLjA2NiAyMzEuNDg1IDE1OC44MzYgMjU5Ljc0MyAxNTUuMDY4TDI3OC43NSAxNTIuNTI0QzI4MS40NTUgMTUyLjE2MyAyODMuNDc1IDE0OS44NTcgMjgzLjQ3NiAxNDcuMTI4VjE0Ny4xMjhDMjgzLjQ3NSAxNDQuNCAyODEuNDU1IDE0Mi4wOTMgMjc4Ljc1IDE0MS43MzJMMjU5Ljc0MyAxMzkuMTg4QzIzMS40ODUgMTM1LjQyIDIwOS4yNTUgMTEzLjE5IDIwNS40ODcgODQuOTMyNEwyMDIuOTQzIDY1LjkyNDhDMjAyLjU4MiA2My4yMjA0IDIwMC4yNzYgNjEuMjAwNSAxOTcuNTQ3IDYxLjE5ODdWNjEuMTk4N0MxOTQuODE5IDYxLjIwMDUgMTkyLjUxMiA2My4yMjA0IDE5Mi4xNTEgNjUuOTI0OEwxODkuNjA3IDg0LjkzMjRDMTg1LjgzOSAxMTMuMTkgMTYzLjYwOSAxMzUuNDIgMTM1LjM1MSAxMzkuMTg4TDExNi4zNDQgMTQxLjczMkMxMTMuNjM5IDE0Mi4wOTMgMTExLjYxOSAxNDQuNCAxMTEuNjE4IDE0Ny4xMjhWMTQ3LjEyOEMxMTEuNjE5IDE0OS44NTcgMTEzLjYzOSAxNTIuMTYzIDExNi4zNDQgMTUyLjUyNEwxMzUuMzUxIDE1NS4wNjhDMTYzLjYwOSAxNTguODM2IDE4NS44MzkgMTgxLjA2NiAxODkuNjA3IDIwOS4zMjRMMTkyLjE1MSAyMjguMzMxQzE5Mi41MTIgMjMxLjAzNiAxOTQuODE5IDIzMy4wNTYgMTk3LjU0NyAyMzMuMDU3VjIzMy4wNTdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNjIuMjc2IDY4LjU1MjlWNjguNTUyOUMyNjMuNTU1IDY4LjU1MjEgMjY0LjYzNiA2Ny42MDUzIDI2NC44MDYgNjYuMzM3N0wyNjUuOTk4IDU3LjQyODZDMjY3Ljc2NCA0NC4xODM5IDI3OC4xODQgMzMuNzY0MiAyOTEuNDI5IDMxLjk5OEwzMDAuMzM4IDMwLjgwNThDMzAxLjYwNSAzMC42MzY0IDMwMi41NTIgMjkuNTU1MyAzMDIuNTUzIDI4LjI3NjVWMjguMjc2NUMzMDIuNTUyIDI2Ljk5NzYgMzAxLjYwNSAyNS45MTY1IDMwMC4zMzggMjUuNzQ3MUwyOTEuNDI5IDI0LjU1NDlDMjc4LjE4NCAyMi43ODg4IDI2Ny43NjQgMTIuMzY5IDI2NS45OTggLTAuODc1NjQxTDI2NC44MDYgLTkuNzg0NzlDMjY0LjYzNiAtMTEuMDUyNCAyNjMuNTU1IC0xMS45OTkyIDI2Mi4yNzYgLTEyVi0xMkMyNjAuOTk4IC0xMS45OTkyIDI1OS45MTcgLTExLjA1MjQgMjU5Ljc0NyAtOS43ODQ3OUwyNTguNTU1IC0wLjg3NTY0MUMyNTYuNzg5IDEyLjM2OSAyNDYuMzY5IDIyLjc4ODggMjMzLjEyNCAyNC41NTQ5TDIyNC4yMTUgMjUuNzQ3MUMyMjIuOTQ4IDI1LjkxNjUgMjIyLjAwMSAyNi45OTc2IDIyMiAyOC4yNzY1VjI4LjI3NjVDMjIyLjAwMSAyOS41NTUzIDIyMi45NDggMzAuNjM2NCAyMjQuMjE1IDMwLjgwNThMMjMzLjEyNCAzMS45OThDMjQ2LjM2OSAzMy43NjQyIDI1Ni43ODkgNDQuMTgzOSAyNTguNTU1IDU3LjQyODZMMjU5Ljc0NyA2Ni4zMzc3QzI1OS45MTcgNjcuNjA1MyAyNjAuOTk4IDY4LjU1MjEgMjYyLjI3NiA2OC41NTI5VjY4LjU1MjlaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMTYuMDgyIDEwNC4xNjRWMTA0LjE2NEMxMTkuNTQ2IDEwNC4xNjIgMTIyLjQ3NCAxMDEuNTk4IDEyMi45MzIgOTguMTY0N0wxMjYuMTYxIDc0LjAzNTdDMTMwLjk0NSAzOC4xNjQ3IDE1OS4xNjUgOS45NDQ2IDE5NS4wMzYgNS4xNjEyNkwyMTkuMTY1IDEuOTMyNDNDMjIyLjU5OCAxLjQ3MzUzIDIyNS4xNjIgLTEuNDU0MjggMjI1LjE2NCAtNC45MTc5MlYtNC45MTc5MkMyMjUuMTYyIC04LjM4MTU3IDIyMi41OTggLTExLjMwOTQgMjE5LjE2NSAtMTEuNzY4M0wxOTUuMDM2IC0xNC45OTcxQzE1OS4xNjUgLTE5Ljc4MDQgMTMwLjk0NSAtNDguMDAwNiAxMjYuMTYxIC04My44NzE1TDEyMi45MzIgLTEwOEMxMjIuNDc0IC0xMTEuNDM0IDExOS41NDYgLTExMy45OTggMTE2LjA4MiAtMTE0Vi0xMTRDMTEyLjYxOCAtMTEzLjk5OCAxMDkuNjkxIC0xMTEuNDM0IDEwOS4yMzIgLTEwOEwxMDYuMDAzIC04My44NzE1QzEwMS4yMiAtNDguMDAwNiA3Mi45OTk0IC0xOS43ODA0IDM3LjEyODUgLTE0Ljk5NzFMMTIuOTk5NSAtMTEuNzY4M0M5LjU2NjQxIC0xMS4zMDk0IDcuMDAyMjQgLTguMzgxNTcgNyAtNC45MTc5MlYtNC45MTc5MkM3LjAwMjI0IC0xLjQ1NDI4IDkuNTY2NDEgMS40NzM1MyAxMi45OTk1IDEuOTMyNDNMMzcuMTI4NSA1LjE2MTI2QzcyLjk5OTQgOS45NDQ2IDEwMS4yMiAzOC4xNjQ3IDEwNi4wMDMgNzQuMDM1N0wxMDkuMjMyIDk4LjE2NDdDMTA5LjY5MSAxMDEuNTk4IDExMi42MTggMTA0LjE2MiAxMTYuMDgyIDEwNC4xNjRWMTA0LjE2NFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMTMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
    width: 310px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 70px;
}
.modal__body section h2 {
    color: #fff;
}
.modal__body section p {
    color: #fff;
}
.dropdown__content {
	display: none;
	position: absolute;
    top: 60px;
    right: 0;
	padding: 20px;
	background: #fff;
	border-radius: 15px;
	z-index: 200;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.14);
}
.dropdown__content a {
    display: block;
    margin-bottom: 8px;
    color: #222126;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    text-decoration: none;
}
#wrap > .header .dropdown__content a:hover {
    color: #19BE8D;
}
#wrap > .header .dropdown__content a:active {
    color: #0F986F;
}
#wrap > .header .dropdown__content > .exit {
    position: relative;
    margin-bottom: 0;
    padding-left: 30px;
}
#wrap > .header .dropdown__content > .exit::before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuOTk3NDQgMTUuMDAxNlYxOC4wMDI4QzMuOTk3NDQgMTkuNjYwNCA1LjM0MTE0IDIxLjAwNDEgNi45OTg2OSAyMS4wMDQxSDE2LjAwMjRDMTcuNjYgMjEuMDA0MSAxOS4wMDM3IDE5LjY2MDQgMTkuMDAzNyAxOC4wMDI4VjUuOTk3ODNDMTkuMDAzNyA0LjM0MDI5IDE3LjY2IDIuOTk2NTggMTYuMDAyNCAyLjk5NjU4SDYuOTk4NjlDNS4zNDExNCAyLjk5NjU4IDMuOTk3NDQgNC4zNDAyOSAzLjk5NzQ0IDUuOTk3ODNWOC45OTkwOCIgc3Ryb2tlPSIjOEQ4QzkwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAxNS4wMDE1TDEzLjAwMTMgMTIuMDAwM0wxMCA4Ljk5OTAyIiBzdHJva2U9IiM4RDhDOTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTAuOTk2MjE2IDEyLjAwMDJIMTMuMDAxMiIgc3Ryb2tlPSIjOEQ4QzkwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    width: 22px;
    height: 24px;
    top: -2px;
    left: 0px;
}
#wrap > .header .dropdown__content > .exit:hover::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuOTk3NDQgMTUuMDAxNlYxOC4wMDI4QzMuOTk3NDQgMTkuNjYwNCA1LjM0MTE0IDIxLjAwNDEgNi45OTg2OSAyMS4wMDQxSDE2LjAwMjRDMTcuNjYgMjEuMDA0MSAxOS4wMDM3IDE5LjY2MDQgMTkuMDAzNyAxOC4wMDI4VjUuOTk3ODNDMTkuMDAzNyA0LjM0MDI5IDE3LjY2IDIuOTk2NTggMTYuMDAyNCAyLjk5NjU4SDYuOTk4NjlDNS4zNDExNCAyLjk5NjU4IDMuOTk3NDQgNC4zNDAyOSAzLjk5NzQ0IDUuOTk3ODNWOC45OTkwOCIgc3Ryb2tlPSIjMTlCRThEIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAxNS4wMDE1TDEzLjAwMTMgMTIuMDAwM0wxMCA4Ljk5OTAyIiBzdHJva2U9IiMxOUJFOEQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTAuOTk2MjE2IDEyLjAwMDJIMTMuMDAxMiIgc3Ryb2tlPSIjMTlCRThEIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
}
#wrap > .header .dropdown__content > .exit:active::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuOTk3NDQgMTUuMDAxNlYxOC4wMDI4QzMuOTk3NDQgMTkuNjYwNCA1LjM0MTE0IDIxLjAwNDEgNi45OTg2OSAyMS4wMDQxSDE2LjAwMjRDMTcuNjYgMjEuMDA0MSAxOS4wMDM3IDE5LjY2MDQgMTkuMDAzNyAxOC4wMDI4VjUuOTk3ODNDMTkuMDAzNyA0LjM0MDI5IDE3LjY2IDIuOTk2NTggMTYuMDAyNCAyLjk5NjU4SDYuOTk4NjlDNS4zNDExNCAyLjk5NjU4IDMuOTk3NDQgNC4zNDAyOSAzLjk5NzQ0IDUuOTk3ODNWOC45OTkwOCIgc3Ryb2tlPSIjMEY5ODZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAxNS4wMDE1TDEzLjAwMTMgMTIuMDAwM0wxMCA4Ljk5OTAyIiBzdHJva2U9IiMwRjk4NkYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTAuOTk2MjE2IDEyLjAwMDJIMTMuMDAxMiIgc3Ryb2tlPSIjMEY5ODZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
}

#wrap > .header .dropdown__content > hr {
    margin: 10px -20px;
    border: none;
    border-bottom: 1px solid #BCBCC9;
    opacity: 40%;
}
#wrap > .header .dropdown__content .menu > hr {
    margin: 10px -20px;
    border: none;
    border-bottom: 1px solid #BCBCC9;
    opacity: 40%;
}
#wrap > .header .dropdown__content_active {
	display: block;
}
#wrap > .header .dropdown__content > .mobile {
    display: none;
}
@media (max-width: 768px) {
    #wrap > .header {
        height: 60px;
        margin-bottom: 20px;
    }
    #wrap > .header .content {
        padding: 0 10px;
    }
    #wrap > .header .buttons li:first-child {
        display: none;
    }
    #wrap > .header .logo {
        padding: 10px 0;
    }
    #wrap > .header .logo h1 {
        font-size: 16px;
        line-height: 18px;
    }
    #wrap > .header .personal > a {
        display: none;
    }
    #wrap > .header .personal > button {
        width: 42px;
        height: 42px;
    }
    #wrap > .header .personal .name {
        display: none;
    }
    #wrap > .footer {
        padding: 20px 0;
        height: 217px;
        box-sizing: border-box;
    }
    #wrap > .footer .content {
        grid-template-columns: 1fr;
    }
    #wrap > .footer ul {
        grid-column: 1;
        margin: 0;
        grid-template-columns: 1fr 2fr;
    }
    #wrap > .footer ul li:nth-child(2) {
        grid-column: 1;
        grid-row: 3;
    }
    #wrap > .footer ul li:nth-child(3) {
        grid-column: 2;
    }
    #wrap > .footer ul li:nth-child(5) {
        grid-column: 2;
    }
    #wrap > .footer ul li:nth-child(6) {
        grid-column: 2;
        grid-row: 2;
    }
    #wrap > .footer .card {
        margin: 20px 0 25px 0;
        max-width: 188px;
    }
    #wrap > .footer .copyright {
        grid-row: 3;
    }
    .modal__modal {
        width: 100%;
        top: 0;
        left: 0;
    }
    .modal__body {
        padding: 10px;
        padding-top: 40px;
        padding-bottom: 0;
    }
    .modal__body section h2 {
        font-size: 22px;
    }
    .modal__clear {
        right: 20px;
    }
    #wrap > .header .dropdown__content .personal {
        flex-direction: column;
        gap: 0px;
        align-items: unset;
    }
    #wrap > .header .dropdown__content .personal a {
        display: block;
        text-align: center;
        border-color: #19BE8D;
        color: #222126;
    }
    #wrap > .header .dropdown__content .personal a:hover {
        background: none;
    }
    #wrap > .header .dropdown__content > .mobile {
        display: block;
    }
}