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

html {scroll-behavior: smooth;}

@media screen and (min-width: 0px) and (max-width: 999.999px)
{body {background: #fac1d9; overflow-x: hidden;background: url(fon1_portret.jpg);  background-position: center; background-size: cover; background-attachment:fixed;
 top: 0; left: 0; width: 100%; z-index: 10; image-rendering: optimizeQuality;}}

@media screen and (min-width: 1000px) and (max-width: 99999px)
{body {background: #fac1d9; overflow-x: hidden;background: url(fon1_land.jpg); background-position: center; background-size: cover; background-attachment:fixed;
 top: 0; left: 0; width: 100%; z-index: 10; image-rendering: optimizeQuality;}}


body {overflow-x: hidden;}
/* -------------------------------------------- */  

::selection {background: #ffffff; color:#ff4998;}
::-moz-selection {background: #ffffff; color:#ff4998;}
::-webkit-selection {background: #ffffff; color:#ff4998;}

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

@media screen and (min-width: 0px) and (max-width: 1025px)
{body::-webkit-scrollbar {display: none;}}

@media screen and (min-width: 1025.0001px) and (max-width: 99999px)
{body::-webkit-scrollbar {width: calc(0.18em + 0.18vw); background-color: #333333; border-left: 2.5px solid rgba(246,41,126,0.4); box-shadow: 10px #f6297e;}}

body::-webkit-scrollbar-thumb {background-color: #333333;border-left: 2.5px solid rgba(246,41,126,0.4); box-shadow: 10px #f6297e;}
body::-webkit-scrollbar-track {background: rgba(0,0,0,0.92);}


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

@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed300';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.eot');
  src: url('fonts/roboto-condensed-v25-cyrillic_latin-300.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff2') format('woff2'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.woff') format('woff'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.ttf') format('truetype'),
       url('fonts/roboto-condensed-v25-cyrillic_latin-300.svg#RobotoCondensed') format('svg');
}

@font-face {
  font-display: swap; 
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/oswald-v53-cyrillic_latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/oswald-v53-cyrillic_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v53-cyrillic_latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/oswald-v53-cyrillic_latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/oswald-v53-cyrillic_latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/oswald-v53-cyrillic_latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}


/* -------------------------------------------- */  
.scroll_start{width:63px; height:42px; transform: scale(0.7); opacity:0.35; transition: 0.5s ease; position:fixed; bottom: 50%; right:2%; 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:50%; right:2%; -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:50%; right:2%; transition: 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:50%; right:2%; transition: 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:50%; right:2%; transition: 0.5s ease; transition: filter 0.5s ease;}}


.scroll_start:hover {transition: 0.5s ease; opacity: 0.95;); width:63px; height:42px; transform: scale(0.7); opacity:0.35; transition:  0.5s ease; position:fixed; bottom: 50%; right:2%; display:none; text-indent:-9999px; background: url(up_hover.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:hover {background: url(up_hover.png) no-repeat; transform: scale(0.5); bottom:50%; right:2%; -webkit-tap-highlight-color: transparent; transition: 0.5s ease; transition: filter 0.5s ease;}}

@media screen and (min-width: 3000px) and (max-width: 5000px)
{.scroll_start:hover{background: url(up_hover.png) no-repeat;transform: scale(1.5); bottom:50%; right:2%; transition: 0.5s ease; transition: filter 0.5s ease;}}


@media screen and (min-width: 5001px) and (max-width: 7000px)
{.scroll_start:hover{background: url(up_hover.png) no-repeat;transform: scale(2.0); bottom:50%; right:2%; transition: 0.5s ease; transition: filter 0.5s ease;}}


@media screen and (min-width: 7001px) and (max-width: 99999px)
{.scroll_start:hover{background: url(up_hover.png) no-repeat; transform: scale(3.0); bottom:50%; right:2%; transition: 0.5s ease; transition: filter 0.5s ease;}}

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



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

/* -Кнопка--------------------------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 350px)
{.charm {transform: scale(0.75);}}

.charm {transition: filter 0.25s ease;}

.charm span {position: absolute; width: calc(30px + var(--r)); height: calc(30px + var(--r)); border-radius: 50%; transform-origin: calc(13px + var(--r)); background: var(--color);
animation: lets_animate_charm 4.6s linear infinite; animation-duration: calc(var(--t)); mix-blend-mode: plus-lighter; filter: blur(10px); }

@media screen and (min-width: 1900px) and (max-width: 2200px)
{.charm {transform: scale(1.5);}}

@media screen and (min-width: 2200.001px) and (max-width: 2500px)
{.charm {transform: scale(1.75);}}

@media screen and (min-width: 2500.001px) and (max-width: 3000px)
{.charm {transform: scale(2.0);}}

@media screen and (min-width: 3000.001px) and (max-width: 3500px)
{.charm {transform: scale(2.3);}}

@media screen and (min-width: 3500.001px) and (max-width: 5500px)
{.charm {transform: scale(3.5);}}

@media screen and (min-width: 5500.001px) and (max-width: 6500px)
{.charm {transform: scale(4.0);}}

@media screen and (min-width: 6500.001px) and (max-width: 7500px)
{.charm {transform: scale(4.5);}}

@media screen and (min-width: 7500.001px) and (max-width: 8500px)
{.charm {transform: scale(5.0);}}

@media screen and (min-width: 8500.001px) and (max-width: 9500px)
{.charm {transform: scale(5.5);}}

@media screen and (min-width: 9500.001px) and (max-width: 99999px)
{.charm {transform: scale(6.0);}}

.charm span:nth-child(even) {animation-direction: reverse;}
@keyframes lets_animate_charm {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}

.charm:hover {filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(-1px 1px 0px rgba(255,231,242,0.1));}

.itsmagic {cursor: pointer;	position: fixed; z-index: 110; pointer-events: auto; -webkit-tap-highlight-color: transparent; opacity: 1.0;}

@media screen and (min-width: 0px) and (max-width: 350px)
{.itsmagic {position: fixed; top: 1.5em; right: 3.9em;}}

@media screen and (min-width: 351px) and (max-width: 800px)
{.itsmagic {position: fixed; top: 1.5em; right: 4.5em;}}

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

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

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

/* --Содержимое------ */ 

*, *: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.99vw + 1.99vh + 1.99vmin); right: calc(1.7vw + 1.7vh + 1.7vmin); 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.65vw + 1.65vh + 1.65vmin); right: calc(1.6vw + 1.6vh + 1.6vmin); z-index: 1200;
 pointer-events: auto; opacity: 0.65; -webkit-tap-highlight-color: transparent; }}

