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


body {
	width: 100%; 
	max-width: 100%; 
    margin: 0;       /* Убрать отступы от краев */
	font-family: Comic Sans;
}

	/*ссылки*/
   A {
    color: white; /* Цвет обычной ссылки */
	text-decoration: none;/*   Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию  .*/ 
	/*font-size:  calc(0.75em + 1vmin); */
   }

   A:visited {
    /* color:#d4b170; Цвет посещенной ссылки */
	text-decoration: none;/*   Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию  .*/ 
   }

/*-----------------------неподвижный фон------------------------------------*/ 
body:before {     
    content: '';
    background-image: url(../img/bg.jpg);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
	background-repeat: no-repeat;
	background-color:#000000;
	background-position: center center;
	background-size:  auto  100% ;
}

   @media (max-width: 600px) {
	body:before { 
	   background-image: url();/*убираем фон для маленьких екранов*/
	   background-color:black;
	}
} 


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

			/*-Добавление шрифта- */
@font-face {
    font-family: NameFont; /* Имя шрифта */
    src: url(../font/accent.ttf); /* Путь к файлу со шрифтом */
}



/*-----------------------настройки заголовков---------------------------------*/
	h1, h2, h3, h4, h5, h6 {   					     /*Имя в блоке  */
    font-family: NameFont;   /* подключение шрифта */
	font-size:  calc(0.75em + 3vmin);		 /* Определяет размер шрифта элемента*/
	color: #d4b170;
	text-align: center;	
	margin:0;
}


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

li {
  list-style-type: none; /* Убираем маркеры */
}




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


			/*-Название содержания контента */
.ContentName {  		 		/*Заглавное название страницы*/
    font-family: NameFont;   	/* подключение шрифта */
	font-size: calc(0.75em + 9vmin);         	/* Определяет размер шрифта элемента*/
	text-align: center;
	/*line-height: 1,5;       	 Расстояние между строк*/
	color: #d4b170;			   /* Цвет символа */
	/*margin-left:10%;			Отступ слева */
	margin-top: calc(0.75em + 9vmin);		/* Отступ от верха */
	
}	


/*------------------------------------------------------------ */	
			/*--------Подвал сайта------ */
.BottomSignature {
	color: white;
	text-align: center;	
	margin-top: calc(10% + 1vh);	/* отступ   */
	margin-bottom: calc(10% + 1vh);	/* отступ  */
	text-align:left;
	font-size:  calc(0.75em + 1vmin);
}
.BottomSignature A {
    color: white; /* Цвет обычной ссылки */
	font-size:  calc(0.75em + 1vmin);
   }
   @media (max-width: 600px) {
.BottomSignature {
	margin-top: calc(20% + 1vh);	/* отступ   */
	margin-bottom: calc(15% + 1vh);	/* отступ  */
	font-size:  calc(0.75em + 0.5vmin);	
}
.BottomSignature A {
	font-size:  calc(0.75em + 0.5vmin);
   }	
}   
/*------------------------------------------------------------ */  
 /*Низ сайта */
.BegStrokaHome {
	text-align: center;
	position: fixed;/**/
	bottom: 0;/* Положение от низа */
	left: 0px; 										/* Положение от правого края */
	right: 0px;
	background-image: linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,2) ); /* фон низа */
	width: 100%;
	height:4vh;
	color: #d4b170;/* Цвет для текста*/
	white-space: nowrap;/* запрет переноса строк*/
	font-size:  calc(0.75em + 1vmin);
} 
   
   
 



/*-----------------Блоки с текстам----------------------------*/   
   
#TekstBlok {
	width: 60%;
	max-width:60%;
	margin: auto auto;
	margin-top: calc(3% + 1vh);	/* отступ от заголовка контента .ContentName   */
}

.TekstInblock {
	line-height:1,5 ;					 /*отступ между строк*/
	border: 0.4vh solid #d4b170;		 /* Параметры рамки  (толщина)*/
	padding: 20px; 						 /* Поля внутри блока */
	margin: 30px 0px 30px 0px; 			 /* Отступы вокруг блоков   (верхний отступ- правый отступ нижний отступ- левый отступ 20) */
	/*background:rgba(212, 177, 112, 0.2);  #000000; Цвет фона */
	border-radius: 10px 10px 10px 10px;  /* Радиус скругления рамки  */
	font-size:  calc(0.75em + 1.1vmin);		 				 /* Определяет размер шрифта элемента*/
	color: white;
	width: auto;
	/*text-align:center;*/
	text-align: justify;/*  текст по всей ширине блока*/ 
}

