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

body {overflow-x: hidden;}

::selection {background: #e0c3de; color:#000;}
::-moz-selection {background: #e0c3de; color:#000;}
::-webkit-selection {background: #e0c3de; color:#000;}


@media (prefers-color-scheme: dark) {body {background:#2f2b2f;}}

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


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

/* Лоадер */

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

.loader_main {
    background: #954e90;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}


.logo_main {
    position: absolute;
    top: 45%;
    left: 48%;
    transform: translate(-45%, -48%);
    -ms-transform: translate(-45%, -48%);
    -moz-transform: translate(-45%, -48%);
    -webkit-transform: translate(-45%, -48%);
}

/* размеры логотипа для обычного экрана */
@media screen and (min-width: 0px) and (max-width: 2500px)
{.logo_class {
    width: 150px;
    height: 150px;
    animation: heartbeat 1s infinite; 
    -moz-animation: heartbeat 1s infinite; 
    -webkit-animation: heartbeat 1s infinite; 
    } 
  }

/* размеры логотипа для огромного экрана */
@media screen and (min-width: 2501px) and (max-width: 99999999999px)
{.logo_class {
    width: 400px;
    height: 400px;
    animation: heartbeat 1s infinite; 
    -moz-animation: heartbeat 1s infinite; 
    -webkit-animation: heartbeat 1s infinite; 
    } 
  }


    @keyframes heartbeat {
    0%   {
    transform: scale( 1 );  
-ms-transform: scale( 1 );  
-moz-transform: scale( 1 );  
-webkit-transform: scale( 1 );  
         }
    
20%  {
    transform: scale( 1.45 );
-ms-transform: scale( 1.45 );
-moz-transform: scale( 1.45 );
-webkit-transform: scale( 1.45 );
     translateX(5%);
     translateY(5%);
         } 
    }

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


@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-v24-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/nunito-v24-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-v24-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-v24-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-v24-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-v24-latin_cyrillic-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}


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


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

.scroll_start{width:63px; height:87px; transform: scale(0.7); opacity:0.5; position:fixed; bottom:5%; right:1.5%; display:none; text-indent:-9999px; background: url(up.png) no-repeat; 
outline:0; -webkit-tap-highlight-color: transparent; z-index:999;}

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

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

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

@media screen and (min-width: 7001px) and (max-width: 999999px)
{.scroll_start{transform: scale(3.0); bottom:4%; right:2.5%; }}

@media (prefers-color-scheme: dark) {.scroll_start{background: url(up_dark.png) no-repeat; opacity:0.7; }}


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



/* ----  МЕНЮ - КНОПКА ----------- */  
/* -------------------------------------------------------------------------- */  

/* -САМА КНОПКА------------------------ */  


@-webkit-keyframes IntervalitsmagicBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
}

@keyframes IntervalitsmagicBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
}

.itsmagic {
	transform: none;
	width: 64px;
	height: 64px;
	display: block;
	position: relative;
	cursor: pointer;
	position: fixed;
	top: 2.25em;
	right: 2.25em;
	z-index: 110;
	border-radius:  50%; 
 -webkit-border-radius:  50%; 
 -moz-border-radius:  50%; 
	background-color: #954e90;
	pointer-events: auto;
	opacity: 0.7;
    -webkit-tap-highlight-color: transparent;

}

@media (prefers-color-scheme: dark) {.itsmagic {opacity: 1.0;}}

.itsmagic::after {
	transform: none;
	width: 64px;
	height: 64px;
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	border: 5px dashed rgb(149,78,144, 1.0);
	border-radius:   50%; 
 -webkit-border-radius:   50%; 
 -moz-border-radius:  50%;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-name: IntervalitsmagicBorder;
	animation-name: IntervalitsmagicBorder;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@media (prefers-color-scheme: dark) {.itsmagic::after {opacity: 1.0;}}



.itsmagic__line {
	width: 28px;
	height: 2px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

.itsmagic__line-in {
	width: 84px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
}

.itsmagic__line-in::before,
.itsmagic__line-in::after {
	width: 28px;
	height: 2px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-color: #fff;
}



.itsmagic__line-in::before {
	left: -56px;
}

.itsmagic__line-in::after {
	left: 0;
}

.itsmagic__line--01,
.itsmagic__line--02,
.itsmagic__line--03,
.itsmagic__line--cross01,
.itsmagic__line--cross02 {
	left: 18px;
}

.itsmagic__line--01 {
	top: 24.6px;
}

.itsmagic__line--02,
.itsmagic__line--cross01,
.itsmagic__line--cross02 {
	top: 31px;
}

.itsmagic__line--03 {
	top: 37.4px;
}

.itsmagic__line--cross01 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.itsmagic__line--cross02 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.itsmagic__line {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.itsmagic__line-in {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.itsmagic__line-in::before,
.itsmagic__line-in::after {
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.itsmagic__line-in--cross01,
.itsmagic__line-in--cross02 {
	-webkit-transform: translateX(-33.3%);
	transform: translateX(-33.3%);
}

.itsmagic__line-in--01 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.itsmagic__line-in--02 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.itsmagic__line-in--02::before,
.itsmagic__line-in--02::after {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.itsmagic__line-in--03 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.itsmagic__line-in--03::before,
.itsmagic__line-in--03::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.itsmagic__line-in--cross01 {
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}

.itsmagic__line-in--cross02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.itsmagic__line-in--cross02::before,
.itsmagic__line-in--cross02::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.itsmagic.is-opened-navi .itsmagic__line-in--01,
.itsmagic.is-opened-navi .itsmagic__line-in--02,
.itsmagic.is-opened-navi .itsmagic__line-in--03 {
	-webkit-transform: translateX(33.3%);
	transform: translateX(33.3%);
}

.itsmagic.is-opened-navi .itsmagic__line-in--cross01,
.itsmagic.is-opened-navi .itsmagic__line-in--cross02 {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.itsmagic.is-opened-navi .itsmagic__line-in--01 {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.itsmagic.is-opened-navi .itsmagic__line-in--02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.itsmagic.is-opened-navi .itsmagic__line-in--03 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.itsmagic.is-opened-navi .itsmagic__line-in--cross01 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.itsmagic.is-opened-navi .itsmagic__line-in--cross02 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.itsmagic:hover .itsmagic__line-in::before,
.itsmagic:hover .itsmagic__line-in::after {
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}

.itsmagic:hover .itsmagic__line-in--01::before,
.itsmagic:hover .itsmagic__line-in--01::after,
.itsmagic:hover .itsmagic__line-in--02::before,
.itsmagic:hover .itsmagic__line-in--02::after,
.itsmagic:hover .itsmagic__line-in--03::before,
.itsmagic:hover .itsmagic__line-in--03::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.itsmagic:hover .itsmagic__line-in--cross01::before,
.itsmagic:hover .itsmagic__line-in--cross01::after,
.itsmagic:hover .itsmagic__line-in--cross02::before,
.itsmagic:hover .itsmagic__line-in--cross02::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.itsmagic.is-opened-navi:hover .itsmagic__line-in--cross01::before,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--cross01::after,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--cross02::before,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--cross02::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.itsmagic.is-opened-navi:hover .itsmagic__line-in--01::before,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--01::after,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--02::before,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--02::after,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--03::before,
.itsmagic.is-opened-navi:hover .itsmagic__line-in--03::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}



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



@media screen and (min-width: 1051px) and (max-width: 1920px)
{
	.itsmagic {
		position: fixed;
		top: 1.5em;
		right: 1.5em;
		transform: scale(1.00);
	}
}



@media screen and (min-width: 1921px) and (max-width: 3000px)
{
	.itsmagic {
		position: fixed;
		top: 4%;
		right: 2%;
		transform: scale(1.4);
	}
}


@media screen and (min-width: 3001px) and (max-width: 4000px)
{
	.itsmagic {
		position: fixed;
		top: 5%;
		right: 2%;
		transform: scale(1.8);
	}
}


@media screen and (min-width: 4001px) and (max-width: 5000px)
{
	.itsmagic {
		position: fixed;
		top: 6%;
		right: 4%;
		transform: scale(2.25);
	}
}

@media screen and (min-width: 5001px) and (max-width: 6000px)
{
	.itsmagic {
		position: fixed;
		top: 6%;
		right: 4%;
		transform: scale(2.75);
	}
}

@media screen and (min-width: 6001px) and (max-width: 9999999999px)
{
	.itsmagic {
		position: fixed;
		top: 6%;
		right: 4%;
		transform: scale(3.75);
	}
}

/* КОНЕЦ самой кнопки */

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


/* Содержимое меню из кнопки */


*, *: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 {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(149,78,144,0.95); z-index: 100000;}


/* кнопка закрыть для разных экранов */
.overlay .overlay-close {border:0; width: 0px; height: 0px; display: block; cursor: pointer; position: fixed;
	top: 2.25em; right: 2.25em;	z-index: 120; border-radius: 50%; pointer-events: auto;	-webkit-tap-highlight-color: rgba(0,0,0,0); background: url(close.png) no-repeat center center; 
}

img.new_b {border:0; cursor: pointer; width: 50px; position: fixed; top: 2.25em; right: 2.25em; z-index: 120000; }

@media screen and (max-width: 55em)
{ img.new_b {border:0; cursor: pointer; width: 10%; position: fixed; top: 2.25em; right: 2.25em; z-index: 120000; }}

@media screen and (min-width: 1921px) and (max-width: 800000000px)
{ img.new_b {border:0; cursor: pointer; width: 3%; position: fixed; top: calc(3.5em + 0.8vw); right: calc(3.5em + 0.8vw); z-index: 120000; }}

img.new_b:hover { opacity: 0.85; }


/* картинка от кнопки закрыть для небольших по высоте экранов */

@media screen and (min-height: 0em) and (max-height: 2.999em)
{img.new_b {border:0px;  cursor: pointer;  width: 25px; position: fixed; right: 0.85em; top: 0.7em;  z-index: 120000;  }}

@media screen and (min-height: 3em) and (max-height: 5.999em)
{img.new_b {border:0px;  cursor: pointer;  width: 25px; position: fixed; right: 0.85em; top: 2.5em;  z-index: 120000;  }}

@media screen and (min-height: 6em) and (max-height: 7.999em)
{img.new_b {border:0px;  cursor: pointer;  width: 25px; position: fixed; right: 0.85em; top: 2.75em;  z-index: 120000;  }}

@media screen and (min-height: 8em) and (max-height: 11.999em)
{img.new_b {border:0px;  cursor: pointer;  width: 25px; position: fixed; right: 0.85em; top: 3em;  z-index: 120000;  }}


.overlay nav.krupnoe_menu {text-align: center; position: relative; top: 40%; height:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}


.overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative;}
.overlay ul li {display: block; height: 20%; height: calc(100% / 6); min-height: 54px;}

/* описание ссылок в маленьком меню */
.overlay ul li a {-webkit-transition: color 0.2s; transition: color 0.2s;
text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important;  -webkit-font-smoothing: antialiased !important;
 color: #FFFFFF; font: normal 1.2rem 'Nunito'; text-decoration: none; text-transform: uppercase;  letter-spacing: 0.5px; line-height: 1.9rem; white-space: nowrap; padding: 6px;
text-align: left;  }
.overlay ul li a:hover, .overlay ul li a:focus {color: #150317; border-bottom: 1px solid #150317;}


/* увеличение размера пунктов меню для больших по ширине экранов */

@media screen and (max-width: 55em)
{ .overlay ul li a {font: normal 1.2rem 'Nunito'; }}

@media screen and (min-width: 1921px) and (max-width: 3000px)
{ .overlay ul li a {font: normal 2.2rem 'Nunito'; }}

 @media screen and (min-width: 3001px) and (max-width: 4000px)
{ .overlay ul li a {font: normal 3.2rem 'Nunito'; }}

@media screen and (min-width: 4001px) and (max-width: 5000px)
{ .overlay ul li a {font: normal 4.2rem 'Nunito'; }}

@media screen and (min-width: 5001px) and (max-width: 6000px)
{ .overlay ul li a {font: normal 5.2rem 'Nunito'; }}

@media screen and (min-width: 6001px) and (max-width: 800000000px)
{ .overlay ul li a {font: normal calc(2.5em + 0.8vw) 'Nunito'; }}


/* эффектики */
.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: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(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: rotateX(0deg); transform: rotateX(0deg);}
.overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg);	transform: translateY(25%) rotateX(-35deg);}



/* Для небольших по высоте экранов или для альбомной ориентации компактных смартфонов */


@media screen and (min-height: 0em) and (max-height: 11.999em)
{.overlay nav.krupnoe_menu {height: 0%; top: 10%;}}

@media screen and (min-height: 0em) and (max-height: 11.999em)
{.overlay ul li {min-height: 16px; display: inline;}}

@media screen and (min-height: 0em) and (max-height: 11.999em)
{.overlay ul li a {font: normal 0.9rem 'Nunito'; line-height: 1.5rem; white-space: nowrap; padding-right: 12px; }}

@media screen and (min-height: 0em) and (max-height: 11.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {color: #150317; border-bottom: 0px solid #150317;}}


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

@media screen and (min-height: 12em) and (max-height: 14.999em)
{.overlay nav.krupnoe_menu {height: 5%; top: 5%;}}

@media screen and (min-height: 12em) and (max-height: 14.999em)
{.overlay ul li {min-height: 20px; }}

@media screen and (min-height: 12em) and (max-height: 14.999em)
{.overlay ul li a {font: normal 0.8rem 'Nunito';}}

@media screen and (min-height: 12em) and (max-height: 14.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {color: #150317; border-bottom: 0px solid #150317;}}



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

@media screen and (min-height: 15em) and (max-height: 16.999em)
{.overlay nav.krupnoe_menu {height: 5%; top: 5%;}}

@media screen and (min-height: 15em) and (max-height: 16.999em)
{.overlay ul li {min-height: 25px; }}

@media screen and (min-height: 15em) and (max-height: 16.999em)
{.overlay ul li a {font: normal 0.9rem 'Nunito';}}

@media screen and (min-height: 15em) and (max-height: 16.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {color: #150317; border-bottom: 0px solid #150317;}}


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

@media screen and (min-height: 17em) and (max-height: 21.999em)
{.overlay nav.krupnoe_menu {height: 5%; top: 5%;}}

@media screen and (min-height: 17em) and (max-height: 21.999em)
{.overlay ul li {min-height: 30px; }}

@media screen and (min-height: 17em) and (max-height: 21.999em)
{.overlay ul li a {font: normal 1.0rem 'Nunito';}}

@media screen and (min-height: 17em) and (max-height: 21.999em)
{.overlay ul li a:hover, .overlay ul li a:focus {color: #150317; border-bottom: 0px solid #150317;}}

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

@media screen and (min-height: 22em) and (max-height: 25.999em)
{.overlay nav.krupnoe_menu {height: 5%; top: 5%;}}

@media screen and (min-height: 22em) and (max-height: 25.999em)
{.overlay ul li {min-height: 38px; }}

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

@media screen and (min-height: 26em) and (max-height: 33em)
{.overlay nav.krupnoe_menu {height: 8%; top: 8%;}}

@media screen and (min-height: 26em) and (max-height: 33em)
{.overlay ul li {min-height: 44px; }}



/* Конец содержимого меню из кнопки */

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





/* -------------------------------------------------------------------------- */  
/* -Звонок------------------------------------------- */  
/* -------------------------------------------------------------------------- */  

@media screen and (min-width: 0px) and (max-width: 1050px)
{
	.phone_old {
	width: 100px;
	height: 100px;
	cursor: pointer;
	z-index: 999;
	opacity: 0.4;
	background: url(button.png) no-repeat; 
	-webkit-tap-highlight-color: transparent;
    border-radius:   50%; 
    -webkit-border-radius:   50%; 
    -moz-border-radius:  50%;
     position: fixed;
	top: -10px;
	left: -10px;
    transform: scale(0.65);
}}

.phone_old:hover { opacity: 0.9; }


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



@media (prefers-color-scheme: dark) {.phone_old {opacity: 0.6;}}


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


/* Основной верхний логотип */  



img.logotype_on_top {width:255px;	margin-top: calc(0.2em + 0.8vw); border: 0px;

border: 3px solid #ffe3fd;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  -moz-box-shadow:0px 0px 5px #ffe3fd;
 -webkit-box-shadow:0px 0px 5px #ffe3fd;
 box-shadow:0px 0px 5px #ffe3fd;
 border-radius: 50% 50% 50% 50%;
 -webkit-border-radius:50% 50% 50% 50%;
 -moz-border-radius: 50% 50% 50% 50%;
  padding: 4px;

 }
 
 @media screen and (max-width: 55em)
 {
	img.logotype_on_top {width: 60%; max-width:215px; margin-top: 10px;


border: 3px solid #ffe3fd;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  -moz-box-shadow:0px 0px 5px #ffe3fd;
 -webkit-box-shadow:0px 0px 5px #ffe3fd;
 box-shadow:0px 0px 5px #ffe3fd;
 border-radius: 50% 50% 50% 50%;
 -webkit-border-radius:50% 50% 50% 50%;
 -moz-border-radius: 50% 50% 50% 50%;
  padding: 4px;
}
}
 
img.logotype_on_top:hover {opacity:0.8; cursor: pointer; }

 @media screen and (max-width: 55em) {
	img.logotype_on_top:hover  {opacity:0.8;  cursor: pointer;	}
}
 
@media screen and (min-width: 2300px) and (max-width: 800000000px)
{img.logotype_on_top {width:15%; margin-top: calc(0.2em + 0.8vw); border: 0px;
border: 6px solid #ffe3fd;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  -moz-box-shadow:0px 0px 9px #ffe3fd;
 -webkit-box-shadow:0px 0px 9px #ffe3fd;
 box-shadow:0px 0px 9px #ffe3fd;
 border-radius: 50% 50% 50% 50%;
 -webkit-border-radius:50% 50% 50% 50%;
 -moz-border-radius: 50% 50% 50% 50%;
  padding: 8px;

 }
}


@media (prefers-color-scheme: dark) {img.logotype_on_top {border: 2px solid #954e90; -moz-box-shadow:0px 0px 9px #954e90;
 -webkit-box-shadow:0px 0px 9px #954e90;
 box-shadow:0px 0px 9px #954e90; opacity: 1.0;}}





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


/* СТАРТ - условия для скрытия меню большого экрана */
 
/* До 910px большое меню показывать не надо, оно СКРЫТО! */
@media screen and (min-width: 0px) and (max-width: 910px)
{.bolshoy_ekran {display: none;}}

/* При экране больше 911px, появляется нормальное, большое меню */
@media screen and (min-width: 911px) and (max-width: 8000000px)
{.bolshoy_ekran {display: block; margin-top: calc(0.2em + 0.8vw); }}


/* КОНЕЦ - условия открытия меню для большого или маленького экрана */




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



/* НАЧАЛО МЕНЮ - БОЛЬШОЙ ЭКРАН */


table.menu_table {width: 50%;}

@media screen and (min-width: 0px) and (max-width: 1399px)
{a.upmenu {color: #954e90; font-family: 'Nunito'; font-size: calc(0.4em + 0.60vw); 
 text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px 12px 6px 12px;} }

@media screen and (min-width: 1400px) and (max-width: 2000px)
{a.upmenu{color: #954e90; font-family: 'Nunito'; font-size: calc(0.3em + 0.55vw); 
 text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px 12px 6px 12px;}}

@media screen and (min-width: 2001px) and (max-width: 3500px)
{a.upmenu{color: #954e90; font-family: 'Nunito'; font-size: calc(0.4em + 0.6vw); 
 text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px calc(0.3em + 0.3vw) 6px calc(0.3em + 0.3vw);}}

@media screen and (min-width: 3501px) and (max-width: 99999999999999px)
{a.upmenu{color: #954e90; font-family: 'Nunito'; font-size: calc(0.6em + 0.65vw); 
 text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px calc(0.3em + 0.3vw) 6px calc(0.3em + 0.3vw);}}


@media (prefers-color-scheme: dark) {a.upmenu {color: #c9bbcb;}}







@media screen and (min-width: 0px) and (max-width: 1399px)
{a.upmenu:hover {color: #c9bbcb; font-family: 'Nunito'; font-size: calc(0.4em + 0.60vw);  text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px 12px 6px 12px;
 border-bottom: 1px solid #c9bbcb; white-space: nowrap;} } 

@media screen and (min-width: 1400px) and (max-width: 2000px)
{a.upmenu:hover {color: #c9bbcb; font-family: 'Nunito'; font-size: calc(0.3em + 0.55vw);   text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px 12px 6px 12px;
 border-bottom: 1px solid #c9bbcb; white-space: nowrap;} } 

@media screen and (min-width: 2001px) and (max-width: 3500px)
{a.upmenu:hover {color: #c9bbcb; font-family: 'Nunito'; font-size: calc(0.4em + 0.6vw);    text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px calc(0.3em + 0.3vw) 6px calc(0.3em + 0.3vw);
 border-bottom: 1px solid #c9bbcb; white-space: nowrap;} } 

@media screen and (min-width: 3501px) and (max-width: 99999999999999px)
{a.upmenu:hover {color: #c9bbcb; font-family: 'Nunito'; font-size: calc(0.6em + 0.65vw);    text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px calc(0.3em + 0.3vw) 6px calc(0.3em + 0.3vw);
 border-bottom: 1px solid #c9bbcb; white-space: nowrap;} } 


@media (prefers-color-scheme: dark) {a.upmenu:hover {color: #ffffff; border-bottom: 1px solid #ffffff;}}



@media screen and (min-width: 0px) and (max-width: 1399px)
{a.upmenu_selected {color: #700e7b; font-family: 'Nunito'; font-size: calc(0.4em + 0.60vw);  text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px 12px 6px 12px;
 border-bottom: 1px solid #700e7b; white-space: nowrap;}}

@media screen and (min-width: 1400px) and (max-width: 2000px)
{a.upmenu_selected {color: #700e7b; font-family: 'Nunito'; font-size: calc(0.3em + 0.55vw);  text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px 12px 6px 12px;
 border-bottom: 1px solid #700e7b; white-space: nowrap;}}

@media screen and (min-width: 2001px) and (max-width: 3500px)
{a.upmenu_selected {color: #700e7b; font-family: 'Nunito'; font-size: calc(0.4em + 0.6vw);   text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px calc(0.3em + 0.3vw) 6px calc(0.3em + 0.3vw);
 border-bottom: 1px solid #700e7b; white-space: nowrap;}}

@media screen and (min-width: 3501px) and (max-width: 99999999999999px)
{a.upmenu_selected {color: #700e7b; font-family: 'Nunito'; font-size: calc(0.6em + 0.65vw);   text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px calc(0.3em + 0.3vw) 6px calc(0.3em + 0.3vw);
 border-bottom: 1px solid #700e7b; white-space: nowrap;}}


@media (prefers-color-scheme: dark) {a.upmenu_selected {color: #e7a5e2; border-bottom: 1px solid #e7a5e2;}}




@media screen and (min-width: 0px) and (max-width: 1399px)
{a.upmenu_selected:hover  {color: #c9bbcb; font-family: 'Nunito'; font-size: calc(0.4em + 0.60vw);  text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px 12px 6px 12px;
 border-bottom: 1px solid #c9bbcb; white-space: nowrap;}}

@media screen and (min-width: 1400px) and (max-width: 2000px)
{a.upmenu_selected:hover  {color: #c9bbcb; font-family: 'Nunito'; font-size: calc(0.3em + 0.55vw); text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px 12px 6px 12px;
 border-bottom: 1px solid #c9bbcb; white-space: nowrap;}}

@media screen and (min-width: 2001px) and (max-width: 3500px)
{a.upmenu_selected:hover  {color: #c9bbcb; font-family: 'Nunito'; font-size: calc(0.4em + 0.6vw);  text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px calc(0.3em + 0.3vw) 6px calc(0.3em + 0.3vw);
 border-bottom: 1px solid #c9bbcb; white-space: nowrap;}}

@media screen and (min-width: 3501px) and (max-width: 99999999999999px)
{a.upmenu_selected:hover  {color: #c9bbcb; font-family: 'Nunito'; font-size: calc(0.6em + 0.65vw);  text-decoration: none; text-transform: uppercase;
text-align: center;  letter-spacing: 1px; line-height: 1.9rem; white-space: nowrap; padding: 6px calc(0.3em + 0.3vw) 6px calc(0.3em + 0.3vw);
 border-bottom: 1px solid #c9bbcb; white-space: nowrap;}}

@media (prefers-color-scheme: dark) {a.upmenu_selected:hover {color: #ffffff; border-bottom: 1px solid #ffffff;}}



/* КОНЕЦ МЕНЮ - БОЛЬШОЙ ЭКРАН */


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



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




/* ----Заголовок для небольших экранов------------------------------------------ */  

@media screen and (min-width: 0px) and (max-width: 910px)
{a.center_text {color:#ffffff;  font-family: 'Nunito'; font-size: calc(1.1em + 0.7vw); background-color: #e4c8e2; padding: 5px; 
text-decoration: none; text-transform:none; text-align: center; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw); 
border-radius: 4%; -webkit-border-radius: 4%; -moz-border-radius: 4%;} }


@media screen and (min-width: 911px) and (max-width: 9999999999px)
{a.center_text {display:none; } }


@media (prefers-color-scheme: dark) {a.center_text { color:#ffffff; opacity: 0.6; background-color: #2f2b2f; }}

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


/* ----Заголовок раздела ЦЕНЫ---------------------------------------------- */  


a.center_text2 {color:#ffffff;  font-family: 'Nunito'; font-size: calc(0.6em + 0.7vw); background-color: #e4c8e2; padding: 5px; 
text-decoration: none; text-transform:none; text-align: center; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw); }

@media (prefers-color-scheme: dark) {a.center_text2 { color:#ffffff; opacity: 0.6; background-color: #2f2b2f; }}


a.center_text9 {color:#ffffff;  font-family: 'Nunito'; font-size: calc(0.8em + 0.9vw); background-color: #954e90; padding: 5px; 
text-decoration: none; text-transform:none; text-align: center; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw); }

@media (prefers-color-scheme: dark) {a.center_text9 {color:#ffffff;  background-color:#954e90; }}

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

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

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

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

.int_onas {width: 80%; background: #ffffff;  margin-top: 25px;   -moz-box-shadow:0px 0px 15px #ecf0ea;
 -webkit-box-shadow:0px 0px 15px #ecf0ea; box-shadow:0px 0px 15px #ecf0ea; border-radius: 0px;
 -webkit-border-radius: 0px; -moz-border-radius: 0px; 
 padding: calc(1.2em + 1.2vw);	 text-decoration: none; 
 text-rendering:  optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important; 
 -webkit-font-smoothing: antialiased !important;
text-align:left; }


@media screen and (max-width: 781px) {
	.int_onas {	width: 100%; margin-top: 5px; }
}

@media screen and (min-width: 1921px) and (max-width: 800000000px)
{.int_onas {width: 80%; background: #ffffff;  margin-top: calc(2.9em + 0.8vw);   -moz-box-shadow:0px 0px 15px #ecf0ea;
 -webkit-box-shadow:0px 0px 15px #ecf0ea; box-shadow:0px 0px 15px #ecf0ea; border-radius: 0px;
 -webkit-border-radius: 0px; -moz-border-radius: 0px; 
 padding: calc(1.2em + 1.2vw);	 text-decoration: none; 
 text-rendering:  optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important; 
 -webkit-font-smoothing: antialiased !important;
text-align:left;}}


@media (prefers-color-scheme: dark) {.int_onas {margin: 0; background:#2f2b2f; border:0px solid red; -moz-box-shadow:0px 0px 0px 0px; -webkit-box-shadow:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px; }}


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



.int_onas_cent {width: 80%; background: #ffffff;  margin-top: 25px;   -moz-box-shadow:0px 0px 15px #ecf0ea;
 -webkit-box-shadow:0px 0px 15px #ecf0ea; box-shadow:0px 0px 15px #ecf0ea; border-radius: 0px;
 -webkit-border-radius: 0px; -moz-border-radius: 0px; 
 padding: calc(1.2em + 1.2vw);	 text-decoration: none; 
 text-rendering:  optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important; 
 -webkit-font-smoothing: antialiased !important;
text-align:center;padding-right: 10%; padding-left: 10%; }


@media screen and (max-width: 781px) {
	.int_onas_cent {	width: 100%; margin-top: 5px; }
}

@media screen and (min-width: 1921px) and (max-width: 800000000px)
{.int_onas_cent {width: 80%; background: #ffffff;  margin-top: calc(2.9em + 0.8vw);   -moz-box-shadow:0px 0px 15px #ecf0ea;
 -webkit-box-shadow:0px 0px 15px #ecf0ea; box-shadow:0px 0px 15px #ecf0ea; border-radius: 0px;
 -webkit-border-radius: 0px; -moz-border-radius: 0px; 
 padding: calc(1.2em + 1.2vw);	 text-decoration: none; 
 text-rendering:  optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important; 
 -webkit-font-smoothing: antialiased !important;
text-align:center;padding-right: 10%; padding-left: 10%;}}


@media (prefers-color-scheme: dark) {.int_onas_cent {margin: 0; background:#2f2b2f; border:0px solid red; -moz-box-shadow:0px 0px 0px 0px; -webkit-box-shadow:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px; }}


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



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

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


@media screen and (min-width: 0px) and (max-width: 1920px)
{.text_onas_inte {color:#2e2e2e; font: normal 1.08rem 'Nunito'; text-decoration: none; text-transform:none;
text-align: left; letter-spacing: 0.2px;  line-height: 1.6rem;} } 

@media screen and (min-width: 1921px) and (max-width: 3500px)
{.text_onas_inte { color:#2e2e2e;  font-family: 'Nunito'; font-size: calc(0.9em + 0.6vw); text-decoration: none; text-transform:none;
text-align: left; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw);} } 


@media screen and (min-width: 3501px) and (max-width: 99999999999999px)
{.text_onas_inte { color:#2e2e2e;  font-family: 'Nunito'; font-size: calc(1.3em + 0.7vw); text-decoration: none; text-transform:none;
text-align: left; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw);} } 


@media (prefers-color-scheme: dark) {.text_onas_inte {color:#ffffff; opacity: 0.75;}}

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



@media screen and (min-width: 0px) and (max-width: 1920px)
{.text_onas_inte_cent {color:#2e2e2e; font: normal 1.1rem 'Nunito'; text-decoration: none; text-transform:none;
text-align: center; letter-spacing: 0.5px;  line-height: 1.7rem;} } 

@media screen and (min-width: 1921px) and (max-width: 3500px)
{.text_onas_inte_cent { color:#2e2e2e;  font-family: 'Nunito'; font-size: calc(0.9em + 0.6vw); text-decoration: none; text-transform:none;
text-align: center; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw);} } 


@media screen and (min-width: 3501px) and (max-width: 99999999999999px)
{.text_onas_inte_cent { color:#2e2e2e;  font-family: 'Nunito'; font-size: calc(1.3em + 0.7vw); text-decoration: none; text-transform:none;
text-align: center; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw);} } 


@media (prefers-color-scheme: dark) {.text_onas_inte_cent {color:#ffffff; opacity: 0.75;}}



/* Ссылка в стандартном модуле */  
/* -------------------------------------------------------------------------- */  

a.link_text { color:#d38dd4;  font-family: 'Nunito'; font-size: calc(0.5em + 0.5vw); text-decoration: none; text-transform:none;
text-align: left; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw); }


@media screen and (max-width: 1920px) {
a.link_text{ color:#d38dd4; font: normal 1.05rem 'Nunito'; text-decoration: none; text-transform:none;
text-align: left; letter-spacing: 0.5px;  line-height: 1.7rem;}

}

@media screen and (max-width: 30em) {
	 a.link_text {
	width: 100%;  
	}
}


a.link_text:hover {text-decoration: underline;}





/* Картинка в стандартном модуле */  

img.ph_inter {width:35%;  float: left;  padding:10px; margin-right: 4%;  

 border: 3px solid white;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 25px #b3b3b3;
 -webkit-box-shadow:0px 0px 25px #b3b3b3;
 box-shadow:0px 0px 25px #b3b3b3;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 
}


@media screen and (max-width: 1920px) {
img.ph_inter {width:35%; float: left; padding:0; margin-right: 4%;  

 border: 0;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 25px #b3b3b3;
 -webkit-box-shadow:0px 0px 25px #b3b3b3;
 box-shadow:0px 0px 25px #b3b3b3;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 
}}

img.ph_inter:hover {opacity: 0.98;} 


@media screen and (max-width: 30em) {
	img.ph_inter {
	width: 100%; margin-bottom: 20px;  margin-top: 0%; 
	}
}

@media (prefers-color-scheme: dark) {img.ph_inter {opacity:1.0; -moz-box-shadow:0px 0px 0px 0px;
 -webkit-box-shadow:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px;

  filter: alpha(opacity=100);
 -moz-opacity:1.00; 
 opacity:1.00;
}}


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



/* Картинка в ценах */  



img.ph_inter9 {width:30%;  float: right; margin-left:1%; padding:0; 

 border: 3px solid white;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 25px #b3b3b3;
 -webkit-box-shadow:0px 0px 25px #b3b3b3;
 box-shadow:0px 0px 25px #b3b3b3;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 
}


@media screen and (max-width: 1920px) {
img.ph_inter9 {width:30%;  float: right; margin-left:1%; padding:0;

 border: 0;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 25px #b3b3b3;
 -webkit-box-shadow:0px 0px 25px #b3b3b3;
 box-shadow:0px 0px 25px #b3b3b3;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 
}}

img.ph_inter9:hover {opacity: 0.98;} 


@media screen and (max-width: 30em) {
	img.ph_inter9 {
	width: 100%; margin-bottom: 20px;  margin-top: 0%; 
	}
}

@media (prefers-color-scheme: dark) {img.ph_inter9 {opacity:1.0; -moz-box-shadow:0px 0px 0px 0px;
 -webkit-box-shadow:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px;

  filter: alpha(opacity=100);
 -moz-opacity:1.00; 
 opacity:1.00;
}}






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




/* Галочка */  

img.i_gal {width:20px;}


@media screen and (max-width: 1920px) {
img.i_gal  {width:10px; }}


@media screen and (max-width: 30em) {
	img.i_gal  {width: 10px;}
}


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



/* -------------------------------------------------------------------------- */
/* -Отзывы ------------------------------- */
/* -------------------------------------------------------------------------- */


.ot_night {}

@media (prefers-color-scheme: dark) {.ot_night { opacity: 0.7;}}



/* ----Заголовок раздела Отзывы---------------------------------------------- */  


@media screen and (min-width: 0px) and (max-width: 910px)
{a.center_text3 {color:#ffffff;  font-family: 'Nunito'; font-size: calc(1.1em + 0.7vw); background-color: #e4c8e2; padding: 5px; 
text-decoration: none; text-transform:none; text-align: center; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw); 
border-radius: 4%; -webkit-border-radius: 4%; -moz-border-radius: 4%;} }


@media screen and (min-width: 911px) and (max-width: 9999999999px)
{a.center_text3 {color:#ffffff;  font-family: 'Nunito'; font-size: calc(0.8em + 0.7vw); background-color: #e4c8e2; padding: 5px; 
text-decoration: none; text-transform:none; text-align: center; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw); } }


@media (prefers-color-scheme: dark) {a.center_text3 { color:#ffffff; opacity: 0.6; background-color: #2f2b2f; }}



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



/* -------------------------------------------------------------------------- */  
/* ----БУДЕМ ЗНАКОМЫ- фото------------------------------------------------ */

img.photo_vo_vtorom {width:35%;  float: right;  padding:10px; margin-left: 4%;  

 border: 3px solid white;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 25px #b3b3b3;
 -webkit-box-shadow:0px 0px 25px #b3b3b3;
 box-shadow:0px 0px 25px #b3b3b3;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 
}


@media screen and (max-width: 1920px) {
img.photo_vo_vtorom {width:40%; float: right; padding:0px; margin-left: 4%;  

 border: 0px solid white;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 25px #b3b3b3;
 -webkit-box-shadow:0px 0px 25px #b3b3b3;
 box-shadow:0px 0px 25px #b3b3b3;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 
}}

img.photo_vo_vtorom:hover {opacity: 0.95;} 


@media screen and (max-width: 30em) {
	img.photo_vo_vtorom {
	width: 100%; margin-bottom: 20px;  margin-top: 0%; 
	}
}


@media (prefers-color-scheme: dark) {img.photo_vo_vtorom {  border: 0px;  -moz-box-shadow:0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px 0px; box-shadow:0px 0px 0px 0px;}}




/* -------------------------------------------------------------------------- */  
/* --Фотографии в разделе ГАЛЕРЕЯ---------------------------- */  
/* -------------------------------------------------------------------------- */  

/* -------------------------------------------------------------------------- */ 
/* Если экран небольшой */
/* -------------------------------------------------------------------------- */ 

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

@media screen and (min-width: 911px) and (max-width: 9999999999999999999999999999px)
{.obolochka_mini {display: none;}}

/* -------------------------------------------------------------------------- */ 
/* Если экран большой */
/* -------------------------------------------------------------------------- */ 

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

@media screen and (min-width: 911px) and (max-width: 1475px)
{.obolochka_big {border: 0px; padding-left: 0%; padding-right: 0%; }}

@media screen and (min-width: 1476px) and (max-width: 9999999999999999px)
{.obolochka_big {border: 0px; padding-left: 5%; padding-right: 5%; }}

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


/* -----Обычная галерея (фото работ)---------------------------------------------- */ 


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

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


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


@media screen and (min-width: 1000.00001px) and (max-width: 99999px)
{.gallery a.photo_class img {width: 25%; height: auto; border: 0; opacity:1.0;
overflow: hidden; position: relative; margin: 0px; transition: filter 0.5s ease;margin-bottom: 0.5%;
-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.photo_class:hover img {  z-index: 5;  border: 0; cursor: pointer; 
transition: opacity 0.3s ease; filter: drop-shadow(0 0 calc(0.15vw + 0.15vh + 0.15vmin) rgba(255,231,253,1.0));
-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.photo_class.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;}

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


/* -------------------------------------------------------------------------- */  
/* --КОНТАКТЫ------------------------------------------------------------ */  
/* -------------------------------------------------------------------------- */  




@media screen and (min-width: 0px) and (max-width: 800px)
{a.contact_links{ text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important;  -webkit-font-smoothing: antialiased !important; 
 color:#0b0e0e; font: normal 0.9rem 'Nunito'; text-decoration: none; text-transform:none;
text-align: left; letter-spacing: 0.2px; line-height: calc(2.0em + 0.2vw); padding-bottom: 4px; border-bottom: 4px double #ffffff; }}

@media screen and (min-width: 800.00001px) and (max-width: 1920px)
{a.contact_links{ text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important;  -webkit-font-smoothing: antialiased !important; 
 color:#0b0e0e; font: normal 1.1rem 'Nunito'; text-decoration: none; text-transform:none;
text-align: left; letter-spacing: 0.2px; line-height: calc(2.0em + 0.2vw); padding-bottom: 4px; border-bottom: 4px double #ffffff; }}



@media screen and (min-width: 1921px) and (max-width: 99999999999px)
{a.contact_links { text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale !important;  -webkit-font-smoothing: antialiased !important; 
 color:#0b0e0e;  font-family: 'Nunito'; font-size: calc(1.0em + 0.6vw); text-decoration: none; text-transform:none;
text-align: left; letter-spacing: 0.5px; line-height: calc(1.3em + 0.2vw); padding-bottom: 4px; border-bottom: 4px double #ffffff; }}


a.contact_links:hover {color:#0b0e0e; padding-bottom: 4px; border-bottom: 1px solid #c067c1;  }

@media (prefers-color-scheme: dark) {a.contact_links  { color:#ffffff; opacity: 0.9; padding-bottom: 4px; border-bottom: 1px solid #2f2b2f;  } }

@media (prefers-color-scheme: dark) {a.contact_links:hover  {color:#ffffff; padding-bottom: 4px; border-bottom: 1px solid #ffffff;  } }


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


@media screen and (min-width: 0px) and (max-width: 1920px)
{img.link_f {width: 28px; margin-right: 11px; opacity: 0.7; vertical-align: middle;}}

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


img.link_f:hover {opacity: 0.6;  }

@media (prefers-color-scheme: dark) {img.link_f { opacity: 1.0; } }


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



/* -------------------------------------------------------------------------- */  
/* --ГЛАВНАЯ-------------------------------------------------------- */  
/* -------------------------------------------------------------------------- */  



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



@media screen and (min-width: 0px) and (max-width: 3799px)
{
img.kartinka_v_kruge { width: 80%; max-width: 280px; 
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 15px #cccccc;
 -webkit-box-shadow:0px 0px 15px #cccccc;
 box-shadow:0px 0px 15px #cccccc;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 overflow: hidden;  
  position: relative; padding: 7px;
  margin-bottom: 15px; margin-left : 3px;margin-right : 3px;}
}

@media screen and (min-width: 3800px) and (max-width: 800000000px)
{
img.kartinka_v_kruge { width: 100%; max-width: 900px; 
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 15px #cccccc;
 -webkit-box-shadow:0px 0px 15px #cccccc;
 box-shadow:0px 0px 15px #cccccc;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 overflow: hidden;  
  position: relative; padding: 12px;
  margin-bottom: 15px; margin-left : 3px;margin-right : 3px;}
}

img.kartinka_v_kruge:hover {opacity:0.8;  cursor: pointer; }



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



img.om {width:25%;  float: right;  padding:10px; margin-left: 4%;  

 border: 3px solid white;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 25px #b3b3b3;
 -webkit-box-shadow:0px 0px 25px #b3b3b3;
 box-shadow:0px 0px 25px #b3b3b3;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 
}


@media screen and (max-width: 1920px) {
img.om {width:20%; float: right; padding:0px; margin-left: 4%;  

 border: 0px solid white;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  filter: alpha(opacity=80);
 -moz-opacity:1.00; 
 opacity:1.00;
 -moz-box-shadow:0px 0px 25px #b3b3b3;
 -webkit-box-shadow:0px 0px 25px #b3b3b3;
 box-shadow:0px 0px 25px #b3b3b3;
 border-radius: 60%;
 -webkit-border-radius: 60%;
 -moz-border-radius: 60%;
 
}}

img.om:hover {opacity: 0.95;} 


@media screen and (max-width: 30em) {
	img.om {
	width: 100%; margin-bottom: 20px;  margin-top: 0%; 
	}
}


@media (prefers-color-scheme: dark) {img.om {  border: 0px;  -moz-box-shadow:0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px 0px; box-shadow:0px 0px 0px 0px;}}