img.close_me:hover { opacity: 0.99; filter: drop-shadow(0 0 calc(0.05vw + 0.05vh + 0.05vmin) #ffffff); transition: filter 0.1s ease;}

.overlay {overflow: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 120; background: linear-gradient(10deg, #ffffff 0%, #fbd5e4 26%, #fac1d9 50%);  opacity:1.0;}}

@media screen and (max-height: 650px) and (orientation : landscape)
{.overlay { overflow: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 120; background: linear-gradient(10deg, #ffffff 0%, #fbd5e4 26%, #fac1d9 50%);  opacity:1.0;}}

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


@media screen and (min-width: 0px) and (max-width: 1500px)
{.overlay nav.krupnoe_menu {text-align: left; position: relative; top: 3%;  left: 6.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: 3%; left: 42%;  }}


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


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

@media screen and (min-width:0px) and (max-width: 1500px)
{.overlay ul li a {color: #ff67ab; font-family: 'Oswald'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); letter-spacing: 0.03em; text-decoration: none; text-transform: uppercase; line-height: 153%; }}

@media screen and (min-width: 1500.001px) and (max-width: 99999px)
{.overlay ul li a {color: #ff67ab; font-family: 'Oswald'; font-size: calc(1.0vw + 1.0vh + 1.0vmin); letter-spacing: 0.03em; text-decoration: none; text-transform: uppercase; line-height: 150%;}}


/* -ранние смарты------ */ 
@media (orientation: portrait) 
{.overlay ul li a {color: #ff67ab; font-family: 'Oswald'; font-size: calc(1.8vw + 1.8vh + 1.8vmin); letter-spacing: 0.03em; text-decoration: none; text-transform: uppercase;  line-height: 165%; }}

/* -поздние смарты------ */ 
@media (orientation: portrait) and (min-height: 570.001px)
{.overlay ul li a {color: #ff67ab; font-family: 'Oswald'; font-size: calc(2.05vw + 2.05vh + 2.05vmin); letter-spacing: 0.03em;  text-decoration: none; text-transform: uppercase; line-height: 165%; }}

/* -планшеты---- */ 
@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{.overlay ul li a {color: #ff67ab; font-family: 'Oswald'; font-size: calc(1.5vw + 1.5vh + 1.5vmin); letter-spacing: 0.03em; text-decoration: none; text-transform: uppercase;  }}

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

/* --Лого в меню------------------------- */

@media screen and (min-width:0px) and (max-width: 1500px)
{img.bnm {width: 20%; opacity: 0.5; padding-bottom: 1.5%;}}

@media screen and (min-width: 1500.001px) and (max-width: 99999px)
{img.bnm {width: 20%; opacity: 0.5; margin-left: -2.5%; padding-bottom: 0.5%;}}


/* -ранние смарты------ */ 
@media (orientation: portrait) 
{img.bnm {width: 60%; opacity: 0.5;padding-bottom: 3%;}}


/* -поздние смарты------ */ 
@media (orientation: portrait) and (min-height: 570.001px)
{img.bnm {width: 77%; opacity: 0.5;padding-bottom: 5%;}}

/* -планшеты---- */ 
@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{img.bnm {width: 50%; opacity: 0.5;padding-bottom: 3%;}}

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

.overlay ul li a.mok {color: #ffffff; opacity: 0.6;}
.overlay ul li a.mok:hover {color: #ff67ab;}

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

.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; }
.overlay-hugeinc nav {-webkit-perspective: 1200px; perspective: 1200px;}
.overlay-hugeinc nav ul {opacity: 0.4; -webkit-transform: translateX(-25%) rotateY(35deg); transform: translateX(-25%) rotateY(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;	transition: transform 0.5s, opacity 0.5s;}
.overlay-hugeinc.open nav ul { opacity: 1;-webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
.overlay-hugeinc.close nav ul { -webkit-transform: translateX(25%) rotateY(-35deg);	transform: translateX(25%) rotateY(-35deg);}

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

@media screen and (min-width: 0px) and (max-width: 1000px)
{.beauty {background-color: rgba(255, 255, 255, 0.35); display: inline-block; width: 40px; height: 40px; border-radius: 50%; position: absolute;}}

@media screen and (min-width: 1001px) and (max-width: 99999px)
{.beauty {background-color: rgba(255, 255, 255, 0.4);display: inline-block; width: calc(1.2vw + 1.2vh + 1.2vmin); height: calc(1.2vw + 1.2vh + 1.2vmin); border-radius: 50%; position: absolute;}}

.beauty-1 {opacity: 0.5; left: 40vw; top: 90vh; animation: going-1 30.02s infinite; -moz-transform: translate(0, 0) scale(0.92); -ms-transform: translate(0, 0) scale(0.92); -webkit-transform: translate(0, 0) scale(0.92);  transform: translate(0, 0) scale(0.92);}
.beauty-2 {opacity: 0.95; left: 42vw; top: 10vh; animation: going-2 30.04s infinite; -moz-transform: translate(0, 0) scale(0.4); -ms-transform: translate(0, 0) scale(0.4); -webkit-transform: translate(0, 0) scale(0.4);  transform: translate(0, 0) scale(0.4);}
.beauty-3 {opacity: 0.5; left: 98vw; top: 53vh; animation: going-3 30.06s infinite; -moz-transform: translate(0, 0) scale(1.03); -ms-transform: translate(0, 0) scale(1.03); -webkit-transform: translate(0, 0) scale(1.03);  transform: translate(0, 0) scale(1.03);}
.beauty-4 {opacity: 0.48; left: 53vw; top: 37vh; animation: going-4 30.08s infinite; -moz-transform: translate(0, 0) scale(1.29); -ms-transform: translate(0, 0) scale(1.29); -webkit-transform: translate(0, 0) scale(1.29); transform: translate(0, 0) scale(1.29);}
.beauty-5 {opacity: 0.21; left: 68vw;top: 93vh; animation: going-5 30.1s infinite; -moz-transform: translate(0, 0) scale(1.06); -ms-transform: translate(0, 0) scale(1.06); -webkit-transform: translate(0, 0) scale(1.06); transform: translate(0, 0) scale(1.06);}
.beauty-6 {opacity: 0.4;left: 32vw; top: 11vh; animation: going-6 30.12s infinite; -moz-transform: translate(0, 0) scale(1.77); -ms-transform: translate(0, 0) scale(1.77); -webkit-transform: translate(0, 0) scale(1.77);  transform: translate(0, 0) scale(1.77);}
.beauty-7 {opacity: 0.71; left: 32vw; top: 83vh; animation: going-7 30.14s infinite; -moz-transform: translate(0, 0) scale(0.3); -ms-transform: translate(0, 0) scale(0.3); -webkit-transform: translate(0, 0) scale(0.3);  transform: translate(0, 0) scale(0.3);}
.beauty-8 {opacity: 0.33;left: 17vw; top: 41vh; animation: going-8 30.16s infinite; -moz-transform: translate(0, 0) scale(1.54); -ms-transform: translate(0, 0) scale(1.54); -webkit-transform: translate(0, 0) scale(1.54);  transform: translate(0, 0) scale(1.54);}
.beauty-9 {opacity: 0.33; left: 1vw; top: 19vh; animation: going-9 30.18s infinite; -moz-transform: translate(0, 0) scale(0.23); -ms-transform: translate(0, 0) scale(0.23); -webkit-transform: translate(0, 0) scale(0.23);  transform: translate(0, 0) scale(0.23);}
.beauty-10 {opacity: 0.33; left: 6vw; top: 6vh; animation: going-10 30.2s infinite;-moz-transform: translate(0, 0) scale(0.72); -ms-transform: translate(0, 0) scale(0.72);-webkit-transform: translate(0, 0) scale(0.72);  transform: translate(0, 0) scale(0.72);}
.beauty-11 {opacity: 0.81; left: 61vw; top: 34vh; animation: going-11 30.22s infinite; -moz-transform: translate(0, 0) scale(0.07);-ms-transform: translate(0, 0) scale(0.07);-webkit-transform: translate(0, 0) scale(0.07);  transform: translate(0, 0) scale(0.07);}
.beauty-12 {opacity: 0.47;left: 82vw;top: 92vh; animation: going-12 30.24s infinite; -moz-transform: translate(0, 0) scale(0.12); -ms-transform: translate(0, 0) scale(0.12); -webkit-transform: translate(0, 0) scale(0.12);  transform: translate(0, 0) scale(0.12);}
.beauty-13 {opacity: 0.95; left: 54vw; top: 41vh; animation: going-13 30.26s infinite; -moz-transform: translate(0, 0) scale(1.19); -ms-transform: translate(0, 0) scale(1.19); -webkit-transform: translate(0, 0) scale(1.19);  transform: translate(0, 0) scale(1.19);}
.beauty-14 {opacity: 0.45;left: 88vw;top: 47vh; animation: going-14 30.28s infinite; -moz-transform: translate(0, 0) scale(0.58); -ms-transform: translate(0, 0) scale(0.58);  -webkit-transform: translate(0, 0) scale(0.58);  transform: translate(0, 0) scale(0.58);}
.beauty-15 {opacity: 0.69;left: 16vw;top: 57vh;animation: going-15 30.3s infinite; -moz-transform: translate(0, 0) scale(0.59);  -ms-transform: translate(0, 0) scale(0.59);  -webkit-transform: translate(0, 0) scale(0.59);  transform: translate(0, 0) scale(0.59);}
.beauty-16 {opacity: 0.26; left: 100vw; top: 79vh;animation: going-16 30.32s infinite;-moz-transform: translate(0, 0) scale(1.89);-ms-transform: translate(0, 0) scale(1.89);-webkit-transform: translate(0, 0) scale(1.89);  transform: translate(0, 0) scale(1.89);}
.beauty-17 {opacity: 0.28; left: 59vw; top: 36vh; animation: going-17 30.34s infinite; -moz-transform: translate(0, 0) scale(1.89); -ms-transform: translate(0, 0) scale(1.89); -webkit-transform: translate(0, 0) scale(1.89);  transform: translate(0, 0) scale(1.89);}
.beauty-18 {opacity: 0.82; left: 1vw; top: 85vh; animation: going-18 30.36s infinite; -moz-transform: translate(0, 0) scale(0.21); -ms-transform: translate(0, 0) scale(0.21);  -webkit-transform: translate(0, 0) scale(0.21);  transform: translate(0, 0) scale(0.21);}
.beauty-19 {opacity: 0.76; left: 87vw; top: 66vh; animation: going-19 30.38s infinite; -moz-transform: translate(0, 0) scale(1.08); -ms-transform: translate(0, 0) scale(1.08);  -webkit-transform: translate(0, 0) scale(1.08);transform: translate(0, 0) scale(1.08);}
.beauty-20 {opacity: 0.9; left: 24vw; top: 76vh; animation: going-20 30.4s infinite; -moz-transform: translate(0, 0) scale(0.68);-ms-transform: translate(0, 0) scale(0.68); -webkit-transform: translate(0, 0) scale(0.68);  transform: translate(0, 0) scale(0.68);}
.beauty-21 {opacity: 0.38; left: 41vw; top: 6vh; animation: going-21 30.42s infinite; -moz-transform: translate(0, 0) scale(1.52); -ms-transform: translate(0, 0) scale(1.52); -webkit-transform: translate(0, 0) scale(1.52);  transform: translate(0, 0) scale(1.52);}
.beauty-22 {opacity: 0.77; left: 83vw; top: 38vh; animation: going-22 30.44s infinite; -moz-transform: translate(0, 0) scale(1.28); -ms-transform: translate(0, 0) scale(1.28); -webkit-transform: translate(0, 0) scale(1.28); transform: translate(0, 0) scale(1.28);}
.beauty-23 {opacity: 0.82; left: 3vw; top: 28vh; animation: going-23 30.46s infinite; -moz-transform: translate(0, 0) scale(0.62); -ms-transform: translate(0, 0) scale(0.62);  -webkit-transform: translate(0, 0) scale(0.62);transform: translate(0, 0) scale(0.62);}
.beauty-24 {opacity: 0.69; left: 31vw; top: 11vh; animation: going-24 30.48s infinite; -moz-transform: translate(0, 0) scale(1.82); -ms-transform: translate(0, 0) scale(1.82); -webkit-transform: translate(0, 0) scale(1.82);transform: translate(0, 0) scale(1.82);}
.beauty-25 {opacity: 0.84; left: 28vw; top: 52vh; animation: going-25 30.5s infinite; -moz-transform: translate(0, 0) scale(0.25); -ms-transform: translate(0, 0) scale(0.25); -webkit-transform: translate(0, 0) scale(0.25);transform: translate(0, 0) scale(0.25);}
.beauty-26 { opacity: 0.04;left: 40vw; top: 72vh; animation: going-26 30.52s infinite; -moz-transform: translate(0, 0) scale(0.78); -ms-transform: translate(0, 0) scale(0.78);-webkit-transform: translate(0, 0) scale(0.78);  transform: translate(0, 0) scale(0.78);}
.beauty-27 {opacity: 0.21; left: 24vw; top: 98vh; animation: going-27 30.54s infinite; -moz-transform: translate(0, 0) scale(0.13); -ms-transform: translate(0, 0) scale(0.13); -webkit-transform: translate(0, 0) scale(0.13);  transform: translate(0, 0) scale(0.13);}
.beauty-28 {opacity: 0.82; left: 25vw; top: 14vh; animation: going-28 30.56s infinite; -moz-transform: translate(0, 0) scale(1.71); -ms-transform: translate(0, 0) scale(1.71);  -webkit-transform: translate(0, 0) scale(1.71); transform: translate(0, 0) scale(1.71);}
.beauty-29 {opacity: 0.12; left: 36vw; top: 98vh; animation: going-29 30.58s infinite; -moz-transform: translate(0, 0) scale(0.91); -ms-transform: translate(0, 0) scale(0.91);  -webkit-transform: translate(0, 0) scale(0.91);  transform: translate(0, 0) scale(0.91);}
.beauty-30 {opacity: 0.9; left: 32vw; top: 10vh; animation: going-30 30.6s infinite; -moz-transform: translate(0, 0) scale(0.34); -ms-transform: translate(0, 0) scale(0.34); -webkit-transform: translate(0, 0) scale(0.34);transform: translate(0, 0) scale(0.34);}

@keyframes going-1 {43% { -moz-transform: translate(-37vw, -85vh); -webkit-transform: translate(-37vw, -85vh);  transform: translate(-37vw, -85vh); }}
@keyframes going-2 {38% {-moz-transform: translate(-68vw, -89vh); -webkit-transform: translate(-68vw, -89vh);  transform: translate(-68vw, -89vh);}}
@keyframes going-3 {35% {-moz-transform: translate(-58vw, -65vh); -webkit-transform: translate(-58vw, -65vh); transform: translate(-58vw, -65vh);}}
@keyframes going-4 {49% {-moz-transform: translate(-76vw, -39vh);-webkit-transform: translate(-76vw, -39vh); transform: translate(-76vw, -39vh);}}
@keyframes going-5 {45% {-moz-transform: translate(-96vw, -65vh);-webkit-transform: translate(-96vw, -65vh); transform: translate(-96vw, -65vh);}}
@keyframes going-6 {52% {-moz-transform: translate(-38vw, -82vh);-webkit-transform: translate(-38vw, -82vh); transform: translate(-38vw, -82vh);}}
@keyframes going-7 {50% {-moz-transform: translate(-72vw, -37vh);-webkit-transform: translate(-72vw, -37vh); transform: translate(-72vw, -37vh);}}
@keyframes going-8 {58% {-moz-transform: translate(-25vw, -81vh);-webkit-transform: translate(-25vw, -81vh); transform: translate(-25vw, -81vh);}}
@keyframes going-9 {45% {-moz-transform: translate(-95vw, -87vh);-webkit-transform: translate(-95vw, -87vh); transform: translate(-95vw, -87vh);}}
@keyframes going-10 {31% {-moz-transform: translate(-75vw, -36vh);-webkit-transform: translate(-75vw, -36vh);transform: translate(-75vw, -36vh);}}
@keyframes going-11 {55% {-moz-transform: translate(-86vw, -80vh);-webkit-transform: translate(-86vw, -80vh);transform: translate(-86vw, -80vh);}}
@keyframes going-12 {52% {-moz-transform: translate(-38vw, -99vh);-webkit-transform: translate(-38vw, -99vh);transform: translate(-38vw, -99vh);}}
@keyframes going-13 {51% {-moz-transform: translate(-9vw, -14vh);-webkit-transform: translate(-9vw, -14vh);transform: translate(-9vw, -14vh);}}
@keyframes going-14 {32% {-moz-transform: translate(-3vw, -10vh);-webkit-transform: translate(-3vw, -10vh); transform: translate(-3vw, -10vh);}}
@keyframes going-15 {35% {-moz-transform: translate(-92vw, -41vh);-webkit-transform: translate(-92vw, -41vh); transform: translate(-92vw, -41vh);}}
@keyframes going-16 {41% {-moz-transform: translate(-71vw, -55vh);-webkit-transform: translate(-71vw, -55vh);transform: translate(-71vw, -55vh);}}
@keyframes going-17 {59% {-moz-transform: translate(-71vw, -61vh);-webkit-transform: translate(-71vw, -61vh);transform: translate(-71vw, -61vh);}}
@keyframes going-18 {34% {-moz-transform: translate(-94vw, -41vh);-webkit-transform: translate(-94vw, -41vh);transform: translate(-94vw, -41vh);}}
@keyframes going-19 {32% {-moz-transform: translate(-27vw, -70vh);-webkit-transform: translate(-27vw, -70vh);transform: translate(-27vw, -70vh);}}
@keyframes going-20 {44% {-moz-transform: translate(-9vw, -82vh);-webkit-transform: translate(-9vw, -82vh);transform: translate(-9vw, -82vh);}}
@keyframes going-21 {52% {-moz-transform: translate(-49vw, -97vh);-webkit-transform: translate(-49vw, -97vh);transform: translate(-49vw, -97vh);}}
@keyframes going-22 {45% {-moz-transform: translate(-66vw, -40vh);-webkit-transform: translate(-66vw, -40vh);transform: translate(-66vw, -40vh);}}
@keyframes going-23 {39% {-moz-transform: translate(-8vw, -92vh);-webkit-transform: translate(-8vw, -92vh); transform: translate(-8vw, -92vh);}}
@keyframes going-24 {37% {-moz-transform: translate(-51vw, -16vh); -webkit-transform: translate(-51vw, -16vh);transform: translate(-51vw, -16vh);}}
@keyframes going-25 {38% {-moz-transform: translate(-9vw, -79vh); -webkit-transform: translate(-9vw, -79vh); transform: translate(-9vw, -79vh);}}
@keyframes going-26 {37% {-moz-transform: translate(-93vw, -94vh);-webkit-transform: translate(-93vw, -94vh); transform: translate(-93vw, -94vh);}}
@keyframes going-27 {45% {-moz-transform: translate(-10vw, -9vh);-webkit-transform: translate(-10vw, -9vh); transform: translate(-10vw, -9vh); }}
@keyframes going-28 {41% {-moz-transform: translate(-83vw, -35vh);-webkit-transform: translate(-83vw, -35vh); transform: translate(-83vw, -35vh);}}
@keyframes going-29 {45% {-moz-transform: translate(-81vw, 0vh);-webkit-transform: translate(-81vw, 0vh);transform: translate(-81vw, 0vh);}}
@keyframes going-30 {44% {-moz-transform: translate(-85vw, -8vh);-webkit-transform: translate(-85vw, -8vh); transform: translate(-85vw, -8vh);}}

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


/* -- ЛОГОТИП-------------------------------- */

@media screen and (min-width:0px) and (max-width: 1000px)
{img.logotype_class {width: 70%;  filter: saturate(120%);}}

/* -ранние смарты------ */ 
@media (orientation: portrait) 
{img.logotype_class {width: 70%;  filter: saturate(120%);}}

/* -средние смарты портр------ */ 
@media (orientation: portrait) and (max-height: 750.001px)
{img.logotype_class {width: 70%; filter: saturate(120%);}}


/* -ранние смарты лэндскейп------ */ 
@media (orientation: landscape) 
{img.logotype_class {width: 25%;  filter: saturate(120%);}}

/* -поздние смарты------ */ 
@media (orientation: portrait) and (min-height: 800.001px)
{img.logotype_class {width: 75%;  filter: saturate(120%);}}

/* -средние смарты лэндскейп ------ */ 
@media (orientation: landscape) and (max-height: 570.001px)
{img.logotype_class {width: 35%;  filter: saturate(120%);}}

/* -поздние смарты лэндскейп ------ */ 
@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{img.logotype_class {width: 38%;  filter: saturate(120%);}}

/* -сёрфа ду ------ */ 
@media (orientation: landscape) and (width: 720px) and (height: 540px)
{img.logotype_class {width: 31%;  filter: saturate(120%);}}

/* -планшеты---- */ 
@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{img.logotype_class {width: 53%;  filter: saturate(120%);}}

/* -небольшие мониторы и планшеты горизонтальные---- */ 
@media screen and (min-width:1000.001px) and (max-width: 1500px)
{img.logotype_class {width: 33%;  filter: saturate(120%);}}

/* -большие планшеты портретно---- */ 
@media screen and (min-width:1000.001px) and (max-width: 1500px) and (orientation: portrait)
{img.logotype_class {width: 43%;  filter: saturate(120%);}}

/* --лэптопы и ноуты----------------- */
@media screen and (min-width: 1500.001px) and (max-width: 99999px)
{img.logotype_class {width: 45.5%;  filter: saturate(120%); }}


/* --общие моменты------------ */
img.logotype_class {opacity:1.0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

img.logotype_class:hover {filter: brightness(95%);}

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


/* --Текст под лого------------------------------------------ */

@media screen and (min-width:0px) and (max-width: 1000px)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 53.3%; left: 4.86%; margin-left: 0; margin-right: 4%;}}

/* -ранние смарты------ */ 
@media (orientation: portrait) 
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 48.3%; left: 4.86%; margin-left: 0; margin-right: 4%;}}

/* -средние смарты портр------ */ 
@media (orientation: portrait) and (max-height: 750.001px)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 48.3%; left: 4.86%; margin-left: 0; margin-right: 4%;}}

/* -ранние смарты лэндскейп------ */ 
@media (orientation: landscape) 
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 49.3%; left: 4.86%; margin-left: 0; margin-right: 4%;}}

/* -поздние смарты------ */ 
@media (orientation: portrait) and (min-height: 800.001px)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 55.5%; left: 4.86%; margin-left: 0; margin-right: 4%;}}

/* -средние смарты лэндскейп ------ */ 
@media (orientation: landscape) and (max-height: 570.001px)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 31%; left: 4.86%; margin-left: 0; margin-right: 4%;}}


/* -поздние смарты лэндскейп ------ */ 
@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 41%; left: 4.86%; margin-left: 0; margin-right: 35%;}}


/* -планшеты---- */ 
@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 50.8%; left: 4.86%; margin-left: 0; margin-right: 4%;}}

/* -небольшие мониторы и планшеты горизонтальные---- */ 
@media screen and (min-width:1000.001px) and (max-width: 1500px)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 48.3%; left: 4.86%; margin-left: 0; margin-right: 4%;}}

/* -большие планшеты портретно---- */ 
@media screen and (min-width:1000.001px) and (max-width: 1500px) and (orientation: portrait)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 58.3%; left: 4.86%; margin-left: 0; margin-right: 4%;}}

/* --лэптопы и ноуты----------------- */
@media screen and (min-width: 1500.001px) and (max-width: 99999px)
{.pp3 {position: absolute; text-align: left;  z-index: 100; top: 46.5%; left: 4.86%; margin-left: 0; margin-right: 38%;}}


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


@media screen and (min-width: 0px) and (max-width: 1000px)
{.txt_module4  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.6vw + 1.6vh + 1.6vmin); letter-spacing: 0.01em; line-height: calc(1.5vw + 1.5vh + 1.5vmin);}} 

