html, body {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
  width: 100%;
}

#top {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  background: url(img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-portfolio {
  margin: 0 auto;
  margin-bottom:30px;
  width:50%;
}

.plot{
	margin-top:-139px;
	width:300px;
	max-width:100%;
}

.img-formula {
  margin: 0 auto;
	width:70%;
}

.img-profile
{
	margin: 0 auto;
	max-width:160px;
}

.user-link h4
{
	color:#000;
	text-decoration:none;
}
.user-link:hover
{
	text-decoration:none;
}

.user-link i
{
	margin-left:2px;
}
.user-link:hover i
{
	margin-left:4px;
}

#philosophy{
	padding: 50px 0 80px 0;
	color:white;
	background-image:url(img/seamless.jpg); 
}

#service{
	padding: 50px 0 80px 0;
	background: #6fabda;
}

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700;
}

i.service-icon {
  border: 3px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 56px;
  width: 140px;
  height: 140px;
  line-height: 136px;
  vertical-align: middle; 
  text-align: center;
}

a.service-link{
	color:#000;
	text-decoration:none;
}

i.direction-icon {
  border: 3px solid #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 66px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: middle; 
  text-align: center;
  color:#fff;
  
}

i.contact-icon{
    display: inline-block;
    font-size: 20px;
    width: 16px;
    height: 16px;
    line-height: 20px;
    vertical-align: middle; 
    text-align: center;
    color:#000;
}

i.contact-icon:hover{
	color:#666;
}

.person-description ul
{
	list-style: none;
    padding: 0px;
}

.person-description ul li:before
{
    content: '\221E';
    margin: 0 5px;    /* any design */
}

#map
{
	overflow:auto;
}

.rotate-icon{
	-webkit-animation: spin 4s infinite linear;
	-moz-animation: spin 4s infinite linear;
	-o-animation: spin 4s infinite linear;
	animation: spin 4s infinite linear;
}

.callout {
  color: #444;
  display: table;
  height: 300px;
  width: 100%;
  /*background: url(img/foo_white.jpg) no-repeat center center fixed; */
  background: url(img/foo_white.jpg) no-repeat 50% 0 fixed;
  position:relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#about{
	padding: 50px 0 80px 0;
	background: #fff;
}

#progress{
	padding: 50px 0 50px 0;
	background: #fff;
}

.user-desc
{
    margin-bottom:30px;
}


#contact{
	padding: 0;
	display:none;
    background: url(img/bork.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	/*border-top:5px solid #333;
	border-bottom:5px solid #333;*/
	padding:50px 0 50px 0;
}

#contact .container{
	/*margin-top:50px;
	margin-bottom:50px;*/
}

.airmail-line
{
	overflow: hidden; 
	margin: 0 0px; 
	text-indent: -20px; 
	white-space: nowrap;
	min-height: 15px; 
	padding: 0; 
	font: italic bold 260px/15px Helvetica, sans-serif; 
	height: 15px; 
	max-height: 15px; 
	letter-spacing: -44px; 
	width:100%;
}

#submit-btn
{
	width:100px;
}

#map-tile {
  color: #fff;
  display: table;
  height: 300px;
  width: 100%;
}

.olAlphaImg
{
	border-radius: 50%;
	opacity:0.8;
}

.olControlAttribution { 
	bottom: 3px!important; 
}


#footer {
  color: #fff;
  display: table;
  width: 100%;
  background: url(img/bg.jpg) 50% 0 fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  padding-top:20px;
  padding-bottom:20px;
}