body {
    font: 400 15px/1.8  Helvetica;
    
  }
  h3, h4 {
    margin: 10px 0 30px 0;
    letter-spacing: 10px;      
    font-size: 20px;
    color: #111;
  }
  .container {
    padding: 80px 120px;
  }
  .person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 80%;
    height: 80%;
    opacity: 0.7;
  }
  .person:hover {
    border-color: #f1f1f1;
  }
  .carousel-inner img {
    
    width: 100%; /* Set width to 100% */
    margin: auto;
  }
  .carousel-caption h3 {
    color: #fff !important;
  }
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }
  .bg-1 {
    background: #2d2d30;
    color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: italic;}
  .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
  }
  .thumbnail p {
    margin-top: 15px;
    color: #555;
  }
  .btn {
    padding: 10px 20px;
    background-color: #333;
    color: #f1f1f1;
    border-radius: 0;
    transition: .2s;
  }
  .btn:hover, .btn:focus {
    border: 1px solid #333;
    background-color: #fff;
    color: #000;
  }
  .modal-header, h4, .close {
    background-color: #333;
    color: #fff !important;
    text-align: center;
    font-size: 30px;
  }
  .modal-header, .modal-body {
    padding: 40px 50px;
  }
  .nav-tabs li a {
    color: #6dabe4;
  }
  #googleMap {
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }  
  .navbar {
    font-family: "Helvetica";
    margin-bottom: 0;
    background-color: #fff;
    border: 0;
    font-size: 18px !important;
    font-weight: normal;
    letter-spacing: 0px;
    opacity: 0.9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  font-stretch: condensed;
  }
  div.nav-container {
      color: #f7901f; font-family:  sans-serif; font-size: 18px; z-index: 200; background: #000; position: relative;
  }
  .navbar li a, .navbar .navbar-brand { 
    color: #000 !important;
    margin-top: 20px;
  }
  .navbar-nav li a:hover {
    color: #000 !important;
  }
  .navbar-nav li.active a {
    color: #000 !important;
    background-color: #fff !important;
    font-weight: bold;
    font-stretch: condensed;
    font-family: Helvetica;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
  }
  .open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important;
  }
  .dropdown-menu li a {
    color: #f7901f !important;
    font-size: 18px !important;
  }
  .underbar{
      width: 0;
  height: 5px;
  background: red;
  left: 580px;
      top: 90px;
  position: absolute;
  -webkit-transition: 0.5s ease;
  }
  .underbar1{
      width: 0;
  height: 5px;
  background: #66cc99;
  left: 580px;
      top: 90px;
  position: absolute;
  -webkit-transition: 0.5s ease;
  }
  
  
  
  .dropdown-menu li a:hover {
    background-color: #000 !important;
  }
  .form-control {
    border-radius: 0;
  }
  textarea {
    resize: none;
  }
  #nachalo .colona{
      float: left;
      width: 100%;
  }
  #nachalo .colona p{
      font-family: Lato, sans-serif;
      font-size: 48px;
      color: #f7901f;
      font-style: italic;
      font-weight: bold;
      line-height: 0.9;
  }
  #nachalo{
      min-height: 520px;
      
      background: #23527c;
       
       
  }
  
  
  
  #nachalo .colona1{
      float: left;
      width: 48%;
      color: #fff;
      font-size: 22px;
      line-height: 1.2;
  }
  #nachalo .colona2{
      float: right;
      width: 48%;
      color: #fff;
      font-size: 22px;
      line-height: 1.2;
  }
  .container1{
      padding-left: 80px;
      padding-right: 80px;
      padding-top: 20px;
  }
  
#boxes{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    min-height: 160px;
    text-align: center;
}
.container3{
    min-height: 160px;
}
#boxes .box{
    float: left;
    width: 30%;
    
}
#boxes .box img{
    height: 90px;
    
}
.container2{
    width: 100%;
    color: #000;
    background: #fff;
    margin: auto;
    overflow: hidden;
    text-align: center;
    min-height: 30px;
    padding-top: 10px;
}
footer p{
    padding-left: 30px;
}
.unact1{
    list-style:none;position: absolute;top: 280px;left: 75px;z-index: 999;
}
@media(min-width:1468px){
    .green{
        left: 10px;
        z-index: 1115;
        position: absolute;
    }
    .green1{
        float: left;
        height: 620px;
        width: 300px;
        background: #66cc99;
        z-index: 1;
        position: absolute;

        
    }
    .green22{
        position: absolute;
        left: 170px !important;
        
    }
    .unact1{
        left:192px;
    }
}
@media(min-width:1668px){
    .green{
        left: 300px;
        z-index: 1115;
        position: absolute;
    }
    .green1{
        float: left;
        height: 620px;
        width: 405px;
        background: #66cc99;
        z-index: 1;
        position: absolute;

        
    }
    .green22{
        position: absolute;
        left: 455px !important;
        
    }
    .unact1{
        left:452px;
    }
}

@media(max-width:768px){
    ::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::placeholder {

    color: #66cc99;
    opacity: 1 !important;

}
element {

}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {

    width: 1097px;
    margin: auto;
    float: right;
    padding-top: 0.5px;
    height: 621px;

}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {

    line-height: 1;

}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {

    display: block;
    max-width: none;
    max-height: none;
    height: auto;
    width: auto;

}
    #logo,.green{
        display: none;
    }
    #nachalo .colona1,
    #nachalo .colona2,
    #nachalo .colona,
    .container1,
    .container
   
    {
        float: none;
        width: 100%;
        text-align: center;
        padding: 5px;
        background: #23527c;
        
    }
    
    #boxes .box,
    container3
    {
        float: none;
        width: 100%;
        text-align: center;
        
    }
    header{
        padding-bottom: 20px;
        
    }
    #showcase h1{
        margin-top: 20px;
    }
    #search button{
        display: block;
        width: 100%;
    }
    #search form input[type="text"]{
        width: 100%;
        margin-bottom: 5px;
    }
    footer nav{
        padding: 0;
        margin: 0;
    }
}

