@charset "UTF-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600|Open+Sans+Condensed:300,700|Droid+Serif);
@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');
}


/*-----------------------------------*/


/* Global Reset */


/*-----------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
title,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figtitle,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figtitle,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /*-webkit-font-smoothing: antialiased;*/
}

body {
    background-color: #fff;
    alignment-adjust: central;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 12px;
}

strong,
b {
    font-weight: bold;
}

.hide {
    display: none !important;
}

.clear {
    *zoom: 1;
    clear: both;
}

.clear:before,
.clear:after {
    display: table;
    line-height: 0;
    content: '';
}

.clear:after {
    clear: both;
}

.sticky {
    position: fixed;
    /* top: 54px; */
    top: 88px;
    left: 0;
    z-index: 997;
    /* -webkit-box-shadow: 0 1px 5px #888;
	-moz-box-shadow: 0 1px 5px #888;
	box-shadow: 0 1px 5px #888; */
    /* opacity: 0.9; */
}

.sticky>.sticky-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    width: 934px;
    margin: 0 auto;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none;
}

a:active {
    background-color: transparent;
}

a,
a:link,
a:visited {
    text-decoration: none;
}

.noshadow {
    background: none !important;
    box-shadow: none !important;
}

.body-container {
    width: 940px;
    background-color: #fff;
    /*box-shadow: 0 5px 15px 1px #e0e0e0;*/
    margin: 0 auto;
    /*overflow:hidden;*/
    position: relative;
    clear: both;
}

.content-container {
    /* width: 934px; */
    width: 940px;
    height: auto;
    background-color: #fff;
    margin: auto;
    position: relative;
    /* padding-left: 13px;
	padding-right: 13px; */
}

.content-container.mynetwork {
    padding-left: 2px;
    padding-right: 9px;
}

#skin {
    /*min-width: 1100px;*/
    overflow: hidden;
    background-color: white;
}

#navigation-bar {
    width: 1040px;
    height: 44px;
    margin: 0 auto;
    position: relative;
}

#navigation-bar.is-logined.cco,
#navigation-bar.cco.fix-top .onlystick {
    /*width: 1130px;*/
    width: 1080px;
}

#navigation-bar.is-logined.cid,
#navigation-bar.cid.fix-top .onlystick {
    width: 980px;
    /*width: 1050px*/
}

#navigation-bar.fix-top {
    position: fixed;
    width: 100% !important;
    top: 0;
    z-index: 10000000;
    margin-top: 0;
    box-shadow: 0 1px 15px 1px #e0e0e0;
    background-color: #fff;
}

#navigation-bar.fix-top .wrapper_menu.navigation-container {
    margin-left: 19px;
}

#navigation-bar.fix-top.is-logined .wrapper_menu.navigation-container {
    margin-left: 19px;
}

#navigation-bar.fix-top .mainhome {
    display: none;
}

#navigation-bar.fix-top .onlystick {
    width: 940px;
    margin: 0 auto;
    position: relative;
}

.logo-container {
    width: auto;
    margin: auto;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 5px;
}

.submenu-container {
    width: 934px;
    padding: 10px 0;
    margin: 10px 0;
    background-image: url('//indo.zettecdn.com/static/top-loggedin-bkgd.jpg');
}

