/****** image hover ******/

.chover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.chover {position:relative;width:auto;height:auto;display:inline-block;}
.chover a {text-decoration:none}

.chover img 
{
width:100%;height:100%;
}

/*** effect - shadow 1 ***/

.shadow-1
{
-webkit-box-shadow: 0 28px 16px -26px black;
-moz-box-shadow: 0 28px 16px -26px black;
box-shadow: 0 28px 16px -26px black;
}

.shadow-1:hover
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);

-webkit-box-shadow: 0 58px 36px -56px black;
-moz-box-shadow: 0 58px 36px -56px black;
box-shadow: 0 58px 36px -56px black;
}

.shadow-1
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-1:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 2 ***/

.shadow-2
{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

.shadow-2:after
{
content:"";
position:absolute;
z-index:-1;
bottom:0px;
width:80%;
height:50%;
left:10%;
right:10%;
	
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;

-webkit-box-shadow:0px 10px 40px rgba(0,0,0,1.0);
-moz-box-shadow:0px 10px 40px rgba(0,0,0,1.0);
box-shadow:0px 10px 40px rgba(0,0,0,1.0);
}

.shadow-2:hover
{
width:400px
}

.shadow-2:hover:after
{
-webkit-box-shadow:0px 10px 60px rgba(0,0,0,1.0);
-moz-box-shadow:0px 10px 60px rgba(0,0,0,1.0);
box-shadow:0px 10px 60px rgba(0,0,0,1.0);
}

.shadow-2:after, .shadow-2
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-2:hover:after, .shadow-2:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 3 ***/

.shadow-3
{
-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2), inset 0px 0px 50px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2), inset 0px 0px 50px rgba(0, 0, 0, 0.1);
box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2), inset 0px 0px 50px rgba(0, 0, 0, 0.1);
}

.shadow-3:hover
{
transform:scale(1.05);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
}

.shadow-3:before, .shadow-3:after
{
position:absolute;
z-index:-1;
width:40%;
height:10px;
content:'';
left:12px;
bottom:12px;
background:transparent;

-webkit-box-shadow:0px 9px 12px rgba(0, 0, 0, 0.9);
-moz-box-shadow:0px 9px 12px rgba(0, 0, 0, 0.9);
box-shadow:0px 9px 12px rgba(0, 0, 0, 0.9);

-webkit-transform: skew(-5deg) rotate(-5deg);
-moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
transform: skew(-5deg) rotate(-5deg);
}

.shadow-3:after
{
left:auto;
right:12px;

-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
transform: skew(5deg) rotate(5deg);
}

.shadow-3:hover:before, .shadow-3:hover:after
{
-webkit-box-shadow:0px 9px 22px rgba(0, 0, 0, 0.9);
-moz-box-shadow:0px 9px 22px rgba(0, 0, 0, 0.9);
box-shadow:0px 9px 22px rgba(0, 0, 0, 0.9);
}

.shadow-3:before, .shadow-3:after, .shadow-3
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-3:hover:before, .shadow-3:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 4 ***/

.shadow-4:before, .shadow-4:after 
{
position:absolute;
z-index:-1;
content:"";
}

.shadow-4:before 
{
top:5%;
bottom:5%;
left:2%;
right:2%;
	
-webkit-border-radius:8%;		
-moz-border-radius:8%;
border-radius:8%;

-webkit-box-shadow:-10px 0px 20px rgba(0,0,0,0.8), 10px 0px 20px rgba(0,0,0,0.8);
-moz-box-shadow:-10px 0px 20px rgba(0,0,0,0.8), 10px 0px 20px rgba(0,0,0,0.8);
box-shadow:-10px 0px 20px rgba(0,0,0,0.8), 10px 0px 20px rgba(0,0,0,0.8);
}

.shadow-4:hover
{
height:180px
}

