/* Inner Page Container Start */

.inner-page-container{width: 100%; height: 250px; background:url(../images/city-guide-bg.jpg) no-repeat; background-size: cover; background-position: top; margin-top: 68px; position: relative;}

.inner-page-container .breadcrumb{background: none; padding: 10px 0 15px 0;}

.inner-page-container .breadcrumb li a{font-size: 10px; color: #bbbbbb;}

.inner-page-container .breadcrumb>li+li:before{font-size: 10px; color: #bbb; padding: 0 1px;}

.inner-page-container .breadcrumb>.active{font-size: 10px; color: #fff;}

.inner-page-container-detail h1{text-align: center; font-size: 28px; color: #fff; margin-bottom: 20px; font-weight: 400; margin-top: 45px;}

.inner-page-container-detail ul{text-align: center; margin: 0; padding: 0; list-style: none; font-size: 0;}

.inner-page-container-detail ul li{display: inline-block; padding: 0px 15px; font-size: 18px; color: #fff; font-weight: 400; position: relative;}

.inner-page-container-detail ul li:after{content: ""; background: #fff; width: 2px; height:14px; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; }

.inner-page-container-detail ul li:nth-of-type(3){padding-right: 0;}

.inner-page-container-detail ul li:nth-of-type(3):after{display: none;}

.inner-page-container:before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #444, #444); opacity: .85;}



/* Inner Page Container Finish */





.cityguide-page-about{padding: 50px 0 0px 0;}

.cityguide-page-about h2 {font-size: 28px; color: #858585; font-weight: 400; position: relative; margin-bottom: 35px;}

.cityguide-page-about h2:before {content: ""; background: #858585; width: 45px; height: 2px; bottom: -10px; left: 0; position: absolute;}

.cityguide-page-about p{font-size: 12px; line-height: 24px; color: #1a1a1a; font-weight: 500; margin-bottom: 13px;}



.city-guide-overview-detail{margin-bottom: 50px;}

.city-guide-overview-detail-L{width: 450px; height: 260px; background: #fdfdfd; box-shadow: 0 0 6px rgba(0,0,0,0.15); float: left; margin-right: 30px; padding: 5px; margin-bottom: 7px;}

.city-guide-overview-detail-L img{width: 100%; height: 100%;}

.truncate .moreless.more, .truncate .moreless.less{color: #ed2100; font-weight: 600;}







.trending-box-1{background: url(../images/city-guide-1.jpg);  height: 400px; display: inline-block; background-repeat: no-repeat; background-position: top center; background-size: cover;  vertical-align: top; margin-right: 10px; cursor: pointer; overflow: hidden; position: relative; width: calc(20% - 10px);}

.trending-box-2{background: url(../images/city-guide-2.jpg);  height: 400px; display: inline-block; background-repeat: no-repeat; background-position: top center; background-size: cover;  vertical-align: top; margin-right: 10px; cursor: pointer; overflow: hidden; position: relative; width: calc(30% - 10px);}

.trending-box-3{background: url(../images/city-guide-3.jpg);  display: inline-block; background-repeat: no-repeat; background-position: top center; background-size: cover;  vertical-align: top; cursor: pointer; overflow: hidden; position: relative; height: calc(50% - 10px); width: 100%; margin-bottom: 10px;}

.trending-box-4{background: url(../images/city-guide-4.jpg);  display: inline-block; background-repeat: no-repeat; background-position: top center; background-size: cover;  vertical-align: top; cursor: pointer; overflow: hidden; position: relative; width: calc(50% - 10px); height: 50%; margin-right: 10px;}

.trending-box-5{background: url(../images/city-guide-5.jpg);  display: inline-block; background-repeat: no-repeat; background-position: top center; background-size: cover;  vertical-align: top; cursor: pointer; overflow: hidden; position: relative; width: calc(50% - 0px); height: 50%;}

.trending-content-box{background: rgba(31,31,31,0.52); height: 100%; opacity: 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;}

.trending-box-city{position: absolute; top: 10px; left: 10px;}

.display-inline-font, .trending-box{font-size: 0;}

.trending-content-box-detail{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; padding: 0 15px;}

.trending-content-box-detail h4 a{color:#fff; font-size: 15px; font-weight: 500; text-transform: capitalize; line-height: 20px;}



.trending-content-box-detail a{padding: 6px 10px; border: 1px solid #fff; border-radius: 25px; color: #fff; margin: 3px; text-decoration: none; display: inline-block;}

.trending-content-box-detail a:hover{background: #fff; color: #1a1a1a;}

.trending-box:hover .trending-content-box{opacity: 1;}

.trending-box-right{width: 50%; display: inline-block; height: 400px; vertical-align: top;}



.city-guide-best{padding: 50px 0;}

.city-guide-best h3 {font-size: 24px; color: #858585; font-weight: 400; position: relative; margin-bottom: 40px;}

.city-guide-best h3:before {content: ""; background: #858585; width: 45px; height: 2px; bottom: -10px; left: 0; position: absolute;}



.best-prop-div{position: relative; padding-left: 34px; margin-bottom: 20px;}

.best-prop-div a{display: block; font-size: 16px; font-weight: 600; color: #2980b9; text-decoration: none; margin-bottom: 3px;}

.best-prop-div font{display: block; font-size: 14px; font-weight: 500; color: #1a1a1a;}

.best-prop-div a:hover{text-decoration: underline;}

.best-prop-div img{position: absolute; top: 2px; left: 0; width: 19px;}



.best-property-section{background: #fbfbfb; padding: 50px 0 20px 0;}

.best-property-section h3 {font-size: 24px; color: #858585; font-weight: 400; position: relative; margin-bottom: 50px; text-align: center;}

.best-property-section h3:before {content: ""; background: #858585; width: 45px; height: 2px; bottom: -10px; left: 0; right: 0; margin: auto; position: absolute;}



.best-property-div{background: #fff; padding: 10px; margin-left: 10px; margin-right: 10px; box-shadow: 0 0 6px rgba(0,0,0,0.15); text-align: center; margin-bottom: 40px;}

.best-property-div .develop-logo{width: 160px; height: 80px; margin: auto; padding: 10px;}

.best-property-div .develop-logo img{width: 95%; height: 95%;}

.best-property-div a{color: #2980b9; text-decoration: none; font-size: 16px; font-weight: 600; margin-bottom: 7px; display: block;}

.best-property-div a:hover{text-decoration: underline;}

.best-property-div ul{text-align: center; margin: 0; padding: 0; list-style: none; font-size: 0; margin-bottom: 12px;}

.best-property-div ul li{display: inline-block; padding: 0px 15px; font-size: 14px; color: #1a1a1a; font-weight: 500; position: relative;}

.best-property-div ul li font{font-weight: 600;}

.best-property-div ul li:after{content: ""; background: #1a1a1a; width: 1px; height:14px; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; }

.best-property-div ul li:nth-of-type(3){padding-right: 0;}

.best-property-div ul li:nth-of-type(3):after{display: none;}



.market-snapshot-section{padding: 50px 0;}

.market-snapshot-section font, .city-guide-blog-section font{font-size: 18px; text-align: center; display: block; color: #1a1a1a; font-weight: 500; text-transform: uppercase;}

.market-snapshot-section h2, .city-guide-blog-section h2 {color: #858585; text-align: center; font-size: 28px; margin-top: 10px; margin-bottom: 50px;}

.morris-hover{position:absolute;z-index:0}

.morris-hover.morris-default-style{border-radius:5px;padding:6px;background:rgba(255,255,255,0.8);border:1px solid #ddd;color:#1a1a1a;font-family: 'Montserrat', sans-serif !important;font-size:12px;text-align:center}

.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;}

.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;font-weight: 500 !important; color: #e73f0c !important;}

.market-snapshot-section text{font-weight: 500 !important; color: #1a1a1a; font-family: 'Montserrat', sans-serif !important;}





.city-guide-blog-section{padding: 30px 0 40px 0;}

.latesthome-blog{position: relative; height: 260px; position: relative;}

.latesthome-blog img{width: 100%; height: 100%;}

.latesthome-blog-box{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.15);}

.latesthome-blog-detail{background: #fff; position: relative; padding: 23px; margin:-30px 30px 30px 30px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.07);}

.latesthome-blog-detail h4{transition: 0.25s; color: #1a1a1a; font-size: 18px; font-weight: 500; margin-bottom: 10px;}

.latesthome-blog-detail p{color: #858585; font-size: 12px; line-height: 22px;}

.latesthome-blog-detail button{background: #fff; border: 1px solid #858585; transition: 0.25s; color: #858585; font-size: 11px; font-weight: 600; padding: 6px 10px; position: absolute; right: 15px; top: 15px;}

.tag-date{position: absolute; transition: 0.25s; -webkit-transform: translate(0,-100%); -ms-transform: translate(0,-100%); -o-transform: translate(0,-100%); transform: translate(0,-100%); top: 0; left: 0; background-color: #858585; color: #fff; text-align: center; line-height: 20px; padding: 10px 20px;}

.tag-date:before{border-bottom: 10px solid #858585; transition: 0.25s; border-left: 39px solid transparent; border-right: 37px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: -10px; width: 0;}

.tag-date font{color: #fff; font-size: 16px; font-weight: 600;}

.latesthome-hvr:hover .tag-date{background: #e73500;}

.latesthome-hvr:hover .tag-date:before{border-bottom: 10px solid #e73500;}

.latesthome-hvr:hover .latesthome-blog-detail h4{color: #e73500;}

.latesthome-hvr:hover .latesthome-blog-detail button{background: #858585; color: #fff;}

/* City Page Properties Finish */


.city-properties-width{position: relative; z-index: 1;}


.city-guide-develop-lnk{position: absolute; top: 0px; right: 25px; font-size: 11px; font-weight: 500; color: #ea2c00; text-decoration: none !important; border: 1px solid #ea2c00; padding: 6px 10px; border-radius: 4px;}
.city-guide-develop-lnk:hover{color: #fff; background: #ea2c00;}

.location-guide{height: 125px}
.location-guide>img{width: 100%; height: 100%;}
.location-guide-detail>a{text-align: left; margin-bottom: 5px;}
.location-guide-detail>font{text-align: left; display: table; font-weight: 500;}

@media screen and (max-width: 991px){


.inner-page-container .breadcrumb{display: none;}

.inner-page-container{margin-top: 108px;}

.inner-page-container-detail h1{font-size: 24px; margin-top: 65px;}

.inner-page-container-detail ul li{font-size: 15px; margin-bottom: 7px;}

.cityguide-page-about h2{font-size: 24px;}

.city-trending-respon {width: 100%; overflow-x: scroll !important; white-space: nowrap; overflow-y: hidden;}

.trending-box-1, .trending-box-2, .trending-box-3, .trending-box-4, .trending-box-5 {display: inline-block; width: 300px; height: 150px; margin-bottom: 20px;}

.trending-box-right {display: inline-block; width: 100%; height: 150px;}

.trending-box-3 {margin-right: 10px;}

.trending-content-box{white-space: initial; opacity: 1;}

.city-guide-best h3{font-size: 18px; font-weight: 600;}

.best-prop-div a{font-size: 15px;}

.best-prop-mar-respon{margin-top: 30px;}

.best-property-section h3{font-size: 22px;}



.best-property-section-respon{width: 100%; overflow-x: scroll !important; white-space: nowrap; overflow-y: hidden;}

.best-property-section-respon > .col-md-6{display: inline-block; width: 376px; height: 181px; white-space: initial; margin-bottom: 10px;}

.best-property-div{margin-left: -10px; margin-right: -10px; margin-bottom: 15px;}

.market-snapshot-section h2, .city-guide-blog-section h2{font-size: 24px;}

.market-snapshot-section font, .city-guide-blog-section font{font-size: 14px;}

.latest-blog-city-respon{width: 100%; overflow-x: scroll !important; white-space: nowrap; overflow-y: hidden;}

.latesthome-hvr{display: inline-block; white-space: initial; width: 400px;}

.latesthome-blog-detail{margin: 0 0 10px 0;}

.top-trending-respon { width: 100%; overflow-x: scroll !important; white-space: nowrap; overflow-y: hidden;}

.trending-content-box-detail a{padding: 6px 12px;}
.trending-content-box-detail h4 a{font-size: 13px; text-shadow: 0 0 5px #000; text-transform: capitalize; line-height: 20px;}
.latest-blog-respon {width: 100%; overflow-x: scroll; white-space: nowrap; overflow-y: hidden;}
.city-guide-develop-lnk{position: static; display: table; margin: 30px auto 15px; font-size: 14px; padding: 7px 15px;}
}





@media screen and (max-width: 767px){

.city-guide-overview-detail-L{width: 100%; display: block; float: none; height: auto;}
.tag-date {padding: 10px 22px;}
.location-guide{height: auto; margin-right: -15px;}
.location-guide-detail{padding: 15px 15px 0 15px!important;}
}