.submenu-container.mynetwork {
    width: 934px;
    padding: 10px 0;
    margin: 10px 0 10px 14px;
    /* background-image: url("//indo.zettecdn.com/static/top-loggedin-bkgd.jpg"); */
    border: 1px solid #efefef;
    /* box-shadow: 0 6px 14px -6px #c0c0c0; */
    /* margin-bottom: 10px; */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient( top, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(242, 242, 242, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient( linear, left top, left bottom, color-stop(48%, rgba(255, 255, 255, 1)), color-stop(48%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient( top, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(242, 242, 242, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( top, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(242, 242, 242, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient( top, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(242, 242, 242, 1) 100%);
    /* IE10+ */
    background: linear-gradient( to bottom, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(242, 242, 242, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    /* IE6-9 */
}

.clozette-masthead {
    /* width: 934px; */
    /* height: 340px; */
    width: 940px;
    height: 420px;
}


/*******************************FB LOGGED IN*******************************/

.profile-panel-container {
    float: right;
    width: auto;
    height: 44px;
    margin: 0;
    font-size: 12px;
    color: #fff;
    position: relative;
    z-index: 99;
    margin-top: 3px;
    margin-right: 3px;
}

.add-container {
    font-family: 'AvenirNext-Regular', sans-serif;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
}

.profilePic-container {
    font-family: 'AvenirNext-Regular', sans-serif;
    display: inline-block;
}

.profilePic-container img {
    display: block;
    position: relative;
}

.notification-container {
    position: relative;
    cursor: pointer;
    display: inline-block;
    /*margin-bottom: 15px;*/
}

.notification-container a {
    display: block;
    position: relative;
    width: 13px;
    height: 15px;
    padding: 13px 10px;
}

.notification-circle {
    width: 16px;
    height: 16px;
    font-size: 7px;
    font-weight: 900;
    line-height: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -9px;
    right: -9px;
    background-color: #e57a88;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.notification-circle :hover {
    background-image: url('//indo.zettecdn.com/static/notification-icon-circle-mo.png');
}

.message-container {
    position: relative;
    display: inline-block;
}

.message-container a {
    display: block;
    padding: 13px 10px;
}

.notification-icon {
    width: 13px;
    height: 15px;
    background: url('../img/cd-sprite.png') -181px 0;
    position: relative;
    display: block;
    background: url('//cimg.zettecdn.com/img/static/bell.png');
    background-position: -183px -105px;
    width: 14px;
    height: 15px;
}

.notification-container:hover a>.notification-icon {
    background: url('../img/cd-sprite.png') -181px -18px;
}

.notification-container:hover>.notification-circle {
    background-color: #fff;
    color: #000;
}

.message-icon {
    width: 13px;
    height: 15px;
    background: url('../img/cd-sprite.png') -181px 0;
    position: relative;
    display: block;
    background: url('https://www.clozette.co/cd/img/cd-sprite.png');
    background-position: -223px -33px;
    width: 21px;
    height: 15px;
}

.message-icon:hover {
    width: 13px;
    height: 15px;
    background: url('../img/cd-sprite.png') -181px 0;
    position: relative;
    display: block;
    background: url('https://www.clozette.co/cd/img/cd-sprite.png');
    background-position: -200px -18px;
    width: 21px;
    height: 15px;
}


/******************************* Welcome Message *******************************/

h1 {
    text-align: center;
    font-size: 14px;
}


/*
h1:before, h1:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

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

h1:after {
    left: 0.5em;
    margin-right: -50%;
}
*/

.welcome-message-container {
    width: auto;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    padding: 0px 17px;
    position: relative;
}

.welcome-message-container>a {
    background: url('../img/cd-sprite.png') -101px 0;
    cursor: pointer;
    height: 17px;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 17px;
    margin: auto 0;
}

.welcome-message-container-not-login {
    float: left;
    width: 540px;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    padding: 0px 17px;
}

.username-pink {
    font-weight: bold;
    color: #dd1b54;
}


/******************************* FB Friends Follow *******************************/

.fbfriends-container {
    width: auto;
    height: 85px;
    text-align: center;
    position: relative;
    margin: 17px 17px;
    background: rgba(0, 0, 0, 0.15);
}

.fbfriends-box {
    width: 202px;
    margin: 10px;
    float: left;
}

.fbfriends-box-border {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #fff;
}

.fbfriends-profile-pic {
    width: 58px;
    height: 58px;
    float: left;
    border: 4px solid #fff;
    box-shadow: 2px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.fbfriends-name-container {
    width: 135px;
    font-size: 13px;
    font-weight: bold;
    float: left;
}

.fbfriends-fullname {
    font-size: 11px;
}

.fb-followBtn {
    background-image: url('//indo.zettecdn.com/static/follow-btn.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 93px;
    height: 26px;
    display: inline-block;
}

.fb-followBtn:hover {
    background-image: url('//indo.zettecdn.com/static/follow-btn-mo.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 93px;
    height: 26px;
    display: inline-block;
}

.fb-followBtning {
    background-image: url('//indo.zettecdn.com/static/following-btn.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 93px;
    height: 26px;
    display: inline-block;
}

.fb-followBtning:hover {
    background-image: url('//indo.zettecdn.com/static/unfollow-btn.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 93px;
    height: 26px;
    display: inline-block;
}

.fb-followBtn-margin {
    margin-top: 6px;
}

.fb-buttons-panel {
    text-align: center;
    margin: 15px 0 5px 0;
}


/* Show More Button */

.showmore-btn,
.followall-btn {
    background-color: #fff;
    display: inline-block;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 28px;
    text-decoration: none;
    border: 1px solid #000;
}

.showmore-btn:hover,
.followall-btn:hover {
    background-color: #000;
    border: 1px solid #000;
    text-decoration: none;
    color: #fff;
}

.followall-btn {
    margin-left: 10px;
}


/******************************* Navigation *******************************/

.navigation-container {}

.navigation-logo-container {
    float: left;
    width: 142px;
    height: 32px;
    margin-left: 4px;
    margin-top: 11px;
}

.navigation-menu-container {
    height: 44px;
    float: left;
}

.navigation-fbsignIncontainer {
    margin: 0;
    /*line-height: 40px;*/
    line-height: 20px;
    float: right;
    font-size: 12px;
    font-family: 'AvenirNext-Regular', sans-serif;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    position: absolute;
    right: 27px;
    /*top: 2px;*/
    top: 15px;
    z-index: 11;
}

.login-signup-container {
    margin: 0;
    line-height: 20px;
    float: right;
    font-size: 16px;
    font-family: franklin-cd;
    background-color: #fff;
    color: #999;
    text-transform: uppercase;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 0;
}

.home-icon {
    width: 17px;
    height: 13px;
    background: url('//cimg.zettecdn.com/img/static/home.png') 0 0;
    display: inline-block;
    margin-top: -2px;
}

.home-icon:hover {
    width: 17px;
    height: 13px;
    background: url('../img/cd-sprite.png') 0 0;
    display: inline-block;
    margin-top: -2px;
}

a.mainhome:hover>.home-icon {
    background: url('../img/cd-sprite.png') 0 -13px;
}

.mynetwork-icon {
    display: inline-block;
    margin-top: -2px;
    background: url('//cimg.zettecdn.com/img/mynetwork-icon.png') no-repeat top left;
    width: 17px;
    height: 13px;
}

.mynetwork-icon:hover {
    background: url('//cimg.zettecdn.com/img/mynetwork-icon-mo.png') no-repeat top left;
}

.clozettetv-icon {
    display: inline-block;
    margin-top: -4px;
    width: 85px;
    height: 17px;
    background: url('//cimg.zettecdn.com/img/clozettetv-icon.png') no-repeat top left;
}

.clozettetv-icon:hover {
    background: url('//cimg.zettecdn.com/img/clozettetv-icon-mo.png') no-repeat top left;
}

.search-icon {
    width: 13px;
    height: 12px;
    background: url('../img/cd-sprite.png') -18px 0;
    display: inline-block;
}

a.lean:hover>.search-icon {
    width: 13px;
    height: 12px;
    background: url('../img/cd-sprite.png') -18px -12px;
    display: inline-block;
}

#menu,
#rightMenu {
    font-size: 12px;
    font-family: 'AvenirNext-Regular', sans-serif;
    background-color: #000;
    color: #fff;
    display: inline;
    text-transform: uppercase;
}

#rightMenu ul {
    height: 20px;
    margin: 6px 0px;
    padding: 0;
}

#menu li {
    display: block;
    /*padding-right: 2px;
height:30px;*/
}

#rightMenu li {
    display: inline;
    padding-left: 30px;
    height: 30px;
}

#rightMenu a {
    text-decoration: none;
    color: #fff;
    padding: 10px;
}

#menu .levels a {
    color: #000;
    padding: 0;
}

#menu .levels li {
    /*height:25px;*/
    height: auto;
}

#menu a:hover,
#rightMenu a:hover {
    color: #dd1b54;
}

.social-buttons-container {
    float: left;
    /*margin: 10px 0 0 -12px;*/
    margin: 10px 0 10px 0px;
    position: relative;
}

.social-buttons-container a {
    display: inline-block;
    position: relative;
    top: 3px;
}

.fb-icon {
    width: 38px;
    height: 38px;
    background: url('../img/cd-sprite.png') 0 -124px;
}

.fb-icon:hover {
    background: url('../img/cd-sprite.png') 0 -162px;
}

.twitter-icon {
    width: 38px;
    height: 38px;
    background: url('../img/cd-sprite.png') -112px -124px;
}

.twitter-icon:hover {
    background: url('../img/cd-sprite.png') -112px -161px;
}

.instagram-icon {
    width: 38px;
    height: 38px;
    background: url('../img/cd-sprite.png') -37px -124px;
}

.instagram-icon:hover {
    background: url('../img/cd-sprite.png') -37px -162px;
}

.youtube-icon {
    width: 38px;
    height: 38px;
    background: url('../img/cd-sprite.png') -75px -124px;
}

.youtube-icon:hover {
    background: url('../img/cd-sprite.png') -75px -162px;
}

.signIn-fb-container {
    float: right;
    margin: 2px 0px 0 0;
}

.sell-item-container {
    float: left;
    margin: 3px 10px 0 42px;
}

.share-item-container {
    float: left;
    margin: 3px 10px 0 0;
}


/* Sign in with facebook Button */

.signInFB-btn {
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    padding: 10px 22px;
    text-decoration: none;
    border: 1px solid black;
}

.signInFB-btn:hover {
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    padding: 10px 22px;
    text-decoration: none;
    border: 1px solid black;
    cursor: pointer;
}

.signInFB-btn-reversed {
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    padding: 10px 22px;
    text-decoration: none;
    border: 1px solid black;
}

.signInFB-btn-reversed:hover {
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    padding: 10px 22px;
    text-decoration: none;
    border: 1px solid black;
    cursor: pointer;
}

.puzzle-ads-container {
    width: 934px;
    height: 404px;
    margin-top: 8px;
}

.puzzle-container {
    width: 626px;
    height: 404px;
    float: left;
}

.mrect-container {
    width: 300px;
    height: 250px;
    float: right;
}

.smrect-container {
    width: 300px;
    height: 150px;
    float: right;
    margin-top: 4px;
}

.leaderboard-container {
    width: 934px;
    height: 110px;
    float: left;
    background-image: url('//indo.zettecdn.com/static/top-loggedin-bkgd.jpg');
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 6px;
}

.leaderboard-container-iframe {
    width: 934px;
    height: 100px;
    float: left;
    background-image: url('//indo.zettecdn.com/static/top-loggedin-bkgd.jpg');
    margin-bottom: 10px;
    padding-top: 10px;
}

.leaderboard {
    margin-top: 3px;
    width: 729px;
    height: 90px;
}

.featured-banner-container {
    margin-top: 8px;
    width: 934px;
    height: 150px;
    overflow: hidden;
}


/*******************************CLOZETTE INSIDER*******************************/

h2 {
    overflow: hidden;
    text-align: center;
    font-family: 'Times New Roman', serif;
    font-size: 36px;
    font-weight: normal;
    text-transform: uppercase;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2:before,
h2:after {
    background-color: #000;
    content: '';
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

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

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

h2 b,
h2 strong {
    font-weight: bold;
}

.stick-tutorial {
    width: 100%;
    height: 90px;
    z-index: 10;
    margin-top: -85px;
}

.clozetteInsiderHeader-container {
    width: 940px;
    height: 36px;
    display: inline-block;
    padding-top: 50px;
}

.clozetteInsiderHeader-container.align-right {
    width: 930px;
    padding: 0 15px;
    margin-top: 50px;
}

.clozetteInsiderHeader-container h2 {
    font-family: franklin-cd;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
}

.clozetteInsider-subtext {
    font-family: AvenirNextLTPro-Regular;
    font-size: 14px;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    width: 934px;
    margin: 0 auto 30px;
}

.clozetteInsider-container {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    overflow: hidden;
    height: 230px;
}

.communityHighlights-container {
    width: 100%;
    float: left;
    margin: 10px 0px 10px 0;
    padding: 0px 2px 2px 2px;
    -webkit-box-shadow: -1px 7px 4px 0px rgba(186, 186, 186, 0.75);
    -moz-box-shadow: -1px 7px 7px 0px rgba(186, 186, 186, 0.75);
    box-shadow: -1px 7px 7px 0px rgba(186, 186, 186, 0.75);
}

.communityHighlights-container.first {
    margin-top: 17px;
}


/*******************************Scoll Bar*******************************/

.content {
    margin-top: -4px;
    width: 934px;
    height: 270px;
    overflow: auto;
    background: #fff;
}

.content .images_container {
    overflow: hidden;
}

a[rel='toggle-buttons-scroll-type'] {
    display: inline-block;
    text-decoration: none;
    padding: 3px 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #000;
    margin: 5px 20px 5px 0;
}

.content_shop {
    margin-top: 12px;
    width: 934px;
    height: 320px;
    overflow: auto;
    background: #fff;
}

hr.black {
    background: #f0eeee;
    width: 100%;
    height: 1px;
    font-size: 0;
    border: 0;
    float: left;
}

.content .clozetteInsider-story-container {
    width: 226px;
    height: 220px;
    display: inline-block;
}

.clozetteInsider-story-img {
    width: 226px;
    height: 180px;
    border: 1px solid #eee;
}

.clozetteInsider-story-title {
    width: auto;
    margin: 8px 10px 0px 10px;
    font-size: 13.5px;
    font-weight: normal;
    overflow: hidden;
    height: 30px;
}

.clozetteInsider-story-from {
    width: 226px;
    margin-left: 10px;
    font-size: 11px;
}

.ci-story-margin {
    margin-left: 6px;
}


/*******************************COMMUNITY HIGHLIGHTS*******************************/

.comminutyHighlights-box {
    width: 183px;
    height: 240px;
    float: left;
}

.comminutyHighlights-box a {
    display: block;
    cursor: -webkit-zoom-in;
}

.comminutyHighlights-box-small {
    width: 183px;
    height: 183px;
    float: left;
}

.comminutyHighlights-headline {
    width: 186px;
    height: 240px;
    background-color: #000;
    float: left;
    margin-right: 4px;
}

.comminutyHighlights-headline-small {
    width: 186px;
    height: 183px;
    background-color: #000;
    float: left;
    margin-right: 4px;
}

.comminutyHighlights-headline-title {
    margin-top: 60px;
    margin-left: 20px;
    float: left;
    font-family: 'Times New Roman', serif;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 150px;
}

.comminutyHighlights-headline-subtext {
    margin-top: 10px;
    margin-left: 20px;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 150px;
    font-family: 'AvenirNext-Regular', sans-serif;
    line-height: 20px;
}

.comminutyHighlights-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: 68px;
}

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

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

.comminutyHighlights-hover-caption {
    margin: 28px 12px 0 12px;
    color: #fff;
    overflow: hidden;
}

.comminutyHighlights-img {
    display: block;
    width: 183x;
    height: 240px;
    position: relative;
    overflow: hidden;
    float: left;
}

.comminutyHighlights-img span {
    position: absolute;
    bottom: -120px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 11px;
    display: block;
    width: 100%;
    line-height: 17px;
    transition: all 0.3s ease-out;
    height: 92px;
    /* margin-top: 10px; */
    /*padding: 20px 0 10px 15px; */
}

.comminutyHighlights-img:hover span {
    bottom: 0;
}


/******************** footer ************************/

.community-banner-container {
    /*width:100%;*/
    height: 100px;
    float: left;
    margin-top: 20px;
    padding-left: 81px;
    display: none;
}

.content-container.community {
    margin: 0 0 20px 0;
}

.community-banner-container a {
    display: block;
    float: left;
    margin-right: 7px;
}

.community-banner-container a:last-child {
    margin-right: 0;
}


/*
.community-banner-margin{
margin-left:8px;
}
*/

.community-banner {
    width: 304px;
    height: 100px;
    border: 1px solid #000;
    text-align: center;
    display: inline-block;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eae9e9 80%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(80%, #eae9e9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eae9e9 80%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eae9e9 80%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #eae9e9 80%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #eae9e9 80%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedddd', GradientType=0);
    /* IE6-9 */
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 1s linear;
}

.community-banner:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: 0.5s linear;
}

.checkout-text {
    width: auto;
    /*font-family: 'AvenirNext-Regular', serif;
font-size:18px;*/
    font-family: 'avenir-nr', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 24px;
}

.highlight-text {
    width: auto;
    /*font-family: 'Times New Roman', serif;
font-size:26px;*/
    font-family: 'avenir-nr', sans-serif;
    font-size: 23px;
    font-style: italic;
    margin-top: 5px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.highlight-text span {
    color: #dd1b54;
}

.banner-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid black;
    position: absolute;
    display: inline;
    margin: 10px 6px;
}


/*******************************Image hover*******************************/

.image-hover img {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 1s linear;
}

.image-hover img:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -webkit-transition: opacity 0.5s linear;
}

a.whiteText:link {
    /*color: #fff;
    font-family: AvenirNextLTPro-Regular;
    font-size: 14px;
    letter-spacing: 1px;*/
    color: #000;
    font-family: franklin-cd;
    font-size: 16px;
}

a.whiteText:visited {
    color: #fff;
}

a.whiteText:hover {
    color: #dd1b54;
}

.fb-signup a {
    color: #ffffff;
}

.fb-signup a:hover {
    color: #dd1b54;
}

.cz-menu-selected {
    /*background-color:#000;*/
    color: #dd1b54 !important;
}

.sub-menu-sort-selected {
    /* color: #dd1b54 !important; */
    color: #e57a88 !important;
}


/*  01 MENU BAR */

.wrapper_menu {
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 11;
}

.wrapper_menu .menu {
    list-style: none;
    margin: 0 auto;
    height: 44px;
}

.menu li {
    float: left;
    text-align: center;
    position: relative;
    border: none;
}

.menu li.sep {
    padding: 16px 8px;
}

.menu .fullwidth {
    position: static !important;
}

.menu li:hover {
    border-bottom: none;
}

.menu li.nodrop:hover {}

.menu li.nodrop:hover a {
    color: white;
}

.menu>li>a {
    color: #eee;
    outline: 0;
    padding: 16px 6px !important;
    text-decoration: none;
    display: block;
    color: #000;
    font-family: franklin-cd;
    font-size: 16px;
}

.menu li:hover a {
    position: relative;
    z-index: 11;
}

.menu li:hover div a {
    display: inline;
}

.menu li .drop,
.menu li:hover .drop {
    padding-right: 10px;
}

.menu li a:active {
    font-weight: normal;
}

.home-li-margin {
    margin: 0 2px;
}

.home-li-margin.none {
    margin: 0;
}


/* Alan's patch for main index bugs on IE */

.menu li a.mainhome {
    display: block;
}

.menu li a.mainhome.hide {
    display: none;
}

.menu li a.subhome {
    display: none;
}

.menu li a.subhome.show {
    display: block;
    padding: 2px !important;
    margin: 5px 5px 5px 0;
}


/* Right aligned menu item */

.menu li.right {
    float: right;
    right: 0;
    margin-right: 0;
}

.menu li.right:hover {
    margin-right: -1px;
}


/* Left & right aligned common styles */

.menu .dropdown_1column {
    margin: 0 auto;
    left: -999em;
    position: absolute;
    padding: 0 10px;
    text-align: left;
    text-transform: none;
}


/* Drop Downs Sizes */

.menu .dropdown_1column {
    width: 130px;
    box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
    -webkit-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
}


/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column {
    left: 0px;
    top: 40px;
    background-color: #fff;
}

.menu li:hover .cz-search-drop {
    width: 300px;
    position: absolute;
    margin-left: -277px;
    padding: 3px 5px;
}

.megaDrop>a:before,
.megaDrop>a:after {
    display: none;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    margin: auto;
    border-top-style: solid;
    z-index: 99;
}

.megaDrop>a:before {
    border-top-color: #000;
    border-width: 7px;
}

.megaDrop>a:after {
    border-top-color: #000;
    border-width: 6px;
}

.megaContest,
.megaFeatured {
    background-image: url('//cimg.zettecdn.com/img/megamenu-contest-banner.jpg');
}

.megaDrop:hover .megaContainer.megaContest ul a,
.megaDrop:hover .megaContainer.megaFeatured ul a,
.megaDrop:hover .megaContainer.megaBazaar ul a,
.megaDrop:hover .megaContainer.megaFashion ul a,
.megaDrop:hover .megaContainer.megaBeauty ul a,
.megaDrop:hover .megaContainer.megaHijab ul a,
.megaDrop:hover .megaContainer.megaUpdates ul a {
    display: block;
}

.megaContainer.megaContest,
.megaContainer.megaFeatured,
.megaContainer.megaBazaar,
.megaContainer.megaFashion,
.megaContainer.megaBeauty,
.megaContainer.megaHijab,
.megaContainer.megaUpdates {
    display: none;
    position: absolute;
    top: 44px;
    width: 940px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 10px 15px -6px #c0c0c0;
    opacity: 0.8;
    z-index: 9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.megaContainer.megaBazaar .megaBazaarMenu,
.megaContainer.megaFashion .megaFashionCommunityMenu {
    width: 30%;
    float: left;
}

.megaContainer.megaBeauty .megaBeautyCommunityMenu,
.megaContainer.megaUpdates .megaUpdatesMenu,
.megaContainer.megaHijab .megaHijabCommunityMenu {
    width: 15%;
    float: left;
}

.megaContainer.megaContest .megaCommunityTitle,
.megaContainer.megaFeatured .megaCommunityTitle,
.megaContainer.megaBazaar .megaCommunityTitle,
.megaContainer.megaFashion .megaCommunityTitle,
.megaContainer.megaBeauty .megaCommunityTitle,
.megaContainer.megaHijab .megaCommunityTitle,
.megaContainer.megaUpdates .megaCommunityTitle {
    display: block;
    width: 100%;
    font-family: 'Times', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    line-height: 20px;
    text-align: left;
    padding: 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #000;
}

.megaContainer.megaContest .megaCommunityTitle,
.megaContainer.megaFeatured .megaCommunityTitle {
    border-bottom: none;
}

.megaContainer.megaContest .megaContestMenu ul,
.megaContainer.megaFeatured .megaFeaturedMenu ul,
.megaContainer.megaBazaar .megaBazaarMenu ul,
.megaContainer.megaFashion .megaFashionCommunityMenu ul,
.megaContainer.megaBeauty .megaBeautyCommunityMenu ul,
.megaContainer.megaHijab .megaHijabCommunityMenu ul,
.megaContainer.megaUpdates .megaUpdatesMenu ul {
    float: left;
}

.megaContainer.megaBazaar .megaBazaarMenu li,
.megaContainer.megaFashion .megaFashionCommunityMenu li {
    width: 50%;
    /*cursor: pointer;*/
    line-height: 24px;
}

.megaContainer.megaBeauty .megaBeautyCommunityMenu li,
.megaContainer.megaUpdates .megaUpdatesMenu li,
.megaContainer.megaHijab .megaBeautyCommunityMenu li {
    cursor: pointer;
    line-height: 24px;
    float: none;
}

.megaContainer.megaContest .megaContestMenu li:hover,
.megaContainer.megaFeatured .megaFeaturedMenu li:hover,
.megaContainer.megaBazaar .megaBazaarMenu li:hover,
.megaContainer.megaFashion .megaFashionCommunityMenu li:hover,
.megaContainer.megaBeauty .megaBeautyCommunityMenu li:hover,
.megaContainer.megaHijab .megaHijabCommunityMenu li:hover,
.megaContainer.megaUpdates .megaUpdatesMenu li:hover {
    display: block;
    padding: 0;
    margin: 0;
}

.megaContainer.megaContest .megaContestMenu li:hover a,
.megaContainer.megaBazaar .megaBazaarMenu li:hover a,
.megaContainer.megaFashion .megaFashionCommunityMenu li:hover a,
.megaContainer.megaBeauty .megaBeautyCommunityMenu li:hover a,
.megaContainer.megaUpdates .megaUpdatesMenu li:hover a,
.megaContainer.megaHijab .megaHijabCommunityMenu li:hover a {
    color: #dd1b54;
}

.megaContainer.megaContest .megaContestMenu ul a,
.megaContainer.megaFeatured .megaBeautyFeaturedMenu ul a,
.megaContainer.megaBazaar .megaBazaarMenu ul a,
.megaContainer.megaFashion .megaFashionCommunityMenu ul a,
.megaContainer.megaBeauty .megaBeautyCommunityMenu ul a,
.megaContainer.megaHijab .megaHijabCommunityMenu ul a,
.megaContainer.megaUpdates .megaUpdatesMenu ul a {
    font-size: 11px;
    color: #000;
}

.megaBazaarLink,
.megaFashionCommunityLink {
    width: 68%;
    float: left;
}

.megaBeautyCommunityLink,
.megaUpdatesLink,
.megaHijabCommunityLink {
    width: 85%;
    float: left;
}

.megaContainer.megaUpdates .megaUpdatesLink .shadow-none {
    box-shadow: none;
}

.megaContainer.megaBazaar .megaBazaarLink li,
.megaContainer.megaFashion .megaFashionCommunityLink li,
.megaContainer.megaBeauty .megaBeautyCommunityLink li,
.megaContainer.megaHijab .megaHijabCommunityLink li,
.megaContainer.megaUpdates .megaUpdatesLink li {
    width: 145px;
    float: left;
    margin: 0 15px 0 0;
    box-shadow: 0 10px 15px -6px #c0c0c0;
}

.megaContainer.megaBazaar .megaBazaarLink li:last-child,
.megaContainer.megaFashion .megaFashionCommunityLink li:last-child,
.megaContainer.megaBeauty .megaBeautyCommunityLink li:last-child,
.megaContainer.megaUpdates .megaUpdatesLink li:last-child,
.megaContainer.megaHijab .megaHijabCommunityLink li:last-child {
    margin: 0 0 0 0;
}

.megaContainer.megaBazaar .megaBazaarLink li img,
.megaContainer.megaContest li img,
.megaContainer.megaFashion .megaFashionCommunityLink li img,
.megaContainer.megaBeauty .megaBeautyCommunityLink li img,
.megaContainer.megaUpdates .megaUpdatesLink li img,
.megaContainer.megaHijab .megaHijabCommunityLink li img {
    float: left;
    -webkit-transition: all 0.5s;
    max-width: none;
}

.megaContainer.megaBazzar .megaBazaarLink li img:hover,
.megaContainer.megaContest li img:hover,
.megaContainer.megaFashion .megaFashionCommunityLink li img:hover,
.megaContainer.megaBeauty .megaBeautyCommunityLink li img:hover,
.megaContainer.megaUpdates .megaUpdatesLink li img:hover,
.megaContainer.megaHijab .megaHijabCommunityLink li img:hover {
    -webkit-filter: grayscale(0.3);
}

.megaDrop:hover .megaContainer.megaContest li {
    width: 150px;
    padding: 5px;
}

.megaDrop:hover .megaContainer.megaContest li,
.megaDrop:hover .megaContainer.megaFeatured li {
    width: 150px;
    padding: 8px 14px 0 2px;
}

.megaDrop:hover .megaContainer.megaContest li p,
.megaDrop:hover .megaContainer.megaFeatured li p {
    text-align: center;
    color: #000;
}

.megaDrop:hover .megaContainer.megaContest li p,
.megaDrop:hover .megaContainer.megaFeature li p {
    text-align: center;
    color: #000;
    line-height: 20px;
}

.megaDrop:hover .megaContainer.megaContest li img,
.megaDrop:hover .megaContainer.megaFeatured li img {
    width: 150px;
    height: 150px;
    box-shadow: 0 10px 15px -6px #c0c0c0;
}

.megaDrop:hover .megaContainer.megaContest,
.megaDrop:hover .megaContainer.megaBazaar,
.megaDrop:hover .megaContainer.megaFeatured,
.megaDrop:hover .megaContainer.megaFashion,
.megaDrop:hover .megaContainer.megaBeauty,
.megaDrop:hover .megaContainer.megaHijab,
.megaDrop:hover .megaContainer.megaUpdates {
    display: block;
    -webkit-animation: goMega 0.2s linear 0s 1 forwards;
    -moz-animation: goMega 0.2s linear 0s 1 forwards;
    animation: goMega 0.2s linear 0s 1 forwards;
}

.megaContainer.megaContest .noContest {
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: -40px;
}

.megaDrop:hover>a:before,
.megaDrop:hover>a:after {
    display: block;
}


/* megamenu featured sk-ii css */

.menu li .sk-ii-masthhead {
    width: 194px;
    height: 99px;
    float: left;
    display: block;
    margin-left: -11px;
    margin-top: -5px;
}

.menu li .sk-ii-masthead-text {
    width: 570px;
    height: 99px;
    margin: auto;
    font-size: 25px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #940532;
    line-height: 100px;
    vertical-align: top;
    float: left;
    display: block;
}

.menu li .sk-ii-masthead-text a,
.menu li .sk-ii-masthead-text a:hover {
    text-decoration: none;
    color: #940532 !important;
}

#cz-searchform {
    display: block;
}

.cz-searchbox {
    float: left;
    border: 1px solid #ccc;
    padding: 3px 0 3px 5px;
    outline: none;
    font-size: 12px;
    line-height: 20px;
    width: 230px;
}

.cz_button {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#efefef);
    cursor: pointer;
    line-height: 16px;
    float: right;
}

.cz_button:hover {}


/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {}

.menu li:hover .align_right {
    left: auto;
    right: -1px;
    top: 28px;
}


/* Columns Sizes */

.menu .col_1 {
    float: left;
    margin: 0;
}


/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */

.menu .firstcolumn {
    margin-left: 0;
    clear: left;
}


/* Standard lists styles */

.menu li ul {
    list-style: none;
    padding: 0;
    margin: 0 0 12px 0;
}

.menu li ul li {
    font-size: 12px;
    line-height: 24px;
    position: relative;
    padding: 0;
    margin: 0;
    float: left;
    text-align: left;
    width: 130px;
}

.menu li ul li a {
    padding: 0;
}

.menu li ul li:hover {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}


/* 2-Levels Drop Down */

.menu .levels,
.menu .levels ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu li:hover .levels a {
    display: block;
}

.menu .levels a {
    display: block;
}

.menu .levels li {
    float: left;
}

.menu .levels li ul {
    position: absolute;
    top: -23px;
    margin: 15px 0 0 4px;
    padding: 6px;
    left: -999em;
}

.menu .levels li:hover ul ul,
.menu .levels li:hover ul ul ul {
    left: -999em;
}

.menu .levels li:hover ul,
.menu .levels li li:hover ul,
.menu .levels li li li:hover ul {
    left: 142px;
}

.cz_none {
    display: none;
}


/* top dl banners */

.exp-slides-container {
    width: 934px;
    height: 340px;
    overflow: hidden;
    display: inline-block;
}

.exp-slides-container div {
    width: 934px;
    height: 340px;
    display: block;
}

.exp-slider-dimension {
    height: 934px;
    width: 340px;
}

#exp-fashion-slides {
    margin: 0;
    height: 340px;
    background-color: #ccc;
    width: 934px;
    position: relative;
}

#exp-slides {
    margin: -10px 0 0 -10px;
    height: 340px;
    background-color: #ccc;
    width: 934px;
}

#exp-fashion-slides .exp-next,
#exp-fashion-slides .exp-prev {
    position: absolute;
    height: 46px;
    display: block;
    z-index: 101;
}

#exp-fashion-slides .exp-prev {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: none;
    margin: auto 0;
}

#exp-fashion-slides .exp-next {
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    display: none;
    margin: auto 0;
}

#exp-fashion-slides:hover .exp-next {
    display: block;
}

#exp-fashion-slides:hover .exp-prev {
    display: block;
}

#exp-fashion-slides .pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 5;
    margin: 0;
    text-align: left;
    padding: 0 0 0 10px;
}

#exp-fashion-slides .pagination li {
    padding: 5px;
    margin: 0;
    background: none;
    border: none;
    display: inline-block;
}

#exp-fashion-slides .pagination li.current a {
    background-position: 0 -12px;
}

#exp-fashion-slides .pagination li a {
    background-image: url(//img-clo-prod-us.clozette.co/static/image/beauty-explore/pagination5.png);
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 17px;
    width: 15px;
}

#exp-fashion-slides .pagination li.current a,
#exp-fashion-slides .pagination li.current a:hover {
    background-position: 0 -16px;
}

#exp-fashion-slides .pagination li a:hover {
    /*background-position: 0 -26px;*/
}


/* feature slides */


/*#footer{margin:0 auto;width:960px;background-color:white}
#footer-about{padding:7px 0 10px;z-index:20;width:960px;background-color:white;border-top:1px solid #ddd}*/

.displayB {
    display: block !important;
    position: absolute;
    z-index: 100;
    background-color: white;
    box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
    -webkit-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
}

.mlist {}

.none {
    display: none;
}

ul {
    list-style: none;
}

#upload-from-pc {
    cursor: pointer;
    z-index: 999 !important;
}

.mdrop {
    float: left;
    margin: 0;
}

.mdrop a
/*,
#upload-from-pc*/

{
    font-size: 12px;
    line-height: 41px;
    color: #1a1316;
    display: inline-block;
}

.mdrop li {
    line-height: 15px;
    padding: 0 10px;
    text-align: left;
    font-size: 12px;
    width: 150px;
}

.mdrop li:hover {
    background-color: white;
}

.mdrop li:hover a {
    color: #dd1b54;
}

.mdrop.web:hover ul {
    display: block;
    position: absolute;
    z-index: 100;
    background-color: white;
    box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
    -webkit-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
}


/*
.mdrop:hover ul{display:block}
.mdrop:hover .mlist{position:absolute;z-index:100;background-color:white;left:-10px;top:41px;box-shadow:0 2px 5px rgba(34,25,25,0.5);-moz-box-shadow:0 2px 5px rgba(34,25,25,0.5);-webkit-box-shadow:0 2px 5px rgba(34,25,25,0.5)}
*/

.mdrop .mlist a
/*,
#upload-from-pc*/

{
    line-height: 30px;
}

.mlist-me {
    padding: 0 0 0 2px;
}

.mdrop-me {
    width: 32px;
    height: 32px;
    padding: 6px 4px;
}

.mdrop-me img {
    width: 28px;
    height: 28px;
}

.mdrop-me a {
    font-size: 12px;
    line-height: 17px;
    color: #1a1316;
    display: inline-block;
    border: 2px solid #fff;
    margin: 0 0 4px 0;
}

.mdrop-me li {
    line-height: 30px;
    width: 130px;
    padding-left: 10px;
}

.mdrop-me li:hover {
    background-color: white;
}

.mdrop-me li:hover a {
    color: #dd1b54;
}

