/*
@font-face {
    font-family: 'Korolev';
    src: url('../fonts/Korolev-Light.eot');
    src: url('../fonts/Korolev-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Korolev-Light.woff2') format('woff2'),
       url('../fonts/Korolev-Light.woff') format('woff'),
       url('../fonts/Korolev-Light.ttf') format('truetype'),
       url('../fonts/Korolev-Light.svg#Korolev-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Korolev';
    src: url('../fonts/Korolev-Medium.eot');
    src: url('../fonts/Korolev-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Korolev-Medium.woff2') format('woff2'),
       url('../fonts/Korolev-Medium.woff') format('woff'),
       url('../fonts/Korolev-Medium.ttf') format('truetype'),
       url('../fonts/Korolev-Medium.svg#Korolev-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'Korolev';
    src: url('../fonts/Korolev-Light.woff2') format('woff2'),
       url('../fonts/Korolev-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Korolev';
    src: url('../fonts/Korolev-Medium.woff2') format('woff2'),
       url('../fonts/Korolev-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html , body{
    overflow-x: hidden;
}

body{
    font-size: 1.25rem;
    line-height: 1.45rem;
    margin: 0px;
    padding: 0px;
    color: #000;
	background-color: #fff;
    font-family: 'Korolev';
    font-weight: 500;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

::-moz-selection {
    color: #fff;
	background: #000000;
}
::-webkit-selection {
    color: #fff;
	background: #000000;
}
::selection {
    color: #fff;
	background: #000000;
}

h1 , h2 , h3 , h4 , h5 , h6, .frame h1{
    margin: 0 0 25px 0;
    padding: 0px;
    color: #000;
}

h1, .banner_content h2 {
    font-size: 3.75rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 80px;
}

h2 {
    font-size: 3.438rem;
    color: #000;
    text-transform: uppercase;
    line-height: 75px;
}

h3 {
  font-size: 1.75rem;
  line-height: 40px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

p,
.imp_dse h4 {
  font-size: 1.25rem;
  line-height: 38px;
  letter-spacing: 0.04em;
  font-weight: 300;
  color: #000;
}

ul , ol{
    margin: 0;
    padding: 0px;
    list-style: none;
}

ul li , ol li{
    margin: 0;
    padding: 0px;   
    list-style: none;
}

a , a:hover , a:focus , a:visited , button , textarea , text , img, select{
    outline: none !important;
    text-decoration: none !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="subject"], input[type="zip"], textarea, select, textarea.form-control, select.form-control {
  border: 1px solid #565656;
  height: 50px;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 0.938rem;
  border-radius: 0;
  color: #565656;
  padding: 15px 20px;
  font-family: 'Korolev';
}
select.form-control option {
  font-family: Arial;
  text-transform: uppercase;
}
input:focus, textarea:focus, select:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #000 !important;
}
select.form-control {
  background-image: url(../images/caret_down.svg);
  background-repeat: no-repeat;
  background-position: right 15px top 20px;
  padding-right: 40px;
  text-transform: uppercase;
}

textarea::placeholder,
input::placeholder,
select::placeholder {
    opacity: 1 !important;
    color: #565656 !important;
  text-transform: uppercase;
}

textarea.form-control {
    resize: none;
}

img{
    max-width: 100%;
}

section{
    position: relative;
    clear: both;
    padding:  0 0 100px 0;
}

section:before , section:after{
    clear: both;
    display: table;
    content: "";
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    background: #ffffff url('../images/bottom-arrow.png') no-repeat calc(100% - 15px) center;
}
hr {
  width: 175px;
  opacity: 1;
  height: 2px;
  background-color: #000;
}



.header_part {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  padding-top: 45px;
  /*transition: padding ease 0.4s;*/
}
.sticky_header_logo {
  opacity: 0;
  visibility: hidden;
  margin-right: 35px;
  margin-left: 65px;
}
.header_logo img {
  width: 135px;
  height: 95px;
  object-fit: contain;
}
.main_menu_header ul li {
  display: inline list-item;
}
.main_menu_header {
  display: flex;
  align-items: center;
}
.sticky_header_logo img {
  width: 67px;
  height: 46px;
  object-fit: contain;
}
.header_outer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
}
.main_menu_header ul li a {
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-weight: 300;
  font-size: 1rem;
  transition: color 0.6s cubic-bezier(.1,.7,.6,1);
}

.lang_links ul li{
  letter-spacing: 0.03em;
  text-transform: uppercase;
  position: relative;
  font-weight: 300;
  font-size: 1rem;
}

.lang_links ul li.text-muted {
	opacity:.7;
}

.main_menu_header li a::before, .kunst_tab_menu .nav-item button::before, .filter_menus button::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: transform 0.4s;
  transform: scale(0);
}
.main_menu_header li.active a::before, .main_menu_header li a:hover::before, .kunst_tab_menu .nav-item .active::before, 
.kunst_tab_menu .nav-item button:hover::before, .filter_menus button.active::before, .filter_menus button:hover::before {
  transform: scale(1);
}
.main_menu_header ul li {
  display: inline-block;
  padding-left: 35px;
}
.header_social a {
  display: inline-block;
  padding-left: 35px;
}
.header_social a img {
  filter: invert(1);
}

