/* unvisited link */
a.map:link {
  color: green;
}

/* visited link */
a.map:visited {
  color: red;
}

/* mouse over link */
a.map:hover {
  color: hotpink;
}

/* selected link */
a.map:active {
  color: blue;
}

* {
  font-size:14px;
}
/* For getting Footer at the bottom Begins */
html{ height:100%; }
body{ min-height:100%; padding-bottom:0; margin-bottom:0; position:relative; }

body::after{ content:''; display:block; height:400px; }

footer {
  position:absolute;
  bottom:0;
  width:100%;
  height:300px;
}

/* For getting Footer at the bottom ENDs- height = 250px from the page bottom body content should end */


.popover{
    max-width: 450px; /* Max Width of the popover (depending on the container!) */
}

#bg {
  /* The image used */
  background-image: url("http://192.168.1.16/media/homepage/house.jpg");

  /* Full height */
  height:500px;
  width:99vw;
  /* margin-left: -16vw; */

  /* Center and scale the image nicely */
  background-position: center ;
  background-repeat: no-repeat;
  background-size: cover;
}

/* carousel fading begins */

.carousel.carousel-fade .carousel-item {

    opacity: 0;
    transition: opacity ease-out .7s;
}

.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}

/* carousel fading ends */




#navbarDropdownsell {
  width: 320px;
}

#navbarDropdowncity {
  width: 540px;
}

#navbarDropdownlist {
  width: 540px;
}

#navbarDropdownsearch {
  width: 540px;
}

/* side navbar */
.card {
    margin-bottom: 0px;
}

.card-text {

      font-size:14px;
      font-weight: 400;

 }


@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

/*
body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.0em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}
*/


a,

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}


#scrollspynavbar {

}
#scrollspynavbar li a {
    color: #fff;
}


/* ---------------------------------------------------
    PAGINATION
----------------------------------------------------- */
div p a {
    color: hotpink;
}

/* ---------------------------------------------------
    BACK TO TOP OF THE PAGE BUTTON BEGIN
----------------------------------------------------- */

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #DDF;
    color: #000;
}

/* ---------------------------------------------------
    BACK TO TOP OF THE PAGE BUTTON END
----------------------------------------------------- */


.vertbarscroll {
  height:100vh;
  overflow-y: scroll;
}


/* ---------------------------------------------------
   MORE LESS TEXT
----------------------------------------------------- */

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.more span a:link {
  color: hotpink;
}


.filters .btn-sm {
      font-size: 0.900rem;
      font-weight: bold;
      line-height: .6;
      border-radius: .2rem;
}

/* ------------------------------ Responsive Media Styles ------------------------------ */

@media only screen and (min-width: 1100px) {

	.buymenu {

      width:700px;


    }

    .rentmenu {

        width:650px;
        margin-left:-96px;  /* For starting dropdown-content from left end */

    }

    .citytownmenu {

        width:570px;
        margin-left:-198px;  /* For starting dropdown-content from left end */
    }

    .dealermenu {
        width:500px;
        margin-left:-341px;  /* For starting dropdown-content from left end */
    }
}

/* Medium Device: 1100px */
@media only screen and (min-width: 992px) and (max-width: 1099px) {

    .buymenu {

      width:700px;


    }

    .rentmenu {

        width:650px;
        margin-left:-96px;  /* For starting dropdown-content from left end */

    }

    .citytownmenu {

        width:570px;
        margin-left:-198px;  /* For starting dropdown-content from left end */
    }

    .dealermenu {
        width:500px;
        margin-left:-341px;  /* For starting dropdown-content from left end */
    }

}

/* Tablet Device: 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .buymenu {

      width:700px;

    }

    .rentmenu {

        width:650px;
        margin-left:-96px;  /* For starting dropdown-content from left end */

    }

    .citytownmenu {

        width:570px;
        margin-left:-198px;  /* For starting dropdown-content from left end */
    }

    .dealermenu {
        width:500px;
        margin-left:-341px;  /* For starting dropdown-content from left end */
    }


}

/* Wide Mobile: 480px */
@media only screen and (max-width: 767px) {
    .buybutton {
           width:225px;margin-top:2px;margin-left:-7px;

    }

    .rentbutton {
            width:225px;margin-top:2px;
    }

    .citytownbutton {
           width:225px;margin-top:2px;
    }

    .dealersbutton {
            width:225px;margin-top:2px;
    }


    .buymenu {

      width:300px;
      margin-top:70px;
    }

    .rentmenu {

        width:300px;
        margin-left:-140px;  /* For starting dropdown-content from left end */


    }

    .citytownmenu {

        width:300px;
    }

    .dealermenu {
        width:300px;
        margin-left:-140px;  /* For starting dropdown-content from left end */
    }

}


/* Small Mobile: 320px */
@media only screen and (max-width: 479px) {

        .buybutton {
           width:150px;margin-top:2px;margin-left:-7px;
        }

        .rentbutton {
            width:150px;margin-top:2px;
        }

        .citytownbutton {
           width:150px;margin-top:2px;
        }

        .dealersbutton {
            width:150px;margin-top:2px;
        }

        .buymenu {

          width:300px;
          margin-top:70px;
        }

        .rentmenu {

            width:310px;
            margin-left:-150px;  /* For starting dropdown-content from left end */
            margin-top:70px;  /* For starting dropdown-content from left end */


        }

        .citytownmenu {

            width:300px;
            margin-top:107px;
        }

        .dealermenu {
            width:310px;
            margin-left:-150px;  /* For starting dropdown-content from left end */
        }

}