@font-face {
    font-family: Kunstler;
    src: url(/fonts/KUNSTLER.TTF);
}
@font-face {
    font-family: BebasNeue;
    src: url(/fonts/BebasNeue.otf);
}

body {
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;
}

h1 {
    font-family: BebasNeue;
    font-size: 68px;
    color: #63605f;
    text-align: right;
    margin-bottom: 0;
}

h3 {
    font-family: BebasNeue;
    font-size: 48px;
    color: #63605f;
    text-align: center;    
    margin-top: 60px;
    margin-bottom: 30px;    
}

.green-hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #6aa842;
    margin: 0 0 1em;
    padding: 0;     
}

h4 {
    color: #6aa842;
    font-size: 30px;
    font-weight: 400;
}

p {
    color: #63605f;
    text-align: justify;
    font-weight: 400;
}

.control-label {
    color: #63605f;
    font-weight: 400;    
}

.form-control {
    border: 2px solid #6aa842;
    border-radius: 0;
}

.btn-form-submit {
    width: 100%;
    border-radius: 0;
    background-color: #6aa842;
    color: white;
    text-align: center;
    font-weight: 400;  
}

.form-control:focus {
    border: 2px solid #6aa842;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(106,168,66,.6)
}

.btn.focus, .btn:focus, .btn:hover {
    color: white;
    background-color: #7dbb55;
}

.green-text {
    font-weight: 400;
    color: #6aa842;
}

#menu-toggle {
    font-size: 26px!important;
    line-height: 65px!important;
    font-weight: 500!important;
}

#sidebar-wrapper p {
    color: white;
    font-size: 16px;
    padding-left: 15px;
}

.social-icons {
    color: white;
    font-size: 40px;
    transition: all .4s ease 0s;
}

.social-icons:first-of-type {
    padding-left: 15px;
}

.prodomo-log {
    padding-left: 15px;
    width: 200px;
}

.logothype-container {
    background-color: white;
    width: 300px;
    margin-top: 30px;
    position: relative;
    /*z-index: 99;*/
}

.logothype-container img {
    margin: 0 auto;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
}

#logothype-shadow-box {
    position: absolute;
    right: 1px;
    bottom: -15px;
    background-color: #e1e1e1;
    z-index: -1;
    width: 100px;
    height: 30px;
    -ms-transform: rotate(-17deg); /* IE 9 */
    -webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
    transform: rotate(-17deg);    
}

#sidebar-wrapper hr {
  background-color: transparent;
  border-color: #bfbfbf currentcolor currentcolor;
  border-image: none;
  border-style: solid none none;
  border-width: 1px 0 0;
  display: block;
  height: 1px;
  margin: 35px 35px;
  padding: 0;
}

.menu-additional-info {
    margin-top: 30px;
}

/* vertical menu start */
.row{
    margin-left:0px;
    margin-right:0px;
}

#wrapper {
    padding-left: 50px;
    transition: all .4s ease 0s;
    height: 100%
}

#sidebar-wrapper {
    margin-left: -250px;
    left: 50px;
    width: 250px;
    background: #63605f;
    position: fixed;
    height: 100%;
    z-index: 10000;
    transition: all .4s ease 0s;
    /*overflow-y: auto;*/
}

.sidebar-nav {
    display: block;
    float: left;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
#wrapper.active {
    padding-left: 250px;
}
#wrapper.active #sidebar-wrapper {
    left: 250px;
}

#page-content-wrapper {
  width: 100%;
}

#sidebar_menu li a, .sidebar-nav li a {
    color: white;
    display: block;
    float: left;
    text-decoration: none;
    width: 250px;
    background: #63605f;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
    font-size: 24px;
    line-height: 50px;
}
.sidebar_name {
    padding-top: 25px;
    color: #fff;
    opacity: .7;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: white;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  line-height: 60px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#main_icon
{
   float:right;
   padding-right: 13px;
   padding-top:20px;
}
.sub_icon
{
    float:right;
   padding-right: 20px;
   padding-top:10px;
   width: 50px;
   height: 50px;
}

.ico-home {
    background: url(/img/ico-home.png) center center no-repeat;
}

.ico-info {
    background: url(/img/ico-info.png) center center no-repeat;
}

.ico-marker {
    background: url(/img/ico-marker.png) center center no-repeat;
}

.ico-houses {
    background: url(/img/ico-houses.png) center center no-repeat;
}

.ico-gallery {
    background: url(/img/ico-gallery.png) center center no-repeat;
}

.ico-financing {
    background: url(/img/ico-financing.png) center center no-repeat;
}

.ico-contact {
    background: url(/img/ico-contact.png) center center no-repeat;
}

.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

@media (max-width:767px) {
#wrapper {
    padding-left: 50px;
    transition: all .4s ease 0s;
}
#sidebar-wrapper {
    left: 50px;
}
#wrapper.active {
    padding-left: 50px;
}
#wrapper.active #sidebar-wrapper {
    left: 50px;
    width: 250px;
    transition: all .4s ease 0s;
}
}
/* vertical menu end */