.lang_links li a:before {
	display:none;
}

.lang_links li a.active {
	font-weight:500;
}


.lang_links li a::after {
  content: "|";
  margin: 0 2px 0 2px;
  /*position: absolute;
  right: -7px;
  top: -1px;*/
}

.lang_links li:last-child a::after {
    content: unset;
}
.lang_links {
  padding-left: 32px;
}

.lang_links li {
  padding-left: 7px !important;
  padding-left: 0 !important;
}
.header_white .fixed-header .lang_links li a {
    color: #000;
}

.header_part.fixed-header {
  position: fixed;
  transform: translateY(-100%);
  /*padding-top: 30px;
  transition: padding ease 0.4s;*/
  -webkit-animation: slideDown .6s forwards;
  -moz-animation: slideDown .6s forwards;
  animation: slideDown .6s forwards;
}

@-moz-keyframes slideDown {
	0 {
		transform: translateY(-100%);
	}
	100%{
		transform: translateY(0);
	}
}

@-webkit-keyframes slideDown {
	0 {
		transform: translateY(-100%);
	}
	100%{
		transform: translateY(0);
	}
}

@keyframes slideDown {
	0 {
		transform: translateY(-100%);
	}
	100%{
		transform: translateY(0);
	}
}
/*
.header_part.fixed-header .header_logo {
  display: none;
}*/
.header_part.fixed-header .sticky_header_logo {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s cubic-bezier(.1,.7,.6,1), visibility 0.6s cubic-bezier(.1,.7,.6,1);
}
.header_part.fixed-header .main_menu_header {
  position: relative;
}
.header_part .main_menu_header::before {
    content: "";
    background-color: transparent;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    top: calc(100% - 95px);
    /* left: calc(100% - 1095px); */
    right: -100%;
    width: 0;
    width: calc(20% * 10);
    height: calc(100% + 70px);
    position: absolute;
    z-index: -1;
    transition: width 0.6s cubic-bezier(.1,.7,.6,1);
}

.header_part.fixed-header .main_menu_header::before {
    width: calc(20% * 10);
    background-color: rgba(255, 255, 255, 0.9);
	
    transition: width 0.6s cubic-bezier(.1,.7,.6,1);
}

.header_part.fixed-header .main_menu li a {
  color: #000;
  transition: color 0.6s cubic-bezier(.1,.7,.6,1);
}
.header_part.fixed-header .header_social a img {
  filter: invert(0);
}

.header_white .fixed-header .main_menu_header li a::before {
    background-color: #000;
}

.main_wrapper {
	background-color: #fff;
}

.wrapper.nd_dark_bg .main_wrapper {
	background-color: #000;
}

.bnr_mob {
    display: none !important;
}
.banner_image {
    margin-bottom: 95px;
}
.banner_image {
  position: relative;
}
.banner_image img {
  width: 100%;
  object-fit: cover;
  height: 100vh;
}
.banner_content {
  position: absolute;
  top: 0;
  left: 610px;
  width: 700px;
  margin: 0 auto;
  right: 0px;
  transform: translateY(0);
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 185px;
  padding-top: 90px;
}
.banner_image::before,
.banner_image .video-container::before {
  content: "";
  background: #000000;
  opacity: 0.3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.slick-arrow::before {
    content: unset;
}
.slick-prev.slick-arrow {
  left: 15px;
  right: unset;
  width: 54px;
  height: 94px;
  background: url(../images/arrow-left.svg) no-repeat center center;
  z-index: 11;
  top: 48%;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  color: #fff;
  filter: brightness(100);
}
.slick-next.slick-arrow {
  left: unset;
  right: 15px;
  width: 54px;
  height: 94px;
  background: url(../images/arrow-right.svg) no-repeat center center;
  z-index: 11;
  top: 48%;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  filter: brightness(100);
}

.banner_slides .slick-arrow {
    right: unset;
    width: 18px;
    height: 36px;
    top: unset;
    bottom: 130px;
    background-size: contain;
}
.banner_slides .slick-prev {
    left: 40px;
}
.banner_slides .slick-next {
    left: 90px;
}
.banner_image video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}


.hm_art_top {
  background-color: #000;
}
.hm_art_img img {
  width: 100%;
  height: 800px;
  object-fit: cover;
}
.hm_art_content {
  padding: 140px 120px 30px 105px;
}
.hm_art_content h2, .banner_content h2 {
  color: #fff;
}
.hm_art_content hr {
  margin-top: 30px;
  background-color: #fff;
  margin-bottom: 35px;
}

.hm_art_image img {
    width: 100%;
    height: 355px;
    object-fit: cover;
}
.hm_art_content p {
  color: #fff;
}
.hm_pjt_items img {
  width: 100%;
  height: 526px;
  object-fit: contain;
}


