* {z-index: 2}

body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {font-family: 'Raleway', sans-serif; font-weight: 300; }

.full-width {width: 100%; max-width: 100%} 
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: none; color: #666666; }


.navbar-default .navbar-nav > li > a { color: #000000; font-weight: 300}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #777777;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus 
{
	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    font-weight: 500;
}
.navbar-default{ border: none; background: none}
.navbar-header { border: none; background: none}

.navbar-toggle { background: #FFFFFF}
@media (max-width: 767px) { 
	.navbar-collapse { background: #FFFFFF; border: none}
  .navbar { margin-bottom: 0}
}

.navbar-brand { padding: 7px 0 ;}
#header { padding-top:25px;}
.logo
{
    height: 35px; margin-left: 15px
}


.cover-img { 
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;

 }


.cover-img img { height: auto; width: 100%; visibility: hidden;}
.cover-img .real-img { display: none;}

.ie8- .cover-img { background: none !important; }

.ie8- .cover-img img { background: none !important; }
.ie8- .cover-img .relation {  display: none !important;  }
.ie8- .cover-img .real-img { display: block !important; visibility: visible !important;  width: 100% !important;}


#s_index .cover-img, #s_index .item { height: 100%;}
.cover-img {position: relative;}

.carousel-control { display: block !important}
#carousel { height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0;}

.projects {padding-left: 15px; padding-right: 15px;}
.project { padding: 0.5px; }

.project .tittle
{
	
	font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    margin-top: -95px;
    height: 78px;

    position: absolute;
    z-index: 20;
    width: 100%;
    visibility: hidden;
}



.project .fix
{	
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #000000;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.5;
}

@media (min-width: 767px) { 
  .project:hover .fix
  {
  	display: block;
  }
  .project:hover .tittle
  {
    visibility: visible;

  }
}

@media (max-width: 767px) { 

  .project .tittle
  {
    visibility: visible;
    background: rgba(0,0,0,0.5);
    margin-top: -35px;
    line-height: 35px;
    height: 35px;
  }

  .project { padding: 0;}
  .project .full-width { margin-bottom: 1px}
}

.with_text { background: #F7F7F7; margin: 0; text-align: justify;}
.with_text .col { padding: 0;}
.with_text .text {padding: 5%; font-size: 16px}
@media (max-width: 767px) { 
  .with_text .text {font-size: 13px}
}


form { margin-top: 40px;  margin-bottom: 80px; }
label {  font-size: 12px; font-weight: 400}
input, textarea { border: solid 1px #cccccc; width: 768px; padding: 5px;}
textarea {height: 150px !important;}
.form-group { margin-top: 25px;}
button, .submit { font-size: 13px !important; color: #333333 !important; padding: 5px !important; margin-top: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
button:hover, .submit:hover, .submit:focus { background-color: #BBBBBB !important;}


.form-control, .form-control:focus {
  border-color: #cccccc;
    box-shadow: none;
}

.unit {margin-bottom: 1px}
.unit .col {padding:0;}

@media (min-width: 767px) { 
  .unit iframe { height: 401px !important;}
}

@media (min-width: 992px) { 
  .unit iframe { height: 525px !important;}
}

@media (min-width: 1200px) { 
  .unit iframe { height: 637px !important;}
}

.socialbar {  padding: 50px 0;  text-align: center;}
.socialbar a{  margin-top: 25px; margin-left:7px; }
.socialbar a img{background-color: #BBBBBB; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 25px; height: 25px;}
.socialbar img.facebook:hover{ background-color: #3b5999}
.socialbar img.linkedin:hover{ background-color: #0082c8}
.socialbar img.twitter:hover{ background-color: #29c5f6}

#lang a{ font-weight: 400; color: #777777;}
#lang a:hover{ color: #999999;}
#lang a.selected{ font-weight: 100 !important; cursor: default; color: #000000;}
#lang a.selected:hover { color: #000000;}
@media (min-width: 767px) { 
  #lang { float: right;
    margin-left: 25px;
    margin-top: 14px;}
}
@media (max-width: 767px) { 
  #lang { text-align: right; margin-right: 5px; margin-top: 5px}


  #s_project #main .container { overflow: hidden; width: 100%; margin: 0; padding: 0;}
  #header { padding-top: 3px}
}


.carousel-control img { width: 64px;
display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    margin-left: -32px;
    margin-top:-32px;}

.navbar > .container .navbar-brand {
    margin-left: 0;
}