@media screen and (min-width: 1000.001px) and (max-width: 1500px)
{.txt_module4  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.8vw + 1.8vh + 1.8vmin);}} 


@media screen and (min-width: 1500.001px) and (max-width: 99999px)
{.txt_module4  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.0vw + 1.0vh + 1.0vmin); letter-spacing: 0.01em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);}}

@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.txt_module4  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);}} 


/* -поздние смарты лэндскейп ------ */ 
@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{.txt_module4  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);}} 


/* ---------Кнопка Подробнее--------------------------- */ 


/* --смарты и пр.---------------- */
@media screen and (min-width: 0px) and (max-width: 1025px)
{a.trpo{position: relative; display: block; width:12vw; height: 12vw; text-align: center; line-height: 11vw;
background: #333; font-size: 78%; border-radius: 50%; box-shadow: 0 0 calc(0.8vw + 0.8vh + 0.8vmin) #ff4998; color: #fff; transition: 0.5s;}}

@media screen and (min-width: 0px) and (max-width: 1025px)
{a.trpo::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998;transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.28vw + 0.28vh + 0.28vmin) #ff4998;}}

@media screen and (min-width: 0px) and (max-width: 1025px)
{a.trpo:hover::before{background: #fff;color: rgba(255,255,255,0.6); transform: scale(1.1); box-shadow: 0 0 calc(0.4vw + 0.4vh + 0.4vmin) #ffffff;}}

@media screen and (min-width: 0px) and (max-width: 1025px)
{a.trpo:hover{color: rgba(255,255,255,0.6); text-decoration: none; box-shadow: 0 0 calc(0.28vw + 0.28vh + 0.28vmin) #fff;}}


/* --лэптопы и ноуты----------------- */
@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{a.trpo{position: relative; display: block; width: calc(1.8vw + 1.8vh + 1.8vmin); height: calc(1.8vw + 1.8vh + 1.8vmin); text-align: center; line-height: calc(1.8vw + 1.8vh + 1.8vmin);
background: #333; font-size: 75%; border-radius: 50%; box-shadow: 0 0 calc(0.4vw + 0.4vh + 0.4vmin) #ff4998; color: #fff; transition: 0.5s;}}

@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{a.trpo::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998; transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #ff4998;}}



@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{a.trpo:hover::before{background: #fff;color: rgba(255,255,255,0.6); transform: scale(1.1); box-shadow: 0 0 calc(0.4vw + 0.4vh + 0.4vmin) #ffffff;}}

@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{a.trpo:hover{color: rgba(255,255,255,0.6); text-decoration: none;box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #fff;}}



/* -планшеты---- */ 
@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{a.trpo{position: relative; display: block; width:9vw; height: 9vw; text-align: center; line-height: 8vw;
background: #333; font-size: 75%; border-radius: 50%; box-shadow: 0 0 calc(0.8vw + 0.8vh + 0.8vmin) #ff4998;color: #fff; transition: 0.5s;}}

@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{a.trpo::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998;transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #ff4998;}}

@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{a.trpo:hover::before{background: #fff;color: rgba(255,255,255,0.6); transform: scale(1.1); box-shadow: 0 0 calc(0.28vw + 0.28vh + 0.28vmin) #ffffff;}}

@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{a.trpo:hover{color: rgba(255,255,255,0.6); text-decoration: none;box-shadow: 0 0 calc(0.28vw + 0.28vh + 0.28vmin) #ffffff;}}

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


@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{a.trpo{position: relative; display: block; width:6vw; height: 6vw; text-align: center; line-height:6vw;
background: #333; font-size: 83%; border-radius: 50%; box-shadow: 0 0 calc(0.8vw + 0.8vh + 0.8vmin) #ff4998;color: #fff; transition: 0.5s;}}

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{a.trpo::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998;transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #ff4998;}}

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{a.trpo:hover::before{background: #fff;color: rgba(255,255,255,0.6); transform: scale(1.1); box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #ffffff;}}

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{a.trpo:hover{color: rgba(255,255,255,0.6); text-decoration: none;box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #fff;}}

/* -поздние смарты лэндскейп ------ */ 
@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{a.trpo{position: relative; display: block; width:4vw; height: 4vw; text-align: center; line-height:4vw;
background: #333; font-size: 83%; border-radius: 50%; box-shadow: 0 0 calc(0.8vw + 0.8vh + 0.8vmin) #ff4998; color: #fff; transition: 0.5s;}}

@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{a.trpo::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998;transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #ff4998;}}

@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{a.trpo:hover::before{background: #fff;color: rgba(255,255,255,0.6); transform: scale(1.1); box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #ffffff;}}

@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{a.trpo:hover{color: rgba(255,255,255,0.6); text-decoration: none;box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #fff;}}


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

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

@media all and (orientation:portrait) {img.land {display:none;}}
@media all and (orientation:landscape) {img.portret {display:none;}}

.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;}

.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%; }}

/* -затемнение, если смартфон перевернут-------------------- */ 
@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{.slideshow .slide .image-container::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }}

.slideshow .slide .image { width: 100%; width: 100%; object-fit: cover; height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.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: 1025px)
{.slideshow .pagination {position: absolute; bottom: 25px; left: 0; width: 100%; height: 12px; cursor: default; z-index: 2; text-align: center;}}
@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{.slideshow .pagination { position: absolute; bottom: calc(0.59vw + 0.59vh + 0.59vmin); left: 0;  width: 100%; height: calc(0.69vw + 0.69vh + 0.69vmin); cursor: default;  z-index: 2;  text-align: center;}}


@media screen and (min-width: 0px) and (max-width: 1025px)
{.slideshow .pagination .item { display: inline-block; padding: 15px 5px; position: relative; width: 21px;  height: 32px;  cursor: pointer;  text-indent: -999em;  z-index: 1;}}
@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{.slideshow .pagination .item {display: inline-block; position: relative; width: calc(0.69vw + 0.69vh + 0.69vmin); height: calc(0.69vw + 0.69vh + 0.69vmin); cursor: pointer; text-indent: -999em;  z-index: 1;}}

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

@media screen and (min-width: 0px) and (max-width: 1025px)
{.slideshow .pagination .item::before {content: ""; display: block; position: absolute;  width: 8px; height: 8px; border-radius: 50%;
background: #333; color: rgba(255,255,255,0.6); transition: 0.5s; animation: cometome 1.99s; animation-iteration-count: 1;  animation-fill-mode: forwards; }}
@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{.slideshow .pagination .item::before {content: ""; display: block; position: absolute;  width: calc(0.29vw + 0.29vh + 0.29vmin); height: calc(0.29vw + 0.29vh + 0.29vmin); border-radius: 50%;
background: #333; color: rgba(255,255,255,0.6); transition: 0.5s; animation: cometome 2.18s; animation-iteration-count: 1;  animation-fill-mode: forwards; }}

.slideshow .pagination .item::after {width: 0; background: #fff; z-index: 2; transition: width 0.2s ease;}
.slideshow .pagination .item:hover::before {background: #ff4998; transition: background 0.25s ease;}
.slideshow .pagination .item.is-active::before {background: #ff4998; transition: background 0.25s ease; }

@keyframes cometome { 0% {opacity: 0;}  100% {opacity: 1;}}


/* Лого 2 */  


/* --смартфоны---------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 600px)
{img.logotype_class2 {width: 60%; z-index: 100; filter: saturate(120%); }}

/* --маленькие смарфтоны----------------------------------- */
@media screen and (max-height: 550px) and (orientation:portrait)
{img.logotype_class2 {width: 50%; z-index: 100; filter: saturate(120%);}}

/* --почти квадратные смартфоны---------------------------------- */
@media screen and (min-width: 420px) and (max-height: 800px)
{img.logotype_class2 {width: 40%; z-index: 100; filter: saturate(120%); }}

/* --планшеты портретные------------------------------- */
@media screen and (min-width: 600.001px) and (max-width: 1025px) and (orientation:portrait)
{img.logotype_class2 {width: 35%; z-index: 100; filter: saturate(120%);}}

/* --планшеты портретные побольше------------------------------- */
@media screen and (min-width: 600.001px) and (max-width: 1025px) and (min-height: 800px)and (orientation:portrait)
{img.logotype_class2 {width: 40%; z-index: 100; filter: saturate(120%);}}

/* --альбомная ориентация смартфонов--------------------- */
@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{img.logotype_class2 {width: 50vh; z-index: 100; filter: saturate(120%);}}

/* --лэптопы и ноуты----------------- */
@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{img.logotype_class2 {width: 20%; z-index: 100; filter: saturate(120%); }}

/* ------------ */
img.logotype_class2 {opacity:1.0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

img.logotype_class2:hover {filter: brightness(95%);}

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

/* -------------------- */  
.otstup {margin-top: calc(0.65em + 0.65vw);}

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

.int_onas {width: 94.5%; border: 0px; margin-top: 25px; margin-bottom: 25px; padding: calc(0.7em + 0.7vw); text-align:left; 
background: rgba(58,14,34,0.25); }

@media screen and (min-width: 1501px) and (max-width: 3000px)
{.int_onas {width: 80%; 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(58,14,34,0.25); }}

@media screen and (min-width: 3001px) and (max-width: 99999px)
{.int_onas {width: 80%; 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(58,14,34,0.25);  }}

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


@media screen and (min-width: 0px) and (max-width: 1025px)
{.text_onas_inte  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.4vw + 1.4vh + 1.4vmin); letter-spacing: 0.01em; line-height: calc(1.99vw + 1.99vh + 1.99vmin);}} 

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{.text_onas_inte  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(0.8vw + 0.8vh + 0.8vmin); letter-spacing: 0.01em; line-height: calc(1.2vw + 1.2vh + 1.2vmin);}}

@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.text_onas_inte  {color: #fff; font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);}} 

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

a.wo_mob  {color: #ff7eb9; text-decoration: none; border-bottom: 1px dashed #ff7eb9; transition: color 0.5s ease;} 

a.wo_mob:hover {color: #fff;  border-bottom: 1px dashed transparent;  transition: color 0.5s ease; }

/* -------------------------------------------------------------------------- */  
/* ---------Кнопка Записаться------------------------ */ 

/* --смарты и пр.---------------- */
@media screen and (min-width: 0px) and (max-width: 1025px)
{a.trpo_rec{position: fixed; bottom: 5%; right: 5%; display: block; width:12vw; height: 12vw; text-align: left;
font-family: 'Roboto Condensed300';  text-decoration: rgba(255,255,255,0.3) wavy underline; font-size: calc(1.15vw + 1.15vh + 1.15vmin); letter-spacing: 0.02em; line-height: 11vw;
background: #ff4998;  border-radius: 50%; box-shadow: 0 0 calc(1.2vw + 1.2vh + 1.2vmin) #ff4998; color: #fff; transition: 0.5s; z-index: 111; }}

@media screen and (min-width: 0px) and (max-width: 1025px)
{a.trpo_rec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998;transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.64vw + 0.64vh + 0.64vmin) #ff4998;}}

@media screen and (min-width: 0px) and (max-width: 1025px)
{a.trpo_rec:hover::before{cursor: pointer;color: rgba(255,255,255,0.6);  transform: scale(1.1); box-shadow: 0 0 calc(0.4vw + 0.4vh + 0.4vmin) #ffffff;}}

@media screen and (min-width: 0px) and (max-width: 1025px)
{a.trpo_rec:hover{cursor: pointer;color: rgba(255,255,255,0.9); text-decoration: none; box-shadow: 0 0 calc(0.28vw + 0.28vh + 0.28vmin) #fff;}}


/* --лэптопы и ноуты----------------- */
@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{a.trpo_rec{position: fixed; bottom: 5%; right: 2.2%; display: block; width:3.3vw; height: 3.3vw; text-align: left;
font-family: 'Roboto Condensed300';  text-decoration: rgba(255,255,255,0.3) wavy underline; font-size: calc(0.63vw + 0.63vh + 0.63vmin); letter-spacing: 0.02em; line-height: 3.2vw;
background: #ff4998;  border-radius: 50%; box-shadow: 0 0 calc(0.64vw + 0.64vh + 0.64vmin) #ff4998; color: #fff; transition: 0.5s; z-index: 111; }}

@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{a.trpo_rec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998; transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.64vw + 0.64vh + 0.64vmin) #ff4998;}}

@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{a.trpo_rec:hover::before{cursor: pointer;background: rgba(255,73,152,0.2);  color: rgba(255,255,255,0.6); transform: scale(1.1); box-shadow: 0 0 calc(0.3vw + 0.3vh + 0.3vmin) #ffffff;}}

@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{a.trpo_rec:hover{cursor: pointer; color: rgba(255,255,255,0.6); text-decoration: none;  box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #fff;}}


/* -планшеты---- */ 
@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{a.trpo_rec{position: fixed; bottom: 5%; right: 2.5%;  display: block; width:9vw; height: 9vw; text-align: left; 
font-family: 'Roboto Condensed300'; text-decoration: rgba(255,255,255,0.3) wavy underline; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: 0.02em; line-height: 8.5vw;
background: #ff4998; border-radius: 50%; box-shadow: 0 0 calc(1.2vw + 1.2vh + 1.2vmin) #ff4998; color: #fff; transition: 0.5s; z-index: 111; }}

@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{a.trpo_rec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998;transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.64vw + 0.64vh + 0.64vmin) #ff4998;}}

@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{a.trpo_rec:hover::before{cursor: pointer;color: rgba(255,255,255,0.6);  transform: scale(1.1); box-shadow: 0 0 calc(0.4vw + 0.4vh + 0.4vmin) #ffffff;}}

@media (orientation: portrait) and (min-height: 570.001px) and (min-width: 500.001px)
{a.trpo_rec:hover{cursor: pointer;color: rgba(255,255,255,0.9); text-decoration: none; box-shadow: 0 0 calc(0.28vw + 0.28vh + 0.28vmin) #fff;}}

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

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{a.trpo_rec{position: fixed; bottom: 5%; right: 2.5%; display: block; width:4vw; height: 4vw; text-align: left;
font-family: 'Roboto Condensed300'; text-decoration: rgba(255,255,255,0.3) wavy underline; font-size: calc(0.7vw + 0.7vh + 0.7vmin); letter-spacing: 0.02em; line-height: 3.7vw;
background: #ff4998;  border-radius: 50%; box-shadow: 0 0 calc(0.64vw + 0.64vh + 0.64vmin) #ff4998; color: #fff; transition: 0.5s; z-index: 111; }}

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{a.trpo_rec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998;transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.64vw + 0.64vh + 0.64vmin) #ff4998;}}

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{a.trpo_rec:hover::before{cursor: pointer;color: rgba(255,255,255,0.6);  transform: scale(1.1); box-shadow: 0 0 calc(0.4vw + 0.4vh + 0.4vmin) #ffffff;}}

@media screen and (min-width: 0.001px) and (max-width: 1025px) and (orientation:landscape)
{a.trpo_rec:hover{cursor: pointer;color: rgba(255,255,255,0.6); text-decoration: none;  box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #fff;}}

/* -поздние смарты лэндскейп ------ */ 
@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{a.trpo_rec{position: fixed; bottom: 5%; right: 2.5%;  display: block; width:4vw; height: 4vw; text-align: left; line-height:4vw;
font-family: 'Roboto Condensed300';text-decoration: rgba(255,255,255,0.3) wavy underline;  font-size: calc(0.85vw + 0.85vh + 0.85vmin); letter-spacing: 0.02em; line-height: calc(1.99vw + 1.99vh + 1.99vmin);
background: #ff4998; border-radius: 50%; box-shadow: 0 0 calc(0.8vw + 0.8vh + 0.8vmin) #ff4998; color: #fff; transition: 0.5s;}}

@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{a.trpo_rec::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #ff4998;transition: 0.5s;transform: scale(0.9); z-index: -1;
transform: scale(1.1); box-shadow: 0 0 calc(0.14vw + 0.14vh + 0.14vmin) #ff4998;}}

@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{a.trpo_rec:hover::before{cursor: pointer; color: rgba(255,255,255,0.6);  transform: scale(1.1); box-shadow: 0 0 calc(0.4vw + 0.4vh + 0.4vmin) #ffffff;}}

@media (orientation: landscape) and (min-width: 700px) and (max-height: 570.001px)
{a.trpo_rec:hover{cursor: pointer; color: rgba(255,255,255,0.9); text-decoration: none; box-shadow: 0 0 calc(0.28vw + 0.28vh + 0.28vmin) #fff;}}


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

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

* {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.8%; 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.13%; 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: 2700px)
{.gallery a img {width: 25.3%; 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: 2700.00001px) and (max-width: 99999px)
{.gallery a img {width: 25.5%; 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.3s ease; filter: drop-shadow(0 0 calc(0.1vw + 0.1vh + 0.1vmin) #ff4998); transition: filter 0.05s ease;}}
-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;}

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

/* --------3d------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1025px)
{.podrobnee_btn {padding-left: calc(0.55vw + 0.55vh + 0.55vmin);  padding-right: calc(0.55vw + 0.55vh + 0.55vmin); 
padding-bottom: calc(0.35vw + 0.35vh + 0.35vmin);  padding-top: calc(0.35vw + 0.35vh + 0.35vmin); color: #ffffff; background:#e90870; text-decoration: none; position: relative;
font-family: 'Roboto Condensed300'; font-weight: 300; font-size: calc(1.1vw + 1.1vh + 1.1vmin); letter-spacing: 0.01em; line-height: calc(1.9vw + 1.9vh + 1.9vmin);
text-align: center; text-transform: uppercase;transition: background 0.25s ease; border-radius: 20px; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #e90870);opacity:0.82;  }}


@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{.podrobnee_btn {padding: calc(0.35vw + 0.35vh + 0.35vmin); color: #ffffff; background: #e90870; text-decoration: none; position: relative;
font-family: 'Roboto Condensed300'; font-weight: 300;  font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: 0.01em; opacity:0.82; line-height: calc(1.0vw + 1.0vh + 1.0vmin);
text-align: center; text-transform: uppercase; transition: background 0.25s ease; border-radius: 3vh; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #e90870);}}


@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.podrobnee_btn {padding: calc(0.3vw + 0.3vh + 0.3vmin); color: #ffffff; background: #e90870; text-decoration: none; position: relative;
font-family: 'Roboto Condensed300'; font-weight: 300;  font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);
text-align: center; text-transform: uppercase; transition: background 0.25s ease; border-radius: 20px; drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #e90870); opacity:0.82; }}

.podrobnee_btn:hover {background: #ffffff; color:#e90870;  filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #fff); transition: filter 0.5s ease; transition: background 0.5s ease;}

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


@media screen and (min-width: 0px) and (max-width: 1025px)
{.man .pop .fr {padding: calc(0.25em + 0.25vw); color: #ffffff;text-decoration: none;position: relative;background: transparent;text-align: center;text-indent: 2px;opacity: 0.999;  text-transform: uppercase;
position: relative; overflow: hidden; z-index: 1; transition: color 0.1s linear 0.05s; font-family: 'Roboto Condensed300'; font-weight: 300; 
font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.9vw + 1.9vh + 1.9vmin); }}

@media screen and (min-width: 1025.001px) and (max-width: 999999px)
{.man .pop .fr {padding: calc(0.25em + 0.25vw); color: #ffffff; text-decoration: none; position: relative; background: transparent; text-align: center; text-indent: 2px; opacity: 0.999; text-transform: uppercase;
position: relative; overflow: hidden; z-index: 1; transition: color 0.1s linear 0.05s; font-family: 'Roboto Condensed300'; font-weight: 300;  font-size: calc(0.85vw + 0.85vh + 0.85vmin); letter-spacing: 0.01em;}}


@media screen and (min-height: 0px) and (max-height: 319px) and (orientation:landscape)
{.man .pop .fr {padding: calc(0.25em + 0.25vw); color: #ffffff; text-decoration: none; position: relative; background: transparent; text-align: center; text-indent: 2px; opacity: 0.999;
text-transform: uppercase; position: relative; overflow: hidden; z-index: 1; transition: color 0.1s linear 0.05s; font-family: 'Roboto Condensed300'; font-weight: 300;  font-size: calc(1.3vw + 1.3vh + 1.3vmin); letter-spacing: 0.01em; line-height: calc(1.7vw + 1.7vh + 1.7vmin);}}

.man .pop .fr span {position: absolute; width: 25%; height: 100%;  background-color: #e90870; transform: translateX(150%); left: calc((var(--n) - 1) * 25%); transition: 0.59s; transition-delay: calc((var(--n) - 1) * 0.1s);
z-index: -1; transform: translateY(0) scale(2); -webkit-animation: tim 6s infinite; animation: tim 6s infinite; filter: drop-shadow(0 0 calc(0.1vw + 0.1vh + 0.1vmin) #e90870);}

.man .pop .fr:hover span {}
.man .pop .fr span:nth-child(1) {--n: 1;}
.man .pop .fr span:nth-child(2) {--n: 2;}
.man .pop .fr span:nth-child(3) {--n: 3;}
.man .pop .fr span:nth-child(4) {--n: 4;}
@-webkit-keyframes tim {0% {opacity: 1;} 40% {opacity: 0;} 50% {opacity: 0;} 90% {opacity: 1;} 100% {opacity: 1;}}
@keyframes tim {0% {opacity: 1;} 40% {opacity: 0;} 50% {opacity: 0;} 90% {opacity: 1;} 100% {opacity: 1;}}

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


.mg {width: 94.5%; border: 0px; 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)
{.mg {width: 80%; border: 0px; 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)
{.mg {width: 80%; border: 0px; 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: 1025px)
{a.top_center {color:#fff; text-transform: uppercase; display: inline-block; text-decoration: none;
font-family: 'Roboto Condensed300'; font-size: calc(0.9vw + 0.9vh + 0.9vmin); letter-spacing: 0.05em; line-height: calc(2.4vw + 2.4vh + 2.4vmin);
}} 

@media screen and (min-width: 1025.001px) and (max-width: 99999px)
{a.top_center {color:#fff; text-transform: uppercase; display: inline-block; text-decoration: none; 
font-family: 'Roboto Condensed300'; font-size: calc(0.4vw + 0.4vh + 0.4vmin); letter-spacing: 0.05em; line-height: calc(1.9vw + 1.9vh + 1.9vmin);
}} 

a.top_center:hover {opacity: 0.5; transition: opacity 0.5s ease;}




/* ---СПЕЦИАЛИСТЫ------------------------------- */ 

@media screen and (min-width: 0px) and (max-width: 1200px)
{.spot {text-decoration: none; white-space: nowrap; background: #d92278; padding:calc(0.15em + 0.15vw); transition: background 0.9s ease; }}


@media screen and (min-width: 1200.01px) and (max-width: 99999px)
{.spot {text-decoration: none; white-space: nowrap; background: #d92278; padding:calc(0.15em + 0.15vw); transition: background 0.9s ease; }}

@media all and (orientation:landscape) and (max-width: 1200.01px) 
{.spot {text-decoration: none;  white-space: nowrap; background: #d92278; padding:calc(0.25em + 0.25vw); transition: background 0.9s ease; }}

.spot:hover {background: #ff298d;transition: background 0.4s ease; }


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

@media screen and (min-width: 0px) and (max-width: 1200px)
{.spot2 {text-decoration: none; white-space: nowrap; background: rgba(255,255,255,0.8); padding: 1%; transition: background 0.9s ease; }}


@media screen and (min-width: 1200.01px) and (max-width: 99999px)
{.spot2 {text-decoration: none; white-space: nowrap; background: rgba(255,255,255,0.8); padding-top: -1%; padding-right: 0.3%; padding-left: 0.3%; transition: background 0.9s ease; }}

@media all and (orientation:landscape) and (max-width: 1200.01px) 
{.spot2 {text-decoration: none;  white-space: nowrap; background: rgba(255,255,255,0.8); padding: 1%; transition: background 0.9s ease; }}

.spot2:hover {background: rgba(255,255,255,0.99);transition: background 0.4s ease; }

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

a.big_menu_link {text-decoration: none; color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.48em + 0.48vw); letter-spacing: 0;
 text-align: center; transition: opacity 0.5s ease;}

@media screen and (min-width: 3000.001px) and (max-width: 99999px)
{a.big_menu_link { font-size: calc(1.15em + 0.85vw); transition: opacity 0.5s ease;}}

a.big_menu_link:hover {text-decoration: none; color: #ffffff; font-family: 'Roboto Condensed300'; font-size: calc(0.48em + 0.48vw); letter-spacing: 0; text-align: center;} 

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

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


@media screen and (min-width: 0px) and (max-width: 500px)
{.folder {position: relative;width:48%; margin: 0.7vw;float:left; padding-top: 1.2vh; }}

@media screen and (min-width: 500.001px) and (max-width: 1024px)
{.folder {position: relative;width:70%; margin: 20px;float:left;padding-top: 1.2vh; }}

@media screen and (min-width: 1024.001px) and (max-width: 9999999px) 
{.folder {position: relative;width:20%; margin: 0.5vw; padding-top: 2.4vh; float:left; opacity:0.87; }}

.folder:hover {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border: 0; cursor: pointer; 
transition: opacity 0.3s ease; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) #ff4998); transition: filter 0.05s ease;} 

img.image_folder {width:100%; border-radius: 10%;}

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

@media screen and (min-width: 0.001px) and (max-width: 1024px)
{.text_on_folder {position: absolute; font-size: 150%; bottom: 0.3em; left: 0; right: 0; margin: 0 auto;}}

@media screen and (min-width: 1024.001px) and (max-width: 2024px)
{.text_on_folder {position: absolute; bottom: 1em; left: 0; right: 0; margin: 0 auto;}}

@media screen and (min-width: 2024.001px) and (max-width: 9999999px)
{.text_on_folder {position: absolute; bottom: 5%; left: 0; right: 0; margin: 0 auto;}}

.all_folders {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;}

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

/* ------фото------------------------------------------------------------------ */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.photo_v_module_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.photo_v_module_contacts {width:30%; float: right; margin-left: 4%;  margin-top: 1%;  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; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(255,255,255,0.3));}}

img.photo_v_module_contacts:hover {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; transition: opacity 0.4s ease; filter: drop-shadow(0 0 calc(1.15vw + 1.15vh + 1.15vmin) rgba(255,255,255,0.3));} 

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


/* ------фото------------------------------------------------------------------ */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.contacts_image {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.contacts_image {width:40%; float: right; margin-left: 4%;  margin-top: 2.5%;  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; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(255,255,255,0.3));}}

img.contacts_image:hover {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; transition: opacity 0.4s ease; filter: drop-shadow(0 0 calc(1.15vw + 1.15vh + 1.15vmin) rgba(255,255,255,0.3));} 


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

/* фото в акциях */  

@media screen and (min-width: 0px) and (max-width: 600px)
{img.a0 {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.a0 {width:30%; float: right; margin-left: 4%;  margin-top: 1%;  border: 0; opacity: 0.95; border-radius: 5%; -webkit-border-radius: 5%; -moz-border-radius: 5%;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(255,255,255,0.3));}}

img.a0:hover {filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; transition: opacity 0.4s ease; filter: drop-shadow(0 0 calc(1.15vw + 1.15vh + 1.15vmin) rgba(255,255,255,0.3));} 


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

@media screen and (min-width: 0px) and (max-width: 1501px)
{img.qr {width:90%; padding-left:10%; padding-right:1%; padding-top:10%; padding-bottom:10%;border: 0; opacity: 1.0;}}

@media screen and (min-width: 1501.0001px) and (max-width: 999999px)
{img.qr {width: 90%; padding-left:10%; padding-right:1%; padding-top:10%; padding-bottom:10%;border: 0; opacity: 1.0;}}

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

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


.black_out {display: none;}
.black_out:before {content: '';	background-image:url('fon1_land_3000.jpg'); background-size: cover; position: fixed; left: 0; top: 0;	width: 100%; height: 100%; opacity: 0.9; 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: 'Roboto Condensed300'; font-size: calc(1.2vw + 1.2vh + 1.2vmin); letter-spacing: 0.01em;
 border-radius:calc(0.45vw + 0.45vh + 0.45vmin); background-image:url('fon1_land_3000.jpg'); background-size: cover;
padding: calc(0.9em + 0.9vw); width: 95%;  transition: 0.2s; z-index: 999;  filter: drop-shadow(0 0 calc(0.47em + 0.47vw) #ff91c1);  }}


@media screen and (min-width: 1100.001px) and (max-width: 2559px)
{.zakaz {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
text-decoration: none; color:#ffffff; font-family:'Roboto Condensed300'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.03em; 
border-radius: calc(0.3em + 0.3vw);  background-image:url('fon1_land_3000.jpg'); background-size: cover; filter: drop-shadow(0 0 calc(0.47em + 0.47vw) #ff91c1); 
padding: calc(0.9em + 0.9vw); width: 48%; transition: 0.2s; z-index: 999;  }}

@media screen and (min-width: 2559.001px) and (max-width: 99999px)
{.zakaz {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
text-decoration: none; color:#ffffff; font-family:'Roboto Condensed300'; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: 0.005em; 
border-radius: calc(0.3em + 0.3vw); background-image:url('fon1_land_3000.jpg'); background-size: cover;
padding: calc(0.9em + 0.9vw); width: 48%; transition: 0.2s; z-index: 999; filter: drop-shadow(0 0 calc(0.47em + 0.47vw) #ff91c1);  }}


@media screen and (min-width: 0.001px) and (max-width: 1100px)
{a.link_up  {color: #73f47a; font-family: 'Roboto Condensed300'; 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; opacity: 1.0; }} 

@media screen and (min-width: 1100.001px) and (max-width: 2559px)
{a.link_up  {color: #73f47a; font-family:'Roboto Condensed300'; font-size: calc(0.6vw + 0.6vh + 0.6vmin); letter-spacing: 0.005em; line-height: calc(1.1vw + 1.1vh + 1.1vmin); 
text-decoration: none; }} 

@media screen and (min-width: 2559.001px) and (max-width: 99999px)
{a.link_up  {color: #73f47a;  font-family:'Roboto Condensed300'; font-size: calc(0.65vw + 0.65vh + 0.65vmin); letter-spacing: 0.005em; line-height: calc(1.0vw + 1.0vh + 1.0vmin); 
text-decoration: none; }} 

a.link_up:hover {color: #fe4040; 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: 642px)
{img.picture_contacts3 {display: none;}}


@media screen and (min-width: 642.001px) and (max-width: 99999px)
{img.picture_contacts3 {width:27%; float: right; margin-left: 8%; margin-top: 2%; border: 0; opacity: 0.9; 
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}

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