#logo{
    margin-left: 60px;
    z-index: 999;
    position: absolute;
    margin-top: 20px;
}
.navbar-right{
    margin-right: 176px;
    margin-top: 24px;
}
.navbar {
    min-height: 191px;
}
/*Cookie Consent Begin*/
#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: OpenSans, arial, "sans-serif";
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #ffba55;
    display: inline-block;
    padding: 0 10px;
}
#myCookieConsent a:hover {
	color: #fda016;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 1.1em;
	background: #ffba55;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    float: right;
    border-radius: 20px;
}
#myCookieConsent a#cookieButton:hover {
    background: #fda016;
	color: #000;
}
.green22{
    width: 30px !important;
    height: 30px;
    position: absolute;
    left: 160px;
    top: 555px;
    z-index: 999;
}
.video1{
    text-align: center;
    margin: auto;
}
.map3{
    width: 25%;
  margin: 0 auto;
  text-align: left;
}
.map4{
    width: 35%;
  margin: 0 auto;
  text-align: left;
}
.map2{
    text-align: center;
    margin: auto;
}
.map1 .map2{
    text-align: center;
    margin: auto;
}
.mest1{
    color: #66cc99;
    font-size: 30px;
}
 .namira{
     padding: 0;
margin: 0;
     font-family: Helvetica !important;
  list-style-type:none;
}
.namira li{
    padding-left: 20px;
padding-top: 8px;
  list-style-image:url(http://tndproperty.org/images/Home/circle.png);
}

.subm1{
   
}

.subm2{
    margin-top: 10px;
    background: transparent;
    background-image: url('http://tndproperty.org/images/subs.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 193px;height: 49px;
}
.subm2:hover{
    background-image: url('http://tndproperty.org/images/subs_hover.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 193px;height: 49px;
}
.li1{
    margin-bottom: 20px;
    background-image: url('http://tndproperty.org/images/Apartamenti/apart_no_act.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 294px;height: 49px;
}
.li1:hover{
    margin-bottom: 20px;
    background-image: url('http://tndproperty.org/images/Apartamenti/apart_act.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 294px;height: 49px;
}
.li2{
    margin-bottom: 20px;
    background-image: url('http://tndproperty.org/images/Apartamenti/ofisi_no_act.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 193px;height: 49px;
}
.li2:hover{
    margin-bottom: 20px;
    background-image: url('http://tndproperty.org/images/Apartamenti/ofisi_act.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 193px;height: 49px;
}
.li3{
    margin-bottom: 20px;
    background-image: url('http://tndproperty.org/images/Apartamenti/parking_no_act.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 218px;height: 49px;
}
.li3:hover{
    margin-bottom: 20px;
    background-image: url('http://tndproperty.org/images/Apartamenti/parking_act.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 218px;height: 49px;
}
.f1{
    width: 100%;
}
.form1{
    width: 100%;
    background: #f2f2f2;
    height: 332px;
    margin-top: 85px;
    text-align: center;
    padding-top: 55px;
}
hr {
width: 581px;
height: 2px;
margin-left: auto;
margin-right: auto;
background-color:#66cc99;
border: 0 none;
margin-top: 18px;
margin-bottom:18px;
}
.ap1{
    
    text-align: center;
    
}
.etaj1{
    list-style-type:none;
    margin-top: 15px;
}
.vhod1{
    list-style-type:none;
    margin-top: 15px;
}
.etaj1 li{
    display: inline;
}
.vhod1 li{
    display: inline;
}
.napred_1_2{
    margin-top: 10px;
    background: transparent;
    background-image: url('http://tndproperty.org/images/Apartamenti/a1/napred.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 160px;height: 54px;
}
.napred_1_2:hover{
    background-image: url('http://tndproperty.org/images/Apartamenti/a1/napred_1.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 160px;height: 54px;
}
.napred1{
    margin-top: 10px;
    background: transparent;
    background-image: url('http://tndproperty.org/images/Apartamenti/a1/napred.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 160px;height: 54px;
}
.napred1:hover{
    background-image: url('http://tndproperty.org/images/Apartamenti/a1/napred_1.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 160px;height: 54px;
}
.izprati1{
    margin-top: 10px;
    background: transparent;
    background-image: url('http://tndproperty.org/images/Apartamenti/a1/Listed_Apart/send.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 160px;height: 54px;
}
.izprati1:hover{
    background-image: url('http://tndproperty.org/images/Apartamenti/a1/Listed_Apart/send_hover.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 160px;height: 54px;
}
.iztegli1{
    margin-top: 10px;
    background: transparent;
    background-image: url('http://tndproperty.org/images/Apartamenti/a1/Listed_Apart/download.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 160px;height: 54px;
}
.iztegli1:hover{
    background-image: url('http://tndproperty.org/images/Apartamenti/a1/Listed_Apart/download_hover.png'); border:none; background-repeat:no-repeat;background-size:100% 100%;width: 160px;height: 54px;
}
.popup {
  visibility: hidden;
  position: absolute;
  color: white;
  padding: 40px;
  border: solid 1px #ddd;
  background: #66cc99;
  text-align: center;
  font-size: 20px;
  width: 180px;
  left: 230px;
  top: 300px;
}