.off {display:none!important}
.owl-nav {display:none}
.main-block {overflow: hidden; }
body {    margin: 0;}
@font-face { 
  font-family: 'Roboto Slab'; 
  src: url("fonts/RobotoSlab-Light.ttf"); 
}
@font-face { 
  font-family: 'Roboto Slab2'; 
  src: url("fonts/RobotoSlab-Regular.ttf"); 
}
@font-face { 
  font-family: 'Merri'; 
  src: url("fonts/MerriweatherSans-Light.ttf"); 
}
@font-face { 
  font-family: 'Merri R'; 
  src: url("fonts/MerriweatherSans-Regular.ttf"); 
}


@font-face { 
  font-family: 'Merri2'; 
  src: url("fonts/MerriweatherSans-LightItalic.ttf"); 
}
@font-face { 
  font-family: 'Roboto'; 
  src: url("fonts/Roboto-Light.ttf"); 
}
@font-face { 
  font-family: 'Roboto2'; 
  src: url("fonts/Roboto-Regular.ttf"); 
}

@font-face { 
  font-family: 'MerriItalic'; 
  src: url("fonts/Merriweather-LightItalic.ttf"); 
}
@font-face { 
  font-family: 'MerriItalic2'; 
  src: url("fonts/Merriweather-Italic.ttf"); 
}
 

* {
   font-family: 'Roboto Slab'; 
}  

.Wohnflache_select option{
   font-family: 'Roboto Slab'; 
}



/*  ANIMATION  */

.logo-anime { position: fixed!important}
.menu { 
    float: right!important;
    /* 435 рядок 3 файл  */
    left: -60px!important;
}

@media (min-width: 1023px) {
	.index .c4 {  
		 height: 804px!important;
		 background-position: 100% 100%!important;
		 background-attachment: fixed!important;
	}
	.index .c1 {
    
		background-position: 100% 0px!important;
		/* background-size: cover; */
		background-attachment: fixed!important;
	}
	
	/* LAGE */
	.location .c5 {  
		background-position: 100% 100%!important;
		background-attachment: fixed!important;
	}
	
	/* APARTMENT */
	.apart .c1 { 
		background-position: 100% 0px!important;
		background-attachment: fixed!important;
	}
	.c12 { 
		/* background-position: 100% 100%!important; */
		background-attachment: fixed!important;
	}
	.c15 { 
		/* background-position: 100% 100%!important; */
		background-attachment: fixed!important;
	}
	
	/*  apartMODE  набрати */
	.apart .c5 > img { display:none }
	.apart .c5 {
		height: 434px;
		background-position: 100% 100%!important;
		margin-top: 380px!important; 
		background-attachment: fixed!important;
	}
	
	.contacts .c1 { 
		background-position:100% 0px!important;
		background-attachment: fixed!important;
	}
	.contacts .c4 { 
		background-position: 100% 100%!important; 
		background-attachment: fixed!important;
	}
	
}





@media (max-width: 480px) {
	.index .c4 {   
		 background-position: 100% 100%!important;
		 background-attachment: fixed!important;
	}
	.index .c1 {
    
		background-position: 100% 100%!important;
		/* background-size: cover; */
		background-attachment: fixed!important;
	}
	
	/* LAGE */
	.location .c5 {  
		background-position: 100% 100%!important;
		background-attachment: fixed!important;
	}
	
	/* APARTMENT */
	.apart .c1 { 
		background-position: 100% 0px!important;
		background-attachment: fixed!important;
	}
	.c12 { 
		/* background-position: 100% 100%!important; */
		background-attachment: fixed!important;
	}
	.c15 { 
		/* background-position: 100% 100%!important; */
		background-attachment: fixed!important;
	}
	
	/*  apartMODE  набрати */
	.apart .c5 > img { display:none }
	.apart .c5 { 
		background-position: 100% 100%!important;
		margin-top: 380px!important; 
		background-attachment: fixed!important;
	}
	.contacts .c1 { background-attachment: fixed!important;} 
	.location .c1 { background-attachment: fixed!important;} 
	
	.c1-mob {background-attachment: fixed!important; background-position: 0px!important;}
}


