html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box}article,aside,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
h1, h2, h3, h4 { font-weight: normal}
* {box-sizing: border-box}
body{font-family:"Lato",Arial,Helvetica,sans-serif;font-size:11px;background:#f3f3f3;color:#8a8a8a; margin:0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

#main { margin-top: 119px }
a{ text-decoration:none; color: #2980b9}
a:hover { text-decoration: none; color: #777}
.embedVideoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

#deferredAdTop {
  position:absolute;
  top: 63px;
  left: 50%;
  margin-left: -364px;
  background: #e4e4e4
}

.embedVideoWrapper embed, .embedVideoWrapper iframe, .embedVideoWrapper object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mywallet {
  background-color: #fff;
  padding: 10px;
  margin: 0
}
.wrp #content .box.blogList { margin: 20px 0}
.box.blogList { border-top:1px solid #e8e8e8}
.blogList p { clear: both; padding: 0; font-size: 14px}
.box.blogList time { position: absolute; top: 10px}

#optCol.box {overflow: visible}
.box { overflow: hidden; position: relative}
.overflowVis { overflow: visible !important}
.blogList p:nth-child(3) { clear: inherit;  min-height:110px}
.wrp #content .box.blogList h4{
  font-size: 18px;
  padding: 10px 0;
  margin-top: 15px
}
.wrp #content .box.blogList img{
  float: left;
  padding-right: 10px;
  max-height: 85px
}
.byBlogList {
  position: absolute;
  bottom: 0;
  left: 0
}

.readMore {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 !important
}
#pagination {
  clear: both;
  padding-top: 15px
}
#pagination ul {
  margin: 0;
  padding: 0;
  font-size: 1.0833em;
  font-weight: bold
}
#pagination ul li {
  margin: 0;
  margin-right: 12px;
  padding: 0;
  list-style: none;
  float: left;
  color: #888
}
#pagination a, #pagination li.selected {
  font-size: 13px;
  padding: 7px 15px 6px 15px;
  color: #fff;
  background: #777;
  display: block
}

#pagination a:hover, #pagination li.selected {
  background: #555;
  color: #fff
}
.commentbox textarea.editable {
	border: 1px solid #d3d3d3;
	height: 60px;
	padding: 6px;
	background-color: #fff;
	width: 100%;
	float: right;
	resize: none;
	font-size: 13px;
	color: #8a8a8a;
	font-family: Lato,Arial,Helvetica,sans-serif;
	overflow: auto;
	border-radius: 0;
	-webkit-appearance: none;
	margin-bottom: 5px
}

.commentbox .butt.save {
  float: right;
  padding: 8px 10px;
  margin: 0;
  background:#a3a3a3;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 3px;
  width: auto!important;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  -webkit-backface-visibility: hidden
}

.butt {
  display: inline;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  text-transform: uppercase
}

.commentbox .butt.save:hover {
	background:#33abdf
}

.commentbox .microblog .counter {
  text-align: right;
  padding-right: 10px;
  line-height: 35px;
  float: left
}

.comments li {
  background:#fff;
  padding:10px
}

.avatar.face {
  margin: -3px auto;
  width: 70px;
  height: auto;
  position: relative;
  text-align: center
}

ul.comments li .avatar.face {
  background-size: contain;
  display: inline-block;
  margin-top: -15px
}

ul.comments li>p:nth-of-type(1) {
  text-transform: capitalize;
  padding-right: 80px;
  font-size: 14px
}

ul.comments li>p {
  margin-bottom: 0;
  padding-left: 68px;
  word-wrap: break-word;
  font-size: 13px;
  line-height: 22px
}

ul.comments li time {
  right: 25px;
  top: 15px;
  position: absolute;
  font-size: 10px;
  line-height: 19px
}


p{margin-bottom:10px;line-height:19px}

.headerImage { text-align:center}
#brws_mvs_h {position: relative}
#brws_mvs_h aside { top: 7px}
#brws_mvs_h ul {top: 28px}

.prgrph {
  font-size:16px;
  word-wrap: break-word
}