/* carousel start https://codepen.io/crashy/pen/JoKMgG*/

.item:nth-child(1) {
    background: url(/img/banner-main-4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item:nth-child(2) {
    background: url(/img/banner-main-2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item:nth-child(3) {
    background: url(/img/banner-main-3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel {
    /*z-index: -99;*/
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}

html {
    position: relative;
    min-height: 100%;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/* carousel end */

.mid-banner-carousel-container {
    margin-left: -350px;
    margin-top: -120px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 240px;
    width: 900px;
    background-color: rgba(99, 96, 95, 0.7);
    text-align: center;
    color: white;
    padding-top: 50px;
    font-size: 60px;
    line-height: 75px;
    font-family: BebasNeue;
    -webkit-box-shadow: -25px -30px 0px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: -25px -30px 0px 5px rgba(0,0,0,0.1);
    box-shadow: -25px -30px 0px 5px rgba(0,0,0,0.1);    
}

.more-banner-button {
    position: absolute;
    bottom: -70px;
    right: 0;
    background-color: rgba(187, 187, 187, 0.9);
    height: 70px;
    line-height: 70px;
    padding: 0 95px 0 20px;
    color: #63605f;
    font-family: 'Roboto', sans-serif;    
    font-weight: 400;  
    font-size: 36px;
}

.more-banner-button:after {
   width: 70px;
   height: 50px;  
   background: url(/img/arrow.png) center center no-repeat;
   content: "";
    top: 10px;
    right: 5px;
    position: absolute;
    display: inline-block;   
}

.more-banner-button:hover {
    color: white;
    text-decoration: none;
    background-color: rgba(187, 187, 187, 0.7);
}

.carousel-additional-text {
    position: absolute;
    bottom: 10px;
    right: 35px;
    font-family: "Kunstler", 'Pinyon Script', cursive;
    font-size: 95px;
    color: white;
}

@media (max-width:1200px) {
    .carousel-additional-text {
        bottom: 0px;
        right: 5px;
        font-family: "Kunstler", 'Pinyon Script', cursive;
        font-size: 65px;
        color: white;
    }    
    .mid-banner-carousel-container {
        margin-left: -175px;
        margin-top: -120px;
        height: 240px;
        width: 600px;
        padding-top: 50px;
        font-size: 36px;
        line-height: 50px;
    }    
    
}

@media (max-width:992px) {
    .carousel-additional-text {
        bottom: 0px;
        right: 5px;
        font-family: "Kunstler", 'Pinyon Script', cursive;
        font-size: 50px;
        color: white;
    }    
    .mid-banner-carousel-container {
        margin-left: -75px;
        margin-top: -100px;
        height: 200px;
        width: 400px;
        padding-top: 50px;
        font-size: 30px;
        line-height: 40px;
    }    
    
}
/*poprawki pod menu pod rwd*/
@media (max-width:767px) {
    .carousel-additional-text {
        bottom: 0px;
        right: 5px;
        font-family: "Kunstler", 'Pinyon Script', cursive;
        font-size: 30px;
        color: white;
    }    
    .mid-banner-carousel-container {
        margin-left: -125px;
        margin-top: -50px;
        height: 100px;
        width: 300px;
        padding-top: 30px;
        font-size: 20px;
        line-height: 30px;
    }   
    .logothype-container {
        display: none!important;
    }    
    #sidebar_menu {
        display: none!important;
        width: 0!important;
    }
    #sidebar-wrapper {
        overflow-y: auto;
    }    
    .more-banner-button {
        bottom: -30px;
        right: 0;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        font-size: 18px;
    }

    .more-banner-button:after {
       width: 0px;
       height: 0px;  
       background: none;
       content: "";
        top: 10px;
        right: 5px;
        position: absolute;
        display: inline-block;   
    }    
}
/*koniec*/

li.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    top: 0px;
    left: 250px;
    border: none;
    border-radius: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-menu li a {
    float: none;
    background-color: #494949;
    font-size: 14px;
    padding: 0 20px;
    width: auto;
    line-height: 40px;
    text-indent: 0;
}

.dropdown-menu li a:hover {
    background-color: #63605f;
}

.advantages-ico {
    height: 140px;
    width: 140px;
    margin: 10px auto;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.advantages-subheding {
    text-align: center;
    font-size: 24px;
    color: #6aa842;
    font-weight: 400;
}

.advantages-text {
    text-align: center;
    font-size: 14px;
}

.advantages-ico-marker {
    background-image: url(/img/ico_about_marker.png);
}

.advantages-ico-couch {
    background-image: url(/img/ico_about_couch.png);
}

.advantages-ico-flower {
    background-image: url(/img/ico_about_flower.png);
}

.advantages-ico-hands {
    background-image: url(/img/ico_about_hands.png);
}

.advantages-ico-leaf {
    background-image: url(/img/ico_about_leaf.png);
}

.advantages-ico-mask {
    background-image: url(/img/ico_about_mask.png);
}

.contact-details {
    font-size: 22px;
}

.contact-bold-text {
    color: #6aa842;
    font-size: 26px;
    text-decoration: none;
}

a:focus, a:hover {
    color: #6aa842;
}

.margin-top-50 {
    margin-top: 50px;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.promo-banner {
    margin-top: 50px;
}

.table-flats {
    margin-top: 30px;
}

.table-flats tr {
    font-family: BebasNeue;
    font-size: 28px;    
    color: #6aa842;
}

.table-flats td {
    font-size: 26px;    
    color: #63605f;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.flat-id {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    color: white;
    line-height: 35px;
    background-color: #6aa842;
    display: block;
    text-align: center;
}

.flat-status {
    height: 35px;
    width: 170px;
    display: block;
    line-height: 35px;
    text-transform: uppercase;
    color: white;
    font-size: 24px;
    font-family: BebasNeue;    
    text-align: center;
    background-color: #6aa842;
}

.flat-status:hover, .flat-status:active {
    background-color: #7dbb55;
    color: white;
    text-decoration: none;
}

.flat-status-occupied {
    background-color: #63605f;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top-color: #63605f;
}

.table > thead > tr > th {
    border-bottom-color: #6aa842;
}

.flat-status-map {
    height: 35px;
    width: 130px;
    display: block;
    line-height: 35px;
    text-transform: uppercase;
    color: #63605f;
    font-size: 24px;
    font-family: BebasNeue;    
    text-align: center;
    background-color: white;   
    position: absolute;
}

.flat-no-map-id {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    color: white;
    line-height: 36px;
    background-color: #6aa842;
    display: block;
    text-align: center;
    position: absolute;
    top: -17px;
    left: -17px;
}

.flat-status-occupied-map {
    color: white;
    background-color: #929292;
}

#flat-status-map-container-1 {
    top: 345px;
    left: 450px;
}

#flat-status-map-container-2 {
    top: 310px;
    left: 923px;
}

#flat-status-map-container-3 {
    top: 167px;
    left: 455px;
}

#flat-status-map-container-4 {
    top: 248px;
    left: 1025px;
}

#flat-status-map-container-5 {
    top: 147px;
    left: 594px;
}

#flat-status-map-container-6 {
    top: 106px;
    left: 648px;
}

#flat-status-map-container-7 {
    top: 60px;
    left: 682px;
}

