@font-face {
 	font-family: 'casti';
  	src: url('../fonts/FtraLt__.ttf')  format('truetype');
}

@font-face {
 	font-family: 'castiBold';
  	src: url('../fonts/FtraMd__.ttf')  format('truetype');
}

@font-face {
 	font-family: 'castiBook';
  	src: url('../fonts/FtraBk__.ttf')  format('truetype');
}

body {
	background-color:gray;
	font-size:18px;
	margin-bottom:100px;
	overflow-x: hidden;
	opacity: 0;
	transition: all 500ms ease-in-out;
}

html * {
	font-family: casti, sans-serif;
}

div.cover {
	position: absolute;
	top:0;
	left:0;
	z-index:30;
	width: 100%;
	height: 100%;
	background: url("../img/loader.gif") no-repeat center;
	position: fixed;
}

.jumbotron {
	background-color:transparent;
	margin-bottom:5px;
	padding:15px 0;
}

.heading {
	position: relative;
	display: block;
	border-bottom:2px solid rgba(255,255,255,0.66);
}

.heading h1 {
	font-size: 60px;
	font-family: "castiBold";
}

#bg {
  margin:0;
	padding:0;
	top:0;
	left:0;
	position: fixed;
	width: 100%;
	height: 100%;
	transition: all 200ms;
	
}

#bg_gradient {
	background-image: url('../img/gradient/new_gradient.png');
	position: absolute;
	width: 100%;
	height: 100%;
}

.header {
	color:rgba(255,255,255,0.80);
	transition: color 100ms ease-in-out;
text-align: center;
  	float:left;
}

.header:hover {
	color:white;

}

.offset-header {
	margin-top:-5px;
}

.logo {
	float:left;
	margin-right:20px;
	width: 150px;
}

.navbar {
	border-radius: 0;
	margin-left:1cm;
	margin-right:1cm;
}

.navbar-default {
	border:0;
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
	color:rgba(255,255,255,0.8);
	font-size:22px;
	padding-bottom:0;
	transition: all 300ms ease-in-out;
	border-bottom: 1px solid transparent;
}

.navbar-default .navbar-nav > li > a:hover {
  color:white;
}

.navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
	color:white;
}


   
.navbar-default .navbar-nav > li.active > a {
	color:white;
	background-color: transparent;
	font-size:22px;
}

.navbar-default .navbar-nav > li.active > a:focus {
	background-color: transparent;
	color:white;
}


.navbar-default .navbar-nav > li.active > a:hover {
	background-color: transparent;
	color:white;
}



.navbar-nav > li > a {
	outline: none;
}


.more {
	display: none;
	padding-left:15px;
	font-size:22px;
	color:rgba(255,255,255,0.5);
}

.more > a {
	color:rgba(255,255,255,0.5);
	transition: color 300ms ease-in-out;
}

.more > a:hover {
  text-decoration: none;
	color:white;
}


.more > a:focus{
	text-decoration: none;
	outline: none;
}

.more > a.active {
	color:white;
}

.navbar-default .navbar-nav > li.active .more {
	display:inline-block;
	position: relative;
}

.panel ,.panel-default {
	border-radius: 0;
  background:transparent;
	border-color:rgba(255,255,255,0.0);
	box-shadow: none;
}

.list-group-item {
	background: transparent;
	border-color:rgba(255,255,255,0.0);
	color:white;
	transition: all 200ms ease-in-out;
	padding: 5px 15px;
}

.list-group-item.clickable:hover {
  cursor: pointer;
}

.list-group-item.active {
	background-color: rgba(255,255,255,0.00);;
	border-color:transparent;
	font-family: castiBold;
}

.list-group-item.active:hover {
	background-color: rgba(255,255,255,0.00);;
	border-color:transparent;
	font-family: castiBold;
}

.panel-default > .panel-heading {
	font-family: castiBold;
	background-color: rgba(255,255,255,0.0);
	color:white;
	border-radius: 0;
	border-color:gray;
	margin-bottom:0;
	padding-bottom:0;
}

.panel-default > .panel-body {
	padding-top:5px;
}

