html,
body {
    width: 100%;
    height: 100%;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: white;
    background-color:#212A33;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  }

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

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
}

p {
    font-size: 110%;
}

/* Custom logo font */

.logo {
    font-family: "Poiret One","Helvetica Neue",Helvetica,Arial,sans-serif;
    float:left;
    letter-spacing: 1px;
}

.dosis {
    font-family: Dosis,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.openC {
    font-family: "Open Sans Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.green {
    color:green;
}

.white {
    color:white;
}

.grey {
    color:grey;
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Header */

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

/* About */

.about {
    padding: 10% 0;

}

.block {
	background-color:rgba(0,0,0,0.6);
  	padding:12px 12px 12px 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.pull-center {
	text-align:center;
	margin:0 auto !important;
}

.pull-right {
	text-align:right;
	margin:0 auto !important;
}

.justified {
    text-align:justify;	
    text-justify:distribute;
}

.center-block {
	float: none !important;
	}

/* Icons colors */

.exit {
	color:#428bca;
    padding:20px 10px 20px 10px;
}

.over:hover {
	color:orange;
}

.over_blue:hover {
	color:black;
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}