@charset "utf-8";
/* CSS Document */
html, body { margin:0 !important; padding:0 !important; height:100%;}
body {
	background:url(../images/bg.jpg) repeat-x;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.05em;
	color:#404040;
	font-weight:300;
	font-size:18px;
	-webkit-font-smoothing: antialiased;

}

*:focus {
    outline:0;
}
button:focus {outline:0;}

.font2 { font-family: 'Prata', serif;}

h1, h2, h3 { font-weight:400;  }
h1 { font-size:56px; color:#0e76bc; text-align:center; margin-bottom:0px; padding:0; line-height:56px; padding-bottom:30px;}
h1 span{ margin-top:0; padding-top:0; }
h2 { font-size:42px; color:#252e37; text-align:left; margin-top:30px; margin-bottom:30px;}
h3 { font-size:30px; color:#404040; text-align:left; margin-top:20px;}
/* text colours */
.color1 { color:#0e76bc;} /* Blue */
.color2 { color:#252e37;} /* Dark Grey*/
.color3 { color:#FFF;} /* white */
.color4 { color:#000;} /* black */
/* background colours */

.bg1 { background:#0e76bc !important;} /* Blue */
.bg2 { background:#252e37 !important;} /* Dark Grey*/
.bg3 { background:#FFF !important;} /* white */
.bg4 { background:#000 !important;} /* black */

a { color:#0e76bc; text-decoration:underline;}
a:hover { color:#000; }

.txtLarge { font-size:24px !important;}
.txtMedium { font-size:21px !important;}
.txtSmall { font-size:14px !important;}
.txtXsmall { font-size:10px !important;}
.txtCaps { text-transform:uppercase;}
/*buttons */
.btn { text-decoration:none; font-family: 'Vidaloka', serif;}
.btn-custom1, .btn-custom3 { background:#0e76bc; text-decoration:none; color:#FFF; padding:5px 10px; text-decoration:none; font-size:18px; margin-bottom:15px; border-radius:0; }
.btn-custom1:hover { background:#FFF; color:#000; border:1px solid #0e76bc;  }

.btn-custom2 { background:#FFF; text-decoration:none; color:#333; padding:5px 10px; text-decoration:none; font-size:18px; border:1px solid #404040; margin-bottom:15px; border-radius:0; }
.btn-custom2:hover { background:#404040; color:#FFF; border:1px solid #FFF;  }


.btn-custom3 { background:#404040; color:#FFF;}
.btn-custom3:hover { background:#FFF; color:#404040; border:1px solid #404040; }

.btn-readmore { background:#f9edc6; text-decoration:none; color:#404249; padding:5px 20px;
	text-decoration:none; border:1px solid #8b846f; font-size:18px; border-radius:10px; font-weight:bold;}
.btn-readmore:hover { background:#404249; color:#FFF; }

.padding-left { padding-left:0 !important;}
.padding-right { padding-right:0 !important;}
.padding-both { padding-left:0 !important; padding-right:0 !important;}


.list-1 { list-style:none; font-size:21px; margin-left:0; padding-left:0;}
.list-1 li{
background: url(../images/bullet-tick.png) no-repeat left top;
height: 40px;
padding-left: 44px;
padding-top: 3px;
margin-left:0px;
}

/* list columns */
.ListColumn ul{
  width:100%;
  margin-bottom:20px;
  overflow:hidden;
  margin-left:0;
  padding-left:0;
}
.ListColumn li{
  float:left;
  display:inline;
  padding-bottom:5px;
}
#double li  { width:50%; }
#triple li  { width:33.333%; }
#quad li    { width:25%; }
#six li     { width:16.666%; }


/* /////////////////////    Layout Styles   ///////////////////////// */

.container2{ max-width: 1800px; margin:0 auto; padding:0 5%; }
/* wide screen devices */
@media (min-width: 1200px) {
    .container{ max-width: 1170px; }
}
/* Small Desktop devices */
@media only screen and (min-width: 991px) and (max-width: 1190px) {
	.container{ max-width: 1000px;}
	.container2{ max-width: 1100px; padding:0 2%; }
}
@media only screen and (min-width: 100px) and (max-width: 991px) {
	.container2{ max-width: 100%; padding:0 2%; }
}
/*Layout Styles */


.top-bar, .top-bar2 { position:absolute; top:0; left:0; width:100%; z-index:1003; background:rgba(255,255,255,1);}
.top-bar2 { background:#404040; margin-bottom:100px;}
/* Fixed Header */
.banner {
	height: 100vh; overflow:hidden;}



.top-links { margin-top:0px; }
.top-links li { display:inline-block; margin:5px 8px 0 8px;}
.top-links li::after { 
  content: " | ";
  color:#777;
}
.top-links a { text-decoration:none; color:#777; font-size:16px; }
.top-links a:hover { color:#333; }
.sm-icon { text-align:right;}
.sm-icon img { padding:5px;}

.logo { margin:10px 3%; text-align:center; max-width:350px;}
.contact-info a { text-decoration:none; color:#FFF; font-weight:300; font-size:18px;}

.logoScrolled img { width:150px; height:auto;}

.btn-top { width:100%; height:50px; margin-top:8px; background-color:rgba(255, 255, 255, 0.7); border:1px solid rgba(74, 76, 88, 0.5); border-radius:5px; line-height:40px;}
.btn-top:hover { background:#f3db8d; }



/* Nav BG */
#navbar { width:100%; }

.navbar { min-height:auto; float:right;}
.navbar-custom {
  background-color: #;
  padding:0px;
  margin:0px 0;

}


.navbar-brand { height:auto; padding:0;}

/*Brand Style start */
.navbar-custom .navbar-brand {
  color: #ffffff;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
/*Brand Style end */

/*Nav Normal Style Txt */
.navbar-custom .navbar-text {
  color: #c2922e;
}

/*Nav Last Child Border  */
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 0px solid #;
}

/*Nav Base Level Link Style */
.navbar-custom .navbar-nav > li > a {
  color: #404040;
  font-size:21px;
  font-weight:300;
  background:#;
  border-radius:3px;
  margin:5px 5px;
  padding:5px 5px;
  text-decoration:none;
  line-height:25px;
  letter-spacing:1px;
}

@media only screen and (min-width: 1300px) and (max-width: 1500px) {

	.navbar-custom .navbar-nav > li > a {
  font-size:18px;
	}

}

@media only screen and (min-width: 900px) and (max-width: 1300px) {

	.navbar-custom .navbar-nav > li > a {
  font-size:16px;
	}

}

/* Mouseover Base Level Links */
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color:#0e76bc;
}

/* Active tab */
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #0e76bc;
}

 /* Disabled */
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;

}

.navbar-nav {  margin-left:20px;}

/* Nav icon in moibile view */

.navbar-custom .navbar-toggler {background-color:none; margin-top:10px; padding:5px; width:60px; height:auto;} /* space between top and icon in moibile view */
.navbar-custom .navbar-toggler:hover,
.navbar-custom .navbar-toggler:focus {
  background-color: #;
}
.navbar-custom .navbar-toggler .navbar-toggler-icon{
	width:50px;
	height:auto;
	margin:0;
}

.navbar-toggler-icon .icon-bar {
  background-color: #404040;
  height:4px;
  width:100%;
  display:block;
  margin:3px 0 3px 0;
  padding:0;
}

/* 1px line in mobile view */
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #;
}
/* Caret/small arrow colour Base Level Normal */
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
/* Dropdown Tab active */
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #dbb03d;
  color: #FFF;
  border-radius:3px;

}
/* Caret/small arrow colour Base Level Active Tab */
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}
/* Caret/small arrow colour Dropdown Level */
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.dropdown-menu { margin:0; padding:0; top:38px; left:14px; background-color:#0e76bc; border-top:0;} /* DropDown Styles */
.dropdown-menu> a { padding:10px; color:#FFF; text-decoration:none; line-height:25px; text-decoration:none;}
/* dropdown menu focused Link/Root Link style */
.dropdown:hover {

 }
/* To show dropdown menu on hover */
.dropdown:hover .dropdown-menu {
}


.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}


@media only screen and (min-width: 100px) and (max-width: 991px) {
	.navbar-custom .navbar-nav  {
		border-top:0px solid #4a4c58;
	}

	.navbar-toggler {
		width:100%;
		padding-left:30px;
		margin-left:0px;
		border-bottom:0px solid #4a4c58;
	}

	.navbar-custom .navbar-nav > li > a {
		background:#0e76bc;
		border-bottom:1px solid #095385;
		color:#FFF;
		border-radius:0;
		font-size:18px;
		margin:0;
		padding-left:15px;
		padding:10px 10px 10px 15px;
		display:block;
		
	}
	.navbar-custom .navbar-nav > li > a:hover {
		background:#FFF;
		color:#404040;
	}

	.navbar .navbar-toggler-icon { float:right; }
}


.welcome-Text { font-size:21px; line-height:30px;}

/* slider styles */
.carousel { position:relative; margin:0 auto; margin-top:0px; }
.carousel-item { margin:0 auto;}
.carousel-indicators li { margin-bottom:20px; width:15px; height:15px; border-radius:15px; background:#333; z-index:4;}
.carousel-indicators .active { width:15px; height:15px; border-radius:15px; background:#0e76bc;}

.carousel-control-prev, .carousel-control-next {
		top:25%;
	}

.item {
    .transition(.1s ease-in-out left);
}

.carousel-caption { top:35%; text-transform:uppercase;}
.carousel-caption h5 { font-size:38px; font-weight:300; margin:0; text-shadow: #444 2px 0 10px;}
.carousel-caption h4 { font-size:80px; padding-top:5px; margin:0; line-height:120px; letter-spacing:30px;}



/* main styles */
.section  { padding:50px 0; text-align:left;}
.inner .section  { padding:90px 0; text-align:left;}
.section-tenants  { padding:80px 0 80px 0; margin:0px 0; background:url(../images/bg-tenants.jpg) center center;}
.section1  { padding:60px 30px; margin:25px 0; background:#faf7ee;}
.txt1 { font-size:30px; letter-spacing:5px;}
.txt2 { font-size:72px; line-height:80px; letter-spacing:5px;}
.txt3 { font-size:36px; letter-spacing:10px; }
.section2  { padding:90px 0px; margin:0; }
.section2 img { margin:15px 0;}
.section3  { padding:120px 0; margin:30px 0; background:url(../images/packages-img.jpg) no-repeat top left;}
.section4Img1 { margin:80px 0 45px 0;}
.section4Img2 { margin:45px 65px;}
/* Inner Pages*/

/*Gallery*/

.galleryThumb .item { padding:10px;}

/*Form Styles */
.G-Captcha {transform:scale(0.80);-webkit-transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0;}

input, textarea { padding:15px 10px; width:100%; margin-bottom:20px; border:1px solid #FFF}
	input:focus { border:1px solid #dd394b; outline: none;}
	.control-label { display:none;}
	input:focus + .control-label,
	textarea:focus + .control-label
	{	
		position:absolute;
		display:block;
		right:0px;
		top:0;
		background-color:#FFF;
		color: #0055a1;
		padding:5px 10px;
		margin-top:12px;
		font-size:12px;
		font-weight:400;
		z-index:1004;
	}
	.controls > input
	{
		float:right;
	}

.content-break { margin-top:40px; padding-top:10px; }
.border-top { border-top:1px solid #CCC;}
.content-img { margin:15px;}
.separator { width:100%; display:block; margin:30px 0; border-top:1px solid #CCC;}
input { border-radius:0px;}
#links img { margin-bottom:30px;}
.sold img { margin-bottom:30px;}

.GetInTouch input, textarea { color:#FFF; margin-bottom:20px; background:#095384; border:1px solid #1185d4;}

.GetInTouch ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}

/* footer styles */
.footer {  padding:30px 0px 80px 0px; font-size:16px; color:#FFF;}
.footer h5 { color:#66583b; text-align:left; margin:0px 0 10px 0; padding:0; font-size:16px; font-weight:normal;}
.footer a{ text-decoration:none; color:#FFF;}
.footer a:hover{ text-decoration:none; color:#000;}
.footer ul { margin:0; padding:0;}
.footer ul li { margin:5px 15px; font-size:16px; list-style:none;}
.SMicon img{ width:15%; height:15%;}
.top-anchor {padding:15px; position:fixed; z-index:2; bottom:30px; right:30px; border-radius:25%; border:1px solid #FFF; display:none;}

.top-anchor a { color:#FFF;}




@media only screen and (min-width: 1100px) and (max-width: 1400px) {
	.section1  { padding:60px 0; }
}
@media only screen and (min-width: 100px) and (max-width: 1100px) {
	
	.section1  { padding:60px 2%;}
	.section3  { padding:60px 0 60px 2%;}
}


@media only screen and (min-width: 100px) and (max-width: 970px) {
	
	.logo { margin:10px 3%; text-align:center; max-width:250px;}
	
	.banner {
	height:450px; overflow:hidden;}
	
	.carousel-caption { top:35%; text-transform:uppercase;}
.carousel-caption h5 { font-size:28px; line-height:32px;}
.carousel-caption h4 { font-size:48px; line-height:60px; }

	
	.txt1 { font-size:18px; letter-spacing:5px;}
	.txt2 { font-size:36px; line-height:38px; letter-spacing:3px;}
	.txt3 { font-size:21px; letter-spacing:10px; }
	.section  { padding:20px 0;}
	.section2 { padding:30px 0;}
	.section4Img1{ margin:25px 0 0px 0; width:150px;}
	.section4Img2{ margin:10px 0 5px 0; width:6px;}
.footer-logo img{ width:25%; display:inline-block;}


}

/* phone devices portrait only*/
@media only screen and (min-width: 100px) and (max-width: 667px) {
	
	body { font-size:16px;}
	.row { margin:0;}
	.txtLarge { font-size:21px;}
	.txtMedium { font-size:18px;}
	.txtSmall { font-size:10px;}
	.txtXsmall { font-size:8px;}

	h1 { font-size:32px; line-height:32px;}
	h2 { font-size:24px;}
	h3 { font-size:21px;}

	#double li  { width:100%;}
	#triple li  { width:100%; }
	#quad li    { width:100%; }
	#six li     { width:16.666%; }
	
	.banner {
	height:250px; overflow:hidden;}
	.carousel-indicators li { margin-bottom:-20px; }


	.list-1 { list-style:none; font-size:16px; margin-left:0; padding-left:0;}
	.testimonials { padding:10px;}
	
	.footer img{ margin-bottom:15px;}
	.footer ul {}
	.footer ul li { margin:5px 0px; }
	.footer .row div { border-top:1px solid #af974e; padding-top:15px; padding-bottom:15px;}
	
}