a,
i,
label,
span {
    color: inherit
}

sup {
    font-size: .6em;
    vertical-align: top;
    position: relative;
    top: -.5em
}

#main-menu ul:not(.lang-switch) li a,
a {
    text-decoration: none
}

@font-face {
    font-family: 'Ruberoid';
    src: url('fonts/Ruberoid-Regular.eot'); src: local('Ruberoid'), local('Ruberoid-Regular'), url('fonts/Ruberoid-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Ruberoid-Regular.woff2') format('woff2'),url('fonts/Ruberoid-Regular.woff') format('woff'),url('fonts/Ruberoid-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;
}

@font-face {
    font-family: 'Ruberoid Regular';
    src: local('Ruberoid Regular'), local('Ruberoid-Regular'), url('fonts/Ruberoid-Regular.woff2') format('woff2'), url('fonts/Ruberoid-Regular.woff') format('woff'),url('fonts/Ruberoid-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;
}

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

@font-face {
    font-family: 'Ruberoid Semi';
    src: url('fonts/Ruberoid-SemiBold.eot');src: local('Ruberoid Semi Bold'), local('Ruberoid-SemiBold'),url('fonts/Ruberoid-SemiBold.eot?#iefix') format('embedded-opentype'),url('fonts/Ruberoid-SemiBold.woff2') format('woff2'),url('fonts/Ruberoid-SemiBold.woff') format('woff'),url('fonts/Ruberoid-SemiBold.ttf') format('truetype');font-weight: 600;font-style: normal;
}

@font-face {
    font-family: 'Ruberoid Bold';
    src: url('../fonts/Ruberoid-Bold.eot');src: local('Ruberoid Bold'), local('Ruberoid-Bold'),url('fonts/Ruberoid-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/Ruberoid-Bold.woff2') format('woff2'),url('fonts/Ruberoid-Bold.woff') format('woff'),url('fonts/Ruberoid-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;
}

@font-face {
    font-family: 'Akrobat Regular';
    src: url(fonts/Akrobat-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Akrobat-Regular.woff) format('woff'), url(fonts/Akrobat-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Akrobat Semibold';
    src: url(fonts/Akrobat-SemiBold.eot?#iefix) format('embedded-opentype'), url(fonts/Akrobat-SemiBold.woff) format('woff'), url(fonts/Akrobat-SemiBold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Akrobat Bold';
    src: url(fonts/Akrobat-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Akrobat-Bold.woff) format('woff'), url(fonts/Akrobat-Bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Helvetica Neue Cyr Thin';
    src: url(fonts/HelveticaNeueCyr-Thin.eot?#iefix) format('embedded-opentype'), url(fonts/HelveticaNeueCyr-Thin.woff) format('woff'), url(fonts/HelveticaNeueCyr-Thin.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Helvetica Neue Cyr Medium';
    src: url(fonts/HelveticaNeueCyr-Medium.eot?#iefix) format('embedded-opentype'), url(fonts/HelveticaNeueCyr-Medium.woff) format('woff'), url(fonts/HelveticaNeueCyr-Medium.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Myriad Pro Light';
    src: url(fonts/MyriadPro-Light.eot?#iefix) format('embedded-opentype'), url(fonts/MyriadPro-Light.woff) format('woff'), url(fonts/MyriadPro-Light.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Myriad Pro Regular';
    src: url(fonts/MyriadPro-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/MyriadPro-Regular.woff) format('woff'), url(fonts/MyriadPro-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Myriad Pro Semibold';
    src: url(fonts/MyriadPro-Semibold.eot?#iefix) format('embedded-opentype'), url(fonts/MyriadPro-Semibold.woff) format('woff'), url(fonts/MyriadPro-Semibold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat Extra Light';
    src: url(fonts/Montserrat-ExtraLight.eot?#iefix) format('embedded-opentype'), url(fonts/Montserrat-ExtraLight.woff) format('woff'), url(fonts/Montserrat-ExtraLight.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

#wrap {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 60px;
}

#wrap.height-block {
    max-height: 100%;
    height: 100%
}

.noscroll {
    overflow: hidden
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

body,
html {
    height: 100%;
    margin: 0
}

body,
button,
input,
textarea {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: 'Akrobat Regular', sans-serif
}

body {
    width: 100%;
    overflow-x: hidden;
    padding: 0;
}

img,
svg {
    max-width: 100%
}

p {
    margin: 0
}

textarea {
    resize: none;
    overflow: auto
}

#main-menu ul:not(.lang-switch) li,
#section-c .image,
#section-developer .image>.frame,
#section-i .image,
#section-y .image,
.block,
.no-overfow {
    overflow: hidden
}

button,
input,
map area,
textarea {
    outline: 0;
    border: 0
}

a[role=button],
button {
    cursor: pointer
}

.owl-carousel {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

#main-menu ul:not(.lang-switch) li a,
.flex {
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important
}

.flex-inline {
    display: -webkit-inline-box!important;
    display: -webkit-inline-flex!important;
    display: -moz-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-align-self: auto
}

#main-menu.open .logo-small,
#main-menu:not(.open) .contact>.address .callback,
#main-menu:not(.open) .logo-open,
#main-menu:not(.open) ul li a span,
body.mobile #main-menu .logo-open,
body.mobile #main-menu .logo-small,
body:not(.mobile) #main-menu .logo-mobile {
    display: none
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-jc-space-between {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.flex-jc-space-around {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.flex-jc-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.flex-jc-end {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

#main-menu ul:not(.lang-switch) li a,
.flex-ai-center {
    -webkit-align-items: center;
    align-items: center
}

.flex-ai-baseline {
    -webkit-align-items: baseline;
    align-items: baseline
}

.flex-ai-flex-end {
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.flex-1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.flex-3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.relative {
    position: relative
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}



/* === start new reset/menu/header styles === */ 

body {
	min-width: 320px;
}


.main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #e1e4e7;
  height: 60px;
  padding-left: 105px;
  padding-right: 45px;
  display: flex;
  align-items: center;
  font-family: 'Ruberoid', Arial, sans-serif;
}

.main-header .modal-toggle {
  margin-left: auto;
  height: 60px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 35px;
  padding-right: 35px;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-family: 'Ruberoid Bold';
  font-size: 14px;
  letter-spacing: 0.42px;
  user-select: none;
  color: #111;
}

.header-nav {
    display: flex;
	align-items:center;
}

.header-nav > div {
    white-space: nowrap;
    position: relative;
}

.header-nav  a{
	color: rgba(0, 0, 0, 0.7);
   font-size: 14px;
	letter-spacing: 0.28px;
    font-family: 'Ruberoid Medium';
	 font-weight: 500;
    text-decoration: none;
	display:block;
}
.header-nav .submenu-head a {
    margin-right: 30px;
	padding:10px 0;
	 
	
}

.header-nav a:hover,
.header-nav a.active {
    color: #000;
    text-decoration: underline;
}


.header-nav .submenu-dropdown{
	position: absolute;
    top: 100%;
    left: -10px;
    background: transparent;
    padding: 9px 0px 0px !important;
	margin:0px !important;
	visibility:hidden;
	opacity:0;
	font-size:13px;
	min-width:200px;
}
.header-nav .has-submenu:hover .submenu-dropdown {
    max-height: 125px;
	visibility:visible;
	opacity:1;
}
.header-nav .submenu-dropdown .submenu-dropdown-inner{
	padding:10px;
	background:#fff;
}
.header-nav .submenu-dropdown div + div{
	margin-top:5px;
}

.main-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #000;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.mobile-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background-color: #000;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.nav-toggle {
  background-color: #fff;
  border: 0;
  padding: 0;
  outline: 0;
  cursor: pointer; 
  height: 60px;
  width: 60px;
  margin-left: 20px;
  display: none;
}

.nav-toggle span {
  width: 30px;
  height: 2px;
  border-radius: 3px;
  background-color: #252525;
  display: block;
  margin: 7px auto;
  position: relative; 
}

.nav-toggle.active span:nth-child(2) {
  opacity: 0;
}


.slide-nav {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  background-color: #fff;
  box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.10);
  z-index: 1000;
  transition: all 0.35s ease;
  font-family: 'Ruberoid', Arial, sans-serif;
}

.slide-nav-content {
  height: 100%;
  overflow: hidden;
  padding: 75px 0 25px 10px;
  display: flex;
  flex-direction: column;
}

.slide-nav:hover .main-nav {
    margin-bottom: 20px;
}

.slide-nav:hover {
  width: 220px;
}

.slide-nav:hover .main-nav a {
  color: #000;
}

.main-nav {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
}

.main-nav > div {
  white-space: nowrap;
  margin-bottom: 2px;
  position: relative;
}

.main-nav > div:after {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  bottom: 0;
  width: 0;
  background-color: #234A47;
  z-index: 1;
  transition: 0.25s;
}

.main-nav > div:hover:after {
  width: calc(100% + 10px);
}


.slide-nav:hover .main-nav > div:hover a {
  color: #fff;
}

.main-nav > div:hover a svg {
  filter: brightness(0) invert(1);
}


.main-nav a {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: transparent;
  text-decoration: none;
  transition: 0.15s;
  position: relative;
  z-index: 2;
}

.main-nav svg {
  min-width: 41px;
  width: 41px;
  height: 41px;
  padding: 10px;
}

.submenu-head {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: transparent;
  text-decoration: none;
  transition: 0.15s;
  position: relative;
  z-index: 2;
}

.slide-nav:hover .submenu-head {
  color: #000;
}

.has-submenu:hover .submenu-head {
  color: #fff;
}

.has-submenu:hover svg {
    filter: brightness(0) invert(1);
}

.slide-nav:hover .has-submenu:hover .submenu-dropdown a {
  color: #000;
}

.submenu-dropdown {
    padding-left: 42px;
    padding-top: 5px;
    overflow: hidden;
    max-height: 0px;
    transition: all 0.3s;
}

.has-submenu:hover .submenu-dropdown {
    max-height: 125px;
    transition: all 0.5s;
    transition-delay: 0s;
}

.main-nav .submenu-dropdown a {
  font-size: 13px;
  color: #000;
  display: block;
  margin-bottom: 5px;
}

.main-nav .submenu-dropdown a:hover {
  text-decoration: underline;
  color: #1d4a47;
}

.main-nav .has-submenu:after {
  bottom: auto;
  height: 41px;
}


.aside-social {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  margin: auto 5px auto 0;
  text-align: center;
  flex-grow: 1;
}

.aside-social a {
  text-decoration: none;
}

.aside-social a svg {
  min-width: 41px;
  width: 41px;
  height: 41px;
  padding: 10px;
}

.slide-nav:hover .aside-social {
  flex-direction: row;
  justify-content: space-between;
  margin: 0 10px 0 0;
  flex-grow: 0;
}

.aside-contacts {
  margin-bottom: 15px;
  margin-top: 30px;
}

.aside-contacts .hidden-desktop {
  display: none;
}

.aside-contacts .contacts-phone {
  border: 1.4px solid rgba(0, 0, 0, 0.3);
  font-family: 'Ruberoid Semi';
  border-radius: 4px;
  padding: 8px 6.5px;
  color: #000;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  margin-right: 10px;
  font-size: 14px;
  writing-mode: vertical-lr;
    transform: scale(-1, -1);
    text-align: center;
}

.aside-contacts .contacts-phone:hover {
  background-color: rgba(35, 74, 71, 0.1);
}

.slide-nav:hover .aside-contacts .contacts-phone {
  writing-mode: horizontal-tb;
  transform: scale(1);
}

.btn-secondary {
  background-color: #2D2D2D;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
  display: inline-flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  transition: 0.25s;
  letter-spacing: 0.16px;
  border: 0;
  cursor: pointer;
}

.aside-contacts .btn-secondary {
  display: none;
  padding: 12px;
  white-space: nowrap;
  width: calc(100% - 12px);
  margin-top: 15px;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
}

.slide-nav:hover .aside-contacts .btn-secondary {
  display: inline-flex;
}

.aside-lang {
  display: flex;
}

.aside-lang a {
  display: block;
    padding: 8px 0;
    font-family: 'Ruberoid Semi';
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #fff;
    text-decoration: none;
    color: #000;
    margin-right: 10px;
    display: none;
    font-size: 12px;
    text-transform: uppercase;
    width: 36px;
    text-align: center;
}

.aside-lang a:hover {
  background-color: #234A47;
  color: #fff;
}

.aside-lang a.active {
  border: 1.4px solid rgba(0, 0, 0, 0.30);
  display: block;
  cursor: auto;
  pointer-events: none;
}

.slide-nav:hover .aside-lang a {
  display: block;
}

.slide-nav-close {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 75px;
    left: 24px;
    background: rgba(35, 74, 71, 0.1) url(../img/close-icon.svg) no-repeat center;
    background-size: 52%;
    border: 0;
    outline: 0;
    transition: 0.25s;
    cursor: pointer;
    border-radius: 4px;
    display: none;
}

@media(min-width: 1200px) and (max-height: 800px) {
  .aside-contacts .contacts-phone {
    display: none;
  }

  .slide-nav:hover .aside-contacts .contacts-phone {
    display: block;
  }
}

@media(max-width: 1199px) {
  .main-header {
    padding-left: 90px;
    padding-right: 30px;
  }

  .main-logo {
    justify-content: flex-start;
    padding-left: 20px;
  }

  .main-header .modal-toggle {
    width: 60px;
    font-size: 0;
    padding: 0;
    background: #fff url(../img/phone-icon.svg) no-repeat center;
    background-size: 24px;
  }

  .slide-nav {
    width: 400px;
    left: auto;
    right: 0;
    height: 100%;
    max-height: 100vh;
    min-height: 100vh;
    overflow-y: auto;
      transform: translateX(150%);
  }

  .slide-nav-content {
    height: auto;
    padding: 136px 15px 100px 25px;
  }

  .slide-nav.active {
      transform: translateX(0);
  }

  .slide-nav:hover {
    width: 400px;
  }

  .slide-nav:hover .main-nav {
      margin-bottom: auto;
  }

  .main-nav { 
    order: 2;
    margin-left: -10px;
  }

  .main-nav a {
    font-size: 16px;
    color: #000;
  }

  .main-nav > div:after {
    display: none;
  }

  .slide-nav:hover .main-nav > div:hover a {
    color: #111;
  }

  .main-nav > div:hover a svg {
    filter: brightness(100%);
  }

  .aside-contacts {
    order: 4;
    margin-top: 5px;
  }

  .aside-contacts .contacts-phone {
    writing-mode: horizontal-tb;
    transform: scale(1);
  }

  .aside-contacts .btn-secondary {
    display: block;
  }

  .aside-lang {
    position: absolute;
    top: 75px;
    right: 15px;
  }

  .aside-lang a {
    display: flex!important;
    justify-content: center;
    align-items: center;
    padding: 1px 0 0;
    height: 36px;
  }

  .slide-nav .aside-social {
    order: 3;
    flex-direction: row!important;
    justify-content: flex-start!important;
    text-align: left;
    margin: auto 0 0 -10px!important;
  }

  .aside-social a {
    margin-right: 5px;
  }

  .aside-social a svg {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 10px;
  }

  .aside-social a:last-child svg {
    width: 46px;
    height: 46px;
    min-width: 46px;
    padding: 9px;
  }

  .nav-toggle {
    display: block;
  }

  .slide-nav-close {
    display: block;
  }

  .mobile-logo {
    display: flex;
  }

  .main-nav span {
    color: #000;
  }


  .has-submenu:hover svg {
    filter: brightness(100%);
  }

  .has-submenu:hover .submenu-dropdown,
  .submenu-dropdown {
    max-height: none;
    padding-top: 0;
    padding-bottom: 5px;
    margin-top: -5px;
  }
}

@media(max-width: 991px) {
  .header-nav a {
    font-size: 13px;
  }
}

@media(max-width: 767px) {
  .header-nav {
    opacity: 0;
  }

 .slide-nav .header-nav {
        order: 2;
        opacity: 1;
		align-items:flex-start;
    }

    .slide-nav .header-nav {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .slide-nav .header-nav .submenu-head a {
        font-size: 16px;
		padding:2px 0;
		margin-right:0px;
    }
	
	 .slide-nav .header-nav .submenu-dropdown{
		display:none !important;
	}

  .main-header {
    padding-right: 0;
  }

  .slide-nav,
  .slide-nav:hover {
    width: 100%;
  }
}

/* === end new menu/header styles === */



#homepage-banner,
#homepage-banner .banner {
    height: 100vh;
    overflow: hidden
}

#homepage-banner .banner,
#homepage-banner .banner .clouds>.clouds-inner,
#homepage-banner .banner-1 .bg,
#section-benefits,
#section-c,
#section-c .image>.bg,
#section-developer .image,
#section-developer .image>.frame>.bg,
#section-i,
#section-i .image>.bg,
#section-komercs,
#section-komercs2,
#section-select .bg,
#section-t .inner>.bg,
#section-vybir,
#section-y,
#section-y .image>.bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

#changing-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(28, 74, 71, .8);
    pointer-events: none;
    z-index: 10
}

#homepage-banner .banner .clouds,
#homepage-banner .banner .clouds>.clouds-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 20
}

#homepage-banner .banner .clouds>.clouds-inner {
    opacity: .35;
    background-image: url(/uploads/images/banners/clouds.png);
    -webkit-transition: all 5.5s;
    -moz-transition: all 5.5s;
    transition: all 5.5s
}

#homepage-banner .banner .inner {
    z-index: 30
}

#homepage-banner .banner .inner .title,
#homepage-banner .banner .inner .undertitle,
#section-c .letter,
#section-c>.inner .top-title,
#section-contact>.inner .top-title,
#section-developer .awards .award,
#section-developer>.inner .top-title,
#section-i .letter,
#section-i>.inner .top-title,
#section-select .top-title,
#section-t .letter,
#section-t>.inner .top-title,
#section-y .letter,
#section-y>.inner .top-title {
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    transition: all 1.5s
}

#homepage-banner .banner .inner .title,
#homepage-banner .banner .inner .undertitle {
    text-transform: uppercase
}

#homepage-banner .banner .inner .title {
    margin: 0 0 18px;
    font-family: 'Akrobat Semibold';
    font-size: 70px;
    line-height: 56px;
    letter-spacing: 10px
}

#homepage-banner .banner .inner .undertitle {
    margin: 0;
    font-size: 16px;
    letter-spacing: 2px
}

#homepage-banner .banner .inner .title:not(.active) {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95)
}

#homepage-banner .banner-1 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

#homepage-banner .banner-1 .bg.bg-1 {
    animation: zoom-in-and-out 30s;
    animation-iteration-count: infinite;
    will-change: transform
}

@keyframes zoom-in-and-out {
    0%,
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -webkit-transform: scale(1) rotate(.02deg);
        -moz-transform: scale(1) rotate(.02deg);
        -ms-transform: scale(1) rotate(.02deg);
        -o-transform: scale(1) rotate(.02deg);
        transform: scale(1) rotate(.02deg)
    }
}

#homepage-banner .banner-1 .bg.bg-2 {
    background-image: url(/uploads/images/banners/house.png);
    z-index: 25
}

#homepage-banner .banner-1 .undertitle:not(.active) {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%)
}

#homepage-banner .banner-1 .clouds.active>.clouds-inner {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

#main-menu {
    position: fixed;
    bottom: 0;
    left: -51px;
    height: 100%;
    width: 51px;
    background: #fff;
    -webkit-box-shadow: 0 0 15px #0008a;
    -moz-box-shadow: 0 0 15px #0008a;
    box-shadow: 0 0 15px #0008a;
    z-index: 99;
    will-change: width
}

