/* CSS Document */
/* RESET*/
a { text-decoration:none; color:#6CDFEA;}
a:hover {text-decoration:none;}
ul,ol { list-style:none; margin:0 ; padding:0}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

font-weight: 300;
font-family: 'Oswald', sans-serif;


}
.navbar { margin:0; border:0 ; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color:#fff}

.navbar-default .navbar-nav>li>a {
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
 outline:none; border:none;
font-weight:300;
font-size:18px;
padding:20px ;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #FFF;
background-color:#6CDFEA
}
.navbar-default .active a { }
.navbar-default .navbar-brand {

font-size:30px
}
.thumbnail { border:none; background-color:#F7F7F7; box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.form-control {
	height:40px;
border-radius:0;
border-left: 3px solid #1ac6ff;
}

/* Fade transition for carousel items */

.btn {

border-radius:0;
}
.btn-lg, .btn-group-lg>.btn {
padding: 20px ;
font-size: 20px;
line-height: 1.33;

}
.carousel, .item, .active {
height:100%;
}
.carousel-inner {
height:100%;
}
.carousel {
margin-bottom: 60px;
}
.carousel-caption {
z-index: 10;
}

.carousel-caption { top:20% }
.carousel.c-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control {
  z-index: 3;
}
.carousel-indicators {
top: 20px;
}
.btn-primary {
color: #fff;
background-color: #1ac6ff;
border-color: #1ac6ff;
}
.thumbnail {

background-color: #FFF;

}
@media screen and (max-width:767px){

.covervid-video {display: none}

}
@media screen and (max-width:767px){

.covervid-video {display: none}

}
@media screen and (min-width:992px){
  .mobile-bg{ display:none;}
  .large {
font-size: 80px;
letter-spacing: -2px;
text-transform: uppercase;
border-bottom: 1px solid #CCC;
line-height: 80px;
margin: 20px 0;
}
.work { width: 20%; }
.work.w2 { width: 40%; }
#portfolio { min-height: 700px}

@media screen and (max-width:992px){.work { width: 50%; }
}