.mdrop-me.desktop:hover ul,
.mdrop-me.active ul {
    display: block;
}

.mdrop-me.desktop:hover .mlist-me,
.mdrop-me.active .mlist-me {
    position: absolute;
    z-index: 100;
    background-color: white;
    right: 0;
    top: 43px;
    box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
    -webkit-box-shadow: 0 2px 5px rgba(34, 25, 25, 0.5);
}


/********************************************/


/* Fashion Community: ; */


/********************************************/

.community-filter-stick-menu {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    float: left;
    /* background-color: #f8f8f8; */
    background-color: #fff;
}

.community-filter-stick-menu::after,
.community-filter-stick-menu::before {
    display: inline-block;
    content: '';
    border-top: 1px solid #e8e7e7;
    border: none;
    width: 100%;
    position: absolute;
}

.community-filter-stick-menu::after {
    bottom: 19.5px;
    z-index: 1;
}

.community-filter-stick-menu.sticky::after {
    bottom: 0;
}

.community-filter-stick-menu::before {
    z-index: 1;
    border: none;
}

.community-filter-stick-menu .sticky-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    z-index: 2;
}

.left-filter-container {
    width: auto;
    float: left;
}

.left-filter-container li {
    float: left;
    padding: 0;
}

.left-filter-container li.dd {
    position: relative;
}

.left-filter-container li.dd:hover>ul.sub-filter {
    display: block;
    top: 36px;
}

.left-filter-container li.dd:hover>.hiddenCover {
    display: block;
}

.left-filter-container ul.sub-filter {
    display: none;
    position: absolute;
    top: 40px;
    left: 5px;
    z-index: 3;
    background: #000;
    opacity: 0.8;
    padding: 5px 10px 5px 0;
    width: 120px;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 12px;
    -webkit-animation: moveFromBottom 0.15s ease-in-out;
    -moz-animation: moveFromBottom 0.15s ease-in-out;
    animation: moveFromBottom 0.15s ease-in-out;
}

.hiddenCover {
    display: none;
    background: transparent;
    position: absolute;
    width: 200px;
    height: 275px;
    z-index: 2;
    left: -28px;
}

.left-filter-container ul.sub-filter li {
    float: none;
    padding: 0;
}

.left-filter-container ul.sub-filter li span {
    display: block;
    border-top: 1px solid #999;
    margin: 5px 0 5px 10px;
}

.left-filter-container ul.sub-filter li a {
    display: block;
    padding: 5px 0 5px 5px;
    margin: 0 0 0 5px;
    color: #fff;
}

.left-filter-container ul.sub-filter li a:hover {
    text-decoration: none;
    color: #fff;
    background: #222;
}


/* Category Filter Button */

.filter-btn {
    /* background: rgba(255, 255, 255, 0.4); */
    display: inline-block;
    color: #000;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding: 19px 18px;
    text-decoration: none;
    /* border: 1px solid rgba(0, 0, 0, 0.4); */
    /* margin-left: 5px; */
    margin: 0;
    position: relative;
}

.filter-btn:hover {
    /* border: 1px solid #000; */
    /* border-top: 1px solid #E57A88; */
    border-bottom: 1px solid #e57a88;
    text-decoration: none;
    color: #e57a88;
    /* padding: 18px 18px; */
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    /* background: rgba(0, 0, 0, 0.3); */
}

.filter-btn.selected {
    /* border: 1px solid #000; */
    /* border-top: 1px solid #E57A88; */
    /* border-bottom: 1px solid #E57A88; */
    text-decoration: none;
    color: #e57a88;
    /* padding: 18px 18px; */
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    /* background: rgba(0, 0, 0, 0.3); */
}

.sortby-filter-container {
    width: auto;
    margin: 12px 10px;
    position: relative;
    position: absolute;
    margin: 0;
}


/* Sortby links */

.sortby-links {
    display: inline-block;
    color: #000;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    padding: 0px 10px;
}

.sortby-links-border {
    /* border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(0, 0, 0, 0.4); */
}

.sortby-links-border::after {
    content: '\A';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #000;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: calc(50% + 9px);
    transform: translate(-50%, -50%);
}

.sortby-links:hover {
    display: inline-block;
    color: #000;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    padding: 0px 10px;
}


/********************************************************************/


/* browse single */


/********************************************************************/

#item-modal-content .fashion.browse-single .popup-collection-images.selected,
.fashion.browse-single .popup-collection-images.selected {
    opacity: 1;
}

#item-modal-content .fashion.browse-single .popup-collection-images img.selected,
.fashion.browse-single .popup-collection-images img.selected {
    width: 58px !important;
    height: 58px !important;
    border: 1px solid #222;
}

#masonry-item-prev {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -511px;
    width: 30px;
    height: 95px;
    background: url(//indo.zettecdn.com/static/left-arrow.jpg) no-repeat;
}

#masonry-item-next {
    display: block;
    position: fixed;
    top: 50%;
    right: 50%;
    margin-top: -25px;
    margin-right: -511px;
    width: 30px;
    height: 95px;
    background: url(//indo.zettecdn.com/static/right-arrow.jpg) no-repeat;
}

.popup-collection-header header {
    color: #ffffff;
}

.popup-collection-header header:before {
    right: 0.5em;
    margin-left: -40%;
}

.popup-collection-header header:after {
    left: 0.5em;
    margin-right: -40%;
}

.popup-collection-header header:before,
.popup-collection-header header:after {
    background-color: #777676;
    content: '';
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 10%;
}

.fashion.browse-single .popup-item-image img {}

.fashion.browse-single {
    width: 940px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0 15px #e0e0e0;
    -moz-box-shadow: 0px 0 15px #e0e0e0;
    box-shadow: 0px 0 15px #e0e0e0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.fashion.browse-single .main {
    width: 615px;
    height: auto;
    min-height: 740px;
    float: left;
    margin: 10px 0 10px 10px;
    background-color: #fff;
}

.fashion.browse-single .popup-user-profile-container {
    position: relative;
    width: 570px;
    height: 70px;
    /*background-image: url("//indo.zettecdn.com/static/top-loggedin-bkgd.jpg");*/
    background-color: #f6f6f6;
    padding: 15px 20px;
}

.fashion.browse-single .popup-user-profile-container .items-list-user-profile-name {
    width: 385px;
    font-family: AvenirNextLTPro-Regular;
}

.fashion.browse-single .popup-user-profile-container .items-list-user-profile-name b:first-child a {
    color: #dd1b54;
}

.fashion.browse-single .popup-user-profile-pic {
    width: 60px;
    height: 60px;
    float: left;
    border: 3px solid #fff;
}

.fashion.browse-single .popup-user-profile-pic a {
    display: block;
}

.fashion.browse-single .popup-user-profile-pic img {
    width: 100%;
}

.fashion.browse-single .items-list-user-profile-name {
    padding: 0 0 8px 15px;
    width: 540px;
    height: auto;
    float: left;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 16px;
}

.popup-replied-comments-box .items-list-user-profile-name {
    width: 400px !important;
}

.fashion.browse-single .items-list-user-profile-name a.popup-username {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: bold;
}

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

.fashion.browse-single .popup-followbtn-container {
    width: 93px;
    height: 26px;
    float: right;
    margin-top: 20px;
}

.fashion.browse-single .popup-arrowcut {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    font-size: 0;
    line-height: 0;
    margin: 75px 25px;
    position: absolute;
}

.fashion.browse-single .fb-followBtn,
.fashion.browse-single .clz_follow,
.clz_follow {
    cursor: pointer;
    background: url('../img/cd-sprite.png') no-repeat 0 -303px;
    width: 93px;
    height: 26px;
    display: inline-block;
}

.fashion.browse-single .fb-followBtn:hover,
.fashion.browse-single .clz_follow:hover,
.clz_follow:hover {
    background: url('../img/cd-sprite.png') no-repeat 0 -329px;
}

.fashion.browse-single .clz_following,
.clz_following {
    cursor: pointer;
    background: url('../img/cd-sprite.png') no-repeat 0 -355px;
    width: 93px;
    height: 26px;
    display: inline-block;
}

.fashion.browse-single .clz_following:hover,
.clz_following:hover {
    background: url('../img/cd-sprite.png') no-repeat 0 -382px;
}

.fashion.browse-single .popup-item-container {
    width: 568px;
    padding: 15px 20px;
    position: relative;
    background-color: #fff;
    border: 1px solid #f6f5f5;
    border-width: 0 1px 1px 1px;
}

.fashion.browse-single .popup-item-image {
    position: relative;
    display: block;
    width: 560px;
}

.fashion.browse-single .popup-item-image img {
    -webkit-box-shadow: 4px 4px 5px 0px rgba(204, 207, 207, 0.75);
    -moz-box-shadow: 4px 4px 5px 0px rgba(204, 207, 207, 0.75);
    box-shadow: 4px 4px 5px 0px rgba(204, 207, 207, 0.75);
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}

.fashion.browse-single .popup-image-originally {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px;
    display: none;
}

.fashion.browse-single .popup-image-description {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    padding: 5px;
    line-height: 130%;
    font-family: AvenirNextLTPro-Regular;
    margin-top: 15px;
}

.fashion.browse-single .popup-image-article-title {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    padding: 5px;
    margin-top: 30px;
}

.popup-image-article-title {
    font-family: AvenirNextLTPro-Bold;
}

.fashion.browse-single .popup-image-article-description {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    padding: 5px;
    text-align: left;
    line-height: 130%;
    font-family: AvenirNextLTPro-Regular;
}

.fashion.browse-single .popup-image-article-comment {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    padding: 10px;
    padding-left: 30px;
    margin: 5px;
    text-align: left;
    line-height: 130%;
    border: 1px solid #eee;
}

.popup-image-article-comment {
    font-family: AvenirNextLTPro-Regular;
}

.fashion.browse-single .popup-social-btns {
    width: auto;
    height: 33px;
    margin: 10px 0;
}

.fashion.browse-single .popup-fbicon {
    height: 40px;
    width: 38px;
    background: url('../img/cd-sprite.png') 0 -435px;
    display: inline-block;
}

.fashion.browse-single .popup-fbicon:hover {
    background: url('../img/cd-sprite.png') 0 -474px;
}

.fashion.browse-single .twitter-fbicon {
    height: 40px;
    width: 38px;
    background: url('../img/cd-sprite.png') -42px -435px;
    display: inline-block;
}

.fashion.browse-single .twitter-fbicon:hover {
    background: url('../img/cd-sprite.png') -42px -474px;
}

.fashion.browse-single .pinterest-fbicon {
    height: 40px;
    width: 38px;
    background: url('../img/cd-sprite.png') -86px -435px;
    display: inline-block;
}

.fashion.browse-single .pinterest-fbicon:hover {
    background: url('../img/cd-sprite.png') -86px -474px;
}

.fashion.browse-single .popup-likebtn {
    width: 93px;
    height: 25px;
    background: url('../img/cd-sprite.png') -105px -201px;
    display: inline-block;
}

.fashion.browse-single .popup-likebtn:hover {
    background: url('../img/cd-sprite.png') -105px -226px;
}

.fashion.browse-single .popup-likebtn.liked {
    background: url('../img/cd-sprite.png') -105px -354px;
}

.fashion.browse-single .popup-addbtn {
    width: 93px;
    height: 25px;
    background: url('../img/cd-sprite.png') -105px -252px;
    display: inline-block;
    margin-left: 3px;
}

.fashion.browse-single .popup-addbtn:hover {
    background: url('../img/cd-sprite.png') -105px -277px;
}

.fashion.browse-single .popup-commentbtn {
    width: 93px;
    height: 25px;
    background: url('../img/cd-sprite.png') -105px -303px;
    display: inline-block;
    margin-left: 3px;
}

.fashion.browse-single .popup-commentbtn:hover {
    background: url('../img/cd-sprite.png') -105px -328px;
}

.fashion.browse-single .popup-like-text,
.fashion.browse-single .popup-comment-text {
    font-size: 13px;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px 5px 5px 0px;
    display: inline-block;
}


/* POPUP COMMENTS */

.fashion.browse-single .popup-comments-container {
    width: 610px;
    height: auto;
    background-color: #fff;
    float: left;
    margin-top: 10px;
    padding: 0 0 20px 0;
}

.fashion.browse-single .popup-comments-header {
    width: 570px;
    padding: 10px 20px;
    background-color: #f6f6f6;
}

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

.fashion.browse-single .popup-comment-box,
.fashion.browse-single .popup-mycomment-box {
    width: 300px;
    height: auto;
    margin: 0 10px;
    padding: 15px 0px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
}

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

.fashion.browse-single .popup-replied-comments-box::-webkit-scrollbar-corner {
    background: transparent;
}

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

.fashion.browse-single .popup-replied-comments-box::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

.fashion.browse-single .popup-replied-comments-box::-webkit-scrollbar-thumb {
    background-color: rgba(0, 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, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.fashion.browse-single .popup-replied-comments-box::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 16px;
}

.fashion.browse-single .thread-reply {
    width: 570px;
    height: auto;
    margin: 0 24px 0 64px;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

.fashion.browse-single .thread-reply>ul {
    width: 545px;
    margin: 0 10px 0 0;
    padding: 15px 0;
}

.fashion.browse-single .thread-reply ul ul {
    width: 485px;
}

.fashion.browse-single .thread-reply textarea {
    width: 495px !important;
}

.fashion.browse-single .popup-replied-comments-box>.popup-comment-box {
    width: auto;
    position: relative;
}

.fashion.browse-single .popup-reply-btn-container {
    visibility: hidden;
    display: block;
}

.fashion.browse-single .popup-comment-box:hover>.popup-reply-btn-container {
    visibility: visible;
}


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

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

.fashion.browse-single .popup-comemnts-profile-pic,
.fashion.browse-single .popup-my-profilepic,
.fashion.browse-single .popup-replied-profilepic {
    width: 50px;
    height: 50px;
    float: left;
}

.fashion.browse-single .popup-comemnts-profile-pic {
    margin: 0 0 0 5px;
}

.fashion.browse-single .popup-comemnts-profile-pic img,
.fashion.browse-single .popup-my-profilepic img {
    width: 100%;
}

.fashion.browse-single .popup-replied-profilepic {
    margin-left: 10px;
}

.fashion.browse-single .popup-reply-btn-container,
.fashion.browse-single .popup-comments-btn-container {
    float: right;
    margin: 12px 10px 0px 0px;
}

.fashion.browse-single .popup-replied-comments-box .popup-reply-btn-container {
    position: absolute;
    right: 0;
}

.fashion.browse-single .popup-reply-btn {
    background: rgba(0, 0, 0, 0.3);
    display: inline-block;
    color: #fff;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 20px;
    text-decoration: none;
    margin-left: 5px;
}

.fashion.browse-single a#comment-photo,
.fashion.browse-single a#comment-upload {
    display: none;
}

.fashion.browse-single .popup-reply-btn:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    color: #fff;
}

.fashion.browse-single .popup-mycomments-container {
    width: 660px;
    height: auto;
    background-color: #fff;
    float: left;
}

.fashion.browse-single .comentstextbox-container {
    margin-left: 10px;
    float: left;
    width: 485px;
}

.fashion.browse-single .comentstextbox-container.comment-box {
    width: auto;
}

.fashion.browse-single .smileys ul {
    float: right;
    clear: both;
    display: none;
}


/*.comment-box { width:571px;height: 43px;display:inline; vertical-align: top; }*/

.fashion.browse-single .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;
    font-family: AvenirNextLTPro-Regular;
}

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

.fashion.browse-single .comentstextbox-container ul {
    text-align: right;
}

.fashion.browse-single.comentstextbox-container ul li.smileys {
    display: block;
}

.fashion.browse-single .comentstextbox-container ul li {
    display: inline-block;
}

.fashion.browse-single .sidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 330px;
    background-color: #fff;
    margin: 0;
}

.fashion.browse-single .popup-collection-container {
    width: 295px;
    height: auto;
    text-align: center;
    background-color: #000;
    padding: 10px;
    margin: 10px 7px;
}

.fashion.browse-single .popup-collection-header {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    line-height: 21px;
}

.fashion.browse-single .popup-collection-name {
    font-family: 'Open Sans', serif;
    font-size: 15px;
    text-transform: uppercase;
}

.fashion.browse-single .popup-collection-header a {
    color: #fff;
    font-family: 'Open Sans', serif;
}

.fashion.browse-single .popup-collection-images-container {
    width: 308px;
    height: auto;
    padding: 3px;
    overflow: hidden;
    margin: 10px auto 15px auto;
    -webkit-box-shadow: -1px 7px 4px 0px rgba(186, 186, 186, 0.75);
    -moz-box-shadow: 1px 3px 7px 0px rgba(186, 186, 186, 0.75);
    box-shadow: 1px 3px 7px 0px rgba(186, 186, 186, 0.75);
}

.fashion.browse-single .popup-collection-images {
    width: 60px;
    height: 60px;
    float: left;
    padding-top: 2px;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
    -moz-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: opacity 0.5s linear;
    margin-right: 2px;
}

.fashion.browse-single .popup-collection-images:nth-child(5n+5) {
    margin-right: 0;
}

.fashion.browse-single .popup-collection-images:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.5s linear;
}

.fashion.browse-single .popup-collection-images img {
    width: 60px !important;
    height: 60px !important;
}

.fashion.browse-single .popup-recent-likes-container {
    height: auto;
    overflow: hidden;
    margin: 0 15px 0 15px;
    text-align: left;
    padding-bottom: 5px;
}

.fashion.browse-single .popup-recent-likes-header {
    width: 100%;
    font-family: 'AvenirNext', sans-serif;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    line-height: 18px;
}

.fashion.browse-single .popup-collection-name {
    font-family: 'Times New Roman', serif;
    font-size: 15px;
    text-transform: uppercase;
}

.fashion.browse-single .heart-icon {
    width: 20px;
    height: 17px;
    background: url('../img/cd-sprite.png') -119px 0;
    display: inline-block;
    margin-right: 3px;
    float: left;
}

.fashion.browse-single .plus-icon {
    width: 20px;
    height: 17px;
    background: url('../img/cd-sprite.png') -253px 0;
    display: inline-block;
    margin-right: 3px;
    float: left;
}

.fashion.browse-single .popup-recent-like-profilepic {}

.fashion.browse-single .popup-recentlikes-profile-pic {
    width: auto;
    height: auto;
    float: left;
    margin: 0;
    padding: 1px;
    overflow: hidden;
}

.fashion.browse-single .popup-recentlikes-profile-pic:first-child {}

.fashion.browse-single .seemore-like {
    display: block;
    text-align: right;
    font-size: 12px;
    margin: 0 15px 0 0;
}

.fashion.browse-single .popup-recentlikes-profile-pic a {
    display: block;
}

.fashion.browse-single .popup-recentlikes-profile-pic img {
    width: 28px;
    height: 28px;
}

.fashion.browse-single .popup-collector-container {
    height: auto;
    overflow: hidden;
    margin: 0 15px;
    text-align: left;
    padding-bottom: 5px;
}

.fashion.browse-single .popup-collector-header {
    width: 100%;
    font-family: 'AvenirNext', sans-serif;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    line-height: 18px;
}

.fashion.browse-single .popup-collector-profilepic-container {}

.fashion.browse-single .popup-collector-profilepic {
    float: left;
}

.fashion.browse-single .popup-collector-profilepic a {
    display: block;
}

.fashion.browse-single .popup-collector-profilepic img {
    display: block;
    width: 28px;
    height: 28px;
    padding: 1px;
}