.list-group-item > a {
	color:white;
}

.list-group-item > a:hover {
  text-decoration: none;
}

.modal {
	background-color: rgba(0,0,0,0.66);
}

.modal-header, .modal-body, .modal-footer {
	color:white;
	border:0;
}

.modal-content {
	background-color: rgba(255,255,255,0.66) ;
	border:0;
	border-radius: 0;
}

.modal-content button {
  border-radius: 0;
	background-color: transparent;
	border:0;
	color:white;
}

.panel-heading {
	border:0;
}

.context {
	float:right;
	margin-right: 10%;
}

h1.counter-head {
	color:rgba(255,255,255,0.80);
	font-family: castiBold;
	font-size:24px;
}

.units {
	color:white;
}

.counter {
	color:rgba(255,255,255,0.80);
}

.col-md-4.counters,.col-md-6.counters {
	text-align: center;
}

.row.counter-row {
	width:95%;
	text-align: center;
}

.thumbnail {
	position: relative;
	border:0;
	border-radius: 0;
	border-color:transparent;
	background: transparent;
	padding: 0;
  	transition: all 400ms ease-in-out;
	cursor: pointer;
}

#mainContainer {
	opacity: 0;
	transition: all 400ms ease-in-out;
}

.thumbnail .overlay {
	position: absolute;
	top:calc(100% - 200px);
	height:200px;
	padding:8px;
	margin:0;
  	width:100%;
	background-color:rgba(255,0,0,0.50);
	color:white;
	display: none;
}

.col-md-4.item, .col-sm-4.item, .col-lg-4.item {
	padding:0;
	padding-right:2px;
	padding-left:2px;
}

.item {
	margin:0;
	margin-bottom: -10px;
}


.thumbnail:hover .overlay {
	display: block;
}

.thumbnail.showing:hover {
	background-color: transparent;
}

.thumbnail.showing .overlay {
	display: none;
}

.more-project {
	margin-top:0.5cm;
	margin-left:0.5cm;
	color:white;
}

.more-project >  a {
	color:white;
}

.thumbnail:hover {
	background-color: white;
}

.btn .badge {
	margin-left:5px;
}

.thumbnail.loading img {
	opacity: 0;
}

.thumbnail.loading {
	background: url("../img/loader.gif") no-repeat center rgba(255,255,255,0.33);
}

.material-selected {
	font-family: castiBold;
}

p.big-white {
  color:white;
	margin-bottom: 50px;
}

p.big-white > strong {
}

.proposal {
	color:white;
	font-family: castiBold;
	margin-bottom:20px;
	text-align:center;
	opacity: 0;
	transition: all 500ms ease-in-out;
}

.input-group  {
	margin-bottom:20px;
}

.input-group-addon {
	border-radius: 0;
	background-color: rgba(255,255,255,0.3);
	color:white;
	font-family: castiBold;
}

.form-control {
	border-radius: 0;
	background-color:transparent;
	color:white;
}

.btn.btn-form {
	border-radius: 0;
	width:100%;
	background-color:transparent;
	border:1px solid rgba(255,255,255,0.8);
	color:white;
	transition: all 200ms ease-in-out;
}

.btn.btn-form:hover {
	background-color: rgba(255,255,255,0.8);
	color:gray;
	border: 1px solid gray;
}

textarea.form-control {
	resize: vertical;
}

.navbar-toggle {
	background-color: rgba(255,255,255,0.80);
}

#map {
	height: calc(450px - 2cm); 
}

.justified {
	text-align: justify;
}

.navbarText {
	color:green;
	font-family: castiBook;
}

#bg_expertize {
	/*background-image: url('../img/gradient/new_gradient_resize.png');*/
	/*background-color: rgba(100,100,100,0.5);*/
	/*background:linear-gradient(white, black);*/
	position: fixed;
	left: 12%;
    bottom: 12%;
}

.red-values{
	color:red;
	font-family: castiBook;
}

.exp_title{
	color:gray;
	font-weight: bold;
}

#corpus{
	height: 60%;
	width: 100%;
}

#profile{
	color: rgba(255,255,255,0.8);
}