.hm_art_wrapper {
  padding-bottom: 140px;
}
.hm_pjt_items {
  padding: 0 33px;
}
.hm_project_slides .slick-list {
    margin: 0 -33px;
}
.hm_pjt_items a span {
  display: block;
  text-align: center;
  font-size: 1.125rem;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: color 0.4s;
  color: #000000;
}
.hm_pjt_items a span {
  display: block;
  text-align: center;
  font-size: 1.125rem;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
  margin-top: 22px;
}

.hm_project_slides .slick-prev.slick-arrow, .hm_project_slides .slick-next.slick-arrow {
    width: 18px;
    height: 38px;
    left: unset;
    background-size: contain;
    filter: unset;
    top: -17%;
}
.hm_project_slides .slick-prev.slick-arrow {
    right: 80px;
}
.hm_project_slides .slick-next.slick-arrow {
    right: 15px;
}


.hm_interior_wrapper {
  padding-top: 85px;
  padding-bottom: 45px;
}
.interior_content {
  padding: 95px 200px 50px 145px;
}
.interior_content h2 {
  margin-bottom: 30px;
}
.interior_content p {
  margin-top: 35px;
}
.interior_content .btn_rect {
  margin-top: 50px;
  font-size: 1rem;
}
.interior_pic img {
  width: 100%;
  height: 755px;
  object-fit: cover;
}
.btn_rect {
  display: inline-block;
  width: 207px;
  height: 50px;
  border: 1px solid #565656;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #565656;
  background-color: #fff;
  transition: background-color 0.4s, color 0.4s, border-color 0.4s;
}
.btn_rect:hover {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}


.footer_wrapper {
  padding: 72px 0;
}
.footer_wrapper .row {
  align-items: center;
}
.footer_logo img {
  width: 100px;
  height: 70px;
  object-fit: contain;
}
.footer_links {
  display: flex;
  justify-content: flex-end;
}
.footer_links a {
  font-weight: 300;
  font-size: 1rem;
  line-height: 19px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #565656;
  display: inline-block;
  margin-left: 45px;
  transition: color 0.4s, font-weight 0.1s;
}
.footer_links a:hover {
    color: #000;
    /*font-weight: 500;*/
}
.nd_dark_bg .footer_links a:hover {
    color: #fff;
}
.nd_dark_bg .fsocial_links img:hover {
    filter: brightness(10);
}
.fsocial_links img {
    transition: filter 0.4s;
}
.fsocial_links img:hover {
    filter: brightness(0);
}


.popup_float_wrap {
  position: fixed;
  bottom: 15px;
  right: 40px;
  text-align: right;
  z-index: 999;
}
.msg_float {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    background-image: url(../images/popup_icon.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    transition: background-image 0.4s;
}
.msg_float:hover {
  background-image: url(../images/popup_icon_hover.svg);
}
.popup_float_wrap.active .msg_float {
  background-image: url(../images/popup_close.svg);
  background-size: 22px;
}
.popup_contact_box {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    right: 75px;
    bottom: 50px;
    z-index: -1;
    width: 340px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: left;
    padding: 35px 15px 52px 15px;
}
.popup_float_wrap.active .popup_contact_box {
    visibility: visible;
    opacity: 1;
    transition: transform linear 0.4s, visibility 0.4s, opacity 0.4s;
}
.popup_contact_top {
    display: flex;
    align-items: center;
    padding: 0 0 45px 0;
}
.popup_contact_top img {
  width: 91px;
  height: 91px;
  object-fit: cover;
  border-radius: 94px;
  margin-right: 15px;
}
.popup_contact_info {
  font-size: 1rem;
  letter-spacing: 0.03em;
  line-height: 30px;
  color: #000;
}
.popup_contact_info a {
  display: block;
  font-weight: 300;
  color: #000;
  text-decoration: underline !important;
}
.popup_contact_info a:last-child {
  text-decoration: none !important;
}
.popup_contact_form .form-group {
  margin-bottom: 15px;
}
.popup_contact_form textarea {
  height: 143px;
}
.popup_contact_form textarea:focus,
.popup_contact_form input:focus {
    box-shadow: none;
}
.popup_contact_form textarea::placeholder,
.popup_contact_form input::placeholder {
    opacity: 1;
    color: #565656;
}
.form-button button, form .btn.btn-primary, form input[type="submit"] {
  width: 143px;
  height: 50px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  border: none;
  letter-spacing: 0.18em;
  font-size: 1rem;
  transition: background-color 0.4s;
  border-radius: 0 !important;
  outline: 0 !important
}
.form-button button:hover,
form .btn.btn-primary:hover,
form .btn.btn-primary:focus,
form .btn.btn-primary:active,
form input[type="submit"]:hover{
    background-color: #565656;
}

.cust_chck, form .frame-type-text {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 300;
  font-size: 0.813rem;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #000;
}

form .frame-type-text p {
  font-weight: 300;
  font-size: 0.813rem;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #000;
}

.cust_chck a, form .frame-type-text p a {
  color: #000;
  text-decoration: underline !important;
}
.cust_chck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #fff;
  border: 1px solid #565656;
}
.cust_chck:hover input ~ .checkmark {
  background-color: #ccc;
}
.cust_chck input:checked ~ .checkmark {
  background-color: #fff;
}
.checkmark:after,
form .add-on.form-check-label .checkmark:after{
  content: "";
  position: absolute;
  display: none;
}
.cust_chck input:checked ~ .checkmark:after,
form .add-on.form-check-label.checked .checkmark:after{
  display: block;
}
.cust_chck .checkmark::after,
form .add-on.form-check-label .checkmark:after{
  left: 7px;
  top: 2px;
  width: 7px;
  height: 12px;
  border: solid #565656;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-agree {
  margin-top: 20px;
  margin-bottom: 32px;
}