.shadow-4 .layer-line {position:absolute;top:50%;right:0px;left:0px;height:1px;width:100%;background:#fff;z-index:2;opacity:0}
.shadow-4:hover .layer-line {opacity:0.2}

.shadow-4:hover:before
{
top:10%;
bottom:10%;
left:1%;
right:1%;

-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;

-webkit-box-shadow:-15px 0px 35px rgba(0,0,0,0.6), 15px 0px 35px rgba(0,0,0,0.6);
-moz-box-shadow:-15px 0px 35px rgba(0,0,0,0.6), 15px 0px 35px rgba(0,0,0,0.6);
box-shadow:-15px 0px 35px rgba(0,0,0,0.6), 15px 0px 35px rgba(0,0,0,0.6);
}

.shadow-4:before, .shadow-4, .shadow-4 .layer-line
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-4:hover:before, .shadow-4:hover, .shadow-4:hover .layer-line
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 5 ***/

.shadow-5:before, .shadow-5:after 
{
position:absolute;
z-index:-1;
content:"";
}

.shadow-5:before 
{
top:2%;
bottom:2%;
left:5%;
right:5%;

-webkit-border-radius:8%;	
-moz-border-radius:8%;
border-radius:8%;

-webkit-box-shadow:0px -5px 20px rgba(0,0,0,0.8), 0px 5px 20px rgba(0,0,0,0.8);
-moz-box-shadow:0px -5px 20px rgba(0,0,0,0.8), 0px 5px 20px rgba(0,0,0,0.8);
box-shadow:0px -5px 20px rgba(0,0,0,0.8), 0px 5px 20px rgba(0,0,0,0.8);
}

.shadow-5:hover
{
width:350px
}

.shadow-5 .layer-line {position:absolute;top:0px;bottom:0px;left:50%;height:100%;width:1px;background:#fff;z-index:2;opacity:0}
.shadow-5:hover .layer-line {opacity:0.2}

.shadow-5:hover:before
{
top:1%;
bottom:1%;
left:10%;
right:10%;

-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;

-webkit-box-shadow:0px -15px 35px rgba(0,0,0,0.6), 0px 15px 35px rgba(0,0,0,0.6);
-moz-box-shadow:0px -15px 35px rgba(0,0,0,0.6), 0px 15px 35px rgba(0,0,0,0.6);
box-shadow:0px -15px 35px rgba(0,0,0,0.6), 0px 15px 35px rgba(0,0,0,0.6);
}

.shadow-5:before, .shadow-5
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-5:hover:before, .shadow-5:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 6 ***/

.shadow-6:before, .shadow-6:after 
{
position:absolute;
z-index:-2;
content:"";
}

.shadow-6:before 
{
top:2%;
bottom:2%;
left:5%;
right:5%;
	
-webkit-border-radius:15%;		
-moz-border-radius:15%;
border-radius:15%;

-webkit-box-shadow:0px -1px 25px rgba(0,0,0,0.8), 0px 1px 25px rgba(0,0,0,0.8);
-moz-box-shadow:0px -1px 25px rgba(0,0,0,0.8), 0px 1px 25px rgba(0,0,0,0.8);
box-shadow:0px -1px 25px rgba(0,0,0,0.8), 0px 1px 25px rgba(0,0,0,0.8);
}

.shadow-6:hover
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
z-index:1;
}

.shadow-6:hover:before
{
top:1%;
bottom:1%;
left:10%;
right:10%;

-webkit-border-radius:30%;
-moz-border-radius:30%;
border-radius:30%;

-webkit-box-shadow:0px -10px 35px rgba(0,0,0,0.5), 0px 10px 35px rgba(0,0,0,0.5);
-moz-box-shadow:0px -10px 35px rgba(0,0,0,0.5), 0px 10px 35px rgba(0,0,0,0.5);
box-shadow:0px -10px 35px rgba(0,0,0,0.5), 0px 10px 35px rgba(0,0,0,0.5);
}

.shadow-6:before, .shadow-6
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-6:hover:before, .shadow-6:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 7 ***/

.shadow-7:before, .shadow-7:after 
{
position:absolute;
z-index:-2;
content:"";
}

.shadow-7:before 
{
top:1%;
bottom:1%;
left:2%;
right:2%;
	
-webkit-border-radius:40%;		
-moz-border-radius:40%;
border-radius:40%;

-webkit-box-shadow:10px -1px 25px rgba(0,0,0,0.6), -10px 1px 25px rgba(0,0,0,0.6);
-moz-box-shadow:10px -1px 25px rgba(0,0,0,0.6), -10px 1px 25px rgba(0,0,0,0.6);
box-shadow:10px -1px 25px rgba(0,0,0,0.6), -10px 1px 25px rgba(0,0,0,0.6);
}

.shadow-7:hover
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
z-index:1;
}

.shadow-7:hover:before
{
top:1%;
bottom:1%;
left:2%;
right:2%;

-webkit-border-radius:45%;
-moz-border-radius:45%;
border-radius:45%;

-webkit-box-shadow:10px -1px 45px rgba(0,0,0,0.3), -10px 1px 45px rgba(0,0,0,0.3);
-moz-box-shadow:10px -1px 45px rgba(0,0,0,0.3), -10px 1px 45px rgba(0,0,0,0.3);
box-shadow:10px -1px 45px rgba(0,0,0,0.3), -10px 1px 45px rgba(0,0,0,0.3);
}

.shadow-7:before, .shadow-7
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-7:hover:before, .shadow-7:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 8 ***/

.shadow-8:hover
{
margin-top:-10px
}

.shadow-8:after
{
content:"";
position: absolute;
top:10px;right:0;bottom:0;left: 0;
z-index:-2;	
		
-webkit-box-shadow:0px 250px 15px -35px rgba(0,0,0,.25);
-moz-box-shadow:0px 250px 15px -35px rgba(0,0,0,.25);
box-shadow:0px 250px 15px -35px rgba(0,0,0,.25);

-webkit-border-radius:45%;
-moz-border-radius:45%;
border-radius:45%;

transform:scaleY(.3);
-webkit-transform:scaleY(.3);
-moz-transform:scaleY(.3);
-ms-transform:scaleY(.3);
-o-transform:scaleY(.3);
}

.shadow-8:hover:after
{
top:100px;right:20%;left:20%;

-webkit-box-shadow:0px 250px 40px 15px rgba(0,0,0,.25);
-moz-box-shadow:0px 250px 40px 15px rgba(0,0,0,.25);
box-shadow:0px 250px 40px 15px rgba(0,0,0,.25);
}

.shadow-8:after, .shadow-8
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-8:hover:after, .shadow-8:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 9 ***/

.shadow-9
{
transform:perspective(1000px);
-webkit-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-ms-transform:perspective(1000px);
-o-transform:perspective(1000px);
}

.shadow-9:hover
{
transform:perspective(600px) rotateX(10deg);
-webkit-transform:perspective(600px) rotateX(10deg);
-moz-transform:perspective(600px) rotateX(10deg);
-ms-transform:perspective(600px) rotateX(10deg);
-o-transform:perspective(600px) rotateX(10deg);
}

.shadow-9 .shadow-inner 
{
width:100%;height:45%;
position:absolute;
bottom:0;right:0;
z-index:-2;
    
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;

-webkit-box-shadow:0px 10px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 10px 2px rgba(0, 0, 0, 0.2);
box-shadow:0px 10px 2px rgba(0, 0, 0, 0.2);
}

.shadow-9:hover .shadow-inner 
{
-webkit-box-shadow:0px 20px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 20px 12px rgba(0, 0, 0, 0.2);
box-shadow:0px 20px 12px rgba(0, 0, 0, 0.2);
}

