/*
Theme Name: CustomTheme
Theme URI: https://wordpress.org/themes/CustomTheme/
Author: the KofeLatte team
Author URI: http://KofeLatte.com.ua/
Description: CustomTheme brings your site to life with immersive featured images and subtle animations. Our default theme works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: CustomTheme
Tags: custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*grey*/
/*   <Breadcrumbs/>   */
/*   <Muve-top/>   */
.close {
  position: absolute;
  right: 29px;
  top: 24px;
  outline: none !important;
  z-index: 1;
  background: transparent;
  border: none;
}

.modal-header {
  border-bottom: none;
}

.fancybox-slide {
  display: flex !important;
  padding: 15px;
}

.build-item .fancybox-close-small {
  opacity: .8;
  right: 53px;
  top: -58px;
  outline: none;
  width: 30px;
  height: 30px;
  background-size: 29px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='28' viewBox='0 0 29 28' fill='none'%3E%3Cline x1='2' y1='-2' x2='34.5346' y2='-2' transform='matrix(0.711654 0.70253 -0.711654 0.70253 0 2.3335)' stroke='%23FF8201' stroke-width='4' stroke-linecap='round'/%3E%3Cline x1='2' y1='-2' x2='34.5346' y2='-2' transform='matrix(-0.711654 0.70253 -0.711654 -0.70253 26 0)' stroke='%23FF8201' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.build-form {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.build-form .modal-dialog {
  width: 100%;
  max-width: 1200px;
  margin: 0;
}

.build-form .modal-content {
  border-radius: 20px;
  padding-top: 100px;
}

.build-item__title {
  font-weight: 600;
  font-size: 45px;
  line-height: 55px;
  text-align: center;
  color: #908886;
}

.build-item__title span {
  border-bottom: 5px solid #FF8201;
  padding: 15px 35px;
}

.build-svg {
  max-width: 1200px;
  margin: 60px auto;
}

.build-svg svg {
  width: 100%;
}

.build-svg .available {
  cursor: pointer;
}

.build-svg .available:hover rect {
  fill-opacity: 0.5;
}

.build-svg .available rect {
  fill-opacity: 0;
  fill: #FF8201;
  stroke: #FF8201;
  stroke-width: 2px;
}

.build-svg .reserved {
  cursor: pointer;
}

.build-svg .reserved rect {
  fill-opacity: 0.5;
  fill: #323232;
  stroke: #323232;
  stroke-width: 2px;
}

.build-svg .sold {
  cursor: pointer;
}

.build-svg .sold rect {
  fill-opacity: 0.5;
  fill: #FF0101;
  stroke: #FF0101;
  stroke-width: 2px;
}

.building-layout {
  margin: 120px auto 90px;
  overflow: hidden;
}

.building-layout_title {
  font-weight: 600;
  font-size: 45px;
  line-height: 55px;
  text-align: center;
  color: #908886;
  position: relative;
}

.building-layout_title::before {
  content: "";
  position: absolute;
  width: 244px;
  height: 5px;
  background-color: #FF8201;
  display: flex;
  bottom: -18px;
  left: 50%;
  transform: translate(-50%, 50%);
}

.building-layout_title span {
  border-bottom: 5px solid #FF8201;
  padding: 15px 35px;
}

.build {
  cursor: pointer;
}

.build path,
.build ellipse {
  fill-opacity: 0;
  fill: #ff8201;
  stroke: #FF8201;
  stroke-width: 2px;
}

.build:hover:not(.sold):not(.reserved) path {
  fill: #ff8201;
  stroke: #FF8201;
  stroke-width: 2px;
}

.build:hover:not(.sold):not(.reserved) .path-ellipse {
  fill-opacity: 1;
  fill: #ff8201 !important;
}

.build:hover:not(.sold):not(.reserved) .path-ellipse+text {
  fill: #fff;
}

.build.sold path {
  fill-opacity: .6;
  fill: #FF0101;
  stroke: #FF0101;
  stroke-width: 2px;
}

.build.sold:hover path:not(.path-ellipse) {
  fill-opacity: .6;
  fill: #FF0101;
  stroke: #FF0101;
  stroke-width: 2px;
}

.build.sold:hover .path-ellipse {
  fill: #FF0101;
}

.build.sold .path-ellipse,
.build.sold .mobile-circle {
  fill: #FF0101;
  stroke: #FF0101;
  fill-opacity: 1;
}

.build.sold .path-ellipse+text,
.build.sold .mobile-circle+text {
  fill: #fff;
}

.build.reserved path {
  fill-opacity: .6;
  fill: #7D7D7D;
  stroke: #7D7D7D;
  stroke-width: 2px;
}

.build.reserved:hover path:not(.path-ellipse) {
  fill-opacity: .6;
  fill: #7D7D7D;
  stroke: #7D7D7D;
  stroke-width: 2px;
}

.build.reserved:hover .path-ellipse {
  fill: #7D7D7D;
}

.build.reserved .path-ellipse,
.build.reserved .mobile-circle {
  fill: #7D7D7D;
  fill-opacity: 1;
  stroke: #7D7D7D;
}

.build.reserved .path-ellipse+text,
.build.reserved .mobile-circle+text {
  fill: #fff;
}

.build:hover path {
  fill-opacity: .5;
}

.build:hover .path-ellipse {
  fill: #fff;
}

.build .build-title {
  transition: .2;
  opacity: 1;
}

.mobile-number {
  font-weight: 900;
}

.clue-box {
  display: flex;
  width: 100%;
  justify-content: center;
}

.clue-box .item {
  font-size: 13px;
  line-height: 15px;
  display: flex;
  align-items: center;
  margin: 0 40px;
}

.clue-box .item:before {
  content: "";
  display: flex;
  width: 60px;
  height: 30px;
  border: 2px solid #FF8201;
  margin-right: 12px;
}

.clue-box .item.clue-box-sold:before {
  background: #FF4F4F;
  border-color: #FF4F4F;
}

.clue-box .item.clue-box-reserved:before {
  background: #7D7D7D;
  border-color: #7D7D7D;
}

/* === BEGIN MEDIA === */
/* ======================
$mobile-small 240px
$mobile-large 320px
$tablet-small 480px
$tablet-large 768px
$screen-small 1024px
$screen-large 1280px 
====================== */
.d-none {
  display: none;
}

@media screen and (min-width: 768px) {
  .d-md-none {
    display: none;
  }

  .d-md-block {
    display: block;
  }
}

@media screen and (max-width: 1199px) {
  .clue-box {
    margin: 0 auto;
  }
}

@media screen and (max-width: 991px) {
  .build-item__title {
    font-size: 28px;
    line-height: 1.4;
  }

  .build-item__title span {
    border-bottom: 4px solid #FF8201;
    padding: 10px 20px;
  }

  .build-svg {
    margin: 36px auto 48px;
  }

  .building-layout_title {
    font-size: 28px;
    line-height: 1.4;
  }

  .building-layout_title:before {
    width: 200px;
    height: 4px;
    bottom: -12px;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 25px 15px 15px 0;
  }

  .schema-2-container {
    transform: scale(1.69) translate(-5%, -20%);
  }

  .build-item__title {
    font-size: 20px;
    line-height: 1.4;
  }

  .build-item__title span {
    border-bottom: 3px solid #FF8201;
    padding: 7px 15px;
  }

  .build-svg {
    margin: 24px auto 48px;
  }

  .case-box {
    transform: scale(1.4) translate(0, -30%);
  }

  .building-layout_title {
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: 40%;
  }

  .building-layout_title:before {
    width: 144px;
    height: 3px;
    bottom: -12px;
  }

  .clue-box {
    margin: 0 auto;
  }

  .clue-box .item {
    margin: 0 15px;
  }

  .case-box tspan {
    font-size: 24px;
  }

  g.case-box text {
    transform: translate(0, 6px);
  }

  .build-form .modal-content {
    padding-top: 34px;
  }

  .build-item .fancybox-close-small {
    right: 29px;
    top: -8px;
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
}

@media screen and (max-width: 575px) {
  .clue-box {
    display: flex;
    flex-direction: column;
  }

  .clue-box .item {
    margin-bottom: 12px;
  }
}

/* === END MEDIA === */




/*<new style 20.03.2022>*/


 
 
 
 
.tabs-content div:not(:first-child) {
  display: none;
}

.building-layout .tabs-nav ul {
  display: flex;
  justify-content: center;
  border: none;
}

.building-layout .tabs-nav .active a {
  background-color: #fff;
  border: none;
  
 
  color: #FF8201;
  text-decoration-line: underline;
}

.building-layout .tabs-nav li{
  list-style: none;
}

.building-layout .tabs-nav li a{
  font-size: 24px;
  line-height: 1.3;
  color: #838282;
  border: none;
  transition: .1s;
  padding: 0 40px;
}

.building-layout .tabs-nav li:hover a {
  color: #FF8201;
}

.reserved .big-number path,
.sold .big-number path,
.big-number path,
.build .project-title,
.build.reserved .project-title,
.build.sold .project-title,
.build .number-desctop {
  fill-opacity: 1;
  fill: #000;
  stroke: none;
  stroke-width: 2px;
}

.build.reserved .big-number path:hover,
.build.sold .big-number path:hover,
.build .big-number path:hover,
.build .project-title:hover,
.build.reserved .project-title:hover,
.build.sold .project-title:hover,
.build.reserved:hover path:not(.path-ellipse) {
  fill-opacity: .6;
  fill: #7D7D7D;
  stroke: #7D7D7D;
  stroke-width: 2px;
}

.build.reserved .number-elipse,
.build.sold .number-elipse {
  fill-opacity: 1!important;
}

.build.reserved .number-desktop,
.build.sold .number-desktop {
  fill-opacity: 1;
  fill: #fff;
  stroke: #fff;
  stroke-width: 0px;
}
.build.sold:hover .number-desktop,
.build.sold:hover .project-title,
.build.reserved:hover .number-desktop,
.build.reserved:hover .project-title {
  fill-opacity: 1!important;
 
}

.build:hover .number-desktop {
  fill: #fff !important;
  stroke: #fff !important;
  stroke-width: 0 !important;
  fill-opacity: 1;
}

.build .project-title,
.build .number-desktop {
  stroke-width: 0;
  fill-opacity: 1;
  fill: #212529;
  stroke: #212529;
}

.build:hover .project-title {
  stroke: #212529!important;
  stroke-width: 0 !important;
  fill: #212529!important;
  fill-opacity: 1;
}

.build:hover .number-elipse {
  fill-opacity: 1;
  stroke-width: 0px;
  fill-opacity: 1;
  fill: #fff;
  stroke: #fff;
}


.build-svg .available .rect {
  fill-opacity: 0;
  fill: #FF8201;
  stroke: #FF8201;
  stroke-width: 2px;
}
.build-svg .available:hover .rect {
  fill-opacity: 0.5;
}


.build-svg .sold .rect {
  fill-opacity: 0.5;
  fill: #FF0101;
  stroke: #FF0101;
  stroke-width: 2px;
}
.build-svg .reserved .rect {
  fill-opacity: 0.5;
  fill: #323232;
  stroke: #323232;
  stroke-width: 2px;
}



@media screen and (max-width: 767px) {
  .building-layout .tabs-nav li a{
    font-size: 18px;
    line-height: 1.3;
    padding: 0 15px;
  }
}
/*</new style 20.03.2022>*/
/*# sourceMappingURL=style.css.map */