img {
  max-width: 100% !important;
  height: auto;
  border: 0;
  vertical-align: middle
}

.clear {clear:both}

#top {
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0;
  background: #fff
}
#head { margin: 0}
#head .wrp {
  height: 50px;
  text-align: center
}

.wrp {
  width:960px;
  margin:0 auto;
  position: relative
}
.wrp:after, .clearfix {content: '.'; display: block; height: 0;	clear: both; visibility: hidden}
.wrp #content .box, #rel .box {margin: 0}
#rel { position: relative}

.wrp .searchMobile {
  height: 50px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding:10px;
  display:none
}

.wrp .searchMobile .search {
  margin:0 auto;
  width:300px
}

.wrp .searchMobile input {
  width:80%;
  float:left;
  font-size:14px;
  border:1px solid #f4f4f4;
  padding:5px
}

.wrp .searchMobile button {
  float:right;
  width:20%
}

#logo {
  line-height: 45px;
  position: absolute;
  height: 50px;
  width: 110px;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  float: left;
  display: block
}

#logo img{
  height: 30px;
  vertical-align:middle
}

.signLogin {
  float:right;
  height:50px;
  line-height:50px
}

.loginBtn {
  background:#33abdf;
  border-radius:3px;
  padding:5px 10px;
  color:#fff;
  font-weight:bold;
  font-size:12px
}

.loginBtn:hover {
  background:#f8a642;
  color:#fff
}

#head .searchForm {
  float:left
}

#head .searchForm form{
  margin:10px 0;
  height:30px;
  border: 1px solid #f3f3f3
}

#head .searchForm input {
  width: 180px;
  font-size: 14px;
  padding:5px;
  font-weight:normal;
  border:none;
  margin:0
}

#head button{
  background:none;
  border:none;
  color:#9d9d9d;
  font-size:18px;
  margin:0
}
#content, #mbProf {
  width:620px;
  float:left
}
#content {min-height: 550px}

.footer_ads, .adTop {
  text-align:center;
  width:728px;
  margin:30px auto !important
}

.userPage .tabUserFlow ul li a i {
  display:none
}

.userPage .tabUserFlow ul li:last-child a i {
  display:inline-block;
  line-height: 3px
}

.userPage .tabUserFlow {
  margin-bottom:0 !important
}

.userPage .location {
  display:inline
}

#buzzNumber {
  position: absolute;
  right: 0;
  bottom: 10px;
  font-family: 'Arial Black',Arial,sans-serif;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  color: #fff;
  font-size: 24px;
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 0
}

.buzzIco a {
  width: auto;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
  background: #33abdf;
  height: 38px;
  padding: 3px 8px;
  margin-top: 0
}

.buzzIco span {
  display: block;
  text-transform: uppercase
}

.buzzIco.sml span:first-child {
  font-size: 9px
}

.buzzIco.sml span:last-child {
  font-size: 18px;
  line-height: 22px
}
.buzzIco span:last-child {
  font-size: 24px;
  font-weight: 700;
  line-height: 27px;
  margin: 0;
  padding: 0
}

#player {margin-top:10px}
#player.pl_medium, #player.pl_medium embed {
  width:620px;
  height:349px
}

.blogContent, .category, .userDashboard, .content{
  padding:10px 15px;
  background:#fff;
  border:1px solid #e4e4e4;
  position:relative;
  margin-top: 10px
}

.userPage {
  background:#fff;
  border:1px solid #e4e4e4;
  position:relative;
  margin-bottom:10px
}

.userDashboard .userContent {

}

.userDashboard #buzz48{
  width:100%;
  left:0
}

.userDashboard #dashboard ul#siluette {
  max-width:620px;
  margin:20px auto 0 !important;
  height: 440px
}

.userDashboard h2 {
  font-size: 14px;
  line-height:40px
}

.userDashboard #gFb {
  width: 100%;
  height: 85px;
  display: table;
  text-align: center
}

.userDashboard #gFb a {
  margin: 5px;
  display: inline-table
}

