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

/* ANIMATIONS */

/* ROTATE */
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);}to{-webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate {from {-moz-transform: rotate(0deg);}to{-moz-transform: rotate(360deg);}}

/*Rotate Anti Clockwise*/
@-webkit-keyframes rotate-anti {from {-webkit-transform: rotate(0deg);}to{-webkit-transform: rotate(-360deg);}}
@-moz-keyframes rotate-anti {from {-moz-transform: rotate(0deg);}to{-moz-transform: rotate(-360deg);}}

/* CLOCK */

.what-is-hc-animation {}
    
    @-webkit-keyframes bell-1 {
        0% {-webkit-transform: rotate(0);}
        90% {-webkit-transform: rotate(0);}
        91% {-webkit-transform: rotate(2deg);}        
        92% {-webkit-transform: rotate(-2deg);}        
        93% {-webkit-transform: rotate(2deg);}        
        94% {-webkit-transform: rotate(-2deg);}        
        95% {-webkit-transform: rotate(2deg);}        
        96% {-webkit-transform: rotate(-2deg);}        
        97% {-webkit-transform: rotate(2deg);}
        98% {-webkit-transform: rotate(-2deg);}        
        99% {-webkit-transform: rotate(2deg);}        
        100% {-webkit-transform: rotate(-2deg);}  
    }
    @-moz-keyframes bell-1 {
        0% {-moz-transform: rotate(0);}
        90% {-moz-transform: rotate(0);}
        91% {-moz-transform: rotate(2deg);}        
        92% {-moz-transform: rotate(-2deg);}        
        93% {-moz-transform: rotate(2deg);}        
        94% {-moz-transform: rotate(-2deg);}        
        95% {-moz-transform: rotate(2deg);}        
        96% {-moz-transform: rotate(-2deg);}        
        97% {-moz-transform: rotate(2deg);}
        98% {-moz-transform: rotate(-2deg);}        
        99% {-moz-transform: rotate(2deg);}        
        100% {-moz-transform: rotate(-2deg);}        
    }
    
	.what-is-hc-animation span {
		position:absolute;
		display:block;
	}

    .clock {
        background: url(../img/clock-body.png) no-repeat;
        width: 220px;
        height: 212px;
        position: absolute;
		z-index: 30;
    }
        .bell-1 {
            background: url(../img/bell-1.png) no-repeat;
            width: 81px;
			height: 58px;
            top: -14px;
			left: -3px;
            -moz-transform-origin: 23px 0;
			-webkit-transform-origin: 23px 0;            
            -webkit-animation: bell-1 2s linear infinite;
			-moz-animation: bell-1 2s linear infinite;
        }
        .bell-2 {
            background: url(../img/bell-2.png) no-repeat;
            width: 80px;
			height: 60px;
            top: -14px;
			left: 111px;
            -moz-transform-origin: 51px 0;
			-webkit-transform-origin: 51px 0;            
            -webkit-animation: bell-1 2s linear infinite;
			-moz-animation: bell-1 2s linear infinite;
        }
        .rotate {
            background: url(../img/rotate.png) no-repeat;
            width: 72px;
			height: 72px;
            top:64px;
			left:52px;
            /*-webkit-animation: rotate-anti 7.5s linear infinite;-moz-animation: rotate .5s linear infinite;*/
        }
        .big-hand {
            background: url(../img/big-hand.png) no-repeat;
			position: absolute;
            width: 67px;
			height: 73px;
            top: 23px; 
			left: 55px;
            -moz-transform-origin: 50% 100%;
			-webkit-transform-origin: 50% 100%;            
            -webkit-animation: rotate 4s linear infinite;
			-moz-animation: rotate 4s linear infinite;
        }
        .small-hand {
            background: url(../img/small-hand.png) no-repeat;
			position: absolute;
            width: 41px;
			height: 44px;
            top: 52px; 
			left: 68px;
            -moz-transform-origin: 50% 100%;
			-webkit-transform-origin: 50% 100%;            
            -webkit-animation: rotate 48s linear infinite;
			-moz-animation: rotate 48s linear infinite;
        }
		
/* LINES JOINING CLOCK AND ELEMENTS TOGETHER */
		
    .lines {
        width: 678px;
        height: 183px;
        position: absolute;
        left: 25%;
    }

        @-moz-keyframes line-1 {
			from {
				-moz-transform: rotate(0)
				}
			to {
				-moz-transform: rotate(15deg)
				}
				}
				
        @-moz-keyframes line-2 {from {-moz-transform: rotate(0)}to {-moz-transform: rotate(-30deg)}}        
        @-moz-keyframes line-3 {from {top: 56px;-moz-transform: rotate(0)}to {top: 65px;-moz-transform: rotate(25deg)}}        
        @-moz-keyframes line-4 {from {top: 77px;}to {top: 64px;}}        
        @-moz-keyframes line-5 {from {-moz-transform: rotate(0)}to {-moz-transform: rotate(20deg)}}
        @-webkit-keyframes line-1 {from {-webkit-transform: rotate(0)}to {-webkit-transform: rotate(15deg)}}
        @-webkit-keyframes line-2 {from {-webkit-transform: rotate(0)}to {-webkit-transform: rotate(-30deg)}}        
        @-webkit-keyframes line-3 {from {top: 56px;-webkit-transform: rotate(0)}to {top: 65px;-webkit-transform: rotate(25deg)}}        
        @-webkit-keyframes line-4 {from {top: 77px;}to {top: 64px;}}        
        @-webkit-keyframes line-5 {from {-webkit-transform: rotate(0)}to {-webkit-transform: rotate(20deg)}}
        .line-1 {
            background: url(../img/line-1.png) no-repeat;
            width: 101px;height:33px;
            top: 60px;left:29px;
            -moz-transform-origin: 0 50%;
			-webkit-transform-origin: 0 50%;            
            -moz-animation: line-1 5s ease-in-out alternate infinite;
			-webkit-animation: line-1 5s ease-in-out alternate infinite;            
        }
        .line-2 {
            background: url(../img/line-2.png) no-repeat;
            width: 102px;
			height:28px;
            top: 87px; 
			left: 161px;
            -moz-animation: line-2 3s ease-in-out alternate infinite;
			-webkit-animation: line-2 3s ease-in-out alternate infinite;            
        }        
        .line-3 {
            background: url(../img/line-3.png) no-repeat;
            width: 99px;
			height:39px;
            top: 56px;
			left:299px;
            -moz-animation: line-3 3s ease-in-out alternate infinite;
			-webkit-animation: line-3 3s ease-in-out alternate infinite;            
        }        
        .line-4 {
            background: url(../img/line-4.png) no-repeat;
            width: 79px; 
			height: 71px;
            top: 49px;
			left:407px;
            -moz-animation: line-3 2s ease-in-out alternate infinite;
			-webkit-animation: line-3 2s ease-in-out alternate infinite;            
        }        
        .line-5 {
            background: url(../img/line-5.png) no-repeat;
            width: 97px; 
			height: 42px;
            top: 86px; 
			left: 515px;
            -moz-animation: line-5 1s ease-in-out alternate infinite;
			-webkit-animation: line-5 1s ease-in-out alternate infinite;            
        }
		
/* ELEMENTS OF ANIMATION */
        
        @-moz-keyframes element-1 {from {top: 8px;}to {top: 32px;}}
        @-moz-keyframes element-2 {from {top: 47px;}to {top: 23px;}}        
        @-moz-keyframes element-3 {from {top: 1px;}to {top: 25px;}}        
        @-moz-keyframes element-4 {from {top: 77px;}to {top: 64px;}}        
        @-moz-keyframes element-5 {from {top: 36px;}to {top: 60px;}}
        @-webkit-keyframes element-1 {from {top: 8px;}to {top: 32px;}}
        @-webkit-keyframes element-2 {from {top: 47px;}to {top: 23px;}}        
        @-webkit-keyframes element-3 {from {top: 1px;}to {top: 25px;}}        
        @-webkit-keyframes element-4 {from {top: 77px;}to {top: 64px;}}        
        @-webkit-keyframes element-5 {from {top: 36px;}to {top: 60px;}}
        
        .element-1 {
            background: url(../img/element-1.png) no-repeat;
            width: 140px;
			height: 140px;
			left: 90px;
            -moz-animation: element-1 5s ease-in-out alternate infinite;
			-webkit-animation: element-1 5s ease-in-out alternate infinite;            
            top: 32px;
        }
        .element-2 {
            background: url(../img/element-2.png) no-repeat;
            width: 139px;
			height: 139px;
			left: 220px;
            -moz-animation: element-2 3s ease-in-out alternate infinite;
			-webkit-animation: element-2 3s ease-in-out alternate infinite;            
            top: 23px;
        }        
        .element-3 {
            background: url(../img/element-3.png) no-repeat;
            width: 104px;
			height: 108px;
		    left:357px;
            -moz-animation: element-3 3s ease-in-out alternate infinite;
			-webkit-animation: element-3 3s ease-in-out alternate infinite;            
            top: 25px;
        }        

        .element-4 {
            background: url(../img/element-4.png) no-repeat;
            width: 111px; 
			height: 112px;
			left:450px;
            -moz-animation: element-4 2s ease-in-out alternate infinite;
			-webkit-animation: element-4 2s ease-in-out alternate infinite;            
            top: 64px;
        }        
        .element-5 {
            background: url(../img/element-5.png) no-repeat;
            width: 107px; 
			height: 110px;
			left: 577px;
            -moz-animation: element-5 1s ease-in-out alternate infinite;
			-webkit-animation: element-5 1s ease-in-out alternate infinite;            
            top: 60px;
        }

/* SWINGING CLOUDS AND BUBBLES */		    

    @-moz-keyframes swing {
		from {
			-moz-transform: rotate(5deg);
			}
		to {
			-moz-transform: rotate(-5deg);
			}
			}
	
    @-webkit-keyframes swing {
		from {
			-webkit-transform: rotate(5deg);
			}
			to {
				-webkit-transform: rotate(-5deg);
				}
				}    
	

	.hot-air-balloon {
		left: 94%;
		top: 48%;
		-moz-transform-origin: 55% 65%;
		-webkit-transform-origin: 55% 65%;        
		-moz-animation: swing 1s ease-in-out alternate infinite;
		-webkit-animation: swing 1s ease-in-out alternate infinite;        
	}
	
	.hot-air-balloon-2 {
		left: 100%;
		top: 40%;
		-moz-transform-origin: 55% 65%;
		-webkit-transform-origin: 55% 65%;        
		-moz-animation: swing 1s ease-in-out alternate infinite;
		-webkit-animation: swing 1s ease-in-out alternate infinite;        
	}

    .thought-bubble {
        width: 65px;
		height: 75px;
        /*background: url(../img/thought-bubble.png);*/
		position: absolute;
        top: 184px;
		left: 271px;
        -moz-transform-origin: 55% 65%;
		-webkit-transform-origin: 55% 65%;        
        -moz-animation: swing 1s ease-in-out alternate infinite;
		-webkit-animation: swing 1s ease-in-out alternate infinite;        
    }

    .thought-bubble-2 {
        width: 60px;
		height: 70px;
        /*background: url(../img/thought-bubble.png);*/
		position: absolute;
        top: 181px;
		left: 441px;
        -moz-transform-origin: 100% 90%;
		-webkit-transform-origin: 100% 90%;        
        -moz-animation: swing 1.5s ease-in-out alternate infinite;
		-webkit-animation: swing 1.5s ease-in-out alternate infinite;        
    }

    .thought-bubble-3 {
        width: 60px;
		height: 70px;
        /*background: url(../img/thought-bubble.png);*/
		position: absolute;
        top: 176px;
		left: 594px;
        -moz-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;        
        -moz-animation: swing 2s ease-in-out alternate infinite;
		-webkit-animation: swing 2s ease-in-out alternate infinite;        
    }

    .thought-bubble-4 {
        width: 60px;
		height: 70px;
        /*background: url(../img/thought-bubble.png);*/
		position: absolute;
        top: 174px;
		left: 728px;
        -moz-transform-origin: 60% 90%;
		-webkit-transform-origin: 60% 90%;        
        -moz-animation: swing 1.5s ease-in-out alternate infinite;
		-webkit-animation: swing 1.5s ease-in-out alternate infinite;        
    }
            
            
/* BANNER ANIMATIONS */

    @-moz-keyframes cloud {
        0% {-moz-transform: rotate(0);}
        25% {-moz-transform: rotate(-10deg);}   
        50% {-moz-transform: rotate(10deg);}          
        75% {-moz-transform: rotate(-10deg);}
        100% {-moz-transform: rotate(0);}       
    }
    @-webkit-keyframes cloud {
        0% {-webkit-transform: rotate(0);}
        25% {-webkit-transform: rotate(-10deg);}   
        50% {-webkit-transform: rotate(10deg);}          
        75% {-webkit-transform: rotate(-10deg);}
        100% {-webkit-transform: rotate(0);}       
    }
	
    .cloud {
        -moz-transform-origin: 50% 15%;
		-moz-animation: cloud 2s ease-in-out infinite;
        -webkit-transform-origin: 50% 15%;
		-webkit-animation: cloud 2s ease-in-out infinite;        
    }
    .cloud-1 {
        /*background-image: url(../img/cloud-1.png);*/
        width: 50px; 
		height: 30px;
		position: absolute;
		float: left;
		top: 3%;
		left: 1%;
        -moz-animation-delay: 2s;
		-moz-animation-duration: 3s;
        -webkit-animation-delay: 2s;
		-webkit-animation-duration: 3s; 
    }
    .cloud-2 {
        /*background-image: url(../img/cloud-1.png);*/
        width: 50px; 
		height: 30px;
		left: 92%;
		top: 15%;
		position: absolute;
    }
	
/* WIGGLING PHONE - REPORT IT TO SORT IT! */
		
@-webkit-keyframes wiggle {
    from {-webkit-transform: rotateZ(2deg);}
    50% {-webkit-transform: rotateZ(-2deg);}
    to {-webkit-transform: rotateZ(2deg);}
}
 
#phone {
	left: 1%;
	top: 40%;
    -webkit-animation-name: wiggle;
    -webkit-animation-duration: .2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/* HOVER OVER BOX - STYLE #1 */

.view {
    width: 300px;
    height: 200px;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    /*background: #fff url(../img/bgimg.jpg) no-repeat center center;*/
}

.box-border-1 {
}

.smaller {
	width: 229px;
	height: 180px;
    margin: 5px;
}

.larger {
	width: 251px;
	height: 242px;
    margin: 5px;
}

.view .mask-larger, .view .content {
    width: 251px;
    height: 242px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.view .mask, .view .content {
    width: 251px;
    height: 242pxpx;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.view img {
    display: block;
    position: relative
}

.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 0;
	width: 86%;
}

.view p {
	position: relative;
	margin: 10px;
	/*color: #fff;*/
	/*padding: 10px 20px 20px;*/
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view-first img { 
     -webkit-transition: all 0.2s linear; /* SAFARI AND CHROME */
     -ms-transition: all 0.2s linear; /* INTERNET EXPLORER */
     -o-transition: all 0.2s linear; /* OPERA */
     -moz-transition: all 0.2s linear; /* MOZILLA FIREFOX */
}
.view-first .mask {
    opacity: 0;
    /*background-color: rgba(219,127,8, 0.7); */
    -webkit-transition: all 0.4s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.4s ease-in-out; /* INTERNET EXPLORER */
    -o-transition: all 0.4s ease-in-out; /* OPERA */
    -moz-transition: all 0.4s ease-in-out; /* MOZILLA FIREFOX */
}
.view-first h2 {
     -webkit-transform: translateY(-100px); /* SAFARI AND CHROME */
     -ms-transform: translateY(-100px); /* INTERNET EXPLORER */
     -o-transform: translateY(-100px); /* OPERA */
     -moz-transform: translateY(-100px); /* MOZILLA FIREFOX */
    opacity: 0;
     -webkit-transition: all 0.2s ease-in-out; /* SAFARI AND CHROME */
     -ms-transition: all 0.2s ease-in-out; /* INTERNET EXPLORER */
     -o-transition: all 0.2s ease-in-out; /* OPERA */
     -moz-transition: all 0.2s ease-in-out; /* MOZILLA FIREFOX */
	text-align: center;
}
.view-first p { 
    -webkit-transform: translateY(100px); /* SAFARI AND CHROME */
    -ms-transform: translateY(100px); /* INTERNET EXPLORER */
    -o-transform: translateY(100px); /* OPERA */
    -moz-transform: translateY(100px); /* MOZILLA FIREFOX */
    opacity: 0;
    -webkit-transition: all 0.2s linear; /* SAFARI AND CHROME */
    -ms-transition: all 0.2s linear; /* INTERNET EXPLORER */
    -o-transition: all 0.2s linear; /* OPERA */
    -moz-transition: all 0.2s linear; /* MOZILLA FIREFOX */
	padding: 5px;
}
.view-first a.info{
    opacity: 0;
     -webkit-transition: all 0.2s ease-in-out; /* SAFARI AND CHROME */
     -ms-transition: all 0.2s ease-in-out; /* INTERNET EXPLORER */
     -o-transition: all 0.2s ease-in-out; /* OPERA */
     -moz-transition: all 0.2s ease-in-out; /* MOZILLA FIREFOX */
}

.view-first:hover img { 
     -webkit-transform: scale(1.1); /* SAFARI AND CHROME */
     -ms-transform: scale(1.1); /* INTERNET EXPLORER */
     -o-transform: scale(1.1); /* OPERA */
     -moz-transform: scale(1.1); /* MOZILLA FIREFOX */
	 opacity: 0;
} 
.view-first:hover .mask { 
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
     -webkit-transform: translateY(0px); /* SAFARI AND CHROME */
     -ms-transform: translateY(0px); /* INTERNET EXPLORER */
     -o-transform: translateY(0px); /* OPERA */
     -moz-transform: translateY(0px); /* MOZILLA FIREFOX */
}
.view-first:hover p {
     -webkit-transition-delay: 0.1s; /* SAFARI AND CHROME */
     -ms-transition-delay: 0.1s; /* INTERNET EXPLORER */
     -o-transition-delay: 0.1s; /* OPERA */
     -moz-transition-delay: 0.1s; /* MOZILLA FIREFOX */
	padding: 5px;
}
.view-first:hover a.info {
     -webkit-transition-delay: 0.2s; /* SAFARI AND CHROME */
     -ms-transition-delay: 0.2s; /* INTERNET EXPLORER */
     -o-transition-delay: 0.2s; /* OPERA */
     -moz-transition-delay: 0.2s; /* MOZILLA FIREFOX */
}

/* HOVER OVER BOX - STYLE #2 */

.view-fourth img { 
    -webkit-transition: all 0.4s ease-in-out 0.2s; /* SAFARI AND CHROME */
    -ms-transition: all 0.4s ease-in-out 0.2s; /* INTERNET EXPLORER */
    -o-transition: all 0.4s ease-in-out 0.2s; /* OPERA */
    -moz-transition: all 0.4s ease-in-out 0.2s; /* MOZILLA FIREFOX */
    opacity: 1;
}
.view-fourth .mask { 
    /*background-color: rgba(0,0,0,0.8);*/
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg); /* SAFARI AND CHROME */
    -ms-transform: scale(0) rotate(-180deg); /* INTERNET EXPLORER */
    -o-transform: scale(0) rotate(-180deg); /* OPERA */
    -moz-transform: scale(0) rotate(-180deg); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.4s ease-in; /* SAFARI AND CHROME */
    -ms-transition: all 0.4s ease-in; /* INTERNET EXPLORER */
    -o-transition: all 0.4s ease-in; /* OPERA */
    -moz-transition: all 0.4s ease-in; /* MOZILLA FIREFOX */
    border-radius: 0px;
}
.view-fourth h2 {
    opacity: 0;
    box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
    /*margin: 20px 40px 0px 40px;*/
    -webkit-transition: all 0.5s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.5s ease-in-out; /* INTERNET EXPLORER */
    -o-transition: all 0.5s ease-in-out; /* OPERA */
    -moz-transition: all 0.5s ease-in-out; /* MOZILLA FIREFOX */
}
.view-fourth p { 
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.5s ease-in-out; /* INTERNET EXPLORER */
    -o-transition: all 0.5s ease-in-out; /* OPERA */
    -moz-transition: all 0.5s ease-in-out; /* MOZILLA FIREFOX */
	padding: 5px;
}
.view-fourth a.info { 
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.5s ease-in-out; /* INTERNET EXPLORER */
    -o-transition: all 0.5s ease-in-out; /* OPERA */
    -moz-transition: all 0.5s ease-in-out; /* MOZILLA FIREFOX */
} 


.view-fourth:hover .mask { 
    opacity: 1; 
    -webkit-transform: scale(1) rotate(0deg); /* SAFARI AND CHROME */
    -ms-transform: scale(1) rotate(0deg); /* INTERNET EXPLORER */
    -o-transform: scale(1) rotate(0deg); /* OPERA */
    -moz-transform: scale(1) rotate(0deg); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.2s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.2s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.2s; /* OPERA */
    -moz-transition-delay: 0.2s; /* MOZILLA FIREFOX */
}                                 
.view-fourth:hover img    { 
    opacity: 0;
    -webkit-transform: scale(0); /* SAFARI AND CHROME */
    -ms-transform: scale(0); /* INTERNET EXPLORER */
    -o-transform: scale(0); /* OPERA */
    -moz-transform: scale(0); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0s; /* INTERNET EXPLORER */
    -o-transition-delay: 0s; /* OPERA */
    -moz-transition-delay: 0s; /* MOZILLA FIREFOX */
}                       
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info{
    opacity: 1;
    -webkit-transition-delay: 0.5s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.5s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.5s; /* OPERA */
    -moz-transition-delay: 0.5s; /* MOZILLA FIREFOX */
}

/* HOVER OVER BOX - STYLE #3 */

.view-fifth img {
    -webkit-transition: all 0.3s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.3s ease-in-out; /* INTERNET EXPLORER */
    -o-transition: all 0.3s ease-in-out; /* OPERA */
    -moz-transition: all 0.3s ease-in-out; /* MOZILLA FIREFOX */
}
.view-fifth .mask { 
    opacity: 1;
    -webkit-transform: translateX(-300px); /* SAFARI AND CHROME */
    -ms-transform: translateX(-300px); /* INTERNET EXPLORER */
    -o-transform: translateX(-300px); /* OPERA */
    -mpoz-transform: translateX(-300px); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.4s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.4s ease-in-out; /* INTERNET EXPLORER */
    -o-transition: all 0.4s ease-in-out; /* OPERA */
    -moz-transition: all 0.4s ease-in-out; /* MOZILLA FIREFOX */
}
.view-fifth h2 {
    /*background: rgba(255, 255, 255, 0.5);
    color: #000;*/
    box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
    opacity: 0;
    /*color: #333;*/
    -webkit-transition: all 0.2s linear; /* SAFARI AND CHROME */
    -ms-transition: all 0.2s linear; /* INTERNET EXPLORER */
    -o-transition: all 0.2s linear; /* OPERA */
    -moz-transition: all 0.2s linear; /* MOZILLA FIREFOX */
	padding: 5px;
}


.view-fifth:hover .mask { 
    -webkit-transform: translateX(0px); /* SAFARI AND CHROME */
    -ms-transform: translateX(0px); /* INTERNET EXPLORER */
    -o-transform: translateX(0px); /* OPERA */
    -moz-transform: translateX(0px); /* MOZILLA FIREFOX */
}                       
.view-fifth:hover img { 
    -webkit-transform: translateX(300px); /* SAFARI AND CHROME */
    -ms-transform: translateX(300px); /* INTERNET EXPLORER */
    -o-transform: translateX(300px); /* OPERA */
    -moz-transform: translateX(300px); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.1s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.1s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.1s; /* OPERA */
    -moz-transition-delay: 0.1s; /* MOZILLA FIREFOX */
}
.view-fifth:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.4s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.4s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.4s; /* OPERA */
    -moz-transition-delay: 0.4s; /* MOZILLA FIREFOX */
	padding: 5px;
}

/* HOVER OVER BOX - STYLE #4 */

.view-sixth img { 
    -webkit-transition: all 0.4s ease-in-out 0.5s; /* SAFARI AND CHROME */
    -ms-transition: all 0.4s ease-in-out 0.5s; /* INTERNET EXPLORER */
    -o-transition: all 0.4s ease-in-out 0.5s; /* OPERA */
    -moz-transition: all 0.4s ease-in-out 0.5s; /* MOZILLA FIREFOX */
}
.view-sixth .mask { 
    /*background-color: rgba(146,96,91,0.5);*/
    opacity:0;
    -webkit-transition: all 0.3s ease-in 0.4s; /* SAFARI AND CHROME */
    -ms-transition: all 0.3s ease-in 0.4s; /* INTERNET EXPLORER */
    -o-transition: all 0.3s ease-in 0.4s; /* OPERA */
    -moz-transition: all 0.3s ease-in 0.4s; /* MOZILLA FIREFOX */
}
.view-sixth h2{
    opacity:0;
    -webkit-transform: scale(10); /* SAFARI AND CHROME */
    -ms-transform: scale(10); /* INTERNET EXPLORER */
    -o-transform: scale(10); /* OPERA */
    -moz-transform: scale(10); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.3s ease-in-out 0.1s; /* SAFARI AND CHROME */
    -ms-transition: all 0.3s ease-in-out 0.1s; /* INTERNET EXPLORER */
    -o-transition: all 0.3s ease-in-out 0.1s; /* OPERA */
    -moz-transition: all 0.3s ease-in-out 0.1s; /* MOZILLA FIREFOX */
}
.view-sixth p { 
    opacity:0;
    -webkit-transform: scale(10); /* SAFARI AND CHROME */
    -ms-transform: scale(10); /* INTERNET EXPLORER */
    -o-transform: scale(10); /* OPERA */
    -moz-transform: scale(10); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.3s ease-in-out 0.2s; /* SAFARI AND CHROME */
    -ms-transition: all 0.3s ease-in-out 0.2s; /* INTERNET EXPLORER */
    -o-transition: all 0.3s ease-in-out 0.2s; /* OPERA */
    -moz-transition: all 0.3s ease-in-out 0.2s; /* MOZILLA FIREFOX */
	padding: 5px;
}
.view-sixth a.info { 
    opacity:0;
    -webkit-transform: translateY(100px); /* SAFARI AND CHROME */
    -ms-transform: translateY(100px); /* INTERNET EXPLORER */
    -o-transform: translateY(100px); /* OPERA */
    -moz-transform: translateY(100px); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.3s ease-in-out 0.1s; /* SAFARI AND CHROME */
    -ms-transition: all 0.3s ease-in-out 0.1s; /* INTERNET EXPLORER */
    -o-transition: all 0.3s ease-in-out 0.1s; /* OPERA */
    -moz-transition: all 0.3s ease-in-out 0.1s; /* MOZILLA FIREFOX */
}


.view-sixth:hover .mask {  
    opacity:1; 
    -webkit-transition-delay: 0s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0s; /* INTERNET EXPLORER */
    -o-transition-delay: 0s; /* OPERA */
    -moz-transition-delay: 0s; /* MOZILLA FIREFOX */
}                                                                            
.view-sixth:hover img { 
    -webkit-transition-delay: 0s;  /* SAFARI AND CHROME */
    -ms-transition-delay: 0s;  /* INTERNET EXPLORER */
    -o-transition-delay: 0s;  /* OPERA */
    -moz-transition-delay: 0s;  /* MOZILLA FIREFOX */
	opacity: 0;
}
.view-sixth:hover h2 { 
    opacity: 1;
    -webkit-transform: scale(1); /* SAFARI AND CHROME */
    -ms-transform: scale(1); /* INTERNET EXPLORER */
    -o-transform: scale(1); /* OPERA */
    -moz-transform: scale(1); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.1s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.1s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.1s; /* OPERA */
    -moz-transition-delay: 0.1s; /* MOZILLA FIREFOX */
}
.view-sixth:hover p { 
    opacity:1; 
    -webkit-transform: scale(1); /* SAFARI AND CHROME */
    -ms-transform: scale(1); /* INTERNET EXPLORER */
    -o-transform: scale(1); /* OPERA */
    -moz-transform: scale(1); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.2s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.2s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.2s; /* OPERA */
    -moz-transition-delay: 0.2s; /* MOZILLA FIREFOX */
	padding: 5px;
}
.view-sixth:hover a.info { 
    opacity:1;
    -webkit-transform: translateY(0px); /* SAFARI AND CHROME */
    -ms-transform: translateY(0px); /* INTERNET EXPLORER */
    -o-transform: translateY(0px); /* OPERA */
    -moz-transform: translateY(0px); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.3s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.3s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.3s; /* OPERA */
    -moz-transition-delay: 0.3s; /* MOZILLA FIREFOX */
}

/* HOVER OVER BOX - #5 */

.view-seventh img {
    -webkit-transition: all 0.5s ease-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.5s ease-out; /* INTERNET EXPLORER */
    -o-transition: all 0.5s ease-out; /* OPERA */
    -moz-transition: all 0.5s ease-out; /* MOZILLA FIREFOX */
    opacity: 1;
}
.view-seventh .mask { 
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(1); /* SAFARI AND CHROME */
    -ms-transform: rotate(0deg) scale(1); /* INTERNET EXPLORER */
    -o-transform: rotate(0deg) scale(1); /* OPERA */
    -moz-transform: rotate(0deg) scale(1); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.3s ease-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.3s ease-out; /* INTERNET EXPLORER */
    -o-transition: all 0.3s ease-out; /* OPERA */
    -moz-transition: all 0.3s ease-out; /* MOZILLA FIREFOX */
    -webkit-transform: translateY(-200px) rotate(180deg); /* SAFARI AND CHROME */
    -ms-transform: translateY(-200px) rotate(180deg); /* INTERNET EXPLORER */
    -o-transform: translateY(-200px) rotate(180deg); /* OPERA */
    -moz-transform: translateY(-200px) rotate(180deg); /* MOZILLA FIREFOX */
}
.view-seventh h2{
    -webkit-transform: translateY(-200px); /* SAFARI AND CHROME */
    -ms-transform: translateY(-200px); /* INTERNET EXPLORER */
    -o-transform: translateY(-200px); /* OPERA */
    -moz-transform: translateY(-200px); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.2s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.2s ease-in-out; /* INTERNET EXPLORER */
    -o-transition: all 0.2s ease-in-out; /* OPERA */
    -moz-transition: all 0.2s ease-in-out; /* MOZILLA FIREFOX */
}
.view-seventh p { 
    -webkit-transform: translateY(-240px); /* SAFARI AND CHROME */
    -ms-transform: translateY(-240px); /* INTERNET EXPLORER */
    -o-transform: translateY(-240px); /* OPERA */
    -moz-transform: translateY(-240px); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.2s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition: all 0.2s ease-in-out; /* INTERNET EXPLORER */
    -o-transition: all 0.2s ease-in-out; /* OPERA */
    -moz-transition: all 0.2s ease-in-out; /* MOZILLA FIREFOX */
	padding: 5px;
}
.view-seventh a.info { 
    -webkit-transform: translateY(-200px); /* SAFARI AND CHROME */
    -ms-transform: translateY(-200px); /* INTERNET EXPLORER */
    -o-transform: translateY(-200px); /* OPERA */
    -moz-transform: translateY(-200px); /* MOZILLA FIREFOX */
    -webkit-transition:  all 0.2s ease-in-out; /* SAFARI AND CHROME */
    -ms-transition:  all 0.2s ease-in-out; /* INTERNET EXPLORER */
    -o-transition:  all 0.2s ease-in-out; /* OPERA */
    -moz-transition:  all 0.2s ease-in-out; /* MOZILLA FIREFOX */
} 


.view-seventh:hover img{
    -webkit-transform: rotate(720deg) scale(0); /* SAFARI AND CHROME */
    -ms-transform: rotate(720deg) scale(0); /* INTERNET EXPLORER */
    -o-transform: rotate(720deg) scale(0); /* OPERA */
    -moz-transform: rotate(720deg) scale(0); /* MOZILLA FIREFOX */
    opacity: 0;
}
.view-seventh:hover .mask { 
    opacity: 1;  
    -webkit-transform: translateY(0px) rotate(0deg); /* SAFARI AND CHROME */
    -ms-transform: translateY(0px) rotate(0deg); /* INTERNET EXPLORER */
    -o-transform: translateY(0px) rotate(0deg); /* OPERA */
    -moz-transform: translateY(0px) rotate(0deg); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.4s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.4s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.4s; /* OPERA */
    -moz-transition-delay: 0.4s; /* MOZILLA FIREFOX */
}                                                                                       
.view-seventh:hover h2 { 
    -webkit-transform: translateY(0px); /* SAFARI AND CHROME */
    -ms-transform: translateY(0px); /* INTERNET EXPLORER */
    -o-transform: translateY(0px); /* OPERA */
    -moz-transform: translateY(0px); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.7s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.7s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.7s; /* OPERA */
    -moz-transition-delay: 0.7s; /* MOZILLA FIREFOX */
}
.view-seventh:hover p { 
    -webkit-transform: translateY(0px); /* SAFARI AND CHROME */
    -ms-transform: translateY(0px); /* INTERNET EXPLORER */
    -o-transform: translateY(0px); /* OPERA */
    -moz-transform: translateY(0px); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.6s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.6s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.6s; /* OPERA */
    -moz-transition-delay: 0.6s; /* MOZILLA FIREFOX */
	padding: 5px;
}
.view-seventh:hover a.info { 
    -webkit-transform: translateY(0px); /* SAFARI AND CHROME */
    -ms-transform: translateY(0px); /* INTERNET EXPLORER */
    -o-transform: translateY(0px); /* OPERA */
    -moz-transform: translateY(0px); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.5s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.5s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.5s; /* OPERA */
    -moz-transition-delay: 0.5s; /* MOZILLA FIREFOX */
}

/* HOVER OVER BOX - #6 */

.view-eighth .mask { 
    top: -200px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0.5s; /* SAFARI AND CHROME */
    -ms-transition: all 0.3s ease-out 0.5s; /* INTERNET EXPLORER */
    -o-transition: all 0.3s ease-out 0.5s; /* OPERA */
    -moz-transition: all 0.3s ease-out 0.5s; /* MOZILLA FIREFOX */
}
.view-eighth h2{
    -webkit-transform: translateY(-200px); /* SAFARI AND CHROME */
    -ms-transform: translateY(-200px); /* INTERNET EXPLORER */
    -o-transform: translateY(-200px); /* OPERA */
    -moz-transform: translateY(-200px); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.2s ease-in-out 0.1s; /* SAFARI AND CHROME */
    -ms-transition: all 0.2s ease-in-out 0.1s; /* INTERNET EXPLORER */
    -o-transition: all 0.2s ease-in-out 0.1s; /* OPERA */
    -moz-transition: all 0.2s ease-in-out 0.1s; /* MOZILLA FIREFOX */
}
.view-eighth p { 
    -webkit-transform: translateY(-200px); /* SAFARI AND CHROME */
    -ms-transform: translateY(-200px); /* INTERNET EXPLORER */
    -o-transform: translateY(-200px); /* OPERA */
    -moz-transform: translateY(-200px); /* MOZILLA FIREFOX */
    -webkit-transition: all 0.2s ease-in-out 0.2s; /* SAFARI AND CHROME */
    -ms-transition: all 0.2s ease-in-out 0.2s; /* INTERNET EXPLORER */
    -o-transition: all 0.2s ease-in-out 0.2s; /* OPERA */
    -moz-transition: all 0.2s ease-in-out 0.2s; /* MOZILLA FIREFOX */
	padding: 5px;
}
.view-eighth a.info { 
    -webkit-transform: translateY(-200px); /* SAFARI AND CHROME */
    -ms-transform: translateY(-200px); /* INTERNET EXPLORER */
    -o-transform: translateY(-200px); /* OPERA */
    -moz-transform: translateY(-200px); /* MOZILLA FIREFOX */
    -webkit-transition:  all 0.2s ease-in-out 0.3s; /* SAFARI AND CHROME */
    -ms-transition:  all 0.2s ease-in-out 0.3s; /* INTERNET EXPLORER */
    -moz-transition:  all 0.2s ease-in-out 0.3s; /* OPERA */
    -o-transition:  all 0.2s ease-in-out 0.3s; /* MOZILLA FIREFOX */
} 

.view-eighth img{
    opacity: 1;
}

.view-eighth:hover .mask { 
    opacity: 1; 
    top: 0px; 
    -webkit-transition-delay: 0s;  /* SAFARI AND CHROME */
    -ms-transition-delay: 0s;  /* INTERNET EXPLORER */
    -o-transition-delay: 0s;  /* OPERA */
    -moz-transition-delay: 0s;  /* MOZILLA FIREFOX */
    -webkit-animation: bounceY 0.9s linear; /* SAFARI AND CHROME */
    -ms-animation: bounceY 0.9s linear; /* INTERNET EXPLORER */
    -o-animation: bounceY 0.9s linear; /* OPERA */
    -moz-animation: bounceY 0.9s linear; /* MOZILLA FIREFOX */
}                                                                                       
.view-eighth:hover h2 { 
    -webkit-transform: translateY(0px); /* SAFARI AND CHROME */
    -ms-transform: translateY(0px); /* INTERNET EXPLORER */
    -o-transform: translateY(0px); /* OPERA */
    -moz-transform: translateY(0px); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.4s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.4s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.4s; /* OPERA */
    -moz-transition-delay: 0.4s; /* MOZILLA FIREFOX */
}
.view-eighth:hover p { 
    -webkit-transform: translateY(0px); /* SAFARI AND CHROME */
    -ms-transform: translateY(0px); /* INTERNET EXPLORER */
    -o-transform: translateY(0px); /* OPERA */
    -moz-transform: translateY(0px); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0.2s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0.2s; /* INTERNET EXPLORER */
    -o-transition-delay: 0.2s; /* OPERA */
    -moz-transition-delay: 0.2s; /* MOZILLA FIREFOX */
}
.view-eighth:hover a.info { 
    -webkit-transform: translateY(0px); /* SAFARI AND CHROME */
    -ms-transform: translateY(0px); /* INTERNET EXPLORER */
    -o-transform: translateY(0px); /* OPERA */
    -moz-transform: translateY(0px); /* MOZILLA FIREFOX */
    -webkit-transition-delay: 0s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0s; /* INTERNET EXPLORER */
    -o-transition-delay: 0s; /* OPERA */
    -moz-transition-delay: 0s; /* MOZILLA FIREFOX */
}

.view-eighth:hover img{
    opacity: 0;
}

@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px); } /* SAFARI AND CHROME */
    0% { -ms-transform: translateY(-205px); } /* INTERNET EXPLORER */
    0% { -o-transform: translateY(-205px); } /* OPERA */
    0% { -moz-transform: translateY(-205px); } /* MOZILLA FIREFOX */
    40% { -webkit-transform: translateY(-100px); } /* SAFARI AND CHROME */
    40% { -ms-transform: translateY(-100px); } /* INTERNET EXPLORER */
    40% { -o-transform: translateY(-100px); } /* OPERA */
    40% { -moz-transform: translateY(-100px); } /* MOZILLA FIREFOX */
    65% { -webkit-transform: translateY(-52px); } /* SAFARI AND CHROME */
    65% { -ms-transform: translateY(-52px); } /* INTERNET EXPLORER */
    65% { -o-transform: translateY(-52px); } /* OPERA */
    65% { -moz-transform: translateY(-52px); } /* MOZILLA FIREFOX */
    82% { -webkit-transform: translateY(-25px); } /* SAFARI AND CHROME */
    82% { -ms-transform: translateY(-25px); } /* INTERNET EXPLORER */
    82% { -o-transform: translateY(-25px); } /* OPERA */
    82% { -moz-transform: translateY(-25px); } /* MOZILLA FIREFOX */
    92% { -webkit-transform: translateY(-12px); } /* SAFARI AND CHROME */
    92% { -ms-transform: translateY(-12px); } /* INTERNET EXPLORER */
    92% { -o-transform: translateY(-12px); } /* OPERA */
    92% { -moz-transform: translateY(-12px); } /* MOZILLA FIREFOX */
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px); } /* SAFARI AND CHROME */
    55%, 75%, 87%, 97%, 100% { -ms-transform: translateY(0px); } /* INTERNET EXPLORER */
    55%, 75%, 87%, 97%, 100% { -o-transform: translateY(0px); } /* OPERA */
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px); } /* MOZILLA FIREFOX */
}


