@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

*:focus {outline: none;}



a {
outline:none !important;
}

a:focus{outline:none;}
a {outline:none;}
* {outline:none;}

outline:none !important;


@font-face {
    font-family: 'pfdindisplaypro-reg';
    src: url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.eot');
    src: url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.woff2') format('woff2'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.woff') format('woff'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.ttf') format('truetype'),
		 url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-size:100%;
	line-height:1;
	overflow:auto !important;
	overflow-x: hidden !important;
}

#wrap {
	margin:0px auto auto;
	width:100%;
}

.podlogka {
	width:100%;
	height:auto;
	padding:0;
	display:block;
	background-color:#fafaf8;
	padding-bottom: 50px;
}






/*******************************************************************************************************************************************************************************/

#pr1 { display:block;}
#pr2 { display:none;}
#pr3 { display:block;}
#pr4 { display:none;}

.sese {
	display:none;
	position:absolute;
	bottom:21px;
	right:33px;
}

.br2 {display:none !important;}
.br3 {display:block !important;}
.li {display:none !important;}

/*******************************************************************************************************************************************************************************/

header  {
	display:block;
	cursor:default;
}

#hd {
	height:100%;
	width:100%;
	background: url(img/heder5-min.jpg) no-repeat center top;
	background-size:cover;
	position:absolute;
	top:0;
	z-index:10;
	display:block;
	float:left;
	cursor:default;
}

#hdb {
	position: relative;
    width: 100%;
	height: 1050px;
    background: url("img/heder.png") no-repeat;
	background-position: center top;
	display: block;
}

#hdb2 {
	height:100%;
	width:100%;
	background: url("img/veselka-900.png") no-repeat center center;
	position:absolute;
	background-size:cover;
	top:0;
	z-index:51;
	display:block;
	cursor:default;
	opacity:1;
	display: none;
}

.mari {display: none;}
#cont-konv {display: none;}
#knop-vniz {display: none;}
#knop-stat {display: none;}


/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */
/*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  *//*СЦЕНАРИИ  */


@media screen and (max-width:900px) {
	
.podlogka {
	width:100%;
	height:auto;
	padding:0;
	display:block;
	background-color:#fafaf8;
	padding-bottom: 50px;
	margin-top: 100vh;
}
	
	
#hdb {
	position: relative;
    width: 100%;
	height: 1050px;
    background: url("img/heder.png") no-repeat;
	background-position: center top;
	display: none;
}

#hdb2 {
	height:100%;
	width:100%;
	background: url("img/veselka-900.png") no-repeat center center;
	position:absolute;
	background-size:cover;
	top:0;
	z-index:51;
	cursor:default;
	opacity:1;
	display: block;
}
	
.mari {display: block; position: absolute; width: 410px; height: 170px; top: 50px; left: 50%; margin-left: -205px;}
.kno0 {width: 410px; height:170px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 500px;
	height:	600px;
	top: 50%;
	margin-top: -255px;
	left: 50%;
	margin-left: -250px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 600px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 48px;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}


/* HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  */
/* HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  HEIGHT 1000  */