.userDashboard #gFb img{
  width:100px
}

.userDashboard #bio {
  margin-top:20px
}

.userDashboard #bio .didascaliaL {
  float:left
}

.userDashboard .history {
  font-size: 14px;
  float: right;
  width: 450px
}

.userDashboard .blogList p {
  height:auto
}

.userDashboard .blogList {
  height:auto
}

.userDashboard .blogList h4 {
  margin-bottom: 10px !important
}

.userDashboard .category h1 {
  margin-bottom: 10px
}

.category .filter{
  position: absolute;
  top: 15px;
  font-size: 80%;
  color: #999;
  right:10px
}

.category .filter nav > ul > li {
  position:relative;
  margin-left: 5px
}

.category .filter nav > ul > li > a{
  padding:3px 10px;
  background:#f3f3f3;
  color:#787878;
  font-size:14px
}

.category .filter nav > ul > li > a:hover{
  background:#F8A642;
  color:#fff
}

.category .filter .subMenu{
  display:none;
  position:absolute;
  z-index:100;
  background:#fff;
  border: 1px solid #f3f3f3;
  font-size:12px;
  top:25px;
  right:0;
  width:200px;
  padding:10px
}

.category .filter .subMenu li a:hover{
  color:#33abdf
}

.category #browseMoviesMenu ul li{float:left}

.category .filter .subMenu .sel {
  color: #33abdf;
  font-weight:bold
}

.category .filter #browseMoviesMenu ul ul li{float:none;margin-left:0; font-size:14px}

.category .movieList figure{
  margin:30px 0;
  width:48%;
  height:220px;
  position:relative;
  }

.category figcaption aside{color:#999;font-size:12px; text-align:center}
.category .list figcaption {padding:5px 0}
.category .list figcaption a{
  font-size: 14px;
  font-weight:bold
}

.category.bList figure figcaption{
  padding: 5px 0;
  font-size: 12px;
  font-weight: bold
}

.category figure{float:left;margin-right:30px;width:134px;height:145px;position:relative;overflow:hidden}

.category .list{margin-bottom:15px; display:inline-block; position:relative; height:120px}

.category .nmb{position:absolute;top:8px; right:6px}

.category .nmb{color:#fff;background:rgba(248, 166, 66, 0.80);font-size:11px;font-weight:bold;text-decoration:none;padding:3px 6px 2px 6px}

.movieList figure:nth-child(even){margin-left:0; float:left}
.movieList figure:nth-child(odd){margin-left:0; float:right}
	.movieList figure a{border-width:4px;display:block;margin:0 10px 10px 0;overflow:hidden; text-align:center}
		.movieList figcaption{overflow:hidden;width:100%;padding:0 20px}
			.movieList figcaption a{height:auto;margin-bottom:4px}
			.movieList figcaption > a:first-child{color: #2980b9; font-size:16px; font-weight:bold}
				.movieList figcaption aside a{display:inline; color:#787878}


.blogContent .titleBlog, .category h1, .userDashboard h1, .content h1 {
  color:#2980b9;
  font-size:22px;
  font-weight:bold;
  margin:0
}

.userDashboard h4 {
  margin-bottom:20px
}

.userDashboard #dashboard {
  margin-bottom:20px !important
}
.blogContent .boxHead {
  width:510px;
  float:left
}

.blogContent .dateCreated {
  color:#787878;
  margin:0
}

.blogContent .votation {
  float:left;
  width:60px;
  height:60px;
  margin-right:10px;
  position: relative;
  top: -11px
}

.blogContent .userDetails {
  margin-top:15px
}

.blogContent .userDetails h3 {
  background:#f3f3f3;
  text-transform:uppercase;
  color:#787878;
  font-size:18px;
  font-weight:bold;
  padding:10px;
  margin:10px 0 20px
}

.blogContent #authorBox .bioAvatar{
  float:left
}

.blogContent #authorBox.userDetails .bioAvatar > a {
  display:block;
  float:none
}

.blogContent .sharing {
  margin-top:15px
}

.details{
  padding:10px 15px;
  margin-top:10px;
  background:#fff;
  border:1px solid #e4e4e4
}

.details h1 {
  color:#2980b9;
  font-size:22px;
  font-weight:bold;
  margin:0;
  width:100%
}

.details .uploadedOn {
  color:#787878;
  font-size:14px;
  margin-bottom: 20px
}

.details .user {
  float:left;
  margin-top:5px;
  width:45%
}

.details .sharing {
  float:right;
  margin-top:35px
}

.details .sharing .horList li, .blogContent .sharing .horList li {
  float: left;
  list-style: none;
  margin-left:20px
}
.horList li { float: left; list-style: none}
.details .sharing #votes h3, .blogContent .sharing #votes h3  { display:none}
#votes, #votes ul { overflow: visible}

.details .user img {
  width:50px;
  float:left;
  margin-right: 5px
}

.details .user h4 {
  margin:0 0 10px 0;
  padding-top:4px
}

.details .user h4 a{
  color:#000;
  font-size:14px;
  font-weight:bold
}

.shareBox .horList, #plyrNfo p{
  padding: 10px
}

