


/* ==========================================================================
jQuery InstaStream - A jQuery plugin for the Instagram API
========================================================================== */

/* -----------------------------------------
laoding
----------------------------------------- */
#theplaceyouwant{
	padding-top: 0px;overflow: hidden;
}
@-webkit-keyframes spining{
0% {-webkit-transform: rotate(-0deg);}
25% {-webkit-transform: rotate(-90deg);}
50% {-webkit-transform: rotate(-180deg);}
75% {-webkit-transform: rotate(-270deg);}
100% {-webkit-transform: rotate(-358deg);}
}
@keyframes spining{
0% {-webkit-transform: rotate(-0deg);}
25% {-webkit-transform: rotate(-90deg);}
50% {-webkit-transform: rotate(-180deg);}
75% {-webkit-transform: rotate(-270deg);}
100% {-webkit-transform: rotate(-358deg);}
}
/* -----------------------------------------
slider
-
/* -----------------------------------------
frame
----------------------------------------- */
.frame{
background-color: #FFF;
box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
border: 0px solid #131313;
text-align: center;
position: relative;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
overflow: hidden;
}
.frame a img{max-width: 100%;}
.frame a span.frame-title{
background-image: linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image: -moz-linear-gradient(bottom, rgba(20,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.2)),color-stop(1, rgba(0,0,0,0)));
left:0;
bottom: -50px;
height: 15%;
}
.frame a span.frame-title em{
font-style: normal;
display: inline-block;
padding: 2px 4px 0 4px;
font-size: 11px;
line-height: 15px;
background-color: #000;
color: #fff;
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.inst-slider-item{float: left;width: 10%;height: 10%;}
.inst-slider-item header{display: none;}
.frame-title, .frame-more, .frame-reflect{display: none !important;}
.inst-slider-item:hover .frame > a{opacity: 0.5;}
#footerInstagram .inst-slider-item{width: 33.3333%;padding: 8px;}
#footerInstagram .dorInstagramContent {
    margin: 0px -8px;
}