@font-face{
    font-family: 'Times New Roman';
    src: url('./fonts/times.ttf') format('ttf'),
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


#flvmenu > ul > li > a {
    padding: 20px 34px;
} 
#content h1, #content h2, #content h3,
#content p,
#content b,
#content li,
#content a
{
	  font-family: "Times New Roman", Times, serif;
}

#content li,
#content b,
#content p {
    font-size: 18px;
}

@media(max-width:768px){
	#zvonok {
		right: 10px !important;
		bottom: 170px !important;
	}
	#max {
		right: 10px !important;
		bottom: 80px !important;
	}
}

.owl-theme .slidetextdesc {
     margin-bottom: 2px;
}

.owl-theme .slidetext {
    padding: 20px;
}

@media screen and (max-width: 768px) {

	.owl-theme .slidetext {
		padding: 0px 20px 20px 0px;
		text-align: left;
font-size: 15px;
	}
}



.wrapper {
position: relative;
z-index: 1;

//background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(238, 240, 247, 0.5)), color-stop(57.22%, rgba(255, 255, 255, 0.5)));
//background: linear-gradient(180deg, rgba(255, 97, 75, 0.5) 50%, rgba(255, 187, 75, 0.5) 57.22%);
backdrop-filter: blur(50px);
}

.wrapper {
  position: relative;
  z-index: 1;
}


.bg-color_grad {
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
overflow: hidden;
background: #eef0f7;
}
.bg-color_grad::before, .bg-color_grad::after {
content: "";
position: absolute;
width: 48vw;
height: 48vw;
min-width: 440px;
min-height: 440px;
border-radius: 50%;
-webkit-filter: blur(42px);
         filter: blur(42px);
opacity: 1;
will-change: transform;
}
.bg-color_grad::before {
top: -12%;
left: -8%;
/*background: radial-gradient(circle, #003cff 0%, #315cf0 30%, #8aa1ff 52%, rgba(138, 161, 255, 0) 74%);*/
background: radial-gradient(circle, #f2c2a0 10%, #ff925c 30%, #ffeeac 12%, rgba(138, 161, 255, 0) 24%);
-webkit-animation: bg-color-grad-blue 18s ease-in-out infinite;
         animation: bg-color-grad-blue 18s ease-in-out infinite;
}
.bg-color_grad::after {
right: -10%;
bottom: -14%;
/*background: radial-gradient(circle, #00d5ff 0%, #00fff0 30%, #95fff8 52%, rgba(149, 255, 248, 0) 74%);*/
background: radial-gradient(circle, #e06d1a 0%, #fff9e0  30%, #ffb48f 32%, rgba(138, 161, 255, 0) 74%);
-webkit-animation: bg-color-grad-cyan 20s ease-in-out infinite;
         animation: bg-color-grad-cyan 20s ease-in-out infinite;
}

.bg-color_grad {
background-image: radial-gradient(circle at 50% 50%, #fc8e88 0%, #ff8a00  24%, #70cfff 46%, rgba(255, 138, 0, 0) 64%);
background-size: 44vw 44vw;
background-position: 50% 42%;
background-repeat: no-repeat;
-webkit-animation: bg-color-grad-white 16s ease-in-out infinite;
         animation: bg-color-grad-white 16s ease-in-out infinite;
}



@-webkit-keyframes bg-color-grad-blue {
0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}
50% {
    -webkit-transform: translate3d(78vw, 28vh, 0) scale(1.12);
            transform: translate3d(78vw, 28vh, 0) scale(1.12);
}
100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}
}

@keyframes bg-color-grad-blue {
0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}
50% {
    -webkit-transform: translate3d(78vw, 28vh, 0) scale(1.12);
            transform: translate3d(78vw, 28vh, 0) scale(1.12);
}
100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes bg-color-grad-cyan {
0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}
50% {
    -webkit-transform: translate3d(-72vw, -24vh, 0) scale(1.18);
            transform: translate3d(-72vw, -24vh, 0) scale(1.18);
}
100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes bg-color-grad-cyan {
0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}
50% {
    -webkit-transform: translate3d(-72vw, -24vh, 0) scale(1.18);
            transform: translate3d(-72vw, -24vh, 0) scale(1.18);
}
100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}
}
@-webkit-keyframes bg-color-grad-white {
0% {
    background-position: 50% 42%;
}
50% {
    background-position: 58% 54%;
}
100% {
    background-position: 50% 42%;
}
}
@keyframes bg-color-grad-white {
0% {
    background-position: 50% 42%;
}
50% {
    background-position: 58% 54%;
}
100% {
    background-position: 50% 42%;
}
}