/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14 Nov, 2014, 4:35:04 PM
    Author     : Manish
*/
.floatleft{
    float:left;
}
div.mg-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: #fff;
    background: #242929;
    opacity: 0.8;
    text-align: center;
    line-height: 20px;
}
.mg_main_container
{
	margin-right:auto;
	margin-left:auto;
	/*padding-left:15px;
	padding-right:15px;
        background: #131840;*/
}
.gallery-detail-title{    
	height:40px;
	line-height:35px;
	border-top:2px solid #7f7f7f;
	border-bottom:2px solid #7f7f7f;
	color:#000;	
	margin:50px 0px 30px 0px;
	font-size:20px;
        font-family: MyriadPro-Regular;	
}
#mg-landing {
position: relative;
max-width: 100%;
width: 100%;
}
#mg-landing img {
width: 100%;
max-width: 100%;
height: auto;
}
#mg-landing .white-panel {
position: absolute;
/*background: white;*/
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
padding: 3px;
margin: 0px;
}
#mg-landing .white-panel h2 {
margin: 0px 0px 8px 0px;
line-height: 20px;
}
#mg-landing .white-panel .news-cat {
margin: 0px 0px 8px 0px;
padding-left: 17px;
line-height: 20px;
background: url("../images/category-icon.png") no-repeat 0 9px;
}
#mg-landing .white-panel div.shortdescr { margin-bottom: 15px; text-transform: capitalize; line-height: 18px;}
#mg-landing .white-panel p{
    padding: 0px; margin: 0px;    
}
#mg-landing .white-panel h2 a {
color: #3380CD;
font-size: 20px;
text-decoration: none;
text-transform: capitalize;
}
#mg-landing .white-panel:hover {
box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
margin-top: -5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mg-landing .learnmore {
    background: #eaebeb;
    bottom: 10px;
    color: #777 !important;
    display: block;
    height: 24px;
    line-height: 24px;
    margin-top: 0;    
    text-decoration: none;
    float: right;
    padding: 0px 3px;
}
#mg-landing .categoery {
    position: absolute;
    text-align: center;
    z-index: 999;
    width: 92%;
}
#mg-landing .categoery a{
    background: #3380CD;
    color: #fff;
    border: 2px solid #fff;
    padding: 3px 5px;
    font-size: 12px;
    text-transform:uppercase;
    text-decoration: none;
    font-weight: 600;
}

#mg-landing1 {
position: relative;
max-width: 100%;
width: 100%;
}
#mg-landing1 img {
width: 100%;
max-width: 100%;
height: auto;
}
#mg-landing1 .white-panel {
position: absolute;
/*background: white;*/
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
padding: 3px;
margin: 0px;
}
#mg-landing1 .white-panel h2 {
margin: 0px 0px 8px 0px;
line-height: 20px;
}
#mg-landing1 .white-panel .news-cat {
margin: 0px 0px 8px 0px;
padding-left: 17px;
line-height: 20px;
background: url("../images/category-icon.png") no-repeat 0 9px;
}
#mg-landing1 .white-panel div.shortdescr { margin-bottom: 15px; text-transform: capitalize; line-height: 18px;}
#mg-landing1 .white-panel p{
    padding: 0px; margin: 0px;    
}
#mg-landing1 .white-panel h2 a {
color: #3380CD;
font-size: 20px;
text-decoration: none;
text-transform: capitalize;
}
#mg-landing1 .white-panel:hover {
box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
margin-top: -5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mg-landing1 .learnmore {
    background: #eaebeb;
    bottom: 10px;
    color: #777 !important;
    display: block;
    height: 24px;
    line-height: 24px;
    margin-top: 0;    
    text-decoration: none;
    float: right;
    padding: 0px 3px;
}
#mg-landing1 .categoery {
    position: absolute;
    text-align: center;
    z-index: 999;
    width: 92%;
}
#mg-landing1 .categoery a{
    background: #3380CD;
    color: #fff;
    border: 2px solid #fff;
    padding: 3px 5px;
    font-size: 12px;
    text-transform:uppercase;
    text-decoration: none;
    font-weight: 600;
}