#flat-status-map-container-8 {
    top: 145px;
    left: 1070px;
}

#flat-status-map-container-9 {
    top: 75px;
    left: 1080px;
}

.flat-status-map:hover:active, .flat-status-map:hover, .flat-status-map:active {
    background-color: #7dbb55;
    color: white;
    text-decoration: none;
}

/*.table-flats tr:hover td {
    background-color: #eee;
}*/

.active-hover {
    background-color: #7dbb55;
    color: white;
    text-decoration: none;
}

.flat-table tr td{
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.flat-table-info-cell {
    font-size: 24px;
    text-align: right;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 28px;
    padding-right: 10px;
}

.flat-table-price {
    color: #6aa842;
    font-weight: 700;
    font-size: 28px;
}

.img-thumbnail {
    width: 304px;
    height: 190px;
    margin: 30px;
    -webkit-box-shadow: 0px 5px 31px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 31px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 31px -7px rgba(0,0,0,0.75);    
}

.map-legend {
    margin: 10px auto;
}

.pdf-flat-view {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin-top: 20px;
    color: black;
    font-weight: 100;
    font-size: 24px;
    text-decoration: underline;
    display: block;
}

.menu-additional-info a, .menu-additional-info a:hover, .menu-additional-info a:active, .menu-additional-info a:hover:active{
    color: white;
}