body.mobile #main-menu.open,
body:not(.mobile) #main-menu {
    left: 0
}

#main-menu .logo {
    margin: 10px 0 0;
    padding: 15px 10px;
    height: 80px;
    object-fit: contain
}

#main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#main-menu ul:not(.lang-switch) li {
    position: relative;
    padding: 0 10px 0 6px;
    font-size: 16px;
    white-space: nowrap
}

#main-menu ul:not(.lang-switch) li a {
    position: relative;
    color: #1c4a47;
    z-index: 9;
    -webkit-transition: color 0s;
    -moz-transition: color 0s;
    -ms-transition: color 0s;
    -o-transition: color 0s;
    transition: color 0s
}

#main-menu ul:not(.lang-switch) li a[href="https://parus-city.lviv.ua/#"] {
    cursor: default;
    color: #b9b9b9!important
}

#main-menu ul:not(.lang-switch) li a[href="https://parus-city.lviv.ua/#"] svg circle,
#main-menu ul:not(.lang-switch) li a[href="https://parus-city.lviv.ua/#"] svg path,
#main-menu ul:not(.lang-switch) li a[href="https://parus-city.lviv.ua/#"] svg polygon {
    fill: #b9b9b9!important
}

#main-menu ul:not(.lang-switch) li a span {
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}

#main-menu ul a svg {
    min-width: 41px;
    width: 41px;
    height: 41px;
    padding: 10px;
    margin-right: 12px
}

#main-menu ul:not(.lang-switch) li:nth-child(3) a svg {
    padding: 6px
}

#main-menu ul:not(.lang-switch) li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s
}

#main-menu ul:not(.lang-switch) li:first-child:before {
    background: #779291
}

#main-menu ul:not(.lang-switch) li:nth-child(2):before {
    background: #6b8987
}

#main-menu ul:not(.lang-switch) li:nth-child(3):before {
    background: #60807e
}

#main-menu ul:not(.lang-switch) li:nth-child(4):before {
    background: #557775
}

#main-menu ul:not(.lang-switch) li:nth-child(5):before {
    background: #496e6c
}

#main-menu ul:not(.lang-switch) li:nth-child(6):before {
    background: #3e6562
}

#main-menu ul:not(.lang-switch) li:nth-child(7):before {
    background: #325c59
}

#main-menu ul:not(.lang-switch) li:nth-child(8):before {
    background: #1c4a47
}

#main-menu ul:not(.lang-switch) li:first-child a svg path,
#main-menu ul:not(.lang-switch) li:first-child a svg polygon {
    fill: #1c4a47
}

#main-menu ul:not(.lang-switch) li:nth-child(2) a svg path,
#main-menu ul:not(.lang-switch) li:nth-child(2) a svg polygon {
    fill: #629228
}

#main-menu ul:not(.lang-switch) li:nth-child(3) a svg path,
#main-menu ul:not(.lang-switch) li:nth-child(3) a svg polygon,
#main-menu ul:not(.lang-switch) li:nth-child(4) a svg path,
#main-menu ul:not(.lang-switch) li:nth-child(4) a svg polygon,
#main-menu ul:not(.lang-switch) li:nth-child(5) a svg path,
#main-menu ul:not(.lang-switch) li:nth-child(5) a svg polygon {
    fill: #0f0f0f
}

#main-menu ul:not(.lang-switch) li:nth-child(6) a svg path,
#main-menu ul:not(.lang-switch) li:nth-child(6) a svg polygon {
    fill: #173b48
}

#main-menu ul:not(.lang-switch) li:nth-child(7) a svg path,
#main-menu ul:not(.lang-switch) li:nth-child(7) a svg polygon {
    fill: #292c53
}

#main-menu ul:not(.lang-switch) li:nth-child(8) a svg path,
#main-menu ul:not(.lang-switch) li:nth-child(8) a svg polygon {
    fill: #2d2e2e
}

#main-menu ul:not(.lang-switch) li:hover a svg path,
#main-menu ul:not(.lang-switch) li:hover a svg polygon {
    fill: #fff
}

#main-menu ul:not(.lang-switch) li:hover:before {
    width: 100%
}

#main-menu .contact p {
    margin: 0
}

#main-menu:not(.open) .contact>.address {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#main-menu:not(.open) .contact>.address .my-number {
    width: 20vh;
    white-space: nowrap
}

#main-menu .contact .address a {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 8px 0 9px;
    border: 1px solid #1c4a47
}

#main-menu .contact .my-number {
    color: #1c4a47;
    text-decoration: none;
    font-weight: 700
}

#main-menu.open .contact .my-number {
    margin-top: 15px!important
}

#main-menu .contact .callback {
    margin-top: 10px!important;
    background: #1c4a47;
    color: #fff
}

#main-menu>.logo-holder {
    display: block;
    min-height: 90px;
    max-height: 90px;
    height: 90px
}

#main-menu>.contact .social {
    margin-top: 1vh
}

#main-menu>.contact .social a,
#main-menu>.contact .social svg {
    display: block
}

#main-menu:not(.open)>.contact .social a {
    display: block
}

#section-select .info .house-info:not(.active),
body.mobile.horizontal #main-menu>.contact {
    display: none
}

#main-menu>.contact .social svg {
    width: 20px;
    height: 20px;
    margin: 0 5px
}

#main-menu>.contact .social a:hover svg path,
#main-menu>.contact .social a:hover svg polygon {
    fill: #1c4a47
}

body.mobile.horizontal #main-menu>.logo-holder,
body.mobile.horizontal #main-menu>.menu-holder {
    height: auto
}

body.mobile #main-menu ul:not(.lang-switch) li a:before {
    height: 20px;
    width: 20px
}

body.mobile.horizontal #main-menu {
    padding-bottom: 5vh
}

body.mobile.vertical #main-menu {
    padding: 2vh 0 5vh
}

#section-developer {
    background: #f3f3f3
}

