/*------------------------------------------------------------------
[Master Stylesheet]

Project:  LoveVila - Single Property Real Estate Responsive HTML Template
Version:  1.0
Last change:  04/11/2016
Assigned to:  Gyaan Education
Primary use:  Single Property Real Estate
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Color codes]

Background    		: #ffffff, #eff3f5
Content     		: #000000
Header h1 to h6 	: #546675
Footer      		: #243c4f

a (standard)  	: #546675
a (hover)   	: #ffffff
a (active)    	: #ffffff
a (focus)   	: #ffffff
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body copy   : 14px/42px Roboto, Lato;
Headers     : 14px/42px Roboto, Lato;
Input, textarea : 14px Roboto, Lato;
Sidebar heading : 18px Roboto, Lato;
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Typography
3. Header
	3.1 Top Bar
	3.2 Menu
4. Slider
5. About Us
6. Amenities
7. Room Dimensions
8. Photo Gallery
9. Floor Plan
10. Near By Place
11. Latest Blog
12. Google Map
13. Agent Detail
14. Footer
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body ]
------------------------------------------------------------------*/
body,ul{
	margin:0px;
	padding:0px;
	font-family: "Roboto";
}

/*------------------------------------------------------------------
[2. Typography ]
------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	text-transform: uppercase;
	font-family: 'Roboto';	
	color: #404d5f;
}
h1{
	font-size: 36px;
}
h2{
	font-size:30px;
}
h3{
	font-size:24px;
	margin-bottom:30px;
}
h4{
	font-size:18px;
}
h5{
	font-size:16px;
}
h6{
	font-size:14px;
}
p{
	font-family: 'Roboto';
    color: #7e8c99;
    font-size: 16px;
    margin: 0px;
}
a {
	color: #7e8c99;
}
section {
	float:left;
	width:100%;
	height:auto;
}
footer {
	float:left;
	width:100%;
	height:auto;
}
.one-page-footer {
	background-color: #142c3f;
}
blockquote::before {
	content: "";
	font-family: "FontAwesome";
	left: 10px;
	position: absolute;
	top: 15px;
}
blockquote {
	border: 1px solid #d6d6d6;
	color: #7e8c99;
	font-style: italic;
	padding: 30px;
	position: relative;
	text-indent: 25px;
}
.padding-none,
.padding_none {
	padding:0px;
}

/*------------------------------------------------------------------
[3. Header ]
------------------------------------------------------------------*/
.main-title {
	margin: 0px;
	color: #243c4f;
}
p.sub-title {
	color: #56758d;
	position: relative;
}
p.sub-title::after {
	background-color: #3797dd;
	bottom: -10px;
	content: "";
	height: 2px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 50px;
}
p.left.sub-title::after {
	margin: 0;
}
.icon-type1 i {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #3797dd;
	color: #ffffff;
	line-height: 70px;
	font-size: 35px;
	margin-bottom: 10px;
}
.icon-type1 .icon-title {
	text-transform: capitalize;
	margin-bottom: 15px;
}
a.link-light-blue {
	background-color: #3797dd;
	color: #ffffff;
	text-decoration: none;
	padding: 15px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 15px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
a.link-light-blue:hover {
	background-color: #404d5f;
}
.full-width {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.icon-type1 {
		margin-top: 30px;
	}
}
/*_________________Font Colors______________*/
.font-white {
	color: #ffffff;
}
.font-grey {
	color: #243c4f;
}
/*_________________Background Colors ________*/
.background-white {
	background-color: #ffffff;
}
.background-light-blue {
	background-color: #f1fafe;
}
.background-blue {
	background-color: #3797DD;
}
.background-light-grey {
	background-color: #EFF3F5;
}
.background-extra-light-grey {
	background-color: #F8F8F8;
}
/*_________________Vertical Distance__________*/
.vertical-distance-5 {
	display: inline-block;
	width: 100%;
	height: 5px;
	background-color: rgba(0,0,0,0);
}
.vertical-distance-10 {
	display: inline-block;
	width: 100%;
	height: 10px;
	background-color: rgba(0,0,0,0);
}
.vertical-distance-20 {
	display: inline-block;
	width: 100%;
	height: 20px;
	background-color: rgba(0,0,0,0);
}
.vertical-distance-40 {
	display: inline-block;
	width: 100%;
	height: 40px;
	background-color: rgba(0,0,0,0);
}
.vertical-distance-60 {
	display: inline-block;
	width: 100%;
	height: 60px;
	background-color: rgba(0,0,0,0);
}
.vertical-distance-80 {
	display: inline-block;
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,0);
}
/*__________________Header_______________*/