.shadow-9 .shadow-inner:after
{
content:"";
width:150px;height:100px;
position:absolute;
right:0;bottom:0;
z-index:-1;
background:rgba(0, 0, 0, 0.2);

-moz-box-shadow:20px 30px 12px rgba(0, 0, 0, 0.27);
-webkit-box-shadow:20px 30px 12px rgba(0, 0, 0, 0.27);
box-shadow:20px 30px 12px rgba(0, 0, 0, 0.27);

transform:skew(10deg,10deg) translate(-40px,-15px);
-moz-transform:skew(10deg,10deg) translate(-40px,-15px);
-webkit-transform:skew(10deg,10deg) translate(-40px,-15px);
-ms-transform:skew(10deg,10deg) translate(-40px,-15px);
-o-transform:skew(10deg,10deg) translate(-40px,-15px);
}

.shadow-9:hover .shadow-inner:after
{
-moz-box-shadow:-20px 30px 15px rgba(0, 0, 0, 0.47);
-webkit-box-shadow:-20px 30px 15px rgba(0, 0, 0, 0.47);
box-shadow:-20px 30px 15px rgba(0, 0, 0, 0.47)
}

.shadow-9 .shadow-inner:before
{
content:"";
width:150px;height:100px;
position:absolute;
left:0;bottom:0;
z-index:-1;
background:rgba(0, 0, 0, 0.2);

-moz-box-shadow:-20px 30px 12px rgba(0, 0, 0, 0.27);
-webkit-box-shadow:-20px 30px 12px rgba(0, 0, 0, 0.27);
box-shadow:-20px 30px 12px rgba(0, 0, 0, 0.27);

transform:skew(-10deg,-10deg) translate(40px,-15px);
-webkit-transform:skew(-10deg,-10deg) translate(40px,-15px);
-moz-transform:skew(-10deg,-10deg) translate(40px,-15px);
-ms-transform:skew(-10deg,-10deg) translate(40px,-15px);
-o-transform:skew(-10deg,-10deg) translate(40px,-15px);
}

.shadow-9:hover .shadow-inner:before
{
-moz-box-shadow:20px 30px 15px rgba(0, 0, 0, 0.47);
-webkit-box-shadow:20px 30px 15px rgba(0, 0, 0, 0.47);
box-shadow:20px 30px 15px rgba(0, 0, 0, 0.47)
}

.shadow-9 .shadow-inner, .shadow-9 .shadow-inner:after, .shadow-9 .shadow-inner:before, .shadow-9
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-9:hover .shadow-inner, .shadow-9:hover .shadow-inner:after, .shadow-9:hover .shadow-inner:before, .shadow-9:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 10 ***/

.shadow-10:hover 
{
height:180px
}

.shadow-10 .shadow-inner-left
{
width:30%;height:100%;
position:absolute;
left:0;top:0;
z-index:-10;
}

.shadow-10 .shadow-inner-left:before
{
content: "";
width:150px;height:100px;
position:absolute;
left:0;top:0;

transform:skew(30deg,0deg) translate(25px,0px);
-moz-transform:skew(30deg,0deg) translate(25px,0);
-webkit-transform:skew(30deg,0deg) translate(25px,0px);
-ms-transform:skew(30deg,0deg) translate(25px,0px);
-o-transform:skew(30deg,0deg) translate(25px,0px);

-moz-box-shadow:-15px 10px 13px rgba(0, 0, 0, 0.48);
-webkit-box-shadow:-15px 10px 13px rgba(0, 0, 0, 0.48);
box-shadow:-15px 10px 13px rgba(0, 0, 0, 0.48);
}

.shadow-10:hover .shadow-inner-left:before
{
-moz-box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.38);
-webkit-box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.38);
box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.38);
}

.shadow-10 .shadow-inner-left:after
{
content:"";
width:150px;height:100px;
position:absolute;
left:0;bottom:0;

transform:skew(-30deg,0deg) translate(25px,0);
-moz-transform:skew(-30deg,0deg) translate(25px,0);
-webkit-transform:skew(-30deg,0deg) translate(25px,0);
-ms-transform:skew(-30deg,0deg) translate(25px,0);
-o-transform:skew(-30deg,0deg) translate(25px,0);

-moz-box-shadow:-15px -10px 13px rgba(0, 0, 0, 0.48);
-webkit-box-shadow:-15px -10px 13px rgba(0, 0, 0, 0.48);
box-shadow:-15px -10px 13px rgba(0, 0, 0, 0.48);
}

.shadow-10:hover .shadow-inner-left:after
{
-moz-box-shadow:-20px -20px 20px rgba(0, 0, 0, 0.38);
-webkit-box-shadow:-20px -20px 20px rgba(0, 0, 0, 0.38);
box-shadow:-20px -20px 20px rgba(0, 0, 0, 0.38);
}

.shadow-10 .shadow-inner-right
{
width:30%;height:100%;
position:absolute;
z-index:-10;
right:0;top:0
}

.shadow-10 .shadow-inner-right:before
{
content:"";
width:150px;height:100px;
position:absolute;
right:0;top:0;

transform:skew(-30deg,0deg) translate(-25px,0);
-moz-transform:skew(-30deg,0deg) translate(-25px,0);
-webkit-transform:skew(-30deg,0deg) translate(-25px,0);
-ms-transform:skew(-30deg,0deg) translate(-25px,0);
-o-transform:skew(-30deg,0deg) translate(-25px,0);

-moz-box-shadow:15px 10px 13px rgba(0, 0, 0, 0.48);
-webkit-box-shadow:15px 10px 13px rgba(0, 0, 0, 0.48);
box-shadow:15px 10px 13px rgba(0, 0, 0, 0.48);
}