#section-contact,
#section-contact>.inner {
    background-color: #2f2f2f
}

#section-contact>.inner {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

#section-c>.inner,
#section-developer>.inner,
#section-i>.inner,
#section-t>.inner,
#section-y>.inner {
    height: 100%;
    z-index: 20
}

#section-developer>.inner>.right {
    top: 0
}

#section-developer>.inner>.right>.info {
    position: absolute
}

#homepage-banner .banner .inner .title:not(.active),
#homepage-banner .banner-1 .undertitle:not(.active),
#section-developer .image>.frame>.bg:not(.active):not(.prev-active),
#section-developer>.inner>.right>.info:not(.active),
#section-select .bg:not(.active):not(.prev-active) {
    opacity: 0;
    pointer-events: none
}

#section-i>.inner>.left,
#section-y>.inner>.left {
    z-index: 2
}

#section-i>.inner>.right {
    background: #212121
}

#section-i>.inner>.right .title .buttons {
    position: absolute;
    top: -75px;
    left: 65px;
    width: 75%;
    width: calc(100% - 75px);
    padding: 0;
    background: 0 0
}

#section-y>.inner>.right {
    background: #252525
}

#section-c>.inner .top-title,
#section-contact>.inner .top-title,
#section-developer>.inner .top-title,
#section-i>.inner .top-title,
#section-select .top-title,
#section-t>.inner .top-title,
#section-y>.inner .top-title {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: 'Myriad Pro Light';
    text-transform: uppercase
}

#section-i>.inner .top-title,
#section-t>.inner .top-title {
    color: #00171a;
    font-weight: 700
}

#section-contact>.inner .top-title,
#section-developer>.inner .top-title {
    color: grey
}

#section-c .image>.bg,
#section-i .image>.bg,
#section-y .image>.bg {
    position: absolute;
    top: 0;
    width: 110%;
    height: 100%
}

#section-c .image>.bg {
    right: -5%;
    background-image: url(image/image-block-c.jpg)
}

#section-i .image>.bg {
    left: -5%;
    background-image: url(image/image-block-i.jpg)
}

#section-y .image>.bg {
    left: -5%;
    background-image: url(image/image-block-y.jpg)
}

#section-developer .image>.frame,
#section-developer .image>.frame>.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#section-developer .image>.frame>.bg {
    animation: zoom-in-and-out 30s;
    animation-iteration-count: infinite;
    will-change: transform
}

#section-developer .image>.frame>.bg[data-project=parus] {
    background-image: url('image/parus-premium-render.jpeg')
}

#section-developer .image>.frame>.bg[data-project=smart] {
    background-image: url(image/image-block-developer-smart.jpg)
}

#section-developer .image .next,
#section-developer .image .prev,
#section-select .next,
#section-select .prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#section-developer .image .next:before,
#section-developer .image .prev:before,
#section-i>.inner>.right .title .buttons .next:before,
#section-i>.inner>.right .title .buttons .prev:before,
#section-select .next:before,
#section-select .prev:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: #1c4a47
}

#contact-popup>.bg,
#contact-popup-2>.bg,
#section-c .info .button,
#section-contact .info .button.callback,
#section-developer .image .next:before,
#section-developer .image .prev:before,
#section-developer .info .text .button,
#section-i .info .button,
#section-i>.inner>.right .title .buttons .next:before,
#section-i>.inner>.right .title .buttons .prev:before,
#section-select .info .house-info>.flex,
#section-select .next:before,
#section-select .prev:before,
#section-t .info .button,
#section-y .info .button {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-developer .image>.frame>.bg,
#section-select .bg {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

#contact-popup form .title:after,
#contact-popup-2 form .title:after,
#section-c .info .title:after,
#section-contact .info>.title:after,
#section-i .info .title:after,
#section-t .info .title:after,
#section-y .info .title:after {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s
}

#section-developer .image .next:before,
#section-developer .image .prev:before {
    top: -10px
}

#section-i>.inner>.right .title .buttons .next:before,
#section-i>.inner>.right .title .buttons .prev:before {
    top: 0
}

#section-developer .image .next img,
#section-i>.inner>.right .title .buttons .next img,
#section-select .next img {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

#section-c .info {
    padding: 40px 20px;
    border-color: #fff
}

#contact-popup form>.after,
#contact-popup-2 form>.after,
#contact-popup form>.before,
#contact-popup-2 form>.before,
#section-c .info>.after,
#section-c .info>.before,
#section-contact .info>.after,
#section-contact .info>.before,
#section-select .info .house-info>.after,
#section-select .info .house-info>.before {
    position: absolute;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    pointer-events: none
}

#contact-popup form>.before,
#contact-popup-2 form>.before,
#section-c .info>.before,
#section-contact .info>.before,
#section-select .info .house-info>.before {
    top: 0;
    left: 0
}

#contact-popup form>.after,
#contact-popup-2 form>.after,
#section-c .info>.after,
#section-contact .info>.after,
#section-select .info .house-info>.after {
    right: 0;
    bottom: 0
}

#contact-popup form.animate>.before,
#contact-popup-2 form.animate>.before,
#section-c .info.animate>.before,
#section-contact .info.animate>.before,
#section-select .info .house-info.animate>.before {
    -webkit-animation-name: section-c-border-1;
    -webkit-animation-duration: .75s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .01s;
    -moz-animation: section-c-border-1 .75s linear forwards;
    animation: section-c-border-1 .75s linear forwards
}

#contact-popup form.animate>.after,
#contact-popup-2 form.animate>.after,
#section-c .info.animate>.after,
#section-contact .info.animate>.after,
#section-select .info .house-info.animate>.after {
    -webkit-animation-name: section-c-border-2;
    -webkit-animation-duration: .75s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .75s;
    -moz-animation: section-c-border-2 .75s linear forwards;
    animation: section-c-border-2 .75s linear forwards;
    -moz-animation-delay: .75s;
    animation-delay: .75s
}

#section-c .info:not(.animate) .button,
#section-contact .info:not(.animate) .button.callback,
#section-developer .awards:not(.animate) .award,
#section-developer .info:not(.animate) .text .button,
#section-i .info:not(.animate) .button,
#section-t .info:not(.animate) .button,
#section-y .info:not(.animate) .button {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0
}

@keyframes section-c-border-1 {
    0% {
        width: 0;
        height: 0;
        border-top-color: inherit;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color: inherit;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: inherit;
        border-right-color: inherit;
        border-bottom-color: transparent;
        border-left-color: transparent
    }
}

@-webkit-keyframes section-c-border-1 {
    0% {
        width: 0;
        height: 0;
        border-top-color: inherit;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color: inherit;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: inherit;
        border-right-color: inherit;
        border-bottom-color: transparent;
        border-left-color: transparent
    }
}

@keyframes section-c-border-2 {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: inherit;
        border-left-color: transparent
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: inherit;
        border-left-color: inherit
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: inherit;
        border-left-color: inherit
    }
}

@-webkit-keyframes section-c-border-2 {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: inherit;
        border-left-color: transparent
    }
    50% {
        width: 100%;
        height: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: inherit;
        border-left-color: inherit
    }
    100% {
        width: 100%;
        height: 100%;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: inherit;
        border-left-color: inherit
    }
}

#section-t .info {
    padding: 50px 20px 0
}

#section-contact .info {
    position: absolute;
    top: 38px;
    padding: 40px 50px 100px 15px;
    border-color: #767676
}

#contact-popup form .title,
#contact-popup-2 form .title,
#section-c .info .title,
#section-contact .info>.title,
#section-developer .info .title,
#section-i .info .title,
#section-t .info .title,
#section-y .info .title {
    font-size: 36px;
    line-height: 22px;
    font-family: 'Akrobat Semibold';
    letter-spacing: 4px
}

#contact-popup form .title:after,
#contact-popup-2 form .title:after,
#section-c .info .title:after,
#section-contact .info>.title:after,
#section-developer .info .title:after,
#section-i .info .title:after,
#section-t .info .title:after,
#section-y .info .title:after {
    content: '';
    position: absolute;
    top: -22px
}

#section-developer .info .title:after {
    left: 50px
}

#contact-popup form .title:not(.animate):after,
#contact-popup-2 form .title:not(.animate):after,
#section-c .info .title:not(.animate):after,
#section-contact .info>.title:not(.animate):after,
#section-i .info .title:not(.animate):after,
#section-t .info .title:not(.animate):after,
#section-y .info .title:not(.animate):after {
    width: 0
}

#contact-popup form .title:after,
#contact-popup-2 form .title:after,
#section-c .info .title:after,
#section-i .info .title:after,
#section-t .info .title:after {
    height: 171px
}

#section-contact .info>.title:after,
#section-developer .info .title:after,
#section-y .info .title:after {
    height: 130px
}

#section-contact .info>.title:after {
    right: -100px;
    width: 120%
}

#contact-popup form .title:after,
#contact-popup-2 form .title:after,
#section-c .info .title:after {
    background: #fff
}

#section-developer .info .title:after,
#section-i .info .title:after,
#section-y .info .title:after {
    background: #1c4a47
}

#contact-popup form .title>span,
#contact-popup-2 form .title>span,
#section-c .info .title>span,
#section-contact .info>.title:after,
#section-developer .info .title>span,
#section-i .info .title>span,
#section-t .info .title:after,
#section-y .info .title>span {
    background: #5a5a5a
}

#contact-popup form .title>span,
#contact-popup-2 form .title>span,
#section-c .info .title>span,
#section-contact .info>.title>span,
#section-developer .info .title>span,
#section-i .info .title>span,
#section-t .info .title>span,
#section-y .info .title>span {
    padding: 10px 15px;
    display: block;
    float: left;
    clear: both;
    white-space: nowrap;
    text-transform: uppercase;
    z-index: 2
}

#section-contact .info>.title>span,
#section-t .info .title>span {
    background: #1d4a47
}

#section-c .info .text,
#section-contact .info .text,
#section-developer .info .text,
#section-i .info .text,
#section-t .info .text,
#section-y .info .text {
    clear: both;
    font-family: 'Helvetica Neue Cyr Thin';
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 2px
}

#section-c .info .text {
    padding: 20px 20px 40px;
    background: #1d4b48;
    background: linear-gradient(to right, transparent, transparent, #1d4b48, #1d4b48)
}

#section-contact .info .text,
#section-developer .info .text,
#section-i .info .text,
#section-y .info .text {
    padding-left: 15px
}

#section-c .info .button {
    background: #fff;
    color: #1e4343;
    font-weight: 700;
    -webkit-transition: all .5s, color 0s;
    -moz-transition: all .5s, color 0s;
    transition: all .5s, color 0s
}

#contact-popup form button:not(.disabled):hover,
#contact-popup-2 form button:not(.disabled):hover,
#main-menu ul:not(.lang-switch) li:hover a,
#section-c .info .button:hover,
#section-t .info .text .button {
    color: #fff
}

#section-c .info .button:hover svg circle,
#section-c .info .button:hover svg path,
#section-c .info .button:hover svg polygon {
    fill: #fff
}

#section-c .info .button:before {
    background: #5a5a5a
}

#section-c .info .button svg circle,
#section-c .info .button svg path,
#section-c .info .button svg polygon {
    fill: #1e4343
}

#contact-popup form button svg,
#contact-popup-2 form button svg {
    height: 20px;
    margin-right: 15px
}

#contact-popup form button svg circle,
#contact-popup-2 form button svg circle,
#contact-popup form button svg path,
#contact-popup-2 form button svg path,
#contact-popup form button svg polygon,
#contact-popup-2 form button svg polygon {
    fill: #646464
}

#section-contact .info .text {
    color: #ccc
}

#section-contact .info .text>.title {
    margin-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
    color: #585858;
    font-weight: 700
}

#section-developer .info .text,
#section-t .info .text {
    color: #000;
    font-weight: 700
}

#section-developer .info .text p,
#section-t .info .text p {
    margin: 10px 0
}

#section-t .info .text .button {
    background: #5a5a5a
}

#contact-popup form button:not(.disabled):hover:before,
#contact-popup-2 form button:not(.disabled):hover:before,
#section-t .info .text .button:before {
    background: #1c4a47
}

#section-t .info .text .button svg path,
#section-y .info .text .button svg path {
    fill: #fff
}

#section-y .info .text .button {
    background: #1c4a47
}

#contact-popup form button:before,
#contact-popup-2 form button:before,
#section-y .info .text .button:before {
    background: #fff
}

#section-i .info .text {
    padding-bottom: 80px
}

#section-i .info .text .button {
    position: absolute;
    left: -38px;
    bottom: 20px;
    width: 100%;
    width: calc(100% + 38px);
    background: #1c4a47
}

#section-developer .info .text .button:hover,
#section-i .info .text .button:hover,
#section-y .info .text .button:hover {
    color: #1c4a47;
    font-weight: 700
}