.fashion.browse-single .popup-collector-meta {
    width: 225px;
    float: left;
    margin: 0 0 0 10px;
}

.fashion.browse-single .popup-mrect-container {
    width: 300px;
    padding-top: 10px;
    margin: 10px auto 0 auto;
    border-top: 1px solid #eee;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.fashion.browse-single .advertisement-text {
    text-align: left;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 3px;
    text-align: center;
}

.fashion.browse-single .grabLinkPhoto {
    display: block;
    width: 300px;
    margin: 10px auto;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.fashion.browse-single .grabLinkPhoto textarea {
    display: block;
    width: 278px;
    min-height: 70px;
    padding: 10px;
    resize: none;
    background-color: #f6f5f5;
    border: none;
    outline: none;
}

.fashion.browse-single .popup-tags-container {
    height: auto;
    overflow: hidden;
    margin: 0 15px;
    text-align: left;
    padding: 7px 0;
    font-family: 'AvenirNext', sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    text-transform: uppercase;
}

.fashion.browse-single .popup-tags-container.private_note {
    color: #dd1b54;
}

.fashion.browse-single .popup-tags-container span {
    float: left;
    line-height: 18px;
}

.fashion.browse-single .popup-tags-container span.noCaps {
    float: none;
    text-transform: none;
    line-height: 14px;
}

.fashion.browse-single .popup-tags-container ul {
    font-size: 12px;
    float: left;
    margin: 0 0 0 10px;
    width: 225px;
}

.fashion.browse-single .popup-tags-container li {
    margin: 0 5px 0 0;
    float: left;
    line-height: 18px;
    text-transform: lowercase;
}

.bty-explore-container.beauty .exp-prev {
    position: absolute !important;
    left: 0 !important;
    top: 150px !important;
}

.bty-explore-container.beauty .exp-next {
    position: absolute !important;
    right: 0 !important;
    top: 150px !important;
}

.bty-explore-container.beauty .exp-slider-dimension {
    height: 633px;
    width: 300px;
}

.bty-explore-container.beauty .exp-slides-container {
    width: 633px;
    height: 340px;
    display: block;
}

.bty-explore-container.beauty .exp-slides-container div {
    width: 633px;
    height: 340px;
}

.bty-explore-container.beauty #exp-fashion-slides {
    width: 633px;
    height: 340px;
    position: relative;
}

.bty-explore-container.beauty {
    width: 934px;
    height: 551px;
    margin: 0 auto 20px auto;
    -webkit-box-shadow: -1px 7px 4px 0px rgba(186, 186, 186, 0.75);
    -moz-box-shadow: -1px 7px 4px 0px rgba(186, 186, 186, 0.75);
    box-shadow: -1px 7px 4px 0px rgba(186, 186, 186, 0.75);
}

.bty-explore-container.beauty .bty-explore-left {
    float: left;
    width: 633px;
    height: 552px;
}

.bty-explore-container.beauty .bty-explore-right {
    float: left;
    width: 300px;
    height: 575px;
    background-color: none;
}

.bty-explore-container.beauty .bty-explore-dl {
    width: 633px;
    height: 340px;
    background-color: none;
}

.bty-explore-container.beauty .bty-explore-sqr {
    width: 633px;
    height: 235px;
}

.bty-explore-container.beauty .bty-explore-sqr div {
    float: left;
    width: 210px;
    height: 210px;
    background-color: none;
}

.bty-explore-container.beauty .bty-explore-ads {
    width: 300px;
    height: 250px;
    background-color: none;
}

.bty-explore-container.beauty .cz_width_707 {
    width: 633px;
}

.bty-explore-container.beauty .bty-explore-dl-img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.bty-explore-container.beauty .bty-explore-ads-gif {
    width: 934px;
    height: 15px;
    text-align: right;
}

.bty-explore-container.beauty .bty-explore-hgap {
    width: 633px;
    height: 1px;
}

.bty-explore-container.beauty .bty-explore-vgap2 {
    float: left;
    height: 575px;
    width: 1px;
}

.bty-explore-container.beauty .bty-explore-adds-box {
    width: 300px;
    height: 250px;
}

.bty-explore-container.beauty .bty-explore-promo {
    width: 300px;
    height: 300px;
    overflow: hidden;
}

.bty-explore-container.beauty .bty-explore-promo a {
    display: block;
}

.bty-explore-container.beauty .bty-explore-comm-sqr-title {
    background: none repeat scroll 0 0 grey;
    color: white;
    font-family: arial;
    font-size: 13px;
    height: 115px;
    padding: 0;
}

.bty-explore-container.beauty .bty-explore-comm-sqr-title a {
    display: block;
}

.bty-explore-container.beauty .bty-explore-comm-sqr-title img {
    display: block;
    width: 210px;
    height: 210px;
}

.bty-explore-container.beauty .bty-explore-comm-sqr-title:hover,
.bty-explore-container.beauty .exp-slider-dimension:hover,
.bty-explore-container.beauty .bty-explore-promo:hover {
    opacity: 0.9;
}

.bty-explore-container.beauty .bty-explore-comm-sqr-fig-caption {
    font-family: 'Open Sans';
    background-color: #000;
    color: #fff;
    bottom: 0;
    height: 20px !important;
    left: 0;
    opacity: 0.8;
    padding: 10px 5px 5px;
    position: absolute;
    transition: all 0.6s ease 0s;
    width: 200px !important;
    text-align: center;
}

.bty-explore-container.beauty span.video {
    background: url('//img-clo-prod-us.clozette.co/static/img/video-play-70.png') repeat scroll 0 0 / 40px 40px transparent;
    bottom: 0;
    cursor: pointer;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    position: absolute;
    right: 82px;
    top: 93px;
    width: 40px;
}

.animatedBounce {
    -webkit-animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
}

.animatedBounce.infinite {
    -webkit-animation-iteration-count: infinite;
}

.bouncebounce {
    float: left;
}

.bounce1 {
    -webkit-animation-delay: 0.5s;
}

.bounce2 {
    -webkit-animation-delay: 0.7s;
}

.bounce3 {
    -webkit-animation-delay: 0.2s;
}

.bounce4 {
    -webkit-animation-delay: 0.4s;
}

.bounce5 {
    -webkit-animation-delay: 0.5s;
}

.bounce6 {
    -webkit-animation-delay: 0.1s;
}

.bounce7 {
    -webkit-animation-delay: 0.2s;
}

.bounce8 {
    -webkit-animation-delay: 0.3s;
}

.bounce9 {
    -webkit-animation-delay: 0.7s;
}

.bounce10 {
    -webkit-animation-delay: 0.6s;
}

.bounce11 {
    -webkit-animation-delay: 0.3s;
}

.bounceThis:hover .bouncebounce {
    -webkit-animation-name: bouncebounce;
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5) translateZ(1px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scale(1) translateZ(1px);
        opacity: 1;
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5) translateZ(1px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scale(1) translateZ(1px);
        opacity: 1;
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5) translateZ(1px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scale(1) translateZ(1px);
        opacity: 1;
    }
}

@-webkit-keyframes bouncebounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-3px);
    }
}

@-webkit-keyframes goMega {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes goMega {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes goMega {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scaleUp {
    50% {
        width: 100%;
        -webkit-transform: scale(0, 0);
    }
    100% {
        width: 100%;
        -webkit-transform: scale(1, 1);
    }
}

@-webkit-keyframes scaleDown {
    0% {
        width: 100%;
        -webkit-transform: scale(1, 1);
    }
    99% {
        width: 100%;
        -webkit-transform: scale(0, 0);
    }
    100% {
        width: 0px;
        -webkit-transform: scale(0, 0);
    }
}

@-moz-keyframes scaleUp {
    50% {
        width: 100%;
        -moz-transform: scale(0, 0);
    }
    100% {
        width: 100%;
        -moz-transform: scale(1, 1);
    }
}

@-moz-keyframes scaleDown {
    0% {
        width: 100%;
        -moz-transform: scale(1, 1);
    }
    99% {
        width: 100%;
        -moz-transform: scale(0, 0);
    }
    100% {
        width: 0px;
        -moz-transform: scale(0, 0);
    }
}

@-o-keyframes scaleUp {
    50% {
        width: 100%;
        -o-transform: scale(0, 0);
    }
    100% {
        width: 100%;
        -o-transform: scale(1, 1);
    }
}

@-o-keyframes scaleDown {
    0% {
        width: 100%;
        -o-transform: scale(1, 1);
    }
    99% {
        width: 100%;
        -o-transform: scale(0, 0);
    }
    100% {
        width: 0px;
        -o-transform: scale(0, 0);
    }
}

@-ms-keyframes scaleUp {
    50% {
        width: 100%;
        -ms-transform: scale(0, 0);
    }
    100% {
        width: 100%;
        -ms-transform: scale(1, 1);
    }
}

@-ms-keyframes scaleDown {
    0% {
        width: 100%;
        -ms-transform: scale(1, 1);
    }
    99% {
        width: 100%;
        -ms-transform: scale(0, 0);
    }
    100% {
        width: 0px;
        -ms-transform: scale(0, 0);
    }
}

@keyframes scaleUp {
    50% {
        width: 100%;
        transform: scale(0, 0);
    }
    100% {
        width: 100%;
        transform: scale(1, 1);
    }
}

@keyframes scaleDown {
    0% {
        width: 100%;
        transform: scale(1, 1);
    }
    99% {
        width: 100%;
        transform: scale(0, 0);
    }
    100% {
        width: 0px;
        transform: scale(0, 0);
    }
}


/* Sign Up */

.signup-background-container,
.login-background-container,
.login-background-container-id {
    width: 100%;
}

.signup-background-container,
.signup-background-container-id {
    height: 657px;
}

.signup-background-container {
    background: url('../img/signup-bkgd-v2.jpg') 0;
}

.login-main {
    font-size: 0px;
}

.signup-background-container-id {
    background: url('../img/xlogin_page_bg_bianca.jpg');
    height: auto;
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
}

.login-background-container {
    height: 600px;
}

.login-background-container-id {
    height: 657px;
}

.login-background-container {
    background: url('../img/signup-bkgd-v2.jpg') 0 -25px;
}

.login-background-container-id {
    background: url('../img/login_page_bg_bianca.jpg');
}

.signup-black-translucent,
.login-black-translucent {
    width: 294px;
    background-color: rgba(0, 0, 0, 0.72);
    float: left;
    padding: 25px 38px;
    position: absolute;
}

.signup-black-translucent {
    height: 540px;
    margin-top: -27px;
    margin-left: -38px;
    font-family: 'AvenirNext-Regular', sans-serif;
}

.signup-black-translucent {
    height: auto;
    padding-bottom: 30px;
}

.login-black-translucent {
    height: auto;
    font-family: 'AvenirNext-Regular', sans-serif;
}

.signup-blurred-image,
.login-blurred-image {
    width: 370px;
    margin-left: 408px;
    float: left;
    position: relative;
}

.signup-blurred-image {
    width: 332px;
    height: 540px;
    margin-top: 32px;
    padding: 25px 0 25px 38px;
}

.login-blurred-image {
    height: auto;
    margin-top: 50px;
}

.reset-blurred-image {
    width: 100%;
    margin-left: 408px;
    float: left;
    position: relative;
    height: 200px;
    margin-top: 67px;
}

.reset-black-translucent {
    width: 294px;
    background-color: rgba(0, 0, 0, 0.72);
    float: left;
    padding: 25px 38px;
    position: absolute;
    height: 210px;
}

.login-blurred-image-small,
.login-blurred-image-small-id {
    width: 370px;
    float: left;
    position: relative;
    height: 440px;
}

.login-blurred-image-small {
    background-image: url('../img/signup-blurredimg-v1.jpg');
}

.login-blurred-image-small-id {
    background-image: url('../img/signup_pop_up_bg_bianca.jpg');
}

.signup-text {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 28px;
    float: left;
    width: 293px;
}

.fb-signIn-btn {
    width: 291px;
    height: 37px;
    background: url('../img/cd-sprite.png') 0 -586px;
    display: inline-block;
    margin-top: 20px;
}

.fb-signIn-btn:hover {
    width: 291px;
    height: 37px;
    background: url('../img/cd-sprite.png') 0 -586px;
    display: inline-block;
    margin-top: 20px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
}

h5 {
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

h5:before,
h5:after {
    background-color: #fff;
    content: '';
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

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

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

.OR-container {
    width: auto;
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 20px;
    font-family: AvenirNextLTPro-Regular;
}

.tip-container {
    width: auto;
    text-align: center;
    font-size: 12px;
    padding-top: 15px;
    margin-bottom: 20px;
    color: #fff;
}

#signup_msg.alert,
#login_msg.alert {
    width: 273px;
    margin: 0 auto;
    padding: 10px;
}

#login_msg,
#signup_msg {
    font-size: 12px;
    background: #dc1c55;
    width: 100%;
    text-align: center;
}

.control-error {
    background: #dc1c55;
    width: 288px;
    padding-left: 5px;
    margin: 0 auto;
    color: #fff;
    font-size: 11px;
    text-align: left;
    display: none;
}

.control-error>i {
    margin-right: 5px;
}

input.error {
    border: 1px solid #dc1c55;
}

label.error {
    color: #dc1c55;
}

.fields-text-profile,
.fields-text-password {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
    float: left;
    padding-bottom: 6px;
    display: inline;
    font-family: AvenirNextLTPro-Regular;
}

.fields-text-profile {
    margin: 5px 0 5px 0;
    width: 100%;
}

.fields-text-password {
    margin: 0 0 0 0;
}

.fields-text {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
    float: left;
    padding-bottom: 6px;
    display: inline;
}

.birthday-field-container {
    width: 293px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
    float: left;
    padding-bottom: 6px;
    display: inline;
}

.birthday-field-container-margin {
    margin-left: 17px;
}


/* Captcha field */

.fields-captcha {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
    float: left;
    padding-bottom: 6px;
    display: inline;
    margin: 20px 0px;
}

.fields-captcha .style-image {
    width: 45%;
    float: left;
}

.fields-captcha .style-input {
    width: 45%;
    float: right;
}

.fields-captcha .style-input input {
    top: 5px;
    right: 15px;
    height: 25px;
    width: 100%;
    padding: 0 0 0 10px;
    border: 0px;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    background-color: #fff;
}

#reg_captcha_error {
    width: 100%;
    padding: 3px 6px;
    float: left;
    display: none;
}

.signUpFB-btn,
.loginBtn,
.resetBtn,
.confirmBtn {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #fff;
    margin-top: 10px;
    white-space: nowrap;
}

.loginBtn,
.loginBtn:hover {
    padding: 5px 125px;
}

.resetBtn {
    padding: 5px 119px;
}

.confirmBtn,
.confirmBtn:hover {
    padding: 5px 115px;
}

.signUpFB-btn:hover,
.loginBtn:hover,
.confirmBtn:hover {
    background-color: rgba(255, 255, 255, 0.2);
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

.signUpFB-btn,
.signUpFB-btn:hover {
    padding: 5px 85px;
}

.alert {
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    float: left;
}

.forgotYourPasswd {
    width: 294px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    float: left;
    margin-top: 10px;
}

.Login-newuser {
    float: left;
    width: 370px;
    /* height: 40px; */
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    margin-top: 50px;
    position: absolute;
    top: 340px;
    margin-left: -38px;
    padding: 8px 0px 8px 0px;
    line-height: 17px;
}

.Login-newuser:hover {
    float: left;
    width: 370px;
    /* height: 40px; */
    background-color: #dc1c55;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    margin-top: 50px;
    position: absolute;
    top: 340px;
    margin-left: -38px;
    padding: 8px 0px 8px 0px;
    line-height: 17px;
    text-decoration: none;
}

.newuserText {
    font-size: 16px;
}

#signup-field {
    width: 283px;
    height: 25px;
    display: inline;
    /* vertical-align: top; */
}

#signup-field input {
    top: 5px;
    right: 15px;
    width: 283px;
    height: 25px;
    padding: 0 0 0 10px;
    border: 0px;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    background-color: #fff;
}

#email-field {
    width: 283px;
    height: 25px;
    display: inline;
    /* vertical-align: top; */
}

#email-field input {
    top: 5px;
    right: 15px;
    width: 283px;
    height: 25px;
    padding: 0 0 0 10px;
    border: 0px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0.15);
}


/* 1st Time FB Sign UP*/

h6 {
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 2px 0px;
}

h6:before,
h6:after {
    background-color: #fff;
    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%;
}

.fb-1st-time-profile-container {
    width: 100%;
    padding: 15px 0px;
}

.fb-1st-time-profile-img {
    width: 140px;
    height: 140px;
    border: 4px solid #fff;
    -webkit-box-shadow: -1px -1px 30px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: -1px -1px 30px 0px rgba(255, 255, 255, 0.75);
    box-shadow: -1px -1px 30px 0px rgba(255, 255, 255, 0.75);
}

.verify-ProfileName {
    width: 294px;
    color: #fff;
    font-size: 12px;
    float: left;
    margin-top: -2px;
}

.confirm-profileName {
    width: 294px;
    color: #fff;
    font-size: 12px;
    float: left;
    padding: 8px 0px;
}

.uppercase {
    text-transform: uppercase;
}

.tick-img {
    width: 17px;
    height: 15px;
    background: url('../img/cd-sprite.png') -165px 0;
    display: none;
    margin-top: 111px;
    position: absolute;
    margin-left: -20px;
}

.hi-message-container {
    width: auto;
    text-align: center;
    margin-top: -10px;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
}

.style-select select {
    background: transparent;
    width: 293px;
    padding-left: 15px;
    padding-top: 3px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 25px;
    -webkit-appearance: none;
    font: 13px;
    color: #909090;
}

.style-select {
    width: 293px;
    height: 25px;
    overflow: hidden;
    background: url(//indo.zettecdn.com/static/select-field.jpg) no-repeat right #fff;
    border: 0;
}

.style-select-small select {
    float: left;
    background: transparent;
    width: 138px;
    padding-left: 15px;
    padding-top: 3px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 25px;
    -webkit-appearance: none;
    font: 13px;
    color: #909090;
}

.style-select-small {
    float: left;
    width: 138px;
    height: 25px;
    overflow: hidden;
    background: url('//indo.zettecdn.com/static/select-field-small.jpg') no-repeat right #fff;
    border: 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.close_mask:hover {
    opacity: 0.8;
}


/* ============================SUSILO FOOTER===================================== */

footer {
    color: #999 !important;
    background-color: #333;
    font-size: 12px !important;
    width: 100%;
    max-width: 100%;
    padding-top: 40px !important;
    font-family: 'Nunito Sans', sans-serif !important;
    position: relative;
    z-index: 5;
}

.row-footer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 80px;
}

footer .footer-container {
    width: 940px;
    margin-right: auto;
    margin-left: auto;
}

.footer-brand {
    flex: 0 0 50%;
    max-width: 50%;
}

.footer-menu {
    flex: 0 0 calc(50% / 3);
    max-width: calc(50% / 3);
}

.footer-menu ul li a:hover {
    color: #fff !important;
}

.footer-brand-contact {
    /* margin-top: 20px; */
}

.footer-brand-addres p {
    line-height: 24px;
}

.footer-subscribe {
    margin-top: 30px;
}

.footer-subscribe-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.footer-subscribe-input div {
    width: calc(50% - 10px);
}

.footer-subscribe-input div input,
.footer-subscribe-input div select {
    height: 40px;
    padding: 0 15px;
    background: #d8d8d8;
    border: none;
    width: calc(100% - 30px);
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    color: #333;
}

.footer-subscribe-input div input::placeholder {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    color: #333;
}

.footer-subscribe-input div select {
    width: 100%;
}

.footer-subscribe-button {
    position: relative;
    margin-top: 20px;
}

select#country_subscribe {
    background-image: linear-gradient(45deg, transparent 50%, #444 60%), linear-gradient(135deg, #444 40%, transparent 50%) !important;
    background-position: calc(100% - 18px) 17px, calc(100% - 12px) 17px, 100% 0px;
    background-size: 6px 10px, 6px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
}

select#country_subscribe:focus-visible {
    outline: none;
    border: none;
}