.shadow-10:hover .shadow-inner-right:before
{
-moz-box-shadow:20px 20px 20px rgba(0, 0, 0, 0.38);
-webkit-box-shadow:20px 20px 20px rgba(0, 0, 0, 0.38);
box-shadow:20px 20px 20px rgba(0, 0, 0, 0.38);
}

.shadow-10 .shadow-inner-right:after
{
content:"";
width:150px;height:100px;
position:absolute;
right:0;bottom:0;

transform:skew(30deg,0deg) translate(25px,0);
-moz-transform:skew(30deg,0deg) translate(-25px,0);
-webkit-transform:skew(30deg,0deg) translate(-25px,0);
-ms-transform:skew(30deg,0deg) translate(-25px,0);
-o-transform:skew(30deg,0deg) translate(-25px,0);

-moz-box-shadow:15px -10px 13px rgba(0, 0, 0, 0.48);
-webkit-box-shadow:15px -10px 13px rgba(0, 0, 0, 0.48);
box-shadow:15px -10px 13px rgba(0, 0, 0, 0.48);
}

.shadow-10:hover .shadow-inner-right:after
{
-moz-box-shadow:20px -20px 20px rgba(0, 0, 0, 0.38);
-webkit-box-shadow:20px -20px 20px rgba(0, 0, 0, 0.38);
box-shadow:20px -20px 20px rgba(0, 0, 0, 0.38);
}

.shadow-10, .shadow-10 .shadow-inner-left:after, .shadow-10 .shadow-inner-left:before, .shadow-10 .shadow-inner-left, .shadow-10 .shadow-inner-right:after, .shadow-10 .shadow-inner-right:before, .shadow-10 .shadow-inner-right
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-10:hover, .shadow-10:hover .shadow-inner-left:after, .shadow-10:hover .shadow-inner-left:before, .shadow-10:hover .shadow-inner-left, .shadow-10:hover .shadow-inner-right:after, .shadow-10:hover .shadow-inner-right:before, .shadow-10:hover .shadow-inner-right
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 11 ***/

.shadow-11:hover
{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}

.shadow-11 .shadow-inner-top:after
{
content:"";
width:150px;height:80px;
position:absolute;
right:0;top:0;
z-index:-1;
background:rgba(0, 0, 0, 0.2);

-moz-box-shadow:20px -30px 8px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:20px -30px 8px rgba(0, 0, 0, 0.22);
box-shadow:20px -30px 8px rgba(0, 0, 0, 0.22);

transform:skew(-10deg,-10deg) translate(-45px,20px);
-moz-transform:skew(-10deg,-10deg) translate(-45px,20px);
-webkit-transform:skew(-10deg,-10deg) translate(-45px,20px);
-ms-transform:skew(-10deg,-10deg) translate(-45px,20px);
-o-transform:skew(-10deg,-10deg) translate(-45px,20px);
}

.shadow-11:hover .shadow-inner-top:after
{
-moz-box-shadow:20px -25px 18px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:20px -25px 18px rgba(0, 0, 0, 0.15);
box-shadow:20px -25px 18px rgba(0, 0, 0, 0.15)
}

.shadow-11 .shadow-inner-top:before
{
content:"";
width:150px;height:80px;
position:absolute;
left:0;top:0;
z-index:-1;
background:rgba(0, 0, 0, 0.2);

box-shadow:-20px -30px 8px rgba(0, 0, 0, 0.22);
-moz-box-shadow:-20px -30px 8px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:-20px -30px 8px rgba(0, 0, 0, 0.22);

transform:skew(10deg,10deg) translate(45px,20px);
-webkit-transform:skew(10deg,10deg) translate(45px,20px);
-moz-transform:skew(10deg,10deg) translate(45px,20px);
-ms-transform:skew(10deg,10deg) translate(45px,20px);
-o-transform:skew(10deg,10deg) translate(45px,20px);
}

.shadow-11:hover .shadow-inner-top:before
{
box-shadow:-20px -25px 18px rgba(0, 0, 0, 0.15);
-moz-box-shadow:-20px -25px 18px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:-20px -25px 18px rgba(0, 0, 0, 0.15);
}

.shadow-11 .shadow-inner-bottom
{
width:100%;height:45%;
position:absolute;
bottom:0;right:0;
z-index:-2;

-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;

-webkit-box-shadow:0px 10px 8px rgba(0, 0, 0, 0.22);
-moz-box-shadow:0px 10px 8px rgba(0, 0, 0, 0.22);
box-shadow:0px 10px 8px rgba(0, 0, 0, 0.22);
}

.shadow-11:hover .shadow-inner-bottom
{
-webkit-box-shadow:0px 5px 18px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0px 5px 18px rgba(0, 0, 0, 0.15);
box-shadow:0px 5px 18px rgba(0, 0, 0, 0.15);
}

.shadow-11 .shadow-inner-bottom:after
{
content:"";
width:150px;height:100px;
position:absolute;
right:0;bottom:0;
z-index:-1;
background:rgba(0, 0, 0, 0.2);

-moz-box-shadow:20px 30px 8px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:20px 30px 8px rgba(0, 0, 0, 0.22);
box-shadow:20px 30px 8px rgba(0, 0, 0, 0.22);

transform:skew(10deg,10deg) translate(-40px,-15px);
-moz-transform:skew(10deg,10deg) translate(-40px,-15px);
-webkit-transform:skew(10deg,10deg) translate(-40px,-15px);
-ms-transform:skew(10deg,10deg) translate(-40px,-15px);
-o-transform:skew(10deg,10deg) translate(-40px,-15px);
}