img.tekstTrenung { /*для раздетеля в тексте*/
	width: 40%;
	display:block; 
	margin:0 auto;/*center*/
	height: auto;
	
}

   @media (max-width: 800px) {
#TekstBlok {
	width: 95%;
	max-width:95%;
	margin: auto auto;
	margin-top: calc(3% + 1vh);	/* отступ от заголовка контента .ContentName   */
}	

img.tekstTrenung { 
	width: 60%;
}
} 




img.HotFoto { /*для раздетеля в тексте*/
	width: 100%;
	display:block; 
	margin:0 auto;/*center*/
	height: auto;
	
}

   @media (max-width: 800px) {

img.HotFoto { 
	width: 100%;
}
}













/*-----------------Блоки с текстам без рамки  ------ Service----------------------------*/   
   
#TekstBlokOhneRahmen {
	width: 60%;
	max-width:60%;
	margin: auto auto;
	margin-top: calc(3% + 0,5vh);	/* отступ от заголовка контента .ContentName   */
}

.TekstInblockOhneRahmen {
	line-height:1,5 ;					 /*отступ между строк*/
	/*border: 0.4vh solid #d4b170;		  Параметры рамки  (толщина)*/
	padding: 20px; 						 /* Поля внутри блока */
	margin: 30px 0px 30px 0px; 			 /* Отступы вокруг блоков   (верхний отступ- правый отступ нижний отступ- левый отступ 20) */
	/*background:rgba(212, 177, 112, 0.2);  #000000; Цвет фона */
	/*border-radius: 10px 10px 10px 10px;   Радиус скругления рамки  */
	font-size:  calc(0.75em + 2vmin);		 				 /* Определяет размер шрифта элемента*/
	color: rgba(212, 177, 112, 0.9);
	width: auto;
	text-align:center;/**/
	/*text-align: justify;  текст по всей ширине блока*/ 
}


   @media (max-width: 800px) {
#TekstBlokOhneRahmen {
	width: 90%;
	max-width:90%;
	margin: auto auto;
	margin-top: calc(3% + 1vh);	/* отступ от заголовка контента .ContentName   */
}	
} 



			/*-Название содержания контента */
.ServiceTekst {  		 		/*Заглавное название страницы*/
    /*font-family: NameFont;   	 подключение шрифта */
	font-size: calc(0.75em + 5vmin);         	/* Определяет размер шрифта элемента*/
	text-align: center;
	/*line-height: 1,5;       	 Расстояние между строк*/
	color: #d4b170;			   /* Цвет символа */
	/*margin-left:10%;			Отступ слева */
	margin-top: calc(0.75em + 5vmin);		/* Отступ от верха */
	
}	


/*-------------------Service html--------------------------*/ 



.spoilerService {       /*-------Спайлеры-------*/
   	width: 60%;
	max-width:60%;
	margin: auto auto;
}

.toggle-box {  /*-------Событие для Спайлера------*/
  display: none;
}
.toggle-box + label {       /* Настройки заголовка спойлера */
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 21px;        /* Выравние залоговка и крестика - зависит от (Растояние между блоками после развертывания)*/
  margin-bottom: calc(0.75em + 1vmin);       /* Отступ спойлера от заголовка */
  color: #FFF; 
  font-size: calc(0.75em + 2vmin);           /* Размер текста заголовка */
}

.toggle-box + label:hover { /* Активируется при навидении курсора на обьект */
  font-weight: bold;
  color: #d4b170;
  transition: 0.3s;
}

