/*!
 * jQuery SmartWizard v5
 * jQuery Wizard Plugin
 * http://www.techlaboratory.net/smartwizard
 *
 * Created by Dipu Raj
 * http://dipu.me
 *
 * Licensed under the terms of MIT License
 * https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE
 */.sw{position:relative}.sw *,.sw ::after,.sw ::before{box-sizing:border-box}.sw>.tab-content{position:relative;overflow:hidden}.sw .toolbar{padding:.8rem}.sw .toolbar>.btn{display:inline-block;text-decoration:none;text-align:center;text-transform:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:.2rem;margin-right:.2rem;cursor:pointer}.sw .toolbar>.btn.disabled,.sw .toolbar>.btn:disabled{opacity:.65}.sw>.nav{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-top:0;margin-bottom:0}@media screen and (max-width:640px){.sw>.nav{flex-direction:column!important;flex:1 auto}}.sw>.nav .nav-link{display:block;padding:.5rem 1rem;text-decoration:none}.sw>.nav .nav-link:active,.sw>.nav .nav-link:focus,.sw>.nav .nav-link:hover{text-decoration:none}.sw>.nav .nav-link::-moz-focus-inner{border:0!important}.sw>.nav .nav-link.disabled{color:#ccc!important;pointer-events:none;cursor:default}.sw>.nav .nav-link.hidden{display:none!important}.sw.sw-justified>.nav .nav-link,.sw.sw-justified>.nav>li{flex-basis:0;flex-grow:1;text-align:center}.sw.sw-dark{color:rgba(255,255,255,.95);background:#000}.sw.sw-loading{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sw.sw-loading::after{content:"";display:block;position:absolute;opacity:1;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.7);z-index:2;transition:all .2s ease}.sw.sw-loading::before{content:'';display:inline-block;position:absolute;top:45%;left:45%;width:2rem;height:2rem;border:10px solid #f3f3f3;border-top:10px solid #3498db;border-radius:50%;z-index:10;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sw-theme-default{border:1px solid #eee}.sw-theme-default>.tab-content>.tab-pane{padding:10px}.sw-theme-default .toolbar>.btn{color:#fff;background-color:#17a2b8;border:1px solid #17a2b8;padding:.375rem .75rem;border-radius:.25rem;font-weight:400}.sw-theme-default>.nav{box-shadow:0 .125rem .25rem rgba(0,0,0,.1)!important}.sw-theme-default>.nav .nav-link{position:relative;height:100%;min-height:100%}.sw-theme-default>.nav .nav-link::after{content:"";position:absolute;height:2px;width:0;left:0;bottom:-1px;background:#999;transition:all .35s ease .15s}.sw-theme-default>.nav .nav-link.inactive{color:#999;cursor:not-allowed}.sw-theme-default>.nav .nav-link.active{color:#17a2b8!important;cursor:pointer}.sw-theme-default>.nav .nav-link.active::after{background:#17a2b8!important;width:100%}.sw-theme-default>.nav .nav-link.done{color:#5cb85c!important;cursor:pointer}.sw-theme-default>.nav .nav-link.done::after{background:#5cb85c;width:100%}.sw-theme-default>.nav .nav-link.disabled{color:#ddd!important;cursor:not-allowed}.sw-theme-default>.nav .nav-link.disabled::after{background:#ddd;width:100%}.sw-theme-default>.nav .nav-link.danger{color:#d9534f!important;cursor:pointer}.sw-theme-default>.nav .nav-link.danger::after{background:#d9534f;width:100%}
#allback {
    fill: #fff;
    stroke:#ccc;
    stroke-width:0.5;
    -webkit-filter: drop-shadow( 5px 5px 20px #ccc);
    filter: drop-shadow( 5px 5px 20px #ccc);
}
#locdeJoaca_2_, #empty_green_1_, #P1_1_, #P2_1_, #P3_2_ {
    fill: #e4fae3;
}

.st0{
    fill:#CCCECF;
    opacity:1;
}
.st1{
    fill:#dddddb;
    /*stroke:#ccc;*/
    /*stroke-width:0.5;*/
}
.st2{
    /*fill:#CCCECF;*/
    fill:transparent;
}
.st41 {
    fill:#fff;
}
.st43 {
    fill:#ffc5c5 !important;
}
.st3{
    stroke:#ccc;
    stroke-width:0.5;
    fill: #f1f1f1
}
.st4{
    fill:#fefefe;
}
.st4:hover, #locdeJoaca_2_:hover, #parcareV1:hover, #parcareV2:hover, #reciclare1:hover, #reciclare2:hover,
.areaHighlighted
{
    fill: #cddc3f;
    /*stroke: #333c39;*/
    transition: all 0.3s ease;
    top: 0px;
    right: 0px;
    z-index: 22;
    opacity: 1;
    /*-webkit-filter: drop-shadow( 5px 5px 0px #333c39);*/
    /*filter: drop-shadow( 5px 5px 0px #333c39);*/
    /* Similar syntax to box-shadow */
    cursor: pointer;
}

.st5{
    fill:none;
    stroke:#ddd;
    stroke-width:0.5;
    stroke-miterlimit:10;
}
.st6{
    fill:none;
    stroke:#CC3333;
    stroke-width:0.5;
    stroke-miterlimit:10;
    stroke-dasharray:8,3,8,3,8,3;}
.st7{
    fill:#dddddb;

}
.st8{
    fill:#dddddb;
}
.st9{opacity:0.4;fill:#FAEC22;}
.st10{fill:#22AA42;}
.st11{opacity:0.43;fill:#FAEC22;}
.st12{opacity:0.4;fill:#00A756;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
.st13{
    fill:#F8F2A2;
    z-index: 1;
    /*pointer-events: none; !* the fix! *!*/
}
.st14{fill:#DB978F;}
.st15{stroke:#020202;stroke-width:0.25;stroke-miterlimit:10;}
.st16{stroke:#231F20;stroke-width:0.25;stroke-miterlimit:10;}
.st17{fill:#111111;}
.st18{fill:#E02200;}
.st19{fill:none;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
.st20{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFBFC;}
.st21{fill-rule:evenodd;clip-rule:evenodd;}
.st22{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:#878787;}



/*.st0{fill:#FAEC22;}*/
/*.st1{fill:#CCCECF;}*/
/*.st2{fill:#626466;}*/
/*.st3{opacity:0.57;}*/
/*.st4{fill:#FEF200;}*/

.st6{fill:none;stroke:#CC3333;stroke-width:0.5;stroke-miterlimit:10;stroke-dasharray:8,3,8,3,8,3;}


.st9{opacity:0.4;fill:#FAEC22;}
.st10{fill:#22AA42;}
.st11{fill:#BF16C4;}
.st12{opacity:0.43;fill:#FAEC22;}
.st13{
    fill: #00ff9f;
    stroke-width:0.5;
    stroke-miterlimit:10;
}
.st14{fill:#F8F2A2;
    pointer-events: none; /* the fix! */
}

.st16{stroke:#020202;stroke-width:0.25;stroke-miterlimit:10;}
.st17{fill:#111111;}
.st18{fill:#E02200;}
.st19{fill:none;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
.st20{fill:#020202;}
.st21{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFBFC;}
.st22{fill-rule:evenodd;clip-rule:evenodd;}
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st24{fill-rule:evenodd;clip-rule:evenodd;fill:#878787;}

.areaSelected {
    fill: #cddc3f !important;
    cursor: default !important;
}
#roads_1-40 .st2 {
    fill: #f1f1f1;
}

#all_numbers_1_, #redline1-40 {
    pointer-events: none;
}

#all_numbers_1_ g > g path {
    pointer-events: none;
}
g > g path {
    fill: #222;

}
#TipHouses_1_ g > g path {
    pointer-events: none;
}
body {
    /*background-color: #f5f6f1;*/
}


 html, body {
    margin: 0; 
    padding: 0;
  }
  #svg-container svg {
      position: relative;
      top: 0;
      left: 0%;
      height: 100%;
      width: 100%;
  }

#svg-container {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    left: 0%;
    padding-bottom: 0%; /*change according to ratio img w - img h */
    vertical-align: middle;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    transform-origin:0% 0%;
}

.moveLeft {
    transform: translate(-50px, 0px);
}

.moveBack {
    transform: translate(0px, 0px);
}
#main_grey path {
    pointer-events: none; /* the fix! */
}



.svg-content {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}

.cartier {
/*  fill: #e6e7e8;*/
}
.cartier:hover, .cartier:hover polygon, .cartier:hover path {
  fill: #ededed;
  stroke: #ccc;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}



#parcareV1, #parcareV2 {
    fill: #fff;
    stroke-width: 0.5;
    stroke: #000;
}
#reciclare1, #reciclare2 {
    fill: #fff;
    stroke-width: 0.5;
    stroke: #666;
}



#description {
  position: absolute;
  min-width: 130px;
  display: none;
  text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.price {
  font-size: 28px;
  font-weight: bold;
  background-color: #ededed;
  color: #000;
  padding: 10px 0;
  position: relative;
  display: block;
}

.price::after {
   content: "lei";
   position: relative;
   font-size: 18px;
   color: #000;
   margin-left: 0px;
   top: -6px;
}
.comName {
  color: #ccc;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  background-color: #222;
  padding: 10px;
  position: relative;
  display: block;
}
.sub {
  color: #C40517;
  font-size: 11px;
  font-weight: normal;
  background-color: #222;
  position: relative;
  display: block;
  margin-top: -12px;
  padding-bottom: 8px;
}





#description_mobile {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: center;
  margin-top: 20px;
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
#description_mobile .price {
  font-size: 17px;
  font-weight: bold;
  background-color: #ededed;
  color: #000;
  padding: 10px;
  position: relative;
  display: inline-block;
  margin: 0;
}


#description_mobile .price::after {
   content: "lei";
   position: relative;
   font-size: 12px;
   color: #000;
   top: -6px;
   margin-left: 0;
}

#description_mobile .comName {
  color: #ccc;
  font-size: 17px;
  font-weight: bold;
  background-color: #222;
  padding: 10px;
  position: relative;
  display: inline-block;
  margin: 0;
}

#description_mobile .sub {
  color: #343434;
  font-size: 14px;
  font-weight: normal;
  background-color: #fff;
  position: absolute;
  display: block;
  width: 100%;
  margin-top: 10px;
  padding-bottom: 8px;
}


.left_desc {
   display: inline-block;
   position: relative;
   text-align: center;
   margin: 0;
}


@media (min-width: 600px){
  #description_mobile {
    display: none !important;
  }
}
@media (max-width: 600px){
  #description {
    display: none !important;
  }
  #description_mobile {
    display: none;
  }
}
@media (max-width: 800px){
  
}
@media (min-width: 1100px){
  
}

#roads_arr {
    display: none;
}

#directional_arrows g path:first-child {
    animation: fadeIn3 3s infinite;
}
#directional_arrows g path:nth-child(2) {
    animation: fadeIn2 3s infinite;
}
#directional_arrows g path:nth-child(3) {
    animation: fadeIn1 3s infinite;
}




@-webkit-keyframes fadeIn1 {
    0% {opacity: 1;}
    33% {opacity: 1;}
    34% {opacity: 0;}
    100% {opacity: 0;}
}

@keyframes fadeIn1 {
    0% {opacity: 1;}
    33% {opacity: 1;}
    34% {opacity: 0;}
    100% {opacity: 0;}
}

@-webkit-keyframes fadeIn2 {
    0% {opacity: 0;}
    33% {opacity: 0;}
    34% {opacity: 1;}
    66% {opacity: 1;}
    67% {opacity: 0;}
    100% {opacity: 0;}
}

@keyframes fadeIn2 {
    0% {opacity: 0;}
    33% {opacity: 0;}
    34% {opacity: 1;}
    66% {opacity: 1;}
    67% {opacity: 0;}
    100% {opacity: 0;}
}

@-webkit-keyframes fadeIn3 {
    0% {opacity: 0;}
    66% {opacity: 0;}
    67% {opacity: 1;}
    100% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fadeIn3 {
    0% {opacity: 0;}
    66% {opacity: 0;}
    67% {opacity: 1;}
    100% {opacity: 1;}
    100% {opacity: 0;}
}



#stats {
    /*margin-top: 30px;*/
    /*margin-bottom: -20px;*/
    /*font-weight: 500;*/
}
.typeName {
    /*display: inline-block;*/
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}
.timer {
    display: inline-block;
    font-weight: 400;
    font-size: 22px;
}
.squareMeters {
    font-weight: 400;
}
.timer_1 {

}
.statsCol {
    text-align: center;
}
#interactionButtons {
    position: absolute;
    left: 29px;
    top: 42%;
    z-index: 1;
    margin-top: -200px;
    color: #8b8b8b;
    background: rgba(255,255,255,0.5);
    padding: 10px;
}


.intButt {
    cursor: pointer;
}
#directional_arrows, #metri, #entrances_2_ {
    display: none;
}
.areaHighlighted {
    stroke: #333c39;
    fill: #cddc3f !important;
}
#servicii {
    fill: #ffc5c5;
}
.selectedClass {
    color: #000;
}

#svg-container {

}