#btn-subscribe {
    width: 100%;
    height: 40px;
    background-color: #e57a88;
    color: #fff;
    font-size: 12px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

.footer-brand-title {
    font-size: 12px;
    font-weight: 600;
    display: block;
    color: #999;
}

.footer-brand-title a,
.footer-brand-title a:hover {
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

.social-media-icons {
    list-style-type: none;
    padding: 30px 0;
    color: #c4c4c4 !important;
}

.footer-brand-contact .social-media-icons {
    display: flex;
    font-size: 20px;
}

.social-media-icons a {
    margin-right: 20px;
    /* color: #e57a88; */
    color: #999;
}

.footer-menu-title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 30px;
    display: block;
    color: #fff;
}

.footer-menu ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}

.footer-menu ul li {
    padding: 0;
    margin-bottom: 30px;
}

.footer-menu ul li a {
    text-decoration: none;
    font-size: 12px;
    color: #999;
}

.footer-menu ul li a:hover {
    color: #999;
}

.footer-copyright {
    text-align: center;
    color: #999;
    /* border-top: solid 1px #2a2a2a; */
    border-top: 1px solid #403f3f;
    margin-top: 40px;
    vertical-align: middle;
    padding: 20px 0;
}

@media screen and (max-width: 600px) {
    footer .footer-container {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    .footer-brand {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-space {
        display: none;
    }
    .footer-menu {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 30px;
    }
}


/* ================================================================= */


/* User profile */

.profilePage-masthead {
    width: 934px;
    height: 300px;
    margin: 0 auto;
    background: url('//indo.zettecdn.com/static/img/profilePageMasthead-web-01.jpg') 0 0;
    position: relative;
}

.profilePage-Name-container {
    width: 100%;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
}

.profilePage-profilePic {
    width: 143px;
    height: 143px;
    border: 4px solid #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.profilePage-profilePic .AvatarChange {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    width: 50px;
    margin: 1px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    display: none;
}

.profilePage-profilePic .AvatarEdit {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    width: 50px;
    margin: 1px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    display: none;
}

.profilePage-profilePic .AvatarChange,
.profilePage-profilePic .AvatarEdit {
    top: 50%;
    transform: translate(0, -50%);
    width: 64px;
}
.profilePage-profilePic .AvatarChange {
    left: 0;
}
.profilePage-profilePic .AvatarEdit {
    right: 0;
}

.btn-action-propic {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.profilePage-profilePic .btn-action-propic .AvatarEdit,
.profilePage-profilePic .btn-action-propic .AvatarChange {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    transform: unset;
}

.profilePage-profilePic .btn-action-propic .AvatarChange {
    margin-bottom: 6px;
}

.profilePage-profilePic:hover .AvatarChange,
.profilePage-profilePic:hover .AvatarEdit {
    display: inline;
}

.profilePage-profilePic:hover .btn-action-propic .AvatarChange,
.profilePage-profilePic:hover .btn-action-propic .AvatarEdit {
    display: block;
}

.profilePage-profilePic .AvatarChange:hover,
.profilePage-profilePic .AvatarEdit:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.profilePage-edit {
    position: absolute;
    top: -40px;
    right: 10px;
    width: 154px;
    height: 29px;
    background: url('../img/cd-sprite.png') 0 -630px;
    outline: 0;
    border: none;
    cursor: pointer;
}

.profilePage-edit:hover {
    background: url('../img/cd-sprite.png') 0 -660px;
}

.profilePage-profilePic img {
    width: 100%;
}

.profilePage-about {
    width: 500px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    position: absolute;
    top: 15px;
    right: 11px;
}

.profilePage-about:hover .caption-more {
    color: #dc1c55 !important;
}

.profilePage-about-popup {
    display: none;
    font-size: 11pt;
    width: 100%;
    height: 100%;
    padding: 10px !important;
    background: rgba(0, 0, 0, 0.2);
}

.profilePage-about-popup .oopsError-close {
    position: absolute;
    z-index: 12;
    right: 22px;
    top: 12px;
}

.profilePage-about-content {
    color: #000;
    padding: 15px !important;
    width: 93%;
    height: 90%;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: #fff;
    line-height: 20px;
    margin: 10px;
}

#simplemodal-container {
    background-color: transparent !important;
}

.profilePage-about-content h2 {
    margin-bottom: 20px;
    font-size: 13pt;
}

.profilePage-user-Name {
    font-family: AvenirNextLTPro-Regular;
    color: #fff;
    font-size: 18px;
    text-transform: none;
    position: absolute;
    left: 180px;
    top: 10px;
}

.profilePage-follow-buttons {
    position: absolute;
    /*
left: 180px;
bottom: 20px;
*/
    left: 310px;
    bottom: 18px;
}

.profilePage-Name-container .clz_follow {
    width: 93px;
    height: 27px;
    background: url('../img/cd-sprite.png') 0 -302px;
    display: inline-block;
    margin-top: 5px;
    float: left;
}

.profilePage-Name-container .clz_follow:hover {
    background: url('../img/cd-sprite.png') 0 -328px;
}

.profilePage-menu {
    width: 934px;
    height: 45px;
    background: url('../img/profile-shadow-long.png') 0 0 no-repeat;
    margin: 0 auto;
    padding: 5px 0 0 0;
    position: relative;
}

.profilePage-menu .bg-only {
    /*background-image: url("../img/top-loggedin-bkgd.jpg");*/
    opacity: 0.35;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.profilePage-menu-btn-container {
    padding: 10px 20px;
    position: relative;
    z-index: 2;
}

.profilePage-menu-btn-container a.profilePage-menu-btn {
    background: rgba(255, 255, 255, 0.4);
    display: inline-block;
    color: #000;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    margin-right: 5px;
}

.profilePage-menu-btn-container a.profilePage-menu-btn:hover {
    border: 1px solid #000;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: #dc1c55;
}

.profilePage-menu-btn-container a.profilePage-menu-btn.selected {
    border: 1px solid #000;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: #dc1c55;
}

.profilePage-title-container {
    width: 934px;
    text-align: center;
    text-transform: none;
    padding: 15px 0px;
    margin: 0 auto;
    font-family: AvenirNextLTPro-Bold;
}

.profilePage-title-container h6 {
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color: #000;
    margin: 15px 0px;
}

.profilePage-title-container p {
    line-height: 28px;
}

.profilePage-title-container p>span {
    display: block;
    font-size: 12px;
    line-height: 10px;
}

.profilePage-title-container h6:before,
.profilePage-title-container h6:after {
    background-color: #000;
    content: '';
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.profilePage-title-container h6:before {
    right: 0.5em;
    margin-left: -50%;
}

.profilePage-title-container h6:after {
    left: 0.5em;
    margin-right: -50%;
}

.profilePage-mrect-container {
    width: auto;
    height: 290px;
    margin: 10px auto;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profilePage-banner-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.profilePage-house-ads {
    width: 600px;
    /* float: left; */
    /* padding-top: 25px;
    padding-left: 9px;
    padding-right: 4px; */
}

.profilePage-mrect .advertisement-text {
    margin-bottom: 5px;
}

.profilePage-mrect {
    width: 300px;
    height: 250px;
    /* padding-top: 10px;
    margin-left: 8px;
    float: left; */
}

.advertisement-text {
    text-align: center;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 3px;
}

#profilePage-comment-container {
    width: 800px;
    margin: 0 auto;
}

.profilePage-comment-list {
    padding: 10px;
    border: 1px solid #eee;
    margin: 0 0 20px 0;
    -webkit-box-shadow: 0 8px 10px -6px #999;
}

a.profilePage-comment-img-holder {
    display: block;
    float: left;
    margin: 0 20px 0 0;
}

a.profilePage-comment-img-holder img {
    width: 150px;
    height: 150px;
}

.profilePage-comment-content-wrapper {
    float: left;
    width: 600px;
    font-family: AvenirNextLTPro-Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 10px 0;
}

.profilePage-comment-content-wrapper {}

a.profilePage-comment-item-url {
    display: block;
    margin: 0 0 20px 0;
    font-weight: 600;
    line-height: 18px;
}

p.profilePage-comment-item-description {
    font-size: 14px;
    color: #444;
    margin: 0 0 15px 0;
}

p.profilePage-comment-item-timestamp {
    font-size: 12px;
    color: #999;
}

.profilePage-profilePic a.prettyPhoto_change {
    width: 143px;
    height: 28px;
    background: url('../img/cd-sprite.png') -47px -48px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    z-index: 5;
}

.profilePage-profilePic a.prettyPhoto_change:hover {
    background-position: -47px -78px;
}

.accountSettings-title {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: didot-regular;
    text-transform: capitalize;
    font-size: 40px;
    margin-top: 30px;
    color: #000;
    line-height: 1.5;
}

.accountSettings-sub-title {
    text-align: center;
    color: #000;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.accountSettings-editHeaderPic {
    width: 185px;
    height: 30px;
    background: url('../img/cd-sprite.png') 0 -689px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    box-shadow: 0 10px 15px -6px rgba(0, 0, 0, 0.3);
}

.accountSettings-editHeaderPic:hover {
    background-position: 0 -720px;
}

.accountSettings-mainContainer {
    width: 100%;
    margin: 0 auto;
}

.accountSettings-mainContainer ul.accountSettingsNavBar {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 42px;
    border-bottom: 1px solid #E8E7E7;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

.accountSettings-mainContainer ul.accountSettingsNavBar li {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 42px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #E8E7E7;
}

.accountSettings-mainContainer ul.accountSettingsNavBar li a {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 15px;
    padding: 15px 0;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.accountSettings-mainContainer ul.accountSettingsNavBar li a:hover,
.accountSettings-mainContainer ul.accountSettingsNavBar li.active a {
    color: #e57a88;
    border-bottom: 1px solid #e57a88;
}

.accountSettings-mainContainer ul.accountSettingsNavBar li:hover,
.accountSettings-mainContainer ul.accountSettingsNavBar li.active,
.accountSettings-mainContainer ul.accountSettingsNavBar li.active a:hover {
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    color: #e57a88;
    border-bottom: 1px solid #e57a88;
    /*--Makes the active tab look like it's connected with its content--*/
}

.accountSettings-mainContainer .tab_container {
    overflow: hidden;
    width: 100%;
    background: #fff;
    /* padding: 0 0 50px 0; */
    /* border-bottom: 1px solid #000; */
}

.accountSettings-mainContainer .tab_content {
    padding: 30px 0 0 0;
    position: relative;
}

.accountSettings-profile-header {
    width: 100%;
    height: 40px;
    background: #efefef;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
    float: left;
    text-transform: uppercase;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 20px;
}

.accountSettings-profile-row {
    width: 100%;
    float: left;
    padding-top: 20px;
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
    font-size: 13px;
}

#tab1 .accountSettings-profile-row,
#tab2 .accountSettings-profile-row {
    text-align: left;
}

#tab1 .accountSettings-profile-row {
    display: flex;
    align-items: center;
}

.accountSettings-profile-left {
    text-align: right;
    width: 25%;
    display: inline-block;
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding-right: 30px;
}

.accountSetting-profileName {
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
}

.aboutMe-textArea {
    width: 450px;
    max-width: 450px;
    height: auto;
    vertical-align: middle;
    font-family: 'open sans', serif;
    font-size: 11px;
    font-style: normal;
    border-style: solid;
    border-color: #efefef;
    border-width: 1px;
    padding: 9px 15px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-topleft: 10px;
    -webkit-border-radius-topright: 10px;
    color: #000;
    resize: unset;
}

.accountSettings-mainContainer .aboutMe-textArea:focus,
.aboutMe-field input:focus {
    outline: none !important;
    box-shadow: 0 0 2px #c8c6c6;
}

.accountSettings-mainContainer .save-btn,
button.save-btn {
    background-color: #e57a88;
    color: #fff;
    display: inline-block;
    padding: 12px 100px;
    text-decoration: none;
    border: none;
    /* margin: 10px 0; */
    cursor: pointer;
}

.accountSettings-mainContainer .save-btn a,
button.save-btn {
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
}

.accountSettings-mainContainer .save-btn:hover,
button.save-btn:hover {
    background-color: #e57a88;
    opacity: 0.8;
    color: #fff;
}

.accountSettings-mainContainer .save-btn:hover a {
    color: #fff;
}

.accountSettings-mainContainer .add-to-collection-select {
    width: 480px;
    overflow: hidden;
    /* background: url(//indo.zettecdn.com/img/profilesettings/addCollection-select.jpg) no-repeat right #fff; */
    border: 0;
    position: relative;
    z-index: 2;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #efefef;
    height: 38px;
}

.accountSettings-mainContainer .add-to-collection-select select {
    background: transparent;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    height: 40px;
    -webkit-appearance: auto;
    font-size: 13px;
    color: #000;
    position: relative;
    z-index: 2;
    outline: none;
    border-color: #efefef;
}

.aboutMe-field {
    display: inline-block;
}

.aboutMe-field input {
    width: 450px;
    padding: 9px 15px;
    margin: 0 auto;
    border: 1px solid #efefef;
    font-size: 13px;
    color: #000;
    line-height: 20px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

#user_name_error {
    width: 100%;
    max-width: 95.8%;
    padding: 3px 6px;
    margin-left: 29%;
    display: none;
}

.accountSettings-mainContainer .month,
.login-blurred-image .month {
    width: 150px;
    /* width: 47%; */
    height: 30px;
    overflow: hidden;
    background: url(//indo.zettecdn.com/img/profilesettings/select-yr.jpg) no-repeat right #fff;
    border: 0;
    display: inline-block;
    vertical-align: middle;
}

.accountSettings-mainContainer .month select,
.login-blurred-image .month select {
    background: transparent;
    padding-left: 15px;
    padding-top: 3px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    /*width: 150px;*/
    width: 100%;
    height: 30px;
    -webkit-appearance: none;
    font-size: 13px;
    color: #000;
    outline: none;
}

.accountSettings-profile-row .birthday-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 482px;
    column-gap: 30px;
}

.accountSettings-profile-row .birthday-field .month {
    width: 50%;
    margin: 0 !important;
    border: 1px solid #efefef;
    background: unset;
    height: auto;
}

.accountSettings-profile-row .birthday-field .month select {
    width: 100%;
    padding: 9px 12px;
    height: 38px;
    -webkit-appearance: auto;
}

.accountSettings-newsletter-container {
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
    font-size: 13px;
}

#user_account_frm_notice {
    width: 550px;
    margin: 10px auto;
}

#user_account_frm_newsletter {
    width: 650px;
    margin: 10px auto;
}

.instagram-Connect-container {
    width: 100%;
    height: auto;
    margin: auto;
    /*background: url(//indo.zettecdn.com/img/profile_setting/instagram-connect-bkgd01.jpg) no-repeat top left;*/
    box-shadow: 0 10px 15px -6px #dfdddd;
}

.instagram-Connect-masthead {
    position: absolute;
}

.instagram-Connect-container.clozette {
    background: url(//indo.zettecdn.com/img/instagram-connect-bkgd-cco.png) no-repeat top left;
}

.instagram-Connect-header {
    font-family: 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    margin: 27px 0 0 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
    position: relative;
}

.instagram-Connect-content {
    display: inline-block;
    margin: 15px 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    float: right;
    position: relative;
    right: 225px;
}

.instagram-Connect-content p {
    line-height: 16px;
}

.instagram-Connect-content span {
    color: #dc1c55;
    font-weight: bold;
}

.instagram-Connect-container .social_toggle {
    display: inline-block;
    position: relative;
    top: 20px;
    left: 173px;
}

.instagram-Connect-container .switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 28px;
    padding: 3px;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
    border: 0;
    float: none;
    overflow: visible;
}

.share-to-banner {
    margin: 40px 0;
    padding: 0;
    position: relative;
}

.share-to-banner img {
    width: 100%;
}

.share-to-banner .share-to-banner-content {
    position: absolute;
    left: 60%;
    top: 55%;
    width: 45%;
    transform: translate(-50%, -50%);
    font-family: 'Nunito Sans', sans-serif;
}

.share-to-banner-title {
    font-size: 28px;
    line-height: 1.2;
    padding-bottom: 15px;
}

.share-to-banner-caption {
    font-size: 14px;
    line-height: 1.5;
}

.instagramMapping-container {
    width: 820px;
    margin: 0 auto 20px auto;
    display: table;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 64%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(64%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 64%, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 64%, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 64%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 64%, rgba(242, 242, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    box-shadow: 0 7px 23px -6px #d3d1d1;
}

.instagram-Mapping-Info {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    color: #000;
    text-align: center;
    width: 100%;
    margin-bottom: 4px;
    line-height: 18px;
}

.instagram-Mapping-Info span {
    color: #dc1c55;
    font-weight: bold;
    text-transform: uppercase;
}

.instagramMapping-container h3,
.infoWrapper.instagram-Mapping h3 {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0 15px 0;
    color: #000;
}

.instagramMapping-container .hashtag-cover {
    float: left;
    padding: 0;
}

.instagramMapping-container>ul {
    margin: 0 20px 20px 20px;
}

.instagramMapping-container ul>li {
    padding: 5px 0 0 0;
    border-top: 1px solid #000;
}

.instagramMapping-container ul ul {
    float: left;
    line-height: 90px;
}

.instagramMapping-container ul ul li {
    display: inline-block;
    border-top: none;
}

.instagramMapping-container ul ul li a {
    padding: 0 10px;
    font-size: 12px;
    color: #000;
}

.instagramMapping-container ul ul li a:hover {
    color: #dc1c55;
}

.instagramMapping-container ul ul li a:after {
    content: '|';
    float: right;
}

.instagramMapping-container ul ul li:last-child a:after {
    content: '';
}

.instagramMapping-container ul ul li a:hover:after {
    color: #333;
}

.instagram-hashtags-header {
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    margin: 30px 0;
    width: 90px;
}

.instagram-hashtags-header span {
    display: block;
    font-weight: normal;
}

#connect_instagram {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    padding: 5px 20px;
    border: 1px solid #000;
    cursor: pointer;
}

#connect_instagram:hover {
    color: #fff;
    background-color: #000;
}

.modalreset {
    border: none !important;
    padding: 0 !important;
}

.modalreset .simplemodal-wrap {
    overflow: hidden !important;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    text-transform: uppercase;
    background: #9c9c9c;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}

.switch-label:before,
.switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.switch-label:before {
    content: attr(data-off);
    right: 15px;
    color: #fff;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
    content: attr(data-on);
    left: 15px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}

.switch-handle {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 35px;
    height: 35px;
    background: white;
    border-radius: 35px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
}

.switch-label.on {
    background: #ec165e;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-label.on:before {
    opacity: 0;
}

.switch-label.on:after {
    opacity: 1;
}

.switch-handle.on {
    left: 47px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.accountSettings-stylePreferences-header {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-family: 'open sans condensed', sans-serif;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.stylePreferences-Looks-container,
.stylePreferences-fashion-container,
.stylePreferences-brands-container {
    margin: 20px auto 10px auto;
    padding: 0 0 15px 0;
    width: 820px;
    box-shadow: 0 10px 6px -6px #c0c0c0;
    position: relative;
    z-index: 0;
}

.stylePreferences-Looks-container .bg-only,
.stylePreferences-fashion-container .bg-only,
.stylePreferences-brands-container .bg-only {
    background: url('../img/top-loggedin-bkgd.jpg');
    opacity: 0.35;
    filter: alpha(opacity=35);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.stylePrefrences-subheader-highlight {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 3px solid black;
}

.stylePreferences-Looks-container #step1-looks,
.stylePreferences-fashion-container #step1-categories,
.stylePreferences-brands-container #step1-brands {
    margin: 0 15px;
    position: relative;
    z-index: 9;
}

.stylePrefrences-subheader {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0;
    z-index: 5;
    position: relative;
}

.stylePreferences-Looks-container .firstSignUp-step-image {
    display: inline-block;
    position: relative;
    width: 108px;
    margin: 1px;
}

.stylePreferences-Looks-container .firstSignUp-step-image a {
    display: block;
    position: relative;
}

.stylePreferences-Looks-container .firstSignUp-step-image img,
.stylePreferences-fashion-container .firstSignUp-step1Fashion-image img,
.stylePreferences-brands-container .firstSignUp-step1Brands-image img {
    width: 100%;
    float: left;
    -webkit-transition: opacity 0.5s linear;
}

.stylePreferences-Looks-container .firstSignUp-step-image-checked img,
.stylePreferences-fashion-container .firstSignUp-step-image-checked img,
.stylePreferences-brands-container .firstSignUp-step-image-checked img {
    opacity: 0.65;
}

.stylePreferences-Looks-container .firstSignUp-step-image span {
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 21px;
    line-height: 30px;
    text-transform: uppercase;
    width: 101px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 4;
    text-align: center;
    cursor: pointer;
}

.stylePreferences-fashion-container .firstSignUp-step1Fashion-image {
    display: inline-block;
    position: relative;
    z-index: 9;
    margin: 1px 1px 30px 1px;
    width: 191px;
    box-shadow: 0 10px 6px -6px #777;
    border: 1px solid #eee;
}

.stylePreferences-fashion-container .firstSignUp-step1Fashion-image a {
    display: block;
}

.stylePreferences-fashion-container .firstSignUp-step1Fashion-image span {
    background: rgba(255, 255, 255, 1);
    color: #000;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 26px;
    line-height: 40px;
    text-transform: uppercase;
    width: 130px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    margin: auto;
    z-index: 4;
    text-align: center;
}

.stylePreferences-brands-container .firstSignUp-step1Brands-image {
    width: 127px;
    margin: 1px 1px 15px 1px;
    display: inline-block;
    position: relative;
}

.stylePreferences-brands-container .firstSignUp-step1Brands-image a {
    display: block;
}

.stylePreferences-Looks-container .firstSignUp-step-image,
.stylePreferences-fashion-container .firstSignUp-step1Fashion-image,
.stylePreferences-brands-container .firstSignUp-step1Brands-image {
    background-color: #000;
}

.stylePreferences-Looks-container .firstSignUp-step-image:hover img,
.stylePreferences-fashion-container .firstSignUp-step1Fashion-image:hover img,
.stylePreferences-brands-container .firstSignUp-step1Brands-image:hover img {
    opacity: 0.65;
}

.stylePreferences-Looks-container .firstSignUp-selected {
    width: 29px;
    height: 29px;
    background: url('../img/cd-sprite.png') -224px 0px;
    display: inline-block;
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 90px;
    left: 0;
    margin: 0 auto;
}

.firstSignUpFashion-selected {
    width: 29px;
    height: 29px;
    background: url('../img/cd-sprite.png') -224px 0px;
    display: inline-block;
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 17px;
    left: 0;
    margin: 0 auto;
}

.firstSignUpBrand-selected {
    width: 29px;
    height: 29px;
    background: url('../img/cd-sprite.png') -224px 0px;
    display: inline-block;
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: -10px;
    left: 0;
    margin: 0 auto;
}


/* footer */


/* footer {
	background-color: black;
	color: white;
	padding: 0;
	height: auto;
	position: relative;
}
footer a,
footer a:visited {
	color: #fff;
}
footer .about-menu-div {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
footer .about-menu-ul {
	padding: 30px 0 10px 30px;
	overflow: hidden;
	font-family: 'AvenirNext-Regular', sans-serif;
}
footer ul li.first {
	float: left;
	width: 16%;
}
footer ul li.last {
	float: right;
	width: 15%;
}
footer ul li.first h4 {
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 10px;
}
footer ul li.last h4 {
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 10px;
}
footer ul li ul li {
	font-size: 12px;
	font-weight: 200;
	line-height: 24px;
}
footer ul li ul li a,
footer a {
	color: white;
}
footer .footer-logo {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	padding: 0 20px 20px 20px;
	font-size: 10px;
}
footer .footer-logo img {
	margin-bottom: 7px;
}
footer .footer-logo-bottom {
	width: 910px;
	margin: 0 auto;
	border-top: 1px solid #fff;
	padding-top: 20px;
	overflow: hidden;
}
footer .footer-logo-bottom-left {
	float: left;
	margin-left: -6px;
}
footer .footer-logo-bottom-right {
	float: right;
	height: 52px;
	line-height: 52px;
} 
*/


/* ========end footer========== */

input:focus {
    outline: none !important;
    box-shadow: 0 0 2px #555;
}


/* two column banner */

div.table {
    display: table;
}

div.tr {
    display: table-row;
}

div.td {
    display: table-cell;
}

div.td .advertisement-text {
    padding-top: 6px;
    padding-left: 5px;
}

div.profilePage-mrect-container .ads .td {
    padding: 8px;
}

div.td.house-ads {
    padding-top: 2px;
}


/* can-edit : profile page */

.can-edit {
    text-align: center;
    font-size: 11px;
    font-family: 'avenir-nr', sans-serif;
    margin: 15px;
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}


/* Edit Collection */

.editCollection-cover {
    width: 150px;
    height: 150px;
    border: 8px solid #fff;
    box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 4;
    margin: 10px 0 0 20px;
    float: left;
}

.editCollection-cover-img {
    width: 150px;
    height: 150px;
    border: 1px solid #eee;
}

.edit-cover-left-button {
    width: 22px;
    height: 46px;
    position: absolute;
    margin-top: 75px;
    margin-left: -2px;
}

.edit-cover-right-button {
    width: 22px;
    height: 46px;
    position: absolute;
    margin-top: 75px;
    margin-left: 187px;
}


/* star clozetters */

.starClozetters-container {
    width: 100%;
    float: left;
    margin: 28px 0px 30px 0;
}

.starClozetters-img {
    display: block;
    border: 3px solid rgba(0, 0, 0, 0.15);
    width: 135px;
    height: 135px;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 6px;
}

.starClozetters-img.first {
    margin-left: 16px;
}

.starClozetters-img span {
    position: absolute;
    bottom: -40px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 10px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 28px;
    transition: all 0.2s ease-out;
    height: 35px;
}

.starClozetters-img:hover span {
    bottom: 0;
}

.plupload.html5 {
    width: auto !important;
    height: auto !important;
}


/* shop promo */

.shoppeHighlights-container {
    width: 100%;
    float: left;
    margin: 8px 0px 0 0;
    background-image: url('//indo.zettecdn.com/static/img/shoppe-highlights-bkgd.jpg');
}

.shoppe-highlights-title {
    width: 100%;
    margin: 35px 0 20px 0;
}

.shoppe-live-tagline {
    width: 100%;
    height: auto;
    font-size: 13px;
    font-family: 'Open Sans', serif;
    text-transform: uppercase;
    line-height: 22px;
    text-align: center;
    float: left;
}

.shoppe-styleReport-header,
.shoppe-live-header {
    width: 100%;
    height: auto;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 28px;
    text-align: center;
    position: relative;
    float: left;
}

.shoppe-styleReport-header span,
.shoppe-live-header span {
    padding: 5px 20px;
    font-size: 34px;
    font-family: 'Times', sans-serif;
    font-style: italic;
    text-transform: capitalize;
    position: relative;
    z-index: 2;
    text-align: center;
}

.shoppe-styleReport-header:before,
.shoppe-live-header:before {
    background-color: #000;
    content: '';
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 278px;
    bottom: 0;
    margin: auto 0;
    width: 10%;
    opacity: 0.8;
}

.shoppe-live-header:before {
    left: 214px;
}

.shoppe-styleReport-header:after,
.shoppe-live-header:after {
    background-color: #000;
    content: '';
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 0;
    right: 278px;
    bottom: 0;
    margin: auto 0;
    width: 10%;
    opacity: 0.8;
}

.shoppe-live-header:after {
    right: 214px;
}

.shoppe-styleReport-container {
    float: left;
    padding: 10px 23px;
    margin-bottom: 20px;
}

.shoppe-styleReport-img {
    width: 425px;
    height: 256px;
    border: 7px solid rgba(255, 255, 255, 0.6);
    float: left;
}

.shoppe-live-container {
    float: left;
    padding: 25px 22px;
    position: relative;
    z-index: 1;
    padding: 0px !important;
    height: 320px !important;
    overflow: none;
}

.shoppe-live-listing-box {
    width: 133px;
    height: auto;
    display: inline-block;
    margin-right: 14px;
}

.shoppe-live-img {
    width: 133px;
    height: 200px;
    border: 1px solid #edeaea;
}

.shoppe-listing-description {
    height: 80px;
    padding: 10px;
}

.shoppe-brand,
.shoppe-caption,
.shoppe-price,
.shoppe-from {
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Times New Roman', serif;
    font-size: 11px;
    color: #6a6a6a;
    text-align: left;
}

.shoppe-caption a:link {
    color: #000;
    text-decoration: none;
}

.shoppe-from a:link {
    color: #dd1b54;
    text-decoration: none;
}

.shoppe-listing-description .shoppe-caption {
    font-weight: bold;
}

.shoppe-live-left-arrow {
    width: 23px;
    height: 47px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 100px;
    left: 0px;
    cursor: pointer;
}

.shoppe-live-right-arrow {
    width: 23px;
    height: 47px;
    display: inline-block;
    margin-top: 5px;
    position: absolute;
    z-index: 2;
    top: 100px;
    right: -3px;
    cursor: pointer;
}

.simple-modal-content {
    display: none;
}

#basic-modal-content {
    display: none;
}


/* Overlay */

#simplemodal-overlay {
    background-color: #333;
    cursor: default;
}


/* Container */

#simplemodal-container {
    height: 320px;
    width: 600px;
    color: #bbb;
    background-color: #ffffff;
    border: 15px solid #aaa;
    padding: 12px 12px 50px 12px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

#simplemodal-container .simplemodal-data {
    padding: 8px;
}

#simplemodal-container code {
    background: #141414;
    border-left: 3px solid #65b43d;
    color: #bbb;
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
    padding: 4px 6px 6px;
}

#simplemodal-container a {
    color: #ddd;
}

