@charset "utf-8";
/* CSS Document */

.wrapper-dark {
    content: "";
	background: url(images/gridtile.png) repeat;
	top: -20px;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 102%;
	position: fixed;
	z-index: -1;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.boxed .bodywrapper { width:99.1%; box-shadow: 0px 0px 10px #000000; margin: 12px; z-index:2; background-color: #ffffff }
	

#boxed_index {
	background-image:url(../uploads/hg-gradient.jpg);
	background-color: #ffffff;
	background-attachment:fixed; 
	background-size:cover; 
	background-position:center center;
	
    -webkit-animation: fadein 0s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0s; /* Firefox < 16 */
        -ms-animation: fadein 0s; /* Internet Explorer */
         -o-animation: fadein 0s; /* Opera < 12.1 */
            animation: fadein 0s;
}


.shadow-image {
  position: relative;
  display: inline-block;
	width: 90%;
  height: 90%;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
  border-radius: 0px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-image::after {
  content: "";
  border-radius: 0px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow:
  	 0 2px 12px rgba(0,0,0, .1),
  	 0 4px 24px rgba(0,0,0, .6), 
     0 8px 28px rgba(0,0,0, .1), 
     0 12px 22px rgba(236,90,80, .1), 
     0 15px 20px rgba(236,90,80, .45), 
     0 25px 30px rgba(236,90,80, .15);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  
}

.shadowblack-image::after {
  content: "";
  border-radius: 0px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow:
  	 0 2px 2px rgba(0,0,0, .1),
  	 0 4px 4px rgba(0,0,0, .6), 
     0 8px 8px rgba(0,0,0, .1), 
     0 12px 12px rgba(236,90,80, .1), 
     0 15px 15px rgba(236,90,80, .45), 
     0 25px 25px rgba(236,90,80, .15);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  
}

.shadow-image:hover {
  -webkit-transform: scale(1.02, 1.02);
  transform: scale(1.02, 1.02);
  z-index:11;
}

.shadow-image:hover::after {
    opacity: 1;
}

.shadow {
  position: relative;
  display: inline-block;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
  border-radius: 0px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow::after {
  content: "";
  border-radius: 0px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow:
  0 2px 2px rgba(0,0,0, 1),
  0 4px 4px rgba(0,0,0, .5), 
  0 8px 8px rgba(0,0,0, .5), 
  0 25px 25px rgba(236,90,80, .4), 
  0 32px 32px rgba(236,90,80, .5), 
  0 64px 64px rgba(236,90,80, .75);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  
}

.shadow:hover {
  -webkit-transform: scale(1.01, 1.01);
  transform: scale(1.01, 1.01);
  z-index:11;
}

.shadow:hover::after {
    opacity: 1;
}

.shadow-mixcloud{
  position: relative;
  display: inline-block;
  box-shadow: 0px 0px 5px rgba(0,0,0,0);
  border-radius: 0px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-mixcloud::after {
  content: "";
  border-radius: 0px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 98.5%;
  height: 98.5%;
  box-shadow:
  0 2px 2px rgba(0,0,0, 1),
  0 4px 4px rgba(0,0,0, .5), 
  0 8px 8px rgba(0,0,0, .5), 
  0 25px 25px rgba(236,90,80, .4), 
  0 32px 32px rgba(236,90,80, .5), 
  0 64px 64px rgba(236,90,80, .75);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  
}

.shadow-mixcloud:hover {
  -webkit-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04);
  z-index:11;
}

.shadow-mixcloud:hover::after {
    opacity: 1;
}