a:link,
a:visited {
	color: inherit;
	text-decoration:none;
}
::-moz-selection {
  color: #fff;
  background: #e91e26;
}

::selection {
  color: #fff;
  background: #e91e26;
}
::-webkit-media-controls-start-playback-button {
    display:none;
}
img {
    max-width: 100%;
}
html {
	height: 100%;
	background:#000;
    background: #ffca00;
}
body {
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
    flex-direction: column;
    margin: 0;
	padding: 0;
	font-family: 'UniSans';
	overflow-x: hidden;
	height:100%;
	/*
	background-size: 150%;
	background-size: 130vmax;
	*/

	/*
	background:url(../img/bg_2880.jpg) #111;
    background-size: cover;
	-webkit-animation: anim-slider 40s ease infinite;
	-moz-animation: anim-slider 40s ease infinite;
	animation: anim-slider 40s ease infinite;
	*/
}
.socials {
    position: absolute;
    z-index: 1;
    right: 0;
}
.socials a {
    height: 32px;
    width: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 18px;
    background-size: 70%;
    margin-top: 5px;
}
.socials a.instagram {
    background-image: url(../img/instagram.svg);
}
.socials a.facebook {
    background-image: url(../img/facebook.svg);
}
.center-box {
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;	
    flex: 1 0 auto;
    padding-bottom: 40px;
	/*background: rgba(27,20,100,0.86);*/
    /* background: rgb(34 12 60 / 86%); */
    /*
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1;
	*
	/*
	-webkit-animation: anim-fadein 0.5s ease 1;
	-moz-animation: anim-fadein 0.5s ease 1;
	animation: anim-fadein 0.5s ease 1;
	*/
}
h3 {
    /*
    background: #fac90c;
    color: #09192a;
    */
    box-shadow: 0.27em 0.18em 0.15em rgba(0, 0, 0, 0.05), -0.07em -0.12em 0.02em rgba(0, 0, 0, 0.05);
    display: block;
    border-radius: 3px;
    /*transform: rotate(3deg);*/
    margin: 0;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 9px;
    /*margin-top: -35px;*/
    text-align: center;
    letter-spacing: 2px;
}
.logo {
    text-align: center;
    margin-top: 50px;
    position: relative;
    width: 100vw;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.logo .danger-tape {
    position: absolute;
    left: 0;
    right: 0;
    /*top: 0;*/
    /*transform: scale(3) translateY(10px);*/
    z-index: 0;
    text-align: center;
    pointer-events: none;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    transform: translateY(-50%);
    /*margin-top: 65px;*/
    /*margin-top: 35px;*/
    margin-top: 16px;
    z-index: 1;
}
.logo .danger-tape > div {
    max-width: 750px;
    display: inline-block;
}
/*
@media only screen and (max-width: 720px) {
  .logo .danger-tape { display: none; }
}
*/
.logo .logo-icon {
    position: relative;
    max-width: 100px;
    z-index: 1;
    top: -5px;
}
.logo .logo-text {
    position: relative;
    width: 100%;
    max-width: 380px;
    z-index: 1;
}
.notification {
    text-align: left;
    font-size: 21px;
    color: #fff;
    margin: 50px 0 0 0;

    max-width: 90%;
    max-width: calc(100% - 20px);

    /*background: #e91e26;*/
    /*background: #09192a;*/
    background: rgb(9 25 42 / 92%);
    border-radius: 6px;
    box-sizing: border-box;
    width: 570px;

    display: flex;
    flex-wrap: wrap;
    align-items: center;

    box-shadow: 0.47em 0.58em 0.55em rgba(0, 0, 0, 0.15), -0.17em -0.35em 0.55em rgba(0, 0, 0, 0.05);
}
.notification .nfo {
    max-width: 480px;
    margin: 21px auto;
}
.notification > div {
    padding: 0 25px 35px;
}
.notification > div:nth-child(2) {
    flex: 1 1 260px;
}
.notification .icon {
    text-align: center;
    padding-right: 0;
    margin: 30px 10px;
    align-self: flex-end;
    justify-self: center;
    flex: 1 1 75px;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.notification .icon img {
    max-width: 100px;
    width: 100%;
    /*opacity: 0.35;*/
    /*opacity: 1;*/
    opacity: 0.15;
    /*filter: hue-rotate(95deg);*/
    filter: grayscale(1) contrast(0.4);
}
@media only screen and (max-width: 520px) {
  .notification .icon { display: none; }
}
.notification .contacts {
    display: flex;
    /*justify-content: space-around;*/
    background: rgb(37 33 89 / 21%);
    font-size: 15px;
    padding-top: 9px;
    padding-bottom: 15px;
    background: #21212124;
    border-radius: 0 0 5px 5px;
    /*box-shadow: 0 -1px #ff2940b5, inset 0 2px 2px #09192a12;*/
    border-top: 10px solid #e91e26;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 12px;
}
@media only screen and (max-width: 520px) {
    .notification .contacts {
        justify-content: space-between;
    }
}
.notification .contacts div {
    font-size: 18px;
}
.notification .contacts h2,
.notification .contacts p {
    margin: 9px 0;
    line-height: 1;
}
.notification .contacts .flags {
    display: inline-block;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.notification .contacts .flags img {
    width: 24px;
    border-radius: 2px;
}

.construction-tape {
    height: 16px;
    background: url(../img/construction-line.svg) #fac90c repeat-x center center;
    padding: 0;
    flex: 0 0 auto;
    margin: 0;
    width: 100%;
    background-size: 45px;
    /*animation: anim-roll 3s linear infinite forwards;*/
    /*
    -webkit-animation: anim-roll 3s cubic-bezier(0, 0, 0.27, 1.26) 1 forwards;
    -moz-animation: anim-roll 3s cubic-bezier(0, 0, 0.27, 1.26) 1 forwards;
    animation: anim-roll 3s cubic-bezier(0, 0, 0.27, 1.26) 1 forwards;
    */
}
h3 .construction-tape {
    display: none;
    background-size: 24px;
    height: 10px;
}
.construction-tape.top {
    position: absolute;
    left: 0;
    right: 0;
    height: 9px;
    background-color: transparent;
    background-image: url(../img/construction-line-yellow.svg);
}
.footer .construction-tape {
    position: relative;
    top: -5px;
}

.footer {
    font-weight: 600;
    color: rgb(27 20 100 / 100%);
    background: #ffca00;
    padding: 10px 5px 12px 5px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 12px);
    padding-bottom: min(calc(env(safe-area-inset-bottom) + 12px), 20px);
    /*padding-bottom: min(calc(var(--safe-area-inset-bottom) + 12px), 20px);*/
    text-align: center;

    -webkit-flex: 0 0 auto;
    -moz-flex: 01 0 auto;	
    flex: 0 0 auto;

    position: relative;
    min-height: 60px;
    box-sizing: border-box;
    z-index: 2;
}
.footer span {
	white-space: nowrap;
}
.footer img {
  /* height: 1em; */
  margin-bottom: -5px;
  padding-left: 5px;
}

.bg {
    /*position: absolute;*/
    position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.bg .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(27,20,100,0.86);
    z-index: 1;
}
.bg video {
    position: absolute;
    /*
    top: 50%;
    left: 50% !important;
    */
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto;
    max-width: 100vw;
    max-height: 100vh;
    /*
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    */
    pointer-events: none;
    object-fit: cover;
}


@-webkit-keyframes anim-reveal { 
    0%{ opacity: 0; }
    66%{ opacity: 0; }
    100%{ opacity: 1; }
}
@-moz-keyframes anim-reveal { 
    0%{ opacity: 0; }
    66%{ opacity: 0; }
    100%{ opacity: 1; }
}
@keyframes anim-reveal { 
    0%{ opacity: 0; }
    66%{ opacity: 0; }
    100%{ opacity: 1; }
}

@-webkit-keyframes anim-fadein { 
    0%{ background: rgba(255,255,255,0); }
    100%{ background: rgba(255,255,255,0.80); }
}
@-moz-keyframes anim-fadein { 
    0%{ background: rgba(255,255,255,0); }
    100%{ background: rgba(255,255,255,0.80); }
}
@keyframes anim-fadein { 
    0%{ background: rgba(255,255,255,0); }
    100%{ background: rgba(255,255,255,0.80); }
}

@-webkit-keyframes anim-slider { 
    0%{ background-position:50% 0%; }
    25%{ background-position:100% 50%; }
    50%{ background-position:50% 100%; }
    75%{ background-position:0% 50%; }
    100%{ background-position:50% 0%; }
}
@-moz-keyframes anim-slider { 
    0%{ background-position:50% 0%; }
    25%{ background-position:100% 50%; }
    50%{ background-position:50% 100%; }
    75%{ background-position:0% 50%; }
    100%{ background-position:50% 0%; }
}
@keyframes anim-slider { 
    0%{ background-position:50% 0%; }
    25%{ background-position:100% 50%; }
    50%{ background-position:50% 100%; }
    75%{ background-position:0% 50%; }
    100%{ background-position:50% 0%; }
}

@-webkit-keyframes anim-slide-in {
    0%{ transform: translate3d(0,-50%,0); opacity: 0; }
    100%{ transform: translate3d(0,0,0); opacity: 1; }
}
@-moz-keyframes anim-slide-in {
    0%{ transform: translate3d(0,-50%,0); opacity: 0; }
    100%{ transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes anim-slide-in {
    0%{ transform: translate3d(0,-50%,0); opacity: 0; }
    100%{ transform: translate3d(0,0,0); opacity: 1; }
}


@-webkit-keyframes anim-roll {
    0%{ background-position-x:0; }
    100%{ background-position-x:595px; }
}
@-moz-keyframes anim-roll {
    0%{ background-position-x:0; }
    100%{ background-position-x:595px; }
}
@keyframes anim-roll {
    0%{ background-position-x:0; }
    100%{ background-position-x:595px; }
}