.description {
  float:left;
  width:400px
}

.info {
  float:right;
  width:180px
}

.details .tags {
  margin-top:10px
}

.details #tags li, .blogContent #tags li {
  display:inline-block;
  font-size: 14px;
  padding:0 3px
}

.details #tags li a, .blogContent #tags li a{
  color:#33abdf
}

.details #tags li a:hover, .blogContent #tags li a:hover{
  color:#f8a642
}

.details #tags li:first-child {
  padding-left:0px
}

.blogContent .tags h2, .blogContent .tags ul {
  display:inline
}

.description h2, .info h2, .tags h2 {
  color:#787878;
  font-size: 14px;
  margin-bottom:10px;
  font-weight:bold
}

#tags {
  padding:0
}

.description p, .info p {
  color:#787878;
  font-size:14px
}
.info p {
  margin:0
}

.info .license img{
  margin:5px 0
}

.info p.miniLicense {
  font-size: 12px
}

#shareButts .subscribeButtWrp {
  float:none;
  display:block
}

.subscribeButtWrp{margin:0;display:inline-block; float: left}
.subscribeButt {
  max-width: 218px;
  overflow: hidden;
  word-break: break-all;
  padding: 3px 6px;
  cursor: pointer;
  font-size: 10px;
  line-height: 16px
}
.subscribeButtCount {
  float: left;
  font-family: Arial,serif;
  font-size: 11px;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  position: relative;
  padding: 0 3px;
  height: 20px;
  line-height: 18px
}
.buzzInline {
  background: #33abdf;
  border: none;
  text-transform: uppercase;
  display: block;
  float: left;
  margin-right: 5px;
  border-radius: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  padding: 2px 4px;
  font-size: 11px
}
.buzzInline:hover {
  border-color: #104523;
  color: #fff;
  text-decoration: none
}
.subscribed a {
  background: #f8a642
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #e4e4e4;
  margin: 1em 0;
  padding: 0
}
aside#rel {
  width:320px;
  float:right
}

aside#rel > .box {
  background:#fff;
  border: 1px solid #e4e4e4;
  margin:10px auto;
  width:auto
}

#menus a:hover, #menus a.sel, .butt:hover {	background: #777; color: #fff; border-color: #888}
#menus a, .butt {color: #555}

aside#rel > .box ul#menu_about {
  margin-left:0
}
aside #sharing.box {
  overflow:visible;
  margin:0 auto;
  width:320px
}

aside#rel #newsFeed .blogList .didascaliaL, .userDashboard .blogList .didascaliaL {
  float:left;
  margin-right:10px
}

aside#rel #newsFeed .blogList, .userDashboard .blogList {
  padding:10px;
  border-top: 1px solid #e4e4e4
}

aside#rel #newsFeed .blogList .didascaliaL img, .userDashboard .blogList .didascaliaL img{
  width: 100px;
  margin-top:3px
}