.nav-container {
    position: fixed;
    z-index: 3;
    top: 50%;
    right: 0;
    height: auto;
    width: 90%;
    max-width: 360px;
    margin-top: -200px;
    padding: 0;
    background: #fff;
    overflow: hidden;
    transform: translateZ(0);
    transform: translateX(100%);
    transition: transform .5s cubic-bezier(.07,.23,.34,1);
    -webkit-filter: drop-shadow( 5px 5px 20px #ccc);
    filter: drop-shadow( 5px 5px 20px #ccc);
}

.nav-open .nav-container {
    transform: translateX(0);
}

.nav-container h2 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #AAAAAA;
    margin: 1.5em 0;
}
.nav-container img {
    max-width: 100%;
}
#tipNavigation h2 {
    padding-left: 15px;
    color: #111;
    font-size: 15px;
    margin: 0;
    margin-top: 20px;
}
#tipNavigation h3 {
    color: #ddd;
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 900;
    padding-left: 20px;
    margin: 0;
    line-height: 64px;
    margin-bottom: 0px;
}



.closeButt {
    position: absolute;
    width: 4.4rem;
    height: 4.4rem;
    top: -0.5rem;
    right: -0.5rem;
    z-index: 1000;
    color: #333c39;
    background: transparent;
    border: none;
    transition-timing-function: ease-out;
    transition: 0.25s;
}
.closeButt:hover {
    transform: rotate(90deg);

}