/*------------------------------------------------------------------
[3.1 Top Bar ]
------------------------------------------------------------------*/
.header {
	display: inline-block;
	width: 100%;
}
.social-link-header {
	width: 100%;
	background-color: #243c4f;
	display: inline-block;
}
p.tage-line {
	color: #63839c;
	font-size: 14px;
	width:auto;
	display: inline-block;
	text-transform: uppercase;
	padding:15px 0px;
	float: left;
}
ul.social-icons {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline-block;
	float: right;
}
ul.social-icons li {
	display: inline-block;
	width: 50px;
	text-align: center;
	border-left: 1px solid #2e495f;
	color: #ffffff;
	padding:15px 0px;
}
ul.social-icons li a,
span.email-address a {
	color: #63839c;
	text-decoration: none;
}
ul.social-icons li a:hover,
span.email-address a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
span.email-address {
	float: right;
	padding: 15px 15px;
	border-left: 1px solid #2e495f;
	font-size: 15px;
	background-color: #2e495f;
	font-family: 'Lato', sans-serif;
	display: inline-block;
}
span.phone-number {
	float: right;
	padding: 15px 15px;
	border-left: 1px solid #2e495f;
	font-size: 15px;
	background-color: #3797dd;
	font-family: 'Lato', sans-serif;
	display: inline-block;
}
span.phone-number a {
	color: #eeeeee;
	text-decoration: none;
}
span.phone-number a:hover {
	color: #ffffff;
}
span.phone-number a i, 
span.email-address a i {
	margin-right: 5px;
}

@media screen and (max-width: 767px) {
	span.email-address {
		float: left;
		padding: 10px;
	}
	span.phone-number {
		float: right;
		padding: 10px;
	}
	ul.social-icons,
	p.tage-line {
		display: none;
	}

}
@media screen and (max-width:359px) {
	span.email-address {
		display: none;
	}
}

/*------------------------------------------------------------------
[3.2 Menu ]
------------------------------------------------------------------*/
.menu {
	padding: 10px 0px 0px;
}
.menu .navbar.navbar-default {
	background-color: #FFFFFF;
	border: none;
	margin: 0px;
}
.menu .navbar.navbar-default li a {
	color: #7e8c99;
	font-family: "Roboto";
	font-size: 16px;
	font-weight: bold;
	padding: 40px 15px 50px;
	position: relative;
	text-transform: uppercase;
}
.menu .navbar.navbar-default li:last-child a {
	padding-right: 0px;
}
.menu .navbar.navbar-default li a:hover,
.menu .navbar.navbar-default li a:active,
.menu .navbar.navbar-default li a:focus {
	color: #435061;
	outline: none;
}
.menu .navbar.navbar-default li.has-child > a {
	padding-right:30px;
	position: relative;
}
.menu .navbar.navbar-default li.has-child > a::after {
	content: "\f078";
	font-family: "FontAwesome";
	font-size: 10px;
	position: absolute;
	right: 10px;
}
.menu .navbar.navbar-default ul.sub-menu {
	background: rgba(0, 0, 0, 0.60) none repeat scroll 0 0;
	border: 1px solid #d6d6d6;
	list-style: outside none none;
	padding: 30px;
	position: absolute;
	transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform-origin: center top 0;
	-webkit-transform-origin: center top 0;
	-moz-transform-origin: center top 0;
	-o-transform-origin: center top 0;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	z-index: 999;
}
.menu .navbar-brand {
	padding: 10px 0 0;
	height: auto;
}
.menu.one-page-menu {
        padding-top: 0px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-brand > img {
		margin-top: 10px;
		width: 130px;
	}
}
@media screen and (max-width: 767px) {
	.menu .navbar-brand {
		padding: 10px 0 10px;
		height: auto;
	}
	.menu .navbar-toggle {
		margin-top: 30px;
	}
}
.menu .navbar-brand:hover,
.menu .navbar-brand:active, 
.menu .navbar-brand:focus {
	outline: none;
}
.menu .navbar.navbar-default li.has-child > a:hover + ul.sub-menu,
.menu .navbar.navbar-default li.has-child > ul.sub-menu:hover {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
}
.menu .navbar.navbar-default ul.sub-menu li {
	border-bottom: 1px solid #6e6e6e;
}
.menu .navbar.navbar-default ul.sub-menu li > a {
	white-space: nowrap;
	color: #eeeeee;
	display: inline-block;
	padding: 5px;
	text-decoration: none;
}

.menu .navbar.navbar-default ul.sub-menu li > a:hover {
	color: #ffffff;
}
@media screen and (max-width: 767px) {
	.menu .navbar.navbar-default ul.sub-menu {
		position: relative;
		display: none;
	}
	.menu .navbar.navbar-default li.has-child > a:hover + ul.sub-menu,
	.menu .navbar.navbar-default li.has-child > ul.sub-menu:hover {
		display: block;
	}
	.menu .navbar.navbar-default li a {
		padding: 15px;
	}
	.menu .navbar.navbar-default li.has-child > a::after {
		right: 20px;
	}
}
header.header-2 .navbar-brand,
header.header-3 .navbar-brand {
	padding-top: 0px;
}
@media screen and (min-width: 992px) {
	header.header-2 {
		font-size: 0;
		position: absolute;
		width: 100%;
		z-index: 2;
	}
	header.header-2 p.tage-line {
		padding-left: 15px;
	}
	header.header-2 .menu {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 0px;
		background: #ffffff;
	}
	header.header-2 .menu .navbar.navbar-default ul.nav > li > a {
		padding-top: 27px;
		padding-bottom: 27px;
	}
	header.header-3 {
		position: absolute;
		width: 100%;
		z-index: 2;
	}
	header.header-3 .menu {
		background: rgba(255,255,255,0);
	}
	header.header-3 .navbar.navbar-default {
		background: rgba(255,255,255,0);
	}
	header.header-3 .menu .navbar.navbar-default ul.nav > li > a {
		padding-top: 25px;
		padding-bottom: 25px;
		color: #374552;
	}
}