#section-developer .info .text .button:hover circle,
#section-developer .info .text .button:hover svg path,
#section-developer .info .text .button:hover svg polygon,
#section-i .info .text .button:hover circle,
#section-i .info .text .button:hover svg path,
#section-i .info .text .button:hover svg polygon,
#section-y .info .text .button:hover circle,
#section-y .info .text .button:hover svg path,
#section-y .info .text .button:hover svg polygon {
    fill: #1c4a47
}

#contact-popup form button:not(.disabled):hover svg circle,
#contact-popup-2 form button:not(.disabled):hover svg circle,
#contact-popup form button:not(.disabled):hover svg path,
#contact-popup-2 form button:not(.disabled):hover svg path,
#contact-popup form button:not(.disabled):hover svg polygon,
#contact-popup-2 form button:not(.disabled):hover svg polygon,
#section-contact .button.callback svg path,
#section-developer .info .text .button svg path,
#section-i .info .text .button svg path,
#section-select .buttons>a svg path,
#section-select .buttons>a svg rect {
    fill: #fff
}

#section-i .info .text .button:before {
    background: #fff
}

#section-i .info .text .button span {
    margin-left: -100px
}

#section-developer .info .text .button {
    display: block;
    padding: 10px;
    margin-top: 20px;
    background: #1c4a47;
    color: #fff
}

#section-developer .info .text .button:before {
    background: #fff
}

.block .top-title span {
    display: block
}

.block .letter {
    position: absolute;
    font-family: Montserrat, sans-serif;
    font-size: 194px;
    line-height: 140px;
    font-weight: 700;
    z-index: 2
}

#section-c .letter,
#section-t .letter {
    color: #bdbdbd
}

#section-c .letter:not(.animate),
#section-i .letter:not(.animate),
#section-t .letter:not(.animate),
#section-y .letter:not(.animate) {
    opacity: 0
}

#section-y .letter {
    color: #aeb2bb
}

#section-developer .our-projects {
    position: absolute;
    left: 14%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    font-family: 'Helvetica Neue Cyr Medium'
}

#section-developer .our-projects .title {
    background: #1c4a47;
    font-family: 'Myriad Pro Semibold';
    color: #fff
}

#section-developer .our-projects .project {
    background: rgba(255, 255, 255, .8);
    color: #4c4c4c
}

#section-developer .our-projects .project,
#section-developer .our-projects .title {
    margin-bottom: 8px;
    padding: 7px 18px 6px;
    letter-spacing: 1px
}

#section-developer .our-projects .project:before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 18px;
    width: 0;
    height: 1px;
    background: #1c4a47
}

#contact-popup form button:before,
#contact-popup-2 form button:before,
#main-menu,
#main-menu>.contact .social a:hover svg path,
#main-menu>.contact .social a:hover svg polygon,
#section-developer .awards .award .text,
#section-developer .our-projects .project,
#section-developer .our-projects .project:before,
#section-developer>.inner>.right>.info,
.button:before,
#banner-popup .inner .close::before,
#banner-popup .inner .close::after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

#section-developer .our-projects .project.active,
#section-developer .our-projects .project:hover {
    background: #fff;
    color: #1c4a47
}

#section-developer .our-projects .project.active:before,
#section-developer .our-projects .project:hover:before {
    width: 90%;
    width: calc(100% - 36px)
}

#section-developer .awards {
    position: absolute;
    top: 30px;
    right: 30px
}

#section-select .next,
#section-select .next:before {
    right: 0
}

#section-developer .awards .award {
    margin-left: 20px
}

#section-developer .awards .award:not(.active) {
    display: none
}

#section-developer .awards .award>.inner {
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 2
}

#section-developer .awards .award .text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 50px 0 3px;
    background: #1c4a47;
    text-transform: uppercase;
    font-family: 'Helvetica Neue Cyr Medium';
    font-size: 8px;
    line-height: 14px
}

#section-developer .awards .award .text:after,
#section-developer .awards .award .text:before {
    content: '';
    position: absolute;
    bottom: -36px;
    -webkit-transform: scaleY(.45);
    -moz-transform: scaleY(.45);
    -ms-transform: scaleY(.45);
    -o-transform: scaleY(.45);
    transform: scaleY(.45);
    border: 25px solid #1c4a47;
    border-bottom: 25px solid transparent
}

#section-developer .awards .award .text:before {
    left: 0;
    border-right: 25px solid transparent
}

#section-developer .awards .award .text:after {
    right: 0;
    border-left: 25px solid transparent
}

#section-contact .copyright {
    padding: 15px 20px 20px 70px;
    font-family: 'Montserrat Extra Light';
    font-size: 13px;
    color: #454545;
    font-weight: 700
}

#section-contact .copyright .exeo {
    color: #e3e3e3
}

#section-contact .button.callback,
.button {
    font-family: 'Myriad Pro Regular';
    text-transform: uppercase
}

#section-contact .button.callback {
    padding: 10px;
    background: #5a5a5a;
    color: #fff
}

#section-contact .button.callback:before {
    background: #1d4a47
}

#contact-popup form button:before,
#contact-popup-2 form button:before,
.button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%
}

#contact-popup form button:not(.disabled):hover:before,
#contact-popup-2 form button:not(.disabled):hover:before,
.button:hover:before {
    width: 100%
}

.button {
    display: block;
    padding: 15px 10px;
    font-weight: 400
}

#contact-popup form button,
#contact-popup-2 form button,
.button {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

#section-select .bg,
#section-select .bg:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

#section-select .bg {
    animation: zoom-in-and-out 30s;
    animation-iteration-count: infinite;
    will-change: transform
}

#section-developer .image>.frame>.bg.active,
#section-select .bg.active {
    z-index: 2
}

#section-developer .image>.frame>.bg.prev-active,
#section-select .bg.prev-active {
    z-index: 1
}

#section-select .bg:after {
    content: '';
    background: linear-gradient(to top, rgba(0, 0, 0, .6705882352941176), transparent, transparent);
    pointer-events: none
}

#section-select .top-title {
    display: block;
    color: #00171a;
    font-weight: 700!important
}

#section-select .buttons,
#section-select .info,
#section-select .top-title {
    left: 13%;
    z-index: 3
}

#section-select .top-title:after {
    background: #42627d
}

#section-select .info .house-info .title {
    position: absolute;
    min-width: 100%;
    background: #1c4a47;
    text-transform: uppercase;
    font-family: 'Akrobat Semibold'
}

#section-select .info .house-info:not(.animate) .title {
    color: transparent
}

#section-select .buttons>a {
    background: #1c4a47
}

#section-select .buttons>a:before {
    background: #fff
}

#section-select .buttons>a:hover {
    color: #1c4a47
}

#section-select .buttons>a:hover svg path,
#section-select .buttons>a:hover svg rect {
    fill: #1c4a47
}

#section-select .info .house-info>div>div {
    padding: 5px 10px;
    margin-right: 10px;
    background: #5a5a5a;
    font-family: 'Helvetica Neue Cyr Thin';
    line-height: 12px
}

#section-select .info .house-info>div>div.number {
    font-size: 16px;
    line-height: 16px
}

#section-c .info .button,
#section-contact .button.callback,
#section-developer .image>:not(.frame),
#section-developer>.inner>.left,
#section-developer>.inner>.right,
#section-select .next,
#section-select .prev {
    z-index: 3
}

#section-select .next:before,
#section-select .prev:before {
    top: -9px
}

#section-select .prev:before {
    left: 0
}

#section-select .prev img {
    margin-left: 14px
}

#section-select .next img {
    margin-right: 14px
}

#section-select .right {
    background: #1f1f1f
}

#section-select .right>.title {
    margin: 20px 0;
    font-family: 'Myriad Pro Regular';
    text-transform: uppercase
}

#section-select .right .genplan {
    height: 90%;
    max-height: 90%
}

#section-select .right .genplan .hover-image {
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    pointer-events: none
}

#section-select .right .genplan .hover-image.hover {
    opacity: .6
}

#section-select .right .genplan .hover-image.active {
    opacity: 1
}

#section-select .right .genplan img {
    max-height: 100%
}

#section-c .info .title {
    word-wrap: break-word
}

#contact-popup,
#contact-popup-2 {
    position: fixed;
    top: 0;
    z-index: 2102;
    /*overflow: hidden*/
}

#contact-popup:not(.open),
#contact-popup-2:not(.open) {
    opacity: 0;
    pointer-events: none
}

#contact-popup>.bg,
#contact-popup-2>.bg {
    position: absolute;
    background: rgba(71, 108, 105, .8);
    height: calc(100% + 60px)!important;
    top: 0;
}

#contact-popup,
#contact-popup-2,
#contact-popup>.bg,
#contact-popup-2>.bg {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0
}

#contact-popup:not(.open)>.bg,
#contact-popup-2:not(.open)>.bg,
#section-c .info .text p .blast,
#section-c>.inner .top-title:not(.animate),
#section-contact>.inner .top-title:not(.animate),
#section-developer .awards .award:not(:hover) .text,
#section-developer .info .text p .blast,
#section-developer>.inner .top-title:not(.animate),
#section-i .info .text p .blast,
#section-i>.inner .top-title:not(.animate),
#section-select .info .house-info:not(.animate)>.flex,
#section-select .top-title:not(.animate),
#section-t .info .text p .blast,
#section-t>.inner .top-title:not(.animate),
#section-y .info .text p .blast,
#section-y>.inner .top-title:not(.animate) {
    opacity: 0
}

#contact-popup form,
#contact-popup-2 form {
    position: absolute;
    width: 340px;
    max-width: 90%;
    top: 50vh;
    left: 50%;
    padding: 55px 25px 25px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-color: #fff
}

#contact-popup form button,
#contact-popup-2 form button,
#contact-popup form input,
#contact-popup-2 form input,
#contact-popup form textarea,
#contact-popup-2 form textarea {
    display: block;
    width: 100%;
    padding: 10px 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #5a5a5a
}

#contact-popup form input,
#contact-popup-2 form input,
#contact-popup form textarea,
#contact-popup-2 form textarea {
    margin-bottom: 18px;
    background: #eee;
    font-size: 16px;
    font-weight: 700
}

#contact-popup form button,
#contact-popup-2 form button {
    background: #fff
}

#contact-popup form .title>span:last-child,
#contact-popup-2 form .title>span:last-child {
    margin-bottom: 56px
}

#contact-popup form .close,
#contact-popup-2 form .close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 21px;
    height: 21px
}

#contact-popup form .close:after,
#contact-popup-2 form .close:after,
#contact-popup form .close:before,
#contact-popup-2 form .close:before {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    width: 1px;
    height: 21px;
    background: #fff
}

#contact-popup form .close:before,
#contact-popup-2 form .close:before {
    transform: rotate(-45deg)
}

#contact-popup form .close:after,
#contact-popup-2 form .close:after {
    transform: rotate(45deg)
}

#section-select .buttons:not(.active) {
    display: none!important
}

.exeo img {
    margin-left: 10px
}

#message-box:not(.open) {
    opacity: 0;
    pointer-events: none
}

#message-box {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 90%;
    padding: 20px;
    background: #fff;
    color: #2d2d2d;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

#message-box>.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px
}

#message-box>.close::after,
#message-box>.close::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 2px;
    width: 1px;
    height: 16px;
    background: #717171;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#message-box>.close::before,
#message-box>.close:hover::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#message-box>.close::after,
#message-box>.close:hover::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#section-video {
    height: auto
}

#section-video video {
    display: block;
    width: 100%;
    border: 0;
    z-index: 10;
    cursor: pointer
}

#section-video:not(.active)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 11;
    pointer-events: none
}

#section-video .play {
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-image: url(/uploads/media/play.png)
}

#section-video .play,
#section-video.active .fullscreen {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 12;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#section-video.active .fullscreen {
    width: 30px;
    height: 30px;
    bottom: 20px;
    right: 30px;
    background-image: url(/uploads/media/fs_open.png)
}

#section-video.active .fullscreen:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#section-video.active:not(.paused) .play {
    opacity: 0;
    pointer-events: none
}

#section-video .play:hover {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.1);
    transform: translateX(-50%) translateY(-50%) scale(1.1)
}

#section-i>.inner:not(.active) {
    display: none!important;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

#section-i>.inner::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 10px;
    background: #fff;
    z-index: 3
}

#section-i>.inner.active::before {
    -webkit-transition: width 10s;
    -moz-transition: width 10s;
    transition: width 10s
}

#section-i>.inner.loading::before {
    width: 100%
}

#section-i .image>.bg {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s
}

#section-i>.inner .image.transparent>.bg {
    opacity: 0!important
}

#section-infrastructure {
    height: 100vh
}

