/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ---------------- Custom Fonts -----------------*/

@font-face {
    font-family: 'nexa_lightregular';
    src: url('../fonts/nexa_light-webfont.woff2') format('woff2'),
         url('../fonts/nexa_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/nexa_bold-webfont.woff2') format('woff2'),
         url('../fonts/nexa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.card p{ margin-bottom: 0; }
.tab-content{ border: solid 1px rgba(0,0,0,.125); margin-top: -1px; }

/*svg{ position: absolute; overflow: hidden; vertical-align: middle; }*/

/* ---------------- ALL BLOCK -----------------*/
.all-block{}
.all-block path{opacity:1; fill:#2cbbad;}
.all-block path:hover{opacity:0.2;}

.all-block polyline{opacity:0; fill:#2cbbad;}
.all-block polyline:hover{opacity:0.2;}

.all-block polygon{opacity:0; fill:#2cbbad;}
.all-block polygon:hover{opacity:0.2;}


/* ---------------- END -----------------*/


/* ---------------- Custom Fonts -----------------*/
.floor-wrapper{position:fixed; width:100%; height:100%; display:block; padding:0; margin:0;}

/* ---------------- END -----------------*/


/*********************************OLD-CSS******************************/


.demo{ fill:Red; border:solid 1px #000000;}
.demo:hover{ fill:black;}

.demo2{fill:blue; border:solid 1px #000000;}
.demo2:hover{fill:black;}

.demo3{fill:green; border:solid 1px #000000;}
.demo3:hover{fill:black;}

.demo4{fill:yellow; border:solid 1px #000000;}
.demo4:hover{fill:black;}

.floor-text-1{ font-size: 26px; fill: #fff; }


.block_path{ fill:#0b8a44; fill-opacity:0;}

.block_path_1{fill-opacity:.6; fill: #d50905;}
.block_path_1:hover{ fill-opacity:.7;}


.block_path_2{fill-opacity:.4;}
.block_path_2:hover{ fill-opacity:.7;}


.block_path_3{ fill:#0b8a44; fill-opacity:.3;}
.block_path_3:hover{ fill-opacity:.7;}

.block_path_4{ fill-opacity:0;}


.block_path_6{ fill-opacity:0;}
.block_path_6:hover{ fill-opacity:.8; fill:#0b8a44;}


.block_path_7{ fill: #0b8a44; fill-opacity:0;}
.block_path_7:hover{ fill-opacity:.5;}

.block_path_8{ fill: white; fill-opacity:0;}
.block_path_8:hover{ fill-opacity:0;}

#demo,#demo2,#demo3,#demo4,#demo5,#demo6,#demo7,#demo8,#demo9,#demo10,#demo11,#demo12,#demo13,#demo14,#demo15,#demo16{
 /* border: 1px solid #ccc;
  display: none;
  font-size: 10px;
  margin-top: 10px;
  padding: 5px;
  text-transform: uppercase;
  position:absolute;
  top:0;
  left:0;*/
}


/*.test_wrapper{ font-size:16px; color:#000; display:none; font-weight:bold;}
.test_wrapper span{
    font-size:12px; color:#000; display:block; font-weight:normal; margin:5px 0;}*/


.test_wrapper_infoshow{ font-size:16px; color:#000; font-weight:bold;}
.test_wrapper_infoshow span{
    font-size:12px; color:#000;  display:block; font-weight:normal; margin:0;}


#inner_demo,#inner_demo2,#inner_demo3,#inner_demo4{
    /*border: 1px solid #ccc;
  display: none;
  font-size: 10px;
  margin-top: 10px;
  padding: 5px;
  text-transform: uppercase;
  position:absolute;
  top:0;
  left:0;*/
    }

.mob_slider {
    display: none;
}
.range-slider {
    width: 100%;
}
.range-slider {
   padding: 15px 0px;
/*position: absolute;
z-index: 9911;
bottom: 30px;*/

}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: red;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #cc0b26;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #cc0b26;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: red;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #cc0b26;
}
.range-slider__range:active::-moz-range-thumb {
  background: #cc0b26;
}

.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (73px));
    height: 6px;
    border-radius: 5px;
    background: #ccc;
    outline: none;
    padding: 0;
    margin: 0;
}
.best_view_text .btn { width: 75px; font-size: 11px; }
.best_view_text .btn-success { background-color: #89d3cd; border-color: #66a19c; }
.best_view_text .btn-success:hover { background-color: #25beb2; }
.left_block {
    width: 160px;
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 999;
}
.best_view_text {
    position: fixed;
    right: 20px;
    top: 20px;
}
.hidden-lg { display: none; }
.footer-floor { margin-top: 25px; }
.panel a { color: #a94442; text-decoration: underline; }
.panel a:hover { color: #970116; transition: all 0.5s ease 0s; }
svg:hover { cursor: pointer; }
/*.panel-danger .panel-body { min-height: 58px; }*/
.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius:0px 0px 4px 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

#svg-section svg > polyline, #svg-section svg > polygon, #svg-section svg > path, #svg-section svg > text {
    display: none;
    opacity: 0;
}
#svg-section polygon, #svg-section path {
    fill:#0b8a44;
    fill-opacity:0;
}
#svg-section polygon.hover, #svg-section path.hover {
    stroke: #000; stroke-width:1px; fill:#0b8a44; fill-opacity:.8;
}


#svg-section polyline {
    fill:#0b8a44;
    fill-opacity:0;
}
#svg-section polyline.hover {
    stroke: #000; stroke-width:1px; fill:#0b8a44; fill-opacity:.8;
}


#svg-section text {
    fill: #fff;
    pointer-events: none;  font-size: 18px;
    fill-opacity:0; font-family:'NexaBold'
}
#svg-section text.hover {
    opacity: 1;
}
#svg-section .active {
    fill-opacity:.8;
}
a { color: #a94442 !important; }
.panel-heading, .panel-body { padding: 5px 12px; background: #fff; }
.btn-danger{
    background:#2cbbad;
    border-color:#2cbbad ;
    color:#fff;
    }
.btn-danger.focus, .btn-danger:focus{
    background:#2cbbad !important;
    }
.btn-danger:hover{
    background:#fff !important;
    border-color:#fff !important;
    color: #2cbbad;
    }
.panel-danger{
    border-color:#7ce0a6 !important;
    }
.panel-danger > .panel-heading {
    background-color: #2cbbad !important;
    border-color: #ddd !important;
    color: #fff !important;}
.breadcrumb > .active {
    color: #fff !important;
}
.panel{
     border-color: #ddd !important;
    }
.panel a {
    color: #fff !important;
   }
.panel-heading a:hover{
    color:#0d6635 !important;
    text-decoration:underline !important;
    }
 .well, .panel-default > .panel-heading, .breadcrumb, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
    background-color: #2cbbad !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
    /*border: 1px solid #0d6635 !important;*/
}
.tab-content > .active{ background: #e7fffd; padding: 15px; margin: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555 !important;
    cursor: default !important;
}
.nav-tabs {
    /*border-bottom: 1px solid #0d6635 !important;*/
}
.nav-tabs a{
    color:#555 !important;
    font-weight:bold;
    }
a{ color:#555;
text-decoration:none !important;
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 1024px){
.mob_slider { display: block; }
.hidden-lg { display: block; }
}

/*******************END***************************/

.breadcrumb > li + li::before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.link:hover, .nav-tabs > li > a:hover {
    color: #0d6635;
    text-decoration: none;
    transition: all ease-in 0.5s 0s;
}
.breadcrumb li a {color: #fff !important;}
.card-body{ padding:15px !important;}
.card-header{ padding:0 !important;}
 .card-header ul{ padding:10px; margin:0;}
.card-header ul li a{ text-align:center;}
.card h4{ font-size:18px;}
.card h5, .card p{ font-size:14px;}



.breadcrumb li a{ font-size:14px;}
.breadcrumb > .active { color: #fff;}
.nav-tabs .nav-link.active {color: #fff !important; background-color: #2cbbad !important;}	


#unit2 text {
    fill: #fff;
    pointer-events: none;  font-size: 24px;
    fill-opacity:0;
}
#unit2 text.hover {
    opacity: 1; fill: #fff;
}

#unit2 .active{fill-opacity: .8;}

/*.tooltip-arrow,
.red-tooltip*/
/*.tooltip > .tooltip-inner{ background: #2cbbad; border-color:#2cbbad;  }*/

.mobile-ins{ display: none; }