body,
html {width: 100%; height: 100%; font-family: 'Open Sans', sans-serif;}
.container {max-width:1200px;}

h1, h2, h3, h4, h5, h6 {font-family: 'EB Garamond', serif; margin:0; padding: 0; font-weight: 500; color: #353535;}
h2 {font-size: 36px; text-transform: uppercase; text-align: center;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}

a {color:#000;}
a:hover, a:focus{ text-decoration:none; color: #353535;}
p {font-family: 'EB Garamond', serif; font-size:16px; font-weight:normal; font-size: 16px; line-height: 120%; color: #666; text-align: justify;}

.top-border {background: #fff url(../img/line.png) center top repeat-x;}
.bottom-border {background: #fff url(../img/line.png) bottom center repeat-x;}
.footer-bg {background:#e9e8e8 url(../img/insta-bg.jpg) center top no-repeat; padding-top:200px;}
h2.title {padding-bottom:40px;}
.btn-primary {background:#00a4f9; border:0; border-radius:2px; font-size:13px;}
.btn-secondary {background: #3a3a3a; border:0; border-radius:2px; font-size:13px; color: #fff;}
ul {list-style: none; padding: 0}


/*** TOP BAR ***/
.topbar {background:#fff; padding:35px 0 24px; width: 100%;}
.topbar img.logo {max-width:100%;}
.topbar .contacts {text-align: right; padding-top: 55px; color: #000;}
.topbar .contacts span { display: inline-block; padding: 0 10px;}
.topbar .contacts a {color:#000;}
.topbar .contacts a:hover {text-decoration: underline;}

/*** HEADER ***/
.header-banner {padding:0; z-index: -1; position: relative;}
.header-banner img {width:100%; height: auto;}


    /*** Overview ***/
    .overview {display: block; padding: 60px 0 40px; text-align: center;}
    .overview h3 {font-family: 'Open Sans', sans-serif; padding: 10px 0; display: block;} 
    .overview a.listing {width:211px; height: 38px; display: inline-block; text-align: center; background: url(../img/btn.jpg) center top no-repeat; padding: 6px 0; margin-top: 15px; text-transform: uppercase;}
    .overview p {text-align: center; padding: 15px 0; font-family: 'EB Garamond', serif; font-size: 18px; font-weight: 600; line-height: 120%;}
    .overview img {width:100%; height: auto;}


    /*** About ***/
    .about {background: #fff url(../img/line.png) center top repeat-x; display: block; padding: 60px 0 80px; text-align: center;}
    .about h2{display: block; padding-bottom:50px;}
    .about p {font-size: 30px; padding-bottom: 20px; color:#4f4f4f; font-weight: 500;}


    /*** Portfolio ***/
    .portfolio {background: #fff url(../img/portfolio-bg.jpg) center top no-repeat; background-size:cover; display: block; padding-bottom:80px; text-align: center;}
    .portfolio h2 {background:url(../img/line.png) center top repeat-x; display: block; width: 100%; padding: 70px 0 50px;}
    .portfolio .thumb {padding:18px 14px; background: url(../img/thumb-border.png) top center no-repeat; background-size: cover;}


    /*** Blog ***/
    .blog {background:url(../img/line.png) center top repeat-x; display: block; padding: 80px 0;}
    .blog h2 {padding-bottom: 50px;}
    .blog .pic {display: block; padding-bottom: 20px;}

    .blog h4 {font-family: 'Open Sans', sans-serif; padding-bottom: 15px; text-transform:uppercase; font-weight: 400;}


/*** About Us ***/
.about-us {padding:70px 0;}
.about-us p {font-size:20px; line-height:140%;}


/*** Cherleston Map ***/
.charleston-map {padding:70px 0;}
.map-details {padding:60px 0 30px;}
.map-details .col {font-family: 'EB Garamond', serif; display: inline-block; width: 33%; padding: 15px; font-weight:700; font-size:18px;}
.map-details .col img {padding-right: 20px; float:left;}


/*** Quick Search ***/
.quick-search {background: #3a3a3a; padding:20px 0 30px;}
.quick-search a.link {font-size: 14px; display: inline-block; padding:10px 20px 20px 0; color:#fff;}
.quick-search a.link:hover,
.quick-search a.link.active{color:#00a4f9; text-decoration: underline;}
.quick-search .form .txt,
.quick-search .form select {padding:10px; border-radius:2px; font-size:12px; border:0; min-height: 45px; color:#666; -webkit-appearance: textfield;}
.quick-search .form select {background:#fff url(../img/down-arrow.png) center right no-repeat !important;}
.quick-search .form .btn {padding:10px 0; height:45px; width:100%;}
.quick-search .form .btn:hover {background:#3dd4ff; color:#000;}

/*** Advance Search ***/
#advance-search .col1,
#advance-search .col2,
#advance-search .col3,
#advance-search .col4 {display: table-cell; color:#fff; padding: 15px 10px; width: 20%; vertical-align: top;}
#advance-search .col1 {width:40%;}
#advance-search .col1 .col-md-2 {text-align:center; padding-top:10px;}
#advance-search .col1 .col-md-5 {padding:0; margin-bottom: 15px;}
#advance-search .col1 {padding-left:0;}
#advance-search .col4 {padding-right:0;}

#advance-search h4 {font-size:16px; font-weight: 600; text-transform: uppercase; color:#fff; font-family: 'Open Sans', sans-serif; padding-bottom:10px;}
#advance-search label {display: block; margin: 0; padding: 8px 0 8px 20px; font-weight: 300;}


/**** Search Page ****/

.search-page {padding:60px 0; text-align:center;}
.search-page .property-list {margin:-10px;}
.search-page .property-list .pic img {padding: 14px;}
.search-page .property-list .location {padding: 6px; font-size: 14px;}
.search-page .property-list .price {font-size:16px; padding-bottom:0;}
.search-page .property-list .ameni ul li {padding: 0 12px;}

.search-page .pagination {padding-top:40px; margin-top:40px; border-top:#727272 1px solid; width:100%; text-align:center; border-radius: 0;}

.search-list-map {min-height:1080px; position: relative;}
.search-list-map .full-height {position: absolute; width: 100%; height: 100%; padding-left:25px; right:0;}


/*** Search Page Details ***/

.search.property-details {padding:60px 0 30px;}
.search.property-details h2 {font-size:24px; padding-bottom:20px;}
.search.property-details h4 {font-size: 18px; text-transform:uppercase; padding: 15px 0; font-weight:300;}

.search.property-details p {font-size:15px;}
.search.property-details ul {padding:20px 0;}
.search.property-details li {line-height:25px; font-size:13px;}
.search.property-details li.title {font-size: 18px; text-transform: uppercase; padding-bottom:10px;}

.search.property-details .price {color:#0c94fc;  padding:0; margin-top:50px; font-size: 32px;}
.search.property-details .meta {font-size:18px;}
.search.property-details .aments {color:#000; font-size:17px; line-height:150%;}
.search.property-details .aments span {color:#666; display:block;}

.search.property-details .ctn {display:block; padding:10px 0 25px;}
.search.property-details .ctn button {font-size:18px; padding:10px 5px; text-align:center; border-radius:2px; text-transform:capitalize; width:46%; color:#fff; background:#3e3e3e; height: 45px;}
.search.property-details .ctn button img {padding-right:15px;}
.search.property-details .ctn .share {float:right;}
.search.property-details .location-map {padding-bottom:15px;}

.search.property-details .pager {padding-top:20px;}

.search-similar-listing {padding:30px 0 70px;}
.search-similar-listing h2 {padding-bottom:20px; font-size:30px;}


/*** Our Portfolio ***/

.our-portfolio {padding:60px 0; text-align:center;}
.property-list {padding:20px 0; margin:-8px; font-family: 'EB Garamond', serif;  text-align:center;}
.property-list .pic img {width: 100%; height: 166px; padding: 18px; background:url(../img/thumb-bg.png) center center no-repeat; background-size:100%;}
.property-list .location {padding: 10px; font-size: 18px; color:#525252;}
.property-list .location span {color:#c2602a;}
.property-list .price {font-size:24px; padding-bottom:8px; font-weight:600; color:#000;}
.property-list .ameni ul {list-style: none; margin: 0; padding: 0;}
.property-list .ameni ul li {display:inline-block; padding: 5px; font-size:12px; text-transform: uppercase; color:#272727;}
.property-list .ameni ul li:nth-child(odd) {color: #0c7dc4}


.pagination {padding-top: 40px; margin-bottom:0;}
.pagination > li {display:inline-block;}
.pagination > li > a, .pagination > li > span {border:0; color:#727272;}
.pagination > li > a:hover, .pagination > li > span:hover {background:transparent; color:#0c94fc;}
.pagination li .glyphicon {box-shadow: 0 0 5px #666; padding: 5px; margin-top: -5px; border-radius: 2px;}

.pagination-desc {display:block; text-align:center; padding-bottom:40px; font-size:12px; line-height:25px; color:#656565;}
.pagination-desc a {color:#0c94fc;}


/**** Portfolio 2 ****/
.portfolio2 {padding: 60px 0; text-align: center;}
.portfolio2 h2.title {font-size: 48px;}
.portfolio2 img.ppic {width:100%;}
.portfolio2 h3 {font-size: 30px; display: block; text-align: center; text-transform: uppercase; padding: 15px 0;}
.portfolio2 p {font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 22px; margin:5px 0 50px;}


.portfolio2-details {padding:60px 0 80px; font-family: 'EB Garamond', serif; text-align: center;}
.portfolio2-details h2 {font-size: 48px; text-transform:none; padding-bottom: 15px;}
.portfolio2-details p {font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 22px; text-align: center;}
.portfolio2-details .pgallery {margin: 40px 0;}
.portfolio2-details .pgallery .col-sm-3 {padding: 10px;}
.portfolio2-details .pgallery .col-sm-3 img {width: 100%;}

/*** Portfolio Details ***/

.property-details {padding:80px 0; font-family: 'EB Garamond', serif;}
.property-details h2 {font-size: 40px; text-align: left; text-transform:capitalize;}
.property-details h6 {font-size:24px; padding: 10px 0 30px;}
.property-details .description {padding-top:30px;}
.property-details .description h2 {padding-bottom:25px; color: #535353;}
.property-details .description h2 span {background: url(../img/blue-line.jpg) bottom right no-repeat; padding-bottom: 10px; display: inline-block;}
.property-details .description p {font-size: 18px; line-height: 140%;}

.property-details .share {padding: 40px 0 30px; font-size: 18px; text-align: center;}
.property-details .share a {display: inline-block; color: #666; margin-right: 25px;}
.property-details .share a:hover {color: #28a9d4;}
.property-details .share a img {float:left; padding-right: 15px}

.property-details form input,
.property-details form textarea {padding:10px; background:#fff; border-radius:3px; min-height:41px;}
.property-details form button {display:block; padding:12px 25px; width:100%; font-size:16px; text-transform: uppercase;}

.property-details h3 {font-size: 36px; text-transform: none; background: url(../img/line2.jpg) bottom left no-repeat; padding: 25px 0; margin-bottom: 20px;}

.property-details .facts li {padding: 0; font-size: 18px;}
.property-details .facts li span {width:95px; color: #666; display: inline-block;}

.property-details .amenities {padding: 25px 0 40px;}
.property-details .amenities li {font-size: 13px; line-height: 180%;}
.property-details .amenities .title {font-size: 18px; color: #0099cc; text-transform: uppercase;} 

.property-details .pager {padding-top: 60px;}
.property-details .pager .btn {padding: 15px 40px; margin: 10px; font-size: 18px; text-transform: uppercase; font-family: 'EB Garamond', serif;}
.property-details .pager .btn:hover {background: #000; color: #fff;}


/***** Portfolio Details - Gallery ******/

.property-details .image-gallery {display:table;}
.property-details #carousel-bounding-box {width:100%; float:left;}
.property-details #carousel-bounding-box img {width:100%; height:auto;}
.property-details .thumbnail,
.property-details .thumbnails {list-style:none ;  margin:0; padding:0;  display:inline-block; float:left;}
.property-details ul.thumbnails {width:100%; float:left; padding-top:5px; text-align:center;}
.property-details .thumbnails > li{display:inline-block; list-style:none; width:16.6%; padding:5px; float:left;}
.property-details .thumbnails > li a,
.property-details .thumbnails > li a:hover {border:0; cursor:pointer;}
.property-details .thumbnails > li a:hover {opacity:0.5;}
.property-details .carousel {margin: 0; padding: 0 ;}
.property-details .carousel-control.left {left: 15px; top:45%; background:transparent; height:60px; width:50px;}
.property-details .carousel-control.right {right: 15px; top:45%; background:transparent; height:60px; width:50px;}
.property-details .carousel-control i {font-size:40px;}
.property-details .carousel-indicators {right: 50%; top: auto; bottom: 0px; margin-right: -19px;}
.property-details .carousel-indicators li {background: #c0c0c0;}
.property-details .carousel-indicators .active {background: #333333;}


/*** Home Worth ***/
.home-worth {padding:80px 0; text-align:center;}
.home-worth .container {max-width:700px;}
.home-worth h2 {padding-bottom:20px; text-transform: none; font-size: 48px;}
.home-worth h4 {font-size:24px;}
.home-worth form {text-align:left; padding: 40px 0; font-family: 'EB Garamond', serif;}
.home-worth h5 {font-size:18px; padding-bottom: 20px; font-weight:600;}
.home-worth h5 span {font-weight:300;}
.home-worth input,
.home-worth select {min-height: 56px; border-radius:6px}

.home-worth .example {}
.home-worth .btn {padding:15px 30px; text-transform: uppercase; border-radius:7px; font-family: 'EB Garamond', serif; margin-top:20px;}


/*** Instagram ***/
.instagram {background:#e9e8e8;}
.instagram h2.title {padding:30px 0 50px; background: #fff url(../img/line.png) bottom center repeat-x; display: block; width: 100%; margin-bottom: 40px;}
.instagram .pics {float:left; width: 20%; padding: 5px;}


/*** Footer ***/

footer{background:#e9e8e8 url(../img/insta-bg.jpg) top center no-repeat; padding-top:200px;}
footer .menu{background:#c8c8c8; padding: 30px 0; width:100%; display:block;}
footer .link a {color:#000; font-size: 16px; text-transform: uppercase; padding: 6px; margin: 0 6px; display: inline-block; font-weight: 500;}
footer .link a:hover {color:#353535;}

footer .sm h4{display: inline-block; font-size: 16px; height: 35px; vertical-align: top; line-height: 30px; padding-right: 15px; text-transform: uppercase;}
footer .sm {text-align: right;}
footer .social {display: inline-block; hanging-punctuation: 35px;}
footer .social a{background:url(../img/social.png) left top no-repeat; width:35px; height:35px; text-indent:-999px; overflow:hidden; display:inline-block; margin:0 2px; opacity:0.6; text-align: left;}
footer .social a:hover {opacity:1;}
footer .social a.fb {background-position:0 0;}
footer .social a.tw {background-position:-35px 0;}
footer .social a.pr {background-position:-70px 0;}
footer .social a.gp {background-position:-105px 0;}


/*** Copyright ***/
.copyright{background:#656565; padding:20px 0; text-align:center; color:#c8c8c8; font-weight:normal; font-size:13px;}




.home-search .quick-search {padding: 10px 25px; border-radius:10px; background-color: rgba(0,0,0,0.85);}
.home-search .container {max-width: 1200px; margin-top: -300px; margin-bottom: 120px;}



@media(max-width:768px) {
    img.img-responsive {width:100%; height: auto;}
    .topbar {text-align: center;}
    .topbar .contacts {text-align:center; padding-top: 30px; line-height: 160%;}
    .topbar .contacts span {display: block;}
    h2 {font-size: 30px;}
    .overview h3 {margin-top: 25px;}
    .blog {padding-bottom: 10px;}
    .blog p {margin-bottom: 40px;}
    .instagram {padding-bottom:40px;}
    .instagram .pics {width:33%;}
    footer{text-align: center; background:#e9e8e8; padding-top:0;}
    footer .link a {display:block;}
    footer .sm {text-align: center; padding-top: 30px;}
    
    .property-details h2 {font-size: 26px;}
    
    #advance-search .col1,
    #advance-search .col2,
    #advance-search .col3,
    #advance-search .col4 {width:100%; display:block; padding:0; margin-bottom:30px;}
    
    .search-page .property-list {margin: 0;}
    .pagination>li>a, .pagination>li>span {padding: 6px 8px;}
  
    .property-details .pager .btn {padding: 10px 25px;}
    
    .map-details {padding: 60px 0 30px;}
    .map-details .col {display: block; width: 100%;}
    
    .home-worth h2 {font-size: 30px;}
    .home-worth h4 {font-size: 18px;}
    
    .home-worth .form-group.text-right {text-align: left;}
    
    .portfolio2-details h2 {font-size: 30px;}

    
}