/*------------------------------------------------------------------
[4. Slider ]
------------------------------------------------------------------*/
.main-slider #main-slider-carousel .carousel-indicators li {
	border-color: #3797dd;
}
.main-slider #main-slider-carousel img {
	width: 100%;
	height: auto;
}
.main-slider #main-slider-carousel .carousel-indicators li.active {
	background-color: #3797dd;
}
.main-slider .carousel-control.left {
	background-image: none;
	border: 1px solid #ffffff;
	height: 50px;
	left: 3%;
	top: 40%;
	width: 50px;
	background-color: #3797dd;
}
.main-slider .carousel-control.right {
	background-image: none;
	background-repeat: repeat-x;
	border: 1px solid #ffffff;
	height: 50px;
	right: 3%;
	top: 40%;
	width: 50px;
	background-color: #3797dd;
}
.main-slider .carousel-caption {
	font-family: "Roboto";
	height: auto;
	left: 0;
	text-shadow: none;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	width: 100%;
	padding: 0px;
}
.main-slider .carousel.slide,
.main-slider .carousel.slide .item {
	/*max-height: 700px;*/
	overflow: hidden;
}
.property-slider-info {
	background: #ffffff none repeat scroll 0 0;
	clear: both;
	float: left;
	padding: 30px 30px 15px;
	width: 400px;
}
.property-detail-slider-info {
	background: #ffffff none repeat scroll 0 0;
	clear: both;
	float: left;
	padding: 0 30px 30px;
	width: 400px;
}
.property-detail-slider-info p span {
	color: #131316;
}
.property-price-slider-info {
	clear: both;
	width: 400px;
	background-color: rgba(0,0,0,0);
	float: left;
}
.main-slider .carousel-caption h2 {
	font-size: 24px;
	text-align: left;
	transition: all 1s ease-in-out 0.1s;
	-moz-transition: all 1s ease-in-out 0.1s;
	-o-transition: all 1s ease-in-out 0.1s;
	-webkit-transition: all 1s ease-in-out 0.1s;
	width: 100%;
	margin: 0px;
}
.main-slider .carousel-caption p {
	font-size: 16px;
	text-align: left;
	clear: both;
	transition: all 2s ease-in-out 0.1s;
	-moz-transition: all 2s ease-in-out 0.1s;
	-o-transition: all 2s ease-in-out 0.1s;
	-webkit-transition: all 2s ease-in-out 0.1s;
	width: 100%;
}
.main-slider .carousel-caption .property-slider-info p {
	border-bottom: 1px solid #c6c6c6;
	margin-top: 10px;
	padding-bottom: 15px;
}
.main-slider a.link-light-blue {
	width: 100%;
}
.main-slider .carousel-caption .property-detail-slider-info p {
	font-size: 14px;
}
.property-detail-slider-info p span {
	color: #131316;
	margin-left: 5px;
	margin-right: 20px;
}
.property-detail-slider-info p span:last-child {
	margin:0px;
}
.price-label.pull-left {
	color: #3797dd;
	font-size: 24px;
	font-weight: bold;
	margin-top: 15px;
}
.property-price-slider-info .price-label {
	background-color: #243c4f;
	color: #ffffff;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
}
.main-slider .active .carousel-caption,
.main-slider .active .carousel-caption h2,
.main-slider .active .carousel-caption p,
.main-slider .active a.slider-button {
	opacity: 1;
}
@media screen and (max-width: 991px) {
	.main-slider .carousel-caption {
		top: 0px;
		transform: translateY(2%);
		-webkit-transform: translateY(2%);
		-moz-transform: translateY(2%);
		-o-transform: translateY(2%);
	}
}
@media screen and (max-width: 767px) {
	.main-slider .carousel-caption {
		padding-top: 5%;
	}
	.property-slider-info, 
	.property-detail-slider-info,
	.property-price-slider-info {
		width: 300px;
	}
	.property-slider-info, 
	.property-detail-slider-info {
		padding: 15px;
	}
	.main-slider .carousel-caption .property-detail-slider-info p {
		font-size: 12px;
	}
	.main-slider .carousel-caption h2 {
		font-size: 18px;
	}
	.main-slider .carousel-caption p {
		font-size: 14px;
	}
	.property-detail-slider-info p span {
		margin-left: 2px;
		margin-right: 10px;
	}
	.property-price-slider-info .price-label {
		font-size: 18px;
		font-weight: normal;
		padding: 5px 10px;
	}
	.main-slider a.link-light-blue {
		font-size: 13px;
		margin-top: 0;
		padding: 8px 10px;
	}
	.price-label.pull-left {
		font-size: 18px;
		margin-top: 10px;
	}
}
@media screen and (max-width: 639px) {
	.main-slider .carousel-caption {
		padding-top: 2.5%;
	}
	.property-detail-slider-info {
		padding-top: 0pX;
	}
	.property-slider-info p {
		display: none;
	}
}
@media screen and (max-width: 419px) {
	.main-slider .carousel-caption {
		display: none;
	}
}