#section-infrastructure #map {
    width: 100%;
    height: 100%
}

#section-infrastructure .filters .filter {
    display: block;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #5c5c5c;
    color: #5c5c5c;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2px;
    font-weight: 700;
    cursor: pointer
}

#section-infrastructure .filters .filter>span:not(.before) {
    padding: 10px 0;
    transition: all 0s
}

#section-infrastructure .filters .filter.active {
    color: #fff
}

#section-infrastructure .filters .filter.all.active {
    background: #1d4a47
}

#section-infrastructure .filters .filter>span {
    display: block
}

#section-infrastructure .filters .filter:not(.last-child) {
    margin-bottom: 10px
}

#section-infrastructure .filters .filter svg {
    width: 28px
}

#section-infrastructure .filters .filter .before {
    padding: 0 5px;
    margin-right: 10px
}

#section-infrastructure .filters .filter svg circle,
#section-infrastructure .filters .filter svg path {
    fill: #fff
}

#section-infrastructure .filters .filter svg>g {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px)
}

#section-infrastructure .filters .filter.filter-229 .before,
#section-infrastructure .filters .filter.filter-229.active {
    background: #2a3180
}

#section-infrastructure .filters .filter.filter-230 .before,
#section-infrastructure .filters .filter.filter-230.active {
    background: #e71d73
}

#section-infrastructure .filters .filter.filter-231 .before,
#section-infrastructure .filters .filter.filter-231.active {
    background: #063
}

#section-infrastructure .filters .filter.filter-232 .before,
#section-infrastructure .filters .filter.filter-232.active {
    background: #991a81
}

#section-infrastructure .filters .filter.filter-233 .before,
#section-infrastructure .filters .filter.filter-233.active {
    background: #f39200
}

#section-infrastructure .filters .filter.filter-234 .before,
#section-infrastructure .filters .filter.filter-234.active {
    background: #e30613
}

#section-infrastructure .filters .filter.filter-234 svg .st0 {
    fill: #e30613
}

#section-infrastructure .filters .filter.filter-235 .before,
#section-infrastructure .filters .filter.filter-235.active {
    background: #2fac66
}

#section-infrastructure .filters .filter.filter-236 .before,
#section-infrastructure .filters .filter.filter-236.active {
    background: #683c11
}

#section-infrastructure .filters .filter.filter-237 .before,
#section-infrastructure .filters .filter.filter-237.active {
    background: #00a19a
}

#section-infrastructure .filters .filter.filter-238 .before,
#section-infrastructure .filters .filter.filter-238.active {
    background: #662483
}

#section-infrastructure .filters .filter.filter-239 .before,
#section-infrastructure .filters .filter.filter-239.active {
    background: #009fe3
}

#section-infrastructure .filters .filter.all .before {
    width: 26px;
    height: 26px;
    margin-right: 22px;
    margin-left: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#section-infrastructure .filters .filter.all.active .before {
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

#section-infrastructure .filters .filter.all:not(.active) .before {
    background: #1d4a47
}

#section-infrastructure #map .gm-bundled-control-on-bottom {
    right: auto!important;
    left: 50%;
    width: 81px;
    margin: 0!important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

#section-infrastructure #map .gm-bundled-control-on-bottom .gm-svpc {
    display: none
}

#section-infrastructure #map .gm-bundled-control-on-bottom>.gmnoprint:first-child {
    top: 0!important
}

#section-infrastructure #map .gm-bundled-control-on-bottom>.gmnoprint:first-child>div {
    width: 81px!important;
    height: 40px!important
}

#section-infrastructure #map .gm-bundled-control-on-bottom>.gmnoprint:first-child>div>div {
    height: 30px!important;
    width: 1px!important;
    position: absolute!important;
    left: 40px!important;
    top: 5px!important;
    margin: 0!important
}

#section-infrastructure #map .gm-bundled-control-on-bottom>.gmnoprint:first-child button {
    display: inline-block!important
}

#section-infrastructure #map .gm-style-iw-d {
    width: auto!important;
    color: #5c5c5c;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Akrobat Regular', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    white-space: nowrap
}

#section-infrastructure #map .gm-style-iw-d>div>div {
    overflow: hidden!important
}

#section-infrastructure #map .gm-style-iw-d+button {
    display: none!important
}

#section-benefits,
#section-komercs,
#section-komercs2,
#section-vybir {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Akrobat Semibold'
}

#section-komercs,
#section-vybir {
    background-image: url(image/bg-block-komerc.jpg)
}

#section-komercs2 {
    background-image: url(image/bg-block-komerc2.jpg)
}

#section-benefits {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 3px
}

#section-komercs p,
#section-komercs2 p {
    margin-bottom: 20px
}

#section-vybir .option {
    display: block;
    padding: 7px 10px 7px 34px;
    margin-bottom: 20px;
    border: 1px solid #fff;
    text-align: left
}

#section-vybir .option::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 14px;
    border: 6px solid transparent;
    border-left: 9px solid #fff
}

#section-komercs2 p.title,
#section-vybir p.title,
#section-vybir p:not(.option) {
    margin-bottom: 40px
}

#section-komercs2>.inner,
#section-komercs>.inner,
#section-vybir>.inner {
    width: 100%
}

#section-komercs .title span,
#section-vybir .title span {
    display: block
}

#section-komercs2 .title span {
    display: inline-block;
    padding: 8px 30px;
    background: #1c4a47
}

#section-komercs .button,
#section-komercs2 .button,
#section-vybir .button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px
}

#section-komercs .button {
    background: #1c4a47
}

#section-komercs2 .button,
#section-vybir .button {
    background: #fff;
    color: #2e2e2e
}

#section-komercs2 p:not(.title) {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

#section-komercs2 p:not(.title) span {
    padding: 3px 6px;
    background: #5a5a5a
}

#section-benefits p {
    width: 80%;
    padding: 10px 20px
}

#section-benefits div:not(:last-child) p {
    margin-bottom: 20px
}

#section-benefits p::after,
#section-benefits p::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#section-benefits p::before {
    top: -1px;
    left: -1px
}

#section-benefits p::after {
    bottom: -1px;
    right: -1px
}

#section-benefits p:hover::after,
#section-benefits p:hover::before {
    width: 100%;
    height: 100%
}

#section-benefits p:hover::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

#section-benefits p:hover::after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
}

#section-benefits p span {
    display: block
}

#section-benefits>.inner {
    width: 1000px;
    max-width: 100%
}

#section-benefits svg {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    min-height: 75px;
    max-height: 75px
}

#section-benefits svg * {
    fill: #fff
}

#section-benefits .hover {
    position: absolute;
    width: 100%;
    padding: 10px;
    background: grey;
    white-space: normal;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 1;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px
}

#section-benefits p:not(:hover) .hover {
    opacity: 0
}

#page-description {
    background: #fff;
    padding: 20px;
    color: #323232;
	font-size: 12px;
}

#page-description h1 {
    padding: 0;
    margin-bottom: 10px;
    background: 0 0;
    color: inherit;
    letter-spacing: 1px
}

#page-description h2 {
	font-size: 14px;
}

#page-description p {
    margin-bottom: 6px
}

.lang-switcher {
    margin-top: 20px;
    margin-left: 8px
}

.lang-switcher li {
    padding: 0!important;
    color: #1c4a47
}

.lang-switcher li a:hover {
    background: #1c4a47;
    color: #fff
}

.lang-switcher li.main-lang {
    border: 1px solid #1c4a47
}

.lang-switcher li a,
.lang-switcher li span {
    display: block;
    padding: 10px 9px;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 700
}

#main-menu:not(.open) .lang-switcher li:not(.main-lang) {
    display: none
}

#main-menu.open .lang-switcher li:not(:last-child) {
    margin-right: 8px
}

#flats .no-results {
	width: 100%;
	color: #1c4a47;
	font-size: 14px;
}

#animation_container {
	position: fixed;
	bottom: 0;
    left: 0;
    width: 100% !important;
	z-index: 30;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

#animation_container.remove {
	opacity: 0;
	pointer-events: none;
}

#animation_container>a {
	display: block;
	position: absolute;
	pointer-events: all !important;
}

#animation_container>canvas,
#animation_container>div,
#animation_container>a {
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#page-contact>.inner {
	background-image: url(image/bg-block-contact.jpg);
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #2f2f2f;
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 10px;
}

#page-contact>.inner>.title::before {
	background: #383838
}

#page-contact>.inner>.title span {
	padding: 9px 10px 12px;
    background: #1d4a47;
	color: #fff;
}

#page-contact>.inner .text {
	display: inline-block;
	padding: 0 20px 15px 20px;
	margin-left: 20px;
	color: #ccc;
	font-family: 'Helvetica Neue Cyr Thin';
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 2px;
	border: 1px solid #767676;
}

#page-contact>.inner .text .title {
	margin-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
    color: #585858;
    font-weight: 700;
}

#bingc-phone-button {
	left: auto !important;
	right: 90px !important;
    bottom: 10px !important;
}

#bingc-phone-button div.bingc-phone-button-tooltip.bingc-phone-button-tooltip-bottom-left {
	left: auto !important;
	right: 6px !important;
}

#bingc-phone-button div.bingc-phone-button-tooltip.bingc-phone-button-tooltip-bottom-left svg.bingc-phone-button-arrow {
	left: auto !important;
	right: 29px !important;
}

@media (min-width:769px) and (min-height:800px) {
    #section-infrastructure .filters .filter {
        height: 54px
    }
    #section-infrastructure .filters .filter span {
        display: block
    }
    #section-infrastructure .filters .filter svg {
        width: 40px
    }
    #section-infrastructure .filters .filter .before {
        padding: 0 6px
    }
    #section-infrastructure .filters .filter.all .before {
        margin-right: 22px;
        margin-left: 13px
    }
    #section-infrastructure .filters .filter.filter-234 svg>g {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px)
    }
}