/*uberschit*/
.header_black .main_wrapper {
  padding-top: 210px;
}
.header_black .hdr_white, .header_white .hdr_black {
  display: none;
}
.header_black .main_menu_header li a {
  color: #000;
}
.header_black .header_social a img {
  filter: invert(0);
}
.header_black .main_menu_header li a::before {
  background-color: #000;
}
.header_black {
  padding-bottom: 210px;
}

.kunst_tab_content .hm_pjt_items {
  padding: 0;
  margin: 0 3px 60px 3px;
}
.kunst_tab_content .hm_pjt_items img {
  height: 405px;
}
.kunst_tab_menu {
  display: flex;
  align-items: center;
  margin-bottom: 105px;
}
.kunst_tab_menu h2 {
  margin-bottom: 0;
  margin-right: 55px;
}
.kunst_tab_menu .nav-item button {
  font-weight: 300;
  font-size: 1rem;
  line-height: 19px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  position: relative;
  color: #000;
  padding: 0;
}
.kunst_tab_menu .nav-item button.active {
    background-color: transparent;
    color: #000;
}
.kunst_tab_menu li {
  margin-left: 45px;
}
.kunst_tab_menu .nav.nav-pills {
  padding-top: 20px;
}
.kunst_tab_wrapper {
  padding-top: 85px;
  padding-bottom: 0;
}
.kunst_tab_menu .nav-item button::before, .filter_menus button::before {
    background-color: #000;
}
.hm_pjt_items a:hover span {
  color: #777;
}

.filter_menus button {
    font-weight: 300;
    font-size: 1rem;
    line-height: 19px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    position: relative;
    color: #000;
    padding: 0;
    position: relative;
    border: none;
    background-color: transparent;
    margin-left: 40px;
}
.filter_menus {
  padding-top: 15px;
}
.kunst_tab_content {
  min-height: 600px;
}


/*art detail*/
.art_dtls_wrapper {
  padding-top: 85px;
}
.art_dtls_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
}
.art_dtls_header h2 {
  margin-bottom: 0;
}
.art_dtls_header .btn_rect,
.art_dtls_about .btn_rect,
 .back-link .btn_rect {
  height: 64px;
  line-height: 64px;
  font-size: 1rem;
}
.art_dtls_images {
  position: relative;
}
.art_dtls_images > img {
  width: 100%;
  height: 405px;
  object-fit: contain;
}
.art_dtls_images .zoom-img {
  position: absolute;
  top: 46%;
  left: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: rgba(0,0,0,0.8);
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  border-radius: 70px;
  transition: opacity 0.4s, visibility 0.4s;
}
.art_dtls_images:hover .zoom-img{
    visibility: ;visibility: visible;
    opacity: 1;
}
.art_dtls_images .zoom-img img {
  width: 20px;
}
.art_dtls_box {
  margin-bottom: 60px;
}
.art_dtls_content {
  text-align: center;
  margin-top: 25px;
}
.art_dtls_content h5 {
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: #000;
  margin-bottom: 6px;
}
.art_dtls_content h6, .art_dtls_content h6 b {
  font-weight: 300;
  display: block;
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.03em;
  margin-bottom: 0;
  color: #000;
}
.art_dtls_content h6 {
  margin-bottom: 10px;
}
.art_dtls_content .btn_rect {
  width: 175px;
  height: 40px;
  line-height: 40px;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
}