.toggle-box + label:not(:hover) { /* Деактивация */
  color: #FFF;
  transition: 3s;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 20px;                /* Растояние между блоками после развертывания */
  border: 0.5vh solid #d4b170;        /* Параметры рамки  (толщина)*/
  border-radius: 10px 10px 10px 10px; /* закругление углов рамки */
 /* border-bottom: none;  Убираем линию снизу */
  /*text-align: left; Выравнивание теста по левому краю */
  padding: 10px;                      /* Поля вокруг текста */
  font-size: calc(0.75em + 1vmin);		 			  /* Определяет размер шрифта элемента*/
  color: white;                       /* Цвет текста*/
  background:rgba(212, 177, 112, 0.2);  /* #000000; Цвет фона */
  margin: 30px 0px 30px 0px;          /* Отступы вокруг блоков   (верхний отступ- правый отступ нижний отступ- левый отступ 20) */
 /* height: auto;*/    
  overflow: hidden;                   /*Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.*/
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {		/*Настройка крестика */
  /*background-color: #d4b170;*/    /*Круг в области крестика */
  /*-webkit-border-radius: 15px;
  -moz-border-radius: 15px; */
  /*border-radius: 10px;*/
  color: #d4b170; 
  content: "+";
  display: block;
  float: left;
  font-size: 4vh; 				/*Размер крестика */
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  margin: 2px 5px 0px;
  text-align: center;
  width: 26px;
}

.toggle-box:checked + label:before {
  content: "\2212";
}

		/*-------Содержание спойлера ( фото и текст )-------*/
.boxService{
  /*width: 100%;*/
}

.blockService {
  /*  width: 50%;*/
  /* height:100%;*/
  /*border: 1px dotted black;*/
 /* box-sizing: border-box; */
  display: inline-block;
}


.blockService_1 {   /* Tantra Massage*/
  float: none;
  background: url(../img/servicfoto/Tantra-Massage-Berlin.gif);   /*  фон */
  background-repeat: no-repeat;
  background-size: cover;			/* Масштабируем фон */
  background-size: 40vmin 40vmin;
  background-position: top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;
}


.blockService_22 {  /* NURU Massage*/
  float: none;
  background: url(../img/servicfoto/Erotic-Nuru-Massage-Berlin.gif); 
  background-repeat: no-repeat;
  background-size: cover;		
  background-size: 40vmin 40vmin;
  background-position: top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;
}
.blockService_3 { /* Doppel Massage*/
  float: none;
  background: url(../img/servicfoto/Doppel-Erotiche-Massage.gif); 
  background-repeat: no-repeat;
  background-size: cover;		
  background-size: 40vmin 40vmin;
  background-position: top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;
}
.blockService_4 {    /*Paarmassage*/
  float: none;
  background: url(../img/servicfoto/Erotiche-Paar-Massage.gif); 
  background-repeat: no-repeat;
  background-size: cover;		
  background-size: 40vmin 40vmin;
  background-position: top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;
}

.blockService_5 {    /*Erotiche Massage für Frauen*/
  float: none;
  background: url(../img/servicfoto/Erotic-Massage-für-Frau.gif); 
  background-repeat: no-repeat;
  background-size: cover;		
  background-size: 40vmin 40vmin;
  background-position: top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;
}

.blockService_6 {     /* Schoko Massage*/
  float: none;
  background: url(../img/servicfoto/Schoko-Massage.gif); 
  background-repeat: no-repeat;
  background-size: cover;		
  background-size: 40vmin 40vmin;
  background-position: top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;
}
.blockService_7 {     /* Erotic Orange Dance Massage*/
  float: none;
  background: url(../img/servicfoto/Erotic-Orange-Dance-Massage.gif); 
  background-repeat: no-repeat;
  background-size: cover;		
  background-size: 40vmin 40vmin;
  background-position: top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;
}
.blockService_8 {    /*Thai Relax FussMassage*/
  float: none;
  background: url(../img/servicfoto/Thai-Relax-Fuss-Massage.gif); 
  background-repeat: no-repeat;
  background-size: cover;		
  background-size: 40vmin 40vmin;
  background-position:top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;

}

.blockService_10 {    /*Thai Relax FussMassage*/
  float: none;
  background: url(../img/servicfoto/Hot-Stone-Massage-Berlin.gif); 
  background-repeat: no-repeat;
  background-size: cover;		
  background-size: 40vmin 40vmin;
  background-position:top center;
  width:40%;
  height:40vmin;  
  max-width: 40%;
  max-height:100%;

}

.blockService_2 {
  float: left; width: 60%;  text-align: justify;  /*текст по всей ширине блока*/ 
}


@media (max-width: 800px) {
	
.blockService_1   { 
  background-size: 50vmax 50vmax;
  background-position: top center;
  width: 100%;height:70vmin;  max-width: 100%; max-height:100%;
}

.blockService_22   { 
  background-size: 50vmax 50vmax;
  background-position: top center;
  width: 100%;height:70vmin;  max-width: 100%; max-height:100%;
}
.blockService_3  { 
  background-size: 50vmax 50vmax;
  background-position: top center;
  width: 100%;height:70vmin;  max-width: 100%; max-height:100%;
}

.blockService_4   { 
  background-size: 50vmax 50vmax;
  background-position: top center;
  width: 100%;height:70vmin;  max-width: 100%; max-height:100%;
}

.blockService_5   { 
  background-size: 50vmax 50vmax;
  background-position: top center;
  width: 100%;height:70vmin;  max-width: 100%; max-height:100%;
}
.blockService_6   { 
  background-size: 50vmax 50vmax;
  background-position: top center;
  width: 100%;height:70vmin;  max-width: 100%; max-height:100%;
}
.blockService_7   { 
  background-size: 50vmax 50vmax;
  background-position: top center;
  width: 100%;height:70vmin;  max-width: 100%; max-height:100%;
}
.blockService_8   { 
  background-size: 50vmax 50vmax;
  background-position: top center;
  width: 100%;height:70vmin;  max-width: 100%; max-height:100%;
}
.blockService_2 {
  width: 100%;
  }
}




/*------------------------------------------------------------ */	
	
	
	/*  ---------------Index.html-----------Neu auf Haupt Saite-------*/
 .rowTeam1 {
	display: flex;    /*как элемент должен быть показан в документе.*/
	flex-wrap: wrap;   /* направление главной оси -  в какую сторону смещаються блоки*/
	flex-direction: row; 
	justify-content: flex-start;    /* row (значение по умолчанию) : слева направо (в rtl справа налево)
									row-reverse: справа налево (в rtl слева направо)
									column: сверху вниз
									column-reverse: снизу вверх*/
    justify-content: space-around; /*Блоки распределены вдоль главной оси, при этом между первым блоком и началом оси, последним блоком и концом оси такой же промежуток, как и между остальными*/     
	width: 100;               
}

    /*Блоки с фотографиями */
.blokTeam1 {
	border: 0.1vh solid black; /* Параметры рамки  (толщина)*/
	padding: 5px; /* Поля внутри блока */
	margin: 20px 10px 20px 10px;/* */
	margin: calc(0.75em + 1vmin) calc(0.75em + 0.5vmin) calc(0.75em + 1vmin) calc(0.75em + 0.5vmin);/* Отступы вокруг блоков   (верхний отступ- правый отступ нижний отступ- левый отступ 20)  центрирование*/
	/*background:black;   Цвет фона */
	border-radius: 0 0 10px 10px;/*  Радиус скругления рамки  */ 
	width: 23%;  
	height: auto;
	min-width: 200px;
	font-family: NameFont;   /* подключение шрифта */
	font-size:  calc(0.75em + 2vmin);/* Определяет размер шрифта элемента*/
	color: #d4b170;
	text-align: center;	
}
 
.blokTeam1 img {
	display: block;
	margin: 0 auto;  /* Выравнивание по центру   */ 
	/*width: 250px;     1   */	
	/*max-width: 250px; 1  */
	width: 90%;
	max-width: 90%;	
	/*height:  250px; 1  */
	height:  auto;
}

	
		/*  ---------------Team.html Erotic . html------------------*/
#TeamBloks {
	width: 90%;   max-width:90%;             /*schirina kontenta    80   80   */
	margin: 0 auto;
	margin-top: calc(3% + 1vh);	/* отступ от заголовка контента .ContentName   */ 
}
 
 .rowTeam {
	display: flex;    /*как элемент должен быть показан в документе.*/
	flex-wrap: wrap;   /* направление главной оси -  в какую сторону смещаються блоки*/
	flex-direction: row; 
	justify-content: flex-start;    /* row (значение по умолчанию) : слева направо (в rtl справа налево)
									row-reverse: справа налево (в rtl слева направо)
									column: сверху вниз
									column-reverse: снизу вверх*/
    justify-content: space-around; /*Блоки распределены вдоль главной оси, при этом между первым блоком и началом оси, последним блоком и концом оси такой же промежуток, как и между остальными*/                   
}

    /*Блоки с фотографиями */
