html{
	height:100%;
	width:100%;
	max-width:100%;
	margin-left:auto;
    margin-right:auto;
	background: #f3f3f3;
}

body, nav  {
    margin: 0px;
    padding: 0px;
	max-width:100%;
	background: url(/images/bgmain.jpg);
}


.boxformz{
margin-right:30px;
}


a {
color: black;
text-decoration: underline;	
}

h1{
text-align:center;
font-family: "birchctt";
font-size: 32px;
width: 100%;	
}

h2{
font-family: "futurisc";
font-size: 24px;
width: 100%;
font-weight:normal;
margin:0px;
text-decoration:none;

}

.h2a{
color: black;
text-decoration:none;
}

.owl-pagination{
margin-top: -100px;
margin-bottom: 100px;
position: relative;
z-index: 11000;	
}

.boximgkisti{
width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: -338px;	
}

.imgkisti{
width: 100%;
margin-top: -338px;
margin-left: 100px;
position: relative;
opacity: 0.5;
z-index: -1;		
}

.header1{
display: none;	
}

.leftstrel{
float: left;	
}

.rightstrel{
float: right;	
}

.bottomstrel{
width: 1300px;
margin-top: -300px;
margin-bottom: 320px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 100;	
}

.topstrel{
width: 100%;
position: relative;
margin-top: 150px;
z-index: 100;	
}

.boxform{
width: 445px;
max-width: 100%;
float: left;	
}

.input{
width: 100%;
padding: 15px 0;
padding-left: 30px;
font-size: 18px;
font-family: "futurisc";
color: #001c37;
font-weight: bold;
background: white;
border-radius: 8px;
border: none;	
margin-bottom: 25px;
}

.inputg{
width: calc(100% - 33px);
	margin: 20px 0;
padding: 15px;
font-size: 18px;
font-family: "futurisc";
color: #001c37;
font-weight: bold;
background: rgba(255,255,255,0.9);
border-radius: 6px;
border: none;	
}

.button{
transition: 0.5s;	
margin-top: 20px;	
padding: 15px;
color: white;
border: none;
background: none;
border-radius: 8px;
font-size: 18px;
border: 1px solid white;	
}

.button:hover{
transition: 0.5s;	
background: none;
color: black;
background: white;
cursor: pointer;	
}

.textinkpntakts{
width: 317px;
max-width: 100%;
font-size: 17px;
color: white;
font-family: "birchctt";
float: left;	
}

.textarea{
width: 100%;
padding: 20px;
padding-left: 30px;
font-size: 18px;
font-family: "futurisc";
color: #001c37;
font-weight: bold;
background: white;
border-radius: 8px;
height: 135px;
border: none;	
}

.textareag{
width: calc(100% - 55px);
padding: 20px;
padding-left: 30px;
font-size: 18px;
font-family: "futurisc";
color: #001c37;
font-weight: bold;
background: rgba(255,255,255,0.9);
border-radius: 8px;
height: 135px;
border: none;	
}

.kontaktform{
padding-bottom: 0px;	
width: 1090px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
background: rgba(0,0,0,0.6);
padding-right: 0px;
position: relative;
z-index: 100;	

overflow:hidden;
}

.kontaktformz{

margin:40px 40px 0 40px;

}

.textmain{
width: 100%;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
font-family: "futurisc";
font-size: 16px;
text-align: justify;
line-height: 1.3;	
}
.textmainz{
	margin: 0 15px;
}
	
.maintree{
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
color: #550000;
text-align: center;	
font-family: "futurisc";	
}

.maintree1{
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
color: #550000;
text-align: center;
font-size: 15px;
font-family: "futurisc";	
}

.imgdorofeev{
width: 180px;
float: left;
z-index:10;
}

.textmaintree{
width: 100%;
font-family: "futurisc";
font-size: 16px;
text-align: center;	
}

.maintreeboxes{
width: 100%;
background: rgba(255,255,255,0.48);	
}