/* HOVER OVER BOX - #7 */

.view-ninth .mask-1,
.view-ninth .mask-2{
    /*background-color: rgba(0,0,0,0.5);*/
    height: 220px;
    width: 150px;
    /*background: rgba(119,0,36,0.5);*/
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.6s; /* SAFARI AND CHROME */
    -ms-transition: all 0.3s ease-in-out 0.6s; /* INTERNET EXPLORER */
    -o-transition: all 0.3s ease-in-out 0.6s; /* OPERA */
    -moz-transition: all 0.3s ease-in-out 0.6s; /* MOZILLA FIREFOX */
}

.view-ninth .mask-1 { 
    left: auto;
    right: 0px;
    -webkit-transform: rotate(56.5deg) translateX(-180px); /* SAFARI AND CHROME */
    -ms-transform: rotate(56.5deg) translateX(-180px); /* INTERNET EXPLORER */
    -o-transform: rotate(56.5deg) translateX(-180px); /* OPERA */
    -moz-transform: rotate(56.5deg) translateX(-180px); /* MOZILLA FIREFOX */
    -webkit-transform-origin: 100% 0%; /* SAFARI AND CHROME */
    -ms-transform-origin: 100% 0%; /* INTERNET EXPLORER */
    -o-transform-origin: 100% 0%; /* OPERA */
    -moz-transform-origin: 100% 0%; /* MOZILLA FIREFOX */
}
.view-ninth .mask-2 { 
    top: auto;
    bottom: 0px;
    -webkit-transform: rotate(56.5deg) translateX(180px); /* SAFARI AND CHROME */
    -ms-transform: rotate(56.5deg) translateX(180px); /* INTERNET EXPLORER */
    -o-transform: rotate(56.5deg) translateX(180px); /* OPERA */
    -moz-transform: rotate(56.5deg) translateX(180px); /* MOZILLA FIREFOX */
    -webkit-transform-origin: 0% 100%; /* SAFARI AND CHROME */
    -ms-transform-origin: 0% 100%; /* INTERNET EXPLORER */
    -o-transform-origin: 0% 100%; /* OPERA */
    -moz-transform-origin: 0% 100%; /* MOZILLA FIREFOX */
}