.shadow-11:hover .shadow-inner-bottom:after
{
-moz-box-shadow:20px 25px 18px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:20px 25px 18px rgba(0, 0, 0, 0.15);
box-shadow:20px 25px 18px rgba(0, 0, 0, 0.15)
}

.shadow-11 .shadow-inner-bottom:before
{
content:"";
width:150px;height:100px;
position:absolute;
left:0;bottom:0;
z-index:-1;
background:rgba(0, 0, 0, 0.2);

-moz-box-shadow:-20px 30px 8px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:-20px 30px 8px rgba(0, 0, 0, 0.22);
box-shadow:-20px 30px 8px rgba(0, 0, 0, 0.22);

transform:skew(-10deg,-10deg) translate(40px,-15px);
-webkit-transform:skew(-10deg,-10deg) translate(40px,-15px);
-moz-transform:skew(-10deg,-10deg) translate(40px,-15px);
-ms-transform:skew(-10deg,-10deg) translate(40px,-15px);
-o-transform:skew(-10deg,-10deg) translate(40px,-15px);
}

.shadow-11:hover .shadow-inner-bottom:before
{
-moz-box-shadow:-20px 25px 18px rgba(0, 0, 0, 0.15);
-webkit-box-shadow:-20px 25px 18px rgba(0, 0, 0, 0.15);
box-shadow:-20px 25px 18px rgba(0, 0, 0, 0.15);
}

.shadow-11, .shadow-11 .shadow-inner-top:after, .shadow-11 .shadow-inner-top:before, .shadow-11 .shadow-inner-bottom, .shadow-11 .shadow-inner-bottom:after, .shadow-11 .shadow-inner-bottom:before
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-11:hover, .shadow-11:hover .shadow-inner-top:after, .shadow-11:hover .shadow-inner-top:before, .shadow-11:hover .shadow-inner-bottom, .shadow-11:hover .shadow-inner-bottom:after, .shadow-11:hover .shadow-inner-bottom:before
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 12 ***/

.shadow-12
{
transform:perspective(1000px);
-webkit-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-ms-transform:perspective(1000px);
-o-transform:perspective(1000px);
}

.shadow-12:hover
{
transform:perspective(1200px) rotateY(15deg);
-webkit-transform:perspective(1200px) rotateY(15deg);
-moz-transform:perspective(1200px) rotateY(15deg);
-ms-transform:perspective(1200px) rotateY(15deg);
-o-transform:perspective(1200px) rotateY(15deg);
}

.shadow-12 .shadow-inner
{
content:"";
width:150px;height:100px;
position:absolute;
left:0px;bottom:0;
z-index:-1;
background:rgba(0, 0, 0, 0.2);

-moz-box-shadow:-20px 20px 6px rgba(0, 0, 0, 0.42);
-webkit-box-shadow:-20px 20px 6px rgba(0, 0, 0, 0.42);
box-shadow:-20px 20px 6px rgba(0, 0, 0, 0.42);

transform:skew(-5deg,-5deg) translate(45px,-15px);
-webkit-transform:skew(-5deg,-5deg) translate(45px,-15px);
-moz-transform:skew(-5deg,-5deg) translate(45px,-15px);
-ms-transform:skew(-5deg,-5deg) translate(45px,-15px);
-o-transform:skew(-5deg,-5deg) translate(45px,-15px);
}

.shadow-12:hover .shadow-inner
{
-moz-box-shadow:-20px 30px 21px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:-20px 30px 21px rgba(0, 0, 0, 0.22);
box-shadow:-20px 30px 21px rgba(0, 0, 0, 0.22);

transform:skew(-10deg,-10deg) translate(45px,-15px);
-webkit-transform:skew(-10deg,-10deg) translate(45px,-15px);
-moz-transform:skew(-10deg,-10deg)translate(45px,-15px);
-ms-transform:skew(-10deg,-10deg)translate(45px,-15px);
-o-transform:skew(-10deg,-10deg)translate(45px,-15px);
}

.shadow-12, .shadow-12 .shadow-inner
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-12:hover, .shadow-12:hover .shadow-inner
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 13 ***/

.shadow-13
{
transform:perspective(1000px);
-webkit-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-ms-transform:perspective(1000px);
-o-transform:perspective(1000px);
}

.shadow-13:hover
{
transform:perspective(1200px) rotateY(-15deg);
-webkit-transform:perspective(1200px) rotateY(-15deg);
-moz-transform:perspective(1200px) rotateY(-15deg);
-ms-transform:perspective(1200px) rotateY(-15deg);
-o-transform:perspective(1200px) rotateY(-15deg);
}

.shadow-13 .shadow-inner
{
content:"";
width:150px;height:100px;
position:absolute;
right:0;bottom:0;
z-index:-1;
background:rgba(0, 0, 0, 0.2);

-moz-box-shadow:20px 20px 6px rgba(0, 0, 0, 0.42);
-webkit-box-shadow:20px 20px 6px rgba(0, 0, 0, 0.42);
box-shadow:20px 20px 6px rgba(0, 0, 0, 0.42);

transform:skew(10deg,10deg) translate(-45px,-15px);
-webkit-transform:skew(10deg,10deg) translate(-45px,-15px);
-moz-transform:skew(10deg,10deg) translate(-45px,-15px);
-ms-transform:skew(10deg,10deg) translate(-45px,-15px);
-o-transform:skew(10deg,10deg) translate(-45px,-15px);
}

.shadow-13:hover .shadow-inner
{
-moz-box-shadow:20px 30px 21px rgba(0, 0, 0, 0.22);
-webkit-box-shadow:20px 30px 21px rgba(0, 0, 0, 0.22);
box-shadow:20px 30px 21px rgba(0, 0, 0, 0.22);

transform:skew(10deg,10deg) translate(-45px,-15px);
-webkit-transform:skew(10deg,10deg) translate(-45px,-15px);
-moz-transform:skew(10deg,10deg)translate(-45px,-15px);
-ms-transform:skew(10deg,10deg)translate(-45px,-15px);
-o-transform:skew(10deg,10deg)translate(-45px,-15px);
}