/*------------------------------------------------------------------
[5. About Us ]
------------------------------------------------------------------*/
.about-image {
	width: 100%;
	height: auto;
}
.about-img img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.about-img {
		margin-bottom: 30px;
	}
}
.about-detail-section {
	padding: 30px;
}
.about-detail-section h4 {
	font-size: 21px;
	line-height: 1.4;
	margin-top: 0px;
	color: #404d5f;
	margin-bottom: 30px;
}
.about-detail-section p {
	margin-bottom: 20px;
	color: #657188;
}
.view-on-map-btn, 
.schedule-visit-btn, 
.documents-btn {
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 15px;
	padding: 10px 30px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	position: relative;
}
@media screen and (max-width: 639px) {
	.view-on-map-btn, 
	.schedule-visit-btn, 
	.documents-btn {
		margin-left: 0px;
		width: 100%;
	}
}
.documents-btn i, 
.schedule-visit-btn i, 
.view-on-map-btn i {
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 4px #bebebe;
	color: #404D5F;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	width: 30px;
}
.documents-btn,
.view-on-map-btn {
	background-color: #FFFFFF;
	color: #404D5F;
	border: 1px solid #404D5F;
	transform-origin: top left;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
}
.schedule-visit-btn {
	background-color: #404d5f;
	border: 1px solid #404d5f;
	text-decoration: none;
}
.schedule-visit-btn:hover, 
.documents-btn:hover,
.view-on-map-btn:hover {	
	background-color: #3797DD;
	border-color: #3797DD;
	color: #FFFFFF;
	text-decoration: none;
}
.schedule-visit-btn.white-border:hover, 
.documents-btn.white-border:hover,
.view-on-map-btn.white-border:hover {	
	background-color: #3797DD;
	border-color: #ffffff;
	color: #FFFFFF;
	text-decoration: none;
}
.icon-box-1 {
	width: 100%;
	height: auto;
}
.border-right-blue {
	border-right: 1px solid #82caff;
}
.icon-box-1 i {
	font-size: 24px;
	color: #ffffff;
}
.icon-box-1 span {
	color: #e0e0e0;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.icon-box-1 p {
	font-size: 17px;
	color: #82caff;
	font-weight: bold;
}
.icon-box-1 h2 {
	color: #ffffff;
	margin-top: 5px;
	font-size: 25px;
	font-weight: bold;
}
.icon-box-2 {
	border: 1px solid #cecece;
	height: auto;
	margin-bottom: 30px;
	padding: 20px 0;
	width: 100%;
}
@media screen and (max-width: 767px) {
	
}
.border-right-blue {
	border-right: 1px solid #82caff;
}
.icon-box-2 i {
	border: 1px solid #3797dd;
	border-radius: 50%;
	color: #3797dd;
	font-size: 24px;
	padding: 20px;
}
.icon-box-2 span {
	color: #56758d;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.icon-box-2 p {
	font-size: 17px;
	color: #7e8c99;
	font-weight: bold;
}
.icon-box-2 h2 {
	color: #82caff;
	margin-top: 5px;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 0px;
}