.blokTeam {
	border: 0.0vh solid #d4b170; /* Параметры рамки  (толщина)    0.5vh*/
	padding: 0px; /* Поля внутри блока */
	/*margin: 20px 10px 20px 10px; */
	margin: calc(0.75em + 1vmin) calc(0.75em + 0.1vmin) calc(0.75em + 1vmin) calc(0.75em + 0.1vmin);/* Отступы вокруг блоков   (верхний отступ- правый отступ нижний отступ- левый отступ 20)  центрирование*/
	/*background:rgba(212, 177, 112, 0.2);   Цвет фона    ---   */
	border-radius: 0 0 10px 10px; /* Радиус скругления рамки  */ 
	width: 40%;  /* 33и  */ 
	height: auto;
	min-width: 400px;

	font-family: NameFont;   /* подключение шрифта */
	font-size:  calc(0.75em + 3vmin);/* Определяет размер шрифта элемента*/
	color: #d4b170;
	text-align: center;	
}
 
.blokTeam img {
	display: block;
	margin: 0 auto;  /* Выравнивание по центру   */ 
	/*width: 250px;     1   */	
	/*max-width: 250px; 1  */
	width: 100%;
	max-width: 100%;	
	/*height:  250px; 1  */
	height:  auto;
	
}



.blockFoto img {
	display: block;
	margin: 0 auto;  /* Выравнивание по центру   */ 
	width: 99%;
	max-width: 99%;	
	height:  auto;
	/*background:red*/
}