.shadow-13, .shadow-13 .shadow-inner
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-13:hover, .shadow-13:hover .shadow-inner
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 14 ***/

.shadow-14
{
transform:perspective(1000px);
-webkit-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-ms-transform:perspective(1000px);
-o-transform:perspective(1000px);
}

.shadow-14:hover
{
transform:perspective(1200px) rotateY(-25deg) rotateX(15deg);
-webkit-transform:perspective(1200px) rotateY(-25deg) rotateX(15deg);
-moz-transform:perspective(1200px) rotateY(-25deg) rotateX(15deg);
-ms-transform:perspective(1200px) rotateY(-25deg) rotateX(15deg);
-o-transform:perspective(1200px) rotateY(-25deg) rotateX(15deg);
}

.shadow-14:after
{
content:'';
width:70%;height:70%;
position:absolute;
bottom:20px;right:9px;
background:transparent;
z-index:-1;

-webkit-box-shadow:8px 12px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:8px 12px 10px rgba(0, 0, 0, 0.7);
box-shadow:8px 12px 10px rgba(0, 0, 0, 0.7);

transform:rotate(5deg)skew(10deg);
-webkit-transform:rotate(5deg)skew(10deg);
-moz-transform:rotate(5deg)skew(10deg);
-ms-transform:rotate(5deg)skew(10deg);
-o-transform:rotate(5deg)skew(10deg);
}

.shadow-14:hover:after
{
height:90%;

-webkit-box-shadow:18px 22px 30px rgba(0, 0, 0, 0.4);
-moz-box-shadow:18px 22px 30px rgba(0, 0, 0, 0.4);
box-shadow:18px 22px 30px rgba(0, 0, 0, 0.4);

transform:rotate(5deg) skew(5deg);
-webkit-transform:rotate(5deg) skew(5deg);
-moz-transform:rotate(5deg) skew(5deg);
-ms-transform:rotate(5deg) skew(5deg);
-o-transform:rotate(5deg) skew(5deg);
}

.shadow-14, .shadow-14:after
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-14:hover, .shadow-14:hover:after
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 15 ***/

.shadow-15:hover
{
margin-top:-20px
}

.shadow-15 .shadow-inner-1, .shadow-15 .shadow-inner-2, .shadow-15 .shadow-inner-3, .shadow-15 .shadow-inner-4
{
position:absolute;
left:0;top:0;
height:120%;width:100%;

-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
}

.shadow-15 .shadow-inner-1
{
z-index:-4;
-webkit-transform:scaleY(.3) skewX(10deg) skewY(-10deg);
-moz-transform:scaleY(.3) skewX(10deg) skewY(-10deg);
-o-transform:scaleY(.3) skewX(10deg) skewY(-10deg);
-ms-transform:scaleY(.3) skewX(10deg) skewY(-10deg);
transform:scaleY(.3) skewX(10deg) skewY(-10deg);
-webkit-box-shadow:-85px 140px 40px -35px rgba(0,0,0,.25);
-moz-box-shadow:-85px 140px 40px -35px rgba(0,0,0,.25);
box-shadow:-85px 140px 40px -35px rgba(0,0,0,.25);
}

.shadow-15 .shadow-inner-2
{
z-index:-3;
-webkit-transform:scaleY(.3) skewX(20deg) skewY(20deg);
-moz-transform:scaleY(.3) skewX(20deg) skewY(20deg);
-o-transform:scaleY(.3) skewX(20deg) skewY(20deg);
-ms-transform:scaleY(.3) skewX(20deg) skewY(20deg);
transform:scaleY(.3) skewX(20deg) skewY(20deg);
-webkit-box-shadow:-65px 290px 20px -25px rgba(0,0,0,.25);
-moz-box-shadow:-65px 290px 20px -25px rgba(0,0,0,.25);
box-shadow:-65px 290px 20px -25px rgba(0,0,0,.25);
}

.shadow-15 .shadow-inner-3
{
z-index:-2;
-webkit-transform:scaleY(.3) skewX(-10deg) skewY(10deg);
-moz-transform:scaleY(.3) skewX(-10deg) skewY(10deg);
-o-transform:scaleY(.3) skewX(-10deg) skewY(10deg);
-ms-transform:scaleY(.3) skewX(-10deg) skewY(10deg);
transform:scaleY(.3) skewX(-10deg) skewY(10deg);
-webkit-box-shadow:85px 140px 40px -35px rgba(0,0,0,.25);
-moz-box-shadow:85px 140px 40px -35px rgba(0,0,0,.25);
box-shadow:85px 140px 40px -35px rgba(0,0,0,.25);
}

.shadow-15 .shadow-inner-4
{
z-index:-1;
-webkit-transform:scaleY(.3) skewX(-20deg) skewY(-20deg);
-moz-transform:scaleY(.3) skewX(-20deg) skewY(-20deg);
-o-transform:scaleY(.3) skewX(-20deg) skewY(-20deg);
-ms-transform:scaleY(.3) skewX(-20deg) skewY(-20deg);
transform:scaleY(.3) skewX(-20deg) skewY(-20deg);
-webkit-box-shadow:65px 290px 20px -25px rgba(0,0,0,.25);
-moz-box-shadow:65px 290px 20px -25px rgba(0,0,0,.25);
box-shadow:65px 290px 20px -25px rgba(0,0,0,.25);
}

