@charset "utf-8";
/* CSS Document */

.work-item-list .image-overlay {
   background-color: rgba(20,20,20,0.9);
}

@media screen and (max-width: 1024px) {
	.work-item-list .image-overlay {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 0; 
		top: initial;
		bottom: 0;
		height: 30%;
	}
	.work-item-list .image-overlay:hover {
		opacity: 0; 
		opacity: 0; 
	}
	


}

@media screen and (min-width: 992px) {

	
	.work-item-filters a {
  margin-right:50px;
}

}



.work-item-filters li a:hover {
  text-decoration: none;
  outline: none;
  background-color: #82534d;
  color: #000;
}

.work-item-filters li a:hover i{
  text-decoration: none;
  outline: none;
  background-color: none;
  color: #FFF;
}


.work-item-filters li a.active {
  text-decoration: none;
  outline: none;
  background-color: #82534d;
  color: #000;
  font-weight:500;
}



/*Carousel
------------------------------------*/
/*carousel-v1*/
.carousel-v1 .carousel-caption {
   left: 0;
   right: 0;
   bottom: 0;
   padding: 7px 15px;
   background: rgba(0, 0, 0, 0.7);
}

.carousel-v1 .carousel-caption p {
   color: #fff;
   margin-bottom: 0;
}

.carousel-v1 .carousel-arrow a.carousel-control {
   opacity: 1;
   font-size:30px;
   height:inherit;
   width: inherit;
   background: none;
   text-shadow: none;
   position: inherit;
}

.carousel-v1 .carousel-arrow a i {
   top: 50%;
   opacity: 0.6;
   background: #000;
   margin-top: -18px;
   padding: 2px 12px; 
   position: absolute;
}
.carousel-v1 .carousel-arrow a i:hover {
   opacity: 0.8;
}

.carousel-v1 .carousel-arrow a.left i {
   left: 0;
}
.carousel-v1 .carousel-arrow a.right i {
   right: 0;
}

/* projects */
.btn-modal {
		display:block;
		margin-top:40px;
		text-align:center;
		margin-bottom:30px;
	}

button.close-modal { 
		background:url('../img/close.png') no-repeat; 
		background-position:-35px -33px; 
        border:none;
		display:inline-block; 
		width:73px; 
		height:73px; 
	}

button.close-modal:hover { 
		background-position:-35px -173px; 
	}
	
section.cover,
div.inner-cover {
	position:relative;
	padding:150px 0;
	display:table;
	width:100%;
	background:#0F1113;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}
	div.inner-cover {
		margin-bottom:80px;
	}
	div.inner-cover h1,
	div.inner-cover h2,
	div.inner-cover h3 {
		color:#fff;
	}
	div.inner-cover.project {
		padding:100px 0;
	}
	
/* work item filters */
.work-item-filters {
  background-color: #FFF;
}


	
.work-item-wrapper {
	margin-top:20px;
}

.btn-info-transparent {
	background: rgb(0, 174, 239); /* Fallback */
    background: rgba(0, 174, 239, 0.4);
	padding: 15px 41px;
}
.btn-info-transparent:hover, .btn-info-transparent:focus {
	background: rgb(0, 174, 239); /* Fallback */
    background: rgba(0, 174, 239, 0.8);
}
.btn-info-transparent:active, .btn-info-transparent.active {
	background: rgb(0, 174, 239); /* Fallback */
}

.btn-primary-transparent {
	background: rgb(255, 174, 63); /* Fallback */
    background: rgba(255, 174, 63, 0.4);
	padding: 15px 41px;
}
.btn-primary-transparent:hover, .btn-primary-transparent:focus {
	background: rgb(255, 174, 63); /* Fallback */
    background: rgba(255, 174, 63, 0.8);
}
.btn-primary-transparent:active, .btn-primary-transparent.active {
	background: rgb(255, 174, 63); /* Fallback */
}

.btn-info-filter {
	color:#5bc0de;	
	background:none;
	font-weight:300;	
	font-family: "Dosis", sans-serif;
	font-size: 2em;
	padding-left:10%;
	padding-right:10%;
}

.btn-info-filter:active, .btn-info-filter.active {
	box-shadow:none;
	webkit-box-shadow:none;
}

.btn-primary-filter {
	color:#82534d;	
	background:none;
	font-weight:300;	
	font-family: "Dosis", sans-serif;
	font-size: 2em;
	padding-left:10%;
	padding-right:10%;
}

.btn-primary-filter:active, .btn-primary-filter.active {
	box-shadow:none;
	webkit-box-shadow:none;
}

#filter_buttons {
			position:fixed;
            z-indesx;4444444;
			
		}
		
#filter_buttons_absolute {
	position:absolute;
	visibility:hidden;
	
}

.hero-unit .hero-content {
	margin-top: 0px;
}

.navbar-nav > li {
  margin: 0 20px;
}

.work-item-filters li a:hover, .work-item-filters li a.active {

  background-color:transparent; 

}

.work-item-list .image-overlay-online {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 174, 63, 0.9);
  cursor:pointer;
}
.work-item-list .image-overlay-online:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.language {
	opacity: 0.7; 
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	cursor:pointer; 
	background:none; 
	border:none; 
	color:#CCC; 
	font-weight: 700; 
	line-height: 20px;
}

.language_active {
	opacity: 1; 
    margin-top:6px;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	cursor:pointer; 
	background:none; 
	border:none; 
	color:#FFF; 
	font-weight: 700; 
	line-height: 20px;
}

.language-dark {
	opacity: 0.7; 
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	cursor:pointer; 
	background:none; 
	border:none; 
	color:#999; 
	font-weight: 700; 
	line-height: 20px;
}

.language-dark_active {
	opacity: 1; 
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	cursor:pointer; 
	background:none; 
	border:none; 
	color:#000; 
	font-weight: 700; 
	line-height: 20px;
}

body
{
	font-size:13px;	
}

.section-heading .head_outside
{
	color: #428bca;
}

li.work-item:hover {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .language {
        margin-right:80px;
    }

    #btn-about-header {
        visibility:hidden;
    }
    
    #btn-contact-header {
        visibility:hidden;
    }
    
    #choose_text {
        visibility:hidden;
    }
    
    #filter_buttons_absolute {
        visibility: visible;
    }
}