/* Custom Theme Styles */
    
html{
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 90px;
	padding-top: 100px;
}

.container {
    width: auto;
    max-width: 900px;
    overflow: hidden;
    background: 0;
}

.slides {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.slick-slider {
    background: url(../img/ajax-loader.gif);
}
.slick-slider .slick-list { 
    opacity: 0; 
    position: absolute; 
}
.slick-slider.slick-initialized {
    background: none;
}
.slick-slider.slick-initialized .slick-list { 
    opacity: 1;
    position: relative;
    transition: opacity 0.2s ease-in;
}

/* Navbar */
.navbar {
	border: none;
}

.navbar-default {
    border-color: rgba(34,34,34,.05);
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: #fff;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.navbar-default .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: #222;
	font-size: 45px;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #000;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #7F7F7F;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #000;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #7F7F7F!important;
    background-color: #fff;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: #fff;
}
	.navbar-nav img {
		height: 22px;
		margin-top: 17px;
		margin-right: 5px;
	}

@media(min-width:768px) {
    .navbar-default {
		border-color: rgba(34,34,34,.05);
        background-color: #fff;
		padding-top: 35px;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: #000;
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
		color: rgba(0,0,0,.7);
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: #000;
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: rgba(0,0,0,.7);
    }
	.navbar-nav img {
		height: 22px;
		margin-top: 21px;
		margin-right: 5px;
	}
}

.navwrap {
	padding-bottom: 80px;
}

/* FOOTER */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 90px;
  background-color: #f5f5f5;
}

.container .text-muted {
	margin: 15px 0;
}

.footer a {
	padding: 0px 0px 0px 10px;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	color: #000;
}
.footer a:hover,
.footer a:focus:hover {
	color: rgba(0,0,0,0.7);
}

/* Portfolio */
.categories a.active {

}
/* FOR TRANSITION BEAUTIFULLY */
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

/* JUST FOR BOTTOM SPACE */
#portfolio-div h5 {
    padding-bottom: 30px;
}

.btn {
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
}

.thumb{
    position:relative;
	border: none;
	margin-bottom: 30px;
}

.thumb span {
    background: rgba(0,0,0,0.7);
    color: #fff;
	
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	text-decoration: none;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	text-transform: uppercase;
	font-weight: 700;
	
}

#notop {
	margin-top: 0px;
}

.featurette-divider {
  margin-top: 0px; /* Space out the Bootstrap <hr> more */
  margin-bottom: 20px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

@media (min-width: 768px) {
	.featurette-heading {
	font-size: 50px;
	}
	.featurette-divider {
	  margin-top: 20px; /* Space out the Bootstrap <hr> more */
	  margin-bottom: 80px;
	}
 
}

.featurette-image {
	padding-bottom: 15px;
}

#branding {
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: #222;
	font-size: 30px;
}

#contact a {
	padding-left: 10px;
	text-decoration: none;
	color: #000;
	}
	
#contact a:hover,
#contact a:focus:hover {
	color: rgba(0,0,0,0.7);
}