#simplemodal-container a.cz-close {
    background: url('../img/cd-sprite.png') -101px 0;
    width: 15px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

#simplemodal-container a.modalCloseImg {
    background: url();
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}

#simplemodal-container h3 {
    color: #84b8d9;
}

.contestListingPage {
    min-height: 600px;
}


/* ADD to COLLECTION PopUp */

.add-collection-container {
    width: 540px;
    height: 190px;
    border: 8px solid rgba(0, 0, 0, 0.2);
    top: -200px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: fixed;
    z-index: 999999999;
}

.add-collection-container.open {
    top: 150px;
    opacity: 1;
}

.add-collection-container-white {
    background-color: #fff;
    overflow: visible;
    height: 100%;
}

.add-collection-img {
    float: left;
    width: 151px;
    height: 151px;
    margin: 17px 30px 0 30px;
    position: relative;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 0 50px rgba(0, 0, 0, 0.1) inset;
    border-radius: 0% 0% 25% 25% / 0% 0% 3% 3%;
}

.add-collection-right-container {
    float: left;
    margin: 0;
}

.add-collection-header {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
}

.add-to-collection-select select {
    background: transparent;
    width: 310px;
    padding-left: 15px;
    padding-top: 3px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 30px;
    -webkit-appearance: none;
    font: 13px;
    color: #909090;
    position: relative;
    z-index: 2;
}

.add-to-collection-select {
    width: 310px;
    border: 0;
    position: relative;
    z-index: 2;
    margin-top: 5px;
}

.add-now-btn {
    background-color: #fff;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    padding: 4px 30px;
    text-decoration: none;
    border: 1px solid black;
    margin-top: 10px;
}

.add-now-btn:hover {
    background-color: rgba(0, 0, 0, 1);
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid white;
    cursor: pointer;
}

.add-now-btn-pink {
    background-color: #dd1b54;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    padding: 4px 30px;
    text-decoration: none;
    border: 1px solid #fff;
    margin-top: 10px;
}

.picker-new.repin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 274px;
    background: #fff url(../img/upload-select.png) no-repeat 290px center;
    margin: 5px 0 0;
    border: 1px solid #ccc;
}

#create-new-collection.repin {
    width: 75%;
}

.cz_right {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
}

.aboutMeProfileImg {
    float: left;
    width: 150px;
    height: 150px;
    margin: 20px;
    position: relative;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 0 50px rgba(0, 0, 0, 0.1) inset;
    border-radius: 0% 0% 25% 25% / 0% 0% 3% 3%;
}

.aboutMeProfileImg img {
    width: 100%;
}

.aboutMeProfileContainer {}

.aboutMeProfileContainer .aboutMeName {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 40px 0 10px 0;
}

.aboutMeProfileContainer p.aboutMeDescription {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 22px;
}

.delete-collection-container {
    width: 100%;
    float: left;
    margin: 0;
}

.delete-collection-title {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
}

.delete-collection-text {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    margin: 25px 0 35px 0;
}

.delete-collection-btn {
    background-color: #fff;
    color: #000;
    font-size: 13px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    padding: 4px 30px;
    text-decoration: none;
    border: 1px solid black;
    margin: 0 auto;
    margin-top: 10px;
    width: 115px;
    cursor: pointer;
}

.cz-searchbox {
    float: left;
    border: none;
    font-size: 100%;
    padding: 8px 4px;
    background: #fff;
    height: 29px;
    color: #b1b1b1;
    font-family: Gotham_book;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    height: 10px;
    text-transform: lowercase;
    background-size: 16%;
    padding-left: 10px;
    left: 0;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.26);
}

.cz-searchbox {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

.cz-searchbox {
    padding: 8px 10px 9px 30px;
    color: #000000;
    width: 45px;
    margin-top: 9px;
    position: absolute;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.cz-searchbox:focus {
    width: 103px;
    border-color: #66cc75;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.26);
}

input:-moz-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background: transparent !important;
}

.on {
    /*
margin-top: 3px;
margin-right: 5px;
margin-top: 5px;
margin-right: 5px;
border-bottom: #ccc 1px solid;
height:8px;
*/
}

.off {
    /*width:0px;*/
}

.cz_button {
    /*float: right;
width: 22px;
display:none;
position: absolute;
top: 13px;
right: 18px;
height: 100%;
 right: 13px;
/* background: url(../img/search.png) 0 0 no-repeat;*/
    background-size: 80%;
    border: 0px;
    float: left;
    width: 22px;
    outline: none;
    position: absolute;
    top: 16px;
    right: 18px;
    left: 7px;
    height: 18px;
    /* right: 13px; */
    background: #fff url(../img/search-icons.png) 0 0 no-repeat;
    background-size: 80%;
    border: 0px;
}

.cz_button:hover {
    /*background:url(../img/search.png) 0 0 no-repeat !important;*/
    background-color: #fff;
}

.cz-button:-webkit-autofill {
    color: #fff !important;
}

.cz-searchbox {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

#picker-collection-list {
    /*max-height:200px; width:310px; overflow-y: auto; overflow-x: hidden; - ipad collection width need to be full */
    max-height: 300px;
    width: 95%;
    overflow: hidden;
}


/* overwrite of prettryphoto css for upload avatar */

div.pp_pic_holder {
    border: 8px solid rgba(255, 255, 255, 0.2);
}

div.ppt {
    margin: 0 !important;
    font-size: 0 !important;
}

.pp_top {
    height: 0 !important;
}

div.facebook .pp_top .pp_left {
    background: none !important;
}

div.facebook .pp_top .pp_middle {
    background: none !important;
}

div.facebook .pp_top .pp_right {
    background: none !important;
}

div.facebook .pp_content_container .pp_left {
    background: none !important;
}

div.facebook .pp_content_container .pp_right {
    background: none !important;
}

div.facebook .pp_details {
    display: none !important;
}

.pp_bottom {
    height: 0 !important;
}

div.facebook .pp_bottom .pp_left {
    background: none !important;
}

div.facebook .pp_bottom .pp_middle {
    background: none !important;
}

div.facebook .pp_bottom .pp_right {
    background: none !important;
}

.pp_content_container {
    background-color: #fff;
}

.pp_content {
    /*height: 415px !important;*/
}

.simplemodal-container.about-me-pop {
    height: 206px !important;
    width: 500px !important;
    padding: 0 !important;
}

.simplemodal-container.about-me-pop .simplemodal-wrap {
    background-color: #fff;
}

.fashion-finder-button {
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0 auto;
    text-align: center;
}

.buy-similar-button-single {
    width: 135px;
    display: inline-block;
    height: 25px;
    background: url('../img/buy-similar-button.gif') no-repeat;
}

.cztw-tab-content {
    border: 1px #ccc solid;
    padding: 10px 20px;
    background-color: #fff;
    min-height: 300px;
    height: auto;
}

.txt-h1 {
    float: left;
    width: 100%;
    text-align: left;
}


/* edit wall papaer */

.wallpaper-main-container {
    width: 934px;
    margin: 5px auto;
    height: auto;
}

.edit-wallpaper-alert-container {
    width: 540px;
    height: 190px;
    border: 8px solid rgba(0, 0, 0, 0.2);
    top: -220px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: fixed;
    z-index: 999999999;
}

.edit-wallpaper-alert-container.open {
    top: 150px;
    opacity: 1;
}

.edit-wallpaper-alert-container-white {
    background-color: #fff;
    overflow: visible;
    height: 100%;
}

.edit-wallpaper-alert-header {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
}

.edit-wallpaper-crop-area {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.wallphoto-container {
    width: 467px;
    float: left;
}

.wallphoto-guide {
    margin: 5px 0 10px 0;
    float: left;
    width: 100%;
    text-align: left;
}

.wallphoto-buttons {
    margin: 15px auto;
    margin-bottom: 25px;
    width: 283px;
}

#wallpaper-dialog-text {
    padding: 30px 0 20px 0;
}

#edit-wallpaper-button {
    display: none;
}


/* EDIT COVER PICTURE*/

.editCoverPic-container {
    position: absolute;
    z-index: 5;
    background: rgba(255, 255, 255, 0.3);
    width: 250px;
    height: 90px;
    margin: 16px 0 0 657px;
    border: 6px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    display: none;
}

.editCoverPic-container.open {
    display: inline-block;
}

.editCoverPic-close {
    background: url('../img/cd-sprite.png') -101px 0;
    cursor: pointer;
    height: 17px;
    position: absolute;
    display: block;
    width: 17px;
    margin: 6px 0 0 229px;
    z-index: 100000000;
}