.art_dtls_about {
  padding-top: 110px;
}
.art_dtls_about h2 {
  margin-bottom: 70px;
}
.art_dtls_about p {
  width: 50%;
}
.art_dtls_video {
  margin-bottom: 95px;
  position: relative;
}
.art_dtls_video > img,
.art_dtls_video video {
  width: 100%;
  height: 962px;
  object-fit: cover;
}
.art_dtls_video .modal_play {
    position: absolute;
    top: 45%;
    left: 0;
    width: 84px;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    height: 84px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 130px;
    border: 2px solid #000000;
    padding-left: 5px;
    transition: border-color 0.4s, background-color 0.4s;
}
.art_dtls_video .modal_play img {
    transition: filter 0.4s;
}
.art_dtls_video .modal_play:hover {
    background-color: #000;
    border-color: #fff;
}
.art_dtls_video .modal_play:hover img {
    filter: invert(1);
}
 .art_dtls_about .btn_rect,
 .back-link .btn_rect {
    margin-top: 80px;
 }

 .mfp-arrow-left::before {
  margin-left: 95px;
  background-image: url(../images/arrow-left.svg);
  background-size: contain;
  border: none;
  background-position: center;
  filter: brightness(100);
  width: 30px;
  height: 32px;
  opacity: 1;
  font-size: 0;
  background-repeat: no-repeat;
}
 .mfp-arrow-right::before {
  margin-left: -45px;
  background-image: url(../images/arrow-right.svg);
  background-size: contain;
  border: none;
  background-position: center;
  filter: brightness(100);
  width: 30px;
  height: 32px;
  font-size: 0;
  opacity: 1;
  background-repeat: no-repeat;
}
 .mfp-arrow-left::after,.mfp-arrow-right::after {
    content: unset;
 }
 .mfp-arrow {
    opacity: 1;
 }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  right: 90px;
  width: 30px;
  height: 30px;
  position: fixed;
  top: 40px;
  background-image: url(../images/popup_close.svg) !important;
  filter: invert(1);
  background-repeat: no-repeat !important;
  background-position: right !important;
  font-size: 0;
  opacity: 1;
}
.mfp-bg {
  background: #000;
  opacity: 0.85;
}

.modal {
  background-color: rgba(0,0,0,0.85);
}
.modal-header {
  border: none;
}
.modal_artvideo .modal-dialog,
.modal_artcontact .modal-dialog {
  max-width: 840px;
  margin-top: 180px;
}
.modal_artvideo .modal-content {
  background-color: transparent;
}
.modal_artvideo iframe {
    width: 100%;
}
.btn-close {
  position: fixed;
  right: 105px;
  top: 80px;
  filter: invert(1);
  opacity: 1;
}
.btn-close:focus {
  outline: none;
  box-shadow: none;
}
.modal-content {
  border-radius: 0;
}


.modal_artcontact .modal-header {
    padding: 0;
}
.modal_artcontact .popup_contact_top img {
  width: 129px;
  height: 129px;
  margin-right: 75px;
}
.modal_artcontact .popup_contact_top {
  padding: 15px 0 20px 0;
}
.modal_artcontact .cont_links a {
  display: inline-block;
}
.modal_artcontact .cont_links a::before {
  content: "/";
  margin: 0 2px;
}
.modal_artcontact .cont_links a:nth-child(1)::before {
    content: unset;
}
.modal_artcontact .modal-body {
  padding: 15px 30px 50px 30px;
}