/*------------------------------------------------------------------
[6. Amenities ]
------------------------------------------------------------------*/
.amenities {
	background-image: url("../images/10.jpg");
	background-repeat: repeat;
	background-size: contain;
}
.amenities-inner {
	padding: 0px 30px;
}
ul.amenities-list {
	padding: 0px;
	list-style: none;
	padding-left: 20px;
}
ul.amenities-list li {
	color: #7e8c99;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 5px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}
ul.amenities-list li:before {
	font-family: "FontAwesome";
	content: "\f046";
	left: -20px;
	top: 0;
	font-weight: normal;
	color: #82caff;
	font-size: 12px;
	position: absolute;
}
@media screen and (max-width: 767px) {
	.amenities h4 {
		margin-top: 30px;
	}
}

/*------------------------------------------------------------------
[7. Room Dimensions ]
------------------------------------------------------------------*/
.room-dimentions-panel.panel-group .panel {
	margin: 0px;
	border-radius: 0px !important;
}
.room-dimentions-panel.panel-group .panel + .panel {
	border-top: 0px;
}
.room-dimentions-panel.panel-group .panel-heading {
	padding: 0px;
	border-radius: 0px;
}
.room-dimentions-panel.panel-group .panel-heading a {
	display: inline-block;
	padding: 20px 30px;
	border-radius: 0px;
	width: 100%;
	height: auto;
	text-decoration: none;
	outline: none;
	background-color: #3797dd;
	color: #ffffff;
	transition: all 0.5s ease-in-out 0.1s;
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	position: relative;
}
.room-dimentions-panel.panel-group .panel-heading a.collapsed {
	background-color: #F5F5F5;
	color: #5d5d5d;
}
.room-dimentions-panel.panel-group .panel-heading a::after {
	background-color: #ffffff;
	border-radius: 50%;
	content: "";
	font-family: "FontAwesome";
	height: 35px;
	line-height: 38px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 13px;
	width: 35px;
	color: #3797dd;
	transition: all 0.5s ease-in-out 0.1s;
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}
.room-dimentions-panel.panel-group .panel-heading a.collapsed::after {
	color: #5d5d5d;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}
p.dimention-info {
	font-weight: bold;
}
.room-dimentions-panel ul.amenities-list li {
	color: #898989;
}
.dimention-caption {
	position: absolute;
	bottom: 0;
	right: 15px;
	padding: 15px;
	background-color: #3797dd;
}
.dimention-caption h4 {
	color: #ffffff;
	margin: 0px;
	text-align: center;
	font-weight: bold;
}
.dimention-image {
	padding-left: 0px;
}
.dimention-image img {
	width: 100%;
	height: auto;
}
/************ Dimention Detail Section 2 *************/
.dimention-detail ul.nav.nav-tabs {
	border-bottom: 0px;
	text-align: center;
}
.dimention-detail ul.nav.nav-tabs li {
	background-color: #3797DD;
	color: #ffffff;
	margin-right: 5px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	float: none;
	display: inline-block;
	margin-bottom: 10px;
}
.dimention-detail ul.nav.nav-tabs li.active,
.dimention-detail ul.nav.nav-tabs li:hover {
	background-color: #ffffff;
	outline: none;
	border-color: #3797DD;
}
.dimention-detail ul.nav.nav-tabs li a {
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	font-weight: bold;
}
.dimention-detail ul.nav.nav-tabs li.active a,
.dimention-detail ul.nav.nav-tabs li:hover a {
	color: #3797DD;
	outline: none;
	border-color: #3797DD;
	background-color: #ffffff;
	border-radius: 0px;
}

/*------------------------------------------------------------------
[8. Photo Gallery ]
------------------------------------------------------------------*/
ul.photo-gallery {
	display: inline-block;
	list-style: none;
	padding: 0px;
	width: 100%;
}
ul.photo-gallery li {
	float: left;
	width: 25%;
	font-size: 0px;
	border: 1px solid #FFFFFF;
	position: relative;
	cursor: pointer;
}
.columns-3 ul.photo-gallery li {
	float: left;
	width: 33.33%;
	font-size: 0px;
	border: 1px solid #FFFFFF;
	position: relative;
	cursor: pointer;
}
.columns-2 ul.photo-gallery li {
	float: left;
	width: 50%;
	font-size: 0px;
	border: 1px solid #FFFFFF;
	position: relative;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	ul.photo-gallery li {
		width: 50%;
	}
}
@media screen and (max-width: 639px) {
	ul.photo-gallery li {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.columns-3 ul.photo-gallery li {
		width: 100%;
	}
}
ul.photo-gallery li img {
	width: 100%;
	height: auto;
}
.gallery-overlay {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
	background-color: rgba(82,159,212,0.85);
	text-align: center;
	color: #ffffff;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	-o-transform: scale(0,1);
	transition: all 0.5s ease-in-out 0.1s;
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
}
ul.photo-gallery li:hover .gallery-overlay {
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
}
.gallery-overlay p {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
.gallery-overlay-caption {
	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	width: 100%;
	position: relative;
}

#image_lightbox img {
	height: auto;
	width: 100%
}
#image_lightbox .modal-body {
	padding: 0px;
}
#image_lightbox + .modal-backdrop.in {
	opacity: 0.70;
	background-color: #000000;
}
.previous_image_btn {
	border: medium none;
	border-radius: 50%;
	height: 50px;
	left: 35px;
	opacity: .75;
	position: absolute;
	top: 45%;
	width: 50px;
	outline: none
}
.next_image_btn {
	border: medium none;
	border-radius: 50%;
	height: 50px;
	right: 35px;
	opacity: .75;
	position: absolute;
	top: 45%;
	width: 50px;
	outline: none
}
.previous_image_btn,
.next_image_btn {
	background-color: #000000;
	color: #ffffff;
}
.previous_image_btn:focus, .next_image_btn:focus {
	outline: none
}
.previous_image_btn:hover, .next_image_btn:hover {
	opacity: 1;
	outline: none
}

/*------------------------------------------------------------------
[9. Floor Plan ]
------------------------------------------------------------------*/
.floorplans {
	width: 100%;
	text-align: center;
}
.floorplans img {
	margin-bottom: 30px;
}

/*------------------------------------------------------------------
[10. Near By Place ]
------------------------------------------------------------------*/
.nearbyplace-item {
	margin:0px 15px;
}
.nearbyplace-item img {
	width: 100%;
	height: auto;
}
.nearby-content {
	padding: 0px 20px;
	width: 100%;
	display: inline-block;
}
.nearby-content h4 {
	margin: 0px;
}
.nearby-content h4 span {
	color: #3797dd;
	font-weight: normal;
}
.nearby-content p {
	font-size: 14px;
}
/*********** Near BY place type 2 section *******/
#nearByPlaceMap {
	width: 100%;
	height: 550px;
}
ul.nearbyplace-list {
	list-style: outside none none;
	margin-top: 15px;
	padding: 0;
}
ul.nearbyplace-list li {
	border-bottom: 1px solid #cbd9e6;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.nearbyplace-list .media-left {
	width: 12%;
	height: auto;
}
.nearbyplace-list .media-right {
	width: 12%;
	height: auto;
}