.editCoverPic-title {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 23px;
    color: #000;
    margin: 15px;
}

.editCoverPic-change-btn {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: 'AvenirNext-Regular', sans-serif;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
    padding: 5px 0;
    width: 88px;
    margin-left: 5px;
}

.editCoverPic-change-btn:hover {
    background-color: rgba(0, 0, 0, 1);
}


/* EDIT PROFILE PIC PopUp */

.editProfilePic-popup-container {
    background-color: #fff;
    width: 650px;
    height: 364px;
    border: 8px solid rgba(255, 255, 255, 0.2);
}

.editProfilePic-header {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: -5px;
    margin-bottom: 15px;
}

.editProfilePic-header:before {
    background-color: #000;
    content: '';
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 278px;
    bottom: 0;
    margin: auto 0;
    width: 10%;
    opacity: 0.8;
    left: 96px;
}

.editProfilePic-header:after {
    background-color: #000;
    content: '';
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 0;
    right: 278px;
    bottom: 0;
    margin: auto 0;
    width: 10%;
    opacity: 0.8;
    right: 96px;
}

.editProfilePic-crop-image-container {
    float: left;
    width: 578px;
    height: auto;
    margin: 20px 0 10px 79px;
}

.editProfilePic-crop-image-box {
    width: auto;
    height: auto;
}

.editProfilePic-crop-image-editingBox {
    float: left;
    margin-right: 15px;
    margin-top: 32px;
    bottom: 0;
    box-shadow: 0 6px 15px -6px #c0c0c0;
}

.editProfilePic-crop-image {
    width: 150px;
    height: 150px;
    position: relative;
    border: 1px #f7f7f7 solid;
    float: left;
    overflow: hidden;
    box-shadow: 0 6px 15px -6px #c0c0c0;
}

.editProfilePic-button {
    width: 650px;
    float: left;
}

.heartbeat-icon-profile {
    background: url('../img/cd-sprite.png') -279px 0;
    cursor: pointer;
    height: 15px;
    position: absolute;
    display: block;
    width: 25px;
    color: #fff;
    left: 180px;
    bottom: 23px;
    font-size: 10px;
}

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

.heartbeat-icon-single {
    background: url('../img/cd-sprite.png') -279px -15px;
    cursor: pointer;
    height: 15px;
    position: absolute;
    display: block;
    width: 25px;
    font-size: 10px;
    right: 90px;
}

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

.heartbeat-icon-masonry {
    background: url(../img/cd-sprite.png) -279px -15px;
    cursor: pointer;
    height: 15px;
    position: relative;
    display: inline-block;
    width: 9%;
    font-size: 10px;
    right: 26px;
    bottom: 4px;
    float: right;
}

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

.search-wrap {
    height: 34px;
    float: left;
    margin: 5px 0;
    position: relative;
}

#search-new {
    position: relative;
    float: left;
}

#label {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 20;
    float: left;
}

#label label {
    display: block;
    width: 30px;
    height: 30px;
    /*background: url("../img/search.png") 0 0;*/
    background: url('http://cimg.zettecdn.com/img/static/search-1.png') 0 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer;
}


/*#label label:hover {
    background: url("../img/search.png") 0 0
}*/

#label.active label {
    background: url('../img/search.png') 0 0;
}

#input {
    position: absolute;
    top: 0;
    /* left: 5px; */
    right: 0;
    width: 85px;
    height: 33px;
    z-index: 5;
    overflow: hidden;
}

#input input {
    display: block;
    position: absolute;
    top: 0;
    left: -450px;
    width: 170px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: #ffffff;
    color: #000;
    font-size: 11px;
    -webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    -ms-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: left 0;
    -moz-transition: left 0;
    -ms-transition: left 0;
    -o-transition: left 0;
    transition: left 0;
}

#input input:focus {
    outline: none;
}

#search-new #input {
    width: 30px;
}

#search-new #input.focus {
    z-index: 2000;
    width: 175px;
}

.closeButton {
    position: absolute;
    cursor: pointer;
    border: 0px none;
    top: 0px;
    margin-right: 0;
    width: 25px;
    height: 33px;
    background: url('../img/close-icon.png');
    left: -25px;
    -webkit-transition: left 0;
    -moz-transition: left 0;
    -ms-transition: left 0;
    -o-transition: left 0;
    transition: left 0;
}

#input.focus input {
    left: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
}

#input.focus .closeButton {
    left: 150px;
    -webkit-transition-delay: 0.2s;
}

.profile-page-avatar-ambassador {
    bottom: 50px;
    position: relative;
}

.profile-page-avatar-star {
    bottom: 43px;
    position: relative;
}

.single-page-avatar-ambassador {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 112px;
}

.single-page-avatar-ambassador img {
    max-width: 100%;
}

.single-page-avatar-star {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 125px;
}

.single-page-avatar-star img {
    max-width: 100%;
}

.masonry-page-avatar-ambassador {
    position: absolute;
    top: -11px;
    left: -50px;
    width: 22px;
    width: 9;
    height: 14px;
}

.masonry-page-avatar-star {
    position: absolute;
    top: -11px;
    left: -50px;
}

.overflow-hidden {
    overflow: hidden;
}


/* insider */

.insider-container {
    width: 100%;
    height: auto;
    border: 1px solid #000;
    position: relative;
    z-index: 1;
    float: left;
    margin: 20px 0;
    padding-top: 30px;
}

.insider-logo {
    width: 318px;
    height: 40px;
    position: absolute;
    z-index: 2;
    float: left;
    margin-top: -20px;
    margin-left: 308px;
}

.articles-news-container {
    float: left;
    width: 904px;
    height: auto;
    padding: 35px 15px 15px 15px;
}

.articles-container {
    float: left;
    width: 530px;
    height: auto;
}

.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;
}

.articles-header {
    text-align: left;
}

.news-header {
    margin-bottom: 15px;
}

.news-container {
    float: right;
    width: 330px;
    height: auto;
}

.ci-articles-Container {
    width: 250px;
    display: inline-block;
    padding: 20px 0;
    /* height: 320px; */
    height: auto;
}

.ci-articles-margin {
    margin-right: 25px;
}

.ci-articles-img {
    width: 250px;
    height: 250px;
    float: left;
    overflow: hidden;
}

.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;
}

.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: 15px 10px 5px 10px;
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    color: #000;
    /*font-style: italic;*/
    /* letter-spacing: 1px; */
    line-height: 20px;
}

.ci-articles-date {
    float: left;
    padding: 0 10px;
    font-family: 'Open Sans', serif;
    font-size: 11px;
    color: #838282;
    letter-spacing: 0.5px;
    line-height: 14px;
}

.ci-articles-date span {
    color: #000;
    /* font-weight:bold; */
    /* font-style: italic; */
}

.ci-news-caption {
    float: left;
    padding: 15px 0 5px 15px;
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    color: #000;
    /*font-style: italic;*/
    /* letter-spacing: 2px; */
    width: 140px;
    vertical-align: middle;
}

.ci-news-caption a:hover,
.ci-articles-caption a:hover {
    opacity: 0.6;
}

.ci-news-caption {
    float: left;
    padding: 15px 0 5px 15px;
    font-family: 'Playfair Display', serif;
    font-size: 15px;
    color: #000;
    /*font-style: italic;*/
    letter-spacing: 1px;
    width: 140px;
    vertical-align: middle;
    line-height: 19px;
}

.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;
    /*font-style: italic;*/
    letter-spacing: 2px;
    width: 140px;
    vertical-align: middle;
}

.clozette-fabulists-containter {
    float: left;
    width: 910px;
    margin: 10px 12px;
}

.clozette-fabulists-box {
    width: 217px;
    height: 172px;
    float: left;
    margin-top: 15px;
    position: relative;
    z-index: 1;
}

.clozette-fabulists-box-margin {
    margin-right: 12px;
}

.clozette-fabulists-prev {
    position: absolute;
    z-index: 100;
    width: 22px;
    height: 46px;
    margin-top: 116px;
}

.clozette-fabulists-next {
    position: absolute;
    z-index: 100;
    width: 22px;
    height: 46px;
    margin-top: 116px;
    right: 0;
    margin-right: 15px;
}

#news-scroll {
    height: auto;
    max-height: 645px;
    width: 330px;
    border: 1px solid transparent;
}

#news-fabulist {
    width: 100%;
    height: 240px;
    overflow: auto;
    border: 1px solid transparent;
}

.horizontal-only {
    height: auto;
    max-height: 240px;
}

#news-fabulist .jspContainer {
    width: 910px;
    height: 240px;
}

#news-fabulist .jspPane {
    padding: 0px;
    width: 900px;
    left: 0px;
}

#news-fabulist .jspTrack {
    width: 872px;
}

#news-fabulist .jspDrag {
    width: 680px;
    left: 0px;
}

.upload-loading {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(200, 200, 200, 0.7);
    z-index: 10000;
    height: 100%;
    width: 100%;
    display: none;
}

.upload-loading .upload-loading-img {
    position: absolute;
    left: 50%;
    margin-left: -28px;
    top: 50%;
    margin-top: -26px;
    font-weight: bold;
}

.upload-loading .upload-loading-img img {
    margin: auto;
}


/********************************************************************/


/* Korean Wave */


/********************************************************************/

#kvideos,
#kstories,
#kstars,
#community {
    position: relative;
    top: -60px;
}

.ksection_masthead_container,
.travelsection_masthead_container {
    position: relative;
    display: block;
    width: 100%;
    height: 395px;
}

.travelsection_masthead_container {
    height: 300px;
}

.ksection_masthead_container img,
.travelsection_masthead_container img {
    display: block;
    max-width: 100%;
}

.ksection_tab_container {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    height: 40px;
}

.ksection_tab_container .ksection_tab,
.ksection_tab_container .travelsection_tab {
    width: 232px;
    height: 40px;
    float: left;
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    text-align: center;
    border-right: 1px solid #dfdfdf;
    line-height: 32px;
    font-family: 'Oswald', sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
}

.ksection_tab_container .travelsection_tab {
    width: 33.2%;
}

.ksection_tab_container .ksection_tab:hover,
.ksection_tab_container .travelsection_tab:hover {
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
    cursor: pointer;
}

.ksection-header {
    position: relative;
    z-index: 100;
    display: block;
    margin: 0 0 20px;
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 42px;
    color: #000;
    text-transform: uppercase;
}

.ksection-header h2,
.ksection-header h3 {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 45px;
    font-weight: normal;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1.5px;
}

.ksection-header h2:after,
.ksection-header h3:after,
.ksection-header h4:after,
.ksection-header h5:after {
    display: inline-block;
    margin: 0 0 20px 3px;
    background-color: #000;
    height: 3px;
    content: ' ';
    text-shadow: none;
}

.ksection-header h2:after {
    width: 84%;
}

.ksection-header h3:after {
    position: relative;
    width: 79%;
    left: 20px;
}

.ksection-header span {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    color: #000;
    text-transform: uppercase;
}

.ksection_header_community {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 25px;
    position: relative;
    z-index: 0;
    margin-left: 2px;
}

.ksection-header h4:after {
    position: absolute;
    top: 20px;
    right: 0;
    margin: 0 0 20px;
    width: 76%;
    height: 3px;
    content: ' ';
    text-shadow: none;
    background-color: #000;
}


/* K-section Videos Of The Day */

.kvid_wrapper {
    position: relative;
    height: 800px;
}

.ksection_video {
    display: block;
}

.ksection_video {
    display: block;
}

