body{margin-top:135px;background:#333 url(../img/bg.png) repeat 0 0;font-size:12px;font-family:'Raleway',sans-serif!important}

/* Navigation
-------------------------------------------------------------- */

/* main */
.nav{height:85px}
.navbar{margin:0;min-height:85px;border:none;background-color:#fff;font-size:18px}
.navbar-brand{height:auto}
.navbar-nav>li>a{padding-top:32px;padding-bottom:33px}
.navbar .navbar-nav>li>a{color:#666}
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus{color:#666}
.nav>li>a:hover,
.nav>li>a:focus{background-color:#fff;color:#ccc}

/* filter */
#filters{margin-top:12px;padding:0;list-style:none}
#filters li{float:left}
#filters li span{display:block;padding:5px 20px;color:#666;text-decoration:none;cursor:pointer}
#filters li span.active{background:#00a6d4;color:#fff}
.filters:hover span{color:#ff0}

/* Containers
-------------------------------------------------------------- */
.container{margin:0 auto;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
#portfolio-container .portfolio{display:none;float:left;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:1% 2% 1% 0;width:23%;-o-box-sizing:border-box}
.portfolio-wrapper{position:relative!important;overflow:hidden;background:#666;cursor:pointer}
.portfolio img{position:relative;max-width:100%}
.portfolio .hover-label{position:absolute;bottom:-40px;width:100%;height:40px}
.portfolio .label-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#00a6d4}
.portfolio .label-text{position:relative;z-index:500;padding:5px 8px;color:#fff}

/* Misc classes
-------------------------------------------------------------- */

/* typography */
a.text-title{color:#fff;text-align:center}
.fa-external-link{color:#006b8a}

/* labels */
.label-default{background-color:#006b8a}
.hover-label{text-align:center}

/* globals */
.img-center{margin:0 auto}

/* modals */
.modal-body{background:url(../img/bg-modal.png);background-color:#000;color:#333;font-size:14px}

/* progress bar */
.progress{background-color:#fff;}

/* pager */
.pager{z-index:500;overflow:hidden;margin:0;width:100%;text-align:center}
.pager span{width:16px;height:16px;color:#ddd;font-size:50px;font-family:arial;cursor:pointer}
.pager span.cycle-pager-active{color:#999}
.pager > *{cursor:pointer}

/* slide loader */
.slides{background:url(../img/loader.gif) 50% 50% no-repeat;}

/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width:992px){
	.container{width:100%;}
}
@media only screen and (max-width:768px){
	#filters li span{padding:5px;font-size:11px}
	#portfolio-container .portfolio{margin:1%;width:48%}
}