@media screen and (max-height:1000px) {
	
.mari {display: block; position: absolute; width: 410px; height: 170px; top:30px; left: 50%; margin-left: -205px;}
.kno0 {width: 410px; height:170px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 500px;
	height:	500px;
	top: 50%;
	margin-top: -220px;
	left: 50%;
	margin-left: -250px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 500px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 48px;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}


/* HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  */
/* HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  */


@media screen and (max-height:850px) {
	
.mari {display: block; position: absolute; width: 410px; height: 170px; top: 20px; left: 50%; margin-left: -205px;}
.kno0 {width: 410px; height:170px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 500px;
	height:	400px;
	top: 50%;
	margin-top: -180px;
	left: 50%;
	margin-left: -250px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 400px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 38px;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 38px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 38px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 38px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}


/* HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  */
/* HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  */


@media screen and (max-height:750px) {
	
.mari {display: block; position: absolute; width: 310px; height: 130px; top: 20px; left: 50%; margin-left: -155px;}
.kno0 {width: 410px; height:170px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 500px;
	height:	300px;
	top: 50%;
	margin-top: -140px;
	left: 50%;
	margin-left: -250px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 300px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 28px;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 28px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 28px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 28px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}


/* HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  */
/* HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  */


@media screen and (max-height:650px) {
	
.mari {display: block; position: absolute; width: 310px; height: 130px; top: 20px; left: 50%; margin-left: -155px;}
.kno0 {width: 410px; height:170px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 500px;
	height:	250px;
	top: 50%;
	margin-top: -120px;
	left: 50%;
	margin-left: -250px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 250px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}


/*  HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT  */
/* 600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  */
/* 600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  */


@media screen and (max-height:600px) {
	
.mari {display: none; position: absolute; width: 310px; height: 130px; top: 20px; left: 50%; margin-left: -155px;}
.kno0 {width: 410px; height:170px;}
	
#cont-konv {display: none; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: none; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display:none; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 500px;
	height:	250px;
	top: 50%;
	margin-top: -125px;
	left: 50%;
	margin-left: -250px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 250px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}

/*  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  */
/*  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  */
/*  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  */
/*  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  */
/*  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  */
/*  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  */
/*  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  WIDTH 520  */

@media screen and (max-height:1000px) and (max-width:520px) {
	
.mari {display: block; position: absolute; width: 310px; height: 130px; top:30px; left: 50%; margin-left: -155px;}
.kno0 {width: 310px; height:130px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 320px;
	height:	500px;
	top: 50%;
	margin-top: -250px;
	left: 50%;
	margin-left: -160px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 500px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 48px;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}


/* HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  */
/* HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  HEIGHT 850  */


@media screen and (max-height:850px) and (max-width:520px) {
	
.mari {display: block; position: absolute; width: 310px; height: 130px; top: 20px; left: 50%; margin-left: -155px;}
.kno0 {width: 310px; height:130px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 320px;
	height:	400px;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -160px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 400px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 38px;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 38px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 38px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 32px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 38px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}


/* HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  */
/* HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  HEIGHT 750  */


@media screen and (max-height:750px) and (max-width:520px) {
	
.mari {display: block; position: absolute; width: 310px; height: 130px; top: 20px; left: 50%; margin-left: -155px;}
.kno0 {width: 310px; height:130px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 320px;
	height:	300px;
	top: 50%;
	margin-top: -150px;
	left: 50%;
	margin-left: -160px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 300px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 28px;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 28px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 28px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #e0614d;
	background-color: rgba(9,0,0,0.50);
	border-radius: 28px;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}

/* HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  */
/* HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  HEIGHT 650  */


@media screen and (max-height:650px) and (max-width:520px) {
	
.mari {display: block; position: absolute; width: 310px; height: 130px; top: 20px; left: 50%; margin-left: -155px;}
.kno0 {width: 310px; height:130px;}
	
#cont-konv {display: block; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: block; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display: block; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 320px;
	height:	250px;
	top: 50%;
	margin-top: -125px;
	left: 50%;
	margin-left: -160px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 250px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}


/*  HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT HEIGHT  */
/* 600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  */
/* 600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  600  */


@media screen and (max-height:600px) and (max-width:520px) {
	
.mari {display: none; position: absolute; width: 310px; height: 130px; top: 20px; left: 50%; margin-left: -155px;}
.kno0 {width: 310px; height:130px;}
	
#cont-konv {display: none; position: absolute; width: 36px; height: 30px; bottom: 62px; left: 50%; margin-left: -125px; cursor: pointer;}
.kno1 {display: block; width: 36px; height: 30px;}
	
#knop-vniz {display: none; position: absolute; width: 76px; height: 128px; bottom: 0px; left: 50%; margin-left: -38px; cursor: pointer;}
.kno2 {width: 76px; height: 128px;}
	
#knop-stat {display:none; position: absolute; width: 25px; height: 25px; bottom: 65px; left: 50%; margin-left: 88px; cursor: pointer;}
.kno3 {display: block; width: 25px; height: 25px;}
	
.menu-mobil-heder {
	position: absolute;
	width: 320px;
	height:	250px;
	top: 50%;
	margin-top: -125px;
	left: 50%;
	margin-left: -160px;
}
.menu-mob-heder	{
	display: flex;
	flex-direction: column;  
    justify-content: space-between;
	height: 250px;
}
.menu-item-modal {
	
	color: #f7ebc6;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: underline;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}
	
.givo {
	position: relative;
    text-decoration: none;	
}	
	
.givo::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* Толщина подчеркивания */
  background-color: #f7ebc6; /* Цвет подчеркивания */
  transition: width 0.3s ease; /* Анимация */
}

#gi1	{width: 157px;}
#gi2	{width: 122px;}
#gi3	{width: 142px;}	
#gi4	{width: 92px;}
#gi5	{width: 263px;}
	
.menu-item-modal:hover .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:focus .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
.menu-item-modal:active .givo::after {
  width: 0%; /* Подчеркивание исчезает при наведении */
}	
	
.menu-item-modal:hover {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:focus {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
.menu-item-modal:active {
	color: #e0614d;
	font-family: "Montserrat", serif;
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	cursor: pointer;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
    text-decoration: none;
}	
	
.me-mo-he {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}
.a-st {text-decoration: none;-webkit-tap-highlight-color: transparent; /* Отключить подсветку */outline: none;}


}