* {
 box-sizing:border-box;
 margin:0;
 padding:0;
 appearance:none;
 -webkit-tap-highlight-color:transparent
}
html {
 -webkit-text-size-adjust:none
}
body {
 font-family:Gilroy,Arial,sans-serif;
 color:#1b1d23;
 background:#fff
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
 border:0;
 vertical-align:baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
 content:'';
 content:none
}
b,
strong {
 font-weight:600
}
table {
 border-collapse:collapse;
 border-spacing:0
}
a {
 color:inherit;
 text-decoration:none
}
a:active,
a:focus,
a:hover {
 outline:0
}
button,
input,
select,
textarea {
 font-family:inherit;
 resize:none;
 border:none;
 background-color:transparent;
 outline:0;
 padding:0
}
button {
 cursor:pointer
}
img {
 border:0;
 vertical-align:top;
 transition:opacity .5s
}
img.lazyload {
 opacity:0
}
img.lazyloaded {
 opacity:1
}
@font-face {
 font-family:Gilroy;
 src:url(http://anp-arm.ru/taplink/static/fonts/Gilroy-400/Gilroy-400.woff) format('woff');
 font-weight:100;
 font-style:normal;
 font-display:swap
}
.wrap {
 max-width:590px;
 margin:0 auto;
 padding:40px 50px 80px;
 position:relative
}
.wrap .bg-img {
 position:absolute;
 z-index:-1;
 width:100%;
 height:100%;
 object-fit:cover;
 top:0;
 left:0
}
.wrap .logo {
 margin:0 auto 32px
}
.wrap .logo img {
 width:80%
}
.wrap .links a {
 font-size:26px;
 display:flex;
 align-items:center;
 padding:25px 35px;
 margin-bottom:36px;
 border-radius:50px;
 color:#fff
}
.wrap .links a svg {
 margin-right:32px;
 width:36px;
 height:32px
}
.wrap .links a svg path {
 fill:#fff
}
.wrap .links a._border {
 box-shadow:inset 0 0 0 2px #fddb05
}
.wrap .links a._color-dark {
 color:#1b1d23
}
.wrap .links a._color-dark path {
 fill:#1b1d23
}
.wrap .links a._active {
 background:#fddb05;
 color:#1b1d23
}
.wrap .links a._active path {
 fill:#1b1d23
}
.wrap .links a._wa {
 background:#03d870;
 color:#fff
}
.wrap .links a._wa path {
 fill:#fff
}
.wrap .links a._tg {
 background:#37aee2;
 color:#fff
}
.wrap .links a._tg path {
 fill:#fff
}
.wrap .links a._vb {
 background:#7b519d;
 color:#fff
}
.wrap .links a._vb path {
 fill:#fff
}

h1{
    text-align:center;
    margin-bottom:25px;
}

h2{
    font-size:18px;
    margin-top:20px;
     text-align:center;
    margin-bottom:25px;   
}

.wrap .links a.radius-sm {
 border-radius:10px
}
.wrap .links a:last-child {
 margin-bottom:0
}
.wrap .links._anp a._border {
 box-shadow:inset 0 0 0 2px #39c5ba
}
.wrap .links._promoovers a._border {
 box-shadow:inset 0 0 0 2px rgba(0,138,209,.4)
}
@media (max-width:560px) {
 .wrap {
  padding:50px 20px;
  max-width:100%
 }
 .wrap .logo {
  max-width:300px;
  margin:0 auto 50px
 }
 .wrap .links a {
  margin-bottom:25px;
  padding:18px 25px;
  font-size:22px
 }
 .wrap .links a svg {
  margin-right:15px;
  width:26px;
  height:28px
 }
}
@media (max-width:375px) {
 .wrap {
  padding:40px 15px 30px
 }
 .wrap .logo {
  max-width:220px
 }
 .wrap .links a {
  margin-bottom:20px;
  padding:13px 20px;
  font-size:18px
 }
 .wrap .links a svg {
  width:22px;
  height:22px
 }
}