/* ==========================================================================
jQuery InstaStream - A jQuery plugin for the Instagram API
========================================================================== */

/* -----------------------------------------
laoding
----------------------------------------- */
.opacityInstagram .dorInstagramContent{
    opacity: 0;visibility: hidden;
}
.waitInstagram {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: -25px;
}
#theplaceyouwant {
    padding-top: 0;
    position: relative;
}
@-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%;}
.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;
}
#theplaceyouwant .dorInstagramContent{max-height: 240px;}
.owl-item .inst-slider-item.inst-slider-col15{float: none !important;}
.instagram-content-inner .head-tab-lists {
    padding-bottom: 35px;
    text-align: center;
    position: relative;
}
.instagram-content-inner .head-tab-lists span {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    padding: 0 25px;
    position: relative;
    z-index: 99;
}
.instagram-content-inner .head-tab-lists::before{
	border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 100%;
}




/*****Button*****/
#theplaceyouwant .owl-carousel .owl-nav {
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
#theplaceyouwant .owl-carousel .owl-nav > div {
    height: 35px;
    line-height: 35px;
    width: 35px;
}
#theplaceyouwant .owl-carousel .owl-nav > div:hover i{color: #fff !important;}
#theplaceyouwant .owl-carousel.owl-loaded{position: relative;margin-left: 0px;margin-right: 0px;}
#theplaceyouwant .owl-carousel .owl-prev,
#theplaceyouwant .owl-carousel .owl-next {
    text-align: center;
    display: block;
    border: 1px solid #5d957b;
    color: #fff;
    font-size: 16px;
    border-radius: 100%;
    background: #fff;
    border-color: #ddd
}
#theplaceyouwant .owl-carousel .owl-prev > i{margin-left: -1px;color: #ddd;}
#theplaceyouwant .owl-carousel .owl-next > i{margin-right: -1px;color: #ddd;}
#theplaceyouwant .owl-carousel .owl-prev:hover,
#theplaceyouwant .owl-carousel .owl-next:hover {
    background-color: #5d957b;
    border: 1px solid #5d957b
}

#theplaceyouwant .owl-carousel .owl-nav .owl-prev,
#theplaceyouwant .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
#theplaceyouwant .owl-carousel .owl-nav .owl-prev {
    left: 35px
}

#theplaceyouwant .owl-carousel .owl-nav .owl-next {
    right: 35px
}

#theplaceyouwant .owl-carousel .owl-nav .owl-prev,
#theplaceyouwant .owl-carousel .owl-nav .owl-next {
    top: calc((100% - 10px)/ 2);
    top: -moz-calc((100% - 10px)/ 2);
    top: -webkit-calc((100% - 10px)/ 2);
    top: -o-calc((100% - 10px)/ 2)
}

#theplaceyouwant .owl-carousel:hover .owl-nav {
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

#theplaceyouwant .owl-carousel:hover .owl-nav .owl-prev {
    left: 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

#theplaceyouwant .owl-carousel:hover .owl-nav .owl-next {
    right: 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}
/*****End Button*****/