* {margin: 0;padding: 0;}
html {height: 100%;}
body {font: 12pt Arial, sans-serif;width: 100%;height: 100%;background:#f5ebe3 /*url(img/fon2)*/ top repeat-x;color:#464646;}
a {color:#464646; outline: none;text-decoration:underline;}
a:hover {color:#464646; text-decoration:underline;}
a, a:visited, a:hover, a:active, a:focus {outline:0;}
p {margin: 0 0 20px 0;}
img {border: none;}
input {vertical-align: middle;} 
hr {margin:10px 0 10px 0;border:0;border-top:1px solid #d1d4d7;}
.clear {clear:both;}
.cont ul{padding: 0 0 15px 0;}

#wrapper {width:1200px;margin: 0 auto;min-height: 100%;height: auto;background: #eed5c3 /*url(img/labirint.jpeg)*/ top no-repeat;border-left:1px #c4a48d solid;border-right:1px #c4a48d solid;}



/* Header */
#header {height:300px;background: url(img/WhatsApp\ Image\ 2022-07-19\ at\ 15.08.13.jpeg);background-size: cover; background-repeat: no-repeat ;}
.header-icon {padding:10px 5px 0 5px}

@media(min-width: 800px){

.logo {padding:1px 0 10px 10px;float:right;border-radius: 10px;display: block;}
}
.right {float:right;padding:10px 10px 10px 0;color:#fff;font-size:12pt;text-align:right; margin: 10px 5px 0 0; clear:both;}
.right a {text-decoration:none; color: white;}
.right span {font-size:10pt;border-bottom:1px solid #fff; margin-bottom:10px;}


.photo {padding:0 0 0 30px;float:right;font-size:13pt;color:#fff;}
.photo img, .photo-main img {border:2px solid #fff; margin-bottom:12px; border-radius: 10px;}
.author {float:left; <!--background-color: #f0ceb4;--> margin: 1px; border-radius: 10px; padding:10px 10px 10px 10px;font-weight:900;font-size:12pt;color:#fff;font-style:italic;text-transform:uppercase;}
.author span {font-size:11pt;}
.photo-main {padding:0 30px 0 0;float:left; border-radius: 10px; /* width: 100px; height: 200px; display: inline;*/ } 
.foto-main {width: 200px; display: block;}


/* Menu */
@media(min-width: 992px){


#menu {float:left;width:100%;font-size:10pt;width:750px;}
}
#menu ul {margin:0;padding:30px 0 0 20px;margin:0;list-style:none; white-space:nowrap}
#menu li {display:inline;margin:0;padding:0;}

#menu a {float:left;background:url("img/left.png") no-repeat left top;margin:4px 5px;padding:0 0 0 6px;text-decoration:none;}
#menu a span, #menu a.selected span {float:left;display:block;background:url("img/right.png") no-repeat right top;padding:3px 10px 4px 2px;margin-right:5px;color:#fff;font-size:12pt;}
#menu a span {float:none;}
#menu a:hover span, #menu a.selected span {color:#ffffff;}
#menu a:hover, #menu a.selected {background-position:0% -23px;}
#menu a:hover span, #menu a.selected span {background-position:100% -23px;}	
.frame-button-menu {
  text-align: center;
}

.social-btn {
	border: 2px solid #e9cebb;
	display: inline-block;
	width: auto;
	padding: 5px 10px;
	border-radius: 12px;
	background-color: #e0b08d;
	margin: 0 5px 20px 0;
}

.button-menu {
  display: inline-block;
  padding: 5px 6px;
  border: 2px solid #eed5c3;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #3F2AFF;
  border-radius:10px;
	margin: 0 5px;
}


/* Middle */
#middle {width: 100%;padding: 0 0 200px 0;height: 1%;}
#middle:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;}
#container {width: 100%;float: left;overflow: hidden;}
#content {padding:25px 30px 50px 30px;line-height:20pt;}
/*#content ul {margin:0 0 10px 12px;}*/
.ul-about {
	padding: 0 10px;
	margin: 0 30px 155px 10px;
}	
.li-about {
	margin: 0;
	padding: 0 2px 0 5px;
}

.ramka-about {
	padding: 15px 5px;background:#caa890; font-style:italic; border-radius: 10px;
}
.list-middle {
	margin: 0 0 5px 0;
	padding: 0;
}

.cont ul {padding-bottom: 15px;}

.contact-li{margin-bottom:15px;}

/* Content */
#content img.lll {float:left;margin:0 10px 10px 0;border:1px solid #fff;}
#content img.rrr {float:right;margin:0 0 0 20px;border:1px solid #fff;}
#content img.rr {border:1px solid #fff;}
h1 {font-size:12pt;padding:0;margin:0 0 10px 0;color:#fff;font-weight:normal; text-transform:uppercase;}
.head {font-size:12pt;padding:0;margin:0 0 15px 0;color:#000;font-weight:bold;}
.z {float:left;margin:0 110px 20px 0;}
.ramka {padding:8px; margin: 5px -5px; background:#f0ceb4; font-style:italic; border-radius: 10px;}
.content-contact {list-style-type: none; margin-bottom: 30px;}


/* Footer */
#footer {width:950px;margin: -200px auto 0;height:200px;font-size:9pt;color:#a18674;background:url(img/footer.jpg) bottom no-repeat;}
#footer p {text-align:center;}
#footer hr {padding:20px 0 0 0;border:0;border-top:1px solid #ae9482;width:450px;margin:0 auto;}
#footer a {color:#fff;text-decoration:none;}


@media(min-width: 992px){
    
.menu{display: none ;}  
  
}


/* -----------------------------------------  320+ */
  
@media screen and (max-width: 214px) {
  
p{
font-size: 24px;  
}  
  
#menu ul li:nth-child(4) { display: none; }

#menu li{
zoom: 2;  
}
  
#menu a span, #menu a.selected span{ 
font-size: 6.5pt;    
}    

#menu ul{
margin-left: 5%;
padding: 30px 0 0 0px;  
}

#wrapper {
    width:100%;
    border-left: 0px;
    border-right: 0px;
}

#footer {
    width:100%;
}

body{ background: none;}


#footer hr{
width: 100%;    
}

.logo{
text-align: center;    
}

.logo a img{
max-width: 50%;
}

.right{
max-width: 50%;
font-size: 30px;
text-align: center;
zoom: ;
}

.right span{
margin-left: ;    
font-size: 30px;
}

#menu{
width:100%;
margin-top:400px;
  }

.author{
float:right;
padding:5px 0 0 0px;
font-size:30px;
color:#fff;
font-style:italic;
text-transform:uppercase;
text-align: center;
margin-right: 3%;
}

.mobile{
		width: 100%;
		height: 100vh;
		background: #eed5c3;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: -120%;
		padding: 15px;
		font-size: 25px;
		z-index: 2;
		color: #fff;

	}

	.mobile li{
		margin-bottom: 20px;
		color: #fff;
	}
	
	.mobile li a{
	color: #fff;
	text-transform: uppercase;
	margin-left: 30%;
	text-decoration: none;
	font-family: Roboto;
	font-size: 20px;
	}
	
	.mobile li:last-child{
		margin-bottom: 0px;
	}
	.mobile span{
		display: block;
		position: absolute;
		top: -5px;
		right: 10px;
		font-size: 40px;
		transform: rotate(45deg);
		color: #fff;
	}
	.hamb{
	display: block;
	font-size: 45px;
	margin-top: 200px;
	margin-left: 85%;
	color: #fff;
	
}

span.logos {
    display: none;
    font-size: 24px;
    color: #fff;
	margin-top: 200px;
	margin-left: 0%; 
	font-family: Roboto;
	text-align: center;
}

.logos a{
color: #fff;
text-decoration: none;
}

table{
font-size: 28px;
line-height: 1.8; 
}
  
.photo-main {
    padding: 0 30px 0 0 ;
} 

.photo img, .photo-main img {
    width: 105%;
  } 


}	


@media screen and (min-width: 300px) and (max-width: 800px) {


p{
font-size:;  
}    
  
#menu ul li:nth-child(3) {
display: none;  
}
 
#menu li{
zoom: 0.8;  
}
  
#wrapper {
    width:100%;
    border-left: 0px;
    border-right: 0px;
}

#footer {
    width:100%;
}

body{ background: none;}


#footer hr{
width: 100%;    
    
}

.logo{
	text-align:center;   
}
    
.logo a img{
max-width: 50%;
padding-left: ;
}

.right{
max-width: 50%;
text-align: center;
font-size: 15px ;
zoom: ;
}

.right span{
margin-left: 1% ;   
font-size: ;
}

#menu{
width:100%;
margin-top:120px;
}