aside#rel #newsFeed .blogList .author, .userDashboard .blogList .author{
  margin: 0 0 10px 0
}

aside#rel #newsFeed .blogList .author a, .userDashboard .blogList .author a{
  color:#858585;
  font-size:12px
}

aside#rel #newsFeed .blogList h4, .userDashboard .blogList h4 {
  text-align: left;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  margin:0;
  font-weight:bold
}

aside#rel #newsFeed .blogList .text, .userDashboard .blogList .text{
  float:left;
  width:185px;
  font-size: 14px
}

.userDashboard .blogList .text{
  width:420px
}

aside#rel #newsFeed .blogList .read, .userDashboard .blogList .read {
  margin-top: 3px
}

aside#rel #newsFeed .blogList .read a, .userDashboard .blogList .read a{
  font-size:12px
}

aside#rel .box.adv {
  border:none;
  background:none
}


aside#rel .box h3 {
  color:#616161;
  font-size:16px;
  font-weight:bold;
  background:#f3f3f3;
  line-height:40px;
  padding: 0 10px;
  text-transform:uppercase;
  margin:0
}

aside #sharing .horList {
  padding:10px
}

aside #sharing ul li {
  margin: 0 5px
}

aside#rel .biography {
  padding:15px 10px 5px
}

aside#rel .biography h4{
  margin:0
}

.blogContent #authorBox.userDetails .biography h4 {
  margin:20px 0 10px
}

aside#rel .biography h4 a, .blogContent #authorBox.userDetails .biography h4 a{
  color: #33abdf;
  font-size:14px;
  font-weight:bold;
  word-break: break-all
}

aside#rel .biography p, .blogContent #authorBox.userDetails .biography p{
  color:#858585;
  font-size:14px
}

aside#rel figure {
  float: none;
  width: 300px;
  height: 78px;
  margin: 10px
}

aside#rel figure > a {
  display: block;
  margin-right: 10px;
  overflow: hidden;
  width: 128px;
  height: 72px;
  float:left
}

aside#rel figcaption > a {
  font-size: 13px;
  color: #2980b9;
  font-weight:bold;
  font-size:14px
}

aside#rel figcaption aside {
  color: #8a8a8a;
  line-height: 25px;
  font-size: 11px;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

aside#rel .calltoaction{
  float:right;
  padding:10px;
  margin-bottom:5px;
  width:210px
}

aside#rel .calltoaction h2{
  color:#616161;
  font-size: 24px;
  font-weight:bold;
  margin:0
}

aside#rel .calltoaction h2 .span1 {
  color:#33abdf
}

aside#rel .calltoaction h2 .span2 {
  color:#f8a642
}

aside#rel .calltoaction a {
  color:#fff;
  background:#f8a642;
  padding:5px 10px;
  display:block;
  border-radius: 3px;
  margin-top:10px;
  font-size:24px;
  font-weight:bold;
  box-shadow:3px 3px 0 #33abfd;
  transition:0.3s
}

aside#rel .bannerSign{
  position:relative;
  border-color:#33abdf;
  border-width:2px;
  width:320px;
  margin:0 auto 10px;
  margin-left:inherit
}
aside#rel .calltoaction a:hover {
  box-shadow:3px 3px 0 #f8a642;
  background:#33abdf
}

aside#rel .heroLogo{
  width:60px;
  position:absolute;
  top:20px;
  left:25px
}

aside#rel .avatarImg{
  width:124px;
  position:absolute;
  bottom:0
}

aside#rel figcaption {
  float: left;
  width:160px
}

aside#rel #shareButts {
  min-height:120px;
  height:auto
}

aside#rel #shareButts .horList, aside#rel #shareButts .subscribeButtWrp{
  padding:10px
}

#authorBox .didascaliaL {
  width: 100px;
  float:left;
  margin:5px
}