.sr-only {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
}


#imageTipNr {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.26);
    box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.26);
}

.realImage {
    margin: 10px 0 10px 15px;
}
.tipImage1 {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_1.jpg");
}
.tipImage2 {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_2.jpg");
}
.tipImage3 {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_3.jpg");
}
.tipImage4 {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_4.jpg");
}
.caseSemi {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_blocuri.jpg");
}
.caseIns {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_case_insirutite.jpg");
}
.spatiiVerzi {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_spatii_verzi.jpg");
}
.serVicii {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_servicii.jpg");
}
.parcariVizi {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_parcari.jpg");
}
.reciClare {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_reciclare.jpg");
}
.locJoaca {
    background-image: url("../themes/arti-media-cms/assets/images/small_tip_loc_joaca.jpg");
}



#prev-btn.disabled, #next-btn.disabled {
    color: #ddd;
}
#prev-btn {
    position: relative;
    float: left;
    margin: 0 15px 10px 15px;
    cursor: pointer;
}
#next-btn {
    position: relative;
    float: right;
    margin: 0 15px 10px 15px;
    cursor: pointer;
}
.prevText, .nextText {
    display: inline-block;
}
.numeLoc {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
}
.sw>.nav {
    display: none !important;
}

.tab-content p {
    margin-left: 15px;
    color: #111;
    margin-bottom: 20px;
}
body.nav-open #description {
    display: none !important;
}
#bottom_line_2_ {
    fill: none;
    stroke: #fff;
    stroke-width: 0;
    stroke-miterlimit: 10;
}
#bottom_fill {
    display: none;
}
#tipNavigation {
    z-index: 113;
}



#mobile-div {
    width: 100%;
 }