/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


   

body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;

}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}

h2 h5 h6{font-family: 'Raleway', sans-serif;}

h2{ font-size:24px; color:#3cc5df;}

.main,
.container > header {
	width: 100%;
	
	margin: 0 auto;
	padding: 0;
	background:rgba(255,255,255, 0.7);


}


.header h3 {
    display: inline;
  font-family: 'Quicksand', sans-serif;
    color: #383535;
    font-size: 30px;
    padding-top: 10px;
	margin-left:20px;
    
    line-height: 20px;
	
	
}

.topspac{color: #fff;
	    max-width: 1170px;
		margin:0 auto;
		background:#FFFFFF; padding-top:30px;}

.text-left
{float:left; width:65%; text-align:justify; font-size:14px; padding-right:20px; margin:10px 0 10px 20px; color:#767678; line-height:20px;}

.text-right
{float:left; width:30%;}

.res img{display: block;
    max-width: 100%;
    height: auto;
	
	}
	
	
.resp{display: block;
    max-width: 100%;
    height: auto;
	
	}
	
.pic{ display: block;
    max-width: 100%;
    height: auto;}	
	
.header h2 {
  display: inline;
  font-family: 'Raleway', sans-serif;
  color:#3cc2d3;
  font-size:20px;
  padding-top:10px;
 letter-spacing:1px;
 line-height:20px;

 
}



.cont{display: block;
    max-width: 100%;
    height: auto;
	
	}

.header img {
vertical-align:middle;
width:220px; 
height:30px;
 
}
 
 
 .contactleft{
	width:50%;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	color:#000;
	line-height:1.5;
	
	
	}
	
.contactright{
	width:40%;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	float:right;
	color:#909090;
	line-height:1.5;
	
	
	}
	
.contactbackground{
	background:#FFF;
	 
	}	
	
.form{
	font-size: 14px;
    line-height: 1.428571429;
	
	}	
	
.contactsubmit{
	background-color: #333333;
    color: #ffffff;
	padding: 5px 10px;
	text-transform: uppercase;
	 font-family: "Raleway", sans-serif;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
	color:#909090;
}
 
input[type="text"] {
    padding: 5px 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;}
 
 .overview p{ font-family: 'Droid Sans', sans-serif;
	color: #666666; font-size:14px; line-height:20px;}

.overview ul { margin:5px;}
.overview ul li{
    background: url(../images/new_over_arrow1.png) no-repeat left top;
   background-position: 0px 5px;
    float: left;
    list-style-type: none;
	font-size:14px;
    width: 100%;
    padding-left: 35px;
    line-height: 40px;
	font-family: 'Droid Sans', sans-serif;
	color: #666666;
    /* text-transform: uppercase; */
	 
    
}


.digi-tour{float:left; width:50%;}
.brochure{float:right; width:50%;}

.brochure a{    color: #2abfd1;
text-decoration:none;
    font-family: 'Droid Sans', sans-serif; font-size:16px;}

.terms-con ul{ padding-bottom:40px;
    }
	
	

.terms-con ul li{ list-style:disc;
font-family: 'Droid Sans', sans-serif;
	color: #666666;
	font-size:14px;
	padding:5px 0 5px 0;
	line-height:25px;
    }
	
	
.head4 h4 {
	font-weight:bold;
	letter-spacing:1px;
	color:#30476c;
	font-size:24px;
   margin-left:30px;
    margin-top: 20px;
	margin-bottom:5px;
   font-family: 'Raleway', sans-serif;
	}


.price-list ul{ margin:0px 5px 10px 10px; }
.price-list ul li{ font-family: 'Droid Sans', sans-serif;
	color: #666666; font-size:14px; line-height:20px;  list-style:disc;}
.header-left{float:left; width:40%;}
.header-right{float:right; width:60%;}

#logo-container img {
   width: 157px;
   /*height: 208px;*/
   position:fixed; left:50px; top:1px;
}

.container > header {
	padding: 0em 0em 0em;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	display: block;
	font-weight: 300;
	text-transform:none;
	letter-spacing: 0em;
	font-size:2px;
	width:30px;
	color:#FFFFFF;
	padding: 0;
	text-align:center;
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.main-content {
	color: #fff;
	    max-width: 1170px;
		margin:0 auto;
		background:#FFFFFF; padding-top:70px;
}




.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}


#brochure{
   width: 600px;
   height: 481px;
   
}

.project-highlight{float:left; width:33%;}

.project-highlight ul{ margin:0;}


.project-highlight ul li{font-family: 'Droid Sans', sans-serif;
    color: #666666;
    font-size: 14px;
	list-style:none;
	padding:5px 0 5px 0;}


.foot-inner{ background:rgba(255,255,255, 0.7);
margin-top:20px;
width:100%;
padding-top:20px;
padding-bottom:10px;
}

.foot-bg{ background:rgba(255,255,255, 0.7);
position:fixed; bottom:0;
width:100%;
border-top:solid 2px #30476c;}

.foot-left{float:left; width:40%; padding-left:150px;}
.foot-left p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px;}
.foot-left p a{ text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px;}

.foot-right{float:right; width:60%;}

.foot-right p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px;}


.brochure-link-left{float:left; width:70%;}
.brochure-link-right{float:right; width:30%; text-align:right; padding-right:20px;}

.brochure-link-right a{color: #4fc3d1; text-decoration:none; text-align:right; font-size:16px;}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.endless-poss{float:left; width:60%;}
.digi-desk{float:right; width:35%; margin-top:10px; padding-left:10px;}


.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.menu-digi{float:right; width:98%;}

@media screen and (min-width: 1024px) {
.digi-tour-m{ display:none;}
.endless-poss{float:left; width:60%;}
.digi-desk{float:right; width:35%; margin-top:10px; padding-left:10px;}
.m-view{ display:none;}

}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
   #logo-container img {
         width: 120px;
   height: 80px;
   position:fixed; left:10px; top:12px;
    }
.desk-view{ display:none; }	
.menu-digi{float:right; width:60%;}
.digi-tour-m{float:left; width:40%; text-align:right; padding-top:10px;}
.digi-tour-m a{ text-decoration:none; color:#000000; font-size:14px;}
	
.endless-poss{float:left; width:100%;}
.digi-desk{ display:none;}
	
	
.brochure-link-right a{color: #4fc3d1; text-decoration:none; text-align:right; font-size:11px;}	
.text-left
{float:left; width:100%; text-align:justify; font-size:13px;}

.text-right
{float:right; width:100%;}
	
.foot-left{float:left; width:30%; padding-left:2px;}
.foot-left p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:6px; }
.foot-left p a{ text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:6px;}

.foot-right{float:right; width:70%;}

.foot-right p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:5px; padding-right:1px; text-align:right;}

.project-highlight{float:left; width:100%;}
.project-highlight ul{ margin:0; padding:0;}
.project-highlight ul li{font-family: 'Droid Sans', sans-serif;
    color: #666666;
    font-size: 11px;
	list-style:none;
	padding:5px 0 5px 0;}
.overview p{ font-family: 'Droid Sans', sans-serif;
	color: #666666; font-size:11px; }	
.overview ul { margin:0px; padding:0}
.overview ul li{
   
	font-size:11px;
    width: 100%;
  
    /* text-transform: uppercase; */
	 
    
}

.header img {
vertical-align:middle;
width:60px; 
height:10px;
 
}

.digi-tour{float:left; width:100%;}
.brochure{float:right; width:100%;}
.contactleft{
	width:100%;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	color:#000;
	line-height:1.5;
	
	
	}
	
.contactright{
	width:100%;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	float:right;
	color:#909090;
	line-height:1.5;
	
	
	}


.topspac{background:#FFFFFF; padding-top:110px;}

.topspac-stat{background:#FFFFFF; padding-top:110px;}
.main-content {

		margin:0 auto;
		background:#FFFFFF; padding-top:10px;
}

.text-left
{float:left; width:100%; text-align:left; font-size:11px; padding-right:20px; margin:0px; color:#767678; line-height:20px;}

.text-left p
{ text-align:justify;}

.text-right
{float:right; width:100%;}
.text-right 
{float:right; width:100%;}



.header h3 {
    display: inline;
  font-family: 'Quicksand', sans-serif;
    color: #383535;
    font-size: 16px;
    padding-top: 10px;
	margin-left:0px;
    
    line-height: 20px;
	
	
}
.header h2 {
  display: inline;
  font-family: 'Raleway', sans-serif;
  color:#3cc2d3;
  font-size:14px;
  padding-top:10px;
 letter-spacing:1px;
 line-height:20px;

 
}

.head4 h4 {
	font-weight:bold;
	letter-spacing:1px;
	color:#30476c;
	font-size:24px;
   margin-left:5px;
    margin-top: 20px;
	margin-bottom:10px;
   font-family: 'Raleway', sans-serif;
	}

.price-list ul li{ font-family: 'Droid Sans', sans-serif;
	color: #666666; font-size:11px; line-height:20px;  list-style:disc;}
	
}