/*
CALL TO ACTION GRATS
*/

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@-webkit-keyframes gold {
    0%{background-position:0% 76%}
    50%{background-position:100% 25%}
    100%{background-position:0% 76%}
}
@keyframes gold { 
    0%{background-position:0% 76%}
    50%{background-position:100% 25%}
    100%{background-position:0% 76%}
}

#callToReg .rlxAvts {
  position:absolute;
  top:-170px;
  left:-22px;
  z-index:-1
}

#callToReg {
  width: 100%;
  position: fixed;
  bottom: 0;
  left:0;
  z-index: 300;
  font-family:"Lato",Helvetica,Arial,sans-serif;
  background: #33abdf url(../images/banners/funnyBackground.jpg);
  color:#fff;
  font-size:20px;
  box-sizing:border-box;
  padding:20px;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: flipInX 1s;
  animation: flipInX 1s
}
  #callToReg .line {
    max-width:1200px;
    position: relative;
    margin:0 auto;
  }

  #callToReg .imgWrp {
    float:left;
    margin-right:20px;
  }
  #callToReg .txtWrp {
    float:left;
    width: calc(100% - 242px);
    color:#fff;
    cursor: pointer
  }
    #callToReg .txtWrp:hover, #callToReg .txtWrp:hover h1 {
      color: #FFD721;
    }
  #callToReg ul {
    list-style:none;
    margin:0 0 15px 0;
    padding:0;
    opacity: 0;
    -webkit-animation: zoomInDown 1s ease-in .8s forwards;
            animation: zoomInDown 1s ease-in .8s forwards;
  }
    #callToReg ul li {
      font-weight:bold;
      font-size: 35px;
    }
  #callToReg h1 {
    margin:0 180px 15px 0;
    color:#fff;
    opacity: 0;
    font-size:20px;
    -webkit-animation: zoomInDown 1s ease-in .5s forwards;
            animation: zoomInDown 1s ease-in .5s forwards;
  }
  #callToReg .butt {
    display:inline;
    margin:0;
    border:0;
    cursor:pointer;
    padding:10px;
    -webkit-appearance: none;
    background: #f3f3f3;
    color: #33abdf;
    font-size:12px;
    border-radius: 3px;
    border:1px solid #f3f3f3;
  }
  #callToReg .accept {
    margin:0 10px 0 0;
    font-weight:bold;
    width:130px;
    background-color:#FFD721;
    color:#96651C;
    text-shadow: -1px -1px 0px rgba(255, 255, 255, .5);
    border-color:#96651C;

    background: linear-gradient(218deg, #B77617, #B77617, #FFD721, #B77617, #FFD721, #FFD721);
    background-size: 1400% 1400%;

    -webkit-animation: gold 50s ease infinite;
            animation: gold 50s ease infinite;
  }
  #callToReg .accept:hover {
    background: #FFD721;

    -webkit-animation-name: tada;
            animation-name: tada;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }

  #callToReg .refuse {
    background:transparent;
    color:#fff;
    text-decoration: underline;
    width:100px;
  }
  #callToReg .refuse:hover {
    -webkit-animation-name: shake;
            animation-name: shake;
    -webkit-animation-duration: .9s;
            animation-duration: .9s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  #callToReg .contentGrats img {
    margin-right:20px;
    margin-top:-52px;
    margin-bottom:10px;
    width:200px;
  }

  #callToReg .earnedBit {
    margin-bottom:15px;
    opacity: 0;
    -webkit-animation: zoomInDown 1s ease-in 1s forwards;
            animation: zoomInDown 1s ease-in 1s forwards;
  }

  #callToReg .bmSign {
    position:absolute;
    top:-45px;
    right:10px;
    font-size:11px;
  }
    #callToReg .bmSign img {
      vertical-align: bottom
    }

@media all and (max-width:720px){
  #callToReg {text-align:center;font-size:16px}
  #callToReg .imgWrp, #callToReg .txtWrp {float:none;margin:0 auto;width:100%}
  #callToReg h1 {margin-right:0}
  #callToReg .serviceBit span {display: none}
  #callToReg .earnedBit {font-size:12px}
  #callToReg .satoshi {font-size:25px}
  #callToReg .contentGrats img {width:150px}
  #callToReg .rlxAvts{width:150px;top:-101px}
  #callToReg .bmSign{right:0}
}