.ksection_video span.video {
    position: absolute;
    display: block;
    padding: 0;
    background: url(//cimg.zettecdn.com/img/korean-wave/play-btn.png);
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.ksection_video1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 620px;
    height: 416px;
}

.ksection_video1 .video {
    right: 15px;
    bottom: 80px;
}

.ksection_video2 {
    position: absolute;
    top: 0;
    right: 132px;
    width: 180px;
    height: 141px;
}

.ksection_video2 .video {
    right: 5px;
    bottom: 45px;
}

.ksection_video2 .ksection-video-des {
    padding: 5px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ksection_video2 .ksection-video-des-text {
    float: none;
    margin: 0;
    height: 100%;
}

.ksection_video3 {
    position: absolute;
    top: 595px;
    left: 138px;
    width: 180px;
    height: 141px;
}

.ksection_video3 .video {
    right: 5px;
    bottom: 45px;
}

.ksection_video3 .ksection-video-des {
    padding: 5px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ksection_video3 .ksection-video-des-text {
    float: none;
    margin: 0;
    height: 100%;
}

.ksection_video:nth-child(5) {
    width: 430px;
    height: 241px;
}

.ksection_video4 {
    position: absolute;
    top: 418px;
    left: 320px;
    width: 430px;
    height: 285px;
}

.ksection_video4 .video {
    right: 5px;
    bottom: 45px;
}

.ksection_video4 .ksection-video-des {
    padding: 5px;
    height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ksection_video4 .ksection-video-des-text {
    float: none;
    margin: 0;
    height: 100%;
}

.ksection_video5 {
    position: absolute;
    top: 418px;
    right: 0;
    width: 180px;
    height: 141px;
}

.ksection_video5 .video {
    right: 5px;
    bottom: 45px;
}

.ksection_video5 .ksection-video-des {
    padding: 5px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ksection_video5 .ksection-video-des-text {
    float: none;
    margin: 0;
    height: 100%;
}

.ksection_video6 {
    position: absolute;
    top: 561px;
    right: 0;
    width: 180px;
    height: 141px;
}

.ksection_video6 .video {
    right: 5px;
    bottom: 45px;
}

.ksection_video6 .ksection-video-des {
    padding: 5px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ksection_video6 .ksection-video-des-text {
    float: none;
    margin: 0;
    height: 100%;
}

.ksection_video2 .arrow-up,
.ksection_video3 .arrow-up,
.ksection_video5 .arrow-up,
.ksection_video6 .arrow-up {
    margin-top: -55px;
}

.ksection_video4 .arrow-up {
    margin-top: -59px;
}

.ksection_video_mrect3 {
    padding: 0 5px;
    position: absolute;
    top: 143px;
    right: 0;
    background-image: url('../img/top-loggedin-bkgd.jpg');
    width: 312px;
    height: 273px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ksection_video_mrect3 .advertisement_text {
    margin: 3px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
}

.ksection_video_mrect4 {
    padding: 0 10px;
    position: absolute;
    top: 418px;
    left: 0;
    background-image: url('../img/top-loggedin-bkgd.jpg');
    width: 318px;
    height: 174px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ksection_video_mrect4 .advertisement_text {
    margin: 3px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
}

.ksection_vid_thumb {
    overflow: hidden;
}

.ksection_vid_thumb img {
    display: block;
    width: 100%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
    -moz-transition: opacity 0.35s, -webkit-transform 0.5s;
    transition: opacity 0.35s, transform 0.5s;
}

.ksection_vid_thumb:hover img {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0) scale(1.08);
    -moz-transform: translate3d(0, 0, 0) scale(1.08);
    transform: translate3d(0, 0, 0) scale(1.08);
}

.ksection-video-des {
    position: relative;
    background-color: #000;
    width: 100%;
    height: 67px;
}

.ksection-video-des-text,
.ksection-video-thumb-small-des-text,
.ksection-video-thumb-med-des-text {
    float: left;
    margin: 12px 0 0 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ksection-video-des-text span,
.ksection-video-thumb-small-des-text span,
.ksection-video-thumb-med-des-text span {
    font-size: 11px;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid black;
    position: relative;
    margin: -82px 0 0 15px;
}

.ksection-video-mrect {
    width: 300px;
    height: 250px;
    margin: 5px 0 20px 5px;
    /* margin-left: 13px; */
    /* float: left; */
}

.advertisement-text,
.related-articles-text {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 3px;
}

.related-articles-text {
    font-size: 14px;
    font-weight: bold;
}

.ksection-video-smrec-container {
    float: left;
    width: 318px;
    height: 174px;
    margin: 2px 0 0 0;
    background-image: url(//indo.zettecdn.com/static/top-loggedin-bkgd.png);
}

.kstar {
    margin-top: 70px;
}

.ksection-header h5 {
    text-align: left;
    font-family: 'Oswald', sans-serif;
    color: #000;
    text-transform: uppercase;
    font-size: 45px;
    font-weight: normal;
    letter-spacing: -1.5px;
}

.ksection-header h5:after {
    width: 82%;
}

.ksection_star_container {
    margin: 0 -14px;
}

.ksection_star_container>img {
    margin: 0 14px;
}

.ksection_kstars_icon {
    position: absolute;
    top: -50px;
    left: 20px;
    display: block;
    width: 75px;
    height: 55px;
    background-image: url(//cimg.zettecdn.com/img/korean-wave/kstars-icon.png);
    z-index: 0;
}

.ksection_stories_container {
    position: relative;
    margin: 0 -5px;
    min-height: 580px;
    overflow: hidden;
}

.kstories_block {
    float: left;
    padding-left: 15px;
    width: 934px;
    height: 580px;
}

.ksection_stories_container .kstories {
    position: relative;
    float: left;
    margin: 10px;
    overflow: hidden;
}

.ksection_stories_container .kstories img {
    display: block;
    width: 100%;
    -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;
}

.kstories:hover img {
    -webkit-transform: translate3d(0, 0, 0) scale(1.08);
    transform: translate3d(0, 0, 0) scale(1.08);
    opacity: 0.5;
}

.ksection_stories_container .kstories:first-child>div {
    position: relative;
    margin: 110px 0;
    width: 330px;
    height: 330px;
    overflow: hidden;
}

.ksection_stories_container .kstories>div {
    position: relative;
    width: 260px;
    height: 260px;
    overflow: hidden;
}

.ksection_stories_container .kstories:nth-child(2) {}

.ksection_stories_container .kstories:nth-child(3) {}

.ksection_stories_container .kstories:nth-child(4) {}

.ksection_stories_container .kstories:last-child {}

.ksection_stories_container .jcarousel {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 580px;
}

.ksection_stories_container .jcarousel>div {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ksection_stories_container .jcarousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1px;
    display: block;
    margin: auto 0;
    background: url(//cimg.zettecdn.com/img/korean-wave/arrow-left.png) no-repeat;
    width: 22px;
    height: 46px;
}

.ksection_stories_container .jcarousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 917px;
    display: block;
    margin: auto 0;
    background: url(//cimg.zettecdn.com/img/korean-wave/arrow-right.png) no-repeat;
    width: 22px;
    height: 46px;
}

.ksection_stories {
    float: left;
    overflow: hidden;
    width: 260px;
    /*height: 260px;*/
    position: relative;
    margin: 0 10px;
}

.ksection_stories_block {
    position: relative;
    display: block;
    margin: 5px 0;
    width: 260px;
    height: 260px;
    overflow: hidden;
}

.sticky_stories_wrap {
    position: relative;
    height: 330px;
}

.ksection_stories.sticky_stories {
    margin: 125px 5px;
    width: 330px;
}

.ksection_stories_readmore {
    position: relative;
    display: block;
    top: -80px;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-style: italic;
    letter-spacing: 1px;
    color: #000;
    text-align: center;
}

.ksection_stories_readmore a {
    text-decoration: none;
    color: #000;
}

.ksection_stories img,
.ksection_stories_small img {
    float: left;
    width: 100%;
    -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;
}

.ksection_stories_block:hover img,
.ksection_stories_small_block:hover img {
    -webkit-transform: translate3d(0, 0, 0) scale(1.08);
    transform: translate3d(0, 0, 0) scale(1.08);
    opacity: 0.5;
}

.ksection_stories.sticky_stories .ksection_stories_title {
    padding: 10px 15px;
    width: 280px;
}

.ksection_stories_title {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 10px;
    left: 0;
    display: block;
    padding: 10px 15px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.85);
    width: 85%;
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000;
}

.ksection_stories_date {
    display: block;
    padding: 5px 0px;
    font-family: 'Open Sans', serif;
    font-size: 11px;
    color: #838282;
    letter-spacing: 0.5px;
    line-height: 14px;
    font-style: normal;
    font-weight: normal;
}

.ksection_stories_date span {
    color: #000;
    /* font-weight: bold; */
    /* font-style: italic; */
}


/*MARK: these classes added by Jo for Puitika request ##### START*/

a.pink-url {
    color: #dd1b54;
}


/*MARK: these classes added by Jo for Puitika request ##### END*/

@media (max-width: 1074px) {
    .fashion.browse-single #masonry-item-prev {
        margin-left: -490px;
    }
    .fashion.browse-single #masonry-item-next {
        margin-right: -490px;
    }
}

@media (max-width: 1024px) and (orientation: portrait) {
    main {
        width: 100%;
    }
    .content-container {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .ci-articles-topStories {
        margin: 0;
    }
    .ci-articles {
        padding: 0;
        width: 57%;
    }
    .ci-articles-Container {
        width: 190px;
        margin: 5px 9px;
    }
    .ci-articles-img {
        width: 190px;
        height: 190px;
    }
    .ci-articles-img img {
        width: 100%;
    }
    .ci-ad-space {
        width: 300px;
        margin: 0;
    }
    .ci-news {
        margin: 0;
    }
    .article-leaderboard-container {
        width: 100%;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {}

@media (max-width: 728px) {
    .article-leaderboard-container {
        display: none;
    }
}


/* responsive */

@media (max-width: 640px) {
    main {
        width: 100%;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #article-menu {
        width: 100%;
        padding: 13px 5px;
    }
    #article nav#article-pages ul li.prevBtn {
        margin: 0 45px 0 0;
    }
    #article nav#article-pages li.nextBtn {
        float: right;
    }
    #article-body {
        margin: 0;
    }
    #article-aside-containter {
        margin: 0 5px;
    }
    #article-tag-container {
        margin: 0;
    }
    #article-mrect-container {
        padding: 0;
        margin: 0 0 10px;
    }
    .content-container {
        width: 100%;
    }
    .ci-articles {
        width: 100%;
    }
    .ci-articles-Container {
        width: 43%;
        height: 100%;
        padding: 0;
        margin: 10px;
        min-height: 270px;
    }
    .ci-articles-img {
        width: 100%;
        height: 100%;
    }
    .ci-articles-caption {
        padding: 10px 0 5px 5px;
        font-size: 16px;
        line-height: 1.2;
    }
    .ci-articles-date {
        padding: 0 5px;
    }
    .ci-articles-date span {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
    }
    .ci-ad-space {
        float: none;
        margin: 20px auto 0;
    }
    .ci-news {
        width: 100%;
        display: none;
    }
    .ci-news-Container {
        width: 100%;
    }
    .ci-articles-header {
        font-size: 22px;
        text-align: center;
    }
    .ci-news-caption {
        width: auto;
        float: none;
        padding: 0 0 0 155px;
    }
    #footer {
        width: 100% !important;
        padding: 20px 0 0;
    }
    #footer ul {
        width: 49%;
        margin: 0 0 30px;
        text-align: center;
    }
    #footer li[role='header'] {
        margin: 0;
        font-size: 14px;
        line-height: 30px;
    }
    #footer li {
        width: 100%;
        margin: 0;
        line-height: 22px;
    }
    #footer ul#footer-partner {
        width: 49%;
        margin: 0;
    }
    #footer div.footer-logo {
        width: 100%;
        padding-bottom: 15px;
        padding-top: 0;
    }
    footer .footer-logo img {
        width: 88%;
    }
    /* article */
    #article hr#article-menu-divider,
    #article-etc aside,
    #article-etc article,
    #article-head article,
    #article-head aside {
        max-width: 100%;
    }
    #article-head {
        text-align: center;
    }
    #article hr#article-menu-divider {
        margin: 2px 0 0;
    }
    #article-menu,
    #article-etc aside,
    #article-etc article {
        margin: 0;
    }
    #article-head article,
    #article-head aside {
        margin: 10px 0;
    }
    #article-etc aside h2,
    #article-etc article h2,
    section#article-author,
    #article-social-sharing {
        text-align: center;
    }
    #article-head article h1 {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        margin: 0 10px;
    }
    #article-head article h2 {
        font-size: 14px;
        text-align: center;
        line-height: 18px;
        margin-top: 5px;
    }
    #article-head aside img,
    .article-listing figure img {
        max-width: 100%;
        height: auto;
    }
    #article-menu-hamburger {
        top: 0;
        left: 0;
    }
    #article-menu li#article-menu-logo {
        margin: 0 auto;
        text-align: center;
        display: block;
        width: 100%;
    }
    section#article-author li#article-author-badge,
    #article-menu li:not(:first-child) {
        display: none;
    }
    #article-body article {
        width: auto;
        max-width: 100%;
        display: block;
        margin: 0 5px;
    }
    #article-body aside {
        width: auto;
        max-width: 100%;
        display: block;
        padding-bottom: 7px;
    }
    #article-search-tag h1,
    #article-search-author h1 {
        font-size: 22px;
        text-align: center;
        line-height: 32px;
        display: block;
    }
    #article-search-tag h4,
    #article-search-author h4 {
        margin-top: 20px;
        text-align: center;
    }
    #article-search-author .avatar-left,
    #article-search-author .avatar-right {
        width: 48%;
        margin: 0;
    }
    #article-search-author .avatar-left img {
        margin: 5px 0 0 10px;
    }
    #article-search-author .avatar-right blockquote {
        margin: 5px 0 0 10px;
        text-align: center;
    }
    #article-search-author .avatar-right blockquote span {
        display: block;
    }
    #article-search-author h1 {
        line-height: 40px;
    }
    .article-listing figure {
        width: 20%;
        margin: 0 5px;
    }
    .article-listing figcaption {
        width: 65%;
        margin: 0 10px 20px;
    }
    #article-menu-avatar.guest {
        display: none;
    }
    .article-badge {
        display: block;
    }
    #article-mrect-container p.ads {
        text-align: center;
        width: 50%;
    }
    .article-tag-cloud {
        vertical-align: top;
        display: inline-block;
    }
    /* All Korean Wave Responsive goes here */
    #koreanwave #wrapper-navigation-bar,
    #koreanwave footer {
        display: none;
    }
    #koreanwave .body-container,
    #koreanwave .logo-container img {
        width: 100%;
    }
    #koreanwave .ksection_masthead_container,
    #koreanwave .travelsection_masthead_container {
        height: auto;
    }
    #koreanwave .ksection_tab_container {
        clear: both;
        height: 84px;
    }
    #koreanwave .ksection_tab_container .ksection_tab,
    #koreanwave .ksection_tab_container .travelsection_tab {
        margin: 1px;
        width: 49%;
        font-size: 14px;
    }
    #koreanwave .ksection-header {
        display: block;
        margin: 10px 0;
        clear: both;
    }
    #koreanwave .ksection-header h2,
    #koreanwave .ksection-header h3,
    #koreanwave .ksection-header h5 {
        font-size: 30px;
    }
    #koreanwave .ksection-header h4 {
        font-size: 28px;
    }
    #koreanwave .ksection-header h2:after {
        position: absolute;
        top: 12px;
        right: 0;
        left: initial;
        width: 70%;
    }
    #koreanwave .ksection-header h3:after {
        position: absolute;
        top: 12px;
        right: 0;
        left: initial;
        width: 60%;
    }
    #koreanwave .ksection-header h4:after {
        position: absolute;
        top: 5px;
        right: 0;
        left: initial;
        width: 48%;
    }
    #koreanwave .ksection-header h5:after {
        position: absolute;
        top: 12px;
        right: 0;
        left: initial;
        width: 66%;
    }
    #koreanwave .ksection-header span {
        font-size: 18px;
    }
    #koreanwave .kvid_wrapper {
        height: 280px;
    }
    #koreanwave .ksection_video1 {
        width: 100%;
        height: 258px;
    }
    #koreanwave .ksection_video2,
    #koreanwave .ksection_video_mrect3,
    #koreanwave .ksection_video3,
    #koreanwave .ksection_video_mrect4,
    #koreanwave .ksection_video4,
    #koreanwave .ksection_video5,
    #koreanwave .ksection_video6 {
        display: none;
    }
    #koreanwave .ksection-video-des {
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #koreanwave .ksection-video-des-text {
        margin: 0;
        font-size: 12px;
    }
    #koreanwave .ksection-video-des-text span {
        display: block;
        margin: 5px 0 0;
        font-size: 10px;
    }
    #koreanwave .arrow-up {
        margin: -82px 0 0 15px;
    }
    #koreanwave .kstories_block {
        width: 350px;
        padding: 0 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #koreanwave .ksection_stories_container,
    #koreanwave .ksection_stories_container .jcarousel {
        min-height: 650px;
    }
    #koreanwave .ksection_stories_container {
        margin-bottom: 50px;
    }
    #koreanwave .ksection_stories_container .kstories {
        padding: 0;
        margin: 5px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #koreanwave .ksection_stories_container .kstories:first-child {
        padding-bottom: 20px;
    }
    #koreanwave .ksection_stories_container .kstories:first-child .ksection_stories_title {
        bottom: 10px;
        height: auto;
    }
    #koreanwave .ksection_stories_readmore {
        top: 15px;
    }
    #koreanwave .ksection_stories_container .kstories:first-child>div {
        margin: 0;
        width: 100%;
        height: auto;
    }
    #koreanwave .ksection_stories_container .kstories:not(:first-child) {
        padding: 0;
        margin: 10px;
        width: 43%;
    }
    #koreanwave .ksection_stories_container .kstories:not(:first-child)>div {
        width: 100%;
        height: auto;
    }
    #koreanwave .ksection_stories_container .kstories:not(:first-child) .ksection_stories_title {
        bottom: 5px;
        width: 85%;
        height: auto;
    }
    #koreanwave .ksection_stories_container .jcarousel-control-next {
        left: inherit;
        right: 0;
    }
    #koreanwave .ksection_stories_title {
        bottom: 0;
        padding: 5px;
        margin: auto;
        width: 90%;
        height: 92%;
        background-color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
    }
    #koreanwave .ksection_stories_date {
        display: none;
    }
    #koreanwave .ksection_star_container {
        margin: 0;
        width: 100%;
    }
    #koreanwave .ksection_star_container img {
        margin: 0;
        width: 100%;
    }
    #koreanwave .masonry {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
    #koreanwave .ksection_star_container .loop-entry {
        margin: 20px 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #koreanwave .loop-entry-img-container {
        width: 100%;
    }
    #koreanwave .masonry .comments-wrapper {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #koreanwave .masonry .load-more,
    #koreanwave .ksection_star_container .read-more {
        padding: 10px 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #koreanwave .ksection_header_community {
        margin: 0;
        font-size: 18px;
    }
    #koreanwave .masonry-banner.korean-wave,
    #koreanwave .leaderboard-container,
    #koreanwave .community-filter-stick-menu.korean-wave {
        display: none;
    }
    #koreanwave #wpex-grid-wrap {
        margin: 0 auto;
        width: 90%;
    }
    #koreanwave .masonry .loading-wrapper {
        margin: 10px;
    }
}


/*
@media (max-width:640px) {
#footer ul {
width:48%;
}

#footer ul#footer-partner {
width:48%;
}
}
*/

@media (max-width: 320px) {
    #article nav#article-pages ul li.prevBtn {
        margin: 0 25px 0 0;
    }
    .content-container {
        padding: 0 5px;
    }
    .ci-articles-Container {
        width: 43%;
    }
    #koreanwave .ksection_tab_container .ksection_tab,
    #koreanwave .ksection_tab_container .travelsection_tab {
        width: 48%;
    }
    #koreanwave .ksection-header h3:after {
        width: 55%;
    }
    #koreanwave .ksection-header h4:after {
        top: 10px;
        width: 50%;
    }
    #koreanwave .ksection-header h5:after {
        width: 67%;
    }
    #koreanwave #wpex-grid-wrap {
        width: 98%;
    }
    /*
#koreanwave .kstories_block {width: 300px;}
#koreanwave .ksection_stories_container .kstories:not(:first-child) {width: 42%;}
#koreanwave #wpex-grid-wrap {margin: 0 auto; width: 98%;}
#koreanwave .loop-entry {width: 270px;}
.entry-text > a {width: 100%;}
*/
}

.megaMenuClozetteTV {
    padding-left: 595px;
}

.megaMenuClozetteTVTitle {
    margin-left: 100px;
}

.display-none {
    display: none;
}


/* ============== SUSILO HEADER ================ */

.mobile {
    display: none;
}

.dropdown {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Nunito Sans', sans-serif;
}

.dropdown-menu-avatar {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    right: 0;
    min-width: 10rem;
    padding: 1rem 0;
}

.logged:hover .dropdown-menu-avatar {
    display: block !important;
}

.share-post:hover .dropdown-menu-share-post {
    display: block !important;
}

.dropdown-item-avatar {
    display: block;
    padding: 10px 35px;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    color: #221919 !important;
}

.dropdown-item-avatar span {
    margin-right: 20px;
    position: relative;
}

.dropdown-item-avatar-username {
    font-size: 18px;
    font-family: 'didot-bold';
}

.dropdown-item-avatar:not(.dropdown-item-avatar-username):hover {
    /* background-color: #c4c4c4; */
    color: #e57a88 !important;
}

.dropdown-item-avatar-home:hover img {
    /* content: url(https://cimg.zettecdn.com/img/revamp/clothing-hanger22.png); */
}

.dropdown-item-avatar .fa-home {
    opacity: 0;
}

.dropdown-item-avatar-home img {
    height: 14px !important;
    position: absolute;
    left: 0;
}

.header-auth .share-post {
    margin: 0 10px;
    display: flex;
    align-items: center;
}

header {
    background-color: transparent;
    font-size: 14px;
    width: 100%;
    max-width: 100%;
    padding: 15px 30px !important;
    font-family: 'AvenirNext-Regular', sans-serif;
    box-sizing: border-box;
}

header .top-menu-container {
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: solid 1px transparent;
}

header .top-menu-container img {
    height: 36px;
    transform: translateZ(0);
}

header .header-nav ul {
    list-style-type: none;
}

header .header-nav ul li {
    padding: 10px 20px;
    display: inline;
}

header .header-nav ul li a {
    text-decoration: none;
    font-size: 14px;
    font-family: 'Helvetica Neue';
}

header .header-nav ul li .active,
header .header-nav ul li a:hover {
    color: #e57a88;
}

header .header-auth .auth-action {
    margin-left: 10px;
}

header .header-auth .auth-action .web-auth a {
    color: black;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

header .header-auth .auth-action .web-auth a:hover {
    /* text-decoration: underline; */
}

header .header-auth .auth-action .web-auth {
    height: 100%;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
}

header .header-auth .auth-action .web-auth .logged .dropdown-menu-user,
.share-post .dropdown-menu-user {
    padding: 15px 0;
    font-size: 1rem;
    color: #212529;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid rgba(0, 0, 0, 0.15); */
    box-shadow: 0 5px 10px 3px #e9e9e9;
    border-radius: 0.25rem;
}

header .header-auth .auth-action .web-auth .logged:hover .dropdown-menu {
    display: block !important;
}

header .header-auth .auth-action .web-auth .header-avatar {
    background-color: #999;
    height: 45px;
    width: 45px;
    border-radius: 100%;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}

.header-avatar .notification-circle {
    right: -1px;
    top: -1px;
}

header .header-logo,
header .header-auth {
    width: calc((100% - 940px) / 2);
}

header .header-auth {
    justify-content: flex-end;
}

header .header-nav {
    width: 940px;
    text-align: center;
}

.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 998;
    padding: 5px 30px !important;
    background-color: #ffffff !important;
}


/* ============== SUSILO END HEADER ================ */


/* ============== IBNU'S HEADER ================ */

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
    /* transition: transform 0.4s ease-in-out; */
}

@-webkit-keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}

.left-slick-arrow,
.right-slick-arrow {
    position: absolute;
    /* top: 40%; */
    /* font-size: 10px; */
    cursor: pointer;
    bottom: -33px;
}

.left-slick-arrow {
    left: 0;
}

.right-slick-arrow {
    right: 0;
}


/* ============== IBNU'S END SLIDER ================ */

.fullscreen-search-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.94);
    text-align: center;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}

.animate-element,
.effect-bg-layer,
.fullscreen-search-overlay {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.fullscreen-search-overlay {
    z-index: 999;
}

.fullscreen-search-overlay .fullscreen-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32px;
    z-index: 99;
    font-size: 26px;
    -webkit-transition: transform ease-out 0.2s;
    -moz-transition: transform ease-out 0.2s;
    -ms-transition: transform ease-out 0.2s;
    -o-transition: transform ease-out 0.2s;
    transition: transform ease-out 0.2s;
    transform: rotate(0deg);
}

.fullscreen-search-overlay .fullscreen-close:link,
.fullscreen-search-overlay .fullscreen-close:visited {
    color: #fff;
}

.fullscreen-search-overlay #fullscreen-search-wrapper {
    display: inline-block;
    max-width: 1000px;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
    visibility: 1;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#fullscreen-searchform {
    top: 250px;
    position: relative;
    vertical-align: middle;
    border-bottom: 2px white solid;
}

.fullscreen-search-overlay #fullscreen-search-wrapper #fullscreen-searchform #fullscreen-search-input {
    width: 800px;
    background-color: transparent;
    border: 0;
    padding: 8px;
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: lighter;
    font-size: 25px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.fullscreen-search-overlay #fullscreen-search-wrapper #fullscreen-searchform #fullscreen-search-input:focus {
    border: none !important;
    outline: none !important;
    box-shadow: unset !important;
}

.fullscreen-search-overlay #fullscreen-search-wrapper #fullscreen-searchform #fullscreen-search-input::placeholder {
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: lighter;
    font-size: 25px;
}

.overlay-search button {
    background: transparent;
    border: none;
    outline: none;
    color: white;
}

.fullscreen-search-overlay.fullscreen-search-overlay-show {
    visibility: visible;
    opacity: 0.88;
    z-index: 9999;
}

#header .nav-link {
    padding: 0.5rem;
}

.fa-arrow-left:hover,
.fa-arrow-right:hover {
    color: #dd1b54;
}

#nav-link {
    display: contents;
}

@media only screen and (max-width: 768px) {
    header .top-menu-container {
        align-items: center;
        padding: 20px auto;
    }
    #nav-link {
        flex-direction: column;
        display: none;
        width: 100%;
    }
    #nav-link.open {
        display: flex;
        position: absolute;
        background: white;
        left: 0;
        top: 70px;
        background-color: white;
        z-index: 10000000;
        padding-bottom: 40px;
    }
    #nav-link.open .dropdown-menu-avatar {
        top: unset;
        bottom: 50px;
        right: unset;
    }
    .mobile {
        display: block;
    }
    .icn {
        display: contents;
        align-items: flex-start;
    }
    .icn i {
        display: none;
    }
    .open {
        display: block !important;
    }
    .header-nav {
        margin: 35px 0;
    }
    .header-nav .nav-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 40px 0;
    }
    header .header-auth {
        width: 100%;
        justify-content: left;
        padding: 0 20px;
    }
}