/* Teatr */
body{ background:#FFFFFF;}
.siteHeaderTeatr{ width:100%; position:relative;}
.siteHeaderTeatr .inner{ width:100%; position:relative; padding-top:34%; height:100%;}
.siteHeaderTeatr .inner .projectLogoContainer{ width:100%; height:100%; position:absolute; left:0px; top:0px;  opacity:0; overflow:hidden;}
.siteHeaderTeatr .inner .projectLogoContainer .projectLogo{ width:100%; height:100%; position:absolute; left:0px; top:0px;}
.siteHeaderTeatr .inner .projectLogoContainer .projectLogo img{ width:100%;}

.teatrBack{background:#f8fbfc;  overflow:hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
width:100%;  position:relative;  z-index:1;}

.contentMobile .text{ font-size:22px; position:relative; color:#060403; margin:30px 0; text-align:justify; line-height:1.4;}
.contentMobile .text span{ font-size:38px;}

.nameTeatr{ position:relative; width:100%;}
.nameTeatr img{ width:100%;}
.siteLTeatr{ width:10%; height:10px; margin-left:1.6%; margin-right:3.2%; float:left; position:relative; padding:0px 0; z-index:101; color:#3e79a2;}
.siteRTeatr{ width:65%; margin-right:1.6%; float:left; position:relative; padding:0px 0; z-index:100; color:#3e79a2;}
.textTeatr{ font-size:18px; color:#060403; margin-bottom:30px; position:relative; margin-top:30px; width:100%; line-height:1.5; text-align:justify;}
.teatrLine{ width:95px; height:5px; background:#83632a; margin:0px 0 30px 0;}

.anim{ opacity:0;}




.teatrFoto1{ position:relative; width:100%;}
.teatrFoto1 img{border:1px solid #fff; width:100%;}
.teatrFoto2{ position:relative; margin-top:-60px;}
.teatrFoto2 img{border:1px solid #fff;}
.teatrFoto3{ position:relative; margin-top:165px;}
.teatrFoto3 img{border:1px solid #fff;}
.teatrFoto4{ position:relative; margin-top:200px; float:right; z-index:110;}
.teatrFoto4 img{border:1px solid #fff;}
.teatrFoto5{ position:relative; margin-top:-120px; z-index:105; float:right; margin-right:80px;}
.teatrFoto6{ position:relative; margin-top:-45px; float:right; z-index:110;   margin-bottom:115px;}
.teatrFoto6 img{border:1px solid #fff;}

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

}

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

	.siteHeaderTeatr .inner .projectLogoContainer .projectLogo{ width:130%; height:130%; left:-15%; top:-20%;}

	.teatrFoto5{ width:930px;}
	.teatrFoto5 img{ width:100%;}
}

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


}


@media only screen and (max-width: 900px) {
	.teatrFoto5{ margin-right:-30px;}
	
}


@media only screen and (max-width: 860px) {
	.teatrFoto6{ width:930px;}
	.teatrFoto6 img{ width:100%;}
}

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

}


@media only screen and (max-width: 750px) {
	.contentNormal{ display:none;}
	.contentMobile{ display:block;}
}