/* BASIC css start */
.titleArea {text-align: center; padding: 20px 0 20px 0;}
.titleArea h2 {

    font-size: 1.15em;
    color: #333;
    font-weight: bold;
    padding: 10px 0 5px 0;

}
.titleArea a {color:#999;}

#instagram  {  
	overflow: hidden;
	width: 100%;
	padding:10px;
	display:none;

       }  



.instagram_item {float: left;width: 22.5%;padding-right:2.5px; padding-left:2.5px; padding-bottom:5px;}
.instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {display:none; width: 100%;padding: 19px 57px;position: absolute;left: 0;top: 50%;font-size: 16px;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);}
.instagram_item > a:hover:before {opacity: 1;}
.instagram_item > a:hover p {opacity: 1;}
/* BASIC css end */