.group_triple {
  display: flex;
}
.group_triple .form-group {
  width: 40%;
  margin-right: 17px;
}
.group_triple .form-group:nth-child(1) {
  width: calc(30% - 27px);
}
.modal_artcontact .form-group {
  margin-bottom: 18px;
}
.group_triple .form-group:last-child {
  margin-right: 0;
}
.modal_artcontact .form-group textarea {
  height: 180px;
}
.modal_artcontact .modal-dialog {
    margin-top: 120px;
}
.group_double {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.modal_artcontact .form-button button {
  width: 202px;
  height: 55px;
}
.modal_artcontact .form-agree {
  margin-top: 8px;
  margin-bottom: 0;
}

.video-container {
  position: relative;
}
.play-gif {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.play-gif svg {
  cursor: pointer;
}
.play-gif svg circle, .play-gif svg path {
    transition: fill 0.3s;
}
.play-gif svg:hover circle {
    fill: black;
}
.play-gif svg:hover path {
    fill: white;
}

/*project*/
.exclusive_wrapper {
  padding-bottom: 75px;
  padding-top: 65px;
}
.exclusive_outer {
  background: #000 url(../images/exclusive_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 398px;
  display: flex;
  justify-content: center;
}
.exclusive_content h2, .exclusive_content p {
  color: #fff;
}
.exclusive_content {
  padding-left: 145px;
  padding-right: 190px;
}
.exclusive_btn {
  text-align: center;
}
.exclusive_btn .btn_rect {
  width: 358px;
  background-color: transparent;
  color: #fff;
  font-size: 1rem;
  border-color: #fff;
  transition: background-color 0.4s, color 0.4s;
}
.exclusive_btn .btn_rect:hover {
    background-color: #fff;
    color: #000 !important;
}
.exclusive_content p a {
  color: #fff;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.project_wrapper {
  padding-bottom: 55px;
}
.project_wrapper .project_block:last-child, .news_wrapper .project_block:last-child {
  margin-bottom: 0;
}
.project_block {
  margin-bottom: 87px;
  background-color: #fff;
}
.project_wrapper h2 {
  margin-bottom: 45px;
}
.project_dark {
  background-color: #000;
}
.project_dark .project_desp h2, .project_dark .project_desp p {
  color: #fff;
}
.project_slides img {
  width: 100%;
  height: 775px;
  object-fit: cover;
}
.project_content {
  padding: 95px 300px 130px 85px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.project_content a {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  position: relative;
  padding-top: 12px;
}
.project_content a::before {
  content: "";
  top: 0;
  left: 0;
  width: 175px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transition: width linear 0.4s;
}
.project_content a:hover::before {
  width: 100%;
}

.project_block .project_desp h2 {
  margin-bottom: 60px;
}

.project_block .slick-arrow {
  width: 16px;
  height: 32px;
  bottom: 45px;
  top: unset;
  background-size: contain;
  right: unset;
}
.project_block:nth-child(odd) .slick-prev{
    left: 55px;
}
.project_block:nth-child(odd) .slick-next{
    left: 110px;
}

.project_light .project_content a {
  color: #000;
}
.project_light .project_content a::before {
    background-color: #000;
}
.project_block:nth-child(even) .slick-prev {
  left: unset;
  right: 120px;
}
.project_block:nth-child(even) .slick-next  {
  left: unset;
  right: 60px;
}

/*excliusive login*/
.nd_dark_bg {
  background-color: #000;
  padding-top: 210px;
}
.nd_dark_bg .footer_logo img {
  filter: invert(1);
}

.exclusive_login_wrap {
  padding-bottom: 0px;
}
.exclusive_login_wrap .exclusive_outer {
  background: #000 url(../images/exclusive-login-bg.jpg);
  min-height: 629px;
  background-size: cover;
  padding-top: 145px;
}
.exclusive_outer a {
    transition: color 0.4s;
}
.exclusive_outer a:hover {
    color: #aaa !important;
}
.exclusive_login_wrap .exclusive_content li {
    letter-spacing: 0.04em;
    font-size: 1.25rem;
    line-height: 38px;
    color: #fff;
}
.exclusive_login_wrap .exclusive_content li a, .form-link a {
  color: #fff;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
.exclusive_login_wrap .exclusive_content {
  padding-right: 195px;
  padding-top: 20px;
}

.exclusive_form,
.ex-form > div {
  width: 358px;
  margin-left: 100px;
}
.exclusive_form h3 {
  color: #fff;
  margin-bottom: 20px;
}
.exclusive_form .form-control,
.ex-form .input:not([type="submit"]) {
  height: 55px;
  background-color: transparent;
  border-color: #fff !important;
  letter-spacing: 0.18em;
  color: #fff;
}
.exclusive_form .form-control::placeholder,
.ex-form .form-control::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
.exclusive_form .form-button .form_btn,
.ex-form  form input[type="submit"]{
  width: 100%;
  background-color: #565656;
  transition: background-color 0.4s, color 0.4s;
  height: 55px;
}
.exclusive_form .form-button .form_btn:hover,
.ex-form form input[type="submit"]:hover{
    background-color: #fff;
    color: #000;
}
.form-link {
  text-align: center;
  padding-top: 30px;
}
.form-link span {
  font-size: 1.125rem;
  color: #fff;
  letter-spacing: 0.02em;
  line-height: 30px;
}
.exclusive_content ul {
  padding-top: 15px;
}
.exclusive_form .form-group {
  margin-bottom: 27px;
}
.exclus_img {
  background-color: #000;
}
.exclus_img img {
  width: 100%;
  height: 382px;
  object-fit: cover;
}


/*proecjt exclusive*/
.project_light .project_desp h2 {
  color: #000;
}
.project_exclus_wrapper {
  padding-top: 85px;
}
.project_exclus_wrapper h2 {
  color: #fff;
  margin-bottom: 80px;
}

/*about*/
.abt_mob_block {
    display: none;
}
.about_wrapper {
  padding: 50px 0;
}
.about_content {
  padding-right: 160px;
}
.about_content h2 {
  margin-bottom: 30px;
}
.about_descp p {
  margin-top: 27px;
}
.about_descp b {
  font-size: 1.875rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 36px;
  color: #000;
  display: block;
  margin-top: 60px;
  font-weight: 500;
}
.about_img img {
  width: 100%;
  height: 1137px;
  object-fit: cover;
}
.about_timeline {
  padding-top: 75px;
}
.about_timeline ul {
  padding-top: 12px;
}
.about_timeline li span {
  font-size: 1.25rem;
  line-height: 38px;
  letter-spacing: 0.04em;
  color: #000;
}

/*news wrapper*/
.project_light .project_desp span {
    color: #000;
}
.project_desp span {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
  font-size: 1rem;
  margin-bottom: 20px;
  display: block;
}
.news_wrapper .project_content {
  padding: 95px 160px 130px 85px;
}
.news_wrapper {
  padding: 20px 0 30px 0;
}
.news_wrapper .project_desp p {
  padding-right: 120px;
}

/*project detail*/
.projkte_dtls_slider .slick-arrow {
    left: unset;
    top: unset;
    bottom: 140px;
    width: 16px;
    height: 32px;
    background-size: contain;
}
.projkte_dtls_slider .slick-prev {
  right: 130px;
}
.projkte_dtls_slider .slick-next {
  right: 65px;
}
.projkte_dtls_wrapper .art_dtls_about h2, .projkte_dtls_wrapper .art_dtls_about p,
.projkte_dtls_wrapper .art_dtls_about h1{
  width: calc(50% - 50px);
}
.projkte_dtls_slider {
  margin-bottom: 20px;
}
.projkte_dtls_wrapper {
  padding-bottom: 70px;
}
.projkte_dtls_wrapper .art_dtls_about {
  padding-top: 20px;
}
.projkte_dtls_wrapper .art_dtls_about h2,
.projkte_dtls_wrapper .art_dtls_about h1 {
  margin-bottom: 25px;
}
.projkte_dtls_wrapper .art_dtls_about p {
  margin-top: 35px;
}
.projkte_dtls_wrapper .art_dtls_about .btn_rect {
  margin-top: 110px;
}

/*news detail*/
.news_dtls_wrapper .art_dtls_about span {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 1rem;
  display: block;
  margin-bottom: 60px;
}
.news_dtls_wrapper .art_dtls_about p {
  margin-top: 45px;
}
.news_dtls_wrapper .art_dtls_about .btn_rect {
  margin-top: 30px;
  border: 2px solid #565656;
}
.news_dtls_wrapper {
  padding-bottom: 90px;
}

/*contact*/
.contact_content h3 {
  font-size: 1.875rem;
  line-height: 36px;
  letter-spacing: 0.06em;
  margin-top: 40px;
}
.contact_content address, .contact_content li a {
  font-size: 1.25rem;
  line-height: 38px;
  letter-spacing: 0.04em;
  color: #000;
}
.contact_form .group_triple .form-group:nth-child(1) {
  width: calc(32% - 10px);
}
.contact_form .form-group {
  margin-bottom: 18px;
}
.contact_form textarea.form-control {
  height: 211px;
}
.contact_content h2 {
  margin-bottom: 35px;
}
.contact_form .form-button button {
  width: 202px;
  height: 55px;
}
.contact_form .group_double {
  padding-top: 10px;
}
.contact_form .form-agree {
  margin-top: 10px;
}
.contact_wrapper {
  padding-top: 80px;
  padding-bottom: 60px;
}

.art_dtls_header h1 {
	color:#000000;
}

.hidden {
	display:none;
}

form .control-label {
	display: none;
}

form .form-check {
	padding-left:0;
}

form .form-check label {
	font-size:0;
}

form .add-on.form-check-label {
	position: relative;
}

form .input.checkbox {
	position: absolute;
    z-index: 2;
}

#kontaktformular-29 {
	position:relative;
}

.modal_contact form .actions {
	position: absolute;
	bottom: 30px;
	right: 30px;
}

#kontaktformular-29 .actions{
	position: absolute;
	bottom: -29px;
	right: 0px;
}

#kontaktformular-29 textarea {
	margin-bottom:33px;
}

#kontaktformular-29 .frame-type-text p {
	padding-top:6px;
}