@media (min-width:769px) {
    #homepage-banner .banner-1 .bg.bg-1 {
        background-image: url(/uploads/images/banners/parus-city-2b-high-slide.jpg)
    }
    #section-select .bg-1,
    #section-select .bg-4,
    #section-select .bg-5,
    #section-select .bg-6 {
        background-image: url(image/bg-block-select-1.jpg)
    }
    #section-select .bg-2 {
        background-image: url(image/bg-block-select-2.jpg)
    }
    #section-select .bg-3 {
        background-image: url(image/parus-city-3-building.jpg)
    }
    #section-select .bg-4 {
        background-image: url(https://parus-city.lviv.ua/uploads/planuvannya/budinok-4/parus-premium-homepage.jpg)
    }
    #section-select .bg-5 {
        background-image: url(image/parus-city-5-building.jpg)
    }
    #section-select .bg-6 {
        background-image: url(image/parus-city-6-building.jpg)
    }
    #section-video:not(.active)::before {
        background-image: url(/uploads/media/bg.jpg)
    }
    #section-developer .image>.frame>.bg[data-project=life] {
        background-image: url(image/image-block-developer-life.jpg)
    }
    #section-developer .image>.frame>.bg[data-project=park] {
        background-image: url(image/park-2018-09.jpg)
    }
    #section-benefits {
        background-image: url(image/bg-block-benefits.jpg)
    }
    #section-developer .image>.frame>.bg[data-project=city] {
        background-image: url(image/image-block-developer-city.jpg)
    }
    #section-select>.flex-1 {
        overflow: hidden
    }
    #section-c .image,
    #section-developer .image,
    #section-i .image,
    #section-t .image,
    #section-y .image {
        position: absolute;
        top: 15px;
        height: 90%;
        height: calc(100% - 30px)
    }
    #section-developer .image {
        width: 65%;
        left: 4%
    }

	#section-select .right {
		width: 300px;
	}

    #section-c>.inner>.left,
    #section-contact>.inner>.left,
    #section-developer>.inner>.left,
    #section-i>.inner>.left,
    #section-t>.inner>.left,
    #section-y>.inner>.left {
        position: absolute;
        top: 9%;
        left: 10%
    }
    #mobile-menu-open,
    .hidden-desktop {
        display: none!important
    }
    #main-menu.open {
        width: 194px
    }
    #main-menu.open .contact {
        display: block!important
    }
    #main-menu.open>.contact .social {
        margin: 5vh 0
    }
    #section-c .info,
    #section-t .info {
        position: absolute;
        top: 80px;
        left: 20%;
        z-index: 1
    }
    #section-c>.inner .top-title:after,
    #section-contact>.inner .top-title:after,
    #section-developer>.inner .top-title:after,
    #section-i>.inner .top-title:after,
    #section-select .top-title:after,
    #section-t>.inner .top-title:after,
    #section-y>.inner .top-title:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -18px;
        height: 1px;
        width: 32px
    }
    #section-c>.inner .top-title:after {
        background: #92a2a2
    }
    #section-i>.inner .top-title:after {
        background: #2c5171
    }
    #section-t>.inner .top-title:after {
        background: #5a5a5a
    }
    #section-y>.inner .top-title:after {
        background: #c6d3e3
    }
    #section-developer>.inner .top-title:after {
        background: #a4a5a6
    }
    #section-contact>.inner .top-title:after {
        background: #454545
    }
    #section-c {
        background-image: url(image/bg-block-c.jpg)
    }
    #section-i {
        background-image: url(image/bg-block-i.jpg)
    }
    #section-y {
        background-image: url(image/bg-block-y.jpg)
    }
    #section-c .image {
        width: 60%;
        right: 15px
    }
    #section-y .image {
        width: 65%;
        left: 6%
    }
    #section-c>.inner>.left,
    #section-contact>.inner>.left,
    #section-i>.inner>.right,
    #section-t>.inner>.left,
    #section-y>.inner>.right {
        width: 32%;
        min-width: 450px
    }
    #contact-popup form .title:after,
    #contact-popup-2 form .title:after,
    #section-c .info .title:after,
    #section-i .info .title:after,
    #section-t .info .title:after,
    #section-y .info .title:after {
        right: -50px
    }
    #section-c .letter,
    #section-t .letter {
        top: 80px;
        left: -5px
    }
    #section-i>.inner>.right .info {
        margin-top: 100px
    }
    #section-i .letter {
        top: 15px;
        left: 60px
    }
    #section-c .info .button {
        position: absolute;
        width: 100%;
        width: calc(100% + 10px);
        left: -40px;
        bottom: -22px
    }
    #section-y .info .text .button {
        width: calc(100% + 68px);
        margin: 20px 0 10px;
        padding-left: 104px;
        -webkit-transform: translateX(-70px);
        -moz-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        -o-transform: translateX(-70px);
        transform: translateX(-70px);
        background: #1c4a47
    }
    .button svg {
        position: absolute;
        width: 21px;
        left: -34px
    }
    #contact-popup form .title:after,
    #contact-popup-2 form .title:after,
    #section-c .info .title:after,
    #section-contact .info>.title:after,
    #section-developer .info .title:after,
    #section-i .info .title:after,
    #section-t .info .title:after,
    #section-y .info .title:after {
        width: 100%
    }
    #section-c .image .next-section {
        position: absolute;
        bottom: 20px;
        right: 20px
    }
    #section-developer>.inner>.right,
    #section-i>.inner>.right,
    #section-y>.inner>.right {
        position: absolute;
        z-index: 2
    }
    #section-i>.inner>.right {
        top: 79px;
        left: 55%;
        padding: 80px 15px 15px 120px;
        background: #212121
    }
    #section-i .image {
        width: 55%;
        left: 6%
    }
    #section-i>.inner>.right:before,
    #section-y>.inner>.right:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 100%;
        bottom: calc(100% - 1px);
        width: 100%;
        height: 65px;
        background: inherit
    }
    #section-t .info .text .button {
        position: absolute;
        width: 120%;
        left: -10%;
        bottom: -60px
    }
    #section-t .inner>.bg {
        position: absolute;
        width: 110%;
        height: 110%;
        top: -5%;
        right: -5%;
        background-image: url(image/bg-block-t.jpg)
    }
    #section-contact>.inner {
        background-image: url(image/bg-block-contact.jpg)
    }
    #section-select .top-title {
        margin-top: 6%
    }
    #section-select .prev {
        left: 51px
    }
    #section-select .buttons {
        width: 74%;
        margin-top: 22%
    }
    #section-select .buttons>a {
        width: 47.5%
    }
    #section-select .info .house-info {
        display: inline-block;
        min-width: 350px;
        padding: 90px 30px 30px;
        border-color: #1c4a47
    }
    #section-developer .image .prev {
        left: 5px
    }
    #section-developer .image .next {
        right: 5px
    }
    #section-developer .image .prev:before,
    #section-i>.inner>.right .title .buttons .prev:before {
        left: -15px
    }
    #section-developer .image .next:before,
    #section-i>.inner>.right .title .buttons .next:before {
        right: -15px
    }
    #section-developer>.inner>.right>.info {
        top: 50%;
        left: 26px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: calc(100% - 26px)
    }
    #section-c .info .title>span:last-child,
    #section-i .info .title>span:last-child {
        margin-bottom: 23px
    }
    #section-contact .info>.title>span:last-child,
    #section-t .info .title>span:last-child {
        margin-bottom: 40px
    }
    #section-developer .info .title>span:last-child,
    #section-y .info .title>span:last-child {
        margin-bottom: 30px
    }
    #section-select .info {
        margin-top: 5%
    }
    #section-c .letter:not(.animate),
    #section-i .letter:not(.animate),
    #section-t .letter:not(.animate),
    #section-y .letter:not(.animate) {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }
    #section-select .info .house-info .title {
        left: 30px;
        top: 30px;
        min-height: 50px;
        padding: 5px 5px 7px 10px;
        font-size: 38px;
        line-height: 38px;
        letter-spacing: 5px;
        white-space: nowrap
    }
    #section-developer .awards .award>.inner {
        width: 94px;
        height: 94px
    }
    #section-contact .button.callback {
        position: absolute;
        width: 100%;
        left: -30px;
        top: 105%
    }
    #section-developer .info .title>span {
        height: 42px
    }
    #section-y>.inner>.right {
        padding: 80px 20px 15px;
        top: 50%;
        left: 60%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #section-y>.inner>.right .info {
        margin-bottom: -100px
    }
    #section-developer>.inner>.right {
        left: 69%;
        width: 26%;
        min-width: 350px;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        padding: 80px 20px 15px
    }
    #section-developer .info .text .button {
        left: -65px
    }
    #section-y .letter {
        top: -35px;
        left: -70px
    }
    #section-developer .awards .award .text .title {
        font-size: 12px;
        line-height: 18px
    }
    #main-menu .contact .address .my-number {
        font-size: 18px;
        line-height: 18px
    }
    #main-menu:not(.open) .contact .social {
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center
    }
    #section-select .right .genplan .hover-image {
        left: 0
    }
    #section-infrastructure,
    #section-video {
        padding-left: 51px
    }
    #section-video iframe {
        height: 100%
    }
    #section-i>.inner::before {
        left: 51px
    }
    #section-infrastructure .filters {
        position: absolute;
        top: 50%;
        right: 60px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #section-infrastructure #map .gm-bundled-control-on-bottom {
        bottom: 60px!important
    }
    #section-benefits,
    #section-komercs,
    #section-komercs2,
    #section-vybir {
        margin-left: 51px;
        padding: 50px 0
    }
    #section-komercs .title,
    #section-komercs2 .title,
    #section-vybir .title {
        font-size: 24px;
        line-height: 26px
    }
    #section-komercs p:not(.title),
    #section-komercs2 p:not(.title),
    #section-vybir p:not(.title) {
        font-size: 16px;
        line-height: 22px
    }
    #section-komercs .text>div {
        padding: 0 5.75vw
    }
    #section-komercs2 .text>div {
        padding: 0 3.25vw
    }
    #section-vybir .text>div {
        padding: 0 3vw
    }
    #section-komercs .text>div:not(:last-child),
    #section-komercs2 .text>div:not(:last-child),
    #section-vybir .text>div:not(:last-child) {
        border-right: 1px solid #fff
    }
    #section-komercs .text>div:not(:last-child) {
        padding-top: 80px
    }
    #section-komercs .text>div:first-child {
        padding-top: 90px
    }
    #section-komercs .text>div:last-child {
        padding-top: 120px
    }
    #section-benefits .flex-1:not(.text-right) .hover {
        -webkit-transform: translateX(50%) translateY(80%);
        -moz-transform: translateX(50%) translateY(80%);
        -ms-transform: translateX(50%) translateY(80%);
        -o-transform: translateX(50%) translateY(80%);
        transform: translateX(50%) translateY(80%)
    }
    #section-benefits .flex-1.text-right .hover {
        -webkit-transform: translateX(-50%) translateY(80%);
        -moz-transform: translateX(-50%) translateY(80%);
        -ms-transform: translateX(-50%) translateY(80%);
        -o-transform: translateX(-50%) translateY(80%);
        transform: translateX(-50%) translateY(80%)
    }
    #section-benefits .text-right p {
        margin-left: 20%
    }
    #section-benefits .flex-1:not(.text-right) svg {
        margin-right: 20px
    }
    #section-benefits .flex-1.text-right svg {
        margin-left: 20px
    }
    #section-benefits p {
        white-space: nowrap
    }
    #section-select .bg-1,
    #section-select .bg-2,
    #section-select .bg-3,
    #section-select .bg-4,
    #section-select .bg-5,
    #section-select .bg-6 {
        background-position: left
    }
    #page-description {
        padding-left: 71px
    }
}

