@charset "utf-8";
/*-- practicehatesperfect - blacksite - Jesse Scott - June 5th, 2015 --*/


/*-- Global --*/
html	{
}


/*-- Images --**/
.puppy1 {
    background-image: url(../images/gallery/puppy1.jpg) !important;  
}
.puppy2 {
    background-image: url(../images/gallery/puppy2.jpg) !important;
}
.puppy3 {
    background-image: url(../images/gallery/puppy3.jpg) !important;
}
.puppy4 {
    background-image: url(../images/gallery/puppy4.jpg) !important;
}


/*-- Header --*/
#header	{
	background-color: transparent;
	z-index: 99999;
}

.header-mask	{
    position: absolute;
    background-position: 50% 0;
    top: 0;
    left: 0;
    right: 0;
	height: 87px;
    -webkit-filter: blur(5px); 
    z-index: 9999;

}
.body.expanded .header-mask	{
    height: 356px;
}

.header_wrapper	{
    background-color: rgba(0,0,0,0.3);
	height: inherit;
	max-width: 100%;
    margin: 0 auto;	
}
.body.expanded .header_wrapper	{
    height: 360px;
}

.logo_text	{
	color: #FFF;
    text-shadow: #000 1px 1px;
}


/*-- Nav --*/
#nav > div.nav-bars > i {
	color: #FFF;
    text-shadow: #000 1px 1px;
}
.body.expanded .nav_db_sites {
    margin-top: 65px;
} 

.nav_list {
    display: none;
    
	background-color: transparent;
}

.nav_sub {
    background-color: transparent;
}
.nav_db_sites {
    background-color: transparent;
    box-shadow: none;
    transition: none;
}




/*-- Icons --*/
.fa {
	color: #FFF !important;
    text-shadow: #000 1px 1px !important;
}

/*-- Image Reel --*/
#body > div.image-reel {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
#body > div.image-reel > div.left-arrow  {
    position: absolute;
    top: 60%;
}
#body > div.image-reel > div.left-arrow > i {
    cursor: pointer;
}
#body > div.image-reel > div.right-arrow {
    position: absolute;
    top: 60%;
    right: 0;
}
#body > div.image-reel > div.right-arrow > i {
    cursor: pointer;
}
#body > div.image-reel > div.left-arrow > i.fa:before {
    margin-right: 20px;
    margin-left: 20px;
}


/*-- Main --*/
.container	{
	display: block;
    position: absolute; 
    background-position: center top;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.container_wrapper{	
	display: block;
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.3);
}

.block {
    display: block;
    position: relative;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    width: 640px;
    height: 460px;
    margin: 0 auto;
    font-size: 64px;
    text-align: center;
    margin-top: 200px;
}








/*-- Footer --*/
#footer	{
	background-color: transparent;
	z-index: 99999;
}
.footer_wrapper	{
	max-width: 100%;
    background-color: rgba(0,0,0,0.3);
}

.footer-mask	{
    position: absolute;
    background-position: 50% 95.5%;
    left: 0%;
    height: 37px;
    right: 0;
    bottom: 0;
    -webkit-filter: blur(5px);
    z-index: 9999;
}

.footer_copy_text	{
	color: #FFF;
    text-shadow: #000 1px 1px;
}


@media screen and (max-width: 820px)	{
    .header_logo {
        font-size: 36px;
    }
    .nav-bars {
        padding: 22px 0px;
    }   
	.footer-mask {
	    height: 43px;
	}
}