/*
END CALL TO ACTION GRATS
*/

#foot{margin:0;padding:10px 0 10px 0;border:0;border-top:1px solid #f3f3f3;clear:both}
  #foot nav{text-align:center}
  #foot nav a{line-height:2;margin-right:1.67em;font-size:1.0833em}
  #foot ul{text-align:center;margin:30px 0 25px 0}
    #foot li{display:inline;margin:0 5px}
    #piggy_footer_img{width:40px}

#copy{color:#666;margin-top:10px;text-align:center}

input { -webkit-appearance: none}
input:hover, input:focus, button:hover { outline:none}
textarea, input, button { font-family: "Lato", Arial}
input, textarea, select{float:left}

/*Twitter tweet button*/
.twtst button{padding:0;margin:0;border:none;overflow:visible;background:transparent;outline:none}
.twtst .offscreen{position:absolute;left:-999em}
.twtst .t-count{visibility:hidden}
.twtst .t-count{visibility:visible}
.twtst .tb-container{display:block}
.twtst .tb{display:block;height:20px}
.twtst .tb,.t-count,.t-count button{background:transparent url('../images/twitter/tweet.png') no-repeat}
.twtst .tb button{position:absolute;left:-999em}
.twtst .tb:hover,.tb-focus{background-position:0 -21px}
.twtst .tb:active{background-position:0 -42px}
.twtst .ncount .t-count{display:none}
.twtst .vcount .t-count{display:block}
.twtst .tb{float:left;width:55px}
.twtst .t-count{display: none; background-position:0 -145px;float:left;height:20px;padding:0 0 0 8px;margin:0 0 0 3px;_position:relative}
.twtst .t-count button{background-position:right -145px;height:20px;min-width:26px;_width:26px;padding:0 4px 0 0;margin:0 -1px 0 0;_position:relative;display:block;font:bold 12px Arial,Helvetica,sans-serif;color:#2A7090}
.twtst .t-count.enabled:hover,.twtst .t-count-focus.enabled{background-position:0 -166px}
.twtst .t-count.enabled:hover button,.twtst .t-count-focus.enabled button{color:#30566D;text-shadow:0 1px 0 #fff;background-position:right -166px}

.compressed {
  width: 0 !important
}
.expanded {
  width: 180px !important;

  -webkit-animation: expand .3s linear 0s;
  -moz-animation: expand .3s linear 0s;
  -o-animation: expand .3s linear 0s;
  animation: expand .3s linear 0s;

  display: block !important
}
.user_nick {
	right: 45px;
	font-size: 14px;
	position: absolute;
	top: 15px
}
@keyframes expand {
  from {
    width: 0px;
  }
  to {
    width: 180px;
  }
}

@-webkit-keyframes expand {
  from {
    width: 0px;
  }
  to {
    width: 180px;
  }
}

@-o-keyframes expand {
  from {
    width: 0px;
  }
  to {
    width: 180px;
  }
}

@-moz-keyframes expand {
  from {
    width: 0px;
  }
  to {
    width: 180px;
  }
}

@media all and (min-width:1300px){
  .wrp {
    width:1200px;
    max-width:1200px;
  }
  #content, #mbProf{
    width:860px;
  }
  #player.pl_medium, #player.pl_medium embed {
    width:860px;
    height:484px;
  }
  .wrp {
    width:95% !important;
  }
  .description {
    float:left;
    width:640px;
  }

  .info {
    float:right;
    width:180px;
  }
  .details .uploadedOn {
    float:right;
    text-align:right;
    margin-bottom:0;
    margin-top:10px;
  }
  .details h1 {
    float:left;
    margin: 0 0 10px;
    max-width:640px;
    width:auto;
  }
  .blogContent .boxHead {
    width:90%;
  }
  .userDashboard #gFb img{
    width:auto;
  }
  .userDashboard .history {
    font-size: 14px;
    float: right;
    width: 680px;
  }

  .userDashboard .blogList .text{
    width:660px;
  }

}

