body {
	background-color:#000;
    font-family: 'Play',sans-serif;
}
.top-nav-collapse {
	background:#000;
}
.text-bel {
	color:#FFF;
}
footer, #portfolio {
  background-color: #34acb7;
}
.intro {
	
	background: url(../img/bg2.jpg) no-repeat top center;
}
.navbar-custom ul.nav li a {
  color: #FFF;
}
.section-heading {
  color: #34acb7;
}

/*isotope*/

nav.primary {
    width:auto;
    margin:30px auto;
    display:table;
}
 
nav.primary ul li  {
    float:left;
    list-style:none;
}
 
nav.primary ul li a {
    height:39px;
    display:block;
    font-size:15px;
    color:#000;
    padding:0 10px;
    text-decoration:none;
    line-height:39px;
}
 
nav.primary li a.selected {
    border-bottom: 3px solid #ED3131;
}
 
.main {
    padding:0;
    margin:0;
    display:block;
}
 
.entry {
    position:relative;
    float:left;
    cursor:pointer;
	margin:13px;
/*    
    width:225px;
    height:225px;*/
    padding:0;
}
 
.portfolio { margin:0; }
 
.magnifier {
	color:#FFF;
	line-height:1;
    background:rgba(52, 172, 183,.7) url(../images/magnifier.png) no-repeat center;
    position:absolute;
    top:10px;
    left:10px;
    bottom:10px;
    right:10px;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.video-hover {
    background:rgba(237,49,49,.7) url(../images/video.png) no-repeat center;
    position:absolute;
    top:10px;
    left:10px;
    bottom:10px;
    right:10px;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
 
.entry:hover .video-hover,
.entry:hover .magnifier { opacity:1; }
 
img {
    max-width:100%;
}
 
.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
}
 
.isotope {
-webkit-transition-property: height, width;
   -moz-transition-property: height, width;
        transition-property: height, width;
}
 
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
        transition-property:         transform, opacity;
}
#load {
  background-color: #33ABB6;
  border: 5px solid #33ABB6;
  box-shadow: 10px 0px #000000, 10px 0px #bbbbbb;
}