.boxfortreebox{
width: 1100px;
max-width: 100%;
padding-bottom: 35px;
background: transparent;
margin-left: auto;
margin-right: auto;	
}

.oneboxoftree{
width: 320px;
max-width: 100%;
background: white;
border-radius: 8px;
border: 1px solid #6b7a88;	
margin:0 0px 20px 20px;
}
.oneboxoftreez{
margin:20px;
}

.borderwhiteblogonmain{
width: 100%;
height: 200px;
border: 1px solid white;
outline: 1px solid #333;

overflow: hidden;	
}

.imgzapis{
height: 100%;	

}

.borderblackblogonmain{
width: 100%;
height: 200px;
}

.sliderenter{
width: 100%;	
}

.imginslidertop{
width: 100%;	
}

.imginslidertop2 {
width: 100%;
position: relative;
z-index: 10;
opacity: 0;
}
	
.imginslidertop3 {
width: 100%;
position: relative;
z-index: 10;
opacity: 1;
}	

.minimg{
width: 415px;
max-width: 100%;	
margin: 0 10px;
border: 1px solid white;outline: 1px solid #333;
}

.date1{
font-family: "futurisc";	
float: none;
width: 100%;
text-align: right;
font-size: 18px;
padding-top: 8px;	
}

.styled-select select{

font-family: "futurisc";
background: transparent;
margin-left: auto;
margin-right: auto;
width: 233px;
font-size: 16px;
padding: 10px;

line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance:none;
}

.styled-select {
font-family: "futurisc";
width: 233px;
margin-right:10px;
float: left;
border: 1px solid black;
overflow: hidden;
-moz-appearance:none;
background: url(/images/down_arrow_select.png) no-repeat right white;
} 

.styled-select1 select{

font-family: "futurisc";
background: transparent;
margin-left: auto;
margin-right: auto;
width: 233px;
font-size: 16px;
padding: 10px;

line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance:none;
}

.styled-select1 {
font-family: "futurisc";
width: 233px;
float: right;
margin-right:10px;
border: 1px solid black;
overflow: hidden;
-moz-appearance:none;
background: url(/images/down_arrow_select.png) no-repeat right white;
} 

.pokazat1{
float: right;	
font-size: 16px;
padding: 12px;
font-family: "futurisc";
padding-right: 20px;  	
}

.pokazat2{
display: none;	
float: right;	
font-size: 16px;
padding: 12px;
font-family: "futurisc";
padding-right: 20px;  	
}

.pokazat{
float: left;	
font-size: 16px;
padding: 12px;
font-family: "futurisc";
padding-right: 20px;  	
}

.filterboxbig{
width: 100%;
background: rgba(255,255,255,0.45);	
}

.filter{
width: 980px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px;	
}

.bigfilterbox{
width: 100%;
margin-bottom: 70px;
background: rgba(255,255,255,0.45);	
}

.filterbox{
width: 50%;

float: left;
}

.clear {
margin: 0;
height: 1px;
border: none;
clear:both;
overflow:hidden;
max-width: 100%;
}

.bgtop{
width: 100%;
opacity: 0.5;	
} 

.content{
max-width: 100%;	
position: relative;
z-index: 100;
width: 1170px;
margin-left: auto;
margin-right: auto;
}

.content1{
max-width: 100%;	
position: relative;
z-index: 100;
padding-top: 70px;
width: 1170px;
margin-left: auto;
margin-right: auto;
background: rgba(0,0,0,0.7);
}

.nametop{
max-width: 100%;	
font-size: 68px;
font-family: "birchctt";
color: black;
float: left;
-moz-text-shadow:0 0 10px #fff; 
-webkit-text-shadow:0 0 10px #fff; 
text-shadow:0 0 10px #fff;	
}
.nametop>a{
text-decoration:none;
}

.namefooter{
padding-top: 20px;		
max-width: 100%;	
font-size: 60px;
font-family: "birchctt";
color: white;
float: left;
padding-bottom: 20px;	
}

