@font-face {
    font-family: 'franklin-cd';
    src: url('/assets/fonts/Franklin-Gothic-Std-Condensed.otf') format('truetype');
}
@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('/assets/fonts/AvenirNextLTPro-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('/assets/fonts/AvenirNextLTPro-Bold.otf') format('truetype');
}
@font-face {
    font-family: 'FontAwesome';
    src: url('/assets/fonts/FontAwesome.otf') format('truetype');
}
@font-face {
    font-family: 'Didot-Italic';
    src: url('/assets/fonts/Didot-Italic.ttf') format('truetype');
}

img{max-width: 100%;}
.pink{color: #dd1b54;}
.black{color:#000;}
.showblock{display: inline-block !important}
#footer-about{display:none;}
#interstitial_new123, #reskin_new123{overflow:hidden;}
/* Profile Page Menu Button */
.leftcol-container {
	/*width:585px;*/
	/* width: 566px; */
	width: 100%;
	height:auto; 
	float:left;
	margin-bottom:50px;
	min-height:1000px;
}
.rightcol-container {width:320px;height:auto;float:left;padding-top: 38px;padding-bottom: 50px;}
.rightcol-container.is_stuck{margin-top:20px;}
.populartags-container{
  	width: 565px; 
	height: auto;
	background-color:#fff;
	margin:auto;
	font-family: 'Open Sans', sans-serif;
	margin-top:20px;
	color:#5e5e5e;
	float:left;
  	margin-left: 20px;
  	background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #f6f6f6 14%, #f9f9f9 85%, #f6f6f6 100%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(14%,#f6f6f6), color-stop(85%,#f9f9f9), color-stop(100%,#f6f6f6), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#f6f6f6 14%,#f9f9f9 85%,#f6f6f6 100%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#f6f6f6 14%,#f9f9f9 85%,#f6f6f6 100%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#f6f6f6 14%,#f9f9f9 85%,#f6f6f6 100%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#f6f6f6 14%,#f9f9f9 85%,#f6f6f6 100%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

}
.populartags-header {font-size:14px; color: #fff; padding-bottom:5px; text-transform: uppercase; text-align: center;background-color: rgba(0, 0, 0, 0.57);padding: 10px;}
.populartags-header span {font-weight:bold;}

.populartag-title {text-align:center;font-family: 'Roboto Condensed', sans-serif; font-size:22px; color:#5e5e5e;padding:10px;line-height: 20px;}
.populartag-title span {font-size:12px;padding:20px 0;font-family: 'Open Sans', sans-serif; font-weight:normal;line-height: 6px;}

.populartag-by {  color: #000;font-size:11px; position:absolute; margin-top:-60px;}

.populartag-seemore {font-size:11px; text-transform:uppercase;text-align:center;padding:10px 0; float:left; width:560px;}

.icons-container-tags {text-align:center; float:left; width:560px;margin-bottom: 5px;}
.icons-container-insider {text-align:center; float:left; width:250px;margin-top:10px;}

.counter{font-size:11px;display:inline-block;line-height:15px;}

.insiderStory-container {
	width: 560px;
    height: auto;
    margin: auto;
    padding: 15px 0 0 0px;
    font-family: franklin-cd;
    color: #5e5e5e;
    font-size: 25px;
    float: left;
    margin-left: 5px;
}

.insiderStory-header {
	font-family: franklin-cd;
    font-size: 25px;
    color: #000;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.insiderStory-header:before,
.insiderStory-header:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 6px;
    position: relative;
    vertical-align: middle;
    width: 24%;
    margin-bottom: 6px;
}
.insiderStory-header span {font-weight:bold; color:#d40045; font-size:19px; font-style:italic;}

.insiderStory-subcon {
	width: 99%;
    height: auto;
    padding: 15px -1px 0px 6px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.insiderStory-article {width:250px; padding-left:20px;float:right;}
.insiderStory-title {
    font-family: Didot-Italic;
    font-size: 30px;
    color: #000;
    line-height: 35px;
}
.insiderStory-title a:hover {color: #d40045;}
.insiderStory-title a:link {color: rgba(0, 0, 0, 0.8);}
.user-avatar{width: 50px; height: 50px; float:left; position:relative; margin: 10px 5px 10px 10px; }
.img-circle {border-radius: 500px;}
.author-info{
	margin: 3px 0px 10px 0;
    float: left;
    position: relative;
}

.insiderstory-writer {
	font-size: 11px;
    font-family: AvenirNextLTPro-Regular;
    font-weight: normal;
    float: left;
    margin: 12px 0 5px 0;
    line-height: 14px;
    color: #000;
}
a.insiderstory:link {color:#d40045; text-decoration:none;} 
a.insiderstory:visited {color:#d40045;}
.insiderstory-date {font-size:11px;font-family: 'Open Sans', sans-serif; font-weight:normal;float:left;  margin: 20px 0 5px 0;}

.insiderstory-content {font-family: 'Open Sans', sans-serif; font-size: 13px;float:left;width:240px;line-height: 18px;}
.insiderstory-readmore {
	text-decoration: none;
    margin-top: -15px;
    font-family: AvenirNextLTPro-Regular;
    font-size: 11px;
    width: 100%;
    display: block;
} 
.insiderstory-readmore a:hover {color: #d40045;}
.readmore-cont{
	width: 49%;
	display: inline-block;
	float: left;
}
.share-cont{
	width: 49%;
	display: inline-block;
}
.insiderstory-sosmed{
	font-family: FontAwesome;
    font-size: 13px;
    color: #999;
    float: right;
    padding-left: 10px;
    margin-top: -1px;
}
.masonry .comments-wrapper {background:#f4f4f4;float:left;width:96%; padding: 0px 2%;margin-top: 8px;}
.comment-item {border-bottom:1px solid #e5e4e4;padding: 0px 0;float:left; width: 541px;}
.comment-item .replycomment-btn {display:none;}
.comment-item:hover .replycomment-btn {display:inline-block;}
.comment-item:hover {cursor:pointer;}

.comment-avatar {width:30px;height:30px;border: 3px solid #fff;loat:left;margin-left: 2px;}
 
.comment-form{display:none !important;}
.comments-text {width: 400px;font-size: 11px;color:#000;float:left;margin: 4px 0px 0px 13px;}
.comments.divider {border-top: 1px solid #dfdfdf;} 
.comment-avatar {/* float:left; */ margin:1px 3px 1px 1px;width: 30px;height: 30px;border: 3px solid #fff;float: left;margin: 8px 0 0 2px;/* display: inline-block; */}
.comment-body { /* width: 433px; */ font-size: 11px;line-height: 14px;color: #000;float: left;margin: 13px 0px 0px 15px;font-family: "Open Sans", sans-serif;}
.comment-enter {font-size:9px;line-height:13px;color:#999;margin-top:1px;}

.comment-body textarea {
	/* width: 444px; */
	width: 160px;
	height: 25px;
	resize: none;
	border: 0px solid #ccc;
	font-family: AvenirNextLTPro-Regular;
	font-size:11px;
	padding:2px;-webkit-appearance: none;
	background-color: transparent;
}
.comment-body textarea:focus {outline-width: 0;}
.comment-body textarea.disabled {color:#999;}

.insider-relatedStories {
	width: 100%;
	text-align:center;
	float:left;
	/*margin-top: 50px;*/
	margin-top: 30px;
    margin-bottom: 10px;
}
h6 {
	font-family: AvenirNextLTPro-Regular;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
h6:before, h6:after {
    background-color: #e5e4e4;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

h6:before {right: 0.5em;margin-left: -50%;}

h6:after {left: 0.5em;margin-right: -50%;}

.ci-relatedStories-Container{
	display: inline-block;
    padding: 10px 0px 15px 0px;
    border-bottom: 1px solid #dedede;
    width: 100%;
}
.ci-relatedStories-Container:last-child { border-bottom: none; }
.ci-relatedStories-text{
    width: 70%;
    padding-left: 15px;
    height: 70px;
    display: table;
}
.relatedStories-txtdesc{
	display: table-cell;
    vertical-align: middle;
}
.ci-relatedStories-img {width:70px;height:70px;float:left;overflow:hidden;}
.ci-relatedStories-img img  {-webkit-transform: translate3d(0,0,0) scale(1);	-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;transition: opacity 0.35s, transform 0.5s;opacity:1;}
.ci-relatedStories-img:hover img {-webkit-transform: translate3d(0,0,0) scale(1.08);
	transform: translate3d(0,0,0) scale(1.08);opacity:0.5;}
.ci-relatedStories-caption{
	font-family: Didot-Italic;
    font-size: 18px;
    color: #000;
    width: 400px;
    vertical-align: middle;
    line-height: 19px;
    padding-bottom: 5px;
}
.ci-relatedStories-caption a, .ci-relatedStories-date a  {text-decoration: none; color:#000;}
.ci-relatedStories-caption a:hover, .ci-relatedStories-date a:hover {color:#d40045;}
.ci-relatedStories-date {
	font-family: AvenirNextLTPro-Regular;
    font-size: 12px;
    color: #666;
}
.ci-divider {border-bottom:1px solid #dfdfdf; width:560px; margin-top:2px;float:left;}
.ci-divider-insider-story{
	border-bottom: solid 6px #000;
    width: 559px;
    float: left;
    margin-left: 5px;
    margin-top: 40px;
}

.userpost-container {
	width: calc(898px/3);
	height: auto;
	background-color:#fff;
	/* margin: 10px; */
	/* padding: 25px 0 0 25px; */
	/* padding: 25px 0 0 5px; */
	font-family: 'Open Sans', sans-serif;
	color:#5e5e5e;
	float: left;
	/* -webkit-box-shadow: 0px 0px 4px 1px #c4c4c4; 
	box-shadow: 0px 0px 4px 1px #c4c4c4; */
	overflow: hidden;
}
.loop-entry {
	-webkit-box-shadow: unset;
	box-shadow: unset;
}
.insiderStory-top-container{
	width: 100%;
    display: block;
}
.insiderStory-desc-container{
	width: 51%;
    display: inline-block;
    margin-left: 15px;
}
.userpost-info-container{float:left; width:100%;}
.userpost-info-text {
	float: left; 
	/* margin: 10px 0px 5px 5px; */
	margin: 10px 10px 10px 5px;
	font-size: 13px;
	display: inline-block;
	font-family: AvenirNextLTPro-Bold;
	/* width: 185px; */
	height: 50px;
	width: calc(100% - 80px);
}
.userpost-1-img{
	float:left;
	width:100%;
	height:auto;
	/* margin: 20px 0 23px 25px; */
	margin: 0;
	position:relative;
	overflow: hidden;
	background: #fff;
	cursor: pointer;
}
.userpost-1-caption {
	float:left; 
	/* width:260px; */
    width: calc(100% - 30px);
	font-size: 14px;
	/* margin: 10px 0 0px 25px; */
	margin: 10px;
	padding: 0 5px;
	line-height: 19px;
	color: #000; 
	font-family: AvenirNextLTPro-Regular;
    /* display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}
.userpost-1-caption > a:link{text-decoration:none;color: #000;}
.userpost-1-caption > a:hover{color:#dd1b54;text-decoration:none;}

.userpost-2-img-container{float:left;width:610px; height:300px;margin:5px 0 15px 0;}
.userpost-2-img{float:left;width:300px; height:300px;margin:0 0 15px 0;position:relative;overflow: hidden;background: #000;cursor: pointer;z-index: 1;}

.userpost-3-img-container{float:left;width:915px; height:300px;margin:5px 0 15px 0;}
.userpost-3-img{float:left;width:300px; height:300px;margin:0 0 15px 0; position:relative;position:relative;overflow: hidden;background: #000;cursor: pointer;z-index: 1;}
.userpost-3-img span{position: absolute;background-color: rgba(0,0,0,0.7);top: 0;width: 100%;height: 100%;right: 0px;}

.userpost-1-img .userpost-addBtn, .userpost-1-img .userpost-buySimilarBtn  {display:none;}
.userpost-1-img:hover .userpost-addBtn,.userpost-2-img:hover .userpost-addBtn,.userpost-3-img:hover .userpost-addBtn  {float: left;display: block;width: 138px;height: 25px;background: url('/cd/img/cd-sprite.png?nf3') no-repeat -347px -187px;cursor: pointer;position: relative;}

.userpost-1-img:hover .userpost-addBtn{left: 122px;bottom: 123px;}
.userpost-2-img:hover .userpost-addBtn{left: 72px;bottom: 164px;}
.userpost-3-img:hover .userpost-addBtn{left: 26px;bottom: 117px;}

.userpost-1-img:hover .userpost-buySimilarBtn,.userpost-2-img:hover .userpost-buySimilarBtn , .userpost-3-img:hover .userpost-buySimilarBtn  {float: left;display: inline-block;width: 137px;cursor: pointer;height: 25px;background: url('/cd/img/cd-sprite.png?nf3') no-repeat -347px -121px;position: relative;left: -13px;bottom: 191px;}

.userpost-1-img:hover .userpost-buySimilarBtn{left: -16px;bottom: 91px;}
.userpost-2-img:hover .userpost-buySimilarBtn{left: -67px;bottom: 133px;}
.userpost-3-img:hover .userpost-buySimilarBtn{left: 26px;bottom: 113px;}

.userpost-1-img:hover .userpost-addBtn:hover, .userpost-2-img:hover .userpost-addBtn:hover, .userpost-3-img:hover .userpost-addBtn:hover {background: url('/cd/img/cd-sprite.png?nf3') no-repeat -347px -220px;}
.userpost-1-img:hover .userpost-buySimilarBtn:hover, .userpost-2-img:hover .userpost-buySimilarBtn:hover, .userpost-3-img:hover .userpost-buySimilarBtn:hover {background: url('/cd/img/cd-sprite.png?nf3') no-repeat -347px -152px;}

.photo-count {font-family: 'Open Sans',serif;font-size: 50px; color:#fff;/* top: -40px; */margin-top: 48px;margin-left: 65px;}


.userpost-name {display:inline-block; font-weight:bold; margin: 8px 0; }
.userpost-name a {color: #000; text-decoration: none;}
.userpost-onto {text-transform:uppercase;display:inline-block;}
.userpost-date {
	float: left;
	font-family: AvenirNextLTPro-Regular;
	font-size: 10.5px;
	/* margin-top: 5px; */
}

.userpost-caption-username {
    color: #000;
    text-decoration: none;
    font-family: AvenirNextLTPro-Bold;
}
.userpost-caption-username:hover {
    color: #000 !important;
}

.userpost-avatar-ambassador {position: absolute; width: 22px;width: 9;height: 14px;z-index: 1; margin:8px;}

.heartbeat-icon-masonry {
	background: url("/cd/img/cd-sprite.png?nf3") -279px -15px;
    cursor: pointer;
	height: 15px;
	position: relative;
	display: block;
	width: 25px;
	font-size: 10px;
	right: 35px;
	float: right;
	margin-top: 30px;

}

.heartbeat-icon-masonry-text {
	margin-top: 2px;
	margin-left: 2px;
	display: block;
}

.populartag-img-sq  {width:180px;height:180px;float:left;position:relative;overflow: hidden;background: #000; cursor: pointer;z-index: 1;
	display: inline-block; margin-right: 1px;}

.home-insider{
	background-color: #E8E7E7;
	float: left;
    width: 100%;
}

.author-name{
	font-family: AvenirNextLTPro-Bold;
}
.author-badge{
	font-size: 22px;
    font-family: Didot-italic;
    color: #000;
}

.insider-img {
	width: 45%;
    /*height: 260px;*/
    float: left;
    /*position: relative;*/
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    z-index: 1;
    display: inline-block;
}

.populartag-img-sq-margin {margin-left:5px;}

.populartag-img-sq img, .insider-img img, .userpost-1-img img,.userpost-2-img img, .userpost-3-img img {
	/* -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; */
	transition: opacity 0.5s linear;
	-webkit-transform: scale(1);
	transform: scale(1);
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
}

.populartag-img-sq:hover img, .insider-img:hover img, .userpost-1-img:hover img, .userpost-2-img:hover img, .userpost-3-img:hover img {
	/* opacity: 0.25;
	-webkit-transform: scale(1.24);
	transform: scale(1.24); */
	-webkit-transform: translate3d(0,0,0) scale(1.08);
	transform: translate3d(0,0,0) scale(1.08);
	opacity:0.5;
}

.populartag-img-sq a.like-button, 
.insider-img a.like-button, 
.userpost-1-img a.like-button, 
.userpost-2-img a.like-button, 
.userpost-3-img a.like-button {
    bottom: unset;
    right: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.populartag-img-sq:hover a.like-button, 
.insider-img:hover a.like-button, 
.userpost-1-img:hover a.like-button, 
.userpost-2-img:hover a.like-button, 
.userpost-3-img:hover a.like-button {
    display: block;
}

.populartag-img-sq figcaption::before, .insider-img figcaption::before, .userpost-1-img figcaption::before, .userpost-2-img figcaption::before, .userpost-3-img figcaption::before {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.populartag-img-sq figcaption::before,.populartag-img-sq p, .insider-img figcaption::before,.insider-img p, .userpost-1--img figcaption::before,.userpost-1-img p{
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.populartag-img-sq p, .insider-img p, .userpost-1-img p {
margin: 0 auto;
-webkit-transform: scale(1.3);
transform: scale(1.3);
margin-top: -105px;
text-align: center;
color: #fff;
font-size: 12px;
position: absolute;
width: 184px;
line-height:15px;
}

.insider-img p {width: 260px;margin-top: -155px;text-decoration:none;font-size: 12px; }

.populartag-img-sq figcaption::before,.populartag-img-sq:hover p, .insider-img figcaption::before,.insider-img:hover p, .userpost-1-img figcaption::before,.userpost-1-img:hover p  {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.contest-container, .clozetters2follow {
	width: 322px;
	border:1px solid #E8E7E7;
	height:auto; 
	padding: 5px 7.5px; 
	float:left;
}

.contest-container{
	margin-top: 20px;
}

.clozetters2follow {
	padding: 5px 7.5px 10px;
}

.contest-header {
	margin: auto;
    float: left;
    font-family: franklin-cd;
    font-size: 20px;
    color: #5e5e5e;
    text-transform: uppercase;
    width: 322px;
    text-align: center;
    border-bottom: 1px solid #e5e4e4;
    padding-bottom: 5px;
    padding-top: 5px;
}
.contest-list {width: 100%;float:left;padding:2px 0; border-bottom:1px solid #e5e4e4;}
.contest-list:last-child { border-bottom: none; }

.contest-thumbnail {width:100%; height:auto;}
.contest-des-container {float:left;width:155px;margin-top: 10px;}
.contest-title {text-align:center;font-family: 'Roboto Condensed', sans-serif; font-size:13px; color:#5e5e5e; font-style: italic;padding-bottom:5px;}
.contest-text {text-align:center;font-family: 'Open Sans', sans-serif; font-size: 12px; color:#5e5e5e; line-height:17px;}
.contest-text span{text-transform:uppercase;font-size:16px;}

.joinNow-btn{
	display:inline-block;color:#000;font-size:13px;font-family: 'AvenirNext-Regular', sans-serif;
	text-transform:uppercase;padding: 3px 0px;width: 130px;text-align: center;text-decoration:none;border: 1px solid #000;margin-top: 5px;white-space: nowrap;margin-left: 15px;
}

.joinNow-btn:hover {background-color: #000;display:inline-block;color:#fff;cursor:pointer;}

.moreContest-btn {
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-family: AvenirNextLTPro-Regular;
	text-transform:uppercase;
	width:339px;
	height: 30px;
	text-decoration:none;
	white-space: nowrap;
	background-color:#5e5e5e;
	float:left;
	text-align:center;
	line-height: 32px;
}
.moreContest-btn:hover {background-color: #000;display:inline-block;color:#fff;cursor:pointer;}
.mrect {width:300px;height:250px;margin: 25px 0 20px 3px;float: left;}
.advertisement-text {
	text-align: center;
	font-family: 'AvenirNext-Regular', sans-serif;
	font-size:10px;
	text-transform:uppercase;
	margin-left:3px;
}

.features-container {width: 275px;border:1px solid #e5e4e4;height:auto; padding: 5px 15px; float:left;margin-top:20px;}
.features-thumbnail {width:275px;height:275px;float:left; padding: 15px 0 30px 0;margin-top: 15px;margin-bottom: -30px;}
.features-des {text-align:center;font-size:12px;padding: 0 0 15px 0;color:#5e5e5e; line-height:17px;font-family: 'Open Sans', sans-serif;}
.features-slider-container {float:left;width:275px; text-align:center;margin-top: -35px;}
.features-container .pagination {display:inline-block;width:100%; text-align:center;margin-top: -35px;padding-bottom:15px;}
.features-slider, .features-container .pagination li {width:20px; height:20px;color: #5e5e5e; font-family: 'Open Sans', sans-serif; font-size:12px;text-align:center;margin:0 3px; display:inline-block;line-height:21px;border: 1px solid #5e5e5e;}
.features-slider:hover, .features-container .pagination li.current {cursor:pointer;background-color: #5e5e5e;color:#fff;}
.features-container .pagination li.current a{color:#fff;}

.features-prev, .features-next {position: relative;top: -150px;left: 0px;width: 18px;z-index: 5;}
.features-next {left: 227px;}

.icons-container-posts {float:left; width:290px; background-color: #fff; height:40px;   position: relative;overflow: hidden;}
.icons-container-posts-IS {float:left; width: 288px; background-color: transparent; height: 40px;   position: relative;overflow: hidden; margin-top:5px;margin-left: -15px;}

.heartBtn span{ position: absolute;
bottom: -91px;
background: #9C9C9C;
color: #fff;
font-size: 11px;
display: block;
width: 694px;
line-height: 17px;
transition: all .4s ease-out;
height: 50px;
margin-left: -10px;
z-index:10;
}
.heartBtn:hover span{bottom: -7px;cursor:pointer;}

.heartBtn {z-index:1; position: relative; width: 28px; height: 23px;  background: url("/cd/img/heart-icon-v.png"); float:left;  margin-right:3px; margin: 8px 2px 10px 8px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;opacity:0.8;}
.heartBtn:hover {
	cursor:pointer;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
	opacity:1;
	margin-right:2px;
	}
.counter{font-size:12px;display:inline-block;float:left;margin-top: 15px;margin-left:-2px;}
.shareBtn { position: relative; z-index:0;width:17px; height: 15px;  background: url("/cd/img/share-btn.png"); float:left; margin: 10px 2px 10px 43px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.shareBtn:hover { cursor:pointer; -webkit-transform: translate3d(0,0,0) scale(0.85);transform: translate3d(0,0,0) scale(0.85);opacity:1;margin-right:2px;}

.heartBtn span .omg-btn {background: url("/cd/img/cd-sprite.png?nf3") -203px -47px;cursor: pointer;height: 17px;position: absolute;display:none;width: 34px;font-size: 11px;margin-top: -70px; margin-left: 118px;}
.heartBtn:hover span .omg-btn:hover, .heartBtn:hover span .omg-btn.reacted {background: url("/cd/img/cd-sprite.png?nf3") -364px -47px;cursor: pointer;}
.heartBtn:hover span .omg-btn, .heartBtn:hover span .wantBtn, .heartBtn:hover span .clozette-like-btn, .heartBtn:hover span .kissBtn, .heartBtn:hover span .hugsBtn, .heartBtn:hover span .fb-likeBtn    {display:inline-block;margin-top: 20px; }

.heartBtn:hover span .omg-btn .counter, .heartBtn:hover span .wantBtn .counter, .heartBtn:hover span .clozette-like-btn .counter, .heartBtn:hover span .kissBtn .counter, .heartBtn:hover span .hugsBtn .counter, .heartBtn:hover span .fb-likeBtn .counter{display:inline-block;margin: 7px 0 0px 37px;font-size:11px;color:#fff;font-family: 'Open Sans', sans-serif;}

.heartBtn  span .wantBtn {background: url("/cd/img/cd-sprite.png?nf3") -247px -47px;cursor: pointer;height: 17px;position: absolute;display:none;width: 48px;font-size: 11px;margin-top: -70px; margin-left: 195px;}
.heartBtn:hover  span .wantBtn:hover, .heartBtn:hover  span .wantBtn.reacted {background: url("/cd/img/cd-sprite.png?nf3") -403px -47px;cursor: pointer;}

.heartBtn:hover span .wantBtn .counter {margin: 7px 0 0px 43px;}
.heartBtn:hover span .clozette-like-btn .counter {margin: 7px 0 0px 26px;}
.heartBtn:hover span .kissBtn .counter {margin: 7px 0 0px 31px;}
.heartBtn:hover span .hugsBtn .counter {margin: 5px 0 0px 46px;}
.heartBtn:hover span .fb-likeBtn .counter {margin: 7px 0 0px 57px;position:absolute;bottom:-6px;}

.heartBtn span .clozette-like-btn {background: url("/cd/img/cd-sprite.png?nf3") -204px -72px;cursor: pointer;width: 23px;height: 20px;position: absolute;display:none;font-size: 11px;margin-top: -56px; margin-left: 47px;}
.heartBtn:hover span .clozette-like-btn:hover, .heartBtn:hover span .clozette-like-btn.reacted {background: url("/cd/img/cd-sprite.png?nf3") -362px -72px;}

.heartBtn:hover span .clozette-like-btn {display:inline-block;margin-top: 20px; }
.heartBtn:hover span .clozette-like-counter {display:inline-block;margin: 7px 0 0px 37px;font-size:11px;color:#fff;font-family: 'Open Sans', sans-serif;}

.heartBtn:hover span .kissBtn {display:inline-block;margin-top: 19px; }
.heartBtn:hover span .hugsBtn {display:inline-block;margin-top: 22px; }
.heartBtn:hover span .fb-likeBtn {display:inline-block;margin-top: 14px; }

.heartBtn span .kissBtn {background: url("/cd/img/cd-sprite.png?nf3") -240px -72px;cursor: pointer;width: 26px;height: 19px;position: absolute;display:none;font-size: 11px; margin-left: 283px;}
.heartBtn:hover span .kissBtn:hover, .heartBtn:hover span .kissBtn.reacted  {background: url("/cd/img/cd-sprite.png?nf3") -403px -72px;}

.heartBtn span .hugsBtn {background: url("/cd/img/cd-sprite.png?nf3") -302px -48px;cursor: pointer;width: 40px;height: 16px;position: absolute;display:none;font-size: 11px; margin-left: 356px;}
.heartBtn:hover span .hugsBtn:hover, .heartBtn:hover span .hugsBtn.reacted {background: url("/cd/img/cd-sprite.png?nf3") -456px -48px;}

.heartBtn span .fb-likeBtn {/*background: url("/cd/img/cd-sprite.png?nf3") -282px -72px;*/cursor: pointer;width: 57px;height: 22px;position: absolute;display:none;font-size: 11px; margin-left: 445px;}
.heartBtn:hover span .fb-likeBtn:hover {/*background: url("/cd/img/cd-sprite.png?nf3") -444px -72px;*/}
.heartBtn span .fb-likeBtn > span{margin:0;overflow:hidden;}

.postdate {font-size: 10px;color: #757474;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.replycomment-btn{
	display:inline-block;
	color: rgba(130, 127, 127, 0.85);
	font-size:11px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	padding: 5px 10px;
	text-decoration:none;
	border: 1px solid #D0CACA;
	margin-top: 3px;
	white-space: nowrap;
	margin-left: 25px;
}

.replycomment-btn:hover {background-color: rgba(0, 0, 0, 0.28);display:inline-block;color:#fff;cursor:pointer;}

.shareBtn span{ position: absolute;
right: -214px;
background: #9C9C9C;
color: #fff;
font-size: 11px;
display: block;
width: 170px; 
line-height: 17px;
transition: all .4s ease-out;
height: 57px;
margin-left: -142px;
/* z-index:10; */
top: -18px;}

.shareBtn:hover span{right:-30px;cursor:pointer;width: 170px;top: -15px;}

.shareBtn span .shareFB {background: url("/cd/img/cd-sprite.png?nf3") -233px -93px;cursor: pointer;width: 23px;height: 30px;position: absolute;display:none;font-size: 11px;margin-top: -70px; margin-left: 23px;-webkit-transform: translate3d(0,0,0) scale(1);}
.shareBtn:hover span .shareFB  {display: inline-block;margin-top: 10px;}

.shareBtn span .shareTwitter{background: url("/cd/img/cd-sprite.png?nf3") -269px -98px;cursor: pointer;width: 32px;height: 26px;position: absolute;display:none;font-size: 11px;margin-top: -70px; margin-left: 58px;-webkit-transform: translate3d(0,0,0) scale(1);}
.shareBtn:hover span .shareTwitter {display: inline-block;margin-top: 16px;}

.shareBtn span .sharePin{background: url("/cd/img/cd-sprite.png?nf3") -320px -96px;cursor: pointer;width: 24px;height: 25px;position: absolute;display:none;font-size: 11px;margin-top: -70px; margin-left: 104px;-webkit-transform: translate3d(0,0,0) scale(1);}
.shareBtn:hover span .sharePin {display: inline-block;margin-top: 16px;}


.shareBtn:hover span .shareFB:hover, .shareBtn:hover span .shareTwitter:hover, .shareBtn:hover span .sharePin:hover
 {margin-right:2px;cursor:pointer; -webkit-transform: translate3d(0,0,0) scale(1.2);transform: translate3d(0,0,0) scale(1.2);opacity:1;} 

.footer {
	float: left;
    margin-top: 20px;
    border-top: 1px solid #e8e7e7;
    width: 322px;
    border-bottom: 1px solid #e8e7e7;
    padding: 5px 8.5px;
}

.footer-sosmed{
	font-family: FontAwesome;
    font-size: 13px;
    color: #5E5E5E;
    padding-right: 14px;
}

.footer-envelope{
	font-family: FontAwesome;
    font-size: 13px;
    color: #5E5E5E;
    display: inline-block;
}

.newsfeed-footer{
	font-size: 13px;
    color: #5e5e5e;
    padding: 10px 15px 10px 10px;
    float: left;
    font-family: AvenirNextLTPro-Regular;
}
a.newsfeed-footer:hover {color:#000;text-decoration:none;}
a.newsfeed-footer:link {text-decoration:none;color:#666;}

.followus-section {
	margin-top: 10px;
	float: left;
}
.followus-section a i.nf-fb-icon {
	width: 18px;
	height: 16px;
	background: url("/cd/img/cd-sprite.png?nf4") -344px 0px;
}

.followus-section a {
	float:left;
}

.followus-section  a i {
	display: block;
}

.followus-section a i.nf-fb-icon:hover {
		background: url("/cd/img/cd-sprite.png?nf4") -344px -25px;
}

.followus-section a i.twitter-icon {
	width: 28px;
	height: 23px;
	background: url("/cd/img/cd-sprite.png?nf4") -365px 0px;
}

.followus-section a i.twitter-icon:hover {
	background: url("/cd/img/cd-sprite.png?nf4") -365px -25px;
}

.followus-section a i.instagram-icon {
	width: 27px;
	height: 23px;
	background: url("/cd/img/cd-sprite.png?nf4") -393px 0px;
}

.followus-section a i.instagram-icon:hover {
	background: url("/cd/img/cd-sprite.png?nf4") -393px -25px;
}

.followus-section a i.youtube-icon {
	width: 20px;
	height: 23px;
	background: url("/cd/img/cd-sprite.png?nf4") -422px 0px;
	margin-top:-2px;
}

.followus-section a i.youtube-icon:hover {
	background: url("/cd/img/cd-sprite.png?nf4") -422px -25px;
}

.footer-email{
	float: right;
    margin-top: 7px;
}
.masonry-newsfeed {background-color: #fff !important}
.masonry-newsfeed .message-icon {
	width: 17px;
	height: 14px;
    display: inline-block;
	background: url("/cd/img/cd-sprite.png?nf4") -200px -32px;
}

.masonry-newsfeed .message-icon:hover {
	width: 17px;
	height: 14px;
	background: url("/cd/img/cd-sprite.png?nf4") -223px -32px;
}
.footer-email-text{
	float: left;
	font-family: AvenirNextLTPro-Regular;
    font-size: 10px;
    color: #5E5E5E;
    margin-top: 2px;
}
a.footer-email-text:link {text-decoration: none;}
.footer-logo {
    float: left;
    background: url(/cd/img/cd-sprite.png?nf4) -307px 0px;
    width: 19px;
    height: 19px;
    margin-top: 7px;
    margin-left: 20px;
}
.newsfeed-copyright {
	font-size: 10px;
    color: #5E5E5E;
    float: left;
    margin-left: 8px;
    margin-top: 12px;
    font-family: AvenirNextLTPro-Regular;
}

.mynewsfeed-title {
    overflow: hidden;
    text-align: center;
    font-family: franklin-cd;
    font-size:25px;
    font-weight:normal;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:#000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* width: 102.7%; */
	width: 100%;
    /* margin-left: -15px; */
    margin-top: 10px;
	margin-bottom: 20px;
}
.mynewsfeed-title:before,
.mynewsfeed-title:after {
    background-color: #E8E7E7;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.mynewsfeed-title:before {
    right: 0.5em;
    margin-left: -50%;
}
.mynewsfeed-title:after {
    left: 0.5em;
    margin-right: -50%;
}
.mynewsfeed-title span {font-weight:bold;}
.related-insider{
	margin-bottom: -30px;
}
.newsfeed-ad-container {
	float:left;
	/* width:290px; */
    width: calc(898px/3);
	height:250px; 
	background-color: #F8F8F8;
	/* margin:4px; */
}
.newsfeed-mrec {
	/* width:300px; */
    width: calc(918px/3);
	height:250px;
	margin:0;
	padding:0;
}
.newsfeed-ad-txt {float:left;text-transform:uppercase;font-family: 'Open Sans', sans-serif; font-size: 10px; letter-spacing: 1px;margin-top: -14px;margin-left: 330px;font-weight: bold;color: rgba(0, 0, 0, 0.66);}

.masonry { 
	/*width: 1007px; 
	margin: 0 auto; 
	background-color: #efefef; 
	font-family: 'Open Sans', sans-serif;*/
	width: 940px;
	height: auto;
	background-color: #fff;
	/* margin: 0 0 0 15px; */
	margin: 0;
	position: relative;
	max-width: 100%;
}

.container.mpu {
	width: 337px;
    border: 1px solid #e8e7e7;
    margin-left: 0px;
    text-align: -webkit-center;
    vertical-align: middle;
}
.clozette-masthead { 
    margin-top: 0; 
    width: 100%;
    text-align: center;
    display: none;
    margin-bottom: 30px; 
    position: relative;
}
.cz-slider-container {
    display: flex;
    text-align: center;
    margin: auto;
    align-items: center;
    justify-content: center;
    position: relative;
}
.cz-slider {
    float: left;
    width: 940px;
    margin: 0 15px;
}
.cz-slider img {
    max-width: unset;
    /* width: 100%; */
    width: 940px;
    height: 420px;
}
.cz-slider-container .slick-arrow,
.cz-slider-container .slick-prev,
.cz-slider-container .slick-next {
    position: absolute;
    opacity: 0;
}
.cz-slider-container .slick-slide:not(.slick-active) img {
    opacity: 0.3;
}
.cz-slider-container .slick-dots {
    z-index: 2;
    bottom: -35px;
    display: inline-block;
    width: auto;
    padding: 0 10px;
    background: #fff;
}
.cz-slider-container .slick-dots li {
    margin: 0;
}
.cz-slider-container .slick-dots li button:before {
    font-size: 8px;
}
.cz-slider-container .left-slick-arrow, 
.cz-slider-container .right-slick-arrow {
    bottom: -30px;
    background: #fff;
    z-index: 2;
}
.cz-slider-container .left-slick-arrow {
    left: calc((100% - 940px) / 2);
    padding-right: 10px;
}
.cz-slider-container .right-slick-arrow {
    right: calc((100% - 940px) / 2);
    padding-left: 10px;
}
.clozette-masthead .more-articles-container {
    float: unset;
    margin: auto;
    position: relative;
    top: 24px;
}

/* POPUP COMMENTS */
.masonry-newsfeed .popup-comments-container{
	margin-bottom: 10px;
	margin-top: 15px;
}

.masonry-newsfeed .popup-comments-header {
	width:570px;
	padding:10px 20px;
	background-color: #eeeded;

}

.masonry-newsfeed .popup-comments-header-text {
	font-family: 'AvenirNext', sans-serif;
	font-size: 13px;
 	color:#000;
	text-transform:uppercase;
}

.masonry-newsfeed .popup-comment-box, .masonry-newsfeed .popup-mycomment-box {
	width: 559px;
	height: auto;
	overflow: hidden;
	position: relative;
}

.popup-comment-box {
	display: none;
}

.masonry-newsfeed .popup-replied-comments-box {
	width: 495px;
	height:auto;
	margin: 0 24px 0 64px;	
	padding: 0;
	overflow:hidden;
	background-color:#f6f5f5;
	max-height: 450px;
	overflow-y: visible;
}

.masonry-newsfeed .popup-replied-comments-box::-webkit-scrollbar-corner {
	background: transparent;
}

.masonry-newsfeed .popup-replied-comments-box::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid transparent;
border-width: 0 0 0 4px;
}

.masonry-newsfeed .popup-replied-comments-box::-webkit-scrollbar-button {
height: 0;
width: 0;
}

.masonry-newsfeed .popup-replied-comments-box::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2);
background-clip: padding-box;
border: solid transparent;
border-width: 1px 1px 1px 6px;
min-height: 28px;
padding: 100px 0 0;
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}

.masonry-newsfeed .popup-replied-comments-box::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 16px;
}

.masonry-newsfeed .thread-reply {
	width: 570px;
	height: auto;
	/* margin: 0 24px 10px 64px; */
	padding: 0;
	overflow: hidden;
	background-color: transparent;
}

.masonry-newsfeed .thread-reply > ul {
	width: 545px;
	margin: 0 10px 0 0;
	padding: 15px 0;
}

.masonry-newsfeed .thread-reply ul ul {
	width: 485px;
}

.masonry-newsfeed .thread-reply textarea {
	width: 495px !important;
}

.masonry-newsfeed .popup-replied-comments-box > .popup-comment-box {
	width: auto;
	position: relative;
}

.masonry-newsfeed .popup-reply-btn-container {
	visibility: hidden;
	display: block;
}

.masonry-newsfeed .popup-comment-box:hover > .popup-reply-btn-container {
	visibility: visible;
}

/* this will hide the reply and 
.masonry-newsfeed .popup-replied-comments-box > .popup-comment-box > .popup-reply-btn-container {
	display: none;
}
*/

.masonry-newsfeed .popup-comment-box-line {
	border-top-width:1px; border-top-style:solid; border-top-color:rgba(0, 0, 0, 0.05);
}

.masonry-newsfeed .popup-comemnts-profile-pic, .masonry-newsfeed .popup-my-profilepic, .masonry-newsfeed .popup-replied-profilepic {
 	width: 28px;
 	height: 28px;
 	float:left;
 	border: 3px solid #fff;
 	float: left;
 	/* margin: 8px 0 0 2px; */
}

.masonry-newsfeed .popup-comemnts-profile-pic {
	margin: 5px 5px 0 5px;
}

.masonry-newsfeed .popup-comemnts-profile-pic img, .masonry-newsfeed .popup-my-profilepic img {
 	width: 100%;
}

.masonry-newsfeed .popup-replied-profilepic {
 	margin-left:10px;
}
 
.masonry-newsfeed .popup-reply-btn-container, .masonry-newsfeed .popup-comments-btn-container {
 	float:right;
 	margin: 5px 10px 0px 0px;
}

.masonry-newsfeed .popup-replied-comments-box .popup-reply-btn-container {
	position: absolute;
	right: 0;
}

.masonry-newsfeed .popup-reply-btn {
	display:inline-block;
	color: rgba(130, 127, 127, 0.85);
	font-size:11px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	padding: 5px 10px;
	text-decoration:none;
	border: 1px solid #D0CACA;
	margin-top: 3px;
	white-space: nowrap;
	margin-left: 5px;
}

.masonry-newsfeed a#comment-photo, .masonry-newsfeed a#comment-upload {
	display: none;
}
 
.masonry-newsfeed .popup-reply-btn:hover {
	text-decoration:none;
	background: rgba(0, 0, 0, 0.5);
	display:inline-block;
	color:#fff;
} 
 
.masonry-newsfeed .popup-mycomments-container {
	width: 660px;
	height:auto;
	background-color:#fff;
	float:left;
}
 
.masonry-newsfeed .comentstextbox-container {
	margin-left:10px; 
 	float:left;
 	width: 485px;
}

.masonry-newsfeed .comentstextbox-container.comment-box {
	width: 550px;
}

.masonry-newsfeed .smileys ul {
	float: right;
	clear: both;
	display: none;
}

.masonry-newsfeed .comentstextbox-container textarea {
	right: 15px;
	width: 540px;
	max-width: 560px;
	height: 43px;
	padding: 5px 0 0 10px;
	margin: 0 0 10px 0;
	border: 0px;
	font-size: 11px;
	line-height: 20px;
	background-color: #f6f6f6;
}

.masonry-newsfeed .comentstextbox-container textarea:focus {
	outline: none !important;
    box-shadow: 0 0 2px #c8c6c6;
}

.masonry-newsfeed .comentstextbox-container ul {
	text-align: right;
}

.masonry-newsfeed .comentstextbox-container ul li.smileys {
	display: block;
}

.masonry-newsfeed .comentstextbox-container ul li {
	display: inline-block;
}

.items-list-user-profile-name{ 
	font-family: AvenirNextLTPro-Regular; 
	margin: 7px 5px 0 5px;
	float: left; 
	line-height: 14px; 
	font-size:11px;
	max-width: 435px;
}
.popup-username {font-family: AvenirNextLTPro-Bold;font-weight:bold;font-size:11px;}
.tags-img-container {float:left;width: 550px;margin-left: 12px;}
#item-modal-content .items-list-user-profile-name{width:auto;}

.followers-tab-container {
	float:left;
	margin-top: 10px; 
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e4e4;
	width:100%;
	height: 24px;
	text-align: center;
}
.followers-tab {
	display: inline-block;
    font-size: 12px;
    padding: 0px 5px 0px 5px;
    color: #999;
    font-family: AvenirNextLTPro-Regular;
}
.active {
	font-weight:bold;
}
.followers-tab:hover {
	border-bottom:1px solid #474646;
	cursor:pointer;
	padding: 0px 5px 11px 5px;
	color: #000;
	font-weight: 900;
    /*font-family: AvenirNextLTPro-Bold;*/
}

.followers-des {
	clear: both;
    text-align: center;
    font-size: 12px;
    padding: 5px 0px 15px 0;
    color: #5e5e5e;
    line-height: 17px;
    font-family: AvenirNextLTPro-Regular;
}
.followers-img {
	width: 130px;
	height: 130px;
	display:inline-block;
	padding-right: 10px;
	position: relative;
	overflow: hidden;
	padding-bottom: 13px;
}
.followers-img.even{padding-right: 0;}
.followers-img span {display: block;position: absolute;width: 116px;height: 116px;left: 7px;top: 7px;background: rgba(255,255,255,0.9);color: rgba(0, 0, 0, 0.61);font-size:11px;line-height: 17px;transition: all .3s ease-out;border-radius: 50%;opacity: 0;}

.followers-name { display:block; position: absolute; margin-top: 25px; /* margin-left: 0px; */ margin-left: 8px;font-family: 'Open Sans',sans-serif;font-weight: bold;text-align: center;width: 100px;}
.followers-followBtn {width: 93px;height: 27px;background: url("//indo.zettecdn.com/assets/mobile/images/cd-sprite.20140815.png") 0 -302px;display: inline-block;cursor: pointer;}

.followers-img:hover{cursor:pointer;}
.followers-img:hover span {opacity: 1;}
.followers-img:last-child { padding-right:0px; }

.heartbeat-icon-followers {background: url("/cd/img/cd-sprite.png?nf3") -279px -15px;cursor: pointer;height: 15px;display: block;width: 25px;color: #fff;font-size: 10px;top: 42px;left: 37px;position: absolute;}
.heartbeat-followers, .heartbeat-followers-text {margin-top: 2px;display: block;color: #555;float:left;line-height: 12px;position: absolute;top: 43px;left: 59px;text-transform: uppercase;font-size: 11px;}
.heartbeat-followers-text {top: 56px;left: 24px;font-size: 10px;}

.followers-followBtn {background: url("//indo.zettecdn.com/assets/mobile/images/cd-sprite.20140815.png") 0 -302px;width: 93px;height: 27px;display: inline-block;cursor: pointer;transform: scale(0.7);position: absolute;top: 70px;left: 12px;}
.followers-followBtn:hover {background: url("//indo.zettecdn.com/assets/mobile/images/cd-sprite.20140815.png") 0 -329px;width: 93px;height: 27px;cursor: pointer;transform: scale(0.7);}
.followers-followBtn.clz_following {background: url("//indo.zettecdn.com/assets/mobile/images/cd-sprite.20140815.png") 0 -355px;}
.followers-followBtn.clz_following:hover {background: url("//indo.zettecdn.com/assets/mobile/images/cd-sprite.20140815.png") 0 -382px;}

#goto_clz2follow .moreContest-btn{margin-bottom: 20px;}

.insider-home{
	/* margin-left: -13px; */
}

.userpost-1-caption + [data-readmore-toggle]{
	display: block;
    float: left;
    margin: 0px 0px 0px 25px;
    font-size: 12px;
    color: #999;
    font-family: AvenirNextLTPro-Regular;
    line-height: 20px;
}

.nf-article-body {
	/*background:linear-gradient(to bottom, #e0e0e0 0%,#f6f6f6 14%,#f9f9f9 85%,#f6f6f6 100%,#e0e0e0 100%);*/
}
.nf-article-header {width:100%;overflow:hidden;}
.nf-article-content {
	width: 96%;
    overflow: hidden;
    margin: 0px 0px 5px 25px;
    padding-top: 15px;
}
.nf-img-cl {width: 100%;}
.nf-article-img {width:180px; height:180px; float:left; margin-right:10px;cursor:pointer;}
.nf-article-title {
	margin-bottom: 10px;
    font-family: Didot-Italic;
    font-size: 30px;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    line-height: 35px;
}
.nf-article-description {
	font-family: AvenirNextLTPro-Regular;
    font-size: 14px;
    float: left;
    line-height: 18px;
    margin-left: 25px;
    margin-top: 10px;
    width: 90%;
    margin-bottom: 5px;
	margin:10px;
}
.nf-article-site {
	margin-top: 10px; 
	font-family: FontAwesome; 
	font-size: 13px;
	width:250px;
	width: calc(100% - 280px);
	line-height: 18px;
	text-transform: uppercase;
}
.nf-article-sub{
	display: inline-block;
	width: 52%;
	margin-left: 15px;
}
.nf-article-comment {font-family: 'Open Sans', sans-serif; font-size: 13px;float:left;width:100%;line-height: 18px;margin-bottom:5px;}

/*social buttons update*/
.heartBtn:hover span .clozette-like-btn {display:inline-block;margin-top: 21px;}
.heartBtn span .clozette-like-btn {background: url("/cd/img/cd-sprite.png?nf3") -204px -72px;cursor: pointer;width: 23px;height: 20px;position: absolute;display:none;font-size: 11px;margin-top: -52px;margin-left: 13px;}

.clozette-like-btn {width: 27px;height: 22px;font-size: 11px;margin-top: 10px;margin-left: 13px;float:left; margin-right:4px;}
.clozette-like-btn .counter {margin-left:26px !important; margin-top:10px !important; font-size: 10px;}
.icons-container-posts .react {background: url("/cd/img/like-icon-v3.png") 0px 0px;cursor: pointer;}
.icons-container-posts .reacted {background: url("/cd/img/like-icon-v3.png") 56px 0px;cursor: default;}


.heartBtn:hover span .omg-btn, .heartBtn:hover span .wantBtn, .heartBtn:hover span .clozette-like-btn, .heartBtn:hover span .kissBtn, .heartBtn:hover span .hugsBtn, .heartBtn:hover span .fb-likeBtn    {display:inline-block;margin-top: 22px;}
.heartBtn span .omg-btn {background: url("/cd/img/cd-sprite.png?nf3") -203px -47px;cursor: pointer;height: 17px;position: absolute;display:none;width: 34px;font-size: 11px;margin-top: -70px;margin-left: 105px;}

.heartBtn  span .wantBtn {background: url("/cd/img/cd-sprite.png?nf3") -247px -47px;cursor: pointer;height: 17px;position: absolute;display:none;width: 48px;font-size: 11px;margin-top: -70px;margin-left: 204px;}

.heartBtn:hover span .kissBtn {display:inline-block;margin-top: 21px;}
.heartBtn span .kissBtn {background: url("/cd/img/cd-sprite.png?nf3") -240px -72px;cursor: pointer;width: 26px;height: 19px;position: absolute;display:none;font-size: 11px;margin-left: 308px;}

.heartBtn:hover span .hugsBtn {display:inline-block;margin-top: 23px;}
.heartBtn span .hugsBtn {background: url("/cd/img/cd-sprite.png?nf3") -302px -48px;cursor: pointer;width: 40px;height: 16px;position: absolute;display:none;font-size: 11px;margin-left: 397px;}

.heartBtn:hover span .fb-likeBtn {display:inline-block;margin-top: 14px;}
.heartBtn span .fb-likeBtn {/*background: url("/cd/img/cd-sprite.png?nf3") -282px -72px;*/cursor: pointer;width: 57px;height: 22px;position: absolute;display:none;font-size: 11px;margin-left: 495px;}
/*END OF social buttons update*/

.comments-more{
	text-align:center;
	padding:7px 0;
	cursor:pointer;
	display:block;
}

.swiper-container{
	margin: auto;
    float: left;
    font-family: franklin-cd;
    font-size: 20px;
    color: #5e5e5e;
    text-transform: uppercase;
    width: 322px;
    text-align: center;
    border-bottom: 1px solid #e5e4e4;
    padding-bottom: 5px;
    padding-top: 5px;
}
.swiper-button-next{
    background-image: url("http://cimg.zettecdn.com/img/home/contest/swiper/next.png");
    right: 1%;
}
.swiper-button-prev{
    background-image: url("http://cimg.zettecdn.com/img/home/contest/swiper/prev.png");
    left: 1%;
}
.swiper-content{
    display: block;
    width: 100%;
}

.hide { display: none !important;}

/* card community */

body.community .section.bg-light-grey {
    padding: 50px 0;
}

.card-community .top-card {
    display: block;
    position: relative;
}

.card-community .top-card .actions {
    display: none !important;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 60px 12px 16px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
}

.card-community .top-card .actions.active {
    display:block !important;
}

.card-community .top-card .actions .cta {
    display: flex;
    justify-content: center;
}

.card-community .top-card .actions .cta a {
    color: #fff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    padding: 0 7px;
    text-decoration: none;
}

.card-community .top-card .actions .cta a:hover {
    color:#e57a88;
}

.card-community .top-card .actions .cta a i {
    font-size: 16px;
    margin-right: 5px;
}

.card-community .card-desc {
    padding: 20px 16px;
}

.card-community .card-user-footer {
    display: block;
    position: relative;
}

.card-community .card-user-footer .user-detail {
    display: inline-block;
    width: 60%;
}

.user-detail .user a {
    color: #e57a88;
}

.card-community .card-user-footer span {
    display: block;
    font-size: 12px;
}

.card-community .card-user-footer .socialbeats {
    display: flex;
    align-items: center;
    float: right;
    height: 40px;
    font-weight: 700;
    font-size: 12px;
    color: #222;
}

.card-community .card-user-footer .socialbeats:hover {
    text-decoration: none;
    color: #e57a88;
}

.card-community .card-user-footer .socialbeats img {
    height: 16px;
    margin-right: 5px;
}

.card-community .card-user-footer .user {
    display: block;
    font-size: 14px;
}

.card-community .card-user-footer .date {
    font-weight: 700;
}

.card-community .card-user-footer .user-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 8px;
    overflow: hidden;
}

.card-community .card-user-footer .user-icon img {
    width: 100%;
    height: auto;
}

.card-community .card-desc .card-text {
    font-size: 14px;
}

.card-community .card-desc .card-text a {
    color: #5e5e5e;
    /*margin-left: 5px;*/
    text-decoration: none;
    cursor:pointer;
}

.card-community .card-desc .card-text a:hover {
    color: #e57a88;
}

.card-community .card-desc .card-desc-likes ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.card-community .card-desc .card-desc-likes ul::after {
    content: " ";
    display: table;
    clear: both;
}

.card-community .card-desc .card-desc-likes ul li {
    float: left;
    margin-right: 12px;
    font-size: 20px;
}

.card-community .card-desc .card-desc-likes span {
    font-size: 14px;
}

.card-community .card-footer {
    padding: 0;
    background: #fff;
    border-top: solid 1px #eeeeee;
    position: relative;
    display: block;
}

.card-community .card-footer .form-group {
    margin-bottom: 0;
}

.card-community .card-footer textarea {
    border: none;
    font-size: 14px;
    padding: 12px 60px 12px 16px;
    resize: none;
}

.card-community .card-footer .newsfeed-btn {
    position: absolute;
    right: 16px;
    top: 10px;
}

.card-community .card-footer .newsfeed-btn a {
    font-size: 14px;
    font-weight: 700;
    color: #e57a88;
}

.card-community .icon-badge {
 position: absolute;
 background: transparent;
 left: -8px;
 top: -3px;
  width: 20px;
 height: 20px;
}
  
.card-community .icon-badge.ambassador {
 top: -6px;
}

a.popover-nav {
    display: block;
    color: #5e5e5e;
    margin: 5px 6px;
}

a.popover-nav i {
    margin-right: 8px;
}

.popover-header { display:none; }
.popover-body { padding: 8px; }
.popover-body .popover-nav  i {
    margin-right: 4px;
}
.popover-body ul { padding:0; margin: auto; }
.popover-body li {
    list-style:none;
    padding: 3px 5px;
    cursor:pointer;
}
.popover-body li:hover {
    color:#e57a88;
}

#community-collection-add { display:none;  }

#modal-community-detail .modal-content {
    border-radius: 0;
    border:none;
        /*max-width: 960px;*/
}

#modal-community-detail .modal-content .modal-body {
    padding: 0;
    display: block;
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
}

#modal-community-detail .modal-body .item-action {
    position: inherit;
    background: none;
    width: auto;
    height: auto;
}

#modal-community-detail .modal-content .modal-body .community-detail-img {
    width: calc(100% - 350px);
    /*overflow: hidden;*/
    display: flex;
    flex-direction: column;
    height: 100%;
    /*max-height: 600px;*/
    /*max-width: 590px;*/
}

#modal-community-detail .modal-content .modal-body .community-detail-img img {
    object-fit: cover;
    width: 100%;
    /* width: auto; */

}

#modal-community-detail .interaction-likes .user-avatar {
    border-radius: 30px;
    width: 30px;
}

#modal-community-detail .like_wrapper > ul {
    padding:0;
}


#modal-community-detail .like_wrapper li {
    display:inline-block;
    padding-right:10px;
}

#modal-community-detail .interaction-likes {
    margin-bottom: 20px;
}

#modal-community-detail .modal-content .modal-body .community-detail-interaction {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    max-width:350px;
    padding-right:1px;
}

.community-like-btn, .community-collection-btn, .community-comment-btn {
    cursor:pointer;
}

.community-detail-interaction {
    font-size:0;
}

.comment-reply-to {
    position: absolute;
    left: 10px;
    top: -21px;
    padding: 2px 5px;
    font-size: 8pt;
    color: white;
    font-weight: bold;
    background: #e57a88;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.comment-post-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #e57a88;
    background: transparent;
    border: 1px solid transparent;
}

.comment-post-btn:hover {
    opacity: 0.7;
}

.selectize-input.dropdown-active::before {
  content: ' ';
  display: none !important;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.community-newsfeed .selectize-input {
    height: auto;
    width: 320px;
    padding: 0 16px;
        padding-left: 5px !important;
    border: none;
    /*margin-left: 8px;*/
    text-align: left;
}

.community-newsfeed .selectize-input > input {
    height: auto;
    min-height:20px !important;
    width: 320px;
    padding: 0 16px;
    border: none;
    margin-left: 8px;
}

.community-newsfeed .selectize-control {
        display: inline-block;
     vertical-align: middle;
    margin: auto;
        margin-left: 8px;
        line-height:0;
}

#community-search-input-selectized {
    position:relative !important;
    /*left:10px;*/
    /*padding:20px;*/
    font-size: 12pt;
    margin-top: 2px !important;
}

.community-newsfeed .selectize-dropdown {
    display:none !important;
    background:#000;
    color:#fff;
}



.community-newsfeed .selectize-control.multi .selectize-input {
    padding: 5px 5px 2px 5px !important;
    min-height: 35px;
}

/*.community-newsfeed .selectize-input.items.not-full {
    padding: 8px !important;
}*/

.community-newsfeed .selectize-control.multi .selectize-input.has-items {
    /*padding:0;*/
    height:auto;
    /*min-height: 34px;*/
    padding-right: 22px !important;
    
}

.community-newsfeed .selectize-control.multi .selectize-input > div, .community-newsfeed .selectize-control.multi .selectize-input > div.active {
    border: 1px solid #e57a88;
    margin: auto 3px 3px auto;
    font-size:12pt;
} 

.community-newsfeed .selectize-control.plugin-remove_button [data-value] .remove, .community-newsfeed .selectize-control.plugin-remove_button [data-value].active .remove {
    border-left: 1px solid #e0a3ab;
}

.community-newsfeed .selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #e57a88;
  background-image: -moz-linear-gradient(top, #e87d8b8c, #e57a88);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e87d8b8c), to(#e57a88));
  background-image: -webkit-linear-gradient(top, #e87d8b8c, #e57a88);
  background-image: -o-linear-gradient(top, #e87d8b8c, #e57a88);
  background-image: linear-gradient(to bottom, #e87d8b8c, #e57a88);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe57a88', endColorstr='#ffe57a88', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
  box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
}
.community-newsfeed .selectize-control.multi .selectize-input [data-value].active {
  background-color: #e57a88;
  background-image: -moz-linear-gradient(top, #e87d8b8c, #e57a88);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e87d8b8c), to(#e57a88));
  background-image: -webkit-linear-gradient(top, #e87d8b8c, #e57a88);
  background-image: -o-linear-gradient(top, #e87d8b8c, #e57a88);
  background-image: linear-gradient(to bottom, #e87d8b8c, #e57a88);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe57a88', endColorstr='#ffe57a88', GradientType=0);
}

.community-onto-link {
    color:black;
}

.community-onto-link:hover {
    color:#e57a88;
    text-decoration: none;
}

.community-search-clear {
    position: absolute;
    right: 10px;
    z-index: 1;
    color: #888;
    top: 50%;
    margin-top: -8px;
    cursor:pointer;
        margin-left: 5px;
}

.community-search-clear:hover {
    color:#e57a88;
}

.community-detail-interaction .interaction-header {
    display: block;
    padding: 16px 20px;
    border-bottom: solid #eee 1px;
    position: relative;
    top: 0;
}

.community-detail-interaction .interaction-header .user-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 8px;
    overflow: hidden;
}

.community-detail-interaction .interaction-header .user-icon img {
    width: 100%;
    height: auto;
}

.community-detail-interaction .interaction-header .user-detail {
    display: block;
}

.community-detail-interaction .interaction-header .user-detail .user {
    display: block;
    font-size: 14px;
}

.community-detail-interaction .interaction-header span {
    display: block;
    font-size: 12px;
}

.community-detail-interaction .interaction-header span.user-collection a {
    color:#000;
}

.community-detail-interaction .interaction-header span a:hover {
    color:#e57a88;
    text-decoration: none;
}

.interaction-header .interaction-header-icon {
    padding-left: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    list-style: none;
}

.interaction-body .interaction-likes, .user-login .nav-item.notification, .interaction-header-icon .find-similar, .item-action:not(.item-edit), .interaction-header-icon .add-collection, .interaction-header-icon  .like, .interaction-footer.user-comment-text, .interaction-comment {
    display:none !important;
}

.interaction-header-icon a {
    text-decoration: none;
}

.interaction-header-icon .fa-user-check {
    color:#e57a88;
    display:none;
}

.interaction-header-icon .fa-plus-circle {
    display:none;
}

.interaction-header-icon .like i.active, .interaction-header-icon .add-collection i.active, .interaction-header-icon i:hover {
    color:#e57a88;
}

.interaction-header .interaction-header-icon li {
    float: left;
    margin-left: 12px;
    font-size: 18px;
}

.interaction-header .interaction-header-icon li a {
    color: #5e5e5e;
}

.interaction-header .interaction-header-icon li a.btn-following, .interaction-header .interaction-header-icon li a.btn-follow {
    color:white;
    font-size: 8pt;
    padding: 6px;
}

.interaction-header .user-socialbeats {
    position: inherit;
    text-align: right;
    top: 60px;
    right: 23px;
}

.interaction-header .date-of-post {
    height: 20px;
    width: 100%; 
    margin-top: 12px;
}

.profile-badge-cont {
        position: absolute;
    top: 11px;
    left: 15px;
    width: 20px;
}

.socialbeats-icon {
    margin-right: 5px;
    vertical-align: top;
}

.socialbeats-score, .socialbeats-icon {
    display:inline-block !important;
}

.user-socialbeats a {
    color:black;
}

.interaction-header .socialbeats-icon {
    height: 15px;
    width: 15px;
}

.interaction-header .socialbeats-icon img {
   width:100%;
}

#modal-community-detail .slick-prev, #modal-community-detail .slick-next {
    z-index: 10;
    background: transparent !important;
}

#modal-community-detail .slick-prev {
    left: 10px;
}

#modal-community-detail .slick-next {
    right: 10px;
}

#modal-community-detail .slick-prev:before, #modal-community-detail .slick-next:before {
    background: transparent !important;
}

span.multiple-upload-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    margin-top: 4px;
    margin-right: 4px;
    padding: 0;
    background: url('../img/icon/images.png');
    /* background: url(//cimg.zettecdn.com/img/static/community-album-icon-40x40.png); */
    background-size: 40px 40px;
    cursor: pointer;
    z-index: 10;
}

span.video-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0;
    background: url('../img/icon/video.png');
    /* background: url(//cimg.zettecdn.com/img/static/community-video-icon-40x40.png); */
    background-size: 40px 40px;
    cursor: pointer;
    z-index: 10;
}

.community-detail-interaction .interaction-body {
    -webkit-flex: 1 1 auto;
    overflow: auto;
    min-height: 0px;
    height: 100%;
    padding: 16px 20px;
}

.community-detail-interaction .interaction-body::-webkit-scrollbar {
    display: none;
}
  
.community-detail-interaction .interaction-desc {
    display: block;
    font-size: 14px;
    line-height: 150%;
}

.community-detail-interaction .interaction-desc p {
    color: #222;
}

.community-detail-interaction .interaction-likes h5,
.community-detail-interaction .interaction-comment h5 {
    font-size: 14px;
    font-weight: 800;
    font-family: 'Nunito Sans', sans-serif;
}

.community-detail-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12pt;
    display: none;
    z-index: 12;
    padding: 2px 10px;
    background: rgba(0,0,0,0.5);
    color: white;
}

.community-detail-close:hover {
    color:#e57a88;
}

.comment-detail {
    display: flex;
    align-items: stretch;
    margin-bottom: 12px;
    border-top:1px solid #ddd;
    padding-top: 10px;
}

.comments-wrapper {
    margin-top: 10px;
}


.comment-detail .user-icon img {
        border-radius: 30px;
        height:30px;
        width:30px;
}

.user-comment .comment-detail {
    margin-top: 12px;
}

.comment-detail.nested {
    margin-left: 40px;
}

.comment-detail .user-icon {
    /* flex-grow: 3; */
}

.comment-detail .user-comment {
    flex-grow: 7;
    padding-left: 8px;
}

.comment-detail .user-comment .user-name a {
    color: #e57a88;
    font-size: 14px;
    font-weight: 700;
}

.comment-detail .user-comment .comment-text {
    font-size: 14px;
    color: #222;
    line-height: 150%;
    margin-bottom: 6px;
}

.comment-reply { display: none;}
.modal-body .comment-reply { display: block;}

.comment-detail .user-comment .comment-date {
    font-size: 12px;
    color: #909090;
}

.comment-detail .user-comment .comment-reply, .comment-detail .user-comment .comment-delete {
    font-size: 12px;
    font-weight: 700;
    color: #5e5e5e;
    display:inline-block;
    padding-right: 10px;
}
.item-comment-wrapper .more { padding-top: 10px; }
.item-comment-wrapper .comment-more {display: none;}
.interaction-footer {
    padding: 0;
    background: #fff;
    border-top: solid 1px #eeeeee;
    position: relative;
    display: block;
    margin-top: 12px;
}

.interaction-footer .form-group {
    margin-bottom: 0;
}

.interaction-footer textarea {
    border: none;
    font-size: 14px;
    padding: 12px 50px 12px 16px;
}
.modal-body .interaction-footer textarea {
    padding: 12px 60px 12px 16px;
    resize: none;
}

.interaction-footer .newsfeed-btn {
    position: absolute;
    right: 16px;
    top: 10px;
}

.interaction-footer .newsfeed-btn a {
    font-size: 14px;
    font-weight: 700;
    color: #e57a88;
}
/* end of card community */