.su-note {
	margin: 0 0 1.5em 0;
	overflow: hidden;
	padding: 20px;
	border: 1px solid transparent;
}
.su-note .note-icon {
	font-size: 32px;
	margin-right: 10px;
	vertical-align: middle;
	line-height: 32px;
}
.su-note-inner > *:first-child { margin-top: 0; }
.su-note-inner > *:last-child { margin-bottom: 0; }

.su-note-inner:empty {
	display: none;
}

/*note type*/
.su-note-success {
	color: #629031;
	background-color: #CEF0AB;
	border-color: #B7E086;
}
.su-note-info {
	color: #218BB2;
	background-color: #96DDFA;
	border-color: #71C6E5;
}
.su-note-warning {
	color: #C6901F;
	background-color: #FDDD9E;
	border-color: #EDC471;
}
.su-note-danger {
	color: #C14029;
	background-color: #FDAA9A;
	border-color: #EA8676;
}

/*note style*/
.su-note-success.su-note-style2 {
	color: #fff;
	background-color: #8CC152;
	border-color: #8CC152;
}

.su-note-info.su-note-style2 {
	color: #fff;
	background-color: #3BAFDA;
	border-color: #3BAFDA;
}
.su-note-warning.su-note-style2 {
	color: #fff;
	background-color: #F6BB42;
	border-color: #F6BB42;
}
.su-note-danger.su-note-style2 {
	color: #fff;
	background-color: #E9573F;
	border-color: #E9573F;
}
.su-note-style2 a {color: #FFFFFF !important;}
.su-note.su-note-style3 {
	background: #fff;
	border: none;
	border-bottom: 3px solid transparent;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}
.su-note-success.su-note-style3 {border-bottom-color: #8CC152;}
.su-note-info.su-note-style3 {border-bottom-color: #3BAFDA;}
.su-note-warning.su-note-style3 {border-bottom-color: #F6BB42;}
.su-note-danger.su-note-style3 {border-bottom-color: #E9573F;}

.su-note.su-note-style4 {
	background: #fff;
	border: none;
	border-left: 5px solid transparent;
}
.su-note-success.su-note-style4 {border-left-color: #8CC152;background-color: rgba(140,193,82,0.05)}
.su-note-info.su-note-style4 {border-left-color: #3BAFDA;background-color: rgba(59,175,218,0.05);}
.su-note-warning.su-note-style4 {border-left-color: #F6BB42;background-color: rgba(246,187,66,0.05);}
.su-note-danger.su-note-style4 {border-left-color: #E9573F;background-color: rgba(233,87,63,0.05);}

.su-note.su-note-style5 {
	background: #fff;
	border: none;
	position: relative;
}
.su-note.su-note-style5:before {
	content: "";
	position: absolute;
	width: 100px;
	height: 18px;
	margin-top: -21px;
	margin-left: -66px;
	transform: rotate(-45deg);
}
.su-note-success.su-note-style5 {background-color: rgba(140,193,82,0.05)}
.su-note-info.su-note-style5 {background-color: rgba(59,175,218,0.05);}
.su-note-warning.su-note-style5 {background-color: rgba(246,187,66,0.05);}
.su-note-danger.su-note-style5 {background-color: rgba(233,87,63,0.05);}

.su-note-success.su-note-style5:before {background-color: #8CC152;}
.su-note-info.su-note-style5:before {background-color: #3BAFDA;}
.su-note-warning.su-note-style5:before {background-color: #F6BB42;}
.su-note-danger.su-note-style5:before {background-color: #E9573F;}

.su-note-style5.su-note-icon .su-note-inner {
	margin-left: 0;
}

.su-note-style5.su-note-icon:after {
	right: -13px;
	font-size: 110px;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
	top: 50px;
}
.su-note-success.su-note-style5.su-note-icon:after {
	color: rgba(140, 193, 82, 0.25);
}
.su-note-info.su-note-style5.su-note-icon:after {
	color: rgba(59, 175, 218, 0.25);
}
.su-note-warning.su-note-style5.su-note-icon:after {
	color: rgba(246, 187, 66, 0.25);
}
.su-note-danger.su-note-style5.su-note-icon:after {
	color: rgba(233, 87, 63, 0.25);
}

.su-note.su-note-style6 {
	border: none;
	border-top: 5px solid transparent;
	border-radius: 0 !important;
}
.su-note-success.su-note-style6 {border-top-color: #8CC152;}
.su-note-info.su-note-style6 {border-top-color: #3BAFDA;}
.su-note-warning.su-note-style6 {border-top-color: #F6BB42;}
.su-note-danger.su-note-style6 {border-top-color: #E9573F;}
.su-note-success.su-note-style6 {background-color: rgba(140,193,82,0.05)}
.su-note-info.su-note-style6 {background-color: rgba(59,175,218,0.05);}
.su-note-warning.su-note-style6 {background-color: rgba(246,187,66,0.05);}
.su-note-danger.su-note-style6 {background-color: rgba(233,87,63,0.05);}


/*note icon style*/
.su-note-icon {position: relative;}
.su-note-icon .su-note-inner {
	margin-left: 40px;
}
.su-note-icon:after {
	font-size: 24px;
	line-height: 24px;
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	margin-top: -12px;
}
.su-note-success.su-note-icon:after {
	content: "\f058";
}
.su-note-info.su-note-icon:after {
	content: "\f05a";
}
.su-note-warning.su-note-icon:after {
	content: "\f071";
}
.su-note-danger.su-note-icon:after {
	content: "\f057";
}

/*note link syle*/
.su-note a {font-weight: 700;}
.su-note-success a, .su-note-success a:hover {
	color: #2b542c;
}
.su-note-info a, .su-note-info a:hover {
	color: #245269;
}
.su-note-warning a, .su-note-warning a:hover {
	color: #66512c;
}
.su-note-danger a, .su-note-danger a:hover {
	color: #843534;
}

    .cookies_agreement {position:fixed;bottom:1em;left:50%;transform:translateX(-50%);width:600px;max-width:calc(100vw - 2em);padding:1em;border-radius:0;box-shadow: 0 0 8px #666666;background:#ffffff;display:grid;align-items: center;gap:1em;grid-template-columns: 1fr auto;z-index:999;}
    @media(max-width:450px) {.cookies_agreement{display:flex;align-items:center;justify-content:center;flex-direction: column;}}
    .cookies_agreement > span {/*стили текстового блока уведомления, если нужно*/}
    .cookies_agreement > .btn,
    .cookies_agreement > .but {padding: 8px 20px;
    background-color: var(--red);
    color: var(--white);
    transition: background-color 0.3s;
    min-height: 45px;
    text-align: center;
    font-size: 15px;
    outline: none;}
    .cookies_agreement > .btn:focus,
    .cookies_agreement > .but:focus,
    .cookies_agreement > .btn:hover,
    .cookies_agreement > .but:hover {/*стили кнопки уведомления при нажатии и наведении, если нужно*/}