/*------------------------------------------------------------------
[11. Latest Blog ]
------------------------------------------------------------------*/
.latest-blog-1 {
	width: 100%;
	background-color: #ffffff;
	float: left;
	margin-bottom: 30px;
}
.latest-blog-1 img {
	width: 50%;
	height: auto;
	float: left;
}
.latest-blog-1-content {
	width: 50%;
	height: 100%;
	padding: 20px;
	float: left;
}
.auther-date {
	display: inline-block;
	width: 100%;
}
.auther-date a {
	color: #5d5d5d;
	text-transform: uppercase;
	font-size: 12px;
}
.auther-date a i {
	color: #3797dd;
	margin-right: 10px;
}
.latest-blog-1-content p {
	font-size: 15px;
}
.latest-blog-1.v2 img,
.latest-blog-1.v2 .latest-blog-1-content {
	width: 100%;
}
@media screen and (min-width:768px) and (max-width: 1023px) {
	.latest-blog-1 img,
	.latest-blog-1-content {
		width: 100%;
	}
}
@media screen and (max-width: 479px) {
	.latest-blog-1 img,
	.latest-blog-1-content {
		width: 100%;
	}
}

/*------------------------------------------------------------------
[12. Google Map ]
------------------------------------------------------------------*/
.google-map {
	width: 100%;
	display: inline-block;
}

/*------------------------------------------------------------------
[13. Agent Detail ]
------------------------------------------------------------------*/
.agent-detail .media-left i {
	border: 1px solid #3797dd;
	border-radius: 50%;
	color: #3797dd;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 50px;
	margin-right: 15px;
}
.agent-detail .media-body {
	padding-top: 5px;
}
.agent-detail .media-body h4 {
	color: #3797dd;
	margin-bottom: 0px;
}
ul.agent-social-icons {
	padding: 0px;
	list-style: none;
}
ul.agent-social-icons li {
	display: inline-block;
}
ul.agent-social-icons li i {
	border: 1px solid #7e8c99;
	border-radius: 50%;
	color: #7e8c99;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	margin-right: 15px;
}
ul.agent-social-icons li i:hover {
	border: 1px solid #3797dd;
	color: #3797dd;
}
.contact-agent-url {
	display: inline-block;
	font-weight: bold;
	margin-top: 15px;
	padding: 10px 30px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	position: relative;
	background-color: #3797DD;
	border-color: #3797DD;
	color: #FFFFFF;
}
.contact-agent-url:hover {
	background-color: #404d5f;
	text-decoration: none;
	color: #FFFFFF;
}
@media screen and (max-width: 767px) {
	.agent-detail .main-title {
		margin-top: 50px;
	}
	.agent-detail .media {
		margin-bottom: 30px;
	}
	.contact-agent-url {
		margin-bottom: 80px;
	}
}
/*___________Footer Area______________*/
.contact-us-section-background {
	background-image: url("../images/25.jpg");
	background-size: cover;
}
.contact-us-section {
	background-color: rgba(255,255,255,0.95);
}
input,
textarea {
	width: 100%;
	height: 40px;
	margin-bottom: 30px;
	padding: 0px 15px;
}
textarea {
	padding: 15px;
	height: 100px;
}
input[type="submit"] {
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	background-color: #3797DD;
	border-color: #3797DD;
	color: #FFFFFF;
	border: none;
}
input[type="submit"]:hover {
	background-color: #404d5f;
	text-decoration: none;
	color: #FFFFFF;
}

/*------------------------------------------------------------------
[14. Footer ]
------------------------------------------------------------------*/
footer h4 {
	color: #ffffff;
	border-bottom: 1px solid #5d5d5d;
	margin: 0px;
	padding-bottom: 15px;
	position: relative;
}
@media screen and (max-width:768px) {
	footer h4 {
		margin-top: 50px;
	}
}
footer h4::after {
	background-color: #4699ef;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 50px;
}
footer p,
footer ul li a {
	color: #63839c;
}
footer ul li a:hover {
	color: #ffffff;
}
.agent-img {
	width: 30%;
	height: auto;
}
.agent-img2 {
	width: 100%;
	height: auto;
}
footer ul {
	color: #63839c;
	list-style: none;
	padding: 0px;
}
footer ul li {
	margin-bottom: 10px;
	padding-left: 25px;
	position: relative;
}
footer ul li i {
	bottom: 0;
	color: #bebebe;
	left: 0;
	margin: auto;
	position: absolute;
	top: 3px;
}
footer ul.qucik-links li {
	display: inline-block;
	width: 49%;
}
footer ul.qucik-links li:before {
	content: "\f0c1";
	position: absolute;
	left: 0;
	top: 0;
	font-family: "FontAwesome";
	color: #bebebe;
}
footer .media-left {
	width: 30%;
}
.media-object {
	width: 100%;
	height: auto;
}
footer h6.media-heading {
	color: #63839c;
}
footer .media-body p {
	font-size: 14px;
	color: #45657e;
	line-height: 1.3;
}
footer .media {
	margin-top: 0px;
}
footer input{
	margin-bottom: 10px;
	background-color: #243C4F;
	color: #63839c;
	border: 1px solid #63839c;
	padding: 0px 10px;
}
footer textarea{
	margin-bottom: 10px;
	background-color: #243C4F;
	color: #63839c;
	border: 1px solid #63839c;
	height: 60px;
	padding: 10px;
}