#menu ul{
margin-left: 5%;
padding: 30px 0 0 0px;  
}
  
.author{
float:right;
padding:10px 0 0 0px;
font-size:20px;
color:#fff;
font-style:italic;
text-transform:uppercase;
text-align: center;
margin-right: 3%;
}

	.mobile{
		width: 100%;
		height: 100vh;
		background: #eed5c3;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: -120%;
		padding: 15px;
		font-size: 25px;
		z-index: 2;
		color: #fff;

	}

	.mobile li{
		margin-bottom: 20px;
		color: #fff;
	}
	
	.mobile li a{
	color: #fff;
	text-transform: uppercase;
	margin-left: 40%;
	text-decoration: none;
	font-family: Roboto;
	font-size: 30px;
	}
	
	.mobile li:last-child{
		margin-bottom: 0px;
	}
	.mobile span{
		display: block;
		position: absolute;
		top: -5px;
		right: 10px;
		font-size: 40px;
		transform: rotate(45deg);
		color: #fff;
	}
	.hamb{
	display: block;
	font-size: 45px;
	margin-top: 200px;
	margin-right: 40px;
	color: #fff;
}



span.logos {
    font-size: 18px;
    color: #fff;
	margin-top: 200px;
	margin-left: 40%; 
	font-family: Roboto;
	text-align: center;
}

.logos a{
color: #fff;
text-decoration: none;
}
  
table{
font-size: ;
line-height: 1.8; 
}
  
.photo-main {
    padding: 0 150px 0 0 ;
} 

.photo img, .photo-main img {
    width: 100%;
  } 
  
}