@media (max-width:768px) {
    #homepage-banner .banner-1 .bg.bg-1 {
        background-image: url(/uploads/images/banners/parus-city-2b-high-slide-mobile.jpg)
    }
    #section-select .bg-1,
    #section-select .bg-4,
    #section-select .bg-5,
    #section-select .bg-6 {
        background-image: url(image/bg-block-select-1-mobile.jpg)
    }
    #section-select .bg-2 {
        background-image: url(image/bg-block-select-2-mobile.jpg)
    }
    #section-select .bg-3 {
        background-image: url(image/parus-city-3-building-mobile.jpg)
    }
    #section-select .bg-4 {
        background-image: url(https://parus-city.lviv.ua/uploads/planuvannya/budinok-4/parus-premium-homepage-mob.jpg)
    }
    #section-select .bg-5 {
        background-image: url(image/parus-city-5-building-mobile.jpg)
    }
    #section-select .bg-6 {
        background-image: url(image/parus-city-6-building-mobile.jpg)
    }
    #section-video:not(.active)::before {
        background-image: url(/uploads/media/bg-mobile.jpg)
    }
    #section-developer .image>.frame>.bg[data-project=life] {
        background-image: url(image/image-block-developer-life-mobile.jpg)
    }
    #section-developer .image>.frame>.bg[data-project=park] {
        background-image: url(image/park-2018-09-mobile.jpg)
    }
    #section-benefits {
        background-image: url(image/bg-block-benefits-mobile.jpg)
    }
    #section-developer .image>.frame>.bg[data-project=city] {
        background-image: url(image/image-block-developer-city-mobile.jpg)
    }
    #contact-popup form,
    #contact-popup-2 form,
    #section-c .info,
    #section-contact .info,
    #section-developer>.inner>.right>.info,
    #section-i .info,
    #section-select .house-info,
    #section-t .info,
    #section-y .info {
        outline: 1px solid transparent;
        -webkit-transition: outline-color 2s;
        -moz-transition: outline-color 2s;
        transition: outline-color 2s
    }
    #contact-popup form,
    #contact-popup-2 form,
    #section-c .info,
    #section-contact .info,
    #section-select .house-info {
        outline-offset: -1px
    }
    #contact-popup form.na-border,
    #contact-popup-2 form.na-border,
    #section-c .info.na-border,
    #section-developer>.inner>.right>.info.na-border,
    #section-i .info.na-border,
    #section-select .house-info.na-border,
    #section-y .info.na-border {
        outline-color: #fff
    }
    #section-t .info.na-border {
        outline-color: #5a5a5a
    }
    #section-contact .info.na-border {
        outline-color: #767676
    }
    .hidden-mobile {
        display: none!important
    }
    .mobile-block {
        display: block!important
    }
    #main-menu:not(.open) {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    #main-menu {
        width: 100%;
        z-index: 101
    }
    #main-menu>.contact,
    body.horizontal #main-menu.open>.contact .address,
    body.vertical #main-menu.open>.contact .social {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important
    }
    #main-menu>.contact {
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #main-menu.open>.contact .lang-switcher {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        margin-top: 0
    }
    #main-menu.open>.contact .lang-switcher>.flex {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
    .lang-switcher li a,
    .lang-switcher li span {
        padding: 17px;
        font-size: 18px;
        line-height: 18px
    }
    #main-menu .contact .callback,
    #main-menu.open .contact .my-number {
        margin-top: 0!important;
        line-height: 10px
    }
    #main-menu.open>.contact .address {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
    body.vertical #main-menu.open>.contact .social {
        width: 100%;
        margin-top: 0;
        padding: 0 23px;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        -webkit-align-items: center;
        align-items: center
    }
    #main-menu.open>.contact .social {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0
    }
    #main-menu.open>.contact {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    #main-menu.open>.contact .address {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        justify-content: space-around
    }
    #mobile-menu-close,
    #mobile-menu-open {
        position: fixed;
        top: 15px;
        right: 15px;
        padding: 10px;
        z-index: 100
    }
    #mobile-menu-close svg,
    #mobile-menu-open svg {
        width: 30px
    }
    #mobile-menu-close svg polygon,
    #mobile-menu-open svg rect {
        fill: #fff;
        stroke: #1c4a47;
        stroke-width: .5;
        stroke-miterlimit: 10
    }
    #main-menu .contact .my-number {
        font-size: 24px;
        letter-spacing: 2px
    }
    #main-menu .contact .my-number span {
        display: block;
        margin-top: 4px;
        font-size: 12px;
        letter-spacing: 1.5px;
        line-height: 10px
    }
    #main-menu .contact a.callback {
        padding: 14px 0;
        font-size: 18px;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        font-family: 'Helvetica Neue Cyr Thin'
    }
    #main-menu ul:not(.lang-switch) li {
        font-size: 22px
    }
    #main-menu ul a svg {
        padding: 7px;
        margin: 0 15px
    }
    #mobile-menu-top {
        padding: 15px 6px;
        color: #000;
        font-family: 'Montserrat Extra Light';
        font-weight: 700
    }
    #mobile-menu-top img {
        display: block;
        width: 41px;
        margin: 0 15px
    }
    #mobile-menu-top .title {
        font-size: 1.6rem;
        letter-spacing: 3px
    }
    #mobile-menu-top .address {
        font-size: .6rem;
        letter-spacing: 1px
    }
    body.horizontal #main-menu {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
    body.vertical #main-menu>.contact .social svg {
        width: 9vw;
        height: 9vw
    }
    #section-c .image,
    #section-developer .image,
    #section-i .image,
    #section-t .inner>.bg,
    #section-y .image {
        position: absolute;
        width: 100%;
        height: 50vh
    }
    #section-developer .image {
        min-height: 50vh
    }
    #section-t .inner>.bg {
        width: calc(100% + 20px);
        margin-right: 20px;
        background-image: url(image/bg-block-t-mobile.jpg)
    }
    #section-c>.inner,
    #section-developer>.inner,
    #section-i>.inner,
    #section-t>.inner,
    #section-y>.inner {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #section-c>.inner>.left,
    #section-developer>.inner>.right,
    #section-i>.inner>.right,
    #section-y>.inner>.right {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
    #section-c .image,
    #section-developer .image,
    #section-i .image,
    #section-y .image {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
    #section-c>.inner .top-title,
    #section-contact>.inner .top-title,
    #section-developer>.inner .left,
    #section-i>.inner .left,
    #section-select .top-title,
    #section-t>.inner .top-title,
    #section-y>.inner .left {
        position: absolute;
        top: 6%;
        left: 5%;
        z-index: 3
    }
    #section-c>.inner .top-title {
        color: #5a5a5a;
        z-index: 100
    }
    #section-t>.inner .top-title {
        color: #fff
    }
    #section-c .info .button,
    #section-contact .button.callback,
    #section-developer .info .text .button,
    #section-i .info .button,
    #section-t .info .button,
    #section-y .info .text .button {
        width: 87vw;
        margin-top: 10px;
        margin-left: -25vw;
        text-align: center;
        font-size: 5vw;
        z-index: 101
    }
    #section-c {
        background: #1c4a47
    }
    #section-i,
    #section-y {
        background: #252525
    }
    #section-t {
        background: #f5f5f5
    }
    #contact-popup form .title,
    #contact-popup-2 form .title,
    #section-c .info .title,
    #section-contact .info>.title,
    #section-developer .info .title,
    #section-i .info .title,
    #section-t .info .title,
    #section-y .info .title {
        margin-left: -7vw;
        font-size: 7vw;
        line-height: 7vw;
        z-index: 101
    }
    #contact-popup form .title>span,
    #contact-popup-2 form .title>span,
    #section-c .info .title>span,
    #section-contact .info>.title>span,
    #section-developer .info .title>span,
    #section-i .info .title>span,
    #section-t .info .title>span,
    #section-y .info .title>span {
        padding: 2vw 5vw
    }
    #contact-popup form .title:after,
    #contact-popup-2 form .title:after,
    #section-c .info .title:after,
    #section-i .info .title:after,
    #section-t .info .title:after {
        height: 33vw;
        width: 22vw;
        top: 2vw;
        left: -3vw
    }
    #section-c .info,
    #section-contact .info,
    #section-developer>.inner>.right>.info,
    #section-i .info,
    #section-t .info,
    #section-y .info {
        position: relative;
        height: 94%;
        width: 87%;
        top: 3%;
        right: 3vh;
        float: right;
        padding: 10px 20px;
        margin: 3vh 0;
        z-index: 9;
        -webkit-transform: translate3d(0, 0, 0)!important;
        -moz-transform: translate3d(0, 0, 0)!important;
        -ms-transform: translate3d(0, 0, 0)!important;
        -o-transform: translate3d(0, 0, 0)!important;
        transform: translate3d(0, 0, 0)!important
    }
    #section-c .info,
    #section-contact .info,
    #section-i .info,
    #section-t .info {
        padding-top: 34vh
    }
    #section-developer>.inner>.right>.info,
    #section-y .info {
        padding-top: 39.4vh
    }
    #section-developer>.inner>.right>.info:not(.active) {
        display: none
    }
    #section-t .info {
        border-color: #5a5a5a
    }
    #section-c .letter:not(.animate),
    #section-i .letter:not(.animate),
    #section-t .letter:not(.animate),
    #section-y .letter:not(.animate) {
        -webkit-transform: scale(.9) translateX(-50%);
        -moz-transform: scale(.9) translateX(-50%);
        -ms-transform: scale(.9) translateX(-50%);
        -o-transform: scale(.9) translateX(-50%);
        transform: scale(.9) translateX(-50%)
    }
    body.vertical #section-c .letter,
    body.vertical #section-i .letter,
    body.vertical #section-t .letter {
        top: 56vh!important
    }
    body.vertical #section-y .letter {
        top: 55vh!important
    }
    #section-c .letter,
    #section-i .letter,
    #section-t .letter,
    #section-y .letter {
        left: 12vw;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    #section-c .letter,
    #section-i .letter,
    #section-t .letter,
    #section-y .letter {
        opacity: .4
    }
    #section-c .info .text,
    #section-contact .info .text,
    #section-developer .info .text,
    #section-i .info .text,
    #section-t .info .text,
    #section-y .info .text {
        padding: 5vw 0 0 15vw;
        font-size: 3vw;
        line-height: 5vw
    }
    #section-developer>.inner>.right>.info:after,
    #section-developer>.inner>.right>.info:before,
    #section-i .info:after,
    #section-i .info:before,
    #section-t .info:after,
    #section-t .info:before,
    #section-y .info:after,
    #section-y .info:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border: 1px solid transparent;
        pointer-events: none
    }
    #section-developer>.inner>.right>.info:before,
    #section-i .info:before,
    #section-t .info:before,
    #section-y .info:before {
        top: -1px;
        left: -1px
    }
    #section-developer>.inner>.right>.info:after,
    #section-i .info:after,
    #section-t .info:after,
    #section-y .info:after {
        right: -1px;
        bottom: -1px
    }
    #section-developer>.inner>.right>.info.animate:before,
    #section-i .info.animate:before,
    #section-t .info.animate:before,
    #section-y .info.animate:before {
        -webkit-animation-name: section-c-border-1;
        -webkit-animation-duration: .75s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-delay: .01s;
        -moz-animation: section-c-border-1 .75s linear forwards;
        animation: section-c-border-1 .75s linear forwards
    }
    #section-developer>.inner>.right>.info.animate:after,
    #section-i .info.animate:after,
    #section-t .info.animate:after,
    #section-y .info.animate:after {
        -webkit-animation-name: section-c-border-2;
        -webkit-animation-duration: .75s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-delay: .75s;
        -moz-animation: section-c-border-2 .75s linear forwards;
        animation: section-c-border-2 .75s linear forwards;
        -moz-animation-delay: .75s;
        animation-delay: .75s
    }
    #section-select .right {
        padding: 0
    }
    #section-select>.flex-1,
    #section-select>.right {
        height: 50vh
    }
    #section-contact>.inner {
        background-position: top
    }
    .button svg {
        display: none
    }
    #section-contact>.inner {
        background-image: url(image/bg-block-contact-mobile.jpg)
    }
    #section-select .right .genplan {
        width: 50vw;
        max-width: 50vw
    }
    #section-select .right .genplan img {
        display: block;
        margin: 0 auto
    }
    #section-select .info {
        position: absolute;
        width: 50vw;
        height: 90%;
        left: 50vw;
        top: 105%
    }
    #section-select .prev {
        left: 0
    }
    #section-developer .next:before,
    #section-developer .prev:before,
    #section-select .next:before,
    #section-select .prev:before {
        opacity: .75
    }
    #section-developer .prev:before {
        left: 0
    }
    #section-developer .next:before {
        right: 0
    }
    #section-select .info .house-info .title {
        top: 10px;
        left: 7vw;
        min-width: calc(100% - 5vw);
        padding: 0 7px;
        line-height: 9vw;
        font-size: 6vw;
        letter-spacing: 2px
    }
    #section-select .buttons {
        position: static
    }
    #section-select .buttons>a {
        position: absolute;
        z-index: 3
    }
    #section-select .buttons .target-plan {
        top: 38vh;
        left: 5%;
        width: 90%;
        padding: 4vw 2vw;
        font-size: 5vw;
        letter-spacing: 2px
    }
    #section-select .buttons .target-price {
        top: 170%;
        left: 52vw;
        width: 41vw;
        padding: 2vw 4vw 1.5vw;
        font-size: 4vw;
        line-height: 5vw;
        text-align: left;
        letter-spacing: 2px
    }
    #section-select .house-info {
        position: absolute;
        width: 90%;
        height: 90%;
        top: 5%;
        left: 0;
        padding: 16vw 0 0 3vw
    }
    #section-select .info .house-info>div>div {
        min-width: 45%;
        padding: 1vw;
        font-size: 3vw;
        line-height: 3.5vw;
        letter-spacing: 1px
    }
    #section-developer .image .prev,
    #section-developer .image .prev:before {
        left: 0
    }
    #section-developer .image .next,
    #section-developer .image .next:before {
        right: 0
    }
    #section-developer .image .prev img {
        margin-left: 14px
    }
    #section-developer .image .next img {
        margin-right: 14px
    }
    body.horizontal #section-select,
    body.vertical #section-c,
    body.vertical #section-contact,
    body.vertical #section-developer,
    body.vertical #section-i,
    body.vertical #section-select,
    body.vertical #section-t,
    body.vertical #section-y {
        height: auto!important
    }
    body.vertical #homepage-banner,
    body.vertical #homepage-banner .banner {
        max-height: 100vh
    }
    #homepage-banner .banner .inner .title {
        margin: 0 0 2vw;
        font-size: 12vw;
        line-height: 12vw
    }
    #homepage-banner .banner .inner .undertitle {
        font-size: 3.5vw
    }
    .block .letter {
        font-size: 30vw;
        line-height: 30vw
    }
    .block .top-title {
        font-size: 3vw!important;
        line-height: 4vw!important;
        font-family: 'Myriad Pro Light'!important;
        font-weight: 400!important
    }
    #section-developer .awards .award>.inner {
        width: 16vw;
        height: 16vw
    }
    #section-developer .awards .award>.inner img {
        max-width: 70%
    }
    #section-developer .awards .award .text {
        font-family: 'Helvetica Neue Cyr Thin'
    }
    #section-contact .info .title>span:last-child {
        margin-bottom: 3vw
    }
    #section-contact .info>.title:after,
    #section-developer .info .title:after,
    #section-y .info .title:after {
        top: 2vw;
        left: -3vw;
        width: 22vw;
        height: 22vw
    }
    #section-contact .info .text a[href^="tel:"] {
        border-bottom: 1px solid
    }
    #section-contact .info .text p:not(.title) {
        font-size: 3vw;
        line-height: 5vw
    }
    #section-contact .copyright {
        padding: 15px 20px
    }
    #section-contact .info {
        margin-bottom: 0
    }
    body.horizontal #homepage-banner,
    body.horizontal #homepage-banner .banner {
        max-height: 100vh
    }
    body.horizontal #section-c .image,
    body.horizontal #section-developer .image,
    body.horizontal #section-i .image,
    body.horizontal #section-select>.flex-1,
    body.horizontal #section-select>.right,
    body.horizontal #section-t .inner>.bg,
    body.horizontal #section-y .image {
        height: 100vh
    }
    body.horizontal #section-c .info,
    body.horizontal #section-contact .info,
    body.horizontal #section-developer>.inner>.right>.info,
    body.horizontal #section-i .info,
    body.horizontal #section-t .info,
    body.horizontal #section-y .info {
        padding-top: 65vh
    }
    body.horizontal #section-c,
    body.horizontal #section-contact,
    body.horizontal #section-developer,
    body.horizontal #section-i,
    body.horizontal #section-t,
    body.horizontal #section-y {
        height: auto!important
    }
    body.horizontal #section-select .buttons .target-plan {
        top: 78vh
    }
    body.horizontal #section-c .letter,
    body.horizontal #section-i .letter,
    body.horizontal #section-t .letter {
        top: 72vw!important
    }
    body.horizontal #section-y .letter {
        top: 61vw!important
    }
    #section-developer .awards .award .text .title {
        font-size: 2.5vw;
        line-height: 3vw
    }
    #section-developer .awards .award .text p:not(.title) {
        font-size: 2vw;
        line-height: 2.5vw
    }
    #section-developer .awards .award .text {
        padding-top: 10vw
    }
    #section-select .right>.title {
        position: absolute;
        font-family: 'Myriad Pro Light'
    }
    body.vertical #section-select .right>.title {
        -webkit-transform: rotate(-90deg) translateX(-20vh) translateY(-330%);
        -moz-transform: rotate(-90deg) translateX(-20vh) translateY(-330%);
        -ms-transform: rotate(-90deg) translateX(-20vh) translateY(-330%);
        -o-transform: rotate(-90deg) translateX(-20vh) translateY(-330%);
        transform: rotate(-90deg) translateX(-20vh) translateY(-330%)
    }
    body.horizontal #section-select .right>.title {
        -webkit-transform: rotate(-90deg) translateX(-40vh) translateY(-330%);
        -moz-transform: rotate(-90deg) translateX(-40vh) translateY(-330%);
        -ms-transform: rotate(-90deg) translateX(-40vh) translateY(-330%);
        -o-transform: rotate(-90deg) translateX(-40vh) translateY(-330%);
        transform: rotate(-90deg) translateX(-40vh) translateY(-330%)
    }
    #section-developer .info .text .project-logo {
        position: absolute;
        left: -8vw;
        top: 50%;
        max-width: 18vw;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 3
    }
    #section-select .right .genplan .hover-image {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    body.horizontal #main-menu ul:not(.lang-switch) li {
        font-size: 14px
    }
    body.horizontal #main-menu ul a svg {
        width: 20px;
        height: 20px;
        padding: 2px;
        margin: 0 5px
    }
    body.horizontal #main-menu .contact .address a,
    body.horizontal #main-menu .contact a.callback {
        margin: 0!important;
        font-size: 13px;
        line-height: 13px
    }
    body.horizontal #main-menu .contact .my-number span {
        font-size: 10px
    }
    body.horizontal #contact-popup form .title>span:last-child,
    body.horizontal #contact-popup-2 form .title>span:last-child {
        margin-bottom: 10px
    }
    body.horizontal #contact-popup form .title,
    body.horizontal #contact-popup-2 form .title {
        font-size: 12px;
        line-height: 12px
    }
    body.horizontal #contact-popup form .title:after,
    body.horizontal #contact-popup-2 form .title:after {
        top: 10px;
        left: -10px;
        width: 90px;
        height: 90px
    }
    body.horizontal #contact-popup form input,
    body.horizontal #contact-popup-2 form input,
    body.horizontal #contact-popup form textarea,
    body.horizontal #contact-popup-2 form textarea {
        margin-bottom: 10px;
        font-size: 10px
    }
    body.horizontal #contact-popup form button,
    body.horizontal #contact-popup-2 form button,
    body.horizontal #contact-popup form input,
    body.horizontal #contact-popup-2 form input,
    body.horizontal #contact-popup form textarea,
    body.horizontal #contact-popup-2 form textarea {
        padding: 5px 15px
    }
    body.horizontal #contact-popup form,
    body.horizontal #contact-popup-2 form {
        padding: 8px 15px
    }
    .exeo img {
        display: none
    }
    body.horizontal #main-menu.open>.contact .social {
        -webkit-align-items: center;
        align-items: center -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
    #section-infrastructure .filters {
        padding: 10px;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #f3f3f3;
        z-index: 21
    }
    #section-infrastructure .filters>.inner {
        max-height: 100%;
        overflow: scroll
    }
    #section-infrastructure .filters:not(.open) {
        display: none!important
    }
    #section-infrastructure #map .gm-bundled-control-on-bottom {
        bottom: 90px!important
    }
    #section-infrastructure .open-filters {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
    #section-infrastructure .close-filters,
    #section-infrastructure .open-filters {
        padding: 10px!important;
        background: #1c4a47!important;
        color: #fff!important;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 20px;
        line-height: 20px;
        font-weight: 700
    }
    #section-i>.inner>.right .title .buttons .next img,
    #section-i>.inner>.right .title .buttons .prev img {
        position: absolute;
        max-width: none;
        top: 16px
    }
    #section-i>.inner>.right .title .buttons .prev img {
        left: 14px
    }
    #section-i>.inner>.right .title .buttons .next img {
        right: -26px
    }
    #section-i>.inner>.right .title .buttons .next::before,
    #section-i>.inner>.right .title .buttons .prev::before {
        opacity: .75
    }
    #section-benefits,
    #section-komercs,
    #section-komercs2,
    #section-vybir {
        padding: 30px 20px
    }
    #section-komercs .text>div:not(:last-child),
    #section-komercs2 .text>div:not(:last-child),
    #section-vybir .text>div:not(:last-child) {
        margin-bottom: 20px;
        border-bottom: 1px solid #fff
    }
    #section-komercs .title,
    #section-komercs2 .title,
    #section-vybir .title {
        font-size: 18px;
        line-height: 24px
    }
    #section-komercs p:not(.title),
    #section-komercs2 p:not(.title),
    #section-vybir p:not(.title) {
        font-size: 14px;
        line-height: 20px
    }
    #section-benefits p {
        text-align: left!important;
        -webkit-justify-content: flex-start!important;
        -moz-justify-content: flex-start!important;
        justify-content: flex-start!important
    }
    #section-benefits p svg {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
    #section-benefits p>span:not(.hover) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
    #section-benefits svg {
        margin-right: 20px
    }
    #contact-popup form,
    #contact-popup-2 form {
        padding: 15px 10px 10px
    }
    #contact-popup form .title>span:last-child,
    #contact-popup-2 form .title>span:last-child {
        margin-bottom: 25px
    }
    #contact-popup form .title,
    #contact-popup-2 form .title,
    #contact-popup form input,
    #contact-popup-2 form input,
    #contact-popup form textarea,
    #contact-popup-2 form textarea {
        font-size: 16px;
        line-height: 16px
    }

	#filters .filter-block.flex-column {
		display: block !important;
	}

	#animation_container>canvas,
	#animation_container>div,
	#animation_container>a {
		width: 70vw !important;
		height: 35vw !important;
		bottom: 0 !important;
		top: auto !important;
	}
}