.shadow-15:hover .shadow-inner-1
{
-webkit-transform:scaleY(.4) skewX(10deg) skewY(-10deg);
-moz-transform:scaleY(.4) skewX(10deg) skewY(-10deg);
-o-transform:scaleY(.4) skewX(10deg) skewY(-10deg);
-ms-transform:scaleY(.4) skewX(10deg) skewY(-10deg);
transform:scaleY(.4) skewX(10deg) skewY(-10deg);
-webkit-box-shadow:-85px 180px 60px -35px rgba(0,0,0,.15);
-moz-box-shadow:-85px 180px 60px -35px rgba(0,0,0,.15);
box-shadow:-85px 180px 60px -35px rgba(0,0,0,.15);
}

.shadow-15:hover .shadow-inner-2
{
-webkit-transform:scaleY(.4) skewX(20deg) skewY(20deg);
-moz-transform:scaleY(.4) skewX(20deg) skewY(20deg);
-o-transform:scaleY(.4) skewX(20deg) skewY(20deg);
-ms-transform:scaleY(.4) skewX(20deg) skewY(20deg);
transform:scaleY(.4) skewX(20deg) skewY(20deg);
-webkit-box-shadow:-65px 330px 40px -25px rgba(0,0,0,.15);
-moz-box-shadow:-65px 330px 40px -25px rgba(0,0,0,.15);
box-shadow:-65px 330px 40px -25px rgba(0,0,0,.15);
}

.shadow-15:hover .shadow-inner-3
{
-webkit-transform:scaleY(.4) skewX(-10deg) skewY(10deg);
-moz-transform:scaleY(.4) skewX(-10deg) skewY(10deg);
-o-transform:scaleY(.4) skewX(-10deg) skewY(10deg);
-ms-transform:scaleY(.4) skewX(-10deg) skewY(10deg);
transform:scaleY(.4) skewX(-10deg) skewY(10deg);
-webkit-box-shadow:85px 180px 60px -35px rgba(0,0,0,.15);
-moz-box-shadow:85px 180px 60px -35px rgba(0,0,0,.15);
box-shadow:85px 180px 60px -35px rgba(0,0,0,.15);
}

.shadow-15:hover .shadow-inner-4
{
-webkit-transform:scaleY(.4) skewX(-20deg) skewY(-20deg);
-moz-transform:scaleY(.4) skewX(-20deg) skewY(-20deg);
-o-transform:scaleY(.4) skewX(-20deg) skewY(-20deg);
-ms-transform:scaleY(.4) skewX(-20deg) skewY(-20deg);
transform:scaleY(.4) skewX(-20deg) skewY(-20deg);
-webkit-box-shadow:65px 320px 40px -25px rgba(0,0,0,.15);
-moz-box-shadow:65px 320px 40px -25px rgba(0,0,0,.15);
box-shadow:65px 320px 40px -25px rgba(0,0,0,.15);
}

.shadow-15, .shadow-15 .shadow-inner-1, .shadow-15 .shadow-inner-2, .shadow-15 .shadow-inner-3, .shadow-15 .shadow-inner-4
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-15:hover, .shadow-15:hover .shadow-inner-1, .shadow-15:hover .shadow-inner-2, .shadow-15:hover .shadow-inner-3, .shadow-15:hover .shadow-inner-4
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 16 ***/

.shadow-16
{
transform:perspective(1000px);
-webkit-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-ms-transform:perspective(1000px);
-o-transform:perspective(1000px);
}

.shadow-16:hover
{
transform:perspective(600px) rotateX(10deg);
-webkit-transform:perspective(600px) rotateX(10deg);
-moz-transform:perspective(600px) rotateX(10deg);
-ms-transform:perspective(600px) rotateX(10deg);
-o-transform:perspective(600px) rotateX(10deg);
}

.shadow-16:before, .shadow-16:after
{
content:'';
width:15%;
position:absolute;
z-index:-1;
background:transparent
}

.shadow-16:before
{
left:3%;top:1%;bottom:17%;
-webkit-box-shadow:-11px 25px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow:-11px 25px 15px rgba(0, 0, 0, 0.7);
box-shadow:-11px 25px 15px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(1deg) skew(-1deg);
-moz-transform:rotate(1deg) skew(-1deg);
-o-transform:rotate(1deg) skew(-1deg);
-ms-transform:rotate(1deg) skew(-1deg);
transform:rotate(1deg) skew(-1deg);
}

.shadow-16:after
{
right:3%;top:1%;bottom:17%;
-webkit-box-shadow:11px 25px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow:11px 25px 15px rgba(0, 0, 0, 0.7);
box-shadow:11px 25px 15px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-1deg) skew(1deg);
-moz-transform:rotate(-1deg) skew(1deg);
-o-transform:rotate(-1deg) skew(1deg);
-ms-transform:rotate(-1deg) skew(1deg);
transform:rotate(-1deg) skew(1deg);
}

.shadow-16:hover:before
{
bottom:25%;
-webkit-box-shadow:-11px 25px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow:-11px 25px 25px rgba(0, 0, 0, 0.7);
box-shadow:-11px 25px 25px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(4deg) skew(-4deg);
-moz-transform:rotate(4deg) skew(-4deg);
-o-transform:rotate(4deg) skew(-4deg);
-ms-transform:rotate(4deg) skew(-4deg);
transform:rotate(4deg) skew(-4deg);
}

.shadow-16:hover:after
{
bottom:25%;
-webkit-box-shadow:11px 25px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow:11px 25px 25px rgba(0, 0, 0, 0.7);
box-shadow:11px 25px 25px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-4deg) skew(4deg);
-moz-transform:rotate(-4deg) skew(4deg);
-o-transform:rotate(-4deg) skew(4deg);
-ms-transform:rotate(-4deg) skew(4deg);
transform:rotate(-4deg) skew(4deg);
}

