@font-face{font-family: Allegretto Script One;
	src: url(../Allegretto-Script-One.ttf) format('truetype'); }
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html, body { height: 100%; width: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 1.5;}
 p {
    line-height: 1.5;
   }
.sticky {
	width:100%;
	height: 48px;
	left:0;
	bottom: 0%;
	position: absolute;
	alignment-adjust:auto;
    text-align: center;
	font:open-sans;
    line-height: 1;
    padding:15px;
/*	padding-left: 420px;*/
	padding-bottom: 10px;
	z-index: 100;
	background-color: rgba(255, 255, 255, 0.97);
	font-style: normal;
		font-size: 14px;
	/*position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
	  top: 0px;}*/
	
	}

.mmenu{display: none; position: fixed;}

.line {width: 447px; margin: 12px auto 0;}
.line-en {width: 387px; margin: 12px auto 0;}

.social {
		width:30vw;
        margin: 0 auto;
        bottom:-17%;
	
	position: absolute;
	padding:25px;
	padding-left: 10px;
	z-index: 1000;
	font-style: normal;
	color: #000000;
    font-size:16px
	}
	a {
		font-size: 14px;
		color:#000000;
	text-decoration:none;
}
a:visited {
color: #514243;
}
a:hover {text-decoration: underline;
}

.pad:hover {background:#242424;
color:#D1D1D1;
text-decoration: none;}

h3{	color:#514243;
	padding: 10px 0;
}
.title {
	font-family: Allegretto Script One, cursive;
	src: url(../Allegretto-Script-One.ttf); 
	line-height: 1;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	font-size:96px;
    width: 30%; 
    color: #ffffff;
    position: fixed;
    top: 20%; 
right: 0;
	z-index: 1;
   }

.picture {
    width: 100%;
	left:0%;
	top:0%;
    position:fixed;

	text-indent:0px;
   }
.responsive-image {height: 100vh; width: 100vw; object-fit: cover; object-position: center;}

.text {
    font-size:16px;
    width: 100%;
		min-height: 93.3%;
	left:0%;
	top:100%;
    position:absolute;
padding:10px;
	  padding-left: 20%;
	  padding-right: 10%;
padding-bottom: 60px;
		color: #000000;
		background-color: rgba(255, 255, 255, 0.97);
	z-index: 10;
   }
.column {margin: 2% 10% 0 10%}

 .photos {
   width: 100%;
	left:0%;
	top:100%;
    position:absolute;
padding:0px 15px;
		background-color: rgba(255, 255, 255, 0.97);
	 	z-index: 10;
		color: #000000;

}
	
.int { 
	font:open-sans;
	width:3%;
	left: 88%;
	font-size: 14px; text-align: right;
	bottom:50%;
	right: 13.5%;  position: absolute;
	z-index: 1000;
}
.contacts{
	       width: 60%;
		   position:absolute;
	   }
 
.footer {
	text-align: center;
	font-size: 10px;
	width: 100%;
	height: 41px;
	color: #B4B4B4;
	background:#242424;
	left:0;
	bottom: 0;
    position:inherit;	 
	z-index: 10000;
	padding-top: 14px;
}
.pad {padding: 14px 15px 11px 15px;
	
}

ul.hr {
    margin: 0; /* Обнуляем значение отступов */
    padding: 4px; /* Значение полей */
   }

ul.hr li {
    display: inline; /* Отображать как строчный элемент */
    margin-right: 5px; /* Отступ слева */
    border: 1px solid #000; /* Рамка вокруг текста */
    padding: 3px; /* Поля вокруг текста */
   }

@media screen and (min-width:200px) and (max-width:420px) {
	a {font-size: 14px; color:#000000;}
 	.sticky {display: none}
	.line{width: 90%; margin-top: 7px;}
 	.social{display: none;}
/*	.picture {width: 400%; height: auto;}*/
	.title {height: 55px; width: 100%; font-size:38px; top:0; left:0; padding: 10px 0 0 20px;z-index: 100;color:#D1D1D1; background-color: rgba(0,0,0,0.9);}
	.mmenu{display: block; width: 100%; top:14px; right:0px; z-index: 10000;}
	.text {width: 100%; padding:10px;min-height: 85.5%; top: 100vh;}
	.column {margin: 0;}
	.photos{padding:0px 8px;}
	.pad{padding: 5px;}
	.int{top: 1%;}
	.contacts{display:none;}
	.footer{bottom: -41px;}
    .responsive-image {height: 100vh; width: 100vw; object-fit: cover; object-position: center;}
}
@media screen and (min-width:421px) and (max-width:734px) {
	a {font-size: 14px;color:#000000;}
    .sticky {display: none}
	.line{width: 90%; margin-top: 7px;}
    .social{display: none;}
/*    .picture {width: 100%; height: auto;}*/
    .title {display: none; height: 50px; width: 100%; font-size:58px; top:0; left:0; padding: 0px 0 0 20px;z-index: 100;color:#D1D1D1; background-color: rgba(0,0,0,0.6);}
	.mmenu{display: block; width: 100%; top:13px; right:0px; z-index: 10000;}
    .text {width: 100%; padding:10px;min-height: 88.1%;} 
	.column {margin: 0;}
	.photos{padding:0px 8px;}
	.pad{padding: 5px;}
	.int{top: 1%;}
    .contacts{display:none;}
	.footer{bottom: -41px;}
    .responsive-image {height: 100vh; width: 100vw; object-fit: cover; object-position: center;}

}
}*/

@media screen and (min-width:735px) and (max-width:1720px){
	.sticky {padding-left: 265px; bottom: 0%;}
	.picture {width: 105%;}
	.int {left: 92%;}
	.text {min-height: 101%;}
	.title {width: 30%; font-size: 80px;}
}

/*@media screen and (min-width:1025px)and (max-width:1440px){
	.sticky {padding-left: 40%; bottom: 0%;}
	.social{left: 25%;}
	.line {width: 69.7%;} 
	.picture {width: 105%;}
	.text {width: 100%; padding-left:25%; padding-right: 20%; min-height: 95.08%;}
	.title {width: 30%; font-size: 132px;}
			.int{left: 81.7%;}
}*/
@media screen and (min-width:1720px){
	.sticky {padding-left: 40%; bottom: 0%;}
	.social{left: 23%;}
	.picture {width: 105%;}
	.text {width: 100%; padding-left:30%; padding-right: 25%; min-height: 96.58%;}
	.title {width: 30%; font-size: 182px;}
		.int{left: 70%;}
}