@font-face {
    font-family: 'franklin-cd';
    src: url('/assets/fonts/Franklin-Gothic-Std-Condensed.otf') format('truetype');
}
@font-face {
    font-family: 'didot-regular';
    src: url('/assets/fonts/Didot-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'didot-italic';
    src: url('/assets/fonts/Didot-Italic.ttf') 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');
}

/*CCO FEED-HOMEPAGE START*/
.new-dlbanner-container {width:660px;height:450px;float:left;}
.new-dlbanner {width:660px; height:370px;float:left;position:absolute;}
.new-dlbanner-caption-container {
	width:400px;
    height: 110px;
    position:relative;
    top: 306px;
    left: 128px;
    left: calc((100% - 400px)/2);
    padding:15px;
    text-align:center;
    /*font-family: 'Times New Roman', serif;*/
    font-family: VF-Didot-3, serif;
    font-size:26px;
    letter-spacing:1.2px;
    text-transform:uppercase;
    background-color: #fff;
}
.slick-prev, .slick-next{visibility:hidden; width:22px; height:46px; top:0;top:calc(50% - 23px);}
.slick-prev {left:0; background: url("//indo.zettecdn.com/static/arrow-left.png") no-repeat;}
.slick-next {right:0; background: url("//indo.zettecdn.com/static/arrow-right.png") no-repeat;}
.new-dlbanner:hover .slick-prev, .new-dlbanner:hover .slick-next{visibility:visible;}

.toppicks-img-container .slick-next{right:10px;}
.toppicks-img-container:hover .slick-prev, .toppicks-img-container:hover .slick-next{visibility:visible;}

.new-dlbanner-caption-container span {font-family: 'Open Sans', sans-serif;font-size:16px;}
.new-dlbanner-caption-des {font-family: 'Times New Roman', serif;font-size:13px;margin-top:6px;}

.new-dlbanner-slider, .new-dlbanner-caption-container .slick-dots{position: relative;margin-top: -30px;bottom:0;}
.new-dlbanner-slider-icon, .new-dlbanner-caption-container .slick-dots button, .new-dlbanner-caption-container .slick-dots button:before{content:none;width: 10px;height: 10px;border-radius:10px;background-color:#aaaaaa;margin-right: 5px;display: inline-block;}
.new-dlbanner-slider-icon-active, .new-dlbanner-caption-container .slick-dots .slick-active button, .new-dlbanner-caption-container .slick-dots .slick-active button:before{content:none;width: 12px;height: 12px;border-radius:12px;background-color:#5d5c5c;margin-right: 5px;display: inline-block;} 

.share-discover-share-container {float:right;width:300px;height: 450px;background-color:#fff;box-shadow: -9px -1px 14px -8px rgba(0, 0, 0, 0.47); position: relative;}
.share-text,.discover-text,.shop-text {font-family: 'Playfair Display', serif;font-size: 55px;text-transform: uppercase;float:left;margin: 20px 0 0 102px;font-weight: bold;font-style: italic;line-height: 35px;letter-spacing: 1.3px;}
.share-text span, .discover-text span, .shop-text span {display:block;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: normal;font-style: normal;}
.discover-text {font-size: 47px;margin-left: 39px;} 
.shop-text{font-size: 52px;margin-left: 18px;} 
.learnmore-btn{
	display: inline-block;
    color: #000;
    font-size: 12px;
    font-family: FontAwesome;
    width: 260px;
    text-decoration: none;
    border: 1px solid #000;
    white-space: nowrap;
    margin-left: 20px;
    margin-top: 18px;
    text-align: center;
    padding: 8px 0px;
    text-transform: uppercase;
}

.signin-btn{
	display: inline-block;
    color: #000;
    font-size: 12px;
    font-family: FontAwesome;
    width: 260px;
    text-decoration: none;
    border: 1px solid #000;
    margin-left: 20px;
    margin-top: 10px;
    text-align: center;
    padding: 8px 0;
    float: left;
    text-transform: uppercase;
}

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

.socialbtn-container {width: 200px;margin-left: 90px;position: absolute;bottom:30px;}
.nfhome-fb-icon, .nfhome-twiter-icon, .nfhome-instagram-icon, .nfhome-youtube-icon {height: 24px;background-image: url("/cd/img/cd-sprite.png?hnf");transition: all .2s ease-out;margin-left:8px;display:inline-block;}
.nfhome-fb-icon {width: 13px;background-position:-343px -257px;margin-left:0;}
.nfhome-twiter-icon {width: 28px;background-position:-376px -257px;}
.nfhome-instagram-icon {width: 24px;background-position:-419px -257px;}
.nfhome-youtube-icon {width: 22px;background-position:-465px -257px;}

.nfhome-fb-icon:hover, .nfhome-twiter-icon:hover, .nfhome-instagram-icon:hover, .nfhome-youtube-icon:hover {cursor:pointer; -webkit-transform: translate3d(0,0,0) scale(1.1);transform: translate3d(0,0,0) scale(1.1);}

.leaderboard-container {width:940px;height: 120px;margin:0;padding:0;clear:both;float:left;background-image: url("//indo.zettecdn.com/static/top-loggedin-bg_960.jpg");text-align:center;}
.leaderboard{width:729px;height:90px;margin-left: 113px;}
.advertisement-text {text-align:center;font-family: 'AvenirNext-Regular', sans-serif;font-size:10px;text-transform:uppercase;margin: 7px auto 0;float:none;}

.toppicks-container{float:left;width: 910px;height: auto;background-color:#fff;margin:auto;padding: 25px 0 0 25px;font-family: 'Open Sans', sans-serif;color:#5e5e5e;}
.mynewsfeed-title-des {font-size: 16px;width:910px;text-align:center;float:left;font-family: 'Times New Roman', sans-serif;text-transform:uppercase;letter-spacing: 2px;color: #000;}

.toppicks-img-container{float:left;width:650px;height: auto;margin-top: 20px;padding-bottom: 20px;}
.top-picks-like-button{ display:block; width:50px; height:51px; background:url('../img/like-btn-big.png'); position: absolute; margin-top: -25px; margin-left: 0px; margin-left: 81px;}
.top-picks-box {width: 210px;height: 280px;float:left;margin-right: 6px;}

.top-picks-like-button:hover, .top-picks-like-button.liked{cursor:pointer; display:block; width:50px; height:51px; background:url('../img/like-btn-big-mo.png');}

.top-picks-hover-caption{margin: 28px 0 0 15px;}
.top-picks-img {display :block;width: 210px; height: 280px;position: relative;overflow: hidden;float:left;}

.top-picks-img span{
	position: absolute;
	bottom: -119px;
	background: rgba(0,0,0,0.75);
	color: #fff;
	font-size:11px;
	display: block;
	width: 100%;
	line-height: 17px;
	transition: all .3s ease-out;
	height: 93px;
}
.top-picks-img:hover span {bottom: 0;}

.top-picks-des-container{width: 290px;height: 280px;background-color:#fff;box-shadow: -11px -1px 36px -9px rgba(0, 0, 0, 0.47); position: relative;float:right;margin: 20px -20px 0 -30px;}
.top-picks-des-title {font-family: 'Playfair Display', serif;font-size: 22px;text-transform: uppercase;font-weight: bold;position: relative;color: #000;padding: 90px 20px 0 30px;}
.top-picks-des-title span {font-size: 15px;font-style: italic;text-transform: none;margin-top: 20px;font-weight: normal;}

.insider-container {
	width: 940px;
    height: auto;
    position: relative;
    z-index: 1;
    float: left;
    /* margin: 30px 0px 0px 0px; */
    margin: 0;
    border: none;
    /* padding-top: 15px; */
    padding: 0;
}
.insider-container hr {
    border: none;
    background: #E8E7E7;
    height: 1px;
    color: #E8E7E7;
    margin: 0;
}
.insider-logo {width:318px;height:40px;position:absolute;z-index:2;float:left;margin-top: -40px;margin-left: 310px;padding: 15px 0 0 0;}
.articles-news-container {
	float: left;
    width: 940px;
    height: auto;
    padding: 0 0px 0px 0px;
}
#listing-insider-post-container .articles-container {
    float: unset;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#listing-insider-post-container .articles-container .ci-articles-Container {
    height: auto;
    position: relative;
    /* padding-bottom: 15px; */
    margin-bottom: 20px !important;
}
#listing-insider-post-container .ci-articles-author {
    position: absolute;
    bottom: 0;
    width: 100%;
    float: left;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.5;
    color: #000;
}
#listing-insider-post-container .ci-articles-author span {
    color: #757575;
}
.articles-container {
	float: left;
    width: 940px;
    height: auto;
    margin-top: 30px;
}
.articles-header, .news-header, .clozette-fabulists-header {float:left;width:100%;height:40px;background-color:#000;color:#fff;text-align:center;font-family: 'Times New Roman', serif; font-size: 20px; text-transform: uppercase;line-height: 40px;font-style: italic; }
.news-container {float:right;width:330px;height:auto;}

.ci-articles-header{
	font-family: AvenirNextLTPro-Regular;
    font-size: 14px;
    color: #000;
    text-align: center;
    border: none;
    margin-top: 10px;
    width: 100%;
}
.ci-articles-header-home{
    font-family: didot-italic;
    font-size: 18px;
    color: #000;
    text-align: center;
    border: none;
    margin-top: 10px;
    width: 100%;
    letter-spacing: 0.5px;
}
.ci-articles-header span {font-size:10pt;}
.ci-articles-header span a {text-decoration:none; color:#000; }
.ci-articles-header span a:hover {opacity: 0.6; }

.ci-articles-Container{
	/* width: 236.7px; */
    width: calc(940px/4 - 12px);
    float: left;
    /* display: inline-block; */
    padding: 0 0px 0 0;
    margin: 0 0px !important;
    border: none !important;
    margin: 0 6px !important;
}
.ci-articles-Container:last-child {
 padding-right:0px; 
}

.ci-articles-margin{margin-right: 7px;}
.ci-articles-img {
  float: left;
  overflow: hidden;
  width: 225px;
  height: 225px;
}
.ci-articles-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; width: 100%; height: auto;}
.ci-articles-img:hover img {-webkit-transform: translate3d(0,0,0) scale(1.08);
	transform: translate3d(0,0,0) scale(1.08);opacity:0.5;}
.ci-articles-caption {
	float: left;
    /* padding: 8px 4px 5px 10px; */
    font-family: didot-bold;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-top: 20px;
}
.ci-articles-caption-lit {
	float: left;
    /* padding: 8px 4px 5px 10px; */
    font-family: didot-bold;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    text-align: left;
    width: 100%;
    padding: 0;
    padding-top: 20px;
}
.ci-articles-Container:hover.ci-articles-caption a, 
.ci-articles-Container:hover .ci-articles-caption-lit a {
    color: #E57A88 !important;
}
#listing-insider-post-container .ci-articles-caption,
#listing-insider-post-container .ci-articles-caption-lit {
    margin: 15px 0;
    padding: 0;
    height: 72px;
    overflow: hidden;
}
.ci-articles-date {
	font-family: AvenirNextLTPro-Regular;
    text-transform: uppercase;
    font-size: 9px;
    color: #5E5E5E;
    width: 100%;
    height: 15px;
    overflow: hidden;
    letter-spacing: 1.3px;
    text-align: center;
    padding-top: 18px;
}
.ci-articles-channel{
	font-family: AvenirNextLTPro-Regular;
    text-transform: uppercase;
    font-size: 9px;
    color: #5E5E5E;
    width: 100%;
    height: 15px;
    overflow: hidden;
    letter-spacing: 1.3px;
    text-align: center;
    padding-top: 18px;
}
.ci-articles-date span {color:#000;}
.ci-news-caption a, .ci-articles-caption a  {text-decoration: none;color:#000;}
.ci-news-caption a:hover, .ci-articles-caption a:hover {opacity:0.6;}

.ci-news-Container{width:300px;display:inline-block; padding:20px 0;border-bottom:1px solid #dedede;}
.ci-news-img {width:140px;height:140px;float:left;overflow:hidden;}
.ci-news-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-news-img:hover img {-webkit-transform: translate3d(0,0,0) scale(1.08); transform: translate3d(0,0,0) scale(1.08);opacity:0.5;}
.ci-news-caption {float:left;padding: 15px 0 5px 15px;font-family: 'Playfair Display', serif;font-size: 13px;color:#000;letter-spacing: 2px;width: 140px;verticle-align: middle;}

.more-articles-container{
	width: 940px;
    display: block;
    float: left;
    margin-left: 0px;
    /* margin-left: -13px; */
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: center;
    position: relative;
}
.more-articles-container hr {
    border: none;
    background: #E8E7E7;
    height: 1px;
    color: #E8E7E7;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    margin: auto;
    z-index: 1;
}
.hr-full {
    width: 100% !important;
}
.more-articles {
    font-size: 11px;
    letter-spacing: 1px;
    color: #000;
    font-family: AvenirNextLTPro-Bold;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    /* width: 100%; */
    /* margin-left: -3px; */
    width: auto;
    /* margin-top: 20px; */
    background: #fff !important;
    z-index: 2;
    position: relative;
}
/* .more-articles:before,
.more-articles:after {
    background-color: #E8E7E7;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 43.2%;
} */
.more-articles .fa {
    transform: scale(1.2);
    font-weight: 900;
}
.more-articles-arrow{
	font-family: FontAwesome;
	color: #DF1A55;
}
.hr-more-article{
	display: inline-block;
	width: 42.7%;
	vertical-align: middle;
}
.more-articles a:link {color:#000; text-decoration: none;}

.top-picks-title {
	overflow: hidden;
    text-align: center;
    font-family: didot-regular;
    /* font-family: didot-bold; */
    font-size: 40px;
    font-weight: normal;
    /* letter-spacing: 1.2px; */
    /* text-transform: uppercase; */
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 30px 0;
}
.top-picks-title-home {
    overflow: hidden;
    text-align: center;
    font-family: didot-regular;
    /* font-family: didot-bold; */
    font-size: 40px;
    font-weight: normal;
    /* letter-spacing: 1.2px; */
    /* text-transform: uppercase; */
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 30px 0;
}
.feed-signup{
	display: inline-block;
    width: 510px;
    height: auto;
    padding: 30px 25px;
    margin: 30px 0px 10px 5px;
    font-size: 13px;
    font-family: AvenirNextLTPro-Regular;
    color: #000;
    line-height: 18px;
    background-size: 1000px;
    background-color: #F8F8F8;
}
.feed-signup h1{
    text-align: left;
    font-style: italic;
    font-size: 35px;
    font-family: didot-italic;
    color: #df1a55;
    margin-top: 5px;
    margin-bottom: 10px;
}
.feed-signup ul{list-style-type: disc; list-style-position: inside;}
.feed-signup .signin-btn{
	width: 162px;
    margin: 20px 8px 0px 0px;
}
.feed-signup .learnmore-btn{
	width: 162px;
    margin: 20px 0px 10px 0px;
}
.feed-signup .learnmore-btn:hover{background-color:#000}

.hm-profile-container {float:left; padding: 0 15px 0px 30px;text-align: left;}
.home-profilePic {width: 100px;height: 100px;float: left;margin: 20px 20px;}
.home-profilename-container {float:left;width: 100px;margin-top: 50px;}
.home-user-Name {color: #000;font-size: 14px;font-family: 'Times New Roman', serif;font-size: 14px;letter-spacing:1px;text-transform:none;}
.heartbeat-icon-home {
	 background: url("/cd/img/cd-sprite.png?nf3") -279px -15px;
	 cursor: pointer;
	 cursor: pointer;
	 height: 15px;
	 display: block;
	 width: 25px;
	 color: #fff;
	 font-size: 10px;
	 margin-top: 3px;
}
.heartbeat-icon-home-text {margin-top: 2px;display: block;color:#000;float:left;line-height: 12px;}
.hm-profile-container .message {line-height: 16px;}
/*CCO FEED-HOMEPAGE END*/

/*CID FEED-HOMEPAGE START*/
.cid-leaderboard{
	/* width:729px; */
    width: 940px;
	height:90px;
	margin-top: 10px;
    margin-bottom: 10px;
}
.cid-insider-container{width: 934px;height:auto;position:relative;z-index:1;float:left;border: none; margin-top: 15px;}
.cid-articles-news-container {float:left;width: 927px;height:auto;padding: 0 0 10px 3px;}
.cid-articles-container {float:left; width: 924px;height:auto;margin-top: 20px;background-color: #fff; padding-bottom: 20px; box-shadow: 0px 8px 19px -11px rgba(0, 0, 0, 0.47); padding-left: 5px;} /*box-shadow: 0px 0px 19px -11px rgba(0, 0, 0, 0.47);*/

/*#row2 {box-shadow: 0px 8px 19px -11px rgba(0, 0, 0, 0.47);}*/
/*CID FEED-HOMEPAGE END*/