@charset "utf-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.feed-parent{
width:100%;
display:inline-block;
}
/*
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}*/
.btn {
  border: none;
  font-family: Arial;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  margin: 5px;
  font-size:16px;
}
.smFilter{ text-align:right; padding:0px 0px 10px 0;}
.smFilter span{ display:inline-block; margin-right:8px; font-size:16px; font-weight:400; color:#000;}
.smFilter a{display:inline-block; padding-left:22px; margin-right:8px; font-size:16px; font-weight:400; color:#9e9e9e;}
.smFilter a.filterActive{display:inline-block; color:#000;}

.smbox{ margin:15px 0; padding:0 15px; float:left; width:25%; min-width:250px; overflow:hidden; position:relative;}

.smbox > div{ width:100%; background:#FFF; position:relative; height:212px; border:1px solid #f3f3f3; }
.smbox > div > img{ display:block; position:relative; z-index:1; width:100%;}
.smbox > div > div{ padding:25px; color:#3e3e3e; font-size:16px;}
.smbox > div > div a{ color:#458acb;}

.youtube  a > div, .facebook  a > div{ width:100%; background:#FFF; position:relative; height:212px; border:1px solid #f3f3f3; }
.youtube  a > div > img, .facebook  a > div > img{ display:block; position:relative; z-index:1; width:100%;}
.youtube a > div > div, .facebook a > div > div{ padding:10px; color:#3e3e3e; font-size:14px;}
.youtube a > div > div a, .facebook a > div > div a{ color:#458acb;}

.smfooter{ position:absolute; left:0; bottom:-1px; width:100%; height:50px; padding:2px 50px 10px 10px; z-index:2; color:#458acb;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.smfooter span{ display:block; color:#989898; font-size:11px;}

.youtube .smfooter{ background:#FFF url(images/icon-youtube.png) no-repeat 100% 50%; border-bottom:1px solid #f3f3f3;}
.twitter .smfooter{ background:#FFF url(images/icon-twitter.png) no-repeat 100% 50%; border-bottom:1px solid #f3f3f3;}
.facebook .smfooter{ background:#FFF url(images/icon-facebook.png) no-repeat 100% 50%; border-bottom:1px solid #f3f3f3;}

.smbox_info{ background:rgba(255, 255, 255, 0.8) !important; height:200px; width:100%!important;   position: absolute !important; top:300px; left: 0px; z-index:1; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.loader{
	width:150px !important;
	margin:0px auto;
	padding:80px 0px 0px 0px;	
}

@media screen and (max-width:1050px){
.smbox{width:33.333333333%; min-width:250px; }
.smbox > div{height:212px; }
}


@media screen and (max-width:650px){
.smFilter {text-align: center;}
.smbox{width:49.5%; min-width:250px;}
.smbox > div{height:180px; }
}

@media screen and (max-width:485px){
.smbox{width:100%; }
.smbox > div{height:auto; }
.smbox > div > div { padding-bottom:60px;}
}

@media screen and (max-width:360px){
.smFilter span { display:block; margin:-5px 0 5px;}
}

/* widget */
.sf-widget{
	width:100%;
	overflow:auto;
}
.sf-widget a{
	color:#3E3E74 !important;
}
.sf-widget-list{
	width:100%;
	margin: 0px 0px 5px 0px;
	padding:0px;
	clear: both;
	float:left;
	border:1px solid #ccc;
	background-color:#ffffff;
}
.sf-widget-list-thumbnail{
	float:left;
	width:100%;
	padding:5px 0px 5px 0px;
}
.facebook .sf-footer{ 
	background:#FFF url(images/icon-facebook.png) no-repeat 100% 50%; 
	float:left;
	width:100%;
	background-color:#fff;
	height:50px;
	padding:5px 0px 0px 2px;
	margin:5px 0px 0px 0px;
}
.twitter .sf-footer{ 
	background:#FFF url(images/icon-twitter.png) no-repeat 100% 50%; 
	float:left;
	width:100%;
	background-color:#fff;
	height:50px;
	padding:5px 0px 0px 2px;
	margin:5px 0px 0px 0px;
}
.youtube .sf-footer{ 
	background:#FFF url(images/icon-youtube.png) no-repeat 100% 50%; 
	float:left;
	width:100%;
	background-color:#fff;
	height:50px;
	padding:5px 0px 0px 2px;
	margin:5px 0px 0px 0px;
}
.sf-footer span {
	color: #989898;
	display: block;
	font-size: 11px;
}
/* widget */