footer .left-half {
	padding-right: 5px;
}
footer .right-half {
	padding-left: 5px;
}
@media screen and (max-width: 767px) {	
	footer .left-half {
		padding-right: 15px;
	}
	footer .right-half {
		padding-left: 15px;
	}
}
ul.instagram-list {
	padding: 0px;
	list-style: none;
}
ul.instagram-list li {
	display: inline-block;
	margin-bottom: 5px;
	padding: 0;
	width: 32%;
}
ul.instagram-list li img {
	width: 100%;
	height: auto;
}
/*_________________Blog List Page ____________*/
.blog_page_information .latest-blog-1 img,
.blog_page_information .latest-blog-1-content {
	width: 100%;
}
.blog_page_information .latest-blog-1-content {
	border: 1px solid #d6d6d6;
}
.blog_page_information .latest-blog-1-content h5 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.blog_page_information .blog_info {
	border: 1px solid #d6d6d6;
	min-height: 300px;
	width: 100%;
}
.blog_page_information .blog_info .blogimagedescription {
	border-bottom: 1px solid #d6d6d6;
	padding: 15px 30px;
}
.blog_page_information .blog_info .blogimagedescription .discription {
	margin-bottom: 25px;
	padding: bottom :20px
}
.blog_page_information .blog-thumbnail {
	margin-bottom: 30px
}
.blog_page_information .load_more {
	margin-bottom: 10px;
	margin-top: 50px
}
.load_more .pagination > li > a, .pagination > li > span {
	border: 1px solid #d6d6d6;
	color: #31a2e1;
	padding: 10px 16px;
}
.load_more .pagination > li > a:hover, 
.pagination > li > span:hover,
.load_more .pagination > li > a:active, 
.pagination > li > span:active,
.load_more .pagination > li > a:focus, 
.pagination > li > span:focus,
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
	background-color: #31a2e1;
	color: #ffffff !important;
}
.blog_page_information .load_more_btn {
	background: #31a2e1 none repeat scroll 0 0;
	border: none;
	color: #fff;
	height: 45px;
	text-transform: uppercase;
	width: 165px;
	font-size: 14px;
	font-weight: 700;
	transition: .2s all
	-moz-transition: .2s all
	-o-transition: .2s all
	-webkit-transition: .2s all
}
.blog_page_information .load_more_btn:hover {
	background: #435060
}
.blog_page_information .load_more {
	margin-bottom: 10px;
	margin-top: 50px
}
.blog_page_information .load_more_btn {
	background: #31a2e1 none repeat scroll 0 0;
	border: none;
	color: #fff;
	height: 45px;
	text-transform: uppercase;
	width: 165px;
	font-size: 14px;
	font-weight: 700;
	transition: .2s all
	-moz-transition: .2s all
	-o-transition: .2s all
	-webkit-transition: .2s all
}
@media screen and (max-width:767px) {
	.blog_page_information .load_more {
		margin-bottom: 70px;
	}
}
.blog_page_information .load_more_btn:hover {
	background: #435060
}
.blog_page_information .search_box {
	border: 1px solid #d6d6d6;
	height: 45px;
	width: 100%;
	padding: 5px
}
.blog_page_information .search_box .custom_input, .blog_page_information .search_box .form-control {
	border: 1px solid #d6d6d6;
	border: medium none;
	outline: medium none;
	font-size: 15px !important;
	font-family: 'Lato', sans-serif !important;
	color: #7e8c99 !important;
	box-shadow: none
}
.blog_page_information .search_box .form-control::-webkit-input-placeholder {
	color: #7e8c99;
}
.blog_page_information .search_box .form-control:-moz-placeholder {
	color: #7e8c99;
}
.blog_page_information .search_box .form-control::-moz-placeholder {
	color: #7e8c99;
}
.blog_page_information .search_box .form-control:-ms-input-placeholder {
	color: #7e8c99;
}
.btn.btn-default.custom_input:hover,
.btn.btn-default.custom_input:active,
.btn.btn-default.custom_input:focus {
	background: none;
}
.blog_info .archieves {
	clear: both;
	margin: 0;
	padding: 15px 30px;
}
.blog_info .archieves li {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #e1e6ec;
	display: inline-block;
	width: 100%;
}
.blog_info .archieves li:last-child {
	border: none
}
.blog_info .archieves li a {
	color: #435061;
	font-size: 13px;
	text-transform: uppercase
}
.blog_page_information .blogimage_thumbnail {
	width: 100%;
	height: auto
}
.blog_page_information .blogimage_thumbnail img {
	width: 100%;
	height: auto;
}
.blog_info .blogimagedescription h3, 
.blog_info .blogimagedescription h3 a, 
.archieves .blogimagedescription h3, 
.archieves .blogimagedescription h3 a,
.recenterblogdescription h3 {
	margin-top: 0;
	margin-bottom: 0px;
	font-size: 18px;
}
p.detail {
	font-size: 14px;
	line-height: 1.2;
}
.blog_info .archieves .blogimagedescription .detail span {
	margin-right: 5px
}
.blog_info .archieves .blogimagedescription .detail span:last-child {
	margin: none
}
.inner-banner {
	position: relative;
}
.inner-banner img {
	width: 100%;
	height: auto;
}
.inner-banner-overlay {
	background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.inner-banner-detail {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	color: #ffffff;
}
.inner-banner-detail {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	padding: 30px;
}
.inner-banner-detail h2 {
	color: #ffffff;
	margin-top: 0px;
}
.inner-banner-detail p,
.inner-banner-detail p a {
	color: #ffffff;
	text-transform: uppercase;
}
@media screen and (max-width:639px) {
	.inner-banner-detail {
		padding: 5px;
	}
	.inner-banner-detail h2 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	.inner-banner-detail p {
		font-size: 14px;
	}
}
/*_________________Blog Post Page_____________*/
.blog_post_page h3 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.blog_post_page .auther-date a {
	margin-right: 10px;
}
.blog_post_page img {
	margin: 25px 0px;
}
.blog_discription_paragraphs {
	margin-bottom: 20px;
}
.blog_post_page ul.amenities-list li::before {
	left: -5px;
}
.blog_post_page ul.amenities-list li {
	width: 50%;
}
.comments_list {
	padding: 0px;
	list-style: none;
}
.comments_list img {
	width: 100%;
	height: auto;
}
.comments_list img {
	margin: 0px;
}
.comments_list li {
	border: 1px solid #d6d6d6;
	display: inline-block;
	margin-bottom: 20px;
	padding: 15px;
}
.replyer_name {
	width: auto;
	display: inline-block;
}
.replyer_name h4 {
	margin-top: 0px;
	width: auto;
	display: inline-block;
}
.blog_post_reply_btn {
	float: right;
}
.blog_post_reply_btn {
	font-weight: bold;
	text-transform: uppercase;
}
.reply_message {
	margin-top: 10px;
}
.reply.reply_message_of-reply {
  margin-left: 20px;
}
/************ Page Not Found*******************/
.extra-large-text {
 	font-size: 144px;
}
.page-not-found h2,
.page-not-found h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.page-not-found a {
	color: #3797DD;
}
.alert-dismissible label {
	display: block;
}
.blog-detail-img li {
	list-style: none;
}
.blog-detail-img img {
	height: auto;
	width: 100%;
	margin: 0px;
}
iframe {
	width: 100%;
	height: 500px;
}
@media screen and (max-width: 767px) {
	iframe {
		height: 350px;
	}
}
@media screen and (max-width: 639px) {
	iframe {
		height: 200px;
	}
}
/************Get Direction Page**********/
.get-direction form {
	position: relative;
}
.get-direction form input {
	margin: 0px;
}
.get-direction button {
	background: #3797dd none repeat scroll 0 0;
	border: medium none;
	color: #ffffff;
	height: 100%;
	padding-left: 20px;
	padding-right: 50px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	width: auto;
}
.get-direction button::before {
	bottom: 0;
	content: "";
	font-family: fontawesome;
	font-size: 20px;
	margin: auto;
	position: absolute;
	right: 15px;
	top: 7px;
}
/***************** Parallax Efect start from here *****************/
.parallax {
	background-attachment: fixed;
}
.contact-us-section-background.parallax .contact-us-section {
	background-color: rgba(0,0,0,0.8);
}
.contact-us-section-background.parallax .contact-us-section .main-title {
	color: #ffffff;
}
.agent-section-container {
	background-image: url("../images/slider3.jpg");
}
.agent-section-container .agent-section-inner {
	background-color: rgba(0,0,0,0.6);
}
.agent-section-container .agent-section-inner p, 
.agent-section-container .agent-section-inner a,
.agent-section-container .agent-section-inner a i {
	color: #ffffff;
}
.agent-section-container .agent-section-inner a i {
	border-color: #ffffff;
}
.agent-section-container .agent-section-inner .agent-detail .media-body h4 {
	color: #3797dd;
}
.agent-section-container .agent-section-inner .agent-detail .media-left i {
	border: 1px solid #3797dd;
	color: #3797dd;
}
.our-service-section.parallax {
	background-image: url("../images/slider2.jpg");
}
.our-service-section .our-service-inner {
	background-color: rgba(0, 0, 0, 0.60);
}
.our-service-section.parallax h2.main-title,
.our-service-section.parallax h4.icon-title,
.agent-section-container.parallax h2.main-title{
	color: #3797dd;
}
.our-service-section.parallax p {
	color: #ffffff;
}