.awesome-newsfeed { margin-top: 40px;}
.awesome-newsfeed .c_date {
    background: none repeat scroll 0 0 #3380cd;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    text-align: center;
}
.awesome-newsfeed .c_date a {
    color: #fff !important;
    line-height: 24px;
}
.awesome-newsfeed .c_day {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    width: 70%;
}
.awesome-newsfeed .c_month {
    display: inline-block;
    width: 70%;
}
.awesome-newsfeed .c_year {
    display: inline-block;
    width: 70%;
}
.newsfeed-right {
    border-left: 1px solid #ccc;
    float: left;
    padding-left: 10px;    
}
.categories-links {    
    color: #fff;   
    position: absolute;
    text-align: center;    
    z-index: 999;
    width: 96%;
    top:8px;
}
.categories-links a{  background: #3380cd; border: 2px solid #fff; padding: 3px 6px; color: #fff !important;}
.blogtitle {
    background: none repeat scroll 0 0 #f6f6f6;
    color: #3380cd;
    font-size: 24px;
    margin: 10px 0px;
    padding: 0 10px;
    text-transform: uppercase;
}
.news-image {
    position: relative;
}

.blogtitle a {
    color: #3380cd;
    font-size: 24px;
}
.blogdescription{ margin-top: 10px; text-align: justify;}
.newsfeed-right a img{margin: 0px !important; width:100%;}
.newsfeed-comment {
    background: #ccc;
    text-align: center;
}
.borderstop {
    color: #58585b !important;
    padding-bottom: 20px;
    padding-top: 10px;
}
.borderstop a:hover {
    text-decoration: none;
}
.c_count {
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
}
.text_cmt {
    display: inherit;
}
.post-descri{ display: none;}
.clock-font{
margin: 0px 0px 8px 0px;
padding-left: 17px;
line-height: 20px;
background: url("../images/clock.png") no-repeat 0 1px;
color:#3380CD;
font-size: 12px;
}
.chat-font{
margin: 0px 0px 8px 0px;
padding-left: 15px;
line-height: 20px;
float:right;
background: url("../images/chat.png") no-repeat 0 5px;
color:#3380CD;
}
.newsfeed_category li.all{margin-left: 0px !important;}
.newsfeed_category li{margin-bottom: 8px; float:left;text-transform:uppercase ;background: none repeat scroll 0 0 #EAEBEB;border-radius: 3px;color:#000;display: block;height: 24px;margin-left:10px!important;}
.newsfeed_category a{color:#777;text-decoration:none;padding:0 10px}
.newsfeed_category a:hover,.current a{color:#FFF!important;background-color:#3380CD;padding:3px 10px!important;border-radius:3px!important;}
.ep_group:after{visibility:hidden;display:block;content:"";clear:both;height:0}


.latest_newsfeed li.firstclass { padding: 0px;}
.latest_newsfeed li.lastclass { padding: 0px;}
.latest_newsfeed li {
    border-bottom: 3px solid #3380cd;
    clear: both;
    padding: 9px;
    overflow: hidden;
}
.latest_newsfeed li h1 {
    color: #3380cd;
    font-weight: normal;
    margin: 0;
}
.latest_newsfeed .left-side img{ width: 100px;}
.latest_newsfeed .left-side {
    float: left;
    width: 25%;
}
.latest_newsfeed .right-side h2{padding: 0; margin:0px 0px 10px 0px; line-height: 16px; font-size: 22px;}
.latest_newsfeed .right-side a{color: #3380cd; line-height: 20px;}

.latest_newsfeed .right-side span { line-height: 18px;}
.latest_newsfeed .right-side {
    float: left;
    width: 73%;
    margin-left: 5px;
}
div.latest_news_descri{ line-height: 20px;}
.nav-previous{ float:left; background: #eaebeb; padding: 0px 3px; margin-bottom: 5px;}
.nav-previous a { color: #777;}
.nav-next{ float:right; padding: 0px 3px;}
.nav-next a { color: #777;}
@media (max-width:768px) {
.newsfeed-right{ padding: 0px 15px; border: 0; width: 100% !important;}
.timeanddate{display: none;}
.post-descri{display: block;}
}

/* Load more button design */
.media-gallery a#loadmorebutton:link, .media-gallery a#loadmorebuttonvisited {
    display: block;
	text-align: center;
	padding: 4px 0;
	color: #444;
	text-decoration: none;
	
	/** Rounded Corners **/
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	/** Drop shadow **/
	-moz-box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
	box-shadow: 1px 1px 1px #999;
	
	/** Gradients : http://css-tricks.com/css3-gradients/ */
	/* fallback */
	background-color: #f1f1f1;
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #e4e3e3, #f1f1f1);
	
	/* Safari 4-5, Chrome 1-9 */
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e4e3e3));
	
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(#f1f1f1, #e4e3e3);
	
	/* Opera 11.10+ */ background: -o-linear-gradient(#f1f1f1, #e4e3e3);
}

.media-gallery a#loadmorebutton:hover, .media-gallery a#loadmorebutton:active {
	/** Drop shadow **/
	-moz-box-shadow: 1px 1px 1px #bbb;
	-webkit-box-shadow: 1px 1px 1px #bbb;
	box-shadow: 1px 1px 1px #bbb;

	/** Gradients : http://css-tricks.com/css3-gradients/ */
	/* fallback */
	background-color: #f5f5f5;
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(100% 100% 90deg, #eaeaea, #f5f5f5);
	
	/* Safari 4-5, Chrome 1-9 */
	/* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#eaeaea));
	
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(#f1f1f1, #eaeaea);
	
	/* Opera 11.10+ */ background: -o-linear-gradient(#f5f5f5, #eaeaea);
}


/* Gallery page css Edited By Varun Srivastava on 13/May/2016 Starts */

.them .thumbnail-grid figure {
	position: relative;
	height: 300px;
	margin: 5px;
	border-radius: 3px;
	box-shadow: inset 0 40px 0 0 rgba(96, 0, 160,.3);
	transition: all .2s ease-in-out
}
.them .thumbnail-grid figure:hover {
	box-shadow: inset 0 300px 0 0 rgba(255,0,96,.5)
}
.them .thumbnail-grid figcaption {
	position: absolute;
	width: 100%;
	font-size: 24px;
	font-weight:bold;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 3px #000;
	padding-top: 3px;
	transition: all .2s ease-in-out;
	font-family: HelveticaNeue-Thin;
}
.them .thumbnail-grid figure:hover figcaption {
	bottom: 140px
}
.them .flex {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch
}
.them .flex-items {
    float: left;
    margin: 1% 0.5% 0;
    width: 24%;
}
/* Gallery page css Edited By Varun Srivastava on 13/May/2016 Ends */