.phonefooter{
max-width: 100%;
float: right;
color: white;
font-family: "birchctt";
font-size: 40px;
padding-top: 50px;
padding-bottom: 20px;	
} 

.footerbox{
width: 1170px;
max-width: 100%;
margin-left: auto;
margin-right: auto;	
}

.ofsite{
width: 100%;
font-family: "birchctt";
font-size: 30px;	
} 

.phone{
max-width: 100%;	
width: 300;
float: right;
font-family: "birchctt";
font-size: 40px;
padding-top: 30px;	
} 

.menu{
margin-top: 15px;	
max-width: 100%;
width: 1170px;
background: rgba(0,0,0,0.6);
margin-left: auto;
margin-right: auto;	
}

.menufooter{
margin-top: 15px;	
max-width: 100%;
width: 1170px;
text-align:center;
margin-left: auto;
margin-right: auto;	
}

.menupunkts{
transition: 0.5s;
padding: 15px;
font-size: 24px;
color: white;
font-family: "futurisc";
float: left;	
}

.menupunkts:hover{
transition: 0.5s;
color: black;
background: rgba(255,255,255,0.5);
}

.menupunktsfooter{
transition: 0.5s;
padding: 13px;
font-size: 28px;
color: white;
font-family: "futurisc";
float: left;	
}

.menupunktsfooter:hover{
transition: 0.5s;
background: rgba(255,255,255,0.5);
}

.menucentered{
max-width: 100%;
margin-left: auto;
margin-right: auto;	
} 

.menucenteredfooter{
display:inline-block;
max-width: 100%;
margin-left: auto;
margin-right: auto;	
text-align:center;
} 

.boxcontentgallery{
width: 1170px;

margin-top: 15px;
max-width: 100%;
background: rgba(0,0,0,0.7);
font-family: "futurisc";
font-size: 24px;
text-align: justify;	
}

.boxcontent{
width: 1170px;
padding: 0px;
margin-top: 15px;
max-width: 100%;
background: rgba(255,255,255,0.7);
font-family: "futurisc";
font-size: 24px;
text-align: justify;	
}

.footer{
margin-top: 15px;	
width: 100%;
background: rgba(0,0,0,0.5);
}

.oneimggallerybox{
width: 460px;
max-width: 90%;
margin-left: 50px;
margin-right: 50px;
margin-top: 30px;
float: left;	
}

.borderwhite{
border: 1px solid white;
width: 100%;	
}

.borderblack{
border: 1px solid black;
width: 100%;	
}

.galleryimg{
width: 100%;	
}

.galleryimgvertical{

max-height: 360px;
max-width: 290px;	
margin-left: auto;
margin-right: auto;
}

.borderwhitevertical{
border: 1px solid white;
margin-left: auto;
margin-right: auto;
}

.borderblackvertical{
border: 1px solid black;
width: 292px;
margin-left: auto;
margin-right: auto;
margin-top: -60px;	
}

.galleryimgkvad{
width: 100%;
max-height: 298px;
max-width: 298px;	
}

.borderwhitekvad{
border: 1px solid white;
width: 298px;	
}

.borderblackkvad{
border: 1px solid black;
width: 300px;
margin-left: auto;
margin-right: auto;	
}

.boxtablichka{
background: url(/images/tablichka.jpg);
max-width: 100%;
width: 326px;
padding-top: 3px;
padding-bottom: 3px;	
margin-left: auto;
margin-right: auto;
margin-top: 15px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);	
}

.boxnotablichka{
max-width: 100%;
width: 326px;
padding-top: 3px;
padding-bottom: 3px;	
margin-left: auto;
margin-right: auto;
margin-top: 0px;

}

.date{
font-family: "futurisc";	
float: right;
font-size: 18px;
padding-top: 8px;	
}

.contentonezapis{
width: 100%;
font-size: 24px;
font-family: "futurisc";
margin-bottom: 10px;	
}

