/*------------------------------------------------------------------------
# mod_jo_responsive_instagram_photo_gallery - JO Instagram Photo Gallery for Joomla 1.6, 1.7, 2.5, 3.x Module
# -----------------------------------------------------------------------
# author: http://www.joomcore.com
# copyright Copyright (C) 2011 Joomcore.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.joomcore.com
# Technical Support:  Forum - http://www.joomcore.com/Support
-------------------------------------------------------------------------*/
.btninsg
{
	display:inline-block;
	font-family:helvetica,arial;
	padding:4px 12px;
	margin-bottom:0;
	font-size:14px;
	line-height:20px;
	color:#333;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#f5f5f5;
	background-image:-moz-linear-gradient(top,#fff,#E6E6E6);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));
	background-image:-webkit-linear-gradient(top,#fff,#E6E6E6);
	background-image:-o-linear-gradient(top,#fff,#E6E6E6);
	background-image:linear-gradient(to bottom,#fff,#E6E6E6);
	background-repeat:repeat-x;
	border:1px solid #CCC;
	border-color:#E6E6E6 #E6E6E6 #B3B3B3;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}
.btn-inverse
{
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.25);
	background-color:#006DCC;
	background-image:-moz-linear-gradient(top,#08C,#04C);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#08C),to(#04C));
	background-image:-webkit-linear-gradient(top,#08C,#04C);
	background-image:-o-linear-gradient(top,#08C,#04C);
	background-image:linear-gradient(to bottom,#08C,#04C);
	background-repeat:repeat-x;
	border-color:#04C #04C #002A80;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.instagram-photo
{
	display:inline-block;
	height:auto;
	width:195px
}
.classic-view .instagram-photo
{
	cursor:pointer;
	float:left;
	line-height:0;
	margin:0;
	overflow:hidden;
	position:relative;
	width:20%
}
.classic-view .instagram-photo.image
{
	background-color:#3dc0f1
}
.classic-view .instagram-photo.video
{
	background-color:#c00
}
.classic-view .instagram-photo img
{
	opacity:1;
	width:100%;
	-webkit-transition:-webkit-transform .5s ease;
	-moz-transition:-moz-transform .5s ease;
	transition:all .5s ease
}
.classic-view .instagram-photo:hover img
{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.1
}
.classic-view .instagram-photo .journal-meta
{
	color:#fff;
	filter:alpha(opacity=0);
	font-family:Oswald,arial,serif;
	font-size:20px;
	font-weight:700;
	left:0;
	opacity:0;
	position:absolute;
	text-align:center;
	text-shadow:0 -1px 0 rgba(0,0,0,.1);
	text-transform:uppercase;
	top:10%;
	width:100%
}
.classic-view .instagram-photo .journal-meta span
{
	display:block;
	font-size:10px;
	font-weight:200;
	margin-top:25px
}
.classic-view .instagram-photo .icon
{
	display:none;
	height:29px;
	position:absolute;
	right:18px;
	text-indent:-9999px;
	top:18px;
	width:26px
}
.classic-view .instagram-photo:hover .icon
{
	display:block
}
.classic-view .instagram-photo.video .icon
{
	background:url(../images/video-icon.png) no-repeat
}
.classic-view .instagram-photo.image .icon
{
	background:url(../images/image-icon.png) no-repeat
}
.classic-view .instagram-stage
{
	display:none;
	margin:0 auto;
	padding:130px 0;
	width:100%;
	overflow: hidden;
}
.classic-view .instagram-media
{
	background:#000;
	float:left;
	margin-right:35px;
	overflow:hidden;
	width:50%
}
.classic-view .instagram-media img{
	width: 100%;
}
.classic-view .instagram-content
{
	float:left;
	font-family:'Open Sans',arial,serif;
	font-size:12px;
	padding-top:30px;
	width:45%
}
.classic-view .instagram-content h1
{
	color:#535353;
	font-family:Oswald,arial,serif;
	font-size:18px;
	font-weight:400;
	margin-bottom:15px;
	text-transform:uppercase
}
.classic-view .instagram-content p
{
	color:#939393;
	line-height:22px;
	margin-bottom:20px;
	font-size:13px
}
.classic-view .instagram-content p a
{
	color:#3dc0f1;
	font-size:12px
}
.classic-view .instagram-content ul
{
	margin-bottom:110px
}
.classic-view .instagram-content ul li
{
	color:#939393;
	border-top:1px dotted #d1d1d1;
	font-size:10px;
	padding:9px 0;
	text-transform:uppercase
}
.classic-view .instagram-nav
{
	margin:0 auto;
	width:163px
}
.classic-view .instagram-nav a
{
	background-size:100%;
	cursor:pointer;
	float:left;
	height:31px;
	margin-top:20px;
	margin-right:10px;
	width:31px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%
}
.classic-view .instagram-nav a:hover
{
	background-color:#f7f7f7
}
.classic-view .instagram-nav a.ps-prev
{
	background-image:url(../images/ps-prev.png)
}
.classic-view .instagram-nav a.ps-close
{
	background-image:url(../images/ps-close.png);
	height:79px;
	margin-top:0;
	width:79px
}
.classic-view .instagram-nav a.ps-next
{
	background-image:url(../images/ps-next.png);
	margin-right:0
}
.collage-view .instagram-photo
{
	cursor:pointer;
	float:left;
	height:251px;
	position:relative;
	overflow:hidden;
	width:251px
}
.collage-view .instagram-photo .icon,.collage-view .instagram-photo .journal-meta
{
	display:none
}
.collage-view .instagram-photo img
{
	height:auto;
	width:100%;
	-webkit-transition:-webkit-transform .5s ease;
	-moz-transition:-moz-transform .5s ease;
	transition:all .5s ease
}
.collage-view .instagram-photo img:hover
{
	opacity:.2
}
.collage-view .jcarousel .instagram-photo img:hover
{
	opacity:1
}
.collage-view .jcarousel-wrapper
{
	margin:0
}
.collage-view .jcarousel-wrapper li
{
	border:0;
	margin:0;
	width:628px
}
.collage-view .jcarousel-wrapper li .instagram-photo
{
	height:311px;
	position:relative;
	width:629px
}
.collage-view .jcarousel-wrapper li .instagram-photo.two
{
	float:left;
	width:50%
}
.collage-view .jcarousel-wrapper li .instagram-photo.one img
{
	margin-top:-10%
}
.collage-view .jcarousel-wrapper li .overlay
{
	padding-top:107px
}
.collage-view .overlay
{
	background:url(../images/overlay.png);
	color:#155399;
	display:none;
	font-size:15px;
	height:100%;
	left:0;
	letter-spacing:2px;
	line-height:1;
	padding-top:89px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	top:0;
	width:100%
}
.collage-view .overlay .subtitle
{
	color:#333;
	display:block;
	margin:10px 0
}
.collage-view .overlay .btninsg
{
	background:#155399;
	border:1px solid #fff;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-style:normal;
	padding:2px
}
.collage-view .overlay .btninsg span
{
	border:1px solid #fff;
	color:#fff;
	display:block;
	font-family:"Source Sans Pro",sans-serif;
	font-size:12px;
	height:30px;
	letter-spacing:1px;
	line-height:30px;
	margin:0;
	padding:0 32px;
	text-transform:uppercase
}
.controls
{
	margin-bottom:20px;
	text-align:center
}
.controls .jcarousel-control-next,.controls .jcarousel-control-prev
{
	background:url(../images/controls.png) no-repeat;
	border:1px solid #0f3764;
	display:inline-block
}
.controls .jcarousel-control-next:hover,.controls .jcarousel-control-prev:hover
{
	background:url(../images/controls-hover.png) no-repeat #0f3764
}
.controls .jcarousel-control-next,.controls .jcarousel-control-next:hover
{
	background-position:-46px 0
}
.carousel-view .instagram-photo
{
	background-color:#000;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	width:100%
}
.carousel-view .instagram-photo img
{
	margin-bottom:10px;
	opacity:1;
	width:100%;
	-webkit-transition:-webkit-transform .5s ease;
	-moz-transition:-moz-transform .5s ease;
	transition:all .5s ease
}
.carousel-view .instagram-photo:hover img
{
	opacity:.3;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
}
.carousel-view .instagram-photo .view-photo
{
	border-bottom:3px solid #fff;
	border-top:3px solid #fff;
	color:#fff;
	display:block;
	font-family:Oswald,arial,serif;
	font-size:15px;
	font-weight:700;
	height:25px;
	left:0;
	margin:0 auto;
	padding-top:10px;
	position:absolute;
	right:0;
	text-align:center;
	text-transform:uppercase;
	top:42%;
	visibility:hidden;
	width:100px
}
.carousel-view .instagram-photo:hover .view-photo
{
	visibility:visible
}
.carousel-view .post-text
{
	padding:15px 20px
}
.carousel-view .post-text h4
{
	color:#535353;
	font-family:Oswald,arial,serif;
	font-size:15px;
	font-weight:400;
	margin-bottom:10px;
	text-transform:uppercase
}
.carousel-view .post-text p
{
	color:#939393;
	font-family:'Open Sans',arial,serif;
	font-size:12px;
	font-style:italic;
	margin-bottom:10px
}
.carousel-view .post-text a
{
	display:none
}
.carousel-view .post-meta
{
	background:#155399;
	padding:15px 20px
}
.carousel-view .post-meta h5
{
	color:#fff;
	font-family:Oswald,arial,serif;
	font-size:14px;
	font-weight:300;
	margin-bottom:6px
}
.carousel-view .post-meta .meta
{
	color:#7cace2;
	font-family:Oswald,arial,serif;
	font-size:11px
}
.large-view .instagram-photo
{
	background:#ff6f5a;
	overflow:hidden;
	width:100%
}
.large-view .instagram-photo img
{
	cursor:pointer;
	opacity:1;
	-webkit-transition:-webkit-transform 1.5s ease;
	-moz-transition:-moz-transform 1.5s ease;
	transition:all 1.5s ease
}
.large-view .instagram-photo:hover img
{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.9
}
.large-view .controls
{
	margin-bottom:10px
}
.large-view .jcarousel
{
	margin-left:300px
}
.large-view .jcarousel li
{
	border:none;
	margin-right:10px;
	width:580px
}
.large-view .navigator
{
	padding:75px 20px 20px;
	position:absolute;
	width:260px;
	z-index:1
}
.large-view .navigator p
{
	color:#000;
	font-family:'Open Sans',arial,serif;
	font-size:13px;
	line-height:22px;
	margin-bottom:15px
}
.large-view .navigator a
{
	color:#ff6f5a;
	font-family:Prata,serif;
	font-size:16px;
	font-style:italic
}
.large-view .navigator h2
{
	color:#000;
	font-family:Prata,serif;
	font-size:26px;
	margin-bottom:15px
}
.large-view .navigator img
{
	margin-bottom:15px;
	width:100%
}
.large-view .navigator ul
{
	margin-bottom:15px
}
.large-view .navigator ul li
{
	color:#000;
	display:inline;
	font-family:'Open Sans',arial,serif;
	font-size:11px
}
.large-view .navigator ul li strong
{
	color:#b5b5b5;
	font-weight:400
}
.infinity-view .instagram-photo
{
	background:#000;
	overflow:hidden;
	position:relative
}
.infinity-view .instagram-photo .photo
{
	cursor:pointer;
	opacity:1;
	-webkit-transition:-webkit-transform .5s ease;
	-moz-transition:-moz-transform .5s ease;
	transition:all .5s ease
}
.infinity-view .instagram-photo:hover .photo
{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.2
}
.infinity-view .jcarousel li
{
	border:0;
	margin:0;
	width:195px
}
.infinity-view .profile
{
	font-family:'Open Sans',arial,serif;
	font-size:11px;
	padding:25px 18px;
	position:absolute;
	left:0;
	text-align:center;
	top:0;
	width:80%
}
.infinity-view .profile img
{
	margin:0 auto 8px;
	width:42px
}
.infinity-view .profile h3
{
	color:#fff;
	font-family:Oswald,arial,serif;
	font-size:18px;
	font-weight:700;
	margin-bottom:5px
}
.infinity-view .profile em
{
	color:#7e7e7e;
	display:block;
	font-style:normal;
	margin-bottom:5px
}
.infinity-view .profile span
{
	color:#3dc0f1;
	padding-left:3px
}
.infinity-view .profile p
{
	color:#c3c3c3;
	font-size:10px;
	line-height:13px
}
.contest-view .instagram-photo
{
	background:#fff;
	border:none;
	cursor:pointer;
	float:none;
	margin:0 0 30px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	width:100%;
	-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.05);
	-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.05);
	box-shadow:0 0 1px 1px rgba(0,0,0,.05)
}
.contest-view .instagram-media
{
	background:#ea0667;
	height:300px;
	overflow:hidden
}
.contest-view .instagram-media img
{
	opacity:1;
	margin-top:-30%;
	width:100%;
	-webkit-transition:-webkit-transform .5s ease;
	-moz-transition:-moz-transform .5s ease;
	transition:all .5s ease
}
.contest-view .instagram-media:hover img
{
	-webkit-transform:scale(1.2) rotate(-6deg);
	-moz-transform:scale(1.2) rotate(-6deg);
	-ms-transform:scale(1.2)rotate(-6deg);
	-o-transform:scale(1.2) rotate(-6deg);
	transform:scale(1.2) rotate(-6deg);
	opacity:.5
}
.contest-view .instagram-content
{
	font-family:Oswald,arial,serif;
	padding:30px
}
.contest-view .instagram-content span
{
	display:block
}
.contest-view .instagram-content span.author
{
	color:#535353;
	font-size:18px;
	font-weight:400;
	margin-bottom:15px;
	text-transform:uppercase
}
.contest-view .instagram-content span.date
{
	color:#939393;
	font-family:"Open Sans",arial,serif;
	font-style:italic;
	font-size:13px;
	margin-bottom:15px
}
.contest-view .instagram-content span.likes
{
	background:url(../images/heart-icon.png) 0 0/91px auto no-repeat;
	bottom:20px;
	color:#ea0667;
	font-size:12px;
	font-weight:400;
	padding:29px 22px 36px 15px;
	position:absolute;
	right:20px;
	text-align:center;
	width:62px;
	-webkit-box-sizing:initial;
	-moz-box-sizing:initial;
	box-sizing:initial
}
.instagram-user-all
{
	background:0 0;
	cursor:pointer;
	display:inline-block;
	float:left;
	line-height:0;
	width:5%
}
.instagram-user-all img
{
	height:auto;
	width:100%
}
.instagram-user-all:hover img
{
	opacity:.5
}
.seachInstagramLoadMoreContainer
{
	clear:both;
	text-align:center
}
.seachInstagramLoadMore
{
	margin-top:20px
}
	@media screen and (max-width:1255px)
{
.slide.collage-layout .jocontent
{
	width:1100px
}
.collage-view .instagram-photo
{
	height:auto;
	line-height:0;
	width:20%
}

}
	@media screen and (max-width:1100px)
{
.classic-view .instagram-stage
{
	width:90%
}
.classic-view .instagram-media
{
	height:auto;
	width:50%
}
.classic-view .instagram-content
{
	width:40%
}
.slide.collage-layout .jocontent
{
	width:100%
}
.collage-view .jcarousel-wrapper li .instagram-photo
{
	height:auto;
	width:100%
}
.collage-view .jcarousel-wrapper li .instagram-photo.one img
{
	margin:0
}
.collage-view .jcarousel-wrapper li .overlay
{
	padding-top:40%
}
.slide.carousel-layout .jocontent
{
	width:100%
}

}
	@media screen and (max-width:780px)
{
.classic-view .instagram-photo:hover img
{
	opacity:1
}
.classic-view .instagram-photo .journal-meta,.classic-view .instagram-photo.image .icon
{
	display:none
}
.classic-view .instagram-stage
{
	padding:100px 0
}
.classic-view .instagram-media
{
	background:0 0;
	float:none;
	height:auto;
	margin:0 auto;
	width:90%
}
.classic-view .instagram-media img
{
	height:auto;
	width:100%
}
.classic-view .instagram-content
{
	float:none;
	margin:0 auto;
	width:90%
}
.classic-view .instagram-content ul
{
	margin-bottom:60px
}
.slide.collage-layout .jocontent
{
	width:100%
}
.collage-view .jcarousel-wrapper li .instagram-photo.one
{
	height:auto;
	width:100%
}
.collage-view .jcarousel-wrapper li .instagram-photo.two
{
	height:auto;
	width:50%
}
.collage-view .jcarousel-wrapper li .overlay
{
	padding-top:31%
}
.collage-view .jcarousel-wrapper li .mejs-poster
{
	display:none
}
.large-view .navigator
{
	margin:0 auto;
	position:static;
	width:70%
}
.large-view .jcarousel
{
	display:none
}
.contest-view .instagram-media
{
	height:auto;
	line-height:0
}
.contest-view .instagram-media img
{
	margin-top:0
}
.contest-view .instagram-content span.author
{
	text-align:center
}
.contest-view .instagram-content span.date
{
	line-height:17px;
	text-align:center
}
.contest-view .instagram-content span.likes
{
	margin:0 auto;
	position:static
}

}

.collage-layout .jocontent{
	max-width: 1255px;
	margin: 0 auto;
}
.carousel-layout .jocontent{
	max-width: 1060px;
	margin: 0 auto;
}
.large-layout .jocontent{
	overflow: hidden;
}