@media all and (max-width:768px){
  .wrp {
    width:95%;
  }
  aside#rel, #content, #mbProf {
    float:none;
    /*width:620px;*/
    margin:0 auto;
  }
  aside#rel {
    margin-top:10px !important;
  }
  aside#rel .blogList .text {
    width:480px;
  }

  .userPage .userBg {
    height: 180px!important;
  }

  .userPage #userFlowBox .avatar {
    top: 0!important;
  }

  .userPage #userFlowBox .avatar img {
    height: 170px;
    width: auto;
  }

  .userPage #userFlowBox .descrCol {
    left: 0!important;
  }

  .userPage .userSubs span:first-child {
    font-size: 8px!important;
  }

  .userPage .userSubs .numbers {
    font-size: 20px!important;
    line-height: 20px!important;
  }

  .userPage #userFlowBox .buzzCol {
    position: absolute;
    top: 120px;
    right: 0;
  }

  .userPage .tabUserFlow ul li span.value>i {
  display: block;
  font-size: 20px;
  line-height: 38px;
  }
  .userPage .tabUserFlow ul li span:first-child {
  display: none;
  }

  .userPage .tabUserFlow ul li:first-child span.value>i, .userPage .tabUserFlow ul li:last-child span.value>i {
    line-height:50px;
  }
  .footer_ads iframe{
    width: 100%;
  }
}

@media all and (max-width:480px){
  .footer_ads, .adTop {display: none}
  #head .searchForm input, .signLogin span {
    display:none;
  }
  #head .searchForm{
    margin-left:5px;
  }
  .signLogin {
      margin-right:5px;
  }
  .wrp, #content, #mbProf {
    width:100%;
  }
  #player.pl_medium, #player.pl_medium embed {
    width:100%;
    height:349px;
  }
  aside#rel, #content, #mbProf {
    float:none;
    width:100%;
    margin:0 auto;
  }

  .details h1, .blogContent .boxHead {
    width:auto;
  }

  .details .user, .details .sharing, .details h1, .details .uploadedOn, .description, .info {
    float:none;
    width:100%;
  }

  .details .uploadedOn {
    text-align:left;
  }

  .info {
    margin-top:10px;
  }

  .details .sharing {
    margin-top: 10px;
  }
 aside#rel .blogList .text {
    width:185px;
  }

  .userDashboard .blogList .text {
    float:none;
    width:auto;
  }

  .category .filter {
    display:none;
  }

  .category .movieList figure {
    float:none;
    width:100%;
  }

  .userDashboard #gFb img{
    width:80px;
  }

  .userDashboard .history {
    width:auto;
    float:none;
  }

  .userDashboard .category figure {
    margin-right:5px;
    width:120px;
  }

  #buzz48 {
    top: 150px !important;
  }

  .footer_ads {
    margin-top:40px !important;
  }

  .content {
    padding: 10px 5px;
  }

  .subscribers .buzzIco {
    padding-right:0 !important;
  }

  /*.wrp .searchMobile {
    display:block;
  }*/
}
#connect {
  overflow: hidden;
  margin-top: 30px
}
#connect a {
  float: left;
  margin-left: 20px;
  width: 269px;
  height: 45px;
  background: url(../images/registration/buttConnSprite.png);
  margin-bottom: 20px
}
#connect a:hover {
  background-position: 0 -45px
}
#connect #googleConn {
  background-position: -270px 0
}
#connect #googleConn:hover {
  background-position: -270px -45px
}
.fa_homereg_form h2 {
  font-size: 20px !important;
  font-weight: 600;
  background: none;
  color: #333 !important;
  margin: 0;
  position: relative !important;
  top: 0 !important;
  padding: 0 0 10px;
  text-transform: initial
}
form li { overflow: hidden}
form ul {list-style: none}
form em {
  font-weight: bold;
  color: #33abdf
}