.podrobnee{
width: 100%;
color: #7c3d3d;
font-size: 22px;
font-family: "futurisc";	
}

.stranicyvidach{
width: 100%;
text-align: center;
color: #7c3d3d;
font-size: 24px;
font-family: "futurisc";
padding-top: 70px;
padding-bottom: 70px;	
}

.minimg{
max-width: 415px;	
float:left;
}


.titlekartina{
width: 100%;
padding-top: 3px;
text-align: center;
font-size: 24px;
font-family: "futurisc";	
}

.opiskartina{
width: 100%;
padding-top: 3px;
text-align: center;
font-size: 14px;
font-family: "futurisc";
	
}

.titlekartina1{	
width: 100%;
padding-top: 18px;
text-align: center;
font-size: 24px;
font-family: "futurisc";
color: white;	
}

.opiskartina1{
width: 100%;
padding-top: 3px;
text-align: center;
font-size: 14px;
font-family: "futurisc";
color: white;	
}

.stranicygallery{
width: 100%;
text-align: center;
color: white;
font-size: 24px;
font-family: "futurisc";
padding-top: 70px;
padding-bottom: 70px;	
}

.slider1{
width: 1080px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}

@media (min-width: 690px) and (max-width: 1060px) {
.slider1{
width: 690px;
margin-left: auto;
margin-right: auto;
}
}