.modal_contact form .frame-type-text p {
    line-height: 30px;
}

.mfp-counter {
	display: none;
}

.projkte_dtls_wrapper .art_dtls_about h1 {
	color: #000;
}

#page-7 .popup_float_wrap,
#page-14 .popup_float_wrap{
	display:none;
}

#page-4 h1,
.ex-form h3 {
	color:#fff;
}

.ex-form header h3 {
	display:block;
}

.ex-form h3,
.ex-form #c50 p,
.ex-form form legend{
	display:none;
}

.ex-form label {
	width:100%;
	font-size:0;
}

.ex-form p,
.ex-form p a{
	color:#fff;
}

.ex-form p a {
	text-decoration:underline !important;
}

.ex-form p a:hover,
.ex-form p a:focus,
.ex-form p a:active{
	color:#fff;
	text-decoration:none;
}

.ex-form input {
	width:100%;
    height: 55px;
    background-color: transparent;
    border-color: #fff !important;
    letter-spacing: 0.18em;
    color: #fff;
	margin-bottom:27px;
}

.ex-form input[type="submit"] {
	margin-bottom:0;
}

.ex-form input::placeholder {
	color: #fff;
}

.exclusive_form .form-control::placeholder,
.ex-form input::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

#c55 section{
	padding-bottom:60px;
}

#page-4 .project_title {
	display:none;
}

.exclusive-welcome .container{
	position: relative;
}

.exclusive-welcome .frame-type-felogin_login h3,
.exclusive-welcome .frame-type-felogin_login p,
.exclusive-welcome .frame-type-felogin_login form > div,
.exclusive-welcome .frame-type-felogin_login form > fieldset legend,
.exclusive-welcome .frame-type-felogin_login form > fieldset legend + div {
	display:none;
}

.exclusive-welcome .frame-type-felogin_login form > fieldset {
	position: absolute;
	right:12px;
	top:19px;
}

.exclusive-welcome .frame-type-felogin_login form > fieldset input[type="submit"] {
	width:260px;
	border:1px solid #fff;
}

.imp_dse {
	max-width: 1130px;
	margin:0 auto;
}