/*  КАРТИНКИ НА ФОНІ  */
.c1-img{
	position: absolute;
     width: 100%;
	     z-index: -3;
}

 

textarea:focus, input:focus, select:focus {
    outline: none;
}


.copiright, .pop_up, .copiright span {font-family: 'Roboto2'!important;}

#modal a {
    color: #1e2021!important;
	text-decoration:none;
}
.c4 .info a {
    color: white!important; font-family: 'Roboto';
	text-decoration:none!important;
}


.Titel_select option   {
	padding:0px;
}
.Titel_select option:hover   {
    background: #ebebeb;
}
.Titel_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px; 
} 



.main-block::before, .base-line {
    width: 100%;
    background: #000;     height: 7px;
    position: absolute;
    display: block;
    z-index: 0;
} 

.menu {  position: relative;}
.current a { color: #d20a11!important}

/* select option {font-size: 13px!important;} */



/* ------------------------------   AUTOR INFO ---------------------- */
 
.autor { cursor: pointer; } 
.overlay2 #modal { 
    width: 1140px; 
}
.main_autor2  h2 { color: #1e2021 }
.contacts .main_autor1 img, .index .main_autor1 img { margin-top: 121px;   }
.main_autor1 img {
    width: 200px;     margin-right: 58px;
    margin-top: 71px;
}
 
.info_autor {
   font-size: 18px;
}
.name_autor {
	 font-family: 'MerriItalic2';      float: right; font-size: 16px;
}

.close {width: 30px;}

/* ------------------------------   MODAL INFO ---------------------- */


.overlay {
	font-size: 21px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999999;
    transition: visibility .1s ease 0s,opacity .1s ease 0s;
    -webkit-transition: visibility .3s ease 0s,opacity .3s ease 0s;
    opacity: 0;
    visibility: hidden;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto; height: 100%;
}
 
.overlay #modal {
    -webkit-transform: scale(0); 
    transform: scale(0);
    -webkit-transform-origin: 75% 120%;
    transform-origin: 75% 120%;
    -webkit-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
    width: 980px;
    margin: 30px auto 30px;
    background: #fff;
    position: relative;
    display: flex!important; 
    padding: 40px 80px 80px 80px;
    box-shadow: 0 0 40px rgb(0 0 0 / 50%);
}

.overlay #modal #close_modal {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #666;
    font-size: 42px;
    line-height: 1;
    font-weight: 300;
    display: block;
    z-index: 100002;
    cursor: pointer;
}
.overlay #modal .col1 p {     line-height: 32px;}
.overlay #modal .col1 {
    padding-right: 55px;
}
.overlay #modal .col2 {
       margin-top: 80px;
    width: 57%;
}
h2.black, h3.black {
    color: #1e2021!important; 
    margin-bottom: 20px;
}
.overlay h2 { font-size: 40px;}
.overlay h3 { font-size: 24px; text-transform: uppercase;}

.overlay #modal .col2 p, footer .copiright {
    font-family: Roboto,sans-serif;
}   
.overlay h2, .overlay h3 {
    font-family: "Merri",sans-serif;
}
.overlay #modal .col2 p, footer .copiright {
    font-family: Roboto,sans-serif;
}
.overlay #modal .col2 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
	font-family: Roboto2,sans-serif!important;
}




.copiright {
    /* width: 51.8%; */
    font-size: 13px;
    color: #585e63;
    line-height: 34px;
    margin-left: -50px;
    width: 100%;
    margin: 28px auto 3px auto;
    padding: 10px 0px 0px 1px;
    text-align: center;
}

