/* general styles */
html, body {
  height: 100%;
  width: 100%;
}
* {
  border-radius: 0 !important;
}

/* Bootstrap overrides */
nav a.navbar-brand { padding: 10px;}
/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}

p.lead.lead-single { margin-bottom: 0; }

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

/* additional sections */
.home {
	display: table;
	height: 100%;
	position: relative;
	width: 100%;
}
#home {
  background: url(../assets/stock/people-show-chairs-gym.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#portal {
  background: url(../assets/cubes.png);
  background-repeat: repeat;
}

#tour {
}

#process, #stats, #tagline {
  background-color: #6abf6a;
  color: #ffffff;
}

#process .glyphicon {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#clients {
  background: url(../assets/stock/pexels-photo-70222.jpeg) no-repeat center center fixed; 
  display: table;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#clients h2.text-center { color: white;}

#google_map {
  height: 200px;
}

#contact {
	/* background-color: #101010; */
	background-color: #101010;
	color: white;
	/* background-image: url("cubes.png"); */
}

footer {
  padding: 20px 0;
  background-color: #101010;
  color: #BFBFBF;
  text-transform:uppercase;
  font-size: 0.8em;
  
}
footer .glyphicon {
  color: #333333;
  font-size: 60px;
}
footer .glyphicon:hover {
  color: #306d9f;
}

#tour div.row { margin-bottom: 24px;}

div.panel div.panel-image:not(.panel-image-override) {
	max-height: 150px;
	overflow: hidden;
}
div.panel div.panel-image:not(.panel-image-override) img {
	width: 100%;
}

p.navbar-btn { margin-right: 8px;}

/* Portal Page */
div#atom-clients div.panel {
	cursor: pointer;
}

/* Keyframes */


/* make keyframes that tell the start state and the end state of our object */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}

.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}

.fade-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}

/* Text Align */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: @screen-sm-min) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: @screen-md-min) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: @screen-lg-min) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}