.c1 {
	height: 1410px;
	background: url("new2/BG2.jpg") 100% 100% no-repeat; 
	/* background-size: cover; */
}
.index .c4  { 
	height: 738px;
    background: url(new2/Layer37.jpg)  no-repeat; 
    /* background-size: contain; */
    /* background-position: -88px; */
}
 
  

/* MAIN */
audio {display:none}
.cont {width: 1280px; margin: 0 auto;}
.off {display:none}

 


#menu_toggler a::after, #menu_toggler a::before {
    content: '';
    width: 35px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}




.logo { width: 492px; height: 337px; background: #d20a11; display:block; float: left; position: relative; z-index: 350;}
.logo img { 
    padding: 49px 7px;
    width: 346px;
    margin: 0 auto;
    display: block;
}
.c2 .block1 {
	position: absolute;
    left: 0;
    width: 63%;
    top: 275px;
    z-index: 1;
	height: 873px;
    overflow: hidden;
}	
.c2 .block3 {
	    width: 431px;
    height: 194px;
    background-color: #d20a11;
    position: absolute;
    right: 0;
    top: 941px;
    z-index: 1;
}
.c2 .block2 {
	width: 550px;
    background-color: #454544;
    position: absolute;
    top: 275px;
    z-index: 9999;
    right: 319px;
}
.c2 .text1 {
	width: 418px; 
	font-size: 18px;
	line-height: 32px;
	color: #ffffff;
	padding:68px; 
	font-weight: 300; margin: 0 auto;
	font-family: "Roboto Slab"; 
}
.c3 .cont { background-color: #ffffff; margin-top: -128px;}
.c3 .block1 { padding: 62px 68px;     min-height: 300px;}
.c3 .block2 { 
    width: 514px;
    float: right;
    margin-top: -106px;
}
.c3 .block2 img { width: 100%;}
.c3 .text1 { width: 641px; float: left;}
.c3 .block1 img {     
	    width: 353px;
    float: right;
    margin-top: 7px;
    margin-right: 52px;
}
.c3   {     height: 1028px; }
.c3 .text1 { 
	font-size: 18px;
	line-height: 32px;
	color: #000000;
	font-weight: 300;
	font-family: "Roboto Slab";
}
.abzac {
	display: block; 
    content: "";
    margin-top: 23px;
}
.b1 h2 {font-family: "Merri";}

/* */
 

 




.c4 .cont .col3 h2 {
	width: 424px;
	height: 94px;
	font-size: 40px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Merri";
}
.c4  .col1 img  {
	    width: 326px;
    margin-top: -648px;
    /* padding-top: 24px; */
    position: absolute;
    /* position: ABSOLUTE; */
    margin-left: -37px;
}
.c4  .col2 img  {
	    width: 480px;
    margin-top: -198px;
    margin-left: 325px;
}
.c4   .col3   {
	float: right;
    margin-top: -673px;
    margin-right: -34px;
    position: relative;
    z-index: 1;
}



.c4 .cont .col3 .text1   {
	width: 550px;
	height: 241px;
	margin-bottom: 162px;
	background-color: #d20a11; 
} 

.c4 .cont .col3 .text1 div   {
	width: 348px;
	padding-top: 54px;
	height: 99px;
	font-size: 30px;
	color: #ffffff;
	font-weight: 300; 
	font-family: 'MerriItalic'; 
	text-align: center;
	margin:0 auto;
}
.c4 .info  div div { 
	font-size: 30px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Roboto"; float: left;     margin-left: 17px;
}
.c4 .info img {
	width: 46px; float: left;     margin-top: -4px;
}



.c4 .info3 {
	width: 424px;
	height: 66px;
	margin-top: 217px;
	font-size: 18px;
	line-height: 32px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Roboto Slab";
}
/* 14.04
.c4 .info {
	width: 540px;
    position: ABSOLUTE;
    height: 152px;
    height: 186px;
    margin-top: -43px;
    background-color: #000000;
}
 
*/
.footer {
	width: 708px;
    height: 171px;
    position: absolute;
    background-color: #ffffff;
    margin-top: -117px;
	    /* margin-left: -24px; */
}
 
 





/* zoom: 0.68 */

@media (min-width: 1300px) and (max-width: 1440px) {
	.main-block { 
		width: 100%
	}
	
}


 

@media (min-width: 1920px)   {
	.c2 .block1 { 
		right: 319px ;
		width: 1607px ; 
		 left: auto;
	}
}



.desc {display:block}
.mob {display:none} 
/*
@media (min-width: 1023px) and  (max-width: 1320px) {
	.c2 .block1 .desc {
		 margin-left: -0px;  
	}
}	
*/	
@media (min-width: 981px) and  (max-width: 1200px) {
	.c2 .block3 {
   width: 431px;
    height: 194px;
    background-color: #d20a11;
    position: relative;
    right: -89px;
    margin-top: -471px;
    float: right;
	top: 0px;  
    z-index: -1;
	}
	.c2 .block1 .desc{ margin-left: -210px;}
	.c2 .block2 {
		width: 550px;
		background-color: #454544;
		position: relative;
		top: 0px;
		z-index: 9999;
		margin-top: -1136px;
		right: 0px;
		float: right;
	}
	.c2 .block1 {
		position: absolute;
		/* left: 0px; */
		width: 88%;
		top: 275px;
		z-index: 1; 
		height: 873px;
		overflow: initial;
	}
	.main-block  {zoom: 0.5;}
	.c2 .block3 {
		width: 365px; 
		position: relative;
		right: -124px;
		margin-top: -468px;
		float: right;
		top: 0px;
		z-index: 1;
	}

}
	
	
	
@media (max-width: 980px) {
	.mob {display:block!important}
	.desc {display:none!important}	
	/* APART PAGE */
	
	.c2 .block3, .c11 .block3, .pic7, .apart .wind, .menu-r {
		display:none 
	}
	
	.block .block {
		padding: 20px;
	}
	h2 {  
		width: auto;
		font-size: 40px;    margin-top: 30px;
		line-height: 50px!important
	}
	.logo-mob-img{
		 margin-left: -10px;
		width: 243px;
	}
	
	.c2 .block1 {
    position: relative;
	}
	.logo-mob  {
		    display: block;
    margin-top: -78px;
    background: #d20a11;
    padding: 6px 48px 0px 54px;
    /* margin-left: 10px; */
    height: 144px;
	}
	.text1-text {margin-bottom: 25px;}
	.c1 {
    height: 998px;
	}
	.c1 .text0{
		   
    height: 19px;
    margin-top: 45px;
    margin-left: 19px;
    font-size: 16px;
    letter-spacing: 6px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 300;
    font-family: "Merri";
	}
			 
	
	.cont {
		width: 100%; 
	}
	.c12 .text1 h2 {   
		margin-top: -9px;
		    margin-bottom: 70px!important;
	}
	.c11 .info1 {
		padding: 19px 0px 0px 0px;
		background-color: #454544;
		color: white;
		height: 657px;
	}
	.c2 .text1 , .c1 .text1 {
		width: 90%;
		font-size: 16px;
		/* margin-top: 31px; */
		line-height: 30px;     margin-top: 21px;
		padding: 37px 16px 37px 16px;
		font-weight: 100;
	}
	
	.c2 .block1 { 
    width: 100%;     overflow: initial;
    top: 134px;
	}
	.c2 .img2 {
		     width: 59%;   margin: 24px auto;
	}
	.c2 .img1 {
		     width: 100%; margin-top: 48px;  
	}
	
	
	
	.logo img {
		    padding: 42px 0px 41px 0px;
    width: 82%;
    margin: 0 auto;
    display: block;
	}
	.logo { 
	    width: 100%;
    height: auto;
    background: #d20a11;
    display: block;
    margin-top: 0px;
    float: none;
    position: relative;
    z-index: 350;
	}
	.c11 .col3 { 
		margin-bottom: 12px;
		padding: 0px 5px 5px 16px;
		margin-left: 0px;
	}
	
	.c11 .col3 .inf2 {    text-align: right;}
	.c12 .block1 { 
    margin-top: -214px!important;
	}
	
	.c13 .block1 {
		float: right;
		margin: 0px;
	}
	.c3 .text1 {
    float: none;
	}
	
	/* СЛАЙДЕР */
	.slider .item .main-col1 { 
		width: 100%;
		height: auto;
	}
	.slider .item .main-col2 { 
    width: 100%;
    margin-top: 18px;
    padding-left: 14px; 
	}
	 .slider {
	 height: auto;
    width: 96%;
    position: relative;
    margin-top: 714px;
    margin-left: 3px;
	}
	.slider .item .main-col1 {
    background-color:none
	}
	.apart .select { 
    margin-bottom: 24px;
	}
	.slider .right {
		    margin: -248px 0px 0px 0px;
    right: 8px;
	}
	.slider .arrow {
		position: absolute;
		width: 15px;
	}
	
	.slider .left {
		margin: 127px 1px 1px -9px;
	}
	
	.c12 { 
		margin-top: 233px;
	}
	.apart .wind {
		margin: 20px 0px 2px 17px
	}
	.apart .build {
		display: block;
		width: 83%!important;
		margin: 20px auto 0px auto!important; 
	}
	
	.c12 {
		height: auto;
		background: none;      margin-bottom: 0px;
		/* background: url(all/5/Layer42.jpg) 100% 100% no-repeat;  */
	}
	.c12 h2 .abzac {
		margin-top: 18px;
		display: inline-block;
	}
	.c12 .block1 {
		width: 89%;
		height: auto;
		float: none;
		z-index: 99;
		position: relative;
		margin-top: 157px;
		background-color: #ffffff;
	}
	.slider .item .main-col1 {
		background: none; margin-left: -5px;
	}
	
	.c11 .col3 {
		border-left: none;
	}
	.block {
		padding: 20px;
	} 
	.c12 h2 {
		color: #d20a11;
		margin-bottom: -5px;
		width: auto; 
		line-height: 36px;
	}
	.text1 {
		padding: 10px  ​0px 0px 3px;
	}
	.c12 .pic1 {
		margin-top: 5px;     margin-bottom: 21px;
	}
	.c12 .block5 {
		width: 100%;
		height: auto;
		background-color: #d20a11;
		padding: 0px;  
		color: white;
		margin-top: -22px;
		position: relative; 
		margin-left: 0px;
	}
	.pic6 {
		width: 100%;  
		height: auto;
		margin: 8px 4px 0px 0px;
	}
	 
	.c15 h2 {
	 
		font-size: 40px; 
		margin-top: 0px;
		margin-bottom: -44px;
	}
	.c15 .block7 {
		width: 100%;
		font-size: 18px;
		line-height: 32px;
		color: #ffffff;
		padding: 1px 0px 20px 20px; 
		position: relative;
		z-index: 999;
		    margin: 504px 0px 0px 3px;
		background-color: #454544;
		font-family: "Roboto Slab";
	}
	.c16 {
		margin-top: 0px;
	}
	.c16 .block8 {
		width: 89%; 
	}
	.abzac { 
		margin-top: 10px;
	}
	.pic8 {
		border-radius: 100%;
		width: 265px;
		display: block;
		height: 265px;
		margin: 204px auto 30px auto!important;
	}
	.sel-img {
    position: absolute;
    margin: -51px 0px 4px 314px;
	}
	.c11 .col3 {
    margin-bottom: 12px;
    padding: 0px 5px 5px 16px;
    margin-left: 7px;
	}
	
	
	
     .c4 h2 { 
		width: 50%;
	 }
	.block9 {
		width: 100%;
	 
	}	
	.apart .c4 .col3 { margin-top: 0px;}
    
 
	.apart .c5 {
		height: auto;
		margin: 0px 0px 0px 0px; 
	}
	.copiright { 
		float: none; 
		margin: 14px 0px 0px 0px;
		padding: 0px; 
	}
	.c11 .col2 { 
		width: 47%;
		margin-left: 28px;
	}
	
	/* OFF */
	.c4 .info img, .menu, .line {display:none}
	.c4 h2 {
		    width: 100%;
	}
	.c16 .col {
		width: 100%;
	}
	.block9 {
		width: 89%!important;
	}
	.c4 .info3, .c4 .cont .col3 .b1 {
		width: 100%;
	}
	.c4 .info div div {
    font-size: 24px;
    text-align: center;
    float: none;
    margin-left: 0px;
	}
	.c4 .info3 { 
    width: 100%;
    height: auto;
    margin-top: 240px; 
	}
	.c4 .info {
    width: 99%;
    position: absolute;
    height: 152px;
    margin-top: 8px;
    left: 0;
    height: 178px;
	}
	.c4 .cont .col3 .b1 {
	 width: 70%;
    /* margin-left: 10px; */
    margin: 0 auto;
    height: 444px;
    padding: 20px;
	}
   /* ------------------------ footer ---------------------- */
	.c4 .info1, .c4 .info2 {
		margin-left: 0px;
	}
	.apart .footer {
    margin-top: 3px;
	}
	.footer {
    width: 100%;
	height: 154px;
    position: absolute;
    background-color: #ffffff;
    margin-top: -5px;
	}
	.c4 .cont .col3 h2 {
    width: 100%;
	}
	.copiright span.by {
    margin-left: 28px;
    padding: 3px 0 0px 0px;
     border-left:none;
	}
	.select-block {
		    width: 88%;
    position: absolute;
    /* margin-left: -6px; */
    margin: -2px auto;
	}
	.copiright { 
    margin: 41px 0px 0px 0px;
	}
	
	/* ----------------------------- IMG FOOTER ---------------------- */
	.c1-mob  .col2 img {    width: 100%;}
	.c1-mob  .col1  img {  
	width: 80%;
    z-index: 999;
    position: relative;
    right: 0px;
    margin-top: -114px;
    float: right;
	}
	.c1-mob {
		height: 987px;
    background: url(home/layer37.png) 100% 100% no-repeat;
    background-size: cover;
    /* background-position: -88px; */
    background-position: -558px 0px;
	}
	.clear-block {
		width: 50px;
    height: 139px;
    position: absolute;
    right: 0px;
    display: block;
    margin-top: -22px;
    z-index: 99999;
    background-color: #d20a11;
	}	
	
	.c4 {
     height: auto;
     background: none;
	}
	.c4 .col3 {
		float: none;
		margin-top: -48px;
		margin-right: 0;
		position: relative;
		z-index: 999999;
	}

	
	/* -----------------------------  APART ---------------------- */
	.apart .c1 {
		    height: 861px;
    background: url(all/5/BG.png) 0px 182px no-repeat;
    background-size: cover;
	}
	.apart .c2 h2  {
		margin-bottom: 120px;
	}
	.apart1 .row2, .apart1 .row1 {
		width: 100%;
		float: none;
	}
	.c3 .row1 div, .c3 .row2 div  {
		margin-left: 10px;
	}
	.c3 .block1 {
    padding: 0px 20px;     right: 0px;
    width: 88%; position: relative;
    min-height: 300px;
        margin-top:-263px;
    float: none;
     
    margin-left: 0px;
	}
	.c3 {
        height: auto;
    margin-bottom: 0px;
	}
	.c3 .text1 {
		float: none;
		margin-bottom: 38px;
		width: 100%;
	}
	
	.c4 .cont .col3 .text1 div, .c3 .text1 div {
    width: 100%;
	}
	.c3 { 
		margin-top: 282px;
	}
	/* RED block */
	.c3 .cont > .text1  {
		width:100%;
		    height: 208px;
		margin-bottom: 304px;
		background-color: #d20a11; 
	} 

	.c3 .cont > .text1 div   {
		width: 100%;
		padding-top: 54px;
		height: 99px;
		font-size: 30px;
		color: #ffffff;
		font-weight: 300; 
		font-family: 'Merri2'; 
		text-align: center;
		margin:0 auto;
	} 
	
	
	.c12 .pic {
		margin-bottom: 21px;
		width: 100%;
		display: block;
	}
	 
	.c2 .block2, .c1 .block2  { 
		    width: 92%;
    position: relative;
     background-color: #454544;
    display: block;
	    color: #ffffff;
    margin: 0 auto;
    right: 0px;
	}
	.c11 {margin-top: -3px;}
    
	/* вимкнено */
	.c4, .c5 {
		display:none;
		/* height: 1028px; */
		/* margin-bottom: 105px; */
	} 
	
	.poverh {
		margin-top: 44px;
		margin-bottom: 32px;
	}
	.c11 .info1 h3 { 
		margin-top: 27px;
	}
	
}
.pic7 { display:none;}


/*--------------------------------------------------- CONTACTS -----------------------------------------------*/

 

.contacts .c1 {
    height: 710px;
    background: url(home/Background-1.jpg) 100% -7px no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
}

.contacts .c4 .cont .col3 .b1 { 
    margin-top: 0px;
}
.contacts .c4 .col3 {
    float: left;
    margin-top: 35px;
    margin-right: 0px;  
    position: relative;
    z-index: 999999;
}

.contacts .c4 {
    height: 1210px;    margin-top: 300px;
    background: url(new2/fon2.jpg) 100% 623px no-repeat;
    /* background-attachment: fixed; */
    /* background-size: contain; */
}

.contacts .block3 {
        width: 419px;
    height: 191px;
    background-color: #d20a11;
    position: absolute;
    margin-top: 353px;
    /* z-index: -1; */
    left: 0px;
}
.contact-pic1 {
	    float: right;
    margin-top: -540px;
    width: 68%;
}
/*-------------------contacts MOB ------------------*/

@media (max-width: 980px) {
    .contact-pic1-mob {width: 100%;}
	.main_col_1, .main_col_2, .row1 {width: 100%!important;}
	.line {
		position: absolute;
		 
		margin-left: -8px;  
	}
	select, input, textarea {    width: 100%!important; }
	.row1 .name1 {
		margin-top: 6px;
		margin-right: 18px;
		width: auto;
		float: none;
	}
	.contacts .c1 .text0 { 
    margin-top: 47px;
	}
	.contacts .c1 { 
		height: 672px;
	}
	.contacts .c4 {
    height: auto;
    margin-top: 51px;
	}
	.form { 
		margin-top: -440px;
		height: max-content;
		position: relative!important;
	}
	.main_col_1, .main_col_2 {
		display: block;
		/* width: 538px; */
		float: none!important; 
		margin-left: 0px!important;
	}
	.Absenden { 
    width: 228px!important;
    height: 65px; 
    margin: 0 auto!important;
	}
	
	.subform_1 {	margin-top: -60px;} 
	.subform_2 { margin-top: -34px}
	
	.subform_1, .subform_2 { 
    margin: 20px;
    padding-top: 10px;
	}
	.Nachricht_select { 
		height: 190px;
	}
	.contacts .c4 {background:none}
	.contacts .c4 .col3 { float:none}
    .contacts .c5 {    margin-top: -3px; }
}






/*-------------------contacts FORM ------------------*/




.form{
	    display: block;
    margin: 0 auto;
    margin-top: -440px;
    height: max-content;
    position: absolute;
    background-color: white;
}

.Kontangaben{
  font-size: 40px;
  font-family: "Merriweather Sans";
  color: rgb(0, 0, 0);
  line-height: 1.2;

}
.Titel_select {
	display: block;
    width: 408px;
    height: 42px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(img/Arrow.svg);
    background-repeat: no-repeat, repeat;
    background-position: right 1.2em top 50%, 0 0;
    background-size: 14px auto, 100%;
}
.Titel_select::-ms-expand { display: none; } 


.Titel{
	display: block;
	width: 130px;
	float: left;
}


.Vorname_input{
	display: block;
	width: 408px;
	height:42px;
}

.Vorname{
	display: block;
	width: 130px;
	float: left;
}

.Name_input{
	display: block;
	width: 408px;
	height:42px;
}

.Name{
	display: block;
	width: 121px;
	float: left;
}
.Name_red{
	display: block;
	height:42px;
	width: 9px;
	float: left;
}
.Name_red_line{
	background-color: #e51c3c;
	display: block;
	height:42px;
	width: 3px;
}

.Telefon_input{
	display: block;
	width: 408px;
	height:42px;
}

.Telefon{
	display: block;
	width: 121px;
	float: left;
}

.Telefon_red{
	display: block;
	height:42px;
	width: 9px;
	float: left;
}
.Telefon_red_line{
	background-color: #e51c3c;
	display: block;
	height:42px;
	width: 3px;
}
.Mobil_input{
	display: block;
	width: 408px;
	height:42px;
}

.Mobil{
	display: block;
	width: 130px;
	float: left;
}

.E-Mail_input{
	display: block;
	width: 408px;
	height:42px;
}

.E-Mail{
	display: block;
	width: 121px;
	float: left;
}

.E-Mail_red{
	display: block;
	height:42px;
	width: 9px;
	float: left;
}
.E-Mail_red_line{
	background-color: #e51c3c;
	display: block;
	height:42px;
	width: 3px;
}
.interessieren{
  font-size: 40px;
  font-family: "Merriweather Sans";
  color: rgb(0, 0, 0);
  line-height: 1.2;
}
.Wohnflache_select{
	display: block;
	width: 408px;
	height:42px;
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	background-image: url(img/select.png);
    background-repeat: no-repeat, repeat;
    background-position: right 1.2em top 50%, 0 0;
    background-size: 14px auto, 100%;
}


.Wohnflache{
	display: block;
	width: 130px;
	float: left;
	
}

.Nachricht_select{
	display: block;
	width: 408px;
	height:353px;
	margin-bottom: 32px;
}

.Nachricht{
	display: block;
	width: 130px;
	float: left;
}
.Absenden:hover {
	    background-color: rgb(69, 69, 68);
		color: white;
}
.Absenden{
  display:block;
  font-size: 20px;
  font-family: "Roboto2";
    font-weight: 800;
    letter-spacing: 2px;   
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  border-style: solid;
  border-width: 3px;
  border-color: rgb(69, 69, 68);
  background-color: rgb(255, 255, 255);
  width: 279px;
  height: 65px;
  z-index: 30;
  margin-left: 130px;
}
.first_text {
    font-size: 14px;
    font-family: 'MerriItalic2';
    color: rgb(30, 32, 33);
    line-height: 1.2;
    text-align: left;
    z-index: 23;
    /* width: 187px; */
    height: 20px;
    float: left;
}
@font-face { 
  font-family: "Merriweather-Italic"; 
  src: url("Merriweather-Italic.ttf"); 
}
.second_text {
    font-size: 14px;
    font-family: "MerriItalic2";
    color: rgb(30, 32, 33);
    line-height: 1.2;
    text-align: left;
    z-index: 23;
    width: 300px;
    height: 20px;
    float: left;
}
.text_red{
	display: block;
    height: 20px;
    margin: -3px 8px;
    /* width: 12px; */
    float: left;
}
.text_red_line{
	background-color: #e51c3c;
	display: block;
	height:20px;
	width: 3px;
	
}

select, input, textarea {
	padding-left: 13px;
    font-size: 19px;padding-top: 0px;
	    border-radius: 0px;
    border: 1px solid #525050;
}
.row1 {    font-size: 19px;}
.row1 .name1{    margin-top: 6px;}

.picture_city{
	display: block;
	width: 1231px;
	height: 862px;
	background-image: url('Місто.png');
	position: absolute;
	right:0;
	top: 1098px;
	
}
.form h2 {
	font-family: "Merri R";
    font-weight: 400;
}

.subform_1, .subform_2 {    margin-top: -44px;}




.grey_block {
	display: block;
	width: 550px;
	height: 451px;
	background-color: rgb(69, 69, 68);
	position: absolute;
	left: 394px;
	top: 996px;
}

.red_block{
	display: block;
	width: 467px;
	height: 194px;
	background-color: rgb(210, 10, 17);
	position: absolute;
	left:0;
	top: 1309px;
}
.main_col_1{
	display: block;
	width: 538px;
	float: left;
	margin-top:130px;
	margin-left:72px;
}
.main_col_2{
	display: block;
	width: 538px;
	float: left;
	margin-top:130px;
	margin-left:60px;
	margin-right:72px;
}
.row1{
	margin-bottom:20px;
	width: 538px;
}
.container_form{
	padding-top: 274px;
	display: block;
	width:1280px;
}