.copiright a {     color: #585e63;}
.copiright span.by {
    margin-left: 28px;
    padding: 3px 0 3px 28px;
    border-left: 1px solid #a8afb5;
    display: inline-block;
    text-align: left;
}
.copiright span.by .kemeo svg {
    width: 63px;
    top: 5px;
    position: relative;
}

.copiright span.by .kemeo {
    background: url( home/kemeo.png);
    background-size: contain;
    width: 100px;
    height: 34px;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: -4px;
}
 
.copiright span.by .kemeo svg {
    width: 59px;
    top: 5px;
    position: relative;
}


.copiright a {     color: #585e63;} 
.dot  { margin: 5px;}



  
  
	
@media (min-width: 444px) and (max-width: 980px) {
	.location .c2 h2 { 
		margin-bottom: -34px!important
	}
	.c3 .block1 { margin-top: -261px;}
    .c3 .cont > .text1 div {
		width: 329px!important
	}
}
	
@media (max-width: 1024px)  { 
	.base-line {display:none}	 
}

@media (max-width: 1440px)  { 
	.c5 { 
		background-size: cover!important;
	} 
}
@media (min-width: 1440px)  { 
	.slider .right {
		margin: 339px 0px 0px 602px!important;
	}
	@-moz-document url-prefix() { 
		.slider .right {
			margin: 339px 0px 0px -114px!important;
		}
	}
	
	
}





/* КАРТИНКИ */
@media (min-width: 1366px) and (max-width: 1440px) {  

	.contacts .c4 { 
		    background-size: contain!important
	}
	.apart .c1 { 
		    background-size: cover!important
	}
}


@media (min-width: 1440px) and (max-width: 1900px) {  
	.c7 .col2 {
		    width: 86%!important
	}
	.c3 .block1 {
            right: 273px!important
	}
}




@media (min-width: 1023px) and (max-width: 1442px) {  
	/*.main-block  { 
		zoom: 0.68;
		-ms-zoom: 0.68; 
	}
	
	@-moz-document url-prefix() {
		 html {
				transform: scale(0.68);
			transform-origin: left top;
			width: calc(100% / 0.68);
			height: calc(100% / 0.68);
			}
	 }
	 */
	 .index .c4 { 
		 background-size: cover!important;  
	}
	.c1 { 
		background-size: cover;
	}
	.location .c1 { 
		background-size: contain!important;
	}
	.opus { 
		zoom: 0.68;
	}
	@-moz-document url-prefix() {
		.opus {
				transform: scale(0.68);
			transform-origin: left top;
			width: calc(100% / 0.68);
			height: calc(100% / 0.68);
			left: 0;
			position: absolute;
			}
	 }
	
	.opus .t11 { 
		margin: 1041px 3px 2px 45px;
	}
	
	.opus .t8 {
		left: 1480px!important;
	}
	.c11 {
		margin-top: -197px!important;
	}
 
	.contacts .c4 {
		height: 1043px!important;
	}
	.c3 .block1 { 
		    right: 229px!important;
	}
	.apart .c11 .block3 {
		width: 12vw;
	}
	.c2 .block2 { 
		    top: 318px!important;
		right: 71px!important;
	}
	.apart .block5 img {
		width: 60%;
	}
	.slider .right {
		margin: 341px 0px 0px 603px!important
	}
	.apart .build img { 
		 
	}
	.slider .item .main-col2 {
		width: 50%;     margin-left: 84px;
	}
	.apart .build img {
		margin: 216px auto 180px auto;
		width: auto!important;
		height: 392px;
		display: block;
	}
	.slider .left {
		margin: 341px 100px 10px -73px!important;
	}
	.overlay2 #close_modal { 
		top: 52px!important;
	}
	
	
}



 

/*  MUSIC  */
.music .m2,  .music .m3 {display:none;  transition:1s;  opacity:0;}
.music img {position: absolute}
.music img {   
	width: 43px; cursor:pointer;
	/* transition-delay: 5s; */
    /* transition-timing-function: ease-in-out; */
    margin-top: 1px;     margin-left: 49px;
}
.music  {  top: -20px; margin-left: 22px!important;} 
 

/*  MOBILE  MENU  */

.menu-mob-main { display:none; width: 100% ;background: white}
.menu-mob-main   {
    position: fixed;
    top: -16px;
    height: 103%;
    z-index: 99999;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    background: white;

}
.menu-mob-main  .close { 
	    position: ABSOLUTE;
    top: 42px;
    width: 36px;
    right: 18px; 
}
.ul-mob {    
	padding: 0px; 
    height: 100%;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.location .menu-mob, .apart .menu-mob { 
    margin-top: 3px;
}


.menu-mob-main  li { list-style: none;      padding: 5%;}
.menu-mob-main  li a {  
    font-size: 19px;
    color: #2e2e2e;
    position: relative;
    text-decoration: none;
    font-family: "Roboto2";
    text-transform: uppercase; 
}
 

 
.menu-r {
	width: 620px; display:block; right:0px; position:absolute;
	height: 115px; background:white;      margin-top: 0px;  
}
.menu {
	width: 742px; display:block; float: left;
	height: 115px; background:white;      margin-top: 0px; padding-left: 0px;
}
.menu li  a { text-decoration: none; font-family: "Roboto2";     text-transform: uppercase; color: #d20a11;}
.menu a:hover::after  {
	height: 5px;
	display:block;
}

.menu li  {
	display: inline-block;
	margin: 47px -26px 1px 59px;
	font-size: 16px;
	letter-spacing: 2px; 
	font-weight: 400; 
	z-index: 4;
    position: relative;	
}
.menu li a {
    font-size: 16px;
    color: #2e2e2e;
    position: relative;
}
.menu li a::after {
    height: 0px; 
    background-color: #d20a11;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -49px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.menu li a::after,.menu::before, header::before {
    content: '';
}

/* NEW ADDRESS IN CONTACTS */
.info3 h3 { font-family: "Roboto"; font-size: 30px;     font-weight: 200;     margin-bottom: 33px; }
.info3 img { 
	width: 12px;
    height: auto;
    margin: 2px 10px -3px 0px;
    display: inline-block;
}
.info3 .phone-ic { 
   width: 15px;
} 
.info3 .address p { font-size: 18px; display: inline-block; }
.info3 .address   { margin: -37px 0px 0px 0px; }
.info3 .address2   {     margin-bottom: 10px;}


.c4 .info3 { 
    margin-top: 249px!important;
}

.c4 .cont .col3 .text  {
	width: 359px;
	height: 99px;
	font-size: 30px;
	color: #ffffff;
	font-weight: 300;
	font-style: italic;
	font-family: "Merri";
	text-align: center;	
}
.c4 .cont .col3 .b1  {
	width: 463px;
    height: 548px;
    padding: 57px 44px 0px 69px;
    background-color: #d20a11;
}
.c4 .info {
	width: 576px;
    position: ABSOLUTE;
    height: 185px; 
    padding-top: 37px;
    margin-top: -43px;
    background-color: #000000;
}
.index  .c4 .cont .col3 .b1, .contacts  .c4 .cont .col3 .b1  { 
    padding: 31px 68px 68px 68px;
    background-color: #454544;
}


.c4 .info1 {      height: 56px;   }
.c4 .info2 {       margin-bottom: 95px;}
.c4 .info1, .c4 .info2 {      margin-left: 44px;   }






.overlay  #close_modal img {  width: 30px; }


.mob2, .m20 {display:none!important}


@media (max-width: 580px) {
	.mob2, .m20 {display:block!important}
	.main_autor1 img {    }
	.main_autor2 h2 { 
		margin-top: 30px;
		margin-bottom: 20px;
	}
	 .up {
		width: 33px;
		position: absolute; 
	 }
	.contacts .up {     margin: 76px 10px 10px 59px!important}
	.location .up {margin: 36px 10px 13px 13px!important }
	.apart .up {margin: 37px 10px 10px 15px!important }
	.index .up {margin: 75px 10px 10px 59px!important }
		 
}	


 .up { cursor: pointer; }	



@media (max-width: 980px) {
	
	.menu-mob {
		display: block!important;
		width: 35px;
		right: 21px;
		position: ABSOLUTE;
		margin-top: 5px;
		top: 15px;
		z-index: 1111;
		background: none;
	}
	.logo-mob-img{
		 margin-left: -10px;
		width: 243px; margin-top: 82px;
	}
	/* MODAL 2*/
	.main_autor2 {
		width: 87%;
		padding-bottom: 100px;
	}
	.c2 .block1 { 
		height: auto!important;
	}
	.overlay #modal {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: -50px;
		overflow-y: auto;
		    display: block!important;
		padding: 5.55556vw;
	}  
	.overlay #modal .col2 {
		margin-top: 80px;
		width: 82%;     padding-bottom: 50px;
	}
	.overlay #modal .col1 {
		padding-right: 55px;
		margin-top: 78px;
	}
	.overlay #modal #close_modal { 
		top: 49px;
		right: 73px;
		color: #666;
		font-size: 42px; 
		z-index: 99999999; 
	}
	.location 	.footer {
		margin-top: 95px;
	}
	.location .c5 { 
		margin-top: 277px;
		
	}
	
	.c4 .info1 div::after {
	     position: absolute;
		 height: 1px; width: 100%;
		 background: #454544;
	}
	.c4 .info1 div   {
		border-bottom: 1px solid #454544;
		padding: 0px 0px 14px 0px;
	}
	
	.c8 .block2 img {
		width: 112%!important;     margin-top: -19px!important;
	}
	.location .c4 .col3 { 
			margin-top: -21px!important; 
	}
	.apart .col1 .mod2 { margin-top: 27px;}
	.mob2 {margin-top: 27px; display:block}
	.m20 {margin-top: 54px; display:block}
	
	/* CONTACTS */
	.c4 .info3 h3 { 
		font-size: 24px;
	}
	.c4 .cont .col3 .b1 { 
		height: auto!important; 
	}
	.c4 .info3 { 
		margin-top: 264px!important;
	}
	.info3 .address p { 
		width: 193px;
		margin-left: 29px
	}
	.info3 img {
		width: 12px;
		height: auto;
		margin: 25px 10px -3px 0px;
		display: inline-block;
		position: absolute;
	} 
	
	.c4 .info { 
		padding-top: 21px;
		height: 162px!important;
	}
	
	
}
 
 
 
 
 .up {
    width: 33px; 
    margin: 4px 21px -10px 0px;
}
 /* .apart .up, .location .up  {  margin: 40px 10px 10px 19px;} */
 .up:hover .stnew { fill:  #d20a11; cursor:pointer;}



@media (min-width: 980px) {
	
	/* CONTACTS */
	
	 
	
	
	/* SLIDER */
	.right-mob {display:none}  
	.apart .it1  .build img {  
		height: 570px;
		margin-top: 97px;
	}
	.apart .it2  .build img {  
		height: 570px;
		margin-top: 97px;
	}
	.apart .it3  .build img {  
		height: 570px;
		margin-top: 97px;
	}
	.apart .it11  .build img {  
		height: auto;margin-top: 188px; 
	}
	.index .footer { 
		margin-left: -24px; 
	} 
	.apart .c4 .info, .contact .c4 .info, .location  .c4 .info { 
		margin-top: 3px!important;
	}
	
	.index .c4 .col3 { 
		margin-right: -10px;
	}
	.index .c4 .b1 { 
		margin-top: -79px;
		width: 417px!important;
	}
	.index .c4 .info {
		width: 542px;
	}
	
	
	
}