.view-ninth .content{
    background: rgba(0,0,0,0.9);
    height: 0px;
    opacity: 0.5;
    width: 150px;
    overflow: hidden;
    -webkit-transform: rotate(-33.5deg) translate(-112px,166px); /* SAFARI AND CHROME */
    -ms-transform: rotate(-33.5deg) translate(-112px,166px); /* INTERNET EXPLORER */
    -o-transform: rotate(-33.5deg) translate(-112px,166px);
    -moz-transform: rotate(-33.5deg) translate(-112px,166px);
    -webkit-transform-origin: 0% 100%; /* SAFARI AND CHROME */
    -ms-transform-origin: 0% 100%; /* INTERNET EXPLORER */
    -o-transform-origin: 0% 100%; /* OPERA */
    -moz-transform-origin: 0% 100%; /* MOZILLA FIREFOX */
    -webkit-transition: all 0.4s ease-in-out 0.3s; /* SAFARI AND CHROME */
    -ms-transition: all 0.4s ease-in-out 0.3s; /* INTERNET EXPLORER */
    -o-transition: all 0.4s ease-in-out 0.3s; /* OPERA */
    -moz-transition: all 0.4s ease-in-out 0.3s; /* MOZILLA FIREFOX */
}

.view-ninth h2{
    background: transparent;
    margin-top: 5px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.view-ninth a.info{
    display: none;
}

.view-ninth p {
	padding: 5px;	
}

.view-ninth:hover .content{
	width: 220px;
	height: 150px;
    opacity: 0.9;
    top: 40px;
    -webkit-transform: rotate(0deg) translate(0px,0px); /* SAFARI AND CHROME */
    -ms-transform: rotate(0deg) translate(0px,0px); /* INTERNET EXPLORER */
    -o-transform: rotate(0deg) translate(0px,0px); /* OPERA */
    -moz-transform: rotate(0deg) translate(0px,0px); /* MOZILLA FIREFOX */
}
.view-ninth:hover .mask-1,
.view-ninth:hover .mask-2{
    -webkit-transition-delay: 0s; /* SAFARI AND CHROME */
    -ms-transition-delay: 0s; /* INTERNET EXPLORER */
    -o-transition-delay: 0s; /* OPERA */
    -moz-transition-delay: 0s; /* MOZILLA FIREFOX */
}
.view-ninth:hover .mask-1{
    -webkit-transform: rotate(56.5deg) translateX(1px); /* SAFARI AND CHROME */
    -ms-transform: rotate(56.5deg) translateX(1px); /* INTERNET EXPLORER */
    -o-transform: rotate(56.5deg) translateX(1px); /* OPERA */
    -moz-transform: rotate(56.5deg) translateX(1px); /* MOZILLA FIREFOX */
}
.view-ninth:hover .mask-2 {  
    -webkit-transform: rotate(56.5deg) translateX(-1px); /* SAFARI AND CHROME */
    -ms-transform: rotate(56.5deg) translateX(-1px); /* INTERNET EXPLORER */
    -o-transform: rotate(56.5deg) translateX(-1px); /* OPERA */
    -moz-transform: rotate(56.5deg) translateX(-1px); /* MOZILLA FIREFOX */
}