.shadow-16:before, .shadow-16:after, .shadow-16
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-16:hover:before, .shadow-16:hover:after, .shadow-16:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 17 ***/

.shadow-17
{
transform:perspective(1000px);
-webkit-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-ms-transform:perspective(1000px);
-o-transform:perspective(1000px);
}

.shadow-17:hover
{
transform:perspective(600px) rotateX(-10deg);
-webkit-transform:perspective(600px) rotateX(-10deg);
-moz-transform:perspective(600px) rotateX(-10deg);
-ms-transform:perspective(600px) rotateX(-10deg);
-o-transform:perspective(600px) rotateX(-10deg);
}

.shadow-17:before, .shadow-17:after
{
content:'';
width:15%;
position:absolute;
z-index:-1;
background:transparent
}

.shadow-17:before
{
left:3%;bottom:1%;top:17%;
-webkit-box-shadow:-11px -25px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow:-11px -25px 15px rgba(0, 0, 0, 0.7);
box-shadow:-11px -25px 15px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-1deg) skew(1deg);
-moz-transform:rotate(-1deg) skew(1deg);
-o-transform:rotate(-1deg) skew(1deg);
-ms-transform:rotate(-1deg) skew(1deg);
transform:rotate(-1deg) skew(1deg)
}

.shadow-17:after
{
right:3%;bottom:1%;top:17%;
-webkit-box-shadow:11px -25px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow:11px -25px 15px rgba(0, 0, 0, 0.7);
box-shadow:11px -25px 15px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(1deg) skew(-1deg);
-moz-transform:rotate(1deg) skew(-1deg);
-o-transform:rotate(1deg) skew(-1deg);
-ms-transform:rotate(1deg) skew(-1deg);
transform:rotate(1deg) skew(-1deg);
}

.shadow-17:hover:before
{
top:25%;
-webkit-box-shadow:-11px -25px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow:-11px -25px 25px rgba(0, 0, 0, 0.7);
box-shadow:-11px -25px 25px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-4deg) skew(4deg);
-moz-transform:rotate(-4deg) skew(4deg);
-o-transform:rotate(-4deg) skew(4deg);
-ms-transform:rotate(-4deg) skew(4deg);
transform:rotate(-4deg) skew(4deg);
}

.shadow-17:hover:after
{
top:25%;
-webkit-box-shadow:11px -25px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow:11px -25px 25px rgba(0, 0, 0, 0.7);
box-shadow:11px -25px 25px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(4deg) skew(-4deg);
-moz-transform:rotate(4deg) skew(-4deg);
-o-transform:rotate(4deg) skew(-4deg);
-ms-transform:rotate(4deg) skew(-4deg);
transform:rotate(4deg) skew(-4deg);
}

.shadow-17:before, .shadow-17:after, .shadow-17
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-17:hover:before, .shadow-17:hover:after, .shadow-17:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

/*** effect - shadow 18 ***/

.shadow-18
{
transform:perspective(1000px);
-webkit-transform:perspective(1000px);
-moz-transform:perspective(1000px);
-ms-transform:perspective(1000px);
-o-transform:perspective(1000px);
}

.shadow-18:hover
{
transform:perspective(600px) rotateX(-10deg);
-webkit-transform:perspective(600px) rotateX(-10deg);
-moz-transform:perspective(600px) rotateX(-10deg);
-ms-transform:perspective(600px) rotateX(-10deg);
-o-transform:perspective(600px) rotateX(-10deg);
}

.shadow-18:before, .shadow-18:after
{
content:'';
width:15%;
position:absolute;
z-index:-1;
background:transparent
}

.shadow-18:before
{
left:3%;bottom:1%;top:17%;
-webkit-box-shadow:-11px -25px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow:-11px -25px 15px rgba(0, 0, 0, 0.7);
box-shadow:-11px -25px 15px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-1deg) skew(1deg);
-moz-transform:rotate(-1deg) skew(1deg);
-o-transform:rotate(-1deg) skew(1deg);
-ms-transform:rotate(-1deg) skew(1deg);
transform:rotate(-1deg) skew(1deg)
}

.shadow-18:after
{
right:3%;bottom:1%;top:17%;
-webkit-box-shadow:11px -25px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow:11px -25px 15px rgba(0, 0, 0, 0.7);
box-shadow:11px -25px 15px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(1deg) skew(-1deg);
-moz-transform:rotate(1deg) skew(-1deg);
-o-transform:rotate(1deg) skew(-1deg);
-ms-transform:rotate(1deg) skew(-1deg);
transform:rotate(1deg) skew(-1deg);
}

.shadow-18:hover:before
{
top:25%;
-webkit-box-shadow:-11px -25px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow:-11px -25px 25px rgba(0, 0, 0, 0.7);
box-shadow:-11px -25px 25px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-4deg) skew(4deg);
-moz-transform:rotate(-4deg) skew(4deg);
-o-transform:rotate(-4deg) skew(4deg);
-ms-transform:rotate(-4deg) skew(4deg);
transform:rotate(-4deg) skew(4deg);
}

.shadow-18:hover:after
{
top:25%;
-webkit-box-shadow:11px -25px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow:11px -25px 25px rgba(0, 0, 0, 0.7);
box-shadow:11px -25px 25px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(4deg) skew(-4deg);
-moz-transform:rotate(4deg) skew(-4deg);
-o-transform:rotate(4deg) skew(-4deg);
-ms-transform:rotate(4deg) skew(-4deg);
transform:rotate(4deg) skew(-4deg);
}

.shadow-18:before, .shadow-18:after, .shadow-18
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.shadow-18:hover:before, .shadow-18:hover:after, .shadow-18:hover
{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}