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


.MenuTable {
	z-index: 1;										/* наложение слоев*/
	border: 0px; 									/* Параметры рамки */
	left: 0px; 										/* Положение от правого края */
	top: 0px;										/* Положение от верха */  
	width: 100%;
 	height: calc(15% + 1em);						/* Калькулятор высоты меню */  
	background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.2));/* Фон таблицы */
	position: fixed; 								/* Фиксированное положение */ 
	height:calc(0.75em + 18vmin);
} 


.MenuTable A {
    color: #d4b170; /* Цвет кнопок ссылок в меню */
} 


 /* Левая часть меню */                                                  /* Левая часть меню  max-width: 50%; */ 
 .left {
	background:url(../img/logo.png) ;  /* фоновый логотип */
    background-repeat: no-repeat;
	width:50%;/**/
	max-width: 50%;/**/
	height:auto;/**/
    max-height:100%;/**/
    background-size: auto 100%  ; /*размер фотового логотипа     ширина  высота  */
	background-position: 2vh; /*отступ логотипа с лева  */
	background-position:  center left;
}


/* Правая часть меню*/     /*  Правая часть меню  mmax-width: 50%; */ 
.right {
	width:50%;/**/
	max-width: 50%;/**/
	height:100%;/**/
	max-height:100%;/**/
}

.menu{ float:right ; font-size:  calc(0.75em + 2vmin); }           /* Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.*/
.MenuKontaktSmal{ float:right; font-size:  calc(0.75em + 2vmin); }/* Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.*/
.MenuKontaktBig{ float:right; font-size:  calc(0.75em + 2vmin); } /* Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.*/


/*-----------------------------------------------------------------------------------------*/
.menu {
	text-align: right;
	right: 1vh; /* Положение от правого края */		
}

.menu__icon {    /*-------------------------позиционирование кнопки меню ( крестик и полоски )---------------------------------------------------*/
   display: none;
   cursor: pointer;
   height: 4vh; 
   width: 4vh;
   right:  1vh;/**/
   position: fixed;/* */
   height: calc(0.75em + 4vmin);
   width: calc(0.75em + 4vmin);
}

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

.MenuKontaktBig  {display: none;  }     /*  отключение ненужных блоков */
.menulinksBig {display: none;  }		/*  отключение ненужных блоков */
.MenuKontaktSmal img {    /* размер значков в меню  ( геолокация и телефон )*/	
	height: 4vh;/**//*-----------------------------------------------------------------------------------------*/
	}
/*---------------------------------настройки полосок--------------------------------------------------------*/	
.menu__icon span {              
  display: block;
  position: absolute;
  height: 10%;        /* ширина полосок*/
  width: 100%;        /* длина  полосок*/
  background:#d4b170;
  border-radius: 9px;
  opacity: 1;
  right: 1vh;
  transform: rotate(0deg);
  transition: .25s ease-in-out;	
  }

/*растояние между полосками     .menu__icon - зависит от етого параметра     */ 
.menu__icon span:nth-child(1) 								 {top: 10%; }
.menu__icon span:nth-child(2), .menu__icon span:nth-child(3) { top:50%; }
.menu__icon span:nth-child(4) 								 {top: 90%; }

.menu__links-item:hover {text-decoration: none;}

.menu.menu_state_open .menu__icon span:nth-child(1) {/* трансфрмация в крестик */
  top: 18px;
  width: 0%;
  right: 1vh;
}

.menu.menu_state_open .menu__icon span:nth-child(2) {
  transform: rotate(45deg);
}

.menu.menu_state_open  .menu__icon span:nth-child(3) {
  transform: rotate(-45deg);
}

.menu.menu_state_open  .menu__icon span:nth-child(4) {
  top: 18px;
  width: 0%;
  right: 1vh;
}		/*трансфрмация в крестик */												

.menu.menu_state_open .menu__links {display: block;}
.menu__icon{display: inline-block;}


 /*открытое меню настройки фона*/
.menu__links {
  	position: fixed;
    display: none;
    right: 2vh;
    left: 2vh;
    z-index: 1;				/* номер слоя наложения*/
    overflow: auto;   		/*Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.*/
	background-color:rgba(212, 177, 112, 0.6);/*цвет всплывающего меню золотой*/
	background-color:rgba(1, 1, 1, 0.8);/*цвет всплывающего меню черный*/
	border-radius: 10px  10px  10px 10px; /* Радиус скругления рамки  */ 
	
	top: calc(0.75em + 18vmin);	/* отступ открытого меню от верха*/	
  }
 
  
 /*открытое меню настройки текста*/
.menu__links-item {
	font-size: 4vh;		/*---высота текста в открытом меню--*/       
    display: block;
    text-align: center;
    color: #ffffff;
	line-height: 0,1;    /*расстояние между строками*/
	font-size:calc(0.75em + 4vmin);
  }

.menu.menu_state_open {  /* Положение крестика при открытом меню */           
}

.MenuKontaktSmal{   	/* позиционирование геолокации и телефона*/
	right:12vmin;			/* отступ от правого края ( геопозиция и телефон )*/
	white-space: nowrap;/* запрет переноса строк*/
	position: fixed;/* */	
}	

.MenuKontaktSmal img{   	
	height:calc(0.75em + 4vmin);
}	
 
.menu__icon {    /*-------------------------позиционирование кнопки меню ( крестик и полоски )---------------------------------------------------*/
     height: calc(0.75em + 4vmin);width: calc(0.75em + 4vmin);
}


}

@media screen and (min-width: 1201px) {

.MenuKontaktSmal  {display: none;  }    /*  отключение ненужных блоков */
.menulinksSmal {display: none;  }		/*  отключение ненужных блоков */

.right {   
    line-height: 4;    /*расстояние между строками в меню*/
    }
	
.MenuKontaktBig { 		/*--настройка меню  навигации ( телефон и гелокация   высота текста    и запрет переноса строк-*/
	top: 0;
	position:absolute;
	right: 3vmin;     /*положнние правой части меню от правого края*/
	}

.menu__links {   		/*--настройка строчного меню    высота текста    и запрет переноса строк-*/
	white-space: nowrap;/* запрет переноса строк*/
	right: 3vmin;/*положнние правой части меню от правого края*/
	position: fixed;/* */	
	}	

.MenuKontaktBig img{  /*высота картинок меню геолокоция телефон*/ 	
	height:calc(0.75em + 0.2vmin);
}	

  .menu A {/*высота текста меню*/
	font-size:  calc(0.75em +4vmin); 
   }
}

 /*-------------подсветка кнопок меню при наведении курсора-------------*/
.menu__links A:hover { 
color: white;
}