@media (max-width: 690px) {
.slider1{
width: 345px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
}

 @media (max-width: 1210px) {
 .header1{
margin-top:30px;
}
}

@media (min-width: 1120px) and (max-width: 1210px) {
.oneimggallerybox{
width: 460px;
max-width: 90%;
margin-left: calc(25% - 230px);
margin-right: calc(25% - 230px);
margin-top: 30px;
float: left;	
}
}
	
@media (min-width: 1000px) and (max-width: 1120px) {
.oneimggallerybox{
width: 460px;
max-width: 90%;
margin-left: calc(25% - 230px);
margin-right: calc(25% - 230px);
margin-top: 30px;
float: left;	
}

.boximgkisti{
display: none;	
}

}


@media (min-width: 768px) and (max-width: 1000px) {

.boximgkisti{
display: none;	
}

.topstrel{
width: 100%;
position: relative;
margin-top: 0px;
z-index: 100;
position: absolute;
top: 200px;	
}

.header{
display: none;	
}

.header1{
display: block;	
}

.oneimggallerybox{
width: 46%;
max-width: 90%;
margin-left: 2%;
margin-right: 2%;
margin-top: 30px;
float: left;	
}

.borderblackvertical{
margin-top: 0px;	
}

.pokazat1{
display: none;  	
}

.pokazat2{
display: block;  	
}

.imgdorofeev{
margin-top: 20px;	
width: 300px;
float: none;
max-width: 300px;
margin-left: auto;
margin-right: auto;	
}

.boxform{
width: 550px;
max-width: 100%;
float: none;
margin-left: auto;
margin-right: auto;	
}




.textinkpntakts{
margin-top: 20px;
font-size: 12px;
width: 350px;
float: none;
margin-left: auto;
margin-right: auto;	
}

}


@media (min-width: 670px) and (max-width: 768px) {

.boximgkisti{
display: none;	
}

.topstrel{
width: 100%;
position: relative;
margin-top: 0px;
z-index: 100;
position: absolute;
top: 360px;	
}

.header{
display: none;	
}

.header1{
display: block;	
}

.imgdorofeev{
margin-top: 20px;	
width: 300px;
float: none;
max-width: 300px;
margin-left: auto;
margin-right: auto;	
}

.boxform{
width: 400px;
max-width: 100%;
float: none;
margin-left: auto;
margin-right: auto;	
}

.textinkpntakts{
margin-top: 20px;
float: none;
margin-left: auto;
margin-right: auto;	
}

.minimg{
max-width: 100%;
width: 415px;	

}

.miniimgwhite{
width: calc(100% - 2px);
border: 1px solid white;	
}

.miniimgblack{
width: 100%;
border: 1px solid black;
float: left;
margin: 0 20px 20px 0;	
}

.pokazat1{
display: none;  	
}

.pokazat2{
display: block;  	
}

.filterbox{
width: 50%;
float: left;
}
	
.borderblackvertical{
margin-top: 0px;	
}	
	
.nametop{
width: 100%;
text-align: center;	
}

.phone{
width: 100%;
text-align: center;	
}

.namefooter{
width: 100%;
text-align: center;	
}

.phonefooter{
width: 100%;
text-align: center;	
}

.oneimggallerybox{
width: 90%;
max-width: 90%;
margin-left: 5%;
margin-right: 5%;
margin-top: 30px;
float: left;	
}

.date{
float: none;
width: 100%;
font-size: 18px;
padding-top: 8px;	
}

}

@media (max-width: 670px) {

.boximgkisti{
display: none;	
}

.topstrel{
width: 100%;
position: relative;
margin-top: 0px;
z-index: 100;
position: absolute;
top: 350px;	
}

.header{
display: none;	
}

.header1{
display: block;	
}

.imgdorofeev{
margin-top: 20px;	
width: 100%;
float: none;
max-width: 300px;
margin-left: auto;
margin-right: auto;	
}

.imgdorofeev>img{

width: 100%;

}

.boxform{
width: 400px;
max-width: 100%;
float: none;
margin-left: auto;
margin-right: auto;	
}

.textinkpntakts{
margin-top: 20px;
float: none;
margin-left: auto;
margin-right: auto;	
}

.minimg{
max-width: 100%;
width: 415px;	
}

.miniimgwhite{
width: calc(100% - 2px);
border: 1px solid white;	
}

.miniimgblack{
width: 100%;
border: 1px solid black;
float: left;
margin: 0 20px 20px 0;	
}

.styled-select1{
float: none;
margin-left: auto;
margin-right: auto;	
}

.styled-select{
float: none;
margin-left: auto;
margin-right: auto;		
}

.pokazat{
display: block;
float: none;
text-align: center;
width: 100%;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;	
}

.filterbox{
width: 100%;
padding-left: 5px;
padding-right: 5px;
float: none;
}

.pokazat1{
display: none;  	
}

.pokazat2{
display: block;
float: none;
text-align: center;
width: 100%;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;	  	
}

.galleryimgvertical{
max-width: 100%;
height: 360px;
width: 290px;	
}

.borderwhitevertical{
max-width: calc(100% - 2px);	
}

.borderblackvertical{
max-width: calc(100% - 2px);
margin-top: 0px;	
}

.galleryimgkvad{
max-width: 100%;
height: 283px;
width: 283px;	
}

.borderwhitekvad{
max-width: calc(100% - 2px);	
}

.borderblackkvad{
max-width: calc(100% - 2px);	
}


.date{
float: none;
width: 100%;
font-size: 18px;
padding-top: 8px;	
}
	
.oneimggallerybox{
width: 90%;
max-width: 90%;
margin-left: 5%;
margin-right: 5%;
margin-top: 30px;
float: left;	
}
	
.nametop{
width: 100%;
text-align: center;	
}

.phone{
width: 100%;
text-align: center;	
}

.namefooter{
width: 100%;
text-align: center;	
}

.phonefooter{
width: 100%;
text-align: center;	
}
}

.linetop{
width: 100%;
height: 10px;
background: #dcebf9;
border-bottom: 2px solid #aabccf;
position: relative;
z-index: 50000;	
}

.lineflagi{
margin-top: 3px;
width: 1170px;
max-width: 100%;
position: relative;
z-index: 50000;
margin-left: auto;
margin-right: auto;
top: 0;	
}

.lineflagipage{
width: 1170px;
max-width: 100%;
position: relative;
z-index: 50000;
margin-top: -33px;
margin-left: auto;
margin-right: auto;
top: 0;	
}




.imgflag{
width: 30px;
height: 21px;
float: right;
margin-left: 5px;
}

.text-flagi{
float: right;	
font-family: "futurisc";
font-size: 14px;
padding-top: 7px;
margin-right: 7px;	
}

.galpage{
	text-align: center; padding-top: 0px; padding-bottom: 40px; color: white; margin: 0;
}


.boxcontentsite{
padding:20px;
}

.boxcontentvs{
padding:20px;
}



.boxcontentsite ul {
    list-style-image: url(images/liststyle.png); 
   }
   
.boxcontentsite  li  {
    margin: 10px 0 0 30px;
    padding: 0px;

}   
   
.boxcontentsite   a:hover{
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #000 /* Добавляем свою линию */ 
  }
  
.fguest{
width: calc(100% - 40px);
background: rgba(0,0,0,0.7);
padding:20px;
}

  
.fguestf{
width:100%;
padding:10px;
margin:auto;
}

.navigation > a{
	color: white;
}


.pprev, .pnext {
	text-decoration:none;
}


.box-body-galery-post{

    max-width: 1000px;

	z-index:9;
	position: relative;
	margin-left:auto;
    margin-right:auto;
    display:table;
   border: 5px solid black;
}


.box-galery-post{
border: 5px solid white;
width: 40%;
height: 360px;
float: left;
position:relative;
margin-bottom: 130px;
text-align: center;
}

.box-galery-br{
border: 5px solid red;
width: 15%;
float: left;
position:relative;
height: 360px;
}

.img-galery-post{
max-width: 100%;
max-height: 360px;
position:absolute;
border: 1px solid grey;
margin: auto;
 left: 0; bottom: 1px; right: 0;
 margin-bottom:1px;
}

.img-galery-mndiv{
max-width: 100%;
width: 360px;
max-height: 360px;
position:absolute;
margin: auto;
 left: 0; bottom: 1px; right: 0;
 margin-bottom:1px;
}


.box-galery-podpis-post{
width: 100%;
margin-top:380px;
text-align: center;
position:relative;
}




.galdiv{
margin-left:auto;
margin-right:auto;
position:relative;
max-width:1075px;

}

.picdiv{
display:table-cell;
vertical-align:bottom;
width:562px;
}
.podpisdiv{
position:absolute; 
margin-top:0px;
width:562px;
text-align:center;

}

.picimg{
max-width: 415px;
max-height: 415px;
position:relative;
border: 1px solid #333333;
outline: 1px solid white;
margin: auto;
 left: 0; bottom: 1px; right: 0;
 margin-bottom:1px;
}


@media (min-width: 895px) {
.galbrmob{
display:none;
}

}

@media (max-width: 895px) {
.box-galery-post{
max-height: 415px;
height: auto;
width: 100%;
}

.img-galery-mndiv{
max-width: 100%;
width: 100%;
}



.img-galery-mndiv{
width: 100%;
}


.box-galery-br{
display:none;
float:none;
}
.box-galery-podpis-post{

}

.boxtablichka, .boxnotablichka{
max-width:320px;
width: 90%;
}


.galbrmob{
display:block;
}
.picdiv{
float:left;
}

.picimg{
width:100%;
max-width: 415px;
max-height: 415px;
position:relative;
margin: auto;
 left: 0; bottom: 1px; right: 0;
 margin-bottom:1px;
}
.navigation {
	font-size:14px;
}


.nametop{
font-size: 40px;
}

}













    
	    
	    
	    
	    
	    
	   


	.modalzab {
		position: absolute;
		overflow: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.7);
		z-index: 99999;
		display: none;
		pointer-events: none;
		-webkit-overflow-scrolling: touch;
	}
	.modalzab > * {
    -webkit-transform: translateZ(0px);
}

	.modalzab:target {
		display: block;
		pointer-events: auto;
	}

	.oknozab {
		
		width: 70%;
		max-width:600px;
		position: relative;
		margin: 5% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		opacity: 0.85;
		background: red;
		color: #ccc;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: normal;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }