* {margin:0; padding:0; outline:none}

html {scroll-behavior: smooth;}

body {overflow-x: hidden; background: #000000;}

/* - Это для бади, чтобы во время открытого меню не было прокрутки контента сайта ---- */  
.no-scroll {overflow: hidden;}

#typetwo_background {background-image:url('back0.jpg'); background-position: center; background-size: cover; background-attachment:fixed;
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; image-rendering: optimizeQuality;}

/* -------------------------------------------- */  

::selection {background: #f5f0ca; color:#2e2c19;}
::-moz-selection {background: #f5f0ca; color:#2e2c19;}
::-webkit-selection {background: #f5f0ca; color:#2e2c19;}

/* -------------------------------------------- */  

body::-webkit-scrollbar {width: calc(0.29em + 0.29vw); background-color: transparent;}
body::-webkit-scrollbar-thumb {background-color: rgba(244,229,108,0.3);}
body::-webkit-scrollbar-track {background-color: transparent;}


/* -------------------------------------------- */  

/* Подключаем шрифты */


@font-face {
  font-display: swap;
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/fira-sans-condensed-v10-cyrillic_latin-300.eot');
  src: url('fonts/fira-sans-condensed-v10-cyrillic_latin-300.eot?#iefix') format('embedded-opentype'),
       url('fonts/fira-sans-condensed-v10-cyrillic_latin-300.woff2') format('woff2'),
       url('fonts/fira-sans-condensed-v10-cyrillic_latin-300.woff') format('woff'),
       url('fonts/fira-sans-condensed-v10-cyrillic_latin-300.ttf') format('truetype'),
       url('fonts/fira-sans-condensed-v10-cyrillic_latin-300.svg#FiraSansCondensed') format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v49-cyrillic_latin-regular.eot');
  src: url('fonts/oswald-v49-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/oswald-v49-cyrillic_latin-regular.woff2') format('woff2'),
       url('fonts/oswald-v49-cyrillic_latin-regular.woff') format('woff'),
       url('fonts/oswald-v49-cyrillic_latin-regular.ttf') format('truetype'),
       url('fonts/oswald-v49-cyrillic_latin-regular.svg#Oswald') format('svg');
}

@font-face {
  font-display: swap;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/oswald-v49-cyrillic_latin-200.eot');
  src: url('fonts/oswald-v49-cyrillic_latin-200.eot?#iefix') format('embedded-opentype'),
       url('fonts/oswald-v49-cyrillic_latin-200.woff2') format('woff2'),
       url('fonts/oswald-v49-cyrillic_latin-200.woff') format('woff'),
       url('fonts/oswald-v49-cyrillic_latin-200.ttf') format('truetype'),
       url('fonts/oswald-v49-cyrillic_latin-200.svg#Oswald') format('svg');
}

/* -------------------------------------------- */ 


/* Стрелки вверх */

/* Стрелки вверх */

.scroll_start{width:63px; height:42px; transform: scale(0.7); opacity:0.35; transition: opacity 0.5s ease; position:fixed; bottom: 5.2%; right:1.5%; display:none; text-indent:-9999px; background: url(up.png) no-repeat; 
outline:0; -webkit-tap-highlight-color: transparent; z-index:99; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

@media screen and (min-width: 0px) and (max-width: 1050px)
{.scroll_start{transform: scale(0.5); bottom:4%; right:1%; -webkit-tap-highlight-color: transparent; transition: opacity 0.5s ease; transition: filter 0.5s ease; }}

@media screen and (min-width: 3000px) and (max-width: 5000px)
{.scroll_start{transform: scale(1.5); bottom:4%; right:2.5%; transition: opacity 0.5s ease; transition: filter 0.5s ease;}}

@media screen and (min-width: 5001px) and (max-width: 7000px)
{.scroll_start{transform: scale(2.0); bottom:4%; right:2.5%; transition: opacity 0.5s ease; transition: filter 0.5s ease; }}

@media screen and (min-width: 7001px) and (max-width: 99999px)
{.scroll_start{transform: scale(3.0); bottom:4%; right:2.5%; transition: opacity 0.5s ease; transition: filter 0.5s ease;}}

.scroll_start:hover {transition: opacity 0.5s ease; opacity: 0.65; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #f4e56c);}



/* ---------------------------------- */  


/* -------------------------------------------------------------------------- */  
/* ----  МЕНЮ ----------- */  
/* -------------------------------------------------------------------------- */  


/* -Кнопочка меню--------------------------------------------------- */ 

.mother {transform: rotate(180deg);}

@keyframes geo9 {0% {transform: scale(1); opacity: 1;} 25% {transform: scale(0.95);opacity: 0.75; }
 50% {transform: scale(0.85); opacity: 0.55;} 75% {transform: scale(0.95);opacity: 0.75; } 100% {transform: scale(1);opacity: 1;}}

@media screen and (min-width: 0px) and (max-width: 315px)
{.hereandnow {position: fixed; font-size: 250%; animation: geo9 3s linear infinite;}}

@media screen and (min-width: 315.001px) and (max-width: 650px)
{.hereandnow {position: fixed; font-size: 325%; animation: geo9 3s linear infinite;}}

@media screen and (min-width: 650.001px) and (max-width: 1650px)
{.hereandnow {position: fixed; font-size: 350%; animation: geo9 3s linear infinite;}}

@media screen and (min-width: 1650.001px) and (max-width: 3000px)
{.hereandnow {position: fixed; font-size: 450%; animation: geo9 3s linear infinite;}}

@media screen and (min-width: 3000.001px) and (max-width: 4000px)
{.hereandnow {position: fixed; font-size: 750%; animation: geo9 3s linear infinite;}}

@media screen and (min-width: 4000.001px) and (max-width: 5000px)
{.hereandnow {position: fixed; font-size: 1100%; animation: geo9 3s linear infinite;}}

@media screen and (min-width: 5000.001px) and (max-width: 6000px)
{.hereandnow {position: fixed; font-size: 1350%; animation: geo9 3s linear infinite;}}

@media screen and (min-width: 6000.001px) and (max-width: 99999px)
{.hereandnow {position: fixed; font-size: 1350%; animation: geo9 3s linear infinite;}}




.trea {position: absolute; top: 50%; left: 50%; width: 1em; height: 0.866em; margin-left: -0.5em; margin-top: -0.5774em; overflow: hidden;
transform-origin: 50% 66.666%; transform: rotate(180deg);}

.trea::before {content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 0.707em; height: 0.707em; background:#f0e068;
 transform: translate(-50%, 50%) scaleY(1.732) rotate(45deg);}

.trea:hover::before {background: #fff07e; -webkit-box-shadow: 7px 7px 7px 2px rgba(255, 240, 126, 0.79);
-moz-box-shadow: 7px 7px 7px 2px rgba(255, 240, 126, 0.79);
box-shadow: 7px 7px 7px 2px rgba(255, 240, 126, 0.79);}


@keyframes trea_01 {from, 10% {transform: scale(0) rotate(180deg) translateY(-66.1%); color: #5dc928; }
  75% {transform: scale(1) rotate(180deg) translateY(-66.1%); color:#5dc928;}
  to {transform: scale(1) rotate(180deg) translateY(-66.1%); color: #5dc928;opacity:0;}}

.trea:nth-child(1) {animation: trea_01 3s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}


@keyframes trea_02 {from, 20% {transform: scale(0) rotate(300deg) translateY(-66.1%); color: #5dc928;}
  75% {transform: scale(1) rotate(300deg) translateY(-66.1%); color: #5dc928;}
  to {transform: scale(1) rotate(300deg) translateY(-66.1%); color: #5dc928; opacity:0;}}

.trea:nth-child(2) {animation: trea_02 3s infinite;-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}


@keyframes trea_03 {from, 30% {transform: scale(0) rotate(420deg) translateY(-66.1%); color: #5dc928; }
  75% {transform: scale(1) rotate(420deg) translateY(-66.1%); color: #5dc928;}
  to {transform: scale(1) rotate(420deg) translateY(-66.1%); color: #5dc928; opacity:0;}}

.trea:nth-child(3) {animation: trea_03 3s infinite;-webkit-animation-delay: 0.9s; animation-delay: 0.9s;}


.itsmagic {width: 5%; cursor: pointer;	position: fixed; top: 2.25em; right: 2.25em; z-index: 110;
 pointer-events: auto; opacity: 0.8;-webkit-tap-highlight-color: transparent;}

@media screen and (min-width: 0px) and (max-width: 800px)
{.itsmagic {position: fixed; top: 1.0em; right: 0.5em; }}

@media screen and (min-width: 800.001px) and (max-width: 1920px)
{.itsmagic {position: fixed; top: 1.2em; right: 0.5em;}}

@media screen and (min-width: 1920.001px) and (max-width: 99999px)
{.itsmagic {position: fixed; top: 1.2em; right: 2%;	}}

/* -------------------------------------------------------------------------- */  




/* --Содержимое МЕНЮ-------- */ 


/* --Пузырьки пара----------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1000px)
{.sphere {position: absolute; left: var(--left_otstup); top : -25%; display: block; width: calc(var(--sphere_radius)*1.3); height: calc(var(--sphere_radius)*1.3); 
border-radius: 50%;  animation: spheres_are_moving var(--sphere_time) var(--sphere_time_delay) ease-in infinite;}}

@media screen and (min-width: 1000.001px) and (max-width: 99999px)
{.sphere {position: absolute; left: var(--left_otstup); top : -25%; display: block; width: calc(var(--sphere_radius)*0.7); height: calc(var(--sphere_radius)*0.7);
border-radius: 50%; animation: spheres_are_moving var(--sphere_time) var(--sphere_time_delay) ease-in infinite;}}

.sphere::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(236, 224, 105, 0.3);  border-radius: inherit;
animation: var(--sphere_type_of_move) var(--sphere_time_of_move) var(--sphere_delay_of_move) ease-in-out alternate infinite;}

.sphere:nth-child(0) {--left_otstup: 27vw; --sphere_radius: 6vw; --sphere_time: 6s; --sphere_time_of_move: 6s; --sphere_time_delay: 3s; --sphere_delay_of_move: -1s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(1) {--left_otstup: 29vw; --sphere_radius: 3vw; --sphere_time: 6s; --sphere_time_of_move: 4s; --sphere_time_delay: 3s; --sphere_delay_of_move: 2s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(2) {--left_otstup: 1vw; --sphere_radius: 2vw; --sphere_time: 10s; --sphere_time_of_move: 6s; --sphere_time_delay: 2s; --sphere_delay_of_move: 1s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(3) {--left_otstup: 52vw; --sphere_radius: 2vw; --sphere_time: 11s; --sphere_time_of_move: 5s; --sphere_time_delay: 2s;--sphere_delay_of_move: 0s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(4) {--left_otstup: 80vw; --sphere_radius: 1vw; --sphere_time: 8s; --sphere_time_of_move: 6s; --sphere_time_delay: 3s; --sphere_delay_of_move: 2s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(5) {--left_otstup: 13vw; --sphere_radius: 5vw; --sphere_time: 11s; --sphere_time_of_move: 4s; --sphere_time_delay: 0s; --sphere_delay_of_move: 2s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(6) {--left_otstup: 73vw; --sphere_radius: 7vw; --sphere_time: 9s; --sphere_time_of_move: 5s; --sphere_time_delay: 0s; --sphere_delay_of_move: 0s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(7) {--left_otstup: 64vw; --sphere_radius: 3vw; --sphere_time: 6s; --sphere_time_of_move: 4s; --sphere_time_delay: 2s; --sphere_delay_of_move: 2s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(8) {--left_otstup: 29vw; --sphere_radius: 4vw; --sphere_time: 8s; --sphere_time_of_move: 5s; --sphere_time_delay: 1s; --sphere_delay_of_move: 0s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(9) {--left_otstup: 49vw; --sphere_radius: 6vw; --sphere_time: 10s; --sphere_time_of_move: 5s; --sphere_time_delay: 4s; --sphere_delay_of_move: 4s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(10) {--left_otstup: 10vw;--sphere_radius: 7vw; --sphere_time: 12s; --sphere_time_of_move: 4s; --sphere_time_delay: 1s; --sphere_delay_of_move: 3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(11) {--left_otstup: 18vw; --sphere_radius: 3vw; --sphere_time: 7s; --sphere_time_of_move: 4s; --sphere_time_delay: -3s;--sphere_delay_of_move: -2s;--sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(12) {--left_otstup: 53vw; --sphere_radius: 7vw; --sphere_time: 9s; --sphere_time_of_move: 5s; --sphere_time_delay: -2s; --sphere_delay_of_move: -4s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(13) {--left_otstup: 21vw; --sphere_radius: 8vw; --sphere_time: 7s; --sphere_time_of_move: 6s; --sphere_time_delay:-4s; --sphere_delay_of_move: -1s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(14) {--left_otstup: 43vw; --sphere_radius: 2vw; --sphere_time: 12s; --sphere_time_of_move: 6s; --sphere_time_delay: 0s; --sphere_delay_of_move: -4s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(15) {--left_otstup: 22vw; --sphere_radius: 1vw; --sphere_time: 8s; --sphere_time_of_move: 4s; --sphere_time_delay: -1s; --sphere_delay_of_move: -1s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(16) {--left_otstup: 64vw; --sphere_radius: 4vw; --sphere_time: 10s; --sphere_time_of_move: 6s; --sphere_time_delay: -1s; --sphere_delay_of_move: -3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(17) { --left_otstup: 89vw; --sphere_radius: 9vw; --sphere_time: 8s; --sphere_time_of_move: 6s; --sphere_time_delay: 0s; --sphere_delay_of_move: 0s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(18) {--left_otstup: 100vw; --sphere_radius: 7vw; --sphere_time: 11s; --sphere_time_of_move: 5s; --sphere_time_delay: 0s; --sphere_delay_of_move: -3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(19) {--left_otstup: 26vw; --sphere_radius: 4vw; --sphere_time: 12s; --sphere_time_of_move: 4s; --sphere_time_delay: -2s; --sphere_delay_of_move: -3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(20) {--left_otstup: 51vw; --sphere_radius: 8vw;--sphere_time: 10s; --sphere_time_of_move: 6s; --sphere_time_delay: -4s; --sphere_delay_of_move: -3s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(21) {--left_otstup: 19vw; --sphere_radius: 4vw; --sphere_time: 9s; --sphere_time_of_move: 6s; --sphere_time_delay: -4s; --sphere_delay_of_move: -2s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(22) {--left_otstup: 35vw; --sphere_radius: 6vw; --sphere_time: 10s; --sphere_time_of_move: 4s; --sphere_time_delay: 0s; --sphere_delay_of_move: -2s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(23) {--left_otstup: 53vw; --sphere_radius: 7vw; --sphere_time: 10s; --sphere_time_of_move: 5s;--sphere_time_delay: -0s;--sphere_delay_of_move: -3s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(24) {--left_otstup: 19vw; --sphere_radius: 8vw; --sphere_time: 11s; --sphere_time_of_move: 4s; --sphere_time_delay: -3s; --sphere_delay_of_move: 0s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(25) {--left_otstup: 61vw; --sphere_radius: 1vw;--sphere_time: 11s;--sphere_time_of_move: -4s; --sphere_time_delay: -3s; --sphere_delay_of_move: 0s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(26) {--left_otstup: 18vw; --sphere_radius: 3vw; --sphere_time: 10s; --sphere_time_of_move: -6s; --sphere_time_delay: -3s; --sphere_delay_of_move: -4s;--sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(27) {--left_otstup: 38vw; --sphere_radius: 4vw; --sphere_time: 12s; --sphere_time_of_move: -6s;--sphere_time_delay: -2s; --sphere_delay_of_move: -4s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(28) {--left_otstup: 29vw; --sphere_radius: 6vw; --sphere_time: 6s; --sphere_time_of_move: -6s; --sphere_time_delay: -4s; --sphere_delay_of_move: 0s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(29) {--left_otstup: 43vw; --sphere_radius: 7vw; --sphere_time: 10s;--sphere_time_of_move: 6s;--sphere_time_delay: 2s;--sphere_delay_of_move: 3s;--sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(30) {--left_otstup: 17vw; --sphere_radius: 12vw; --sphere_time: 6s; --sphere_time_of_move: -6s;--sphere_time_delay: -4s;--sphere_delay_of_move: -2s;--sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(31) {--left_otstup: 7vw; --sphere_radius: 1vw; --sphere_time: 6s; --sphere_time_of_move: 6s; --sphere_time_delay: 4s; --sphere_delay_of_move: 3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(32) {--left_otstup: 70vw; --sphere_radius: 6vw;--sphere_time: 9s;--sphere_time_of_move: 4s;--sphere_time_delay: 1s;--sphere_delay_of_move: 2s;--sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(33) {--left_otstup: 85vw; --sphere_radius: 10vw; --sphere_time: 10s;--sphere_time_of_move: 6s;--sphere_time_delay: 2s; --sphere_delay_of_move: 2s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(34) {--left_otstup: 84vw; --sphere_radius: 1vw; --sphere_time: 10s; --sphere_time_of_move: -6s; --sphere_time_delay: -1s; --sphere_delay_of_move: -4s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(35) {--left_otstup: 53vw; --sphere_radius: 10vw; --sphere_time: 6s; --sphere_time_of_move: 6s;--sphere_time_delay: -1s;--sphere_delay_of_move: -3s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(36) {--left_otstup: 18vw; --sphere_radius: 5vw; --sphere_time: 12s; --sphere_time_of_move: 6s; --sphere_time_delay: 3s; --sphere_delay_of_move: 1s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(37) {--left_otstup: 58vw;--sphere_radius: 4vw; --sphere_time: 10s; --sphere_time_of_move: 6s; --sphere_time_delay: 1s; --sphere_delay_of_move: 0s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(38) {--left_otstup: 95vw; --sphere_radius: 5vw; --sphere_time: 7s; --sphere_time_of_move: 6s; --sphere_time_delay: 2s; --sphere_delay_of_move: 3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(39) {--left_otstup: 32vw;--sphere_radius: 3vw;--sphere_time: 12s;--sphere_time_of_move: -5s;--sphere_time_delay: 0s;--sphere_delay_of_move: -2s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(40) {--left_otstup: 3vw;--sphere_radius: 3vw;--sphere_time: 7s;--sphere_time_of_move: -4s;--sphere_time_delay: -1s; --sphere_delay_of_move: -2s;--sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(41) {--left_otstup: 83vw;--sphere_radius: 6vw;--sphere_time: 11s;--sphere_time_of_move: -4s; --sphere_time_delay: -3s; --sphere_delay_of_move: 0s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(42) {--left_otstup: 32vw; --sphere_radius: 5vw; --sphere_time: 10s;--sphere_time_of_move: -5s; --sphere_time_delay: 0s; --sphere_delay_of_move: -3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(43) {--left_otstup: 77vw;--sphere_radius: 2vw; --sphere_time: 6s;--sphere_time_of_move: -4s;--sphere_time_delay: -1s; --sphere_delay_of_move: -1s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(44) {--left_otstup: 56vw;--sphere_radius: 4vw; --sphere_time: 9s; --sphere_time_of_move: 5s; --sphere_time_delay: 2s; --sphere_delay_of_move: 3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(45) {--left_otstup: 96vw; --sphere_radius: 9vw;--sphere_time: 7s; --sphere_time_of_move: -6s;--sphere_time_delay: -2s;--sphere_delay_of_move: -4s; --sphere_type_of_move: move_left_to_the_right;}
.sphere:nth-child(46) {--left_otstup: 21vw; --sphere_radius: 10vw; --sphere_time: 10s; --sphere_time_of_move: -6s; --sphere_time_delay: -4s; --sphere_delay_of_move: -1s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(47) {--left_otstup: 46vw;--sphere_radius: 3vw; --sphere_time: 12s; --sphere_time_of_move: -4s; --sphere_time_delay: -3s; --sphere_delay_of_move: -3s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(48) {--left_otstup: 84vw; --sphere_radius: 6vw; --sphere_time: 9s;--sphere_time_of_move: -6s;--sphere_time_delay: 0s;--sphere_delay_of_move: -4s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(49) {--left_otstup: 36vw;--sphere_radius: 8vw;--sphere_time: 9s; --sphere_time_of_move: -5s;--sphere_time_delay: -1s;--sphere_delay_of_move: -4s; --sphere_type_of_move: move_right_to_the_left;}
.sphere:nth-child(50) {--left_otstup: 61vw; --sphere_radius: 4vw;--sphere_time: 6s;--sphere_time_of_move: -4s; --sphere_time_delay: -1s; --sphere_delay_of_move: -3s;--sphere_type_of_move: move_right_to_the_left;}

@keyframes spheres_are_moving {to {transform: translateY(125vh);}}
@keyframes move_left_to_the_right {from {transform: translateX(-100%);} to {transform: translateX(100%);}}
@keyframes move_right_to_the_left {from {transform: translateX(100%);} to {transform: translateX(-100%);}}

/* -------------------------------------------------------------------------- */  

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table;  }
.clearfix:after { clear: both; }
.overlay .overlay-close {border:0;}


@media screen and (min-width: 0px) and (max-width: 1100px)
{img.close_me  { cursor: pointer;	position: fixed; width: 40px; height: 40px; 
top: calc(1.8vw + 1.8vh + 1.8vmin); right: calc(1.1vw + 1.1vh + 1.1vmin); z-index: 1200;
 pointer-events: auto; opacity: 0.65; -webkit-tap-highlight-color: transparent;}}

@media screen and (min-width: 1100.001px) and (max-width: 99999px)
{img.close_me  { cursor: pointer;	position: fixed; width: calc(1.2vw + 1.2vh + 1.2vmin); height: calc(1.2vw + 1.2vh + 1.2vmin); 
top: calc(1.6vw + 1.6vh + 1.6vmin); right: calc(1.8vw + 1.8vh + 1.8vmin); z-index: 1200;
 pointer-events: auto; opacity: 0.65; -webkit-tap-highlight-color: transparent;}}

img.close_me:hover { opacity: 0.85;}



.overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0;  overflow-y: auto; overflow-x: hidden;
background: -webkit-linear-gradient(to bottom, #29861c, #5ecb29); background: linear-gradient(to bottom, #29861c, #5ecb29); z-index: 120;}


@media screen and (max-height: 650px) and (orientation : landscape)
{.overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0;  overflow-y: auto; overflow-x: hidden;
background: -webkit-linear-gradient(to bottom, #29861c, #5ecb29); background: linear-gradient(to bottom, #29861c, #5ecb29); z-index: 120;}}


@media screen and (min-width: 0px) and (max-width: 1500px)
{.overlay nav.krupnoe_menu {text-align: left; position: relative; top: 6%;  left: 5%; padding-right: 8%;}}

@media screen and (min-width: 1500.001px) and (max-width: 99999px)
{.overlay nav.krupnoe_menu {text-align: left; position: relative; top: 4%; left: 5%;  }}


.overlay ul {list-style: none; padding: 0; position: relative; }

.overlay::-webkit-scrollbar {width: calc(0.29em + 0.29vw); background-color: transparent;}
.overlay::-webkit-scrollbar-thumb {background-color: rgba(244,229,108,0.3);}
.overlay::-webkit-scrollbar-track {background-color: transparent;}


@media screen and (min-width: 0px) and (max-width: 1500px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.45em + 1.45vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}


@media screen and (min-width: 1500.001px) and (max-width: 1980px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.05em + 1.05vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }}

@media screen and (min-width: 1980.001px) and (max-width: 3000px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.25em + 1.25vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase; }}

@media screen and (min-width: 3000.001px) and (max-width: 4500px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.65em + 1.2vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}

@media screen and (min-width: 4500.001px) and (max-width: 99999px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.85em + 1.46vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}



@media screen and (min-height: 0.001px) and (max-height: 500px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.2em + 1.2vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}

@media screen and (min-height: 500.001px) and (max-height: 570px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.4em + 1.4vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}

@media screen and (min-height: 570.001px) and (max-height: 669px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.5em + 1.5vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}


@media screen and (min-height: 669.001px) and (max-height: 1000px) and (max-width: 600px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.85em + 1.85vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}

@media screen and (min-height: 669.001px) and (max-height: 750px) and (max-width: 400px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.5em + 1.5vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}


@media screen and (min-height: 750.001px) and (max-height: 1000px) and (max-width: 400px)
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.7em + 1.7vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}


@media screen and (min-height: 669.001px) and (max-height: 1000px) and (min-width: 400.001px) and (max-width: 415px) 
{.overlay ul li a {color: #ffffff; font-family: 'Oswald'; font-size: calc(1.5em + 1.5vw); font-weight: 200; letter-spacing: 0.08em; text-decoration: none; text-transform: uppercase;  }}



.overlay ul li a.mok {color: #fef291;}
.overlay ul li a.mok:hover {color: #edffe4; opacity: 0.8;}


.overlay ul li a:hover, .overlay ul li a:focus {color: #fef291;}

.overlay-hugeinc {opacity: 0; visibility: hidden;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s; }
.overlay-hugeinc.open {opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }


/* -------------------------------------------------------------------------- */  



/* ---Тур-------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1024px)
{.tour {position: fixed; left: 22px; bottom: 52px; z-index: 99;}}

@media screen and (min-width: 1024.0001px) and (max-width: 99999px)
{.tour {position: fixed; left: calc(0.5vw + 0.5vmin); bottom: calc(1.8vh + 1.8vmin); z-index: 99;}}

@media screen and (min-height: 0px) and (max-height: 500px)
{.tour {position: fixed; left: 6px; bottom: 6px; z-index: 99;}}

.tour:hover .closing {opacity: 0.4;}

@media screen and (min-width: 0px) and (max-width: 1024px)
{.full_tour {width: calc(15.8vw + 15.8vmin);	height: calc(16.8vh + 16.8vmin); border: 0px; border-radius: calc(0.7vw + 0.7vh + 0.7vmin); opacity: 1.0;	
    position: relative;	z-index: 800; overflow: hidden;	background: transparent; border-color: transparent; outline: 0;
    -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
	-webkit-tap-highlight-color: transparent; -webkit-transition: 0.72s; -moz-transition: 0.72s; transition: 0.72s;}}

@media screen and (min-width: 1024.0001px) and (max-width: 99999px)
{.full_tour {width: calc(6.0vw + 6.0vmin); height: calc(13.8vh + 13.8vmin); border: 0px; border-radius: calc(0.75vw + 0.75vh + 0.75vmin); opacity: 1.0;	
    position: relative;	z-index: 800; overflow: hidden;	background: transparent; border-color: transparent; outline: 0;
  	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
	-webkit-tap-highlight-color: transparent; -webkit-transition: 0.72s; -moz-transition: 0.72s; transition: 0.72s;}}


@media screen and (min-width: 1024.0001px) and (max-width: 99999px) and (hover: none) and (pointer: coarse)
{.full_tour {width: calc(10.0vw + 10.0vmin); height: calc(13.8vh + 13.8vmin); border: 0px; border-radius: calc(0.75vw + 0.75vh + 0.75vmin); opacity: 1.0;	
    position: relative;	z-index: 800; overflow: hidden;	background: transparent; border-color: transparent; outline: 0;
 	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
	-webkit-tap-highlight-color: transparent; -webkit-transition: 0.72s; -moz-transition: 0.72s; transition: 0.72s;}}


@media screen and (min-width: 1024.0001px) and (max-width: 99999px) and (hover: none) and (pointer: fine)
{.full_tour {width: calc(10.0vw + 10.0vmin); height: calc(13.8vh + 13.8vmin); border: 0px; border-radius: calc(0.75vw + 0.75vh + 0.75vmin); opacity: 1.0;	
    position: relative;	z-index: 800; overflow: hidden;	background: transparent; border-color: transparent; outline: 0;
  	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
	-webkit-tap-highlight-color: transparent; -webkit-transition: 0.72s; -moz-transition: 0.72s; transition: 0.72s;}}


@media screen and (min-height: 0px) and (max-height: 500px)
{.full_tour {width: calc(13.8vw + 13.8vmin);	height: calc(14.8vh + 14.8vmin); border: 0px; border-radius: calc(0.5vw + 0.5vh + 0.5vmin); opacity: 1.0;	
    position: relative;	z-index: 800; overflow: hidden;	background: transparent; border-color: transparent; outline: 0;
    -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
	-webkit-tap-highlight-color: transparent; -webkit-transition: 0.72s; -moz-transition: 0.72s; transition: 0.72s;}}

@media screen and (min-width: 0px) and (max-width: 1024px)
{.full_tour.active {width: calc(33.6vw + 33.6vmin);	height: calc(35.6vh + 35.6vmin);}}

@media screen and (min-width: 1024.0001px) and (max-width: 99999px)
{.full_tour.active {width: calc(11.0vw + 11.0vmin);	height: calc(26.6vh + 26.6vmin);}}

.full_tour.noactive:hover { cursor: -webkit-zoom-in; cursor: zoom-in; box-shadow: 0 0 calc(0.4em + 0.4vw) 0 rgba(244,229,108,0.5);}
.full_tour.active:hover {cursor: -webkit-zoom-out; cursor: zoom-out; box-shadow: 0 0 calc(0.4em + 0.4vw) 0 rgba(244,229,108,0.2);}


.full_tour.active .closing {opacity: 0.4;}

.playing {-o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; height: 100%; min-width: 100%; min-height: 100%; z-index: 130; opacity: 1.0; }

@media screen and (min-width: 0px) and (max-width: 2100px)
{.closing {position: absolute;	top: 4px; right: 2px; width: 17px; height: 17px; z-index: 800;	opacity: 0.4; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s;}}

@media screen and (min-width: 2100.001px) and (max-width: 99999999px)
{.closing {position: absolute;	top: calc(0.3vh + 0.3vmin); right: calc(0.2vw + 0.2vmin);
 width: calc(0.55vw + 0.55vh + 0.55vmin); height: calc(0.55vw + 0.55vh + 0.55vmin); z-index: 800; opacity: 0.4; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s;}}

.closing:hover {cursor: pointer;}

.closing:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

@media screen and (min-width: 0px) and (max-width: 2100px)
{.closing:after, .closing:before {position: absolute; width: 2.1px; height: 19px; content: ""; background: #7ae55f;}}

@media screen and (min-width: 2100.0001px) and (max-width: 99999px)
{.closing:after, .closing:before {position: absolute; width: calc(0.07vw + 0.07vh + 0.07vmin); height: calc(0.55vw + 0.55vh + 0.55vmin); content: ""; background: #7ae55f;}}

.closing:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

@media screen and (min-width: 0px) and (max-width: 2100px)
{.closing:after, .closing:before {position: absolute; width: 2.1px; height: 19px; content: ""; background: rgba(138,255,138,0.8);}}

@media screen and (min-width: 2100.001px) and (max-width: 99999px)
{.closing:after, .closing:before {position: absolute; width: calc(0.07vw + 0.07vh + 0.07vmin); height: calc(0.55vw + 0.55vh + 0.55vmin); content: ""; background: rgba(138,255,138,0.8);}}

.full_tour.active .closing:after {content: none;}

.full_tour.active .closing:before {opacity: 0;}

/* ---------------------------------------------- */  


/* -------Шапка --------------------------------------- */  


/* --Логотип------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 310px)
{img.logotype_class {z-index: 100;  max-width: 180px; padding-top: 7px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 310.001px) and (max-width: 355px)
{img.logotype_class {z-index: 100;  max-width: 200px; padding-top: 7px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 355.001px) and (max-width: 1200px)
{img.logotype_class {z-index: 100;  max-width: 250px; padding-top: 7px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 1200.0001px) and (max-width: 1900px)
{img.logotype_class {z-index: 100;  max-width: 270px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 1900.0001px) and (max-width: 99999px)
{img.logotype_class {z-index: 100; width:25%; max-width: calc(20.4vw + 20.8vh + 20.8vmin); padding-top: 0px; padding-bottom: 10px; transition: opacity 0.5s ease;}}

@media screen and (min-height: 0px) and (max-height: 715px)
{img.logotype_class {z-index: 100;  max-width: 170px; padding-top: 2px; transition: opacity 0.5s ease;}}

/* -------Полупрозрачность для лого при наведении----------- */  

img.logotype_class:hover {opacity: 0.85;}


/* -------------------------------------------------------------------------- */  


@media screen and (min-width: 0px) and (max-width: 310px)
{table.pp {position: absolute;  text-align: center; width: 100%; z-index: 100; margin-top: 0px; }}

@media screen and (min-width: 310.001px) and (max-width: 410px)
{table.pp {position: absolute;  text-align: center; width: 100%; z-index: 100; margin-top: 0px;}}

@media screen and (min-width: 374.001px) and (max-width: 455px)
{table.pp {position: absolute; text-align: center; width: 100%; z-index: 100; margin-top: 0px; }}

@media screen and (min-width: 455.001px) and (max-width: 800px)
{table.pp {position: absolute; text-align: center; width: 100%; z-index: 100; margin-top: 0px; }}

@media screen and (min-width: 800.0001px) and (max-width: 1200px)
{table.pp {position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; width: 100%; z-index: 100; margin-top: 0px; }}

@media screen and (min-width: 1200.0001px) and (max-width: 1673px)
{table.pp {position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; width: 100%; z-index: 100; margin-top: 0px; }}

@media screen and (min-width: 1673.0001px) and (max-width: 3000px)
{table.pp {position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; width: 100%; z-index: 100; margin-top: 0px; }}

@media screen and (min-width: 3000.0001px) and (max-width: 99999px)
{table.pp {position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; width: 100%; z-index: 100; margin-top: 0px; }}

/* -------------------------------------------------------------------------- */  


@media screen and (min-width: 0.001px) and (max-width: 1025px)
{td.forth {display: none; }}

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{td.forth { }}


@media screen and (min-height: 0px) and (max-height: 340px) and (min-width: 850.001px)
{td.forth {display: none; }}


/* -------------------------------------------------------------------------- */  

/* -------------------------------------- */  
/* Меню на большом экране----------------- */ 
/* --------------------------------------- */  

a.whooh {text-decoration: none; position: relative; color: #ffffff; font-family: 'Oswald'; font-size: calc(0.65em + 0.65vw); font-weight: 200; letter-spacing: 0.08em; text-align: center;}

@media screen and (min-width: 3000.001px) and (max-width: 99999px)
{a.whooh { font-size: calc(1.15em + 0.85vw);}}

@media screen and (min-width: 800px) and (max-width: 1700px)  
{a.whooh:after {content: ''; display: block; position: absolute; right: 0; bottom: -4px; width: 0; height: calc(0.05em + 0.05vw); background-color: rgba(255,255,255,0.7); transition: width 0.55s;}}

@media screen and (min-width: 1700.0001px) and (max-width: 2000px)  
{a.whooh:after {content: ''; display: block; position: absolute; right: 0; bottom: -4px; width: 0; height: calc(0.04em + 0.04vw); background-color: rgba(255,255,255,0.7); transition: width 0.55s;}}

@media screen and (min-width: 2000.0001px) and (max-width: 99999px)
{a.whooh:after {content: ''; display: block; position: absolute; right: 0; bottom: -0.3em; width: 0; height: calc(0.05em + 0.05vw); background-color: rgba(255,255,255,0.7); transition: width 0.55s;}}


@media screen and (min-width: 800px) and (max-width: 1700px)   
{a.whooh:hover:after {content: ''; width: 100%; display: block; position: absolute; left: 0; bottom: -4px; height: calc(0.05em + 0.05vw); background-color: #4db525; transition: width 0.55s;}}

@media screen and (min-width: 1700.0001px) and (max-width: 2000px)  
{a.whooh:hover:after {content: ''; width: 100%; display: block; position: absolute; left: 0; bottom: -4px; height: calc(0.04em + 0.04vw); background-color: #4db525; transition: width 0.55s;}}

@media screen and (min-width: 2000.0001px) and (max-width: 99999px)
{a.whooh:hover:after {content: ''; width: 100%; display: block; position: absolute; left: 0; bottom: -0.3em; height: calc(0.05em + 0.05vw); background-color: #4db525; transition: width 0.55s;}}

/* --------------------------------------- */  

/* --Пункт с подпунктами------------------------------------------ */ 


.this_punkt {background: transparent; border: 0; cursor: pointer; text-decoration: none; position: relative; color: #ffffff; 
font-family: 'Oswald'; font-size: calc(0.65em + 0.65vw); font-weight: 200; letter-spacing: 0.08em; text-align: center;}

@media screen and (min-width: 3000.001px) and (max-width: 99999px)
{.this_punkt { font-size: calc(1.15em + 0.85vw);}}

.wide_punkt {position: relative; display: inline-block;}

.inside_wide_punkt {display: none; position: absolute; z-index: 1; opacity: 1.0; box-shadow: 0 0 0 0 rgba(77,181,37,0.15); -webkit-box-shadow: 0 0 0 0 rgba(77,181,37,0.08);
 border-radius: calc(0.5em + 0.5vw); background: rgba(77,181,37,0.9); filter: drop-shadow(0 0 calc(0.07em + 0.07vw) #4db525); 
width: calc(9.2em + 9.2vw); left: -27%; top:102%;}

@media screen and (min-width: 3000.001px) and (max-width: 99999px)
{.inside_wide_punkt {width: calc(13.2em + 13.2vw); left: -20%;}}


.inside_wide_punkt a {display: block; text-decoration: none; position: relative; color: #ffffff; font-family: 'Oswald'; font-size: calc(0.65em + 0.65vw); 
font-weight: 200; letter-spacing: 0.08em; text-align: left; padding: calc(0.3em + 0.3vw); left: calc(0.3em + 0.3vw); line-height:102%;}

@media screen and (min-width: 3000.001px) and (max-width: 99999px)
{.inside_wide_punkt a  { font-size: calc(1.15em + 0.85vw);}}

.inside_wide_punkt a:hover { background-color: #fff; color: #218606; left: calc(0.3em + 0.3vw); border-radius: calc(0.3em + 0.3vw); }
.wide_punkt:hover .inside_wide_punkt {display: block;}

/* -------------------------------------------------------------------------- */  


/* ---Разделитель--------------------------------- */  
a.dot {cursor: text; color: #ffffff; font-family: 'Fira Sans Condensed'; font-size: calc(0.45em + 0.45vw);  text-decoration: none; text-transform: uppercase; 
text-align: center;  letter-spacing: 1px; white-space: nowrap;  padding:calc(0.25em + 0.25vw);}

/* -------------------------------------------------------------------------- */  


/* -------------------------------------------------------------------------- */  
/* -Слайдер ------------------------------- */ 
/* -------------------------------------------------------------------------- */  

.slideshow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;

}
.slideshow .slideshow-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideshow .slides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slideshow .slide {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.slideshow .slide.is-active {
  display: block;
}
.slideshow .slide.is-loaded {
  opacity: 1;
}

@media screen and (min-width: 0px) and (max-width: 700px)
{.slideshow .slide .caption {padding: 0 5px; }}

@media screen and (min-width: 700.001px) and (max-width: 1200px)
{.slideshow .slide .caption {padding: 0 100px;}}

@media screen and (min-width: 1200.001px) and (max-width: 99999px)
{.slideshow .slide .caption { padding: 0 calc(25.4vw + 0.8vh + 0.8vmin);}}

.slideshow .slide .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: 1;
  background-size: cover;
  image-rendering: optimizeQuality;
}
.slideshow .slide .image-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.slideshow .slide .image {
  width: 100%;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.slideshow .slide-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}




@media screen and (min-width: 0px) and (max-width: 700px)
{.slideshow .slide .title {color: #ffffff;  font-family:'Oswald'; font-size: 40px; margin: 0.01em auto -10px; max-width: 1000px;  letter-spacing: 0.01em; text-transform: uppercase; line-height: 37px; }}

@media screen and (min-width: 700.01px) and (max-width: 1200px)
{.slideshow .slide .title {color: #ffffff;  font-family:'Oswald'; font-size: 45px; margin: 2.5em auto 10px; max-width: 1000px;  letter-spacing: 0.01em; text-transform: uppercase; line-height: 37px;}}

@media screen and (min-width: 1200.01px) and (max-width: 99999px)
{.slideshow .slide .title {color: #ffffff;  font-family:'Oswald'; font-size: calc(1.6vw + 1.6vh + 1.6vmin); opacity: 0.8; margin: 2em auto 10px;  letter-spacing: 0em; text-transform: uppercase;line-height: calc(1.4vw + 1.4vh + 1.4vmin);}}



/* --альбомная ориентация смартфона и необычные случаи---- */ 
@media screen and (min-height: 0px) and (max-height: 470px)
{.slideshow .slide .title {display: none; }}

@media screen and (min-height: 470.001px) and (max-height: 520px)
{.slideshow .slide .title {color: #ffffff;  font-family:'Oswald'; font-size: 30px; margin-top: 15px; max-width: 1000px;  letter-spacing: 0.01em; text-transform: uppercase; line-height: 37px; }}


@media screen and (min-height: 520.001px) and (max-height: 715px)
{.slideshow .slide .title {color: #ffffff;  font-family:'Oswald'; font-size: 30px; margin-top: -25px; max-width: 1000px;  letter-spacing: 0.01em; text-transform: uppercase; line-height: 37px; }}




@media screen and (min-height: 715.001px) and (max-height: 99999px) and (max-width: 330px)
{.slideshow .slide .title {color: #ffffff;  font-family:'Oswald'; font-size: 35px; margin: 2.5em auto 10px; max-width: 1000px;  letter-spacing: 0.01em; text-transform: uppercase; line-height: 37px;}}

@media screen and (min-height: 715.001px) and (max-height: 850px) and (min-width: 1900px)
{.slideshow .slide .title {color: #ffffff;  font-family:'Oswald'; font-size: calc(1.6vw + 1.6vh + 1.6vmin); opacity: 0.8; margin: 3.5em auto 10px;  letter-spacing: 0em; text-transform: uppercase;line-height: calc(1.4vw + 1.4vh + 1.4vmin);}}


/* -------------------------------------------------------------------------- */ 


@media screen and (min-width: 0px) and (max-width: 700px)
{.slideshow .slide .text {margin: 4vh auto; color:#ffffff;  font-family:'Fira Sans Condensed'; font-weight: 200;font-size: 19px; max-width: 1000px; letter-spacing: 0.005em; line-height: 23px;}}

@media screen and (min-width: 700.0001px) and (max-width: 1200px)
{.slideshow .slide .text {margin: 5vh auto; color:#ffffff;  font-family:'Fira Sans Condensed'; font-weight: 200;font-size: 24px;  max-width: 1000px;  letter-spacing: 0.002em; line-height: 34px;}}

@media screen and (min-width: 1200.0001px) and (max-width: 99999px)
{.slideshow .slide .text {margin: 2vh auto; color:#ffffff;  font-family:'Fira Sans Condensed'; font-weight: 200; font-size: calc(0.8vw + 0.8vh + 0.8vmin);   letter-spacing: 0.003em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);}}


/* --альбомная ориентация смартфона и необычные случаи---- */ 


@media screen and (min-height: 0px) and (max-height: 470px)
{.slideshow .slide .text {margin-top: 90px; padding:0; color:#ffffff; font-family:'Fira Sans Condensed'; font-size: 18px; max-width: 1000px;  letter-spacing: 0.02em; line-height: 24px;}}

@media screen and (min-height: 470.001px) and (max-height: 715px)
{.slideshow .slide .text {margin-top: 10px; padding:0; color:#ffffff; font-family:'Fira Sans Condensed'; font-size: 18px; max-width: 1000px;  letter-spacing: 0.02em; line-height: 24px;}}

@media screen and (min-height: 0px) and (max-height: 332px) and (min-width: 780px)
{.slideshow .slide .text {margin-top: 150px; padding:0; color:#ffffff;  font-family:'Fira Sans Condensed'; font-size: 18px; max-width: 1000px;  letter-spacing: 0.02em; line-height: 24px;}}

@media screen and (min-height: 0px) and (max-height: 340px) and (min-width: 780px)
{.slideshow .slide .text {margin-top: 120px; padding:0; color:#ffffff;  font-family:'Fira Sans Condensed'; font-size: 18px; max-width: 1000px;  letter-spacing: 0.02em; line-height: 20px;}}

@media screen and (min-height: 340.0001px) and (max-height: 470px) and (min-width: 780px)
{.slideshow .slide .text {margin-top: 150px; padding:0; color:#ffffff;  font-family:'Fira Sans Condensed'; font-size: 20px; max-width: 1000px;  letter-spacing: 0.02em; line-height: 24px;}}

@media screen and (min-height: 470.001px) and (max-height: 715px) and (min-width: 780px)
{.slideshow .slide .text {margin-top: 10px; padding:0; color:#ffffff;  font-family:'Fira Sans Condensed'; font-size: 20px; max-width: 1000px;  letter-spacing: 0.02em; line-height: 24px;}}

@media screen and (min-height: 0px) and (max-height: 370px) and (max-width: 433px)
{.slideshow .slide .text {margin-top: 120px; padding:0; color:#ffffff;  font-family:'Fira Sans Condensed'; font-size: 13px; max-width: 1000px;  letter-spacing: 0.02em; line-height: 18px;}}

@media screen and (min-height: 715.0001px) and (max-height: 99999px) and (max-width: 330px)
{.slideshow .slide .text {margin-top: 0px; padding:0; color:#ffffff; font-family:'Fira Sans Condensed'; font-size: 20px; max-width: 95%; letter-spacing: 0.02em; line-height: 24px;}}


/* -------------------------------------------------------------------------- */ 

/* ----Будем знакомиться---------------------------------------------------------------------- */ 

.spot {text-decoration: none; opacity: 0.8; white-space: nowrap; background: rgba(244,229,108,0.5); padding:calc(0.15em + 0.15vw); 
box-shadow: 0 0 0 0 rgba(244,229,108,0.5); -webkit-box-shadow: 0 0 0 0 rgba(244,229,108,0.5);  transition: background 0.9s ease;}

.spot:hover {background: rgba(236,220,101,0.8); }


.accent {text-decoration: none; position: relative;}

@media screen and (min-width: 0px) and (max-width: 1700px)  
{.accent:after {content: ''; display: block; position: absolute; right: 0; bottom: -8px; width: 0; height: 2px; background-color: rgba(255,255,255,0.7); transition: width 0.55s;}}

@media screen and (min-width: 1700.0001px) and (max-width: 2000px)  
{.accent:after {content: ''; display: block; position: absolute; right: 0; bottom: -8px; width: 0; height: 1.5px; background-color: rgba(255,255,255,0.7); transition: width 0.55s;}}

@media screen and (min-width: 2000.0001px) and (max-width: 99999px)
{.accent:after {content: ''; display: block; position: absolute; right: 0; bottom: -0.3em; width: 0; height: calc(0.05vw + 0.05vh + 0.05vmin); background-color: rgba(255,255,255,0.7); transition: width 0.55s;}}


@media screen and (min-width: 0px) and (max-width: 1700px)   
{.accent:hover:after {content: ''; width: 100%; display: block; position: absolute; left: 0; bottom: -8px; height: 2px; background-color: rgba(244,229,108,0.85); transition: width 0.55s;}}

@media screen and (min-width: 1700.0001px) and (max-width: 2000px)  
{.accent:hover:after {content: ''; width: 100%; display: block; position: absolute; left: 0; bottom: -8px; height: 1.5px; background-color: rgba(244,229,108,0.85); transition: width 0.55s;}}

@media screen and (min-width: 2000.0001px) and (max-width: 99999px)
{.accent:hover:after {content: ''; width: 100%; display: block; position: absolute; left: 0; bottom: -0.3em; height: calc(0.05vw + 0.05vh + 0.05vmin); background-color: rgba(244,229,108,0.85); transition: width 0.55s;}}

/* -------------------------------------------------------------------------- */ 

/* --управление слайдером---- */ 

.slideshow .pagination {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 100%;
  height: 12px;
  cursor: default;
  z-index: 2;
  text-align: center;
}


@media screen and (min-width: 3800.001px) and (max-width: 99999px)
{.slideshow .pagination {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 100%;
  height: 89px;
  cursor: default;
  z-index: 2;
  text-align: center;
}}

.slideshow .pagination .item {
  display: inline-block;
  padding: 15px 5px;
  position: relative;
  width: 28px;
  height: 28px;
  cursor: pointer;
  text-indent: -999em;
  z-index: 1;
}

@media screen and (min-width: 3800.001px) and (max-width: 99999px)
{.slideshow .pagination .item {
  display: inline-block;
  padding: 15px 5px;
  position: relative;
  width: 120px;
  height: 120px;
  cursor: pointer;
  text-indent: -999em;
  z-index: 1;
}}

.slideshow .pagination .item + .page {
  margin-left: -2px;
}

.slideshow .pagination .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: 18px;
  width: 10px;
  height: 10px;
  background: rgba(255,255,255,0.5);
  transition: background 0.2s ease;
}

@media screen and (min-width: 3800.001px) and (max-width: 99999px)
{
.slideshow .pagination .item::before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 5px;
  width: 35px;
  height: 35px;
  background: rgba(255,255,255,0.5);
  transition: background 0.2s ease;
}}


.slideshow .pagination .item::after {
  width: 0;
  background: #fff;
  z-index: 2;
  transition: width 0.2s ease;
}
.slideshow .pagination .item:hover::before, .slideshow .pagination .item.is-active::before {
  background-color: rgba(244,229,108,0.5);
}


/* -------------------------------------------------------------------------- */ 
/* --После слайдера---------- */  
/* -------------------------------------------------------------------------- */ 

/* --Отступ------------------- */  
.otstup {margin-top: calc(0.85em + 0.85vw);}


/* --Логотип 2------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 310px)
{img.logotype_class2 {z-index: 100;  max-width: 180px; padding-top: 7px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 310.001px) and (max-width: 355px)
{img.logotype_class2 {z-index: 100;  max-width: 200px; padding-top: 7px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 355.001px) and (max-width: 1200px)
{img.logotype_class2 {z-index: 100;  max-width: 250px; padding-top: 7px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 1200.0001px) and (max-width: 1900px)
{img.logotype_class2 {z-index: 100;  max-width: 270px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 1900.0001px) and (max-width: 2300px)
{img.logotype_class2 {z-index: 100;  max-width: 300px; transition: opacity 0.5s ease;}}

@media screen and (min-width: 2300.0001px) and (max-width: 99999px)
{img.logotype_class2 {z-index: 100; width:18%; max-width: calc(120.4vw + 20.8vh + 20.8vmin); padding-top: 0px; padding-bottom: 10px; transition: opacity 0.5s ease;}}

@media screen and (min-height: 0px) and (max-height: 715px)
{img.logotype_class2 {z-index: 100;  max-width: 170px; padding-top: 2px; transition: opacity 0.5s ease;}}

/* -------Полупрозрачность для лого при наведении----------- */  

img.logotype_class2:hover {opacity: 0.85;}


/* -------------------------------------------------------------------------- */  


/* --Логотип 3------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 310px)
{img.logotype_class3 {z-index: 100;  max-width: 180px; padding-top: 7px; transition: opacity 1.0s ease;}}

@media screen and (min-width: 310.001px) and (max-width: 355px)
{img.logotype_class3 {z-index: 100;  max-width: 200px; padding-top: 7px; transition: opacity 1.0s ease;}}

@media screen and (min-width: 355.001px) and (max-width: 1200px)
{img.logotype_class3 {z-index: 100;  max-width: 250px; padding-top: 7px; transition: opacity 1.0s ease;}}

@media screen and (min-width: 1200.0001px) and (max-width: 1900px)
{img.logotype_class3 {z-index: 100;  max-width: 270px; transition: opacity 1.0s ease;}}

@media screen and (min-width: 1900.0001px) and (max-width: 2300px)
{img.logotype_class3 {z-index: 100;  max-width: 350px; transition: opacity 1.0s ease;}}

@media screen and (min-width: 2300.0001px) and (max-width: 99999px)
{img.logotype_class3 {z-index: 100; width:22%; max-width: calc(120.4vw + 20.8vh + 20.8vmin); padding-top: 0px; padding-bottom: 10px; transition: opacity 1.0s ease;}}

@media screen and (min-height: 0px) and (max-height: 715px)
{img.logotype_class3 {z-index: 100;  max-width: 170px; padding-top: 2px; transition: opacity 1.0s ease;}}

/* -------Полупрозрачность для лого при наведении----------- */  

img.logotype_class3:hover {opacity: 0.75;}


/* -------------------------------------------------------------------------- */  

/* -Фон второго экрана------------------------------------------------------------------------- */  

#second_screen_background {background-image:url('back0.jpg'); background-position: center; background-size: cover; background-attachment:fixed;
position: relative; top: 0; left: 0; width: 100%; z-index: 10; image-rendering: optimizeQuality; overflow: hidden;}



/* Стандартный модуль */  

.int_onas {width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); text-align:left; 
background: rgba(244,229,108,0.05); -webkit-box-shadow: 0px -5px 5px -5px rgba(244,229,108, 0.2);
-moz-box-shadow: 0px -5px 5px -5px rgba(244,229,108, 0.2);
box-shadow: 0px -5px 5px -5px rgba(244,229,108, 0.2);}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas {width: 79%; border: 0px; margin-top: calc(1.3em + 0.8vw); margin-bottom: calc(1.3em + 0.8vw); padding: calc(1.2em + 1.2vw); text-align:left; 
background: rgba(244,229,108,0.05);  -webkit-box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);
-moz-box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);
box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas {width: 77%; border: 0px; margin-top: calc(2.9em + 0.8vw); margin-bottom: calc(2.9em + 0.8vw); padding: calc(1.2em + 1.2vw);	text-align:left;
background: rgba(244,229,108,0.05);  -webkit-box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);
-moz-box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);
box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);}}


/* Стандартный модуль по центру */  


.int_onas_center {width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); text-align:center; 
background: rgba(244,229,108,0.05); -webkit-box-shadow: 0px -5px 5px -5px rgba(244,229,108, 0.2);
-moz-box-shadow: 0px -5px 5px -5px rgba(244,229,108, 0.2);
box-shadow: 0px -5px 5px -5px rgba(244,229,108, 0.2);}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas_center {width: 79%; border: 0px; margin-top: calc(1.3em + 0.8vw); margin-bottom: calc(1.3em + 0.8vw); padding: calc(1.2em + 1.2vw); text-align:center; 
background: rgba(244,229,108,0.05);  -webkit-box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);
-moz-box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);
box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas_center {width: 77%; border: 0px; margin-top: calc(2.9em + 0.8vw); margin-bottom: calc(2.9em + 0.8vw); padding: calc(1.2em + 1.2vw);	text-align:center; 
background: rgba(244,229,108,0.05);  -webkit-box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);
-moz-box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);
box-shadow: -2px 4px 16px -1px rgba(244,229,108, 0.12);}}


/* Стандартный модуль по центру без --границ */  


.int_onas_center_no {width: 94.5%; border: 0px; margin-top: 10px; margin-bottom: 10px; padding: calc(0.5em + 0.5vw); text-align:center;}

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas_center_no {width: 79%; border: 0px; margin-top: calc(0.6em + 0.6vw); margin-bottom: calc(0.4em + 0.4vw); padding: calc(0.3em + 0.3vw); text-align:center;}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas_center_no {width: 77%; border: 0px; margin-top: calc(0.6em + 0.6vw); margin-bottom: calc(0.6em + 0.6vw); padding: calc(0.5em + 0.5vw);	text-align:center;;}}


/* -------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 800.9999px)
{a.top_link {color:#ffffff; text-transform: uppercase; font-family: 'Fira Sans Condensed'; font-size: calc(1.1vw + 1.1vh + 1.1vmin);
 letter-spacing: 0.003em; line-height: calc(2.6vw + 2.6vh + 2.6vmin); display: inline-block; text-decoration: none;}} 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{a.top_link {color:#ffffff; text-transform: uppercase; font-family: 'Fira Sans Condensed'; font-size: calc(0.8vw + 0.8vh + 0.8vmin); 
letter-spacing: 0.003em; line-height: calc(2.2vw + 2.2vh + 2.2vmin); display: inline-block; text-decoration: none; }} 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{a.top_link {color:#ffffff; text-transform: uppercase; font-family: 'Fira Sans Condensed'; font-size: calc(0.6vw + 0.6vh + 0.6vmin);
letter-spacing: 0.003em; line-height: calc(1.6vw + 1.6vh + 1.6vmin); display: inline-block; text-decoration: none; margin-left: calc(0.25vw + 0.25vh + 0.25vmin);}} 

a.top_link:hover {opacity: 0.8;}

/* -------------------------------------------------- */  


/* Текст стандартного модуля */  

@media screen and (min-width: 0px) and (max-width: 800.9999px)
{.text_onas_inte  {color:#ffffff; font-family: 'Fira Sans Condensed'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0.01em; line-height: calc(1.6vw + 1.6vh + 1.6vmin);  } } 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{.text_onas_inte  {color:#ffffff; font-family:'Fira Sans Condensed'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin);  } } 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{.text_onas_inte  {color:#ffffff; font-family:'Fira Sans Condensed'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0.005em; line-height: calc(1.0vw + 1.0vh + 1.0vmin);  } }


/* -Отметка-------------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1920px)
{img.otmetka {z-index: 100;  max-width: 30px; vertical-align: middle; margin-right: 7px; opacity: 0.9;}}

@media screen and (min-width: 1920.001px) and (max-width: 99999px)
{img.otmetka {width: 3%; vertical-align: middle; margin-right: calc(0.8em + 0.2vw); } }

img.otmetka:hover {opacity: 0.6;  }

/* -------------------------------------------------------------------------- */  

/* -Ссылки -------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 800.9999px)
{a.link_in_text  {color:#ecdc65; font-family: 'Fira Sans Condensed'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0.01em; line-height: calc(1.6vw + 1.6vh + 1.6vmin); 
text-decoration: none; border-bottom: 0px;}} 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{a.link_in_text  {color:#ecdc65; font-family:'Fira Sans Condensed'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin); 
text-decoration: none; border-bottom: 0px;}} 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{a.link_in_text  {color:#ecdc65; font-family:'Fira Sans Condensed'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0.005em; line-height: calc(1.0vw + 1.0vh + 1.0vmin); 
text-decoration: none; border-bottom: 0px;}} 

a.link_in_text:hover {color: #ffffff; border-bottom: 1px solid #ffffff; opacity: 1.0;}


/* -------------------------------------------------------------------------- */  


/* Фото в модуле */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.photo_v_module {display: none;}}

@media screen and (min-width: 600.001px) and (max-width: 900px)
{img.photo_v_module {width:37%; float: right; margin-left: 4%; border: 0; opacity: 0.85; border-radius: 15%; -webkit-border-radius: 15%; -moz-border-radius: 15%; }}

@media screen and (min-width: 900.001px) and (max-width: 1200px)
{img.photo_v_module {width:25%; float: right; margin-left: 4%; border: 0; opacity: 0.85; -moz-box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25);
 -webkit-box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25); box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25); border-radius: 15%; -webkit-border-radius: 15%; -moz-border-radius: 15%; }}

@media screen and (min-width: 1200.001px) and (max-width: 1600px)
{img.photo_v_module {width:18%; float: right; margin-left: 4%; border: 0; opacity: 0.85; -moz-box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25);
 -webkit-box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25); box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25); border-radius: 15%; -webkit-border-radius: 15%; -moz-border-radius: 15%; }}

@media screen and (min-width: 1600.001px) and (max-width: 99999px)
{img.photo_v_module {width:21%; float: right; margin-left: 4%; border: 0; opacity: 0.85; -moz-box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25);
 -webkit-box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25); box-shadow: -2px 4px 16px -1px rgba(244,229,108,0.25); border-radius: 15%; -webkit-border-radius: 15%; -moz-border-radius: 15%;}}

img.photo_v_module:hover {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; transition: opacity 0.4s ease; 
filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(236,220,101,0.4));} 



/* --Галерея-------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 600px)
{.video_class  {border: 0; width: 90%; max-height: 90%; border-radius: 20px; }}

@media screen and (min-width: 601px) and (max-width: 3000px)
{.video_class  {border: 0;  height: 70%; border-radius: 20px;}}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.video_class  {border: 0; border-radius: calc(1.2em + 1.2vw);}}

.video_class:hover {filter: drop-shadow(0 0 calc(0.1vw + 0.1vh + 0.1vmin) rgba(236,220,101,0.4)); cursor: pointer;}


/* -------------------------------------------------------------------------- */ 


/* --Фото ------------------------------------------------------- */  



/* -----галерея (фото)---------------------------------------------- */ 

* {box-sizing: border-box;}
.clear {clear: both; float: none; width: 100%;}

@media screen and (min-width: 0px) and (max-width: 600px)
{.gallery a img {width: 94.5%; height: auto; border: 0; overflow: hidden;  border-radius: 4%;
position: relative;  margin: 0;  filter: alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; transition: filter 0.5s ease;
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; margin-bottom: 4%;
-moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 600px) and (max-width: 1000px)
{.gallery a img {width: 45%; height: auto; border: 0; overflow: hidden;  border-radius: 4%;
position: relative;  margin: 0;  filter: alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; transition: filter 0.5s ease;
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; margin-bottom: 2%; margin-right: 1%;margin-left: 1%;
-moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 1000.00001px) and (max-width: 1500px)
{.gallery a img {width: 30%; height: auto; border: 0; filter: alpha(opacity=92); -moz-opacity:0.92; opacity:0.95; border-radius: 10%;
overflow: hidden; position: relative; margin: 0px; transition: filter 0.5s ease; margin-bottom: 1.9%; margin-right: 0.8%; margin-left: 0.8%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
-moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 1500.00001px) and (max-width: 99999px)
{.gallery a img {width: 24%; height: auto; border: 0; filter: alpha(opacity=92); -moz-opacity:0.92; opacity:0.95; border-radius: 10%;
overflow: hidden; position: relative; margin: 0px; transition: filter 0.5s ease; margin-bottom: 1.9%; margin-right: 0.8%; margin-left: 0.8%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
-moz-user-select: none; -ms-user-select: none; user-select: none;}}


.gallery a:hover img {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;  z-index: 5;  border: 0; cursor: pointer; 
transition: opacity 0.26s ease; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(255,255,255, 0.49));}}
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.gallery a.big img  {width: 90%;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.align-center {text-align: center;}


/* -------------------------------------------------------------- */ 



/* -------------------------------------------------------------------------- */ 
/* Mini */
/* -------------------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 800px)
{.mini {border: 0px; padding-left: 1.5%; padding-right: 1.5%;}}

@media screen and (min-width: 800.00001px) and (max-width: 99999px)
{.mini {display: none;}}

/* -------------------------------------------------------------------------- */ 
/* Maxi */
/* -------------------------------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 800px)
{.maxi {display: none;}	}

@media screen and (min-width: 800.00001px) and (max-width: 1500px)
{.maxi {border: 0px; padding-left: 0%; padding-right: 0%; }}

@media screen and (min-width: 1500.00001px) and (max-width: 3000px)
{.maxi {border: 0px; padding-left: 7.75%; padding-right: 7.75%; }}

@media screen and (min-width: 3000.00001px) and (max-width: 99999px)
{.maxi {border: 0px; padding-left: 7.2%; padding-right: 7.2%; }}
 
/* -------------------------------------------------------------------------- */  
/* -------------------------------------------------------------------------- */  


/* -Ссылки -------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 800.9999px)
{a.link_footer  {color:#ecdc65; font-family: 'Fira Sans Condensed'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0.01em; line-height: calc(1.6vw + 1.6vh + 1.6vmin); 
text-decoration: none; border-bottom: 1px solid transparent;}} 

@media screen and (min-width: 801px) and (max-width: 1200.9999px)
{a.link_footer  {color:#ecdc65; font-family:'Fira Sans Condensed'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin); 
text-decoration: none; border-bottom: 1px solid transparent;}} 

@media screen and (min-width: 1201px) and (max-width: 99999px)
{a.link_footer  {color:#ecdc65; font-family:'Fira Sans Condensed'; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0.005em; line-height: calc(1.0vw + 1.0vh + 1.0vmin); 
text-decoration: none;border-bottom: 1px solid transparent;}} 

a.link_footer:hover {color: #ffffff; border-bottom: 1px solid #ffffff; opacity: 1.0;}

/* -------------------------------------------------------------------------- */  

/* --Отступ для второго типа страниц ------ */  

@media screen and (min-width: 0px) and (max-width: 800px)
{.otstup_second_type {margin-top: 230px;}}

@media screen and (min-width: 800.001px) and (max-width: 1200px)
{.otstup_second_type {margin-top: 260px;}}

@media screen and (min-width: 1200.001px) and (max-width: 1700px)
{.otstup_second_type {margin-top: 280px;}}

@media screen and (min-width: 1700.001px) and (max-width: 3000px)
{.otstup_second_type {margin-top: calc(8.5vw + 8.5vh + 8.5vmin);}}


@media screen and (min-width: 3000.001px) and (max-width: 3100px)
{.otstup_second_type {margin-top: calc(8.65vw + 8.65vh + 8.65vmin);}}

@media screen and (min-width: 3100.001px) and (max-width: 3410px)
{.otstup_second_type {margin-top: calc(9.1vw + 9.1vh + 8.9vmin);}}

@media screen and (min-width: 3410.001px) and (max-width: 99999px)
{.otstup_second_type {margin-top: calc(8.9vw + 8.9vh + 8.9vmin);}}


/* --моменты ;)----------- */  

@media screen and (min-height: 0px) and (max-height: 715px)
{.otstup_second_type {margin-top: 160px;}}

@media screen and (min-height: 0px) and (max-height: 370px) and (orientation: landscape)
{.otstup_second_type {margin-top: 160px;}}

@media screen and (min-height: 370.001px) and (max-height: 715px) and (orientation: landscape)
{.otstup_second_type {margin-top: 190px;}}

@media screen and (min-height: 370.001px) and (max-height: 715px) and (orientation: landscape) and (max-width: 736px)
{.otstup_second_type {margin-top: 150px;}}





/* -------------------------------------------------------------------------- */  


/* --Заголовок----------- */  

.zagolovok {font-weight: lighter; width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: 0 calc(0.7em + 0.7vw) 0 calc(0.7em + 0.7vw); text-align:center; }

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.zagolovok {font-weight: lighter; font-size: 95%; width: 80%; border: 0px; margin-top: calc(1.3em + 0.8vw); margin-bottom: calc(1.3em + 0.8vw); padding: 0 calc(1.2em + 1.2vw) 0 calc(1.2em + 1.2vw); text-align:center; }}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.zagolovok {font-weight: lighter; font-size: 95%; width: 80%; border: 0px; margin-top: calc(2.9em + 0.8vw); margin-bottom: calc(2.9em + 0.8vw); padding: 0 calc(1.2em + 1.2vw) 0 calc(1.2em + 1.2vw); text-align:center;}}

/* -------------------------------------------------------------------------- */  

/* --Заголовок в услугах----------- */  

.zagolovok_z {text-decoration: none; color: #ffffff; font-family: 'Oswald'; font-size: calc(0.9em + 0.9vw); font-weight: 200; letter-spacing: 0.08em;  text-align:center; }

@media screen and (min-width: 1501px) and (max-width: 3500px)
{.zagolovok_z {text-decoration: none; text-decoration: none;  color: #ffffff; font-family: 'Oswald'; font-size: calc(0.6em + 0.6vw); font-weight: 200; letter-spacing: 0.08em; text-align:center; }}

@media screen and (min-width: 3501px) and (max-width: 99999px)
{.zagolovok_z {font-size: calc(1.2em + 1.0vw);  }}

@media screen and (max-width: 361px)
{.zagolovok_z {text-decoration: none; color: #ffffff; font-family: 'Oswald'; font-size: calc(0.7em + 0.7vw); font-weight: 200; letter-spacing: 0.08em;  text-align:center; }}

/* -------------------------------------------------------------------------- */ 

.knopka{cursor: pointer; padding-right:calc(0.6em + 0.6vw); padding-left:calc(0.6em + 0.6vw); padding-bottom:calc(0.45em + 0.45vw); 
padding-top:calc(0.45em + 0.45vw); box-shadow: 0 0 0 0 rgba(77,181,37,0.5); -webkit-box-shadow: 0 0 0 0 rgba(77,181,37,0.5);
border-radius: calc(2.20em + 2.20vw); background: rgba(77,181,37,0.55); filter: drop-shadow(0 0 10px #4db525); opacity: 1.0; 
line-height: 200%; font-size:110%;}

.knopka:hover {background: #fff; color:#4cb324;}

.black_out {display: none;}
.black_out:before {content: '';	background: #030a00; position: fixed; left: 0;	top: 0;	width: 100%; height: 100%; opacity: 0.85; z-index: 900;}


@media screen and (min-width: 0.001px) and (max-width: 1100px)
{.zakaz {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
text-decoration: none; color: #ffffff; font-family: 'Oswald'; font-size: calc(1.1em + 1.1vw); font-weight: 200; letter-spacing: 0.08em; 
border-radius: calc(0.7em + 0.7vw);  background-image:url('back0.jpg'); 
background-position: center; background-size: cover; background-attachment:fixed;
padding: calc(0.9em + 0.9vw); width: 95%; opacity: 1.0; transition: 0.2s; z-index: 999;  filter: drop-shadow(0 0 calc(0.77em + 0.77vw) #8bee64);  }}


@media screen and (min-width: 1100.001px) and (max-width: 3000px)
{.zakaz {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
text-decoration: none; color: #ffffff; font-family: 'Oswald'; font-size: calc(0.65em + 0.65vw); font-weight: 200; letter-spacing: 0.08em; 
border-radius: calc(0.7em + 0.7vw);  background-image:url('back0.jpg'); 
background-position: center; background-size: cover; background-attachment:fixed;
padding: calc(0.9em + 0.9vw); width: 48%; opacity: 1.0; transition: 0.2s; z-index: 999; filter: drop-shadow(0 0 calc(0.77em + 0.77vw) #8bee64); }}

@media screen and (min-width: 3000.001px) and (max-width: 99999px)
{.zakaz {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
text-decoration: none; color: #ffffff; font-family: 'Oswald'; font-size: calc(0.95em + 0.95vw); font-weight: 200; letter-spacing: 0.08em; 
border-radius: calc(0.7em + 0.7vw);  background-image:url('back0.jpg'); 
background-position: center; background-size: cover; background-attachment:fixed;
padding: calc(0.9em + 0.9vw); width: 48%; opacity: 1.0; transition: 0.2s; z-index: 999; filter: drop-shadow(0 0 calc(0.77em + 0.77vw) #8bee64); }}


@media screen and (min-width: 0.001px) and (max-width: 1100px)
{a.link_up  {color:#ecdc65; font-family: 'Oswald'; font-size: calc(0.65em + 0.65vw); font-weight: 200; letter-spacing: 0.08em; 
text-decoration: none; border-bottom: 1px solid transparent;}} 

@media screen and (min-width: 1100.001px) and (max-width: 3000px)
{a.link_up  {color:#ecdc65; font-family: 'Oswald'; font-size: calc(0.55em + 0.55vw); font-weight: 200; letter-spacing: 0.08em;  
text-decoration: none; border-bottom: 1px solid transparent;}} 

@media screen and (min-width: 3000.001px) and (max-width: 99999px)
{a.link_up  {color:#ecdc65; font-family: 'Oswald'; font-size: calc(0.5em + 0.5vw); font-weight: 200; letter-spacing: 0.08em; 
text-decoration: none;border-bottom: 1px solid transparent;}} 

a.link_up:hover {color: #ffffff; border-bottom: 1px solid #ffffff; opacity: 1.0;}


@media screen and (min-width: 0px) and (max-width: 415px)
{.close_x  { cursor: pointer;	position: fixed; width: 16px; height: 16px; 
top: calc(0.55vw + 0.55vh + 0.55vmin); right: calc(0.75vw + 0.75vh + 0.75vmin); 
 pointer-events: auto; opacity: 0.65; -webkit-tap-highlight-color: transparent;}}


@media screen and (min-width: 415.001px) and (max-width: 1100px)
{.close_x  { cursor: pointer;	position: fixed; width: 23px; height: 23px; 
top: calc(0.45vw + 0.45vh + 0.45vmin); right: calc(0.65vw + 0.65vh + 0.65vmin); 
 pointer-events: auto; opacity: 0.65; -webkit-tap-highlight-color: transparent;}}


@media screen and (min-width: 1100.001px) and (max-width: 99999px)
{.close_x  { cursor: pointer; position: fixed; width: calc(0.65vw + 0.65vh + 0.65vmin); height: calc(0.65vw + 0.65vh + 0.65vmin); 
top: calc(0.35vw + 0.35vh + 0.35vmin); right: calc(0.5vw + 0.5vh + 0.5vmin);
 pointer-events: auto; opacity: 0.65; -webkit-tap-highlight-color: transparent;}}

.close_x:hover { opacity: 0.85;}

/* -------------------------------------------------------------------------- */ 


/* --Заголовок в галерее----------- */  

@media screen and (min-width: 0px) and (max-width: 1500.9999px)
{.zagolovok_gal {font-weight: lighter; width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 15px; padding: 0 calc(0.7em + 0.7vw) 0 calc(0.7em + 0.7vw); text-align:center; }}

@media screen and (min-width: 1501px) and (max-width: 99999px)
{.zagolovok_gal {font-weight: lighter; font-size: 95%; width: 80%; border: 0px; margin-top: calc(1.3em + 0.8vw); margin-bottom: calc(0.45em + 0.45vw); padding: 0 calc(1.2em + 1.2vw) 0 calc(1.2em + 1.2vw); text-align:center; }}

/* -------------------------------------------------------------------------- */  


/* --Подзаголовки фотогалереи------ */  

@media screen and (min-width: 0px) and (max-width: 600.9999px)
{.zag {width: 45%; border: 0px;  margin-bottom: 15px;}}

@media screen and (min-width: 600px) and (max-width: 1100px)
{.zag {width: 20%; border: 0px; margin-bottom: 15px;}}

@media screen and (min-width: 1100.001px) and (max-width: 99999px)
{.zag {width: 12%; border: 0px; margin-bottom: 20px;}}

/* --моменты подзаголовков;)----------- */  

@media screen and (min-height: 0px) and (max-height: 715px)
{.zag {width: 45%; border: 0px;  margin-bottom: 15px;}}

@media screen and (min-height: 0px) and (max-height: 370px) and (orientation: landscape)
{.zag {width: 25%; border: 0px;  margin-bottom: 15px;}}

@media screen and (min-height: 370.001px) and (max-height: 715px) and (orientation: landscape)
{.zag {width: 16%; border: 0px;  margin-bottom: 15px;}}

@media screen and (min-height: 370.001px) and (max-height: 715px) and (orientation: landscape) and (max-width: 736px)
{.zag {width: 26%; border: 0px;  margin-bottom: 15px;}}

/* -------------------------------------------------------------------------- */  


/* Фото в контактах */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.picture_contacts {width:100%; margin-bottom: 6%; border: 0; opacity: 0.95; border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 600.001px) and (max-width: 99999px)
{img.picture_contacts {width:35%; float: right; margin-top: 1%; margin-left: 4%; border: 0; opacity: 0.95; border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

img.picture_contacts:hover {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; transition: opacity 0.45s ease; 
filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(94,192,53,0.3));} 


/* Фото в контактах2 */  

@media screen and (min-width: 0px) and (max-width: 642px)
{img.picture_contacts2 {width:70%; border: 0; opacity: 1.0; border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%; 
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}


@media screen and (min-width: 642.001px) and (max-width: 99999px)
{img.picture_contacts2 {display: none;}}

img.picture_contacts2:hover {transition: opacity 0.25s ease; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(94,192,53,0.2));} 


/* Фото в контактах3 */  

@media screen and (min-width: 0px) and (max-width: 642px)
{img.picture_contacts3 {display: none;}}


@media screen and (min-width: 642.001px) and (max-width: 99999px)
{img.picture_contacts3 {width:30%; float: right;  margin-left: 3%; border: 0; opacity: 0.95; border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

img.picture_contacts2:hover {transition: opacity 0.25s ease; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(94,192,53,0.2));} 

/* ------------------------------------------------------ */