.imp_dse h3{
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.08em;
	text-align: left;
	margin-bottom: 15px;
}

.imp_dse h2{
	font-family: Korolev;
	font-size: 30px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: 0.08em;
	text-align: left;
	margin-bottom: 50px;
}

.imp_dse p + h2{
	margin-top: 50px;
}

.imp_dse p + h3{
	margin-top: 50px;
}

.imp_dse h4 {
	margin-bottom:0;
}

.imp_dse h1 {
	position: relative;
	padding-bottom: 47px;
	margin-bottom: 57px;
}

.imp_dse h1:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 175px;
	height: 2px;
	background: #000;
	content:" ";
}

.imp_dse a {
	color:#000;
}

.imp_dse a:hover,
.imp_dse a:focus,
.imp_dse a:active {
	text-decoration:underline !important;
}

#page-11 .wrapper,
#page-12 .wrapper {
	padding-top: 80px;
}

.img-col .ce-gallery,
.img-col .ce-gallery .ce-column,
.img-col .ce-gallery figure {
	width:100%;
}

.img-col .ce-gallery img {
	width:100%;
	height:auto;
}

.row-reverse .about_content {
	order: 2;
}

.row-reverse .about_img {
	order: 1;
}

.lang_links li.text-muted {
	padding-left: 0 !important;
}

.text-muted span {
	display: inline-block;
	margin-left: 5px;
}
/*
.hm_banner_wrapper.slick-slider, 
.hm_banner_wrapper .slick-slider .slick-slide {
	background-color: #000;
}*/

.hm_banner_wrapper.slick-slider {
	overflow: hidden;
}

.nav_toggle.fixed {
	position: fixed;
	right: 15px;
	top: 30px;
	filter: contrast(2.75) grayscale(1) brightness(1.75);
	z-index: 98;
}

.about_img #c46 {
	margin-top: -271px;
}

/* Anpassungen Startseite nd-realstate */
#c79 {
	position: absolute;
	max-width: 320px;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	margin: 0 auto;
	z-index: 1;
}

#c79 h1,
#c79 h2,
#c79 h3,
#c79 p,
#c79 a {
	color: #fff !important;
}

#c79 img {
	margin-bottom: 40px;
}

#c79 h1 {
    font-size: 1.125rem;
    line-height: 33px;
	text-transform: none;
	font-weight: 300;
	letter-spacing: 0.04em;
	margin-bottom: 1rem;
}

#c79 h1 em{
    font-style: normal;
	text-transform: uppercase;
}

#c79:after {
	display: block;
	width: 74px;
	height: 74px;
	content: "";
	background:  url('https://www.realestate-nd.de/fileadmin/Ablage/Startseite/ivd-logo.jpg')no-repeat center;
	background-size: cover;
}

#page-1 {
	max-height: 100vh;
	overflow: hidden;
}

.header_hamburg {
	display: none !important;
}

#page-1 .footer_wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: left !important;
	z-index: 1;
}

#page-1 .hm_banner_wrapper {
	padding: 0;
}

.footer_wrapper {
	padding: 20px 0 !important;
}

.footer_wrapper .container{
	max-width: 100%;
	padding: 0 45px;
}

#page-1 .footer_links a {
	color: #fff !important;
}

#page-1 .footer_links a:hover,
#page-1 .footer_links a:focus {
	text-decoration: underline;
}

#page-1 .header_part {
	display: none;
}

.footer_links {
    justify-content: flex-start;
}

.main_menu_header {
	display: none !important;
}

.popup_contact_info a {
	font-size: .9rem;
}

@media (max-width:575px) {
	#c79 {
		top: 6%;
		left: 30px;
		right: auto;
		transform: none;
	}
  
	#c79 img{
		width: 120px;
        height: auto;
	}
	
	.footer_wrapper .container {
		padding: 0 30px;
	}
}

@media (max-height:767px) {
	#c79 img{
		width: 90px;
		height: auto;
		margin-bottom: 1rem;
	}
	
	#c79 .ce-bodytext p:last-child {
        margin-top: -20px;
    }
	#c79:after {
        width: 45px !important;
        height: 45px !important;
    }
}

@media (max-height:575px) {
	#c79 img{
		width: 90px;
	}
}


@media (max-width:575px) and (max-height:767px) {
	#c79:after {
        width: 45px !important;
        height: 45px !important;
    }
}

@media (max-width:575px) and (max-height:575px) {
	#c79 .ce-bodytext p:last-child,
	#c79:after {
        display: none;
    }
}

@media (max-height:520px) {
	#c79 img{
		width: 90px;
		margin-bottom: .5rem;
	}

	#c79 h1 {
		margin-bottom: .5rem;
	}
}

@media (max-height:420px) {
	#c79 img{
		width: 70px;
	}
}

@media (max-height:400px) {
	#page-1 .wrapper {
		position: relative;
	}
	
	#page-1 .banner_slides {
		min-height:  400px;
	}
	
	#page-1, .banner_image, .banner_image img {
		min-height:  400px;
		max-height: 400px;
		height: 400px;
	}
}