@media (max-height:600px) {
    #main-menu .contact a.callback {
        font-size: 14px
    }
    #main-menu .contact .my-number {
        font-size: 16px;
        line-height: 16px
    }
    #main-menu ul:not(.lang-switch) li a {
        font-size: 16px
    }
    #main-menu ul a svg {
        padding: 4px;
        min-width: 36px;
        width: 30px;
        height: 30px
    }
    .lang-switcher li a,
    .lang-switcher li span {
        padding: 8px;
        font-size: 16px;
        line-height: 16px
    }
}

@media (max-height:600px) {
    body.vertical #mobile-menu-top {
        padding: 0
    }
    body.vertical #mobile-menu-top>a:not([role=button]),
    body.vertical #mobile-menu-top>div {
        display: none!important
    }
    #mobile-menu-close {
        position: fixed;
        top: 10px;
        right: 15px;
        z-index: 100
    }
}

@media (min-width:769px) and (max-height:700px) {
    #main-menu:not(.open) .address {
        display: none!important
    }
    #main-menu>.menu-holder {
        min-height: 45%
    }
}

@media (min-height:701px) {
    #main-menu:not(.open)>.contact .social {
        margin: 10px 0 15vh
    }
    #main-menu .contact {
        margin-bottom: 20px
    }
}
@media (max-width:1280px) {
#award-top {
    display:none;}
}

@font-face {
  font-family: CoreCircus;
  src: url('fonts/CoreCircus.ttf');
}

#hann-copy {
	display: block;
	text-align: left;
	margin-top: 5px;
	font-weight: normal;
	font-family: CoreCircus;
	color: #f3f3f3;
	text-decoration: none;
	font-size: 9px;
	text-transform: uppercase;
}

#hann-copy span {
	font-size: 13px;
	font-weight: bold;
}

.page-full {
	min-height: 100vh;
	background: #f3f3f3;
	padding: 0 10px;
}

.page-full>.inner {
	margin: 0 10px;
	padding: 10px;
    background: #fff;
    border: 1px solid #999;
	color: #323232;
}

.page-full>.inner>.title {
	font-weight: 700;
	    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
	    background: #ebebeb;
    margin: 20px 0 35px;
    line-height: 28px;
}

.page-full>.inner>.title::before {
	content: '';
    position: absolute;
    background: #2e2e2e;
    width: 90%;
    width: calc(100% - 10px);
    left: 20px;
    top: -20px;
    height: 120%;
    height: calc(100% + 40px);
}

.page-full>.inner>.title span {
	    background: #ebebeb;
}

@media (min-width: 769px) {
	.page-full>.inner {
		margin-left: 61px;
	}
}

#filters .title .menu {
	position: absolute;
	top: 5px;
	left: 10px;
	text-align: left;
	z-index: 1;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

#filters .title .menu:not(.open) ul {
	display: none;
}

#filters .title .menu ul {
	position: absolute;
	top: 100%;
	left: -10px;
	padding: 10px;
	margin: 0;
	list-style: none;
	background: #292929;
	text-transform: none;
}

#filters .title .menu ul li:not(:last-child) {
	margin-bottom: 10px;
}

#filters .title .menu ul a {
	white-space: nowrap;
}

#filters .title .menu ul a:hover {
	color: #1c4a47
}

#banner-popup {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 110;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#banner-popup:not(.open) {
	opacity: 0;
	pointer-events: none;
}

#banner-popup .inner {
	/*height: 90%;*/
	width: 500px;
	max-width: 90%;
	/*max-height: 500px;*/
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}

#banner-popup .inner img {
	display: block;
	max-height: 100%;
}

#banner-popup .inner .img {
	display: inline-block;
}

#banner-popup .inner .details {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	text-transform: uppercase;
	color: #fff;
	background: #1c4a47;
	font-size: 20px;
    letter-spacing: 2px;
    padding: 17px 30px 20px;
    line-height: 20px;
}

#banner-popup .inner .close {
	position: absolute;
	top: -20px;
	right: -30px;
	width: 30px;
	height: 30px;
}

#banner-popup .inner .close::before,
#banner-popup .inner .close::after {
	content: '';
	position: absolute;
	top: 5px;
    left: 14px;
	width: 2px;
	height: 20px;
	background: #fff;
}

#banner-popup .inner .close::before,
#banner-popup .inner .close:hover::after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#banner-popup .inner .close::after,
#banner-popup .inner .close:hover::before{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#banner-popup .img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,0.25);*/
}

#banner-popup .text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

#banner-popup .text p {
	margin-bottom: 30px;
	font-size: 36px;
    line-height: 36px;
    text-shadow: 1px 1px 5px black;
}

#banner-popup .text>a {
	background: #1c4a47;
	font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 30px 12px;
    letter-spacing: 1px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}

@media (max-width: 768px) {
	#banner-popup .text p {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 22px;
	}
	
	#banner-popup .text>a {
		font-size: 14px;
		line-height: 14px;
	}
	
	#banner-popup .inner {
		width: 85%;
	}
}

.field_3d_tour a{
    background-color:#BFDFE0;
    padding:10px 50px !important;
    margin:0 !important;
}
.field_3d_tour span{
    text-align: center;
    white-space: nowrap;
}
.field_3d_tour .new{
    text-align: center;
    position: absolute;
    transform: rotate(42deg);
    top: 8px;
    right: -13px;
    font-size: 8px;
    background: #1c4a47;
    color: #fff;
    padding: 0 3px;
}
@media (max-width:1320px) {
    .field_3d_tour a{
        padding:10px 45px !important;
    }
    .flex-1 a{
        font-size: 12px;
    }
    #flat .buttons{
        letter-spacing:0px;
    }
    #flat .buttons a {

    }
    .flex-1 svg{
        display:none;
    }
}
@media (max-width:1020px) {
    .field_3d_tour a{
        padding:10px 25px !important;
    }
}
@media (max-width:764px) {
    .field_3d_tour a{
        padding:10px 45px !important;
    }
    .flex-1 a{
        font-size: 16px;
    }
    #flat .buttons{
        letter-spacing:3px;
    }
    .flex-1 svg{
        display:block;
    }
}