.blockOhneFoto  {
 display: none; 
}



/*  ---------------Girls   *****.html------------------*/
#GirlsBloks {
	width: 80%;
	max-width:80%;
	margin: auto auto;
	margin-top: calc(5% + 1vh);	/* отступ от заголовка контента .ContentName   */
	margin:0 auto;
}
    /*Блоки с текстом */
.blokGirlsTekst {
	border: 0.4vh solid #d4b170;		 /* Параметры рамки  (толщина)*/
	padding: 10px; 						 /* Поля внутри блока */
	/*margin: 30px 0px 30px 0px; 			 /* Отступы вокруг блоков   (верхний отступ- правый отступ нижний отступ- левый отступ 20) */
	background:rgba(212, 177, 112, 0.4); /* #000000; Цвет фона */
	border-radius: 10px 10px 10px 10px;  /* Радиус скругления рамки  */
	font-size:calc(0.75em + 1vmin);		 				 /* Определяет размер шрифта элемента*/
	color: white;
	text-align:left; 
    overflow: hidden;                   /*Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.*/
	margin:0 auto;
}

.boxGirls{
  width: 100%;/**/
}

.blockGirls {
  display: inline-block;
}

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


 /*bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb*/
.blockGirls_1 {
  width:35%;
  margin-left: auto; margin-right: 0;/**/
}
.blockGirls_1 img {
max-width:100%;
height:auto; 
}


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

.blockGirls_2 {
  float: left; 
  width: 60%;
  text-align: justify;  /*текст по всей ширине блока*/
  box-sizing: border-box;
  padding: 10px;
}

       /*  -----------------------------*/
.blockGirls_3 {

  width:100%;
  /*margin: auto auto;*/
   /*border: 1px dotted white;
  box-sizing: border-box; */
 /*justify-content: space-around;  Блоки распределены вдоль главной оси, при этом первый элемент прижат к началу оси, а последний - к концу:  */  

}

.block1 {        /*Блоки с фотографиями */
	
 width:15%;max-width:15%;
 height:auto;
 display:inline-block;
 /*vertical-align: middle;*/
  margin:10px 
}

.block1 img {
  width:100%;max-width:100%;
  height:auto;
}

.block2  {
 display: none;
}


@media (max-width: 800px) {
	
#GirlsBloks {
	width: 80%;
	max-width: 80%;
/*	border: 1px dotted white;
  box-sizing: border-box;*/
  /*margin:0 auto;*/
}


.blockGirls_2 { 
  width: 100%;
}
.blockGirls_1 {
  width:100%;
	display:flex;
    justify-content: center; /*центрируем элемент по горизонтали */	
}

.block3 {        /*Блоки с фотографиями */
	width: 90%;
}

.blockGirls_1 img {
height:auto; 
width: 95%;max-width: 95%;
}

.blockGirls_3 {
 margin: auto auto;
 padding: 0px;
 width: 100%;
 display:inline-block;
 vertical-align: middle; 
}

.block1 {
  width:45%;
  max-width:45%;
  height:auto;
  margin: 0; /*убирает оранжевые поля*/
  padding: 0; /*убирает зеленые поля*/
  box-sizing: border-box; /*убирает зеленые поля и рамку*/
  margin:10px 1%  10px 1%  ;   
}
  .block1  img {
  margin:0  auto ;  /**/display: block;
  width:auto; max-width:80%; height:auto;
}
}



table.waxing {
width: 100%;
border-collapse:collapse;
border-spacing:0;
text-align: left;	
}

tr {
width: 33%;
border-bottom: 0.5px dotted #d4b170; /* Линия снизу */
}


TD, TH {
    padding: 5px; /* Поля вокруг содержимого ячейки */
   }