/*
  Main Sass include file for refinery29.com
*/
/*
    This file is reserved to include all the sass files inside /sass-includes
*/
/*

  Fonts

  >> As you use/need new fonts add a variable here so we
     have an inventory of the fonts we're using at the end
     and we can remove the non-used fonts to save bandwidth

*/
/* Tiempos_Removed "TiemposText" "Georgia"*/
/* Tiempos_Removed "TiemposText-bold", "Georgia"*/
/* Tiempos_Removed "TiemposText-italic",  "Georgia"*/
/* Tiempos_Removed "TiemposText-bold-italic", "Georgia"*/
/*
  Icon font
*/
/*
    Base Colors - don't use these in the Sass, they're to feed variables, only!
*/
/*
  Color variables - Use these!
*/
/*
 Slideshow colors
 */
/*
  Main Nav colors
 */
/*
  Font sizes -- please change these to something more flexible.
  There's a Sass function for px -> EM conversion
*/
/*
  Grid gutter sizes
*/
/*
  Page and column widths
*/
/*
  Card Settings
*/
/*
  Responsive Settings
*/
/*
    Truncate text with elipses
 */
/*
    Move element off screen
*/
/*
    Move text off screen
*/
/*
    Fix inline-block cross browser
*/
/*
    New hotness clearfix
*/
/*
    Convert pixels to ems
*/
/*
    Easy font-face
*/
/*
    Vendor prefix'd helpers
*/
/*
  buttons
*/
/*
  icons
*/
/*
  New headline, subtitle, copy standards
*/
/*
    Pulsate pink box shadow
*/
@import url(icons/sprites.css);
@-webkit-keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

@-moz-keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

@keyframes pulsate {
  0% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; }
  50% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 0 #ffb2b2; }
  100% {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 30px #ffb2b2; } }

/*
    Blink effect on hover
*/
@-webkit-keyframes blink {
  /* Safari and Chrome */
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  /* Firefox */
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 1; }
  70% {
    opacity: 0.9; }
  100% {
    opacity: 1; } }

@-webkit-keyframes blinkText {
  /* Safari and Chrome */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@-moz-keyframes blinkText {
  /* Firefox */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@-ms-keyframes blinkText {
  /* IE */
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

@keyframes blinkText {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    opacity: 1; } }

/*
  Fade in
*/
@-webkit-keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

@-moz-keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

@keyframes fadeIn {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; } }

/*
  Fade out
*/
@-webkit-keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

@-moz-keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

@keyframes fadeOut {
  from {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=100);
    /* must be a uint */
    -moz-opacity: 100;
    -khtml-opacity: 100;
    opacity: 100; }
  to {
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=0);
    /* must be a uint */
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; } }

/* 
  Loading spinner 
*/
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

.is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.hide {
  display: none; }

.is-removed {
  display: none; }

/*
    This file is reserved to include all the sass files inside /base
*/
/**
 * This file is reserved for @font-face
 * Fonts are referenced using full paths, relative the static hosts.
 * (s1.r29static.com, static.name.dev.rf29.net, etc.)
 */
/* Font: Brown */
@font-face {
  font-family: "BrownStd-thin";
  src: url("/blog/static/assets/fonts/brown/thin/brownstdthin.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/thin/brownstdthin.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/thin/brownstdthin.svg#BrownStd-thin") format("svg"), url("/blog/static/assets/fonts/brown/thin/brownstdthin.woff") format("woff"), url("/blog/static/assets/fonts/brown/thin/brownstdthin.ttf") format("truetype");
  font-weight: "100";
  font-style: "normal"; }

@font-face {
  font-family: "BrownStd-thin-italic";
  src: url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.svg#BrownStd-thin-italic") format("svg"), url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.woff") format("woff"), url("/blog/static/assets/fonts/brown/thin-italic/brownstdthinitalic.ttf") format("truetype");
  font-weight: "100";
  font-style: "italic"; }

@font-face {
  font-family: "BrownStd-light";
  src: url("/blog/static/assets/fonts/brown/light/brownstdlight.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/light/brownstdlight.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/light/brownstdlight.svg#BrownStd-light") format("svg"), url("/blog/static/assets/fonts/brown/light/brownstdlight.woff") format("woff"), url("/blog/static/assets/fonts/brown/light/brownstdlight.ttf") format("truetype");
  font-weight: "200";
  font-style: "normal"; }

@font-face {
  font-family: "BrownStd";
  src: url("/blog/static/assets/fonts/brown/regular/brownstdregular.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/regular/brownstdregular.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/regular/brownstdregular.svg#BrownStd") format("svg"), url("/blog/static/assets/fonts/brown/regular/brownstdregular.woff") format("woff"), url("/blog/static/assets/fonts/brown/regular/brownstdregular.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

@font-face {
  font-family: "BrownStd-italic";
  src: url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclineregular.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclineregular.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclineregular.svg#BrownStd-italic") format("svg"), url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclineregular.woff") format("woff"), url("/blog/static/assets/fonts/brown/recline-regular/brownstdreclineregular.ttf") format("truetype");
  font-weight: "400";
  font-style: "italic"; }

@font-face {
  font-family: "BrownStd-bold";
  src: url("/blog/static/assets/fonts/brown/bold/brownstdbold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/bold/brownstdbold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/bold/brownstdbold.svg#BrownStd-bold") format("svg"), url("/blog/static/assets/fonts/brown/bold/brownstdbold.woff") format("woff"), url("/blog/static/assets/fonts/brown/bold/brownstdbold.ttf") format("truetype");
  font-weight: "700";
  font-style: "normal"; }

@font-face {
  font-family: "BrownStd-bold-italic";
  src: url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.svg#BrownStd-bold-italic") format("svg"), url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.woff") format("woff"), url("/blog/static/assets/fonts/brown/bold-italic/brownstdbolditalic.ttf") format("truetype");
  font-weight: "700";
  font-style: "italic"; }

/* Font: Brandon Grotesque (ones not included under Brown font names above) */
@font-face {
  font-family: "BrandonGrotesque-medium";
  src: url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.svg#BrandonGrotesque-medium") format("svg"), url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.woff") format("woff"), url("/blog/static/assets/fonts/brandon-grotesque/brandongrotesque_medium_macroman/Brandon_med-webfont.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

/* Font: Playfair Display (this could also be loaded from the Google CDN) */
@font-face {
  font-family: "PlayfairDisplay";
  src: url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.svg#PlayfairDisplay") format("svg"), url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/regular/playfairdisplay-regular-webfont.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

@font-face {
  font-family: "PlayfairDisplay-bold";
  src: url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.svg#PlayfairDisplay-bold") format("svg"), url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/bold/playfairdisplay-bold-webfont.ttf") format("truetype");
  font-weight: "700";
  font-style: "normal"; }

@font-face {
  font-family: "PlayfairDisplay-bold-italic";
  src: url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.svg#PlayfairDisplay-bold-italic") format("svg"), url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/bold-italic/playfairdisplay-bolditalic-webfont.ttf") format("truetype");
  font-weight: "700";
  font-style: "italic"; }

@font-face {
  font-family: "PlayfairDisplay-black";
  src: url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.svg#PlayfairDisplay-black") format("svg"), url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/black/playfairdisplay-black-webfont.ttf") format("truetype");
  font-weight: "800";
  font-style: "normal"; }

@font-face {
  font-family: "PlayfairDisplay-black-italic";
  src: url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.svg#PlayfairDisplay-black-italic") format("svg"), url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/black-italic/playfairdisplay-blackitalic-webfont.ttf") format("truetype");
  font-weight: "800";
  font-style: "italic"; }

@font-face {
  font-family: "PlayfairDisplay-italic";
  src: url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.eot?") format("eot");
  src: url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.svg#PlayfairDisplay-italic") format("svg"), url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.woff") format("woff"), url("/blog/static/assets/fonts/playfair-display/italic/playfairdisplay-italic-webfont.ttf") format("truetype");
  font-weight: "800";
  font-style: "italic"; }

/* Font: TiemposHeadlineWeb */
@font-face {
  font-family: "TiemposHeadline-light";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.svg#TiemposHeadline-light") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Light.ttf") format("truetype");
  font-weight: "200";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline-medium";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.svg#TiemposHeadline-medium") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.ttf") format("truetype");
  font-weight: "300";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.svg#TiemposHeadline") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Medium.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline-semibold";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.svg#TiemposHeadline-semibold") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Semibold.ttf") format("truetype");
  font-weight: "600";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline-bold";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.svg#TiemposHeadline-bold") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-Bold.ttf") format("truetype");
  font-weight: "700";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposHeadline-bold-italic";
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.svg#TiemposHeadline-bold-italic") format("svg"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.woff") format("woff"), url("/blog/static/assets/fonts/TiemposHeadlineWeb/TiemposHeadlineWeb-BoldItalic.ttf") format("truetype");
  font-weight: "800";
  font-style: "normal"; }

/* Font: TiemposTextWeb */
@font-face {
  font-family: "TiemposText-medium";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.svg#TiemposText-medium") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.ttf") format("truetype");
  font-weight: "300";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposText-medium-italic";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.svg#TiemposText-medium-italic") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.ttf") format("truetype");
  font-weight: "300";
  font-style: "italic"; }

@font-face {
  font-family: "TiemposText";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.svg#TiemposText") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWebLF-Regular.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposText-italic";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.svg#TiemposText-italic") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-RegularItalic.ttf") format("truetype");
  font-weight: "400";
  font-style: "italic"; }

@font-face {
  font-family: "TiemposText-semibold";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.svg#TiemposText-semibold") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.ttf") format("truetype");
  font-weight: "600";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposText-bold";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.svg#TiemposText-bold") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-Semibold.ttf") format("truetype");
  font-weight: "600";
  font-style: "normal"; }

@font-face {
  font-family: "TiemposText-bold-italic";
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.eot?") format("eot");
  src: url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.svg#TiemposText-bold-italic") format("svg"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.woff") format("woff"), url("/blog/static/assets/fonts/TiemposTextWeb/TiemposTextWeb-SemiboldItalic.ttf") format("truetype");
  font-weight: "600";
  font-style: "italic"; }

/**
 * Font: Refinery29 icons
 * This font is referenced with a path relative the compiled css.
 */
@font-face {
  font-family: "refinery29";
  src: url("../fonts/refinery29/refinery29.eot?") format("eot");
  src: url("../fonts/refinery29/refinery29.eot?#iefix") format("embedded-opentype"), url("../fonts/refinery29/refinery29.svg#refinery29") format("svg"), url("../fonts/refinery29/refinery29.woff") format("woff"), url("../fonts/refinery29/refinery29.ttf") format("truetype");
  font-weight: "400";
  font-style: "normal"; }

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1, .h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

.hide-overflow, .main-nav-site-switcher dt, .main-nav-email-dropdown, .category-page-circlestory-img-wrapper, .icon-bubble, .comment-bubble {
  overflow: hidden; }

.middle-table-cell, .product-buy-container {
  display: table-cell;
  vertical-align: middle; }

.popout, .main-nav-submenus, .main-nav-submenu, .category-page-hero-info, .triangle-topright, .category-page-feed-header, .category-page-feed-date, .category-page-feed-circle, .category-page-feed:before, .category-page-circlestory-title-wrapper:before, .category-page-circlestory-title-wrapper:after, .category-page-singlestory-info-wrapper, .category-page-singlestory-social, .category-page-singlevideo-social, .category-page-ootd-main-info-wrapper, .triangle-topleft {
  position: absolute; }

.relative {
  position: relative; }

.fix-position {
  position: fixed; }

.popin {
  position: static; }

.popout-drag {
  margin-top: 140px; }

.xsmall-col, .small-col, .med-col, .category-page-hero-header,
.category-page-hero-text, .category-page-vertical-hero-header, .large-col, .products, .xlarge-col, .category-page-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.xsmall-col {
  width: 300px; }

.small-col {
  width: 350px; }

.med-col, .category-page-hero-header,
.category-page-hero-text, .category-page-vertical-hero-header {
  width: 585px; }

.large-col, .products {
  width: 935px; }

.xlarge-col, .category-page-wrapper {
  width: 1280px; }

.xxlarge-col {
  width: 1500px; }

.inset-left-1, #main-nav.condensed, .category-page-social-count, .category-page-feed-timeline, .category-page-singlestory-info-wrapper, .category-page-singlevideo-title, .category-page-polar-info-wrapper {
  padding-left: 20px; }

.inset-right-1, #main-nav.condensed, .category-page-singlestory-info-wrapper, .category-page-singlevideo-title, .category-page-polar-info-wrapper {
  padding-right: 20px; }

.inset-right-half {
  padding-right: 10px; }

.inset-left-2 {
  padding-left: 40px; }

.inset-right-2 {
  padding-right: 40px; }

.inset-left-3, .category-page-editors-info-wrapper, .category-page-ootd-main-info-wrapper {
  padding-left: 60px; }

.inset-right-3, .category-page-editors-description, .category-page-ootd-main-info-wrapper {
  padding-right: 60px; }

.offset-left-1, .condensed .main-nav-container {
  margin-left: 20px; }

.offset-right-1, .condensed .main-nav-container, .category-page-circlestory-title-wrapper, .category-page-singlevideo-social {
  margin-right: 20px; }

.offset-left-2 {
  margin-left: 40px; }

.offset-right-2 {
  margin-right: 40px; }

.offset-left-3, .category-page-feed-timeline {
  margin-left: 60px; }

.offset-right-3 {
  margin-right: 60px; }

.inset-top-1, .category-page-singlestory-info-wrapper, .category-page-singlevideo-title, .category-page-polar-info-wrapper {
  padding-top: 20px; }

.inset-bottom-1, .category-page-circlestory-author-wrapper, .category-page-singlestory-info-wrapper, .category-page-singlevideo-title, .category-page-ootd-main-info-wrapper, .category-page-polar-info-wrapper {
  padding-bottom: 20px; }

.inset-top-2 {
  padding-top: 40px; }

.inset-bottom-2 {
  padding-bottom: 40px; }

.inset-top-secondary-1, .category-page-ootd-main-info-wrapper {
  padding-top: 30px; }

.inset-right-secondary-1 {
  padding-right: 30px; }

.inset-left-secondary-1 {
  padding-left: 30px; }

.inset-bottom-secondary-1, .category-page-featured-editors-title {
  padding-bottom: 30px; }

.offset-top-1, .main-nav-email-dropdown-list-item, .category-page-read-more, .category-page-singlestory-body, .category-page-editors-description, .category-page-ootd-description, .category-page-ootd-related, .category-page-polar-description {
  margin-top: 20px; }

.offset-bottom-1, .category-page-instagram-description.small {
  margin-bottom: 20px; }

.offset-top-2, .category-page-hero-header, .category-page-ootd-date {
  margin-top: 40px; }

.offset-bottom-2, .category-page-hero, .vertical-hero-container .category-page-vertical-hero, .category-page-feed {
  margin-bottom: 40px; }

.offset-top-3 {
  margin-top: 60px; }

.offset-bottom-3, .category-page-ad-wrapper, .category-page-circlestory, .category-page-singlestory, .category-page-singlevideo, .category-page-featured-editors, .category-page-three-stories, .category-page-instagram, .category-page-ootd {
  margin-bottom: 60px; }

.offset-top-secondary-1, .category-page-feed-timeline li {
  margin-top: 30px; }

.offset-right-secondary-1 {
  margin-right: 30px; }

.offset-left-secondary-1, .main-nav-categories li {
  margin-left: 30px; }

.offset-bottom-secondary-1, .category-page-feed-timeline li {
  margin-bottom: 30px; }

.left-ruler, .main-nav-site-switcher, .main-nav-email-dropdown, .main-nav-search-form {
  border-left: 1px #EBEBEC solid; }

.right-ruler, .main-nav-email-dropdown, .category-page-ootd-related-item {
  border-right: 1px #EBEBEC solid; }

.bottom-ruler, .main-nav-email-dropdown, .shop-this-slideshow, .category-page-featured-editors-title {
  border-bottom: 1px solid #EBEBEC; }

.top-ruler, .main-nav-email-dropdown {
  border-top: 1px solid #EBEBEC; }

.grid-helper {
  background-image: url("/images/grid.png");
  background-position: 0 0;
  background-repeat: repeat-y;
  overflow: hidden; }

.main-nav-logo, .main-nav-social-menu-item, .main-nav-email-submit, #main-nav-email-dropdown-input, .main-nav-condensed-title, .main-nav-condensed-readnext, .products, .product-list li, .category-page-wrapper .one-of-four, .category-page-wrapper .one-of-three, .category-page-wrapper .one-of-two, .category-page-wrapper .two-of-three, .category-page-wrapper .one-of-one, .category-page-grid, .category-page-social-list, .category-page-social-list li, .category-page-social-count, .category-page-social-count h3, .category-page-social-count p, .category-page-ad-wrapper, .category-page-hero, .category-page-hero img, .category-page-hero a, .vertical-hero-container .category-page-vertical-hero, .vertical-hero-container .category-page-vertical-hero img, .vertical-hero-container .category-page-vertical-hero a, .category-page-vertical-hero-info a, .category-page-circlestory, .category-page-circlestory-img-wrapper a, .category-page-circlestory-title-wrapper, .category-page-singlestory, .category-page-singlestory-image-wrapper, .category-page-singlestory-image-wrapper img, .category-page-singlestory-info-wrapper, .category-page-singlevideo, .category-page-singlevideo-info-wrapper, .category-page-singlevideo-title, .category-page-featured-editors, .category-page-three-stories, .category-page-doublestory, .category-page-doublestory-image-wrapper, .category-page-doublestory-image-wrapper img, .category-page-doublestory-info-wrapper, .category-page-instagram,
.category-page-instagram-small,
.category-page-instagram-large, .instagram-one-of-one,
.instagram-one-of-two,
.instagram-one-of-three,
.instagram-one-of-four,
.instagram-two-of-three, .category-page-instagram-title, .category-page-instagram img, .category-page-editors-img-wrapper, .category-page-editors-img-wrapper img, .category-page-editors-img-wrapper a, .category-page-ootd, .category-page-ootd ul, .category-page-ootd li, .category-page-ootd-main, .category-page-ootd-main-img-wrapper, .category-page-ootd-main-img-wrapper img, .category-page-ootd-main-info-wrapper, .category-page-ootd-info-list-wrapper, .category-page-ootd-related, .category-page-ootd-related-section, .category-page-ootd-related-section a, .touch .ootd-touch-only, .category-page-ootd-related-item img, .category-page-polar, .category-page-polar-img-wrapper, .category-page-polar-img-wrapper a, .category-page-polar-img-wrapper img, .category-page-polar-info-wrapper, .category-page-polar-description, .col-left {
  float: left; }

.main-nav-social-menu, .main-nav-site-switcher, #main-nav-user-menu, .category-page-ootd-related-item span, .category-page-polar-social, .col-right, .main-nav-search-button, .main-nav-search-form.active, .main-nav-condensed-socialbar {
  float: right; }

.left {
  clear: left; }

.right {
  clear: right; }

.both {
  clear: both; }

/*
  This file is reserved for base HTML styles & typographic elements
*/
body {
  font-family: "TiemposText", serif;
  color: #222;
  margin: 0; }

.h1, h1, h2, h3, h4, h5, h6 {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  margin: 0 0 12px;
  padding: 0;
  font-weight: 400; }
  .h1 em, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    font-family: "PlayfairDisplay-bold-italic", "Georgia", sans-serif;
    font-style: normal; }

.h1, h2.h1 {
  font-family: "BrownStd-light", sans-serif;
  font-size: 1.5em;
  text-transform: uppercase;
  letter-spacing: .2em;
  line-height: normal; }

h2 {
  font-size: 26px;
  margin-bottom: 10px;
  line-height: 1.1; }

h3 {
  font-size: 22px; }

h2, h3 {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif; }

h4 {
  font-size: .95em; }

h5 {
  font-size: .7em;
  font-family: "BrownStd-light", sans-serif;
  text-transform: uppercase;
  margin: 0; }

p, ul, ol, dl, table {
  margin: 0;
  padding: 0; }

th, td {
  border: 1px solid #ccc;
  padding: 6px; }

th {
  font-family: "TiemposText", serif, serif;
  /* Tiempos_Removed "TiemposText-bold", "Georgia" */
  font-weight: 400; }

a {
  text-decoration: none;
  color: #F75352; }
  a:hover {
    text-decoration: none; }

a img {
  border: 0; }

/*
  Redefining bold and italics to map to the cusom fonts
*/
p strong, p b, ul strong, ul b, ol strong, ol b, dl strong, dl b, table strong, table b, .entry-body strong, .entry-body b, .asset-caption strong, .asset-caption b {
  font-family: "TiemposText-bold", serif;
  font-weight: 600; }
  p strong em, p strong i, p b em, p b i, ul strong em, ul strong i, ul b em, ul b i, ol strong em, ol strong i, ol b em, ol b i, dl strong em, dl strong i, dl b em, dl b i, table strong em, table strong i, table b em, table b i, .entry-body strong em, .entry-body strong i, .entry-body b em, .entry-body b i, .asset-caption strong em, .asset-caption strong i, .asset-caption b em, .asset-caption b i {
    font-family: "TiemposText-bold-italic", serif;
    font-style: italic; }

p em, p i, ul em, ul i, ol em, ol i, dl em, dl i, table em, table i, .entry-body em, .entry-body i, .asset-caption em, .asset-caption i {
  font-family: "TiemposText-italic", serif;
  font-style: italic; }
  p em strong, p em b, p i strong, p i b, ul em strong, ul em b, ul i strong, ul i b, ol em strong, ol em b, ol i strong, ol i b, dl em strong, dl em b, dl i strong, dl i b, table em strong, table em b, table i strong, table i b, .entry-body em strong, .entry-body em b, .entry-body i strong, .entry-body i b, .asset-caption em strong, .asset-caption em b, .asset-caption i strong, .asset-caption i b {
    font-weight: 600;
    font-family: "TiemposText-bold-italic", serif; }

img.loaded {
  height: auto; }

img:not([height]) {
  max-width: 100%;
  height: auto; }

footer[role="contentinfo"] a {
  font-family: "BrownStd", sans-serif;
  font-weight: 300; }

aside.dropdown a, aside.dropdown h2 {
  font-weight: 300;
  font-size: 16px; }

h2 {
  font-family: 'PlayfairDisplay-bold', 'Georgia';
  font-weight: normal;
  font-size: 28px; }
  h2.feed-titles {
    font-size: 24px; }

.asset-credit {
  display: block;
  text-align: center;
  font: 11px "BrownStd-light", sans-serif;
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 15px;
  letter-spacing: 1px; }
  .asset-credit strong, .asset-credit a {
    font-family: "BrownStd", sans-serif; }

.asset-caption {
  display: block; }

hr {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  height: 1px;
  clear: both;
  background-image: url(../images/layout/ruler.png);
  background-position: top center; }

.heading-main-section {
  padding: 54px 20px 0;
  margin-bottom: 16px; }
  .heading-main-section.now-module {
    text-align: center;
    padding: 54px 10px 0;
    margin-bottom: 30px; }
  .heading-main-section.heading-two-of-three {
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 52px 20px 16px;
    margin-bottom: 0px;
    position: relative;
    width: 66.666666%;
    background-image: url(../images/layout/ruler.png);
    background-repeat: no-repeat;
    background-position: bottom left; }
  .heading-main-section .past-2-hours-story-count {
    float: right;
    font-family: "BrownStd", sans-serif;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: -0.5px;
    padding-top: 15px;
    color: #B5B5B5; }
  .heading-main-section .icon, .heading-main-section .comment-bubble, .heading-main-section .price-tag, .heading-main-section .email-signup-overlay-icon-mail, .heading-main-section .pinterest-overlay-logo, .heading-main-section .product-save-star {
    color: #6AD98A;
    font-size: 1.1em;
    position: relative;
    top: 4px; }
  .heading-main-section .button {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: .2em;
    position: relative;
    top: 6px; }
    .heading-main-section .button .icon, .heading-main-section .button .comment-bubble, .heading-main-section .button .price-tag, .heading-main-section .button .email-signup-overlay-icon-mail, .heading-main-section .button .pinterest-overlay-logo, .heading-main-section .button .product-save-star {
      font-size: .95em;
      color: #FFF;
      top: 1px;
      margin-left: 3px; }
    .heading-main-section .button:hover .icon, .heading-main-section .button:hover .comment-bubble, .heading-main-section .button:hover .price-tag, .heading-main-section .button:hover .email-signup-overlay-icon-mail, .heading-main-section .button:hover .pinterest-overlay-logo, .heading-main-section .button:hover .product-save-star {
      color: #F75352; }
  .heading-main-section .heading-more-url {
    font-family: "BrownStd", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    letter-spacing: 1px;
    float: right;
    font-size: 14px;
    margin-top: 8px; }
    .heading-main-section .heading-more-url:before {
      font-size: 20px;
      display: inline-block;
      vertical-align: -8px;
      font-family: "refinery29";
      text-transform: none; }

.read-more {
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  position: relative;
  white-space: nowrap;
  display: inline-block; }
  .read-more .icon-read-more:before {
    color: #F75352;
    font-size: 20px;
    display: inline-block;
    vertical-align: -8px; }

.more-article-modules {
  padding: 19px 20px 0; }

h1 a.ellipsis.icon-read-more, h2 a.ellipsis.icon-read-more, h3 a.ellipsis.icon-read-more, h4 a.ellipsis.icon-read-more {
  color: #F75352; }
  h1 a.ellipsis.icon-read-more .wrap, h2 a.ellipsis.icon-read-more .wrap, h3 a.ellipsis.icon-read-more .wrap, h4 a.ellipsis.icon-read-more .wrap {
    display: inline-block;
    text-indent: -100px;
    overflow: hidden; }

p span.big {
  font-size: larger; }

p span.caption {
  font-size: smaller;
  font-style: italic; }

[data-icon]:before {
  font-family: "refinery29";
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

[class^="icon-"], [class*=" icon-"], .icon, .comment-bubble, .price-tag, .email-signup-overlay-icon-mail, .pinterest-overlay-logo, .product-save-star {
  font-family: "refinery29";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-down:before {
  content: "\76"; }

.icon-arrow-up:before {
  content: "\5e"; }

.icon-bubble:before, .comment-bubble:before {
  content: "\43"; }

.icon-camera:before {
  content: "\7a"; }

.icon-cart:before {
  content: "\63"; }

.icon-cart-2:before {
  content: "\22"; }

.icon-clock:before {
  content: "\6b"; }

.icon-close:before {
  content: "\7b"; }

.icon-doc:before {
  content: "\24"; }

.icon-eye:before {
  content: "$"; }

.icon-facebook:before {
  content: "\66"; }

.icon-feed:before {
  content: "\6a"; }

.icon-full-arrow-left:before {
  content: "\28"; }

.icon-globe:before {
  content: "\31"; }

.icon-googleplus:before {
  content: "\67"; }

.icon-grid:before {
  content: "\21"; }

.icon-grid-round:before {
  content: "\27"; }

.icon-heart:before {
  content: "\68"; }

.icon-heart-open:before {
  content: "\48"; }

.icon-instagram:before {
  content: "\69"; }

.icon-linkedin:before {
  content: "\6e"; }

.icon-logo:before, .pinterest-overlay-logo:before {
  content: "\4c"; }

.icon-logo-minimal:before {
  content: "\2e"; }

.icon-logo-type:before {
  content: "\52"; }

.icon-mail:before, .email-signup-overlay-icon-mail:before {
  content: "\65"; }

.icon-mailbox:before {
  content: "\75"; }

.icon-map-marker:before {
  content: "\6d"; }

.icon-music:before {
  content: "\4e"; }

.icon-pinterest:before {
  content: "\70"; }

.icon-price-tag:before, .price-tag:before {
  content: "\77"; }

.icon-r29-circle:before {
  content: "L"; }

.icon-read-more:before {
  font-family: "refinery29";
  content: "\71"; }

.icon-reddit:before {
  content: "\7d"; }

.icon-rss:before {
  content: '\6a'; }

.icon-scissors:before {
  content: "\23";
  font-size: 0.9em; }

.icon-search:before {
  content: "\73"; }

.icon-signal:before {
  content: "\6f"; }

.icon-spotify:before {
  content: "\62"; }

.icon-star:before {
  content: "\61"; }

.icon-star-filled:before, .product-save-star:before {
  content: "\53"; }

.icon-trending:before {
  content: "\25"; }

.icon-triangle-up:before {
  content: "\78"; }

.icon-tumblr:before {
  content: "\54"; }

.icon-twitter:before {
  content: "\74"; }

.icon-youtube:before {
  content: "\59"; }

.icon-play:before,
.icon-video:before,
.icon-shoppable_video:before {
  content: "\50"; }

.icon-slideshow:before {
  content: "&"; }

.icon-window:before,
.icon-playlist:before {
  content: "\26"; }

.icon-uniF488:before,
.icon-arrow-right:before {
  content: "\6c"; }

.icon-uniF489:before,
.icon-arrow-left:before {
  content: "\72"; }

.icon-uniF48A:before,
.icon-more-up:before {
  content: "\79"; }

.icon-uniF48B:before,
.icon-more-down:before {
  content: "\64"; }

.icon-close-skinny:before {
  content: "\58"; }

.icon-refresh:before {
  content: "\40"; }

.icon-expand:before {
  content: "\2a"; }

.icon-zoom-plus:before {
  content: "\2b"; }

.icon-zoom-minus:before {
  content: "\2d"; }

.icon-star-empty:before {
  content: "\3a"; }

.icon-hamburger:before {
  content: "\3d"; }

.icon-home:before {
  content: "\3b"; }

.icon-checkmark:before {
  content: "\29"; }

.icon-corner-lower-left:before {
  content: "\5f"; }

/*
    Basic form elements
*/
form {
  margin-bottom: 30px; }

form a {
  color: #363380;
  font: 12px/1.3 "TiemposText", serif;
  text-decoration: none;
  border-bottom: 1px solid #D9D8E3;
  -webkit-transition: border-color linear 0.3s;
  -moz-transition: border-color linear 0.3s;
  -ms-transition: border-color linear 0.3s;
  -o-transition: border-color linear 0.3s;
  transition: border-color linear 0.3s; }
  form a:hover {
    border-bottom-color: #363380; }

label {
  cursor: pointer;
  font-size: .7em; }

ul label {
  font-size: .8em;
  margin-left: 5px; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

legend {
  padding: 0 0 15px;
  margin: 0;
  display: block;
  font-size: 1em;
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif; }

.input-text,
textarea,
input[type="text"],
input[type="url"],
input[type="email"],
input[type="date"],
input[type="number"],
input[type="color"] {
  font: .9em/1.3 "BrownStd-light", sans-serif;
  padding: 5px 10px;
  border: 1px solid #CCC;
  margin-right: 1%;
  -webkit-box-shadow: inset 0 1px 5px #ddd;
  -moz-box-shadow: inset 0 1px 5px #ddd;
  box-shadow: inset 0 1px 5px #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto; }
  .input-text:focus,
  textarea:focus,
  input[type="text"]:focus,
  input[type="url"]:focus,
  input[type="email"]:focus,
  input[type="date"]:focus,
  input[type="number"]:focus,
  input[type="color"]:focus {
    border-color: #777;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

input[type=search] {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box; }

input[disabled] {
  background: #EBEBEC; }

.input-full {
  width: 100%; }

.input-large {
  width: 77%; }

.input-medium {
  width: 38%; }

.input-small {
  width: 10%; }

.input-xsmall {
  width: 100%; }

/*
    Form controls
*/
.form-controls {
  padding-top: 15px;
  *zoom: 1; }
  .form-controls:before, .form-controls:after {
    content: " ";
    display: table; }
  .form-controls:after {
    clear: both; }

.formvalidation-tooltip {
  position: absolute;
  background: #6AD98A;
  color: #fff;
  z-index: 1400;
  padding: 12px 11px;
  font: 13px/1.3 "BrownStd", sans-serif;
  -webkit-animation: fade 0.2s ease-out;
  -moz-animation: fade 0.2s ease-out;
  -ms-animation: fade 0.2s ease-out;
  -o-animation: fade 0.2s ease-out;
  animation: fade 0.2s ease-out; }
  .formvalidation-tooltip[hidden] {
    -webkit-animation: fade 0.2s ease-out reverse;
    -moz-animation: fade 0.2s ease-out reverse;
    -ms-animation: fade 0.2s ease-out reverse;
    -o-animation: fade 0.2s ease-out reverse;
    animation: fade 0.2s ease-out reverse; }
  .formvalidation-tooltip:after {
    content: '';
    position: absolute;
    left: 20px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #6AD98A; }
  .formvalidation-tooltip[data-i18n="validity.value.required"]:before {
    content: "Please fill this field"; }
  .formvalidation-tooltip[for=email-signup-field][data-i18n="validity.email.mismatch"]:before {
    content: "Please enter a valid E-mail"; }
  .formvalidation-tooltip[for=email-signup-field][data-i18n="validity.value.missing"]:before {
    content: "Please enter your E-mail"; }

/*
    Select a shipping address
*/
.form-ship-to {
  margin-bottom: 15px;
  border-bottom: 1px solid #CCC;
  padding-bottom: 10px; }
  .form-ship-to label {
    margin-left: 0;
    font-size: .9em; }
  .form-ship-to .label-shipping {
    margin-bottom: 15px;
    padding-left: 10px; }
  .form-ship-to .label-active {
    display: none; }
  .form-ship-to .row {
    margin-bottom: 10px;
    padding-left: 10px; }
    .form-ship-to .row:first-child {
      padding-left: 0; }
      .form-ship-to .row:first-child a {
        display: inline-block;
        padding: 10px 0 4px 10px;
        border: 2px solid #FFF;
        pointer-events: none; }
  .form-ship-to input[type="radio"]:checked + label .row:first-child a,
  .form-ship-to input[type="radio"].checked + label .row:first-child a {
    border: 2px solid #CCC;
    display: block;
    padding: 8px 0 8px 0;
    text-align: center;
    width: 90%;
    color: #777;
    font: .95em/1 "BrownStd", sans-serif;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    margin-bottom: 1px; }
  .form-ship-to input[type="radio"]:checked + label .label-default,
  .form-ship-to input[type="radio"].checked + label .label-default {
    display: none; }
  .form-ship-to input[type="radio"]:checked + label .label-active,
  .form-ship-to input[type="radio"].checked + label .label-active {
    display: block;
    position: relative; }
    .form-ship-to input[type="radio"]:checked + label .label-active:before,
    .form-ship-to input[type="radio"].checked + label .label-active:before {
      content: "";
      display: inline-block;
      background: #F75352;
      height: 11px;
      width: 10px;
      position: absolute;
      left: 10px;
      top: 1px; }
  .form-ship-to li {
    position: relative; }
  .form-ship-to input[type="radio"] {
    position: absolute;
    top: 0;
    left: -9999px; }

.button {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  vertical-align: middle;
  padding: 3px 10px;
  border: 2px solid #F75352;
  background: #F75352;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: .1em;
  font: 8px/1.3 "BrownStd", sans-serif;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s; }
  .button:hover {
    background: #FFF;
    color: #F75352;
    border: 2px solid #F75352; }

.button-submit,
.button-cta,
input[type="submit"] {
  font: 10px/1.3 "BrownStd", sans-serif;
  padding: 7px 15px;
  border: 2px solid #F75352;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  transition: background-color linear 0.15s; }
  .button-submit:hover,
  .button-cta:hover,
  input[type="submit"]:hover {
    background: #FFF;
    color: #F75352; }
  .button-submit .icon, .button-submit .comment-bubble, .button-submit .price-tag, .button-submit .email-signup-overlay-icon-mail, .button-submit .pinterest-overlay-logo, .button-submit .product-save-star,
  .button-cta .icon,
  .button-cta .comment-bubble,
  .button-cta .price-tag,
  .button-cta .email-signup-overlay-icon-mail,
  .button-cta .pinterest-overlay-logo,
  .button-cta .product-save-star,
  input[type="submit"] .icon,
  input[type="submit"] .comment-bubble,
  input[type="submit"] .price-tag,
  input[type="submit"] .email-signup-overlay-icon-mail,
  input[type="submit"] .pinterest-overlay-logo,
  input[type="submit"] .product-save-star {
    position: relative;
    top: 1px;
    margin-left: 3px;
    font-size: 9px; }

.button-cta-large {
  padding: 9px 10px 9px 12px;
  font-family: "BrownStd", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #F75352;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  transition: background-color linear 0.15s; }
  .button-cta-large:hover {
    background: #F75352;
    color: #FFF; }

.button-action,
button[type="submit"].button-action,
.button-category {
  background: #363380;
  border: 2px solid #363380;
  font: 10px/1.3 "BrownStd", sans-serif;
  padding: 5px 12px 4px;
  margin-right: 6px;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s; }
  .button-action:hover,
  button[type="submit"].button-action:hover,
  .button-category:hover {
    background: #FFF;
    color: #363380;
    border: 2px solid #363380; }
  .button-action.is-active, .button-action.expanded,
  button[type="submit"].button-action.is-active,
  button[type="submit"].button-action.expanded,
  .button-category.is-active,
  .button-category.expanded {
    background: #FFF;
    color: #CCC;
    border-color: #FFF; }

.button-category {
  border: 0;
  padding: 7px 14px 6px; }
  .button-category:hover {
    border: 0; }

.button-prev-next {
  padding: 0;
  height: 23px;
  width: 23px;
  text-align: center;
  line-height: 21px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.button-prev-next-large {
  padding: 0;
  height: 40px;
  width: 40px;
  border: 0;
  text-align: center;
  line-height: 43px;
  overflow: hidden;
  font-size: 16px;
  border-radius: 50%;
  background: #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .button-prev-next-large:hover {
    border: 0;
    background: #000;
    color: #FFF; }

.button-cancel,
.button-link {
  color: #363380;
  font: 13px/1 "TiemposText", serif;
  background: #FFF;
  margin-left: 16px;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #D9D8E3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-transition: border-color linear 0.15s;
  -moz-transition: border-color linear 0.15s;
  -ms-transition: border-color linear 0.15s;
  -o-transition: border-color linear 0.15s;
  transition: border-color linear 0.15s; }
  .button-cancel:hover,
  .button-link:hover {
    border: 0;
    color: #363380;
    border-bottom: 1px solid #363380; }

.button-more {
  text-align: center;
  border: 0;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  white-space: nowrap;
  padding: 0;
  font-size: 9px;
  color: #999;
  background: #FFF; }
  .button-more .icon, .button-more .comment-bubble, .button-more .price-tag, .button-more .email-signup-overlay-icon-mail, .button-more .pinterest-overlay-logo, .button-more .product-save-star {
    display: block;
    margin-top: 4px; }
  .button-more:hover {
    border: 0;
    background: #F9F9F9;
    color: #999;
    -webkit-box-shadow: inset 0 0 8px #ccc;
    -moz-box-shadow: inset 0 0 8px #ccc;
    box-shadow: inset 0 0 8px #ccc; }
  .button-more.is-active {
    background: #facbcb;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15), 0 0 20px #ffb2b2;
    -webkit-animation: pulsate 2s ease-out infinite;
    -moz-animation: pulsate 2s ease-out infinite;
    -ms-animation: pulsate 2s ease-out infinite;
    -o-animation: pulsate 2s ease-out infinite;
    animation: pulsate 2s ease-out infinite; }

.menu-article-share {
  margin: 0 24px 0 0; }

.menu-article-share:last-of-type {
  margin: 0; }

.button-share-facebook {
  width: 200px;
  text-decoration: none !important;
  color: #FFF !important;
  background: #506BA1;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  font: 12px/1 "BrownStd", sans-serif;
  letter-spacing: .1em;
  border-radius: 25px;
  line-height: 40px;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s;
  width: 230px; }
  .button-share-facebook:before {
    content: "f";
    background: #3B5998;
    border-radius: 50%;
    float: left;
    text-transform: none;
    font-family: Refinery29;
    font-size: 18px;
    color: inherit;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-right: 45px; }
  .button-share-facebook:hover {
    border: 0;
    background: #506BA1;
    width: 230px; }
  .button-share-facebook:before {
    margin-right: 62px; }

.button-share-twitter {
  width: 200px;
  text-decoration: none !important;
  color: #FFF !important;
  background: #3DBEEF;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  font: 12px/1 "BrownStd", sans-serif;
  letter-spacing: .1em;
  border-radius: 25px;
  line-height: 40px;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s;
  width: 230px; }
  .button-share-twitter:before {
    content: "t";
    background: #00ACED;
    border-radius: 50%;
    float: left;
    text-transform: none;
    font-family: Refinery29;
    font-size: 22px;
    color: inherit;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-right: 45px; }
  .button-share-twitter:hover {
    border: 0;
    background: #3DBEEF;
    width: 230px; }
  .button-share-twitter:before {
    margin-right: 63px; }

.button-share-email {
  width: 200px;
  text-decoration: none !important;
  color: #FFF !important;
  background: #8BE0A3;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  font: 12px/1 "BrownStd", sans-serif;
  letter-spacing: .1em;
  border-radius: 25px;
  line-height: 40px;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s;
  width: 230px; }
  .button-share-email:before {
    content: "e";
    background: #6AD98A;
    border-radius: 50%;
    float: left;
    text-transform: none;
    font-family: Refinery29;
    font-size: 14px;
    color: inherit;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-right: 45px; }
  .button-share-email:hover {
    border: 0;
    background: #8BE0A3;
    width: 230px; }
  .button-share-email:before {
    margin-right: 65px; }

.button-soft {
  -webkit-transition: all linear 0.15s;
  -moz-transition: all linear 0.15s;
  -ms-transition: all linear 0.15s;
  -o-transition: all linear 0.15s;
  transition: all linear 0.15s;
  background: #FFF;
  font-family: "BrownStd", sans-serif;
  font-size: 12px;
  letter-spacing: .12em;
  color: #F75352;
  border-top: none;
  border-right: 1px solid #EBEBEC;
  border-left: 1px solid #EBEBEC;
  border-bottom: 1px solid #EBEBEC;
  border-radius: 0 0 10px 10px;
  padding: 10px 20px;
  margin: 0 255px; }
  .button-soft:hover {
    color: #FFF;
    border-top: none;
    border-right: 1px solid #EBEBEC;
    border-left: 1px solid #EBEBEC;
    border-bottom: 1px solid #EBEBEC;
    background-color: #F75352; }
  .button-soft .icon, .button-soft .comment-bubble, .button-soft .price-tag, .button-soft .email-signup-overlay-icon-mail, .button-soft .pinterest-overlay-logo, .button-soft .product-save-star {
    font-size: 10px;
    margin-left: 9px; }

.button-purple {
  background: #363380;
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  color: #FFF;
  letter-spacing: 1px;
  border: none !important; }
  .button-purple:hover {
    background: #363380 !important;
    font-family: "BrownStd", sans-serif;
    text-transform: uppercase;
    color: #FFF !important;
    letter-spacing: 1px;
    border: none !important; }

.share-button, .collection-hero-share-button, .share-button-email, .index-share-email, .share-button-pinterest, .index-share-pinterest, .share-button-twitter, .share-button-reddit, .share-button-facebook, .index-share-facebook {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-transition: background-color linear 0.15s;
  -moz-transition: background-color linear 0.15s;
  -ms-transition: background-color linear 0.15s;
  -o-transition: background-color linear 0.15s;
  transition: background-color linear 0.15s;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #FFF;
  padding: 0;
  margin: 0px 0px 0px 10px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center; }
  .share-button.small, .small.collection-hero-share-button, .small.share-button-email, .small.index-share-email, .small.share-button-pinterest, .small.index-share-pinterest, .small.share-button-twitter, .small.share-button-reddit, .small.share-button-facebook, .small.index-share-facebook {
    margin: -5px 0 0 10px;
    line-height: 30px;
    height: 30px;
    width: 30px; }
    .share-button.small:before, .small.collection-hero-share-button:before, .small.share-button-email:before, .small.index-share-email:before, .small.share-button-pinterest:before, .small.index-share-pinterest:before, .small.share-button-twitter:before, .small.share-button-reddit:before, .small.share-button-facebook:before, .small.index-share-facebook:before {
      height: 30px;
      width: 100%; }
  .share-button.xsmall, .xsmall.collection-hero-share-button, .xsmall.share-button-email, .xsmall.index-share-email, .xsmall.share-button-pinterest, .xsmall.index-share-pinterest, .xsmall.share-button-twitter, .xsmall.share-button-reddit, .xsmall.share-button-facebook, .xsmall.index-share-facebook {
    line-height: 25px;
    width: 25px;
    height: 25px; }
    .share-button.xsmall:before, .xsmall.collection-hero-share-button:before, .xsmall.share-button-email:before, .xsmall.index-share-email:before, .xsmall.share-button-pinterest:before, .xsmall.index-share-pinterest:before, .xsmall.share-button-twitter:before, .xsmall.share-button-reddit:before, .xsmall.share-button-facebook:before, .xsmall.index-share-facebook:before {
      width: 25px;
      height: 25px; }

.collection-hero-share-button {
  position: relative;
  background-color: #000;
  margin-left: 4px;
  outline: none;
  border: none;
  cursor: pointer; }

.share-button-email, .index-share-email {
  background-color: #6AD98A;
  outline: none;
  border: none;
  cursor: pointer; }
  .share-button-email.xsmall, .xsmall.index-share-email {
    font-size: 10px; }

.share-button-pinterest, .index-share-pinterest {
  background-color: #CB2027;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 19px; }
  .share-button-pinterest.xsmall, .xsmall.index-share-pinterest {
    font-size: 13px; }

.share-button-twitter {
  background-color: #00ACED;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 19px; }

.share-button-reddit {
  background-color: #CEE3F8;
  color: #FF4500;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 19px; }

.share-button-facebook, .index-share-facebook {
  background-color: #3B5998;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 20px; }
  .share-button-facebook.small, .small.index-share-facebook {
    font-size: 16px; }
  .share-button-facebook.xsmall, .xsmall.index-share-facebook {
    font-size: 13px; }

.img-pin-it-button {
  position: absolute;
  z-index: 200; }

.img-fb-it-button {
  position: absolute;
  z-index: 200; }

.button-more-stories {
  font-family: "BrownStd-light", sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: relative;
  display: inline-block;
  height: 40px;
  margin: 0;
  padding: 0 30px 0 25px;
  line-height: 1;
  border-radius: 20px;
  border: 0;
  background-color: #F75352;
  border: 2px solid #F75352;
  color: #FFF;
  cursor: pointer; }
  .button-more-stories span {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 8px; }

.button-more-stories:hover {
  background-color: transparent;
  color: #F75352;
  border: 2px solid #F75352; }

.list-clean {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-inline {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-inline li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto; }

/*
    This file is reserved to include all the sass files inside /layout
*/
.contain {
  width: 980px;
  margin: 0 auto; }

.contain-relative {
  position: relative; }

/* rows */
.row {
  clear: both;
  *zoom: 1;
  margin-bottom: 20px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.clearfix, .series .month-of, .series .month-of-ca, .modal .content .inner, #stores, .stores, #stores .container, .stores .container, #stores .container article.small, .stores .container article.small, .stores .entry, .stores .entry .head .tags, .stores .entry .body, .stores .entry .body .store-info, .stores .entry .body .store-info .contact, .stores .entry .body .left .body-text, .stores .entry .body .left .tag-container, .stores .entry .body .left .tag-container .tags, .stores .entry .body .left .social-media, .instagram-widget-container .instagram-classic .bottom .gallery {
  *zoom: 1; }
  .clearfix:before, .series .month-of:before, .series .month-of-ca:before, .modal .content .inner:before, #stores:before, .stores:before, #stores .container:before, .stores .container:before, #stores .container article.small:before, .stores .container article.small:before, .stores .entry:before, .stores .entry .head .tags:before, .stores .entry .body:before, .stores .entry .body .store-info:before, .stores .entry .body .store-info .contact:before, .stores .entry .body .left .body-text:before, .stores .entry .body .left .tag-container:before, .stores .entry .body .left .tag-container .tags:before, .stores .entry .body .left .social-media:before, .instagram-widget-container .instagram-classic .bottom .gallery:before, .clearfix:after, .series .month-of:after, .series .month-of-ca:after, .modal .content .inner:after, #stores:after, .stores:after, #stores .container:after, .stores .container:after, #stores .container article.small:after, .stores .container article.small:after, .stores .entry:after, .stores .entry .head .tags:after, .stores .entry .body:after, .stores .entry .body .store-info:after, .stores .entry .body .store-info .contact:after, .stores .entry .body .left .body-text:after, .stores .entry .body .left .tag-container:after, .stores .entry .body .left .tag-container .tags:after, .stores .entry .body .left .social-media:after, .instagram-widget-container .instagram-classic .bottom .gallery:after {
    content: " ";
    display: table; }
  .clearfix:after, .series .month-of:after, .series .month-of-ca:after, .modal .content .inner:after, #stores:after, .stores:after, #stores .container:after, .stores .container:after, #stores .container article.small:after, .stores .container article.small:after, .stores .entry:after, .stores .entry .head .tags:after, .stores .entry .body:after, .stores .entry .body .store-info:after, .stores .entry .body .store-info .contact:after, .stores .entry .body .left .body-text:after, .stores .entry .body .left .tag-container:after, .stores .entry .body .left .tag-container .tags:after, .stores .entry .body .left .social-media:after, .instagram-widget-container .instagram-classic .bottom .gallery:after {
    clear: both; }

/* column layouts */
.one-of-six {
  width: 16.6666666%; }

.five-of-six {
  width: 83.33333333%; }

.one-of-two,
.two-of-four,
.three-of-six {
  width: 50%; }

.two-of-three,
.four-of-six {
  width: 66.666666%; }

/* articles need static sizes */
.two-of-three-static {
  width: 640px; }

.one-of-three,
.two-of-six {
  width: 33.333333%; }

.one-of-three-static {
  width: 300px;
  margin: 0 0 0 20px; }

.one-of-four {
  width: 25%; }

.three-of-four {
  width: 75%; }

.one-of-five {
  width: 20%; }

.two-of-five {
  width: 40%; }

.three-of-five {
  width: 60%; }

.four-of-five {
  width: 80%; }

.one-of-one {
  width: 100%; }

.col, .module-article-full .pb {
  float: left; }

.col-last, .col-right, .main-nav-search-button, .main-nav-search-form.active, .main-nav-condensed-socialbar {
  float: right; }

.pull-right {
  margin-right: -25%;
  margin-left: 25%; }

.pull-left {
  margin-left: -25%;
  margin-right: 25%; }

/* gutters */
.gutter {
  padding: 10px; }

.gutter-sides {
  padding: 0 20px; }

.gutter-vertical {
  padding: 10px 0 29px; }

.gutter-double {
  padding: 20px; }

.gutter-double-top {
  padding-top: 20px; }

.gutter-module {
  padding: 35px 0; }

/*
    positioning help
*/
.position {
  position: absolute; }

.top {
  top: 10px; }

.right {
  right: 12px; }

.bottom {
  bottom: 10px; }

.left {
  left: 10px; }

.ellipsis.reused .whitespace:after {
  content: '\2026\0000a0'; }

.ellipsis.reused.final .whitespace:after {
  content: ' '; }

strong.ellipsis.reused, strong.ellipsis.built, a.ellipsis.reused, a.ellipsis.built {
  color: inherit;
  font-size: inherit; }
  strong.ellipsis.reused .wrap, strong.ellipsis.reused:after, strong.ellipsis.built .wrap, strong.ellipsis.built:after, a.ellipsis.reused .wrap, a.ellipsis.reused:after, a.ellipsis.built .wrap, a.ellipsis.built:after {
    color: #F75352; }
  strong.ellipsis.reused.icon-read-more .wrap, strong.ellipsis.built.icon-read-more .wrap, a.ellipsis.reused.icon-read-more .wrap, a.ellipsis.built.icon-read-more .wrap {
    font-size: 11px; }
  strong.ellipsis.reused .whitespace, strong.ellipsis.built .whitespace, a.ellipsis.reused .whitespace, a.ellipsis.built .whitespace {
    color: inherit;
    font-size: inherit; }

.multiline-ellipsis {
  hyphens: auto;
  display: block; }
  .multiline-ellipsis .ellipsis .whitespace {
    display: none; }

.one-of-three-height {
  height: 274px; }

.text-center {
  text-align: center; }

.default-cursor {
  cursor: default; }

#main-nav {
  position: relative;
  z-index: 2200;
  margin: 0 auto;
  padding: 20px 30px 0 30px;
  font-family: "BrownStd-light", sans-serif;
  background-color: #FFF; }
  #main-nav.condensed {
    position: fixed;
    top: 0;
    background-image: none;
    width: 100%;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px;
    padding-left: 0; }
    #main-nav.condensed .main-nav-logo {
      position: relative; }
      #main-nav.condensed .main-nav-logo img {
        display: none; }
    #main-nav.condensed .main-nav-container {
      padding-top: 0;
      padding-left: 0;
      min-height: 0;
      background: none;
      margin: 0px;
      min-width: 100%; }
    #main-nav.condensed .main-nav-container {
      display: none; }
    #main-nav.condensed .main-nav-condensed-title {
      display: inline; }
    #main-nav.condensed .main-nav-condensed-related {
      display: block; }
    #main-nav.condensed .main-nav-condensed-socialbar {
      display: block; }
      @media only screen and (max-width: 600px) {
        #main-nav.condensed .main-nav-condensed-socialbar {
          display: none; } }
    #main-nav.condensed .icon-logo, #main-nav.condensed .pinterest-overlay-logo {
      display: block;
      float: left;
      color: #000;
      font-size: 40px;
      margin-top: 10px;
      margin-left: 10px; }

.main-nav-container {
  position: relative;
  min-height: 100px;
  margin: 0;
  padding: 0;
  background-image: none; }

.main-nav-logo-circle {
  position: absolute;
  left: 20px;
  top: 0;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background-color: #FFF; }

.main-nav-logo {
  position: absolute;
  margin: 20px 0 0 30px;
  z-index: 2300; }
  .main-nav-logo img {
    position: relative;
    top: 10px;
    right: 0;
    width: 96px;
    margin: 0 5px;
    padding-bottom: 28px;
    z-index: 2300; }
    .main-nav-logo img:hover {
      border-bottom: 1px solid #F75352; }

.main-nav-bar {
  width: 100%;
  color: #000; }
  .main-nav-bar ul {
    list-style: none; }

.main-nav-categories {
  margin-left: 12px;
  font-size: 12px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #000;
  font-family: "BrownStd-bold", sans-serif; }
  .main-nav-categories a {
    color: #000;
    display: block;
    height: 100%; }
  .main-nav-categories li {
    position: relative;
    cursor: pointer;
    width: auto;
    margin-left: 5px;
    height: 41px;
    padding: 0 8px; }
    .main-nav-categories li:hover {
      border-bottom: #F75352 1px solid; }

.main-nav-category-selector {
  margin-top: -2px;
  margin-left: -2px;
  left: 50%;
  position: absolute;
  border-top: 0 solid #000;
  border-bottom: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent; }

.main-nav-social {
  top: 49px;
  position: relative; }

.main-nav-social-menu {
  position: relative;
  margin: 0;
  padding: 7px 14px 1px 14px;
  list-style: none;
  color: #aaa; }
  .main-nav-social-menu .main-nav-social-menu-item {
    display: inline-block;
    margin: 0;
    padding: 0 8px;
    text-align: center; }
  .main-nav-social-menu .email {
    font-size: 12px;
    margin-top: 3px;
    width: 16px; }
    .main-nav-social-menu .email.active {
      padding: 0; }
    .main-nav-social-menu .email .main-nav-social-menu-item-button:hover {
      color: #82E19B; }
  .main-nav-social-menu .facebook {
    width: 15px;
    font-size: 17px;
    margin-bottom: 1px; }
    .main-nav-social-menu .facebook .main-nav-social-menu-item-button:hover {
      color: #3C5A9A; }
  .main-nav-social-menu .pinterest {
    width: 12px;
    font-size: 15px;
    margin-top: 1px; }
    .main-nav-social-menu .pinterest .main-nav-social-menu-item-button:hover {
      color: #CA2126; }
  .main-nav-social-menu .twitter {
    width: 16px;
    font-size: 16px;
    margin-top: 0px; }
    .main-nav-social-menu .twitter .main-nav-social-menu-item-button:hover {
      color: #2DABDE; }
  .main-nav-social-menu .instagram {
    width: 18px;
    font-size: 16px;
    margin-top: 0px; }
    .main-nav-social-menu .instagram .main-nav-social-menu-item-button:hover {
      color: #20759C; }
  .main-nav-social-menu .tumblr {
    width: 14px;
    font-size: 14px;
    margin-top: 1px; }
    .main-nav-social-menu .tumblr .main-nav-social-menu-item-button:hover {
      color: #37475C; }
  .main-nav-social-menu .youtube {
    width: 16px;
    font-size: 15px;
    margin-top: 1px; }
    .main-nav-social-menu .youtube .main-nav-social-menu-item-button:hover {
      color: #CC181E; }

.main-nav-social-menu-item-button {
  cursor: pointer;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out; }

.main-nav-social-menu-item.active:not(.email) {
  width: 80px;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out; }

.main-nav-social-menu-item.active.tumblr {
  width: 114px; }

.main-nav-social-menu-item.active .main-nav-social-menu-item-button {
  display: none; }

.main-nav-social-menu-item.active .main-nav-social-share {
  position: static; }

.main-nav-social-menu-item.active .main-nav-email-dropdown {
  right: 40px;
  width: 325px;
  height: auto; }

.main-nav-social-menu-item.active .main-nav-social-share,
.main-nav-social-menu-item.active .main-nav-email-dropdown {
  opacity: 1; }

.instagram-link {
  width: 60px;
  height: 20px;
  display: block; }

.main-nav-site-switcher {
  position: relative;
  height: 28px;
  line-height: 28px;
  padding: 2px 10px; }
  .main-nav-site-switcher li {
    padding: 0 8px; }
  .main-nav-site-switcher .icon-more-down {
    color: #B2B2B2;
    position: relative;
    left: 2px;
    font-size: 10px; }
  .main-nav-site-switcher:hover dt, .main-nav-site-switcher dt:hover {
    visibility: visible;
    opacity: 1; }
  .main-nav-site-switcher dt {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    position: absolute;
    left: 10px;
    width: 50px;
    padding: 5px 10px;
    background-color: #000;
    margin: 0;
    cursor: pointer;
    z-index: 2; }
    .main-nav-site-switcher dt a {
      font-size: 11px;
      letter-spacing: 0.1em;
      line-height: 1.2em;
      text-transform: uppercase;
      color: #FFF; }
      .main-nav-site-switcher dt a img {
        margin-right: 5px; }

.cross-site-cta {
  position: absolute;
  background: #6AD98A;
  color: #FFF;
  right: -6px;
  top: 51px;
  width: 294px;
  padding: 32px 43px;
  font-size: 14px;
  line-height: 1.4em;
  z-index: 1; }
  .cross-site-cta .icon-triangle-up {
    position: absolute;
    color: #6AD98A;
    top: -19px;
    right: 33px;
    font-size: 28px; }
  .cross-site-cta .icon-close {
    position: absolute;
    right: 13px;
    top: 13px;
    font-size: 10px;
    cursor: pointer; }
  .cross-site-cta p {
    margin-bottom: 15px; }
  .cross-site-cta button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 35px;
    padding: 0 17.5px;
    -webkit-border-radius: 17.5px;
    -moz-border-radius: 17.5px;
    border-radius: 17.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #FFF;
    color: #6AD98A;
    font-family: "BrownStd-light", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    width: "300px"; }

.main-nav-email-dropdown {
  z-index: 900;
  top: 0;
  right: 240px;
  width: 0;
  height: 0;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-right: 15px;
  background: #FFF; }

.main-nav-social-share,
.main-nav-email-dropdown {
  position: absolute;
  top: -99999px;
  opacity: 0; }

div#social-email-thanks {
  top: 0; }

.main-nav-email-submit {
  margin: 3px 0 0 7px;
  padding: 4px 7px;
  font-size: 9px;
  cursor: pointer;
  letter-spacing: 1;
  -webkit-transition: background-color linear 0.13s;
  -moz-transition: background-color linear 0.13s;
  -ms-transition: background-color linear 0.13s;
  -o-transition: background-color linear 0.13s;
  transition: background-color linear 0.13s; }

.main-nav-search-button {
  padding-top: 5px;
  top: -99999px;
  color: #999;
  border-left: 1px #EBEBEC solid;
  padding: 6px 22px;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 100ms 0s ease-in-out;
  -moz-transition: opacity 100ms 0s ease-in-out;
  -ms-transition: opacity 100ms 0s ease-in-out;
  -o-transition: opacity 100ms 0s ease-in-out;
  transition: opacity 100ms 0s ease-in-out; }
  .main-nav-search-button.active {
    opacity: 1;
    position: static; }

.main-nav-search-form {
  position: absolute;
  top: -99999px;
  background: #FFF;
  opacity: 0;
  margin-top: 8px;
  margin-bottom: 0;
  margin-left: 10px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  -webkit-transition: opacity 100ms ease-in-out;
  -moz-transition: opacity 100ms ease-in-out;
  -ms-transition: opacity 100ms ease-in-out;
  -o-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out; }
  .main-nav-search-form ::-webkit-input-placeholder {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    opacity: 1; }
  .main-nav-search-form ::-moz-placeholder {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    opacity: 1; }
  .main-nav-search-form :-ms-input-placeholder {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    opacity: 1; }
  .main-nav-search-form.active {
    z-index: 20001;
    position: absolute;
    top: -12px;
    right: 4px;
    opacity: 1; }
    .main-nav-search-form.active .main-nav-search-input,
    .main-nav-search-form.active .main-nav-search-submit,
    .main-nav-search-form.active .main-nav-search-close {
      opacity: 1; }

.main-nav-search-input {
  font-family: "BrownStd-light", sans-serif;
  font-size: 15px;
  border: none;
  margin: 0;
  padding: 0 2px;
  outline: none;
  opacity: 0;
  height: 30px;
  width: 158px;
  -webkit-transition: opacity 300ms 0s ease-in-out;
  -moz-transition: opacity 300ms 0s ease-in-out;
  -ms-transition: opacity 300ms 0s ease-in-out;
  -o-transition: opacity 300ms 0s ease-in-out;
  transition: opacity 300ms 0s ease-in-out;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.main-nav-search-submit {
  font-size: 16px;
  text-align: right;
  color: #999;
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  opacity: 0;
  -webkit-transition: opacity 300ms 0s ease-in-out;
  -moz-transition: opacity 300ms 0s ease-in-out;
  -ms-transition: opacity 300ms 0s ease-in-out;
  -o-transition: opacity 300ms 0s ease-in-out;
  transition: opacity 300ms 0s ease-in-out; }

.main-nav-search-close {
  font-family: "BrownStd-light", sans-serif;
  font-size: 18px;
  color: #999;
  margin-left: 15px;
  height: 22px;
  text-align: right;
  display: inline-block;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 300ms 0s ease-in-out;
  -moz-transition: opacity 300ms 0s ease-in-out;
  -ms-transition: opacity 300ms 0s ease-in-out;
  -o-transition: opacity 300ms 0s ease-in-out;
  transition: opacity 300ms 0s ease-in-out; }

#main-nav-user-menu {
  text-transform: uppercase;
  display: table;
  padding: 6px 22px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #main-nav-user-menu .loggedin,
  #main-nav-user-menu .loggedout {
    display: table-cell;
    vertical-align: middle; }
  #main-nav-user-menu .loggedin {
    position: relative; }
    #main-nav-user-menu .loggedin img {
      width: 20px;
      height: 20px; }

.main-nav-user-link {
  font-size: 11px;
  display: table;
  padding-top: 0;
  color: #AAA; }

.loggedout .main-nav-user-link {
  padding-top: 3px; }

.main-nav-username {
  padding-right: 10px;
  color: #AAA;
  letter-spacing: 1.25px;
  display: inline-block;
  bottom: 5px;
  position: relative;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media (max-width: 1485px) {
    .main-nav-username {
      display: none; } }

.main-nav-menus {
  position: relative;
  top: 58px;
  padding-left: 110px;
  vertical-align: bottom; }
  .main-nav-menus .tagline {
    float: left;
    margin: 0 23px;
    font-family: "BrownStd-bold", sans-serif;
    font-size: 13px;
    letter-spacing: 0.1em;
    color: #333; }

.main-nav-user-submenu {
  display: none;
  position: absolute;
  z-index: 1900;
  right: 0; }
  .main-nav-user-submenu:before {
    display: block;
    text-align: center;
    line-height: 6px; }

.main-nav-user-submenu-list a {
  color: #FFF; }

.main-nav-submenus {
  margin-top: 42px; }

.main-nav-submenu {
  iloat: left;
  width: 200px; }

.main-nav-submenu-list, .main-nav-user-submenu-list, .new-header-nav .loggedin .main-nav-user-submenu-list, .old-header-nav .loggedin .main-nav-user-submenu-list {
  background-color: #000;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #000;
  margin: 0;
  font-family: "BrownStd", sans-serif;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  word-spacing: normal;
  font-weight: normal; }

.main-nav-submenu-item {
  display: block;
  color: inherit;
  padding: 10px;
  cursor: pointer; }
  .main-nav-submenu-item:hover {
    color: #6AD98A; }

[class^="main-nav-submenu-group-"],
[class*=" main-nav-submenu-group-"],
.main-nav-submenu-group {
  display: none; }

.main-nav-submenu-group-0 {
  margin-left: 20px; }

.main-nav-submenu-group-1 {
  margin-left: 99px; }

.main-nav-submenu-group-2 {
  margin-left: 171px; }

.main-nav-submenu-group-3 {
  margin-left: 242px; }

.main-nav-submenu-group-4 {
  margin-left: 347px; }

.main-nav-submenu-group-5 {
  margin-left: 501px; }

.short-headline {
  font-family: "BrownStd-light", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #bbbbbb;
  letter-spacing: 0.2em; }

#main-nav-email-dropdown-input {
  width: 248px;
  height: 28px;
  margin-bottom: 30px;
  font-size: 13px; }

.main-nav-email-form {
  width: 348px;
  margin: 0;
  padding-bottom: 2px;
  z-index: 1700;
  overflow: hidden; }

.thanks .main-nav-email-dropdown-header h3 {
  text-align: center; }

.main-nav-email-dropdown-header h3 {
  font-family: "BrownStd-light", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 0; }

.main-nav-email-dropdown-header .icon-close {
  position: absolute;
  right: 20px;
  top: 22px;
  font-size: 13px;
  color: #9E9E9E;
  cursor: pointer; }

.main-nav-email-dropdown-newsletter-options {
  margin-top: 10px;
  font-family: "TiemposText", serif;
  font-size: 15px;
  color: #777;
  line-height: 2; }

.main-nav-email-dropdown-list {
  font-family: "BrownStd-light", sans-serif;
  margin-right: 50px; }

.main-nav-email-dropdown-list-item {
  position: relative;
  line-height: 1.2; }

.main-nav-email-dropdown-list-label {
  margin-left: 10px;
  text-transform: uppercase; }

.main-nav-email-dropdown-label-checkbox {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  margin-right: 30px;
  background: #eee;
  border: 1px solid #bbb; }
  .main-nav-email-dropdown-label-checkbox:after {
    opacity: 0;
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: 9px;
    height: 5px;
    background: transparent;
    border: 3px solid #FFF;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .main-nav-email-dropdown-label-checkbox.active {
    background: #6AD98A;
    border: 1px solid #6AD98A; }
    .main-nav-email-dropdown-label-checkbox.active:after {
      opacity: 1; }

.main-nav-email-dropdown-list-checkbox {
  visibility: hidden; }

.main-nav-email-dropdown-error {
  display: none; }

.main-nav-email-message {
  padding: 20px 20px 0 20px; }

.main-nav-email-message-text {
  margin: 10px 0;
  text-align: center;
  line-height: 1.8;
  font-size: 12px;
  color: #777;
  font-family: "TiemposText", serif;
  display: block;
  max-width: 400px; }

.main-nav-email-message-header {
  font-family: "BrownStd-light", sans-serif;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #777;
  margin-bottom: 0; }

.main-nav-email-error {
  position: absolute;
  left: 20px;
  top: 40px;
  display: none; }
  .main-nav-email-error .icon-triangle-up {
    position: absolute;
    font-size: 28px;
    color: #4FE5D9; }

.main-nav-email-error-message {
  background-color: #4FE5D9;
  color: #000;
  font-size: 13px;
  line-height: 13px;
  padding: 11px 9px;
  margin-top: 16px; }

@media (max-width: 1485px) {
  body.site-us .main-nav-social-menu .pinterest,
  body.site-us .main-nav-social-menu .twitter,
  body.site-us .main-nav-social-menu .instagram,
  body.site-us .main-nav-social-menu .tumblr {
    display: none; } }

@media (max-width: 1265px) {
  body.site-us .main-nav-social-menu {
    display: none; } }

.condensed {
  padding-left: 0; }
  .condensed .main-nav-container {
    padding-top: 13px; }

header .icon-logo, header .pinterest-overlay-logo {
  display: none; }

.main-nav-condensed-title {
  display: none;
  margin: 10px 0;
  padding: 0px 10px 5px 10px;
  font-size: 18px;
  float: left;
  height: 40px;
  overflow: hidden;
  max-width: 40%;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; }

.short-headline {
  font-family: "BrownStd-light", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #bbbbbb;
  letter-spacing: 0.2em; }

.main-nav-condensed-socialbar {
  width: 140px;
  display: none;
  margin-right: 0;
  float: left;
  background: #FFF;
  top: 0;
  -webkit-transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: margin-right 800ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 13ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  .main-nav-condensed-socialbar .horizontal-li {
    overflow: hidden;
    height: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    border: 0; }
  .main-nav-condensed-socialbar .share-buttons {
    margin-top: 0;
    margin-bottom: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px; }
  .main-nav-condensed-socialbar .icon-mail, .main-nav-condensed-socialbar .email-signup-overlay-icon-mail {
    margin-top: 0;
    margin-bottom: 0; }
  .main-nav-condensed-socialbar.active {
    margin-right: 10px; }
  .main-nav-condensed-socialbar .byline-shares {
    display: none; }

.main-nav-condensed-readnext {
  width: 220px;
  height: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: "BrownStd-bold", sans-serif;
  padding-top: 18px;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF; }
  .main-nav-condensed-readnext img.condensed-nav-title-img {
    height: 100%;
    margin-top: -8px; }

.main-nav-condensed-related {
  position: relative;
  right: -1000px;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .main-nav-condensed-related.active {
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

/* Overall structure */
body {
  min-width: 1200px; }

.homepage-container {
  background: #F9F9F9; }

.index-body-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative;
  width: 1200px;
  padding: 0 0 40px 0;
  margin: 0 auto; }

.index-body-section .more-stories {
  display: block;
  margin: 0 auto; }

/* Standard Single Card */
.index-body-standard {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Firefox, Chrome, Opera */
  position: relative;
  max-width: 340px;
  height: 660px;
  margin: 0 20px;
  background: #FFF;
  color: #333; }
  .index-body-standard:first-child {
    margin-left: 50px; }

/* Full Width Card */
.index-body-full {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Firefox, Chrome, Opera */
  position: relative;
  max-width: 1100px;
  height: 660px;
  margin: 0 50px;
  background: #FFF; }
  .index-body-full.video-full-card {
    height: 413px; }
    .index-body-full.video-full-card .index-info {
      width: 380px; }
    .index-body-full.video-full-card .index-type-icon {
      position: absolute;
      top: 50px; }
    .index-body-full.video-full-card .index-category {
      margin-top: 95px; }
    .index-body-full.video-full-card .index-title {
      font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
      font-weight: normal;
      font-size: 25px;
      line-height: 1.3;
      color: #333;
      margin: 15px 0 0 0;
      padding: 0 35px; }
    .index-body-full.video-full-card .index-description {
      padding: 20px 45px; }

.index-body-full .index-info {
  float: right;
  display: inline;
  width: 550px;
  height: 100%;
  padding: 0;
  vertical-align: middle;
  text-align: center; }

.index-body-full .index-type-icon {
  position: absolute;
  top: 70px; }

.index-body-full .index-info img {
  margin: 100px 0 0 0; }

.index-body-full .index-category {
  position: relative;
  width: 100%;
  margin: 100px 0 0 0;
  text-align: center; }

.index-body-full .index-title {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  font-weight: normal;
  font-size: 40px;
  line-height: 1.3;
  color: #333;
  position: relative;
  width: auto;
  margin: 55px 0 0 0;
  padding: 0 50px; }

.index-body-full .index-description {
  font-family: "Georgia", "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.6;
  padding: 20px 75px;
  color: #333; }

/* Hero */
.index-body-hero-container {
  position: relative; }

.index-body-section h1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  padding: 0 10px;
  font-family: "BrownStd-light", sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 25px;
  text-transform: uppercase;
  background-color: #000;
  color: #FFF;
  cursor: pointer;
  z-index: 200; }

.index-body-hero {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Firefox, Chrome, Opera */
  position: relative;
  width: 25%;
  height: 470px;
  background: transparent; }

.index-body-hero .index-info {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 100;
  bottom: 0;
  width: 270px;
  height: 135px;
  vertical-align: middle;
  margin: 0 15px;
  padding: 15px 10px 10px 10px;
  background: #FFF;
  text-align: center;
  clear: both;
  overflow: hidden; }

.index-body-hero .index-info img {
  margin: 0;
  width: 100%; }

.index-body-hero .index-category {
  margin: 15px 0 0; }

.index-body-hero .index-title {
  margin: 10px 0 0 0;
  font-size: 21px; }

.index-body-hero .index-url {
  height: 470px; }

/* Ad */
.index-body-ad {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Firefox, Chrome, Opera */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 340px;
  height: 660px;
  margin: 0 20px;
  padding-top: 20px;
  text-align: center;
  background: #FFF; }

.index-body-ad-description {
  font-family: "BrownStd", sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 15px 0 0 0;
  color: #B2B2B2; }

/* Shared Card Styles */
.index-url {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased; }

.index-url img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.index-type-icon span {
  display: block;
  font-weight: bold;
  color: #CCC; }

.index-type-icon.read span {
  padding: 17px 15px; }

.index-type-icon.play span {
  padding: 18px 20px; }

.index-type-icon.slideshow span {
  padding: 17px 14px; }

.index-type-icon.sponsored span {
  padding: 18px 0; }

.index-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 250px;
  padding: 0 20px; }

.index-info img {
  margin-top: 25px; }

.index-category {
  font-family: "BrownStd-bold", sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  color: #B2B2B2;
  width: 100%;
  margin-top: 35px;
  text-align: center; }

.index-title {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 1.3;
  color: #333;
  width: 100%;
  margin-top: 12px;
  padding: 0;
  text-align: center; }
  .index-title span {
    border-bottom: 1px solid #FFF; }

.index-author {
  font-family: "BrownStd", sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  position: absolute;
  left: 20px;
  bottom: 20px;
  padding: 0;
  color: #B2B2B2; }

.index-timestamp {
  font-family: "BrownStd", sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 0;
  color: #B2B2B2; }

/* Hover Styles & Animations */
.index-body-standard:hover,
.index-body-full:hover,
.index-body-ad:hover {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(100, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 20px 0px rgba(100, 0, 0, 0.05);
  box-shadow: 0px 0px 20px 0px rgba(100, 0, 0, 0.05); }

.index-body-hero:hover,
.index-body-standard:hover,
.index-body-full:hover,
.index-body-ad:hover {
  cursor: pointer; }
  .index-body-hero:hover .index-title span,
  .index-body-standard:hover .index-title span,
  .index-body-full:hover .index-title span,
  .index-body-ad:hover .index-title span {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-bottom: 1px solid #4FE5D9; }
  .index-body-hero:hover .index-timestamp,
  .index-body-standard:hover .index-timestamp,
  .index-body-full:hover .index-timestamp,
  .index-body-ad:hover .index-timestamp {
    opacity: 0; }
  .index-body-hero:hover img,
  .index-body-standard:hover img,
  .index-body-full:hover img,
  .index-body-ad:hover img {
    opacity: 0.7; }
  .index-body-hero:hover .index-share,
  .index-body-standard:hover .index-share,
  .index-body-full:hover .index-share,
  .index-body-ad:hover .index-share {
    opacity: 1;
    bottom: 10px; }

.index-body-hero .index-url:hover .index-info {
  bottom: 10px; }

/* Social Icons within Cards */
.index-share {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  bottom: -10px;
  right: 10px;
  height: 30px;
  text-align: right;
  opacity: 0; }

.index-share .share-buttons {
  float: left; }

.index-share-facebook {
  margin: 0 10px 0 0; }

.index-share-pinterest {
  margin: 0 10px 0 0; }

.index-share-email {
  margin: 0; }

#ad-interstitial {
  display: none; }

/* Headers */
.index-body-header {
  position: relative;
  width: 100%;
  max-width: 1100px;
  height: 60px;
  padding: 0;
  margin: 10px auto 0 auto;
  border-bottom: 3px solid #333; }

.index-body-header h2 {
  font-family: "BrownStd", sans-serif;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  line-height: 60px;
  color: #333;
  float: left; }

.index-body-header a {
  float: right;
  margin: 0 14px 0 0;
  height: 60px;
  font-family: "BrownStd", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  line-height: 60px;
  color: #333;
  cursor: pointer; }
  .index-body-header a span {
    position: absolute;
    top: 26px;
    right: 0;
    font-size: 8px; }

.index-body-header a:hover {
  color: #F75352; }

/* Ghostery Cookie Notice overrides */
#_evh-ric a {
  color: #F75352; }

#footer {
  padding-top: 10px; }

.footer {
  font-family: "BrownStd", sans-serif;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  width: 100%;
  max-width: 1100px;
  padding: 10px 0 50px 0;
  margin: 0 auto;
  border-top: 1px solid rgba(0, 0, 0, 0.05); }

.footer ul {
  width: 100%;
  margin: 0;
  padding: 50px 0;
  list-style: none;
  text-align: center; }

.footer ul li {
  display: inline-block;
  margin: 0;
  padding: 0 10px; }

.footer ul li a {
  color: #B5B5B5; }

.footer ul li a:hover {
  color: #F75352; }

.grey-base {
  background: #F9F9F9; }

/*
  Wrapper is an inside element with max width that doesn't let
  content take all available horizontal width on large screens.

  This thing is the only element that separates us from fully
  liquid layout. This boundary can be adjusted via media queries
  or removed completely.
*/
.block > div, .block > header, .block > footer {
  max-width: 980px;
  min-width: 306px;
  padding: 0;
  margin: 0 auto; }
  @media (max-width: 1020px) {
    .block > div, .block > header, .block > footer {
      padding: 0 1.7%; } }
  .block > div.wide, .block > header.wide, .block > footer.wide {
    padding: 0;
    max-width: 100%; }

.block footer.block > div {
  padding-top: 0px; }

.block.dark {
  padding: 15px 0 30px 0;
  background: #000;
  color: #FFF; }
  .block.dark > header h2 .icon, .block.dark > header h2 .comment-bubble, .block.dark > header h2 .price-tag, .block.dark > header h2 .email-signup-overlay-icon-mail, .block.dark > header h2 .pinterest-overlay-logo, .block.dark > header h2 .product-save-star {
    display: inline-block;
    color: #6AD98A;
    margin-right: 15px; }
    .block.dark > header h2 .icon.icon-camera, .block.dark > header h2 .icon-camera.comment-bubble, .block.dark > header h2 .icon-camera.price-tag, .block.dark > header h2 .icon-camera.email-signup-overlay-icon-mail, .block.dark > header h2 .icon-camera.pinterest-overlay-logo, .block.dark > header h2 .icon-camera.product-save-star {
      font-size: 0.65em;
      vertical-align: 2px; }
    .block.dark > header h2 .icon.icon-price-tag, .block.dark > header h2 .icon-price-tag.comment-bubble, .block.dark > header h2 .comment-bubble.price-tag, .block.dark > header h2 .price-tag, .block.dark > header h2 .icon-price-tag.email-signup-overlay-icon-mail, .block.dark > header h2 .email-signup-overlay-icon-mail.price-tag, .block.dark > header h2 .icon-price-tag.pinterest-overlay-logo, .block.dark > header h2 .pinterest-overlay-logo.price-tag, .block.dark > header h2 .price-tag.product-save-star, .block.dark > header h2 .icon-price-tag.product-save-star {
      font-size: 0.9em; }
  .block.dark > header h2.h1 .icon, .block.dark > header h2.h1 .comment-bubble, .block.dark > header h2.h1 .price-tag, .block.dark > header h2.h1 .email-signup-overlay-icon-mail, .block.dark > header h2.h1 .pinterest-overlay-logo, .block.dark > header h2.h1 .product-save-star {
    color: #6ad98a;
    font-size: 1.1em;
    position: relative;
    top: 4px;
    margin-right: 0px; }
    .block.dark > header h2.h1 .icon.icon-camera, .block.dark > header h2.h1 .icon-camera.comment-bubble, .block.dark > header h2.h1 .icon-camera.price-tag, .block.dark > header h2.h1 .icon-camera.email-signup-overlay-icon-mail, .block.dark > header h2.h1 .icon-camera.pinterest-overlay-logo, .block.dark > header h2.h1 .icon-camera.product-save-star {
      vertical-align: 0px; }

.block.ad {
  background-color: #F9F9F9;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1300;
  line-height: 0;
  font-size: 0; }
  .block.ad img, .block.ad iframe {
    font-size: 14px;
    margin: 10px 0;
    display: inline-block; }

main {
  min-height: 100px; }

div.more-stories-container {
  width: 980px;
  -webkit-perspective: 0;
  -moz-perspective: 0;
  -ms-perspective: 0;
  -o-perspective: 0;
  perspective: 0; }

div.more-content-container {
  width: 1020px;
  -webkit-perspective: 0;
  -moz-perspective: 0;
  -ms-perspective: 0;
  -o-perspective: 0;
  perspective: 0; }

div.stories-block {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 980px; }
  div.stories-block .stories {
    display: inline-block;
    margin-bottom: -5px; }
    div.stories-block .stories > .two-of-three {
      border-right: 1px solid #ebebec; }
      div.stories-block .stories > .two-of-three.beneath {
        border-top: 1px solid #ebebec; }
  div.stories-block .more-content-container > .two-of-three {
    border-right: 1px solid #ebebec; }
  div.stories-block .ad {
    float: left;
    padding: 30px 0 0 20px; }
    div.stories-block .ad.right {
      float: right;
      padding: 30px 20px 0 0; }

div.content.block > div {
  padding: 0;
  max-width: 980px; }
  div.content.block > div > main, div.content.block > div aside {
    font-size: 16px; }
  div.content.block > div > aside + main {
    display: inline-block;
    width: 66.66666%;
    vertical-align: top; }
  div.content.block > div aside {
    text-align: center;
    display: inline-block;
    width: 33.33333%;
    background-image: url(../images/layout/vertical-ruler.png);
    background-repeat: no-repeat;
    background-position: top left;
    float: right;
    height: 707px; }
  div.content.block > div .stories article {
    float: left;
    min-height: 310px; }
  div.content.block > div .more-stories-container > article.one-of-two:nth-child(odd), div.content.block > div .more-content-container > article.one-of-two:nth-child(odd) {
    border-right: 1px solid #ebebec;
    border-left: none; }
  div.content.block > div .more-stories-container > article.one-of-two.left-side, div.content.block > div .more-content-container > article.one-of-two.left-side {
    border-left: none;
    border-right: none; }
  div.content.block > div .more-stories-container > article.one-of-two.right-side, div.content.block > div .more-content-container > article.one-of-two.right-side {
    border-left: 1px solid #ebebec;
    border-right: none; }
  div.content.block > div article {
    padding: 15px 0 13px 20px;
    position: relative;
    display: inline-block; }
    div.content.block > div article.two-of-three:first-child {
      background-image: url(../images/layout/ruler.png);
      background-repeat: no-repeat;
      background-position: bottom left; }
    div.content.block > div article.article-above {
      border-bottom: 1px solid #ebebec;
      max-height: 310px; }
    div.content.block > div article.one-of-two:nth-child(odd) {
      border-left: 1px solid #ebebec; }
    div.content.block > div article.one-of-two.left-side {
      border-left: none; }
    div.content.block > div article.one-of-two.right-side {
      border-left: 1px solid #ebebec;
      border-right: none; }
    div.content.block > div article.biunit {
      padding: 0px; }
      div.content.block > div article.biunit.one-of-two > .one-of-two {
        width: 45%; }
    div.content.block > div article.one-of-two > .one-of-two {
      width: 55%; }
    div.content.block > div article.one-of-two > .one-of-two:first-child {
      width: 45%; }
    div.content.block > div article.two-of-six {
      padding-right: 17px;
      border-right: 1px solid #ebebec; }

div.content.block aside .ad {
  margin: 20px;
  width: 300px; }
  div.content.block aside .ad img {
    display: block; }
  div.content.block aside .ad + .ad {
    padding: 0 20px; }
  div.content.block aside .ad.sliding, div.content.block aside .ad.sliding + .ad {
    -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; }

section.stories.important ~ div.content.block > div aside .ad.sliding + .ad,
section.hero-category.important ~ div.content.block > div aside .ad.sliding + .ad {
  opacity: 0;
  z-index: 500; }

.scrim {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 2600;
  display: none; }

.white-close {
  color: #FFF;
  font-family: "BrownStd", sans-serif; }

/*
    This file is reserved to include all the sass files inside /module
*/
/* 
  ACCOUNT PROFILE V3
*/
.account-wrap {
  width: 984px;
  height: 855px;
  margin: 0 auto;
  position: relative;
  z-index: 200;
  margin-top: 40px; }
  .account-wrap .account-profile-menu {
    width: 200px;
    height: 825px;
    border-right: 1px solid #ccc;
    float: left;
    display: block; }
    .account-wrap .account-profile-menu ul {
      margin: 0px;
      margin-top: 20px;
      list-style: none; }
      .account-wrap .account-profile-menu ul a {
        text-transform: uppercase;
        font-family: "BrownStd-bold", sans-serif;
        font-size: 12px;
        letter-spacing: 1px; }
        .account-wrap .account-profile-menu ul a.active {
          color: #000;
          display: block; }
          .account-wrap .account-profile-menu ul a.active li {
            border-bottom: 1px solid #ccc;
            padding: 6px 0px 6px 6px;
            display: block;
            position: relative; }
            .account-wrap .account-profile-menu ul a.active li .caret {
              position: absolute;
              right: 0;
              top: 0;
              width: 23px;
              height: 40px; }
        .account-wrap .account-profile-menu ul a li {
          border-bottom: 1px solid #ccc;
          padding: 6px 0px 6px 6px;
          display: block; }
  .account-wrap .account-content {
    width: 664px;
    float: left;
    display: block;
    margin-left: 30px;
    margin-top: 30px; }
  .account-wrap h1 {
    font-family: "BrownStd-bold", sans-serif;
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
    padding: 6px 6px 0px 6px; }
  .account-wrap h2 {
    margin-bottom: 0px;
    font-size: 24px;
    width: 662px;
    border-bottom: #ccc 1px solid;
    padding-bottom: 4px; }
  .account-wrap label {
    display: none; }
  .account-wrap input {
    text-transform: uppercase;
    font-family: "BrownStd-bold", sans-serif;
    font-size: 11px;
    width: 600px;
    height: 30px;
    margin: 10px 12px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 5px #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px 10px; }
    .account-wrap input.old-pass {
      color: #ccc; }
    .account-wrap input.new-pass {
      background: #F9F9F9;
      color: #CCC; }
  .account-wrap .account-border-box {
    width: 640px;
    border: 1px #ccc solid;
    padding: 10px;
    margin: 30px 0px; }
  .account-wrap .half {
    width: 45%;
    float: left;
    display: block; }
  .account-wrap #last {
    margin-top: -9px; }
  .account-wrap .button-purple {
    margin: 10px;
    float: left; }
  .account-wrap form a {
    color: #363380;
    float: left; }
  .account-wrap .error, .account-wrap .message-info {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "BrownStd-bold", sans-serif;
    color: #F75352;
    text-transform: uppercase;
    letter-spacing: 1px; }

/* 
  HEADER AD (728x90,970x66,980x66)
  @see application/apps/blog/views/common/base.html
*/
.ad-container, .slideshow-ad-container, .contest-ad-container {
  position: relative;
  z-index: 2500;
  margin: 0;
  background-color: #FFF; }
  .ad-container .ad, .slideshow-ad-container .ad, .contest-ad-container .ad {
    text-align: center;
    display: block;
    padding-top: 15px; }
    .ad-container .ad > table, .slideshow-ad-container .ad > table, .contest-ad-container .ad > table, .ad-container .ad object, .slideshow-ad-container .ad object, .contest-ad-container .ad object, .ad-container .ad div, .slideshow-ad-container .ad div, .contest-ad-container .ad div, .ad-container .ad iframe, .slideshow-ad-container .ad iframe, .contest-ad-container .ad iframe, .ad-container .ad img, .slideshow-ad-container .ad img, .contest-ad-container .ad img {
      margin: 0 auto !important; }

.temporary-homepage-ad {
  padding-bottom: 40px;
  text-align: center; }

/*
  SLIDESHOW HEADER AD CONTAINER
  @see application/apps/blog/views/entry/slideshow.html
*/
.slideshow-ad-container {
  z-index: 1400;
  height: 112px; }

.contest-ad-container {
  z-index: 1400;
  text-align: center; }

.slideshow-ad-container #ad-header {
  padding: 11px 0; }

/*
  INTERSTITIAL AD MODAL
  @see application/apps/blog/htdocs/static/assets/js/r29/r29.ads.js
*/
.modal-ad-interstitial, .modal-scrim {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2600; }
  .modal-ad-interstitial .lightbox, .modal-scrim .lightbox {
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%; }
  .modal-ad-interstitial .content, .modal-scrim .content {
    position: absolute;
    z-index: 2400;
    display: block;
    width: 640px; }
    .modal-ad-interstitial .content .close-x, .modal-scrim .content .close-x {
      background-color: #F75352;
      color: #fff;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      -webkit-background-clip: border-box;
      -moz-background-clip: border-box;
      background-clip: border-box; }

/*
  WELCOME QUOTE AD
  @see application/apps/blog/htdocs/static/assets/js/r29/r29.ads.js
*/
.ad-interstitial-quote .quote {
  font-family: "PlayfairDisplay-italic", "Georgia", sans-serif;
  text-align: center;
  padding: 10px;
  margin: 0; }

.ad-interstitial-quote .quote-container {
  width: 630px;
  text-align: center;
  font-family: "PlayfairDisplayBoldItalic", "TiemposText", serif, Times, serif;
  line-height: 1.5em;
  color: #ffffff;
  font-size: 15px; }

.ad-interstitial-quote .inner {
  position: relative; }

.ad-interstitial-quote .logo {
  background: url("../images/modules/ads/header-full-refinery29.png") no-repeat center;
  width: 630px;
  height: 20px;
  padding: 15px 0; }

.ad-interstitial-quote .message {
  font-family: "BrownStd-thin", sans-serif;
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  margin: 0;
  padding: 0 0 10px 0; }

.ad-interstitial-quote .close-text {
  color: #ffffff;
  font-weight: bold;
  text-align: right;
  width: 630px;
  padding-bottom: 10px;
  cursor: pointer; }

.ad-interstitial-quote .closer {
  background: url("../images/ads/close-text.png") top left no-repeat;
  width: 355px;
  height: 16px;
  float: right;
  margin-top: 10px;
  cursor: pointer; }
  .ad-interstitial-quote .closer:hover {
    background: url("../images/ads/close-text-hover.png") top left no-repeat; }

.ad-interstitial-quote .close {
  cursor: pointer;
  background: url("../images/modules/ads/close-text-button.png") no-repeat center;
  width: 59px;
  height: 17px;
  position: absolute;
  right: 0;
  top: 55px; }

.ad-interstitial-quote .timer {
  color: #f65352;
  font-family: "KaczunOldstyleBoldItalic", "TiemposText", serif, Times, serif;
  line-height: 1.5em;
  font-size: 18px;
  float: left;
  margin-top: 10px; }

.ad-interstitial-quote .version-1 .close {
  top: 25px; }

.ad-interstitial-quote .version-1 .quote, .ad-interstitial-quote version-2 .quote {
  letter-spacing: 1px;
  line-height: 1.3em;
  font-size: 17px;
  padding: 15px; }

#user-voice-img {
  max-width: none;
  padding: 15px 0; }

/* BAD ADS */
.ad [style*="z-index"] {
  z-index: 900 !important; }

.slide-ad,
#ad-r29now,
#ad-r29now-cat {
  position: relative;
  z-index: 1400; }

.author .heading {
  font-family: "BrownStd", sans-serif;
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 52px 12px 16px 20px;
  margin-bottom: 0px;
  position: relative;
  width: 100%;
  background-image: url("../images/layout/ruler.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  text-transform: uppercase;
  font-size: 2em; }

.author .recent {
  background-image: none; }

.author .intro {
  clear: left;
  padding-top: 30px; }
  .author .intro img {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
    border-radius: 50%;
    float: left; }
  .author .intro .author-details {
    margin-top: 30px; }
    .author .intro .author-details h1 {
      margin-bottom: 0;
      text-transform: uppercase; }
    .author .intro .author-details h2, .author .intro .author-details p {
      font-family: "BrownStd", sans-serif;
      font-size: 0.7em;
      text-transform: uppercase;
      margin-bottom: 1.6em; }
      .author .intro .author-details h2 span, .author .intro .author-details p span {
        text-transform: none;
        font-family: "TiemposText", serif;
        font-size: 1.3em;
        line-height: 1.4em; }
    .author .intro .author-details p {
      margin-bottom: 0.875em; }
    .author .intro .author-details .left {
      float: left; }
    .author .intro .author-details .right {
      float: left;
      margin: 0 20px; }
      .author .intro .author-details .right .icon-mail, .author .intro .author-details .right .email-signup-overlay-icon-mail {
        font-size: 0.75em; }
      .author .intro .author-details .right i {
        padding-right: 10px;
        color: #999; }
  .author .intro .bio {
    clear: left;
    font-size: 14px;
    line-height: 1.5em;
    padding: 0 20px; }
    .author .intro .bio strong {
      font-family: "TiemposText-bold", serif; }

.author .favorite {
  padding: 20px; }
  .author .favorite:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border: 0;
    width: 1px;
    background-image: -webkit-linear-gradient(top, #ebebec 0%, #ebebec 92%, rgba(235, 235, 236, 0) 100%);
    background-image: -moz-linear-gradient(top, #ebebec 0%, #ebebec 92%, rgba(235, 235, 236, 0) 100%);
    background-image: -ms-linear-gradient(top, #ebebec 0%, #ebebec 92%, rgba(235, 235, 236, 0) 100%);
    background-image: -o-linear-gradient(top, #ebebec 0%, #ebebec 92%, rgba(235, 235, 236, 0) 100%);
    z-index: -200;
    background-position: top right; }
  .author .favorite .two-of-three {
    display: inline-block; }
    .author .favorite .two-of-three h3 {
      font-size: 2em; }
  .author .favorite .featured-excerpt {
    float: left;
    font-size: 14px;
    line-height: 1.5em; }
    .author .favorite .featured-excerpt a {
      font-family: "BrownStd-bold", sans-serif; }
    .author .favorite .featured-excerpt strong {
      font-family: "TiemposText-bold", serif; }

.author .grid-preview {
  clear: left; }

.author .grid .comments-number {
  display: block; }

.author .grid li .comment {
  padding: 0; }

.author .grid {
  background-image: url("../images/layout/ruler.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 680px 1px;
  width: 100%;
  overflow: hidden;
  margin: 0 0 0 10px; }
  .author .grid ul {
    margin: 0;
    padding: 0;
    line-height: normal;
    list-style-type: none; }
    .author .grid ul li {
      padding: 20px 10px 0px 10px;
      float: left;
      height: 350px;
      text-align: center;
      list-style-type: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      .author .grid ul li h2 {
        text-align: center;
        text-transform: uppercase;
        line-height: 14px; }
    .author .grid ul a {
      font-size: 12px;
      color: #F75352;
      line-height: 6px;
      text-transform: uppercase;
      font-family: "BrownStd", sans-serif; }
      .author .grid ul a:before {
        text-transform: none; }
  .author .grid .image-link {
    line-height: 2em; }
  .author .grid .comments-number, .author .grid .read-more-related {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0px; }
  .author .grid .comments-number {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    font-family: "TiemposText", serif; }
    .author .grid .comments-number .icon-bubble, .author .grid .comments-number .comment-bubble {
      color: #F75352; }

.author .grid ul li:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 0;
  width: 1px;
  background-image: -webkit-linear-gradient(top, #ebebec 0%, #ebebec 82%, rgba(235, 235, 236, 0) 100%);
  background-image: -moz-linear-gradient(top, #ebebec 0%, #ebebec 82%, rgba(235, 235, 236, 0) 100%);
  background-image: -ms-linear-gradient(top, #ebebec 0%, #ebebec 82%, rgba(235, 235, 236, 0) 100%);
  background-image: -o-linear-gradient(top, #ebebec 0%, #ebebec 82%, rgba(235, 235, 236, 0) 100%);
  z-index: -200;
  background-position: top right; }

.author .grid ul li:last-child:after {
  background-image: none; }

.author .grid ul li h2 a {
  font-size: 12px;
  color: #000;
  line-height: 6px;
  font-family: "BrownStd", sans-serif; }

.author .pagination-black-circles a {
  color: black;
  font-family: "BrownStd-bold", sans-serif;
  font-size: 0.875em;
  margin-bottom: 45px; }

.author .pagination-black-circles .next {
  float: right;
  padding-right: 20px; }
  .author .pagination-black-circles .next .button-prev-next-large {
    letter-spacing: -0.1em; }

.author .pagination-black-circles .prev {
  padding-left: 20px; }
  .author .pagination-black-circles .prev .button-prev-next-large {
    letter-spacing: 0.1em; }

.author .pagination-black-circles .button-prev-next-large {
  padding: 0;
  height: 50px;
  width: 50px;
  border: 3px solid #000;
  text-align: center;
  line-height: 48px !important;
  overflow: hidden;
  font-size: 20px;
  border-radius: 50%;
  background: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .author .pagination-black-circles .button-prev-next-large:hover {
    background: white;
    color: black; }

/* Temp style for dropping header shadow*/
.redesigned {
  box-shadow: 0 1px 3px #EBEBEC; }

.arch-header {
  color: #000;
  height: 3em;
  margin-top: 2.75em;
  text-transform: uppercase; }
  .arch-header h1 {
    float: left;
    font-family: "BrownStd", sans-serif;
    font-size: 3em;
    letter-spacing: .1em;
    line-height: .75em; }
    .arch-header h1 a {
      color: inherit; }
      .arch-header h1 a:hover {
        color: inherit; }

.arch-entries {
  clear: both;
  overflow: hidden;
  padding-bottom: 2em; }
  .arch-entries h2 {
    font-family: "BrownStd", sans-serif;
    color: #000;
    font-size: 2.2em;
    margin: 1.5em 0;
    background-image: url(../images/layout/ruler.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    padding-bottom: 0.7em; }
    .arch-entries h2 span {
      position: relative;
      text-transform: uppercase; }
  .arch-entries .error {
    padding: 20px 0; }
  .arch-entries .item {
    float: left;
    text-align: center;
    padding: 0 17px;
    visibility: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .arch-entries .day {
    color: #F75352;
    font-family: "BrownStd-bold", sans-serif;
    font-size: 14px;
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase; }
    .arch-entries .day .weekday {
      color: #000;
      line-height: 100%;
      font-family: "BrownStd-light", sans-serif;
      font-size: 24px; }
    .arch-entries .day a {
      color: #fa5750; }
  .arch-entries article {
    background: #fff; }
    .arch-entries article .thumb {
      position: relative; }
    .arch-entries article .image-default {
      background: url("../../images/header/r29.png") no-repeat center;
      border: solid 1px #a0a0a0;
      display: inline-block;
      height: 228px;
      width: 208px; }
    .arch-entries article .title {
      font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
      font-size: 24px;
      height: 7.0em;
      line-height: 1.2em;
      margin-top: .5em; }
      .arch-entries article .title a {
        color: #000;
        font-weight: normal; }
        .arch-entries article .title a.icon-read-more {
          display: block; }
          .arch-entries article .title a.icon-read-more:before {
            color: #F75352; }
        .arch-entries article .title a strong {
          font-weight: normal; }

.arch-pagination {
  clear: both;
  padding: 4em 0; }
  .arch-pagination a {
    color: #000;
    font-family: "BrownStd-bold", sans-serif;
    float: left;
    font-size: 1.1em;
    height: 1.5em;
    padding: 0 0 0 20px;
    text-transform: uppercase; }
    .arch-pagination a:hover {
      text-decoration: none; }
    .arch-pagination a .button-prev-next-large {
      padding: 0;
      height: 50px;
      width: 50px;
      border: 3px solid #000;
      text-align: center;
      line-height: 48px;
      overflow: hidden;
      font-size: 20px;
      border-radius: 50%;
      background: #000;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .arch-pagination a .button-prev-next-large:hover {
        background: #FFF;
        color: #000; }
      .arch-pagination a .button-prev-next-large .icon-arrow-left, .arch-pagination a .button-prev-next-large .icon-arrow-right {
        line-height: 2.1; }
      .arch-pagination a .button-prev-next-large .icon-arrow-right {
        letter-spacing: -0.1em; }
  .arch-pagination .next a {
    float: right;
    padding: 0 20px 0 0; }

.arch-menu {
  float: right;
  position: relative;
  z-index: 300; }
  .arch-menu .label {
    color: #bfbfbf;
    display: inline-block;
    float: left;
    margin: 0;
    padding: .6em; }
  .arch-menu .date {
    display: inline-block;
    height: 2.5em;
    margin: 0 .1em 0 0;
    position: relative;
    width: 5.5em;
    background: #FFFFFF; }
    .arch-menu .date div {
      background: #f8f8f8;
      border: solid 1px #d9d9d9;
      border-radius: 1.5em;
      color: #777;
      cursor: pointer;
      padding: .2em .75em .2em 1.25em;
      position: absolute;
      text-align: right;
      width: 3.1em;
      z-index: 1900;
      top: 4px; }
    .arch-menu .date ul {
      background: #fafafa;
      border: solid 1px #eaeaea;
      border-radius: 0 0 .5em .5em;
      color: #777;
      cursor: pointer;
      display: none;
      padding: .75em .75em .5em 1.25em;
      position: absolute;
      top: 2em;
      width: 3em;
      z-index: 1800;
      margin-left: 4px; }
  .arch-menu .date-title .value {
    color: #777;
    font-family: "BrownStd-bold", sans-serif;
    font-size: 11px;
    float: left;
    padding-top: 1px; }

#arch_day div, #arch_day ul {
  width: 2.1em; }

#arch_go {
  width: 2.5em; }
  #arch_go .date-title {
    color: #FFF;
    background-color: #F75352;
    font-family: "BrownStd-bold", sans-serif;
    padding: 3px 2px;
    text-align: center;
    width: 2.5em;
    border: 0;
    font-size: 12px; }

body.archives header#main {
  background-color: #FFF;
  margin-bottom: 0; }

body.archives #content {
  margin: 0 auto;
  width: 980px; }

body.collection-pictures .arch-pagination .next a {
  background-position: 5.6em -80px; }

/* Temp styles needed to override v2 styles */
body.archives #container {
  background: none; }
  body.archives #container .inner {
    background: none; }

.arch-entries h2 {
  border-bottom: none; }
  .arch-entries h2 span {
    background: none;
    padding: 0; }

.arch-entries article {
  background: #fff;
  padding: 0;
  width: 100%;
  box-shadow: 0 0 0 #fff; }

.arch-entries .item {
  margin: 0; }

.arch-menu {
  width: auto; }

.arch-pagination a {
  background: none; }

.stamp {
  position: relative;
  font-family: "BrownStd", sans-serif;
  background: #6AD98A;
  background: rgba(103, 217, 138, 0.8);
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  padding: 4px 8px;
  border: 1px solid #FFF;
  font-size: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: .15em;
  overflow: visible; }

.module-media:hover .badge {
  background: rgba(153, 153, 153, 0.85); }

.badge {
  background-color: rgba(153, 153, 153, 0.4);
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  color: #FFF;
  font-size: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  -webkit-transition: background-color linear 0.3s;
  -moz-transition: background-color linear 0.3s;
  -ms-transition: background-color linear 0.3s;
  -o-transition: background-color linear 0.3s;
  transition: background-color linear 0.3s;
  position: absolute;
  z-index: 200; }
  .badge .icon, .badge .comment-bubble, .badge .price-tag, .badge .email-signup-overlay-icon-mail, .badge .pinterest-overlay-logo, .badge .product-save-star {
    display: block;
    line-height: 60px; }
  .badge:hover {
    background: rgba(153, 153, 153, 0.85); }
  .badge .icon-audio {
    font-size: 24px; }
  .badge .icon-video, .badge .icon-slideshow, .badge .icon-audio {
    padding-left: 2px; }

.module-hero {
  text-align: center;
  overflow: hidden;
  height: 33%; }
  .module-hero a {
    position: relative;
    display: block; }
  .module-hero h2 {
    font-size: 28px;
    line-height: 1.2;
    background: url(../images/bg-black-60.png);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0%;
    left: 0%;
    height: 110px;
    width: 100%;
    -webkit-transition: height ease-out 0.3s;
    -moz-transition: height ease-out 0.3s;
    -ms-transition: height ease-out 0.3s;
    -o-transition: height ease-out 0.3s;
    transition: height ease-out 0.3s; }
  .module-hero .label {
    vertical-align: middle;
    display: table-cell;
    height: 110px;
    padding: 0 10px;
    -webkit-transition: height ease-out 0.3s;
    -moz-transition: height ease-out 0.3s;
    -ms-transition: height ease-out 0.3s;
    -o-transition: height ease-out 0.3s;
    transition: height ease-out 0.3s; }
  .module-hero .icon-read-more {
    opacity: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
    -webkit-transition: opacity ease-out 0.3s;
    -moz-transition: opacity ease-out 0.3s;
    -ms-transition: opacity ease-out 0.3s;
    -o-transition: opacity ease-out 0.3s;
    transition: opacity ease-out 0.3s; }
  .module-hero img {
    display: block;
    width: 100%; }
  .module-hero.is-active h2 {
    -webkit-animation: h2 .5s linear alternate; }
  .module-hero.is-active .label {
    -webkit-animation: none; }
  .module-hero.is-small h2 {
    font-size: 15px;
    line-height: 1.3;
    height: 55px; }
  .module-hero.is-small .label {
    height: 55px;
    padding: 0 5px; }

.hero-category {
  overflow: hidden; }

@-webkit-keyframes move-label {
  0% {
    height: 420px;
    padding: 0 90px; }
  50% {
    height: 420px; }
  51% {
    height: 600px;
    padding: 0 90px; }
  52% {
    padding: 0 10px; }
  100% {
    height: 140px; } }

@-webkit-keyframes move-small-label {
  0% {
    height: 210px;
    padding: 0 40px; }
  50% {
    height: 210px; }
  51% {
    height: 300px;
    padding: 0 40px; }
  52% {
    padding: 0 5px; }
  100% {
    height: 69px; } }

#hero-stories {
  width: 100%;
  height: 384px;
  margin: 0; }
  #hero-stories .wrapper {
    position: relative;
    width: 1280px;
    height: 384px;
    margin: 0 auto; }
  #hero-stories .carrot {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    width: 150px; }
    #hero-stories .carrot h2 {
      position: absolute;
      left: 0px;
      margin: 0;
      padding: 11px;
      background-color: #000;
      font-family: "BrownStd-bold",sans-serif;
      font-size: 10px;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #FFF; }
  #hero-stories ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #hero-stories ul li {
      position: relative;
      float: left;
      width: 25%; }
      #hero-stories ul li a {
        width: 100%;
        height: auto;
        display: block;
        line-height: 1; }
      #hero-stories ul li img {
        float: left;
        width: 100%;
        max-height: 384px;
        height: auto; }
      #hero-stories ul li h2 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 22px 0;
        background: rgba(0, 0, 0, 0.7);
        color: #FFF;
        text-align: center;
        font-size: 26px;
        display: table; }
      #hero-stories ul li span {
        height: 56px;
        padding: 0 10px;
        vertical-align: middle;
        display: table-cell; }
      #hero-stories ul li.double {
        width: 50%; }
        #hero-stories ul li.double h2 {
          width: 360px;
          padding: 22px 140px; }

.tab-content {
  -webkit-animation: fade 0.75s both ease-out;
  -moz-animation: fade 0.75s both ease-out;
  -ms-animation: fade 0.75s both ease-out;
  -o-animation: fade 0.75s both ease-out;
  animation: fade 0.75s both ease-out;
  display: none; }
  .tab-content.animating {
    z-index: 1800;
    position: relative; }
  .tab-content:after {
    display: block;
    content: '';
    clear: both; }
  .tab-content[hidden] {
    -webkit-animation: reverse fade2 both 0.75s ease-out;
    -moz-animation: reverse fade2 both 0.75s ease-out;
    -ms-animation: reverse fade2 both 0.75s ease-out;
    -o-animation: reverse fade2 both 0.75s ease-out;
    animation: reverse fade2 both 0.75s ease-out;
    display: none; }
    .tab-content[hidden].animating {
      display: block;
      position: absolute;
      z-index: 1700;
      left: 0;
      top: 0; }
  .tab-content.is-active {
    position: static;
    display: block; }

.social-pull {
  float: right;
  line-height: 1;
  padding: 0;
  margin-top: -58px;
  width: 103px;
  border-left: 1px solid #ccc;
  height: 40px;
  padding: 0 0 0 21px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.module-trending-fallback .social-pull {
  margin-top: 0;
  padding: 10px 21px 0 21px; }
  .module-trending-fallback .social-pull.facebook {
    width: 103px; }
  .module-trending-fallback .social-pull.twitter {
    width: 168px; }
  .module-trending-fallback .social-pull.pinterest {
    width: 82px; }
  .module-trending-fallback .social-pull.first {
    border-left: none;
    padding-left: none; }
  .module-trending-fallback .social-pull.last {
    padding-right: 0; }

.social-custom-buttons {
  padding: 0 0 0 50px; }

#tab-twitter .social-pull {
  padding-top: 10px; }

#tab-pinterest .social-pull {
  padding-top: 10px; }

#tab-facebook .social-pull {
  padding-top: 10px; }

.highlight {
  background: #f1f2f2;
  -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1); }

.module-article {
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 20px 10px;
  position: relative; }
  .module-article h2 a:first-child {
    color: #222; }
  .module-article p {
    margin-bottom: 10px;
    font-size: .9em;
    line-height: 1.5em;
    padding: 0; }
  .module-article .feature {
    position: relative;
    display: block; }
  .module-article .badge {
    margin-top: 50%;
    margin-left: 50%;
    left: -30px; }

.column-with-rail {
  width: 980px; }

.module-media img {
  display: block;
  margin: 0 auto 10px; }
  .module-media img .responsive {
    max-width: 100%;
    max-height: 100%; }

.green-label-image {
  float: left;
  text-align: center;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 210px; }

.module-media-header {
  position: absolute;
  float: left;
  display: block;
  font-size: .7em;
  left: 50%;
  width: 100%;
  margin: -8px 0 -12px -50%;
  color: #FFF;
  text-align: center;
  letter-spacing: .15em; }
  .module-media-header span {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin: 0 20px;
    padding: 5px 8px;
    border: 1px solid #FFF;
    background: #6AD98A;
    background: rgba(103, 217, 138, 0.8); }

.social-count {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.75);
  color: #222;
  padding: 5px 7px;
  text-transform: uppercase;
  font: .65em/1 "BrownStd", sans-serif; }

.streetstyle-featured {
  margin: 0 10px; }

.sponsored-headline {
  text-align: center; }
  .sponsored-headline .asset {
    margin: 0 auto; }

.two-of-three .sponsored-headline {
  width: 66.666666%; }

.in-story-bio {
  display: inline-block;
  padding-top: 20px; }

.autopin-wrapper {
  float: left;
  position: relative;
  display: block;
  margin: 0 0 20px 0; }
  .autopin-wrapper.left {
    left: 0;
    margin-right: 15px; }
    .autopin-wrapper.left img {
      width: auto; }
  .autopin-wrapper.right {
    right: 0;
    margin-left: 15px; }
    .autopin-wrapper.right img {
      width: auto; }
  .autopin-wrapper:not(.left):not(.right) img {
    min-width: 640px; }
  .autopin-wrapper img {
    float: left;
    position: relative; }
    .autopin-wrapper img.left {
      left: 0; }
    .autopin-wrapper img.right {
      float: right; }
    .autopin-wrapper img.center {
      margin: 0 auto; }
  .autopin-wrapper span {
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    float: left;
    background: url("images/misc/hover-2.png") repeat scroll center center transparent; }
  .autopin-wrapper .img-pin-it-button {
    right: 12px; }
  .autopin-wrapper .img-fb-it-button {
    right: 20px; }

.fblike-box-beauty {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-main {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-fashion {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-wellness {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-entertainment {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-living {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-nyc {
  padding-bottom: 30px;
  padding-left: 65px; }

.byline {
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px; }
  .byline ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "BrownStd", sans-serif;
    line-height: 1.4em;
    height: 40px;
    padding-left: 45px;
    display: table-cell;
    vertical-align: middle;
    font-size: .6em; }
    .byline ul.no-author-image {
      padding-left: 0;
      display: block; }
    .byline ul strong {
      font-family: "BrownStd-bold", sans-serif;
      font-weight: normal; }
      .byline ul strong.author-link {
        color: #222; }
      .byline ul strong a {
        text-decoration: none;
        color: #222; }
  .byline li {
    float: left; }

.byline-inner {
  width: 100%;
  border-bottom: 1px solid #EBEBEC;
  padding-bottom: 10px;
  overflow: hidden; }

.author-container {
  float: left;
  font-size: .6em; }

.social-container {
  float: right; }

.date {
  background: #ddd;
  width: auto;
  display: inline-block; }
  .date a {
    color: #222; }

.author-name {
  clear: left; }

.author-image {
  margin-right: 5px;
  float: left;
  position: absolute;
  left: 0;
  top: 0; }
  .author-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    display: block;
    width: 40px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /*FF 4+*/
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    /* future-proof */
    filter: gray;
    /*IE 6-9*/ }

.search .two-of-three .module-article .menu-article-share,
.menu-article-share {
  float: left;
  margin: 0 0 0 10px;
  letter-spacing: 1px;
  color: #A8A9AD; }
  .search .two-of-three .module-article .menu-article-share h3,
  .menu-article-share h3 {
    float: left;
    font-family: "BrownStd-bold", sans-serif;
    font-size: 14px;
    margin: 0 5px 0 10px; }
  .search .two-of-three .module-article .menu-article-share p,
  .menu-article-share p {
    float: left;
    width: auto;
    font-family: "BrownStd-light", sans-serif;
    font-size: 10px;
    margin: 0;
    line-height: 21px; }

.search .two-of-three .module-article .menu-article-share,
.two-of-three .menu-article-share.share-module {
  float: right;
  margin-top: 14px;
  margin-left: 10px; }

.module-article-full {
  padding: 20px 0 0 0; }
  .module-article-full span.big {
    font-size: larger; }
  .module-article-full span.caption {
    font-size: smaller;
    font-style: italic; }
  .module-article-full header {
    margin: 0 0 7px 20px; }
  .module-article-full footer {
    margin: 0 0 24px 20px; }
  .module-article-full header,
  .module-article-full footer {
    position: relative;
    display: inline-block; }
  .module-article-full .pagination-control-right {
    padding-right: 10px;
    bottom: 0;
    right: 0;
    opacity: 0;
    text-align: right; }
    .module-article-full .pagination-control-right.active {
      -webkit-animation: fadeIn forwards 0.5s ease-out;
      -moz-animation: fadeIn forwards 0.5s ease-out;
      -ms-animation: fadeIn forwards 0.5s ease-out;
      -o-animation: fadeIn forwards 0.5s ease-out;
      animation: fadeIn forwards 0.5s ease-out;
      -webkit-animation-delay: 1.5s;
      opacity: 1; }
  .module-article-full .pagination-indicator {
    position: relative;
    display: inline-block;
    top: 6px;
    width: 74px;
    font-family: "BrownStd", sans-serif;
    font-size: .60em;
    color: #000;
    letter-spacing: 1px;
    text-align: center; }
  .module-article-full .next,
  .module-article-full .prev {
    text-decoration: none;
    background: #000;
    color: #FFF; }
  .module-article-full header .pagination-control-right .pagination-indicator {
    margin-top: 20px; }
  .module-article-full header.full {
    min-width: 980px; }
  .module-article-full footer {
    width: 100%; }
    .module-article-full footer .pagination-control-right {
      position: static;
      margin-bottom: 20px;
      padding: 0 15px 20px 0;
      text-align: right;
      border-bottom: 1px solid #ebebec; }
      .module-article-full footer .pagination-control-right.no-border {
        border-bottom: none; }
  .module-article-full .entry-body {
    display: inline-block;
    float: left; }
    .module-article-full .entry-body div.asset {
      float: left;
      width: 100%; }
      .module-article-full .entry-body div.asset.left {
        padding-right: 15px; }
      .module-article-full .entry-body div.asset.right {
        padding-left: 15px;
        float: right;
        margin: 1em 0 1em 1em; }
      .module-article-full .entry-body div.asset.center {
        display: block;
        margin: 0 auto;
        float: none;
        padding-bottom: 15px;
        text-align: center; }
    .module-article-full .entry-body.last {
      margin: 0px; }
  .module-article-full h1 {
    font: 2.7em/1.2 "PlayfairDisplay-bold", "Georgia", sans-serif;
    letter-spacing: normal;
    text-transform: none;
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-left: 0px;
    position: relative;
    text-align: center; }
    .module-article-full h1:before, .module-article-full h1:after {
      content: "";
      position: absolute;
      display: block;
      bottom: -1px;
      left: 0;
      height: 1px;
      width: 20px;
      z-index: 200;
      background: #FFF;
      background: linear-gradient(to right, #FFF 0%, #EBEBEC 100%);
      background: -moz-linear-gradient(left, #FFF 0%, #EBEBEC 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #FFF), color-stop(100%, #EBEBEC));
      background: -webkit-linear-gradient(left, #FFF 0%, #EBEBEC 100%);
      background: -o-linear-gradient(left, #FFF 0%, #EBEBEC 100%);
      background: -ms-linear-gradient(left, #FFF 0%, #EBEBEC 100%);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=$startColor, endColorstr=$endColor)";
      /* IE8 */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$startColor, endColorstr=$endColor);
      /* IE6 & 7 */
      zoom: 1; }
    .module-article-full h1:after {
      background: blue;
      left: auto;
      right: 0;
      background: #EBEBEC;
      background: linear-gradient(to right, #EBEBEC 0%, #FFF 100%);
      background: -moz-linear-gradient(left, #EBEBEC 0%, #FFF 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #EBEBEC), color-stop(100%, #FFF));
      background: -webkit-linear-gradient(left, #EBEBEC 0%, #FFF 100%);
      background: -o-linear-gradient(left, #EBEBEC 0%, #FFF 100%);
      background: -ms-linear-gradient(left, #EBEBEC 0%, #FFF 100%);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=$startColor, endColorstr=$endColor)";
      /* IE8 */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$startColor, endColorstr=$endColor);
      /* IE6 & 7 */
      zoom: 1; }
  .module-article-full a {
    text-decoration: underline;
    color: #363380; }
    .module-article-full a:hover {
      text-decoration: none; }
    .module-article-full a.article-product {
      text-decoration: none; }
  .module-article-full .byline {
    padding: 10px 0px 7px 7px;
    vertical-align: middle;
    margin: 0;
    position: relative;
    z-index: 100;
    overflow: visible;
    *zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block; }
    .module-article-full .byline:before, .module-article-full .byline:after {
      content: " ";
      display: table; }
    .module-article-full .byline:after {
      clear: both; }
    .module-article-full .byline ul {
      line-height: 1.2; }
    .module-article-full .byline img {
      margin-right: 5px; }
    .module-article-full .byline:before, .module-article-full .byline:after {
      content: "";
      position: absolute;
      display: block;
      bottom: -1px;
      left: 0;
      height: 1px;
      width: 20px; }
    .module-article-full .byline:after {
      left: auto;
      right: 0; }
  .module-article-full .pb {
    -webkit-animation: fadeIn forwards 0.5s ease-out;
    -moz-animation: fadeIn forwards 0.5s ease-out;
    -ms-animation: fadeIn forwards 0.5s ease-out;
    -o-animation: fadeIn forwards 0.5s ease-out;
    animation: fadeIn forwards 0.5s ease-out;
    width: 100%;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    opacity: 0;
    overflow: hidden;
    box-sizing: border-box; }
    .no-cssanimations .module-article-full .pb {
      opacity: 1; }
  .module-article-full .left {
    float: left; }
  .module-article-full .button-prev-next-large {
    height: 46px;
    width: 46px;
    line-height: 50px;
    font-size: 18px; }
  .module-article-full.paginated-article .full .ad-rt {
    display: none; }
  .module-article-full.three-of-three .pb {
    width: 100%; }
  .module-article-full.three-of-three .campaign-branding-opener {
    width: 100%; }

.entry-body, .asset-caption {
  margin: 0 0 20px 20px; }

.entry-body, .slide-caption-container {
  font-family: "TiemposText", serif;
  line-height: 1.7em;
  font-size: 17px; }

.two-of-three .pb,
.four-of-six .pb {
  width: 640px; }

.campaign-branding {
  padding: 20px 0 0 0;
  max-width: 640px;
  margin-bottom: -30px; }

.campaign-branding-opener {
  width: 640px; }
  .campaign-branding-opener img {
    display: block;
    max-width: 320px;
    margin: 0 auto; }
  .campaign-branding-opener a {
    text-decoration: none; }

.other_contributors {
  font-family: "BrownStd-light", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 20px;
  padding-left: 70px; }
  .other_contributors a {
    text-decoration: none;
    font-family: "BrownStd-bold", sans-serif;
    color: #222; }

.fblike-box-beauty {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-main {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-fashion {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-wellness {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-entertainment {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-living {
  padding-bottom: 30px;
  padding-left: 65px; }

.fblike-box-nyc {
  padding-bottom: 30px;
  padding-left: 65px; }

.group {
  border: 1px solid #CCC; }

.module header h1 span:before, .module header h2.h1 span:before {
  color: #6AD98A;
  margin-right: 15px; }

.module-highlight {
  background: #F9F9F9;
  -webkit-box-shadow: inset 0 0 5px #CCC;
  -moz-box-shadow: inset 0 0 5px #CCC;
  box-shadow: inset 0 0 5px #CCC; }

.msg {
  padding: 12px;
  color: #222;
  border: 1px solid #777;
  text-align: center;
  font: .7em/1.3 "BrownStd", sans-serif;
  text-transform: uppercase; }
  .msg strong {
    display: block;
    font-size: 1.2em; }
  .msg.is-alert {
    background: #FFF3F3;
    border-color: #F75352; }

.module-trending.block > div {
  width: auto; }
  .module-trending.block > div header + .contain-relative {
    margin-right: -40px;
    margin-left: 20px;
    -webkit-transform: rotateY(0deg); }

.module-trending.block .heading-main-section {
  padding-top: 0px; }

.module-trending.block .module-article {
  padding: 20px 0 20px 30px; }
  .module-trending.block .module-article.three-of-five {
    padding-left: 0;
    padding-right: 0; }
    .module-trending.block .module-article.three-of-five .gutter-sides {
      padding-right: 0; }

.module-trending.block .three-of-five .three-of-five {
  width: 61.6%; }

.module-trending.block .three-of-five .two-of-five {
  width: 38.4%; }

.module-trending.block .two-of-five .one-of-two:nth-child(2n+1) {
  margin-left: -10px;
  margin-right: 10px; }

.module-trending.block .tab-content {
  display: block; }
  .module-trending.block .tab-content[hidden] {
    display: none; }
  .module-trending.block .tab-content.animating {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000; }

.module-tile {
  font-size: 0; }
  .module-tile a {
    font-size: 16px;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto; }
  .module-tile img {
    display: block; }
  .module-tile .info {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 10px 25px;
    font: .75em/1.3 "BrownStd-light", sans-serif;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -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; }
  .module-tile a:hover .info {
    background: rgba(0, 0, 0, 0.8);
    color: #FFF; }

.breadcrumb {
  font-size: 12px;
  color: #999999; }
  .breadcrumb a {
    font-family: "BrownStd", sans-serif;
    text-decoration: none;
    text-transform: uppercase; }
  .breadcrumb ul {
    list-style: none;
    display: inline; }
    .breadcrumb ul li {
      display: inline; }

.comments {
  padding-bottom: 24px;
  margin: 0 0 0 20px; }

.comments-single {
  border-bottom: 1px solid #EBEBEC;
  padding-top: 35px;
  padding-bottom: 20px; }
  .comments-single p {
    margin: 0; }

.comments-hover {
  height: 50px;
  background: transparent;
  background: #FFF;
  opacity: .5;
  width: 100%;
  position: absolute;
  top: 70px;
  left: 0; }

.comments-controls {
  clear: both;
  margin-top: 0px;
  border-top: 1px solid #EBEBEC;
  text-align: center; }

.comments-content {
  position: relative;
  padding-top: 30px;
  overflow: hidden; }
  .comments-content.is-collapsed {
    position: relative;
    height: 10px;
    overflow: hidden; }
  .comments-content a {
    color: #4FE5D9; }

#comments-toggle {
  margin: 0;
  min-width: 100px;
  padding: 11px 9px 11px 13px; }
  #comments-toggle .icon-bubble, #comments-toggle .comment-bubble {
    font-size: 13px;
    position: relative;
    top: 3px;
    right: 2px;
    margin-right: 8px; }

#disqus_thread nav#global-nav {
  display: none; }

.world-of-r29 {
  margin-bottom: 15px !important;
  *zoom: 1; }
  .world-of-r29:before, .world-of-r29:after {
    content: " ";
    display: table; }
  .world-of-r29:after {
    clear: both; }
  .world-of-r29 .module-article {
    text-align: center;
    border-right: 1px solid #EBEBEC;
    min-height: 523px; }
    .world-of-r29 .module-article:last-child {
      border-right: 0; }
    .world-of-r29 .module-article h1, .world-of-r29 .module-article .h1 {
      padding: 5px 0 10px;
      font-family: "BrownStd-thin", sans-serif; }
    .world-of-r29 .module-article h2 {
      font-size: 21px;
      padding: 0 9px;
      line-height: 1.25;
      -webkit-backface-visibility: hidden; }
    .world-of-r29 .module-article h2:hover {
      -webkit-animation: blinkText 0.5s;
      -moz-animation: blinkText 0.5s;
      -ms-animation: blinkText 0.5s;
      -o-animation: blinkText 0.5s;
      animation: blinkText 0.5s; }
    .world-of-r29 .module-article .icon-read-more {
      display: block;
      margin-top: 10px;
      position: relative; }
      .world-of-r29 .module-article .icon-read-more span {
        display: none; }
      .world-of-r29 .module-article .icon-read-more:after {
        font-size: 22px;
        text-align: right; }
    .world-of-r29 .module-article .module-media img {
      -webkit-backface-visibility: hidden; }
    .world-of-r29 .module-article .module-media img:hover {
      -webkit-animation: blink 0.5s;
      -moz-animation: blink 0.5s;
      -ms-animation: blink 0.5s;
      -o-animation: blink 0.5s;
      animation: blink 0.5s; }
    .world-of-r29 .module-article .badge {
      z-index: 900; }

div.series-module {
  margin-bottom: 0px;
  *zoom: 1; }
  div.series-module:before, div.series-module:after {
    content: " ";
    display: table; }
  div.series-module:after {
    clear: both; }
  div.series-module .module-article + .module-article {
    border-left: 1px solid #EBEBEC; }
  div.series-module .module-article.left-side {
    border-left: none; }
  div.series-module .stories-container {
    margin-top: -1px; }
  div.series-module .module-article.one-of-four.col, div.series-module .module-article-full .module-article.one-of-four.pb, .module-article-full div.series-module .module-article.one-of-four.pb {
    border-right: none;
    padding: 20px;
    border-bottom: 1px solid #ebebec;
    height: 528px;
    overflow: hidden; }
    div.series-module .module-article.one-of-four.col h2, div.series-module .module-article-full .module-article.one-of-four.pb h2, .module-article-full div.series-module .module-article.one-of-four.pb h2 {
      text-align: center;
      font-size: 27px;
      margin-bottom: 0; }
    div.series-module .module-article.one-of-four.col .icon-read-more, div.series-module .module-article-full .module-article.one-of-four.pb .icon-read-more, .module-article-full div.series-module .module-article.one-of-four.pb .icon-read-more {
      margin-top: 6px;
      display: block; }

.idiy .byline {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%; }

.idiy .col, .idiy .module-article-full .pb, .module-article-full .idiy .pb {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  vertical-align: top;
  float: none;
  border-right: 1px solid #EBEBEC;
  min-height: 500px; }
  .idiy .col:last-child, .idiy .module-article-full .pb:last-child, .module-article-full .idiy .pb:last-child {
    border: 0; }

/* Email Overlay */
#email_overlay_hopup {
  display: none; }

#email_loyal_overlay_hopup {
  display: none; }

#facebook_overlay_hopup {
  display: none; }

.email_overlay_hopup .content .inner {
  padding: 0;
  background: none;
  box-shadow: none; }

.modal.email_overlay_hopup .hopupBg {
  background: url(../images/email-overlay/HopupBg.jpg) no-repeat 0 0;
  width: 823px;
  height: 507px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif; }
  .modal.email_overlay_hopup .hopupBg .facebook {
    width: 387px;
    height: 52px;
    background: url(../images/email-overlay/facebook_bg_signup.png) no-repeat 0 0;
    position: absolute;
    top: 370px;
    left: 220px; }
    .modal.email_overlay_hopup .hopupBg .facebook .center {
      margin-top: 15px;
      margin-left: 220px; }
  .modal.email_overlay_hopup .hopupBg .errormessage {
    display: none;
    background: url(../images/email-overlay/ErrorBg.png) no-repeat 0 0;
    color: #fff;
    width: 234px;
    height: 50px;
    position: relative;
    top: 249px;
    left: 253px;
    z-index: 100; }
    .modal.email_overlay_hopup .hopupBg .errormessage p {
      padding: 8px 0px 0px 12px; }
  .modal.email_overlay_hopup .hopupBg input {
    width: 248px;
    top: 288px;
    left: 252px;
    height: 18px;
    position: absolute;
    padding: 28px 3px 28px 60px;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    box-sizing: content-box;
    font: 16px/22px "TiemposText";
    color: #f86362;
    text-align: left;
    outline-style: none;
    -moz-box-sizing: content-box;
    -webkit-box-shadow: inset 3px 0 5px rgba(194, 194, 194, 0.8), inset 0 3px 5px rgba(194, 194, 194, 0.8);
    -moz-box-shadow: inset 3px 0 5px rgba(194, 194, 194, 0.8), inset 0 3px 5px rgba(194, 194, 194, 0.8);
    -ms-box-shadow: inset 3px 0 5px rgba(194, 194, 194, 0.8), inset 0 3px 5px rgba(194, 194, 194, 0.8);
    -o-box-shadow: inset 3px 0 5px rgba(194, 194, 194, 0.8), inset 0 3px 5px rgba(194, 194, 194, 0.8);
    box-shadow: inset 3px 0 5px rgba(194, 194, 194, 0.8), inset 0 3px 5px rgba(194, 194, 194, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .modal.email_overlay_hopup .hopupBg .SubLine {
    width: 90%;
    height: 1px;
    position: absolute;
    left: 5%;
    top: 90px;
    background: -webkit-linear-gradient(left, #efda74 5%, #e1ce6e 8%, #d9bf4f 95%, #efda74 100%);
    background: -moz-linear-gradient(left, #efda74 5%, #e1ce6e 8%, #d9bf4f 95%, #efda74 100%);
    background: -ms-linear-gradient(left, #efda74 5%, #e1ce6e 8%, #d9bf4f 95%, #efda74 100%);
    background: -o-linear-gradient(left, #efda74 5%, #e1ce6e 8%, #d9bf4f 95%, #efda74 100%);
    background: linear-gradient(left, #efda74 5%, #e1ce6e 8%, #d9bf4f 95%, #efda74 100%...); }
  .modal.email_overlay_hopup .hopupBg hgroup {
    width: 418px;
    height: 123px;
    position: absolute;
    top: 112px;
    left: 200px;
    text-align: center; }
    .modal.email_overlay_hopup .hopupBg hgroup h2 {
      font: 36px/40px "BrownStd-light";
      text-transform: uppercase; }
    .modal.email_overlay_hopup .hopupBg hgroup h3 {
      font: 18px/60px "TiemposText"; }
  .modal.email_overlay_hopup .hopupBg .mailicon {
    width: 26px;
    height: 18px;
    background: url(../images/email-overlay/Buttons.png) no-repeat;
    background-position: 0 -29px;
    position: absolute;
    top: 315px;
    left: 280px; }
  .modal.email_overlay_hopup .hopupBg .searchBtn {
    width: 124px;
    height: 48px;
    position: absolute;
    bottom: 30px;
    left: 348px;
    cursor: pointer;
    background: #f75352;
    font: 18px/48px "BrownStd";
    color: #fff;
    text-align: center;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px; }
  .modal.email_overlay_hopup .hopupBg .closeBtn {
    background: url(../images/email-overlay/Buttons.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 36px;
    right: 33px;
    cursor: pointer; }
  .modal.email_overlay_hopup .hopupBg .success {
    display: none;
    width: 418px;
    height: 123px;
    position: absolute;
    top: 235px;
    left: 200px;
    text-align: center; }
    .modal.email_overlay_hopup .hopupBg .success h2 {
      letter-spacing: 1px;
      font: 60px/70px "BrownStd-light";
      text-transform: uppercase; }
    .modal.email_overlay_hopup .hopupBg .success h3 {
      font: 18px/18px "TiemposText"; }

.modal.aggressive_email_overlay_hopup .hopupBg {
  background: url(../images/email-overlay/aggr_email_overlay_bg.jpg) no-repeat 0 0;
  width: 823px;
  height: 507px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff; }
  .modal.aggressive_email_overlay_hopup .hopupBg .errormessage {
    display: none;
    background: url(../images/email-overlay/ErrorBgWhite.png) no-repeat 0 0;
    color: #000;
    width: 344px;
    height: 37px;
    position: relative;
    top: 260px;
    left: 206px;
    z-index: 100; }
    .modal.aggressive_email_overlay_hopup .hopupBg .errormessage p {
      padding: 0px 0px 0px 14px;
      letter-spacing: 0.2em;
      font-size: 1em; }
  .modal.aggressive_email_overlay_hopup .hopupBg input {
    width: 306px;
    top: 270px;
    left: 206px;
    height: 18px;
    position: absolute;
    padding: 28px 3px 8px 35px;
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #fff;
    box-sizing: content-box;
    font: 18px/18px "BrownStd";
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFF;
    text-align: left;
    outline-style: none;
    -moz-box-sizing: content-box;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent; }
  .modal.aggressive_email_overlay_hopup .hopupBg hgroup {
    width: 620px;
    height: 123px;
    position: absolute;
    top: 145px;
    left: 64px;
    text-align: center; }
    .modal.aggressive_email_overlay_hopup .hopupBg hgroup h2 {
      font: 35px/36px "BrownStd-light";
      text-transform: uppercase;
      letter-spacing: 0.1em; }
    .modal.aggressive_email_overlay_hopup .hopupBg hgroup h3 {
      font: 26px/60px "BrownStd-light";
      letter-spacing: 0.1em; }
  .modal.aggressive_email_overlay_hopup .hopupBg .mailicon {
    width: 26px;
    height: 18px;
    background: url(../images/email-overlay/WhiteButtons.png) no-repeat;
    background-position: 0 -29px;
    position: absolute;
    top: 298px;
    left: 206px; }
  .modal.aggressive_email_overlay_hopup .hopupBg .searchBtn {
    width: 120px;
    height: 40px;
    position: absolute;
    bottom: 110px;
    left: 310px;
    cursor: pointer;
    background: #f75352;
    font: 14px/40px "BrownStd";
    color: #fff;
    text-align: center;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px; }
  .modal.aggressive_email_overlay_hopup .hopupBg .closeBtn {
    background: url(../images/email-overlay/WhiteButtons.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 30px;
    right: 110px;
    cursor: pointer; }
  .modal.aggressive_email_overlay_hopup .hopupBg .success {
    display: none;
    width: 418px;
    height: 123px;
    position: absolute;
    top: 190px;
    left: 162px;
    text-align: center; }
    .modal.aggressive_email_overlay_hopup .hopupBg .success h2 {
      letter-spacing: 1px;
      font: 60px/70px "BrownStd-light";
      text-transform: uppercase; }
    .modal.aggressive_email_overlay_hopup .hopupBg .success h3 {
      font: 18px/18px "TiemposText";
      letter-spacing: 0.2em; }

.modal.email_loyal_overlay_hopup .hopupBg {
  background: url(../images/email-overlay/email_loyal_bg.jpg) no-repeat 0 0;
  width: 740px;
  height: 450px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif; }
  .modal.email_loyal_overlay_hopup .hopupBg .errormessage {
    display: none;
    background: url(../images/email-overlay/ErrorBgYellow.png) no-repeat 0 0;
    color: #fff;
    width: 237px;
    height: 37px;
    position: relative;
    top: 287px;
    left: 345px;
    z-index: 1; }
    .modal.email_loyal_overlay_hopup .hopupBg .errormessage p {
      padding: 8px 0px 0px 12px; }
  .modal.email_loyal_overlay_hopup .hopupBg input {
    width: 220px;
    top: 315px;
    left: 344px;
    height: 25px;
    position: absolute;
    background: #fff;
    padding-left: 35px;
    box-sizing: content-box;
    font: 16px/22px "TiemposText";
    color: #d7d7d7;
    text-align: left;
    outline-style: none;
    -moz-box-sizing: content-box; }
  .modal.email_loyal_overlay_hopup .hopupBg hgroup {
    width: 450px;
    height: 123px;
    position: absolute;
    top: 112px;
    left: 250px;
    text-align: center; }
    .modal.email_loyal_overlay_hopup .hopupBg hgroup h2 {
      font: 32px/40px "BrownStd";
      text-transform: uppercase;
      color: #ffffff;
      letter-spacing: 5px; }
    .modal.email_loyal_overlay_hopup .hopupBg hgroup h3 {
      font: 18px/19px "BrownStd";
      color: #ffffff;
      letter-spacing: 3px; }
  .modal.email_loyal_overlay_hopup .hopupBg .mailicon {
    width: 18px;
    height: 12px;
    background: url(../images/email-overlay/ButtonsGray.png) no-repeat;
    background-position: 0 -16px;
    position: absolute;
    top: 328px;
    left: 355px; }
  .modal.email_loyal_overlay_hopup .hopupBg .searchBtn {
    width: 124px;
    height: 40px;
    position: absolute;
    bottom: 40px;
    left: 418px;
    cursor: pointer;
    background: #000000;
    font: 16px/40px "BrownStd";
    color: #fff;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px; }
  .modal.email_loyal_overlay_hopup .hopupBg .closeBtn {
    background: url(../images/email-overlay/ButtonsGray.png) no-repeat;
    width: 19px;
    height: 16px;
    position: absolute;
    top: 33px;
    right: 30px;
    cursor: pointer; }
  .modal.email_loyal_overlay_hopup .hopupBg .success {
    display: none;
    width: 480px;
    height: 123px;
    position: absolute;
    top: 183px;
    left: 240px;
    text-align: center; }
    .modal.email_loyal_overlay_hopup .hopupBg .success h2 {
      font: 65px/70px "BrownStd";
      text-transform: uppercase;
      color: #ffffff;
      letter-spacing: 12px; }
    .modal.email_loyal_overlay_hopup .hopupBg .success h3 {
      font: 18px/20px "BrownStd";
      letter-spacing: 3px;
      color: #ffffff;
      font-weight: bold; }

.modal .facebookHopupBg {
  background: url(../images/email-overlay/fb-hopupBg.jpg) no-repeat 0 0;
  width: 823px;
  height: 507px;
  position: relative; }
  .modal .facebookHopupBg .closeBtn {
    background: url(../images/email-overlay/closeBtn.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 40px;
    right: 38px;
    cursor: pointer; }
  .modal .facebookHopupBg .textContent {
    width: 505px;
    font-family: "Times New Roman", serif;
    font-size: 20px;
    line-height: 22px;
    color: #000;
    text-align: left;
    position: absolute;
    bottom: 190px;
    left: 96px; }
  .modal .facebookHopupBg .fashionTextContent {
    width: 505px;
    font-family: "Times New Roman", serif;
    font-size: 21px;
    line-height: 22px;
    color: #fff;
    text-align: left;
    position: absolute;
    bottom: 190px;
    left: 140px; }
  .modal .facebookHopupBg .beautyTextContent {
    width: 505px;
    font-family: "Times New Roman", serif;
    font-size: 21px;
    line-height: 22px;
    color: #fff;
    text-align: left;
    position: absolute;
    bottom: 190px;
    left: 140px; }
  .modal .facebookHopupBg .fblike {
    left: 640px;
    top: 296px;
    position: absolute;
    height: 20px;
    width: 150px;
    overflow: hidden; }

.modal .beautyFacebookHopupBg {
  background: url(../images/email-overlay/beautyHopupBg.jpg) no-repeat 0 0;
  width: 823px;
  height: 507px;
  position: relative; }
  .modal .beautyFacebookHopupBg .fblike {
    left: 680px; }

.modal .fashionFacebookHopupBg {
  background: url(../images/email-overlay/fashionHopupBg.jpg) no-repeat 0 0;
  width: 823px;
  height: 507px;
  position: relative; }
  .modal .fashionFacebookHopupBg .fblike {
    left: 680px; }

.featured-stories {
  margin-bottom: 0px;
  *zoom: 1; }
  .featured-stories:before, .featured-stories:after {
    content: " ";
    display: table; }
  .featured-stories:after {
    clear: both; }
  .featured-stories .byline {
    display: block;
    margin-top: -30px;
    margin-bottom: 0px; }
    .featured-stories .byline ul {
      padding-left: 0;
      margin: 0 auto;
      display: block;
      height: auto; }
    .featured-stories .byline li {
      display: inline-block;
      text-align: center;
      width: 100%;
      float: none; }
      .featured-stories .byline li.date {
        background: none;
        position: absolute;
        top: 53px; }
        .featured-stories .byline li.date span {
          background: #ddd; }
    .featured-stories .byline .author-image {
      position: relative;
      margin-bottom: 5px;
      float: none; }
      .featured-stories .byline .author-image img {
        margin: auto;
        border: 2px solid #FFF; }
    .featured-stories .byline .author-name {
      margin-top: 17px; }
  .featured-stories .col, .featured-stories .module-article-full .pb, .module-article-full .featured-stories .pb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #EBEBEC;
    min-height: 1008px; }
    .featured-stories .col:last-of-type, .featured-stories .module-article-full .pb:last-of-type, .module-article-full .featured-stories .pb:last-of-type {
      border-right: none; }
    .featured-stories .col .module-article, .featured-stories .module-article-full .pb .module-article, .module-article-full .featured-stories .pb .module-article {
      padding-bottom: 16px;
      height: 504px; }
      .featured-stories .col .module-article:first-child, .featured-stories .module-article-full .pb .module-article:first-child, .module-article-full .featured-stories .pb .module-article:first-child {
        border-bottom: 1px solid #EBEBEC; }
      .featured-stories .col .module-article.feature, .featured-stories .module-article-full .pb .module-article.feature, .module-article-full .featured-stories .pb .module-article.feature {
        border: 0; }
        .featured-stories .col .module-article.feature h2, .featured-stories .module-article-full .pb .module-article.feature h2, .module-article-full .featured-stories .pb .module-article.feature h2 {
          font-size: 34px;
          line-height: 36px;
          margin-bottom: 22px; }
        .featured-stories .col .module-article.feature p, .featured-stories .module-article-full .pb .module-article.feature p, .module-article-full .featured-stories .pb .module-article.feature p {
          color: #555; }
        .featured-stories .col .module-article.feature .byline, .featured-stories .module-article-full .pb .module-article.feature .byline, .module-article-full .featured-stories .pb .module-article.feature .byline {
          top: -20px;
          margin-top: 0;
          margin-bottom: -10px; }
        .featured-stories .col .module-article.feature .icon-read-more, .featured-stories .module-article-full .pb .module-article.feature .icon-read-more, .module-article-full .featured-stories .pb .module-article.feature .icon-read-more {
          text-indent: 0;
          display: inline-block;
          vertical-align: baseline;
          zoom: 1;
          *display: inline;
          *vertical-align: auto;
          font-size: 11px;
          margin: 0; }
          .featured-stories .col .module-article.feature .icon-read-more:after, .featured-stories .module-article-full .pb .module-article.feature .icon-read-more:after, .module-article-full .featured-stories .pb .module-article.feature .icon-read-more:after {
            margin: 0;
            text-align: left; }
      .featured-stories .col .module-article .feature-content, .featured-stories .module-article-full .pb .module-article .feature-content, .module-article-full .featured-stories .pb .module-article .feature-content {
        padding: 0 15px;
        background: #FFF;
        margin-top: -85px;
        position: relative;
        margin: -85px 40px 0 40px; }
      .featured-stories .col .module-article .module-media img, .featured-stories .module-article-full .pb .module-article .module-media img, .module-article-full .featured-stories .pb .module-article .module-media img {
        -webkit-backface-visibility: hidden; }
      .featured-stories .col .module-article .module-media img:hover, .featured-stories .module-article-full .pb .module-article .module-media img:hover, .module-article-full .featured-stories .pb .module-article .module-media img:hover {
        -webkit-animation: blink 0.5s;
        -moz-animation: blink 0.5s;
        -ms-animation: blink 0.5s;
        -o-animation: blink 0.5s;
        animation: blink 0.5s; }
      .featured-stories .col .module-article .badge, .featured-stories .module-article-full .pb .module-article .badge, .module-article-full .featured-stories .pb .module-article .badge {
        z-index: 900; }
    .featured-stories .col h2, .featured-stories .module-article-full .pb h2, .module-article-full .featured-stories .pb h2 {
      font-size: 23px;
      font-family: "BrownStd-light", sans-serif;
      text-transform: uppercase;
      padding: 0;
      line-height: 1.15;
      -webkit-backface-visibility: hidden; }
      .featured-stories .col h2 em, .featured-stories .module-article-full .pb h2 em, .module-article-full .featured-stories .pb h2 em {
        font-family: "BrownStd-light", sans-serif;
        font-style: italic; }
    .featured-stories .col h2:hover, .featured-stories .module-article-full .pb h2:hover, .module-article-full .featured-stories .pb h2:hover {
      -webkit-animation: blinkText 0.5s;
      -moz-animation: blinkText 0.5s;
      -ms-animation: blinkText 0.5s;
      -o-animation: blinkText 0.5s;
      animation: blinkText 0.5s; }
    .featured-stories .col .icon-read-more, .featured-stories .module-article-full .pb .icon-read-more, .module-article-full .featured-stories .pb .icon-read-more {
      display: block;
      margin-top: 10px;
      position: relative; }
      .featured-stories .col .icon-read-more span, .featured-stories .module-article-full .pb .icon-read-more span, .module-article-full .featured-stories .pb .icon-read-more span {
        display: none; }
      .featured-stories .col .icon-read-more:before, .featured-stories .module-article-full .pb .icon-read-more:before, .module-article-full .featured-stories .pb .icon-read-more:before {
        font-size: 22px;
        text-align: right; }
  .featured-stories .more-content-container .col, .featured-stories .more-content-container .module-article-full .pb, .module-article-full .featured-stories .more-content-container .pb {
    min-height: 100px; }
    .featured-stories .more-content-container .col .module-article:first-child, .featured-stories .more-content-container .module-article-full .pb .module-article:first-child, .module-article-full .featured-stories .more-content-container .pb .module-article:first-child {
      border-top: 1px solid #EBEBEC;
      border-bottom: none; }

.video-player {
  position: relative; }
  .video-player.lazy object, .video-player.lazy iframe {
    position: absolute; }
  .video-player.lazy.engaged iframe {
    display: block;
    visibility: hidden; }
  .video-player.lazy.engaged.ready iframe {
    visibility: visible; }
  .video-player.lazy.engaged.ready .video-preview-container {
    opacity: 0;
    visibility: hidden; }
  .video-player.initialized.ready object, .video-player.initialized.ready iframe {
    position: absolute;
    top: 0;
    left: 0; }
  .video-player .video-preview-container {
    overflow: hidden;
    width: 720px;
    height: 389px;
    opacity: 1;
    -webkit-transition: opacity ease 700ms;
    -moz-transition: opacity ease 700ms;
    -ms-transition: opacity ease 700ms;
    -o-transition: opacity ease 700ms;
    transition: opacity ease 700ms; }
    .video-player .video-preview-container img {
      position: absolute;
      cursor: pointer; }
    .video-player .video-preview-container .preview-playhead-large {
      float: left;
      z-index: 400;
      margin: 123px 0 0 290px;
      opacity: .7;
      -webkit-transition: opacity ease 700ms;
      -moz-transition: opacity ease 700ms;
      -ms-transition: opacity ease 700ms;
      -o-transition: opacity ease 700ms;
      transition: opacity ease 700ms; }
    .video-player .video-preview-container img.isHovered {
      opacity: 1; }

.video-embed {
  margin: 0 auto 10px;
  overflow: hidden;
  position: relative;
  z-index: 100;
  width: 640px;
  height: 400px; }
  .video-embed .skip-ad {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.5s, right 0.5s;
    -moz-transition: opacity 0.5s, right 0.5s;
    transition: opacity 0.5s, right 0.5s;
    bottom: 53px;
    right: -150px;
    width: 136px;
    height: 34px;
    overflow: hidden;
    background: url(images/video/skip-ad.png) top no-repeat;
    text-indent: -200px;
    color: #000; }
    .video-embed .skip-ad:hover {
      background-position: bottom; }
  .video-embed.skippable .skip-ad {
    opacity: 1;
    right: 0; }

.contain .module-comment a.talking span {
  color: #000; }

.contain .module-comment .badge {
  margin: 65px 120px; }

.contain .module-comment:hover .badge {
  background: rgba(153, 153, 153, 0.85) none repeat 0 0; }

.contain .module-comment .module-speech {
  font-size: 10px;
  color: #000; }
  .contain .module-comment .module-speech .icon, .contain .module-comment .module-speech .comment-bubble, .contain .module-comment .module-speech .price-tag, .contain .module-comment .module-speech .email-signup-overlay-icon-mail, .contain .module-comment .module-speech .pinterest-overlay-logo, .contain .module-comment .module-speech .product-save-star {
    margin-left: 3px; }
  .contain .module-comment .module-speech .icon-comment-old:after {
    content: "\43";
    font-family: 'refinery29';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    display: inline-block;
    vertical-align: -3px;
    color: #f75352; }

.contain .module-adBox {
  float: right;
  height: 640px; }

.contain .mod-article-bg {
  background: url(../images/border-bg2.png) no-repeat right 0; }

.contain .module-txtCenter {
  text-align: center;
  width: 340px;
  min-height: 390px; }

.contain .mButtom ul {
  margin: 0;
  padding: 0; }
  .contain .mButtom ul li {
    list-style: none;
    position: relative;
    display: inline-block; }
    .contain .mButtom ul li a {
      color: #000;
      display: block;
      width: 100px;
      height: 51px;
      line-height: 51px;
      font-family: "BrownStd", sans-serif; }

.contain .mButtom .previous a {
  background: url(../images/layout/pre.png) no-repeat;
  padding-left: 55px; }

.contain .mButtom .next {
  float: right; }
  .contain .mButtom .next a {
    background: url(../images/layout/next.png) no-repeat 38px 0; }

.contain aside .ad {
  padding: 20px; }

.contain .video-show-more-container {
  min-width: 120px;
  margin: 0 auto;
  line-height: 9px;
  display: block;
  text-align: center;
  padding: 0;
  overflow: hidden;
  clear: both; }

.cf {
  *zoom: 1; }
  .cf:after {
    clear: both; }
  .cf:before, .cf:after {
    content: " ";
    display: table; }

.clearflow, #video .slideshow-index:after,
#video:after, #video .slideshow-category:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0; }

.pos-a, #video .slideshow-index .prev, #video .slideshow-index .next, #video .slideshow-index div.title div, #video .slideshow-index .prev span, #video .slideshow-index .next span, #video .slideshow-index aside {
  position: absolute; }

.pos-r, #container .inner-video, #video, #video .slideshow-index, #video .slideshow-index div.title, #video .slideshow-index .slide, #video .slideshow-index .slides-inner, #video .slideshow-index .meta {
  position: relative; }

#container .inner-video {
  width: 980px;
  margin: 30px auto 0; }

#video {
  padding-bottom: 10px;
  margin-bottom: 20px; }
  #video a:hover {
    text-decoration: none; }
  #video .slideshow-index {
    background: #000;
    padding: 20px 0; }
    #video .slideshow-index .prev, #video .slideshow-index .next {
      display: block;
      font-size: 0;
      line-height: 0;
      overflow: hidden;
      width: 120px;
      height: 400px;
      color: #000;
      background: rgba(47, 53, 53, 0.4);
      cursor: pointer; }
    #video .slideshow-index div.title {
      background-color: rgba(0, 0, 0, 0.8);
      margin: 0;
      width: 700px;
      padding: 20px; }
      #video .slideshow-index div.title div {
        height: 50px;
        width: 50px;
        top: 50%;
        margin-top: -26px;
        background: url(../images/video/videoplay.png) no-repeat; }
    #video .slideshow-index .slide {
      width: 740px;
      margin: 0 10px;
      float: left; }
      #video .slideshow-index .slide:hover .meta {
        display: block; }
    #video .slideshow-index .category-special {
      padding-right: 1em;
      font-size: 123.07693%; }
    #video .slideshow-index .talking {
      color: #000; }
    #video .slideshow-index .slides {
      overflow: hidden;
      float: left;
      width: 760px;
      padding: 0 110px; }
    #video .slideshow-index .slides-inner {
      width: 3800px; }
    #video .slideshow-index .prev {
      left: 0; }
      #video .slideshow-index .prev span {
        right: 0;
        width: 51px;
        height: 51px;
        display: block;
        top: 40%;
        background: url(../images/video/slidePre.png) no-repeat; }
    #video .slideshow-index .next {
      right: 0; }
      #video .slideshow-index .next span {
        width: 51px;
        height: 51px;
        display: block;
        top: 40%;
        background: url(../images/video/slideNext.png) no-repeat; }
    #video .slideshow-index h2 {
      width: 635px;
      color: white;
      padding-left: 65px;
      margin: 0; }
      #video .slideshow-index h2:hover {
        color: #1875bd; }
    #video .slideshow-index .talking-about {
      float: right;
      padding-top: 5px; }
    #video .slideshow-index aside {
      bottom: 0; }
      #video .slideshow-index aside span {
        padding-top: 4px;
        color: black;
        display: inline-block; }
      #video .slideshow-index aside .category-special {
        color: black;
        float: left; }
    #video .slideshow-index .meta {
      display: none;
      padding: 8px 20px;
      background-color: rgba(0, 0, 0, 0.8);
      width: 700px; }
  #video .talking-about a {
    text-transform: uppercase;
    font-size: 92%;
    letter-spacing: .09em;
    color: black;
    font-weight: normal; }
  #video .slideshow-category {
    background: #000;
    padding: 20px 0; }
    #video .slideshow-category h2 {
      color: #000;
      font-size: 169.23077%;
      line-height: 1.3em;
      margin: 5px 0; }
    #video .slideshow-category article {
      float: left;
      width: 375px;
      margin-top: 10px; }
      #video .slideshow-category article:first-child {
        margin: 10px 50px 30px 100px; }
      #video .slideshow-category article .categoryImg {
        position: relative; }
        #video .slideshow-category article .categoryImg .catePlayIcon {
          background: url(../images/video/video-preview-playhead-small.png) no-repeat;
          cursor: pointer;
          position: absolute;
          height: 70px;
          width: 70px;
          left: 41%;
          top: 38%; }

/*
  Override Ooyala's default video settings.
  Using !important isn't great practice but it's the only way to affect Ooyala.
*/
#playerContainer > div {
  z-index: 1700 !important; }

/* Month of Series */
.series {
  /* THUMBNAIL-GRID TEMPLATE */
  /* TWITTER INFLUENCERS TEMPLATE */ }
  .series .share-buttons span {
    display: none; }
  .series .article-body-image-full {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 860px;
    max-width: 860px;
    margin-left: -70px;
    left: 0; }
  .series .article-body-image-container img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 860px;
    height: 100%;
    max-width: 860px;
    margin-left: -70px;
    left: 0; }
  .series .article-body-image-container .article-body-image-buttons {
    z-index: 100; }
  .series .article-body-image-center {
    margin-left: -100px; }
  .series .article-body-image-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 860px;
    max-width: 860px;
    margin-left: -70px;
    left: 0; }
  .series .article-container {
    width: 740px;
    border: none; }
  .series .article-body-text {
    margin: 0;
    width: 740px; }
  .series .article-body-shoppable-landscape {
    margin: 0px auto 50px -100px; }
  .series .body-content {
    margin: 0; }
  .series #series-content {
    width: 980px; }
  .series .byline {
    border-top: 1px solid #ebebec;
    border-bottom: 1px solid #ebebec;
    padding: 21px 0 21px 10px;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    position: relative;
    z-index: 100;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 87px; }
  .series .month-of .ad-month-of, .series .month-of-ca .ad-month-of {
    height: 790px;
    width: 300px;
    margin-top: 10px;
    float: right;
    background-color: transparent;
    margin-bottom: 10px; }
  .series .month-of .video, .series .month-of-ca .video {
    float: left;
    height: 250px;
    width: 432px;
    margin: 10px 20px 10px 0;
    background-color: #000; }
  .series .month-of .header, .series .month-of-ca .header {
    display: block;
    margin: 30px auto; }
  .series .month-of .intro, .series .month-of-ca .intro {
    width: 206px;
    height: 250px;
    margin: 10px 20px 10px 0;
    float: left; }
    .series .month-of .intro img, .series .month-of-ca .intro img {
      width: 100%; }
  .series .month-of .day, .series .month-of-ca .day {
    width: 206px;
    height: 250px;
    margin: 10px 20px 10px 0;
    float: left;
    position: relative; }
    .series .month-of .day img, .series .month-of-ca .day img {
      width: auto;
      max-width: none; }
  .series .month-of .overlay, .series .month-of-ca .overlay {
    width: 206px;
    height: 250px;
    position: absolute;
    top: 0px;
    left: 0px; }
  .series .month-of #disqus_thread, .series .month-of-ca #disqus_thread {
    display: table;
    width: 900px;
    margin: 40px 0 0 15px; }
  .series .month-of-ca .col1 {
    width: 220px;
    float: left;
    margin-right: 15px; }
  .series .month-of-ca .ad-month-of {
    height: 548px;
    width: 460px;
    float: left;
    margin: 10px 12px 10px -3px; }
  .series .month-of-ca .intro {
    margin: 10px 15px 10px 0px;
    width: 220px;
    height: 264px; }
  .series .month-of-ca .day {
    width: 220px;
    height: 264px;
    margin: 10px 15px 10px 0; }
  .series .month-of-ca .overlay {
    width: 220px;
    height: 264px; }
  .series .center .intro {
    width: 220px;
    height: 264px; }
  .series .thumbnail-grid {
    /* INSTAGRAM WIDGET */
    /* 'SEE TRENDS' BUTTON */
    /* ROLLOVER STATES */
    /* SHARE BUTONS */ }
    .series .thumbnail-grid .header {
      display: block;
      margin: 20px auto 42px; }
    .series .thumbnail-grid .days {
      width: 980px;
      height: 492px; }
    .series .thumbnail-grid .day {
      width: 119px;
      height: 119px;
      margin: 0 4px 4px 0;
      float: left;
      position: relative; }
      .series .thumbnail-grid .day img {
        width: 119px;
        height: 119px; }
    .series .thumbnail-grid .last-element {
      margin: 0 0 4px 0; }
    .series .thumbnail-grid #footer {
      clear: both; }
    .series .thumbnail-grid .module-full {
      width: 980px;
      float: left;
      position: relative; }
      .series .thumbnail-grid .module-full .instagram-header {
        text-align: center; }
        .series .thumbnail-grid .module-full .instagram-header h2 {
          background-color: #fff;
          color: #f75352;
          font-family: 'BrownStdRegular', sans-serif;
          font-size: 18px;
          font-weight: bold;
          float: left;
          width: 100%;
          text-transform: uppercase;
          letter-spacing: 1px;
          border-bottom: 3px solid #000;
          padding-bottom: 20px;
          margin-bottom: 30px; }
        .series .thumbnail-grid .module-full .instagram-header img {
          margin-bottom: 40px; }
    .series .thumbnail-grid .instagram .content {
      width: 100%; }
    .series .thumbnail-grid .instagram .scroll {
      display: inline-block;
      float: left;
      width: 29px;
      height: 29px;
      padding: 68px 0;
      background-repeat: no-repeat;
      background-position: center; }
    .series .thumbnail-grid .instagram .pic-scroll {
      display: inline-block;
      float: left;
      overflow: hidden;
      max-width: 886px;
      max-height: 167px;
      margin: 0px 18px; }
    .series .thumbnail-grid .instagram .pics {
      display: inline-block;
      float: left;
      overflow: auto;
      width: 890px;
      height: 195px;
      max-width: 890px;
      max-height: 195px; }
    .series .thumbnail-grid .instagram .pic-wrap {
      display: inline-block;
      white-space: nowrap;
      padding-right: 35px; }
    .series .thumbnail-grid .instagram .pic {
      display: inline-block;
      width: 165px;
      height: 165px;
      max-height: 165px;
      margin-right: 15px; }
    .series .thumbnail-grid .instagram .scroll .button {
      margin: 0;
      padding: 6px;
      width: 29px;
      height: 29px;
      border: 3px solid #f75352;
      font-size: 11px;
      border-radius: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .series .thumbnail-grid .instagram .scroll .next {
      padding: 6px  7px; }
    .series .thumbnail-grid .instagram .scroll .prev {
      padding: 6px  5px; }
    .series .thumbnail-grid .black-next-button.top-button {
      position: relative; }
      .series .thumbnail-grid .black-next-button.top-button .next {
        position: absolute;
        right: 0;
        top: -72px;
        float: right;
        color: black;
        font-family: "BrownStd-bold", sans-serif;
        font-size: 12px; }
    .series .thumbnail-grid .black-next-button.bottom-button {
      margin: 20px 0;
      width: 100%;
      height: 50px; }
      .series .thumbnail-grid .black-next-button.bottom-button .next {
        float: right;
        color: black;
        font-family: "BrownStd-bold", sans-serif;
        font-size: 12px; }
    .series .thumbnail-grid .black-next-button .button-prev-next-large {
      padding: 0;
      margin-left: 10px;
      height: 50px;
      width: 50px;
      border: 3px solid #000;
      text-align: center;
      line-height: 48px !important;
      overflow: hidden;
      font-size: 20px;
      border-radius: 50%;
      background: #000;
      letter-spacing: -0.1em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .series .thumbnail-grid .black-next-button .button-prev-next-large:hover {
      background: white;
      color: black; }
    .series .thumbnail-grid .rollover-image {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
    .series .thumbnail-grid .rollover-image:hover {
      opacity: 1; }
    .series .thumbnail-grid .share-buttons {
      margin-top: 80px;
      margin-bottom: 20px;
      height: 41px; }
  .series .twitter-influencers .header {
    margin-top: 25px;
    text-align: center; }
    .series .twitter-influencers .header .r29-logo {
      margin-right: 6px; }
    .series .twitter-influencers .header .header-image {
      margin: 10px 0; }
  .series .twitter-influencers .promo {
    margin-bottom: 24px; }
  .series .twitter-influencers .widget {
    width: 300px; }
    .series .twitter-influencers .widget .twitter-header {
      position: relative;
      z-index: 900; }
  .series .twitter-influencers .video-cta {
    position: relative;
    width: 670px;
    margin-left: 10px;
    text-align: center; }
    .series .twitter-influencers .video-cta .video-header {
      margin-bottom: 42px; }
    .series .twitter-influencers .video-cta .terms {
      position: absolute;
      bottom: 10px;
      right: 40px; }
  .series .twitter-influencers .terms {
    font-family: "BrownStd-bold";
    font-size: 10pt;
    line-height: 18pt;
    color: #f90ddb;
    text-decoration: underline; }
  .series .twitter-influencers .entries {
    width: 560px;
    margin: 0 auto; }
    .series .twitter-influencers .entries .entry-pair {
      float: left;
      margin-bottom: 40px; }
      .series .twitter-influencers .entries .entry-pair .entry {
        width: 269px;
        float: left; }
        .series .twitter-influencers .entries .entry-pair .entry.left {
          margin-right: 22px; }
        .series .twitter-influencers .entries .entry-pair .entry .entry-title {
          color: #363380;
          text-align: left;
          margin: 12px 0 0; }
  .series .twitter-influencers .module-full.home-twitter {
    float: left;
    width: 289px;
    border: 3px solid #f90ddb;
    left: 5px;
    top: -35px;
    position: relative;
    z-index: 900; }
    .series .twitter-influencers .module-full.home-twitter .replies-header {
      float: left;
      display: inline-block;
      background-color: #cccccc;
      height: 1px;
      min-height: 1px;
      width: 100%;
      text-align: center; }
      .series .twitter-influencers .module-full.home-twitter .replies-header .scroll-arrow {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        cursor: pointer; }
      .series .twitter-influencers .module-full.home-twitter .replies-header .scroll-up {
        top: -10px;
        right: -5px;
        background-image: url("static/assets/images/widgets/twitter/arrow-up.png"); }
      .series .twitter-influencers .module-full.home-twitter .replies-header .scroll-down {
        top: -10px;
        left: -5px;
        background-image: url("static/assets/images/widgets/twitter/arrow-down.png"); }
    .series .twitter-influencers .module-full.home-twitter .replies-wrap {
      padding-top: 29px; }
    .series .twitter-influencers .module-full.home-twitter .replies {
      float: left;
      display: inline-block;
      max-height: 407px;
      width: 100%;
      overflow: hidden;
      font-family: "BrownStdRegular"; }
      .series .twitter-influencers .module-full.home-twitter .replies .reply {
        display: block;
        float: left;
        margin: 0;
        padding: 15px 0px 12px;
        font-size: 12px;
        line-height: 16px;
        color: #000000; }
      .series .twitter-influencers .module-full.home-twitter .replies .replies-header {
        width: 279px;
        margin: 0 5px;
        background-color: #f2f2f2; }
      .series .twitter-influencers .module-full.home-twitter .replies .profile-picture {
        width: 45px;
        height: 45px;
        display: inline-block;
        float: left;
        margin-left: 3px;
        border-radius: 50em; }
        .series .twitter-influencers .module-full.home-twitter .replies .profile-picture img {
          width: 45px;
          height: 45px;
          border-radius: 50em; }
      .series .twitter-influencers .module-full.home-twitter .replies .message {
        display: inline-block;
        float: left;
        margin-left: 11px;
        width: 218px;
        font-size: 12px;
        line-height: 16px;
        color: #000000; }
        .series .twitter-influencers .module-full.home-twitter .replies .message .user-name {
          float: left;
          color: #f90ddb; }
        .series .twitter-influencers .module-full.home-twitter .replies .message .ago {
          float: right;
          font-size: 11px;
          color: #939598; }
      .series .twitter-influencers .module-full.home-twitter .replies .meta {
        margin-top: 3px; }
        .series .twitter-influencers .module-full.home-twitter .replies .meta .retweet {
          padding: 2px;
          color: #000000;
          font-weight: 400;
          padding-left: 13px;
          background-image: url("../images/widgets/twitter/retweet_icon.png");
          background-repeat: no-repeat;
          background-position: left center; }
  .series .single-page .entry {
    position: relative; }
  .series .single-page .entry-header {
    margin-top: 600px; }
  .series .single-page .entry-header-sections {
    margin-top: 0px; }
  .series .single-page .display_none {
    display: none; }
  .series .single-page .entry .entry-content .asset:first-child {
    position: absolute;
    top: 0; }
  .series .single-page .byline {
    float: left;
    border: none;
    padding: 0;
    width: auto;
    height: auto; }
  .series .single-page #series-content {
    margin-top: 30px;
    width: 1240px;
    max-width: 1240px;
    padding: 0 20px;
    overflow: hidden; }
    .series .single-page #series-content .series-image {
      text-align: center; }
    .series .single-page #series-content .header-content {
      float: left; }
      .series .single-page #series-content .header-content .hero {
        position: relative;
        margin-bottom: 25px; }
        .series .single-page #series-content .header-content .hero .hero-image {
          width: 100%; }
        .series .single-page #series-content .header-content .hero .hero-image-credit {
          float: right;
          font: 11px "BrownStd", sans-serif;
          color: #777;
          text-transform: uppercase;
          max-width: 220px;
          text-align: right;
          word-wrap: break-word; }
        .series .single-page #series-content .header-content .hero .video {
          position: absolute;
          bottom: 20px;
          right: 20px;
          font-family: "BrownStd-bold", sans-serif;
          font-size: 12px;
          color: #000;
          text-transform: uppercase;
          text-align: center; }
          .series .single-page #series-content .header-content .hero .video img {
            width: 115px;
            height: 64px;
            border: 5px solid white; }
      .series .single-page #series-content .header-content .opener {
        position: relative;
        z-index: 900;
        float: left;
        margin-top: -164px;
        margin-left: 50px;
        margin-right: 30px;
        margin-bottom: 30px;
        background-color: white; }
        .series .single-page #series-content .header-content .opener img {
          border: 10px solid white;
          width: 400px;
          height: 600px; }
      .series .single-page #series-content .header-content .headline {
        float: left;
        width: 740px; }
        .series .single-page #series-content .header-content .headline .h1 {
          font-style: "PlayfairDisplay-bold", "Georgia", sans-serif;
          font-size: 32px;
          color: #000;
          line-height: 38px; }
        .series .single-page #series-content .header-content .headline .body {
          font-style: "TiemposText", serif;
          font-size: 15px;
          color: #000;
          line-height: 26px; }
          .series .single-page #series-content .header-content .headline .body a {
            color: #363380;
            text-decoration: underline; }
          .series .single-page #series-content .header-content .headline .body a:hover {
            text-decoration: none; }
      .series .single-page #series-content .header-content .headline-full {
        float: left;
        width: auto;
        padding: 0 60px 35px 60px; }
        .series .single-page #series-content .header-content .headline-full .h1 {
          font-style: "PlayfairDisplay-bold", "Georgia", sans-serif;
          font-size: 32px;
          color: #000;
          line-height: 38px; }
        .series .single-page #series-content .header-content .headline-full .body {
          font-style: "TiemposText", serif;
          font-size: 15px;
          color: #000;
          line-height: 26px; }
          .series .single-page #series-content .header-content .headline-full .body a {
            color: #363380;
            text-decoration: underline; }
          .series .single-page #series-content .header-content .headline-full .body a:hover {
            text-decoration: none; }
    .series .single-page #series-content #main-content {
      width: 740px;
      float: left;
      margin-left: 60px;
      margin-right: 60px; }
      .series .single-page #series-content #main-content .entry-first-asset {
        margin-bottom: 40px; }
      .series .single-page #series-content #main-content .entry-header {
        margin-bottom: 15px;
        float: left;
        width: 800px; }
        .series .single-page #series-content #main-content .entry-header .entry-title {
          font-family: 'PlayfairDisplay-bold', sans-serif;
          overflow: hidden;
          float: left;
          width: 680px; }
          .series .single-page #series-content #main-content .entry-header .entry-title h2 {
            font-family: 'PlayfairDisplay-bold', sans-serif;
            font-size: 32px;
            margin-bottom: 0px;
            padding-top: 10px; }
          .series .single-page #series-content #main-content .entry-header .entry-title span {
            font-size: 21px; }
      .series .single-page #series-content #main-content .entry-content {
        font-family: "TiemposText", serif, serif;
        font-size: 15px;
        line-height: 26px; }
        .series .single-page #series-content #main-content .entry-content .asset {
          margin-bottom: 40px; }
        .series .single-page #series-content #main-content .entry-content a {
          color: #363380;
          text-decoration: underline; }
        .series .single-page #series-content #main-content .entry-content a:hover {
          text-decoration: none; }
        .series .single-page #series-content #main-content .entry-content strong {
          font-family: "TiemposText-bold",sans-serif;
          font-weight: 400;
          letter-spacing: .5px; }
    .series .single-page #series-content .byline-share {
      float: left;
      width: 100%;
      margin-bottom: 12px; }
    .series .single-page #series-content .share {
      float: right;
      padding-top: 15px; }
    .series .single-page #series-content .share-series {
      float: right;
      margin-top: 5px; }
    .series .single-page #series-content .asset img, .series .single-page #series-content .asset span {
      width: 860px;
      max-width: 860px;
      margin-left: -70px; }
    .series .single-page #series-content .asset-credit {
      font-family: BrownStd;
      font-size: 11.5px;
      color: #000000;
      display: block;
      text-align: center;
      text-transform: uppercase;
      padding-top: 3px;
      margin-bottom: 10px;
      letter-spacing: 1px; }
    .series .single-page #series-content .bottom-next-entry {
      color: #000000;
      text-transform: uppercase;
      font-family: 'BrownStd-bold', sans-serif;
      font-size: 18px; }
      .series .single-page #series-content .bottom-next-entry .wrapper {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        position: relative;
        float: left;
        width: 100%;
        margin-top: 80px; }
        .series .single-page #series-content .bottom-next-entry .wrapper .text {
          float: left;
          margin-top: 27px; }
        .series .single-page #series-content .bottom-next-entry .wrapper .title {
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 480px;
          overflow: hidden; }
        .series .single-page #series-content .bottom-next-entry .wrapper .arrow {
          margin-left: 10px;
          margin-top: 25px; }
        .series .single-page #series-content .bottom-next-entry .wrapper .next {
          margin-left: 25px; }
        .series .single-page #series-content .bottom-next-entry .wrapper .image {
          float: left;
          margin: 0 20px;
          max-height: 75px; }
          .series .single-page #series-content .bottom-next-entry .wrapper .image img {
            max-height: 75px; }
    .series .single-page #series-content #sidebar {
      width: 320px;
      position: relative;
      float: right; }
      .series .single-page #series-content #sidebar .sidebar-title {
        font-family: 'BrownStd-bold', sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        margin-left: 20px;
        margin-right: 0px;
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 1px solid #000000; }
      .series .single-page #series-content #sidebar .item {
        float: left;
        max-width: 300px;
        margin: 0 0 20px 20px;
        line-height: 0; }
      .series .single-page #series-content #sidebar #rollover {
        position: absolute;
        background: rgba(250, 21, 227, 0.8);
        color: white;
        font-family: 'BrownStd-bold', sans-serif;
        font-size: 16px;
        vertical-align: middle;
        margin-right: auto;
        text-align: center;
        z-index: 900;
        cursor: pointer;
        text-transform: uppercase;
        opacity: 0.8;
        filter: alpha(opacity=80);
        margin: 0 0 20px 20px; }
        .series .single-page #series-content #sidebar #rollover .inner {
          vertical-align: middle;
          display: table-cell;
          color: white; }
      .series .single-page #series-content #sidebar #active-div {
        position: absolute;
        background: rgba(250, 21, 227, 0.8);
        color: white;
        font-family: 'BrownStd-bold', sans-serif;
        font-size: 16px;
        vertical-align: middle;
        margin-right: auto;
        text-align: center;
        z-index: 900;
        cursor: pointer;
        text-transform: uppercase;
        margin: 0 0 20px 20px;
        opacity: 0.8;
        filter: alpha(opacity=80); }
        .series .single-page #series-content #sidebar #active-div .inner {
          vertical-align: middle;
          display: table-cell;
          color: white; }
      .series .single-page #series-content #sidebar .ad {
        float: left;
        margin: 0 0 20px 20px; }
  .series #series-nav {
    margin: 20px auto;
    text-align: center; }
    .series #series-nav ul {
      margin: 0;
      list-style: none;
      display: inline-block; }
      .series #series-nav ul li {
        float: left;
        margin-left: 20px;
        text-transform: uppercase;
        line-height: normal;
        font-family: "BrownStd-bold", sans-serif;
        font-size: 14px; }
        .series #series-nav ul li.active a {
          font-family: "BrownStd-bold", sans-serif;
          font-size: 14px;
          color: #4B4B4B;
          cursor: pointer; }
          .series #series-nav ul li.active a.selected {
            color: #F90DDB; }
        .series #series-nav ul li.active a:hover {
          color: #F90DDB; }
        .series #series-nav ul li.active a:active {
          color: #F90DDB; }
        .series #series-nav ul li.inactive {
          color: #9A9A9A; }
      .series #series-nav ul li:first-child {
        margin: 0; }

/*end series bracket */
/* Sweepstakes Body Class*/
.sweepstakes {
  /* FULL-WIDTH TEMPLATE (Made by Patty <patty.delgado@refinery29.com> */
  /* OLD TEMPLATE (Made by Susana <susana.delgadillo@refinery29.com>) */
  /* FLEXIBLE TEMPLATE (Made by Susana <susana.delgadillo@refinery29.com>) */
  /* INSTORY TEMPLATE (Made by Susana <susana.delgadillo@refinery29.com>) */
  /* FACEBOOK-SIMPLE TEMPLATE (Made by Susana <susana.delgadillo@refinery29.com>) */
  /* Terms and Conditions Page */ }
  .sweepstakes #container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 70px; }
    .sweepstakes #container .inner {
      position: relative;
      width: 980px;
      margin: 0 auto;
      padding: 1px 0 20px; }
  .sweepstakes #footer {
    border-top: 1px solid #e3e3e3; }
  .sweepstakes .body-content {
    margin: 0px; }
  .sweepstakes li {
    list-style: none; }
  .sweepstakes .pinterest-template .pinterests {
    margin: 0 auto;
    width: 500px;
    padding: 20px 0 20px 0; }
    .sweepstakes .pinterest-template .pinterests .pinterest-link {
      width: 250px;
      float: left; }
    .sweepstakes .pinterest-template .pinterests a {
      font-family: Arial,Helvetica,sans-serif;
      color: #333;
      font-size: 16px;
      font-weight: bold;
      border: none; }
      .sweepstakes .pinterest-template .pinterests a img {
        vertical-align: middle;
        height: 30px;
        width: 30px; }
      .sweepstakes .pinterest-template .pinterests a span {
        display: inline-block;
        vertical-align: middle; }
      .sweepstakes .pinterest-template .pinterests a:hover {
        text-decoration: none; }
  .sweepstakes .pinterest-template .pinterest-field {
    margin: 0 auto;
    width: 550px; }
    .sweepstakes .pinterest-template .pinterest-field dl {
      margin: 0;
      padding: 0;
      line-height: normal;
      font-size: 13px; }
      .sweepstakes .pinterest-template .pinterest-field dl dt {
        font-family: Arial,Helvetica,sans-serif;
        text-transform: uppercase;
        float: left;
        font-weight: bold;
        padding: 8px;
        width: 130px;
        text-align: right;
        clear: both; }
        .sweepstakes .pinterest-template .pinterest-field dl dt label {
          cursor: default;
          font-size: 13px; }
      .sweepstakes .pinterest-template .pinterest-field dl dd {
        margin: 2px 0;
        padding: 5px 0; }
        .sweepstakes .pinterest-template .pinterest-field dl dd input {
          width: 350px;
          border: 1px solid #777;
          height: 12px;
          padding: 4px;
          font: normal 13px 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
          box-sizing: content-box; }
  .sweepstakes .pinterest-template .legal a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: none; }
  .sweepstakes .pinterest-template input.submit {
    font: normal 1.05em 'OpenSansSemiBold'; }
  .sweepstakes .pinterest-template form {
    margin: 0;
    padding: 0;
    font-size: 13px; }
  .sweepstakes .pinterest-template .center {
    display: block;
    margin: 0 auto; }
  .sweepstakes .full-width-template .background-container {
    height: 885px;
    width: 970px; }
  .sweepstakes .full-width-template .text-container {
    height: 885px;
    width: 940px;
    margin-right: 15px;
    margin-left: 15px;
    border: 1px solid #FFFFFF; }
    .sweepstakes .full-width-template .text-container .title {
      width: 100%;
      font-family: 'TrumpGothicEastBold';
      font-size: 82.99px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 10%;
      letter-spacing: 2px; }
    .sweepstakes .full-width-template .text-container .hr {
      width: 56%;
      position: relative;
      left: 23%;
      height: 0.2%; }
    .sweepstakes .full-width-template .text-container .tag {
      width: 100%;
      font-family: "TiemposText", serif;
      font-size: 30px;
      text-align: center;
      font-style: italic;
      margin-top: 0.5%; }
    .sweepstakes .full-width-template .text-container .prize {
      width: 100%;
      font-family: 'ProximaNovaAltRgBold', Helvetica, Arial, sans-serif;
      font-size: 44.99px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 5%; }
    .sweepstakes .full-width-template .text-container .description {
      width: 100%;
      font-family: 'ProximaNovaAltRgBold', Helvetica, Arial, sans-serif;
      font-size: 28px;
      text-align: center; }
    .sweepstakes .full-width-template .text-container .call-to-action {
      width: 100%;
      font-family: 'ProximaNovaAltRgBold', Helvetica, Arial, sans-serif;
      font-size: 20px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 5.5%; }
    .sweepstakes .full-width-template .text-container .enter {
      width: 100%;
      font-family: 'ProximaNovaAltRgBold', Helvetica, Arial, sans-serif;
      font-size: 14px;
      text-align: center;
      margin-top: 4.5%; }
      .sweepstakes .full-width-template .text-container .enter input.email {
        font: 14px "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
        border: 1px solid #c6c6c6;
        color: #888888;
        padding: 0.7%;
        width: 25%;
        margin-left: 2%;
        margin-right: 0;
        font-style: italic;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box; }
    .sweepstakes .full-width-template .text-container .agree {
      width: 39%;
      font-family: "TiemposText", serif;
      font-size: 13px;
      text-align: center;
      font-style: italic;
      color: #555555 !important;
      margin-left: 30%;
      margin-top: 5%; }
      .sweepstakes .full-width-template .text-container .agree label {
        margin-left: 1.5%;
        font-size: 13px;
        font-family: "TiemposText", serif;
        cursor: default; }
    .sweepstakes .full-width-template .text-container input.submit {
      width: 15.5%;
      font: normal 15px OpenSansRegular, Helvetica, Arial, sans-serif;
      text-align: center;
      background: #FA574F;
      cursor: pointer;
      border: 2px solid #FA574F;
      border-radius: 24px;
      color: white;
      padding: 3px 15px;
      text-transform: uppercase;
      margin: .25em;
      display: inline-block;
      height: 3.3%;
      letter-spacing: 2px;
      margin-left: 43%;
      margin-top: 3.5%; }
      .sweepstakes .full-width-template .text-container input.submit:hover {
        background: #FFFFFF;
        color: #FA574F;
        border: 2px solid #FA574F;
        border-radius: 24px; }
    .sweepstakes .full-width-template .text-container .official-rules {
      width: 50%;
      left: 27%;
      position: absolute;
      bottom: 40px; }
      .sweepstakes .full-width-template .text-container .official-rules p {
        text-align: left;
        color: #898989 !important;
        font-size: 12px;
        font-family: 'OpenSansRegular';
        line-height: 1.5em;
        margin: 0; }
        .sweepstakes .full-width-template .text-container .official-rules p a {
          color: #1875bd;
          font-family: OpenSansRegular;
          font-size: 12px;
          font-weight: bold; }
    .sweepstakes .full-width-template .text-container .strike-through {
      width: 50%;
      position: absolute;
      height: 2%;
      margin-top: 10%;
      left: 25%; }
    .sweepstakes .full-width-template .text-container .thanks {
      width: 31%;
      position: absolute;
      text-align: center;
      left: 35%;
      top: 10.5%; }
      .sweepstakes .full-width-template .text-container .thanks p {
        font-family: "TiemposText", serif;
        font-size: 20px;
        font-style: italic;
        line-height: 1.5em;
        margin: 0; }
    .sweepstakes .full-width-template .text-container .party {
      width: 100%;
      font-family: 'TrumpGothicEastBold';
      text-align: center;
      text-transform: uppercase;
      margin-top: 16%;
      letter-spacing: 2px; }
      .sweepstakes .full-width-template .text-container .party p {
        margin: 0px;
        line-height: 1.5em;
        font-size: 55px;
        letter-spacing: .02em; }
    .sweepstakes .full-width-template .text-container .share {
      text-align: center; }
      .sweepstakes .full-width-template .text-container .share p {
        font-family: "TiemposText", serif;
        font-size: 23px;
        font-style: italic;
        line-height: 1.5em;
        margin: 0; }
      .sweepstakes .full-width-template .text-container .share ul {
        display: block;
        margin-top: 5%;
        margin-left: 0;
        margin-bottom: 0;
        font-size: 13px;
        width: 55%;
        left: 25%;
        position: absolute; }
        .sweepstakes .full-width-template .text-container .share ul #facebook p {
          margin: 1% 6%; }
        .sweepstakes .full-width-template .text-container .share ul #twitter p {
          margin: 1% 25%; }
        .sweepstakes .full-width-template .text-container .share ul #pin p {
          margin: 1% 32%; }
        .sweepstakes .full-width-template .text-container .share ul li {
          width: 33%;
          float: left; }
          .sweepstakes .full-width-template .text-container .share ul li a.facebook {
            background: url(images/sweepstakes/icon_facebook.png) 0 0 no-repeat;
            display: block;
            width: 63px;
            height: 63px;
            float: left;
            margin: 1% 25%; }
          .sweepstakes .full-width-template .text-container .share ul li a.twitter {
            background: url(images/sweepstakes/icon_twitter.png) 0 0 no-repeat;
            width: 63px;
            height: 63px;
            display: block;
            float: left;
            margin: 1% 25%; }
          .sweepstakes .full-width-template .text-container .share ul li a.pinterest {
            background: url(images/sweepstakes/icon_pinterest.png) 0 0 no-repeat;
            width: 63px;
            height: 63px;
            display: block;
            float: left;
            margin: 1% 25%; }
          .sweepstakes .full-width-template .text-container .share ul li p {
            font-family: 'ProximaNovaAltRg', Helvetica, Arial, sans-serif;
            font-size: 120%;
            display: block;
            font-style: normal;
            float: left; }
    .sweepstakes .full-width-template .text-container .refer-a-friend {
      font-family: 'ProximaNovaAltRg', Helvetica, Arial, sans-serif;
      position: absolute;
      bottom: 32.5%;
      width: 100%; }
      .sweepstakes .full-width-template .text-container .refer-a-friend p {
        font-size: 130%;
        margin: 0.5% 40%;
        line-height: 1.5em; }
      .sweepstakes .full-width-template .text-container .refer-a-friend #rafform {
        width: 100%; }
        .sweepstakes .full-width-template .text-container .refer-a-friend #rafform textarea.email {
          border: 1px solid #c6c6c6;
          color: #888888;
          font-size: 12px;
          padding: 0.7%;
          width: 25%;
          margin: 0.3% 36.5%;
          float: left;
          font-style: italic;
          text-align: center;
          font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
          box-sizing: content-box; }
        .sweepstakes .full-width-template .text-container .refer-a-friend #rafform input.send {
          width: 17.5%;
          font: 95% 'OpenSansRegular', Helvetica, Arial, sans-serif;
          text-align: center;
          background: #FA574F;
          cursor: pointer;
          border: 2px solid #FA574F;
          border-radius: 24px;
          color: white;
          padding: 3px 15px;
          text-transform: uppercase;
          margin: .25em;
          display: inline-block;
          height: 23%;
          position: absolute;
          letter-spacing: 2px;
          bottom: -40%;
          left: 41%; }
          .sweepstakes .full-width-template .text-container .refer-a-friend #rafform input.send:hover {
            background: #FFFFFF;
            color: #FA574F;
            border: 2px solid #FA574F;
            border-radius: 24px; }
        .sweepstakes .full-width-template .text-container .refer-a-friend #rafform form {
          margin: 0; }
    .sweepstakes .full-width-template .text-container .message {
      background: #E5F2D4;
      border: 2px solid #86C03A;
      text-align: center;
      padding: 1%;
      width: 25%;
      text-transform: uppercase;
      border-radius: 5px;
      left: 36.3%;
      bottom: -87%;
      position: absolute; }
      .sweepstakes .full-width-template .text-container .message h2 {
        font-size: 100%;
        font-family: 'ProximaNovaAltRgRegular', Helvetica, Arial, sans-serif;
        color: #5D8528;
        line-height: 1.5em;
        margin: 0%; }
  .sweepstakes .full-width-template .follow {
    position: absolute;
    right: 2%;
    bottom: 20%;
    width: 25%; }
    .sweepstakes .full-width-template .follow p {
      font-size: 120%; }
    .sweepstakes .full-width-template .follow ul li {
      float: left;
      margin-right: 10%;
      margin-top: 6%; }
  .sweepstakes .full-width-template .browse {
    text-align: left;
    color: #898989 !important;
    font-size: 12px;
    font-family: 'OpenSansRegular';
    font-weight: bold;
    text-decoration: underline;
    position: absolute;
    bottom: 14.5%;
    left: 42%; }
  .sweepstakes .old-template, .sweepstakes .flexible-template, .sweepstakes .pinterest-template {
    position: relative;
    width: 980px;
    border-top: 60px solid black;
    font-family: Arial,Helvetica,sans-serif;
    margin-top: -1px;
    position: relative; }
    .sweepstakes .old-template .r29-logo, .sweepstakes .flexible-template .r29-logo, .sweepstakes .pinterest-template .r29-logo {
      display: block;
      position: absolute;
      top: -50px;
      left: 5px;
      background: url("images/sweepstakes/R29_spelled_MARK_White.png") 0 0 no-repeat;
      width: 240px;
      height: 60px; }
    .sweepstakes .old-template .brand-logo, .sweepstakes .flexible-template .brand-logo, .sweepstakes .pinterest-template .brand-logo {
      display: block;
      height: 60px;
      left: 256px;
      position: absolute;
      top: -60px;
      width: 740px; }
    .sweepstakes .old-template .enter-text, .sweepstakes .flexible-template .enter-text, .sweepstakes .pinterest-template .enter-text {
      font-size: 15px;
      font-weight: bold;
      margin: 20px 0;
      text-align: center;
      text-transform: uppercase;
      width: 100%; }
    .sweepstakes .old-template .agree, .sweepstakes .flexible-template .agree, .sweepstakes .pinterest-template .agree {
      width: 100%;
      margin-bottom: 20px;
      text-align: center; }
      .sweepstakes .old-template .agree label, .sweepstakes .flexible-template .agree label, .sweepstakes .pinterest-template .agree label {
        font-size: 13px;
        font-family: Arial,Helvetica,sans-serif;
        cursor: default; }
    .sweepstakes .old-template .form-input, .sweepstakes .flexible-template .form-input, .sweepstakes .pinterest-template .form-input {
      border: 1px solid #777;
      color: #888;
      font-size: 12px; }
    .sweepstakes .old-template .enter, .sweepstakes .flexible-template .enter, .sweepstakes .pinterest-template .enter {
      width: 635px;
      margin: 20px auto; }
    .sweepstakes .old-template .email, .sweepstakes .flexible-template .email, .sweepstakes .pinterest-template .email {
      border: 1px solid #777;
      height: 12px;
      width: 457px;
      padding: 4px;
      font: 12px "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      margin: 0; }
    .sweepstakes .old-template .stacked-form-elements, .sweepstakes .flexible-template .stacked-form-elements, .sweepstakes .pinterest-template .stacked-form-elements {
      margin: 20px 0; }
      .sweepstakes .old-template .stacked-form-elements .form-element, .sweepstakes .flexible-template .stacked-form-elements .form-element, .sweepstakes .pinterest-template .stacked-form-elements .form-element {
        border: 1px solid #777;
        margin: 2px auto;
        display: block;
        width: 312px;
        height: 16px;
        padding: 4px;
        font: normal 13px 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
        box-sizing: content-box;
        webkit-box-sizing: content-box; }
        .sweepstakes .old-template .stacked-form-elements .form-element.submit, .sweepstakes .flexible-template .stacked-form-elements .form-element.submit, .sweepstakes .pinterest-template .stacked-form-elements .form-element.submit {
          height: 26px;
          width: 322px;
          left: 0; }
    .sweepstakes .old-template .raf-emails, .sweepstakes .flexible-template .raf-emails, .sweepstakes .pinterest-template .raf-emails {
      width: 200px;
      font-style: italic;
      font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
      font-size: 13px;
      padding: 6px 5px;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
    .sweepstakes .old-template .submit, .sweepstakes .flexible-template .submit, .sweepstakes .pinterest-template .submit {
      font: normal 14px Arial,Helvetica,sans-serif;
      background-color: black;
      border: 0 none;
      color: white;
      cursor: pointer;
      height: 22px;
      letter-spacing: 0.1em;
      overflow: visible;
      padding: 0;
      text-align: center;
      text-transform: uppercase;
      width: 143px;
      position: relative;
      top: 1px;
      left: -4px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
    .sweepstakes .old-template .legal, .sweepstakes .flexible-template .legal, .sweepstakes .pinterest-template .legal {
      width: 100%;
      text-transform: uppercase;
      text-align: center;
      font-size: 13px; }
      .sweepstakes .old-template .legal a, .sweepstakes .flexible-template .legal a, .sweepstakes .pinterest-template .legal a {
        color: #333333;
        text-decoration: underline;
        font-size: 13px;
        font-weight: bold; }
    .sweepstakes .old-template .facebook, .sweepstakes .flexible-template .facebook, .sweepstakes .pinterest-template .facebook {
      background: url(images/sweepstakes/icon_facebook.png) 0 0 no-repeat; }
    .sweepstakes .old-template .twitter, .sweepstakes .flexible-template .twitter, .sweepstakes .pinterest-template .twitter {
      background: url(images/sweepstakes/icon_twitter.png) 0 0 no-repeat;
      margin: 0; }
    .sweepstakes .old-template .social-buttons, .sweepstakes .flexible-template .social-buttons, .sweepstakes .pinterest-template .social-buttons {
      margin: 0; }
      .sweepstakes .old-template .social-buttons a, .sweepstakes .flexible-template .social-buttons a, .sweepstakes .pinterest-template .social-buttons a {
        display: block;
        width: 63px;
        height: 63px; }
      .sweepstakes .old-template .social-buttons li, .sweepstakes .flexible-template .social-buttons li, .sweepstakes .pinterest-template .social-buttons li {
        float: left;
        margin: 0 25px; }
    .sweepstakes .old-template .share, .sweepstakes .flexible-template .share, .sweepstakes .pinterest-template .share {
      position: absolute;
      top: 253px;
      left: 220px; }
    .sweepstakes .old-template .refer-a-friend, .sweepstakes .flexible-template .refer-a-friend, .sweepstakes .pinterest-template .refer-a-friend {
      position: absolute;
      top: 243px;
      left: 560px; }
    .sweepstakes .old-template input.send, .sweepstakes .flexible-template input.send, .sweepstakes .pinterest-template input.send {
      padding: 0;
      background-color: #FA574F;
      border: 2px solid #FA574F;
      color: white;
      cursor: pointer;
      display: block;
      overflow: visible;
      height: 25px;
      width: 119px;
      font-size: 11px;
      font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-family: 'OpenSansSemiBold';
      border-radius: 25px 25px 25px 25px;
      margin: 13px 0 0 93px; }
      .sweepstakes .old-template input.send:hover, .sweepstakes .flexible-template input.send:hover, .sweepstakes .pinterest-template input.send:hover {
        background-color: white;
        border: 2px solid #FA574F;
        border-radius: 25px 25px 25px 25px;
        color: #FA574F; }
    .sweepstakes .old-template .skip, .sweepstakes .flexible-template .skip, .sweepstakes .pinterest-template .skip {
      margin: 20px 0 0 0;
      margin: 20px auto 0 auto;
      width: 270px; }
      .sweepstakes .old-template .skip li, .sweepstakes .flexible-template .skip li, .sweepstakes .pinterest-template .skip li {
        float: left;
        line-height: 25px; }
    .sweepstakes .old-template a.skip-copy, .sweepstakes .flexible-template a.skip-copy, .sweepstakes .pinterest-template a.skip-copy {
      color: #333;
      display: block;
      margin: 0 auto;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: underline; }
    .sweepstakes .old-template a.skip-arrow, .sweepstakes .flexible-template a.skip-arrow, .sweepstakes .pinterest-template a.skip-arrow {
      background: url(images/sweepstakes/arrow_coral_next.png) 0 0 no-repeat;
      height: 22px;
      width: 22px;
      margin: 1px 0 0 7px;
      display: block; }
    .sweepstakes .old-template .browse, .sweepstakes .flexible-template .browse, .sweepstakes .pinterest-template .browse {
      width: 100%;
      text-align: center;
      margin: 20px 0 0 0;
      text-transform: uppercase; }
      .sweepstakes .old-template .browse a, .sweepstakes .flexible-template .browse a, .sweepstakes .pinterest-template .browse a {
        color: #333;
        font-weight: bold;
        text-decoration: underline; }
    .sweepstakes .old-template form, .sweepstakes .flexible-template form, .sweepstakes .pinterest-template form {
      margin: 0;
      font-size: 0.8em; }
  .sweepstakes .flexible-template, .sweepstakes .pinterest-template {
    border: 0; }
    .sweepstakes .flexible-template .center, .sweepstakes .pinterest-template .center {
      display: block;
      margin: 0 auto; }
    .sweepstakes .flexible-template input.submit, .sweepstakes .pinterest-template input.submit {
      background-color: #FA574F;
      border: 2px solid #FA574F;
      color: white;
      cursor: pointer;
      display: block;
      overflow: visible;
      height: 29px;
      width: 140px;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font: normal 1.1em 'OpenSansSemiBold';
      border-radius: 25px 25px 25px 25px;
      margin: 20px auto 30px auto;
      -webkit-background-clip: border-box;
      -moz-background-clip: border-box;
      background-clip: border-box; }
      .sweepstakes .flexible-template input.submit:hover, .sweepstakes .pinterest-template input.submit:hover {
        background-color: white;
        border: 2px solid #FA574F;
        border-radius: 25px 25px 25px 25px;
        color: #FA574F; }
    .sweepstakes .flexible-template .share, .sweepstakes .pinterest-template .share {
      left: 170px; }
    .sweepstakes .flexible-template .email-wrapper, .sweepstakes .pinterest-template .email-wrapper {
      text-align: center;
      margin: 25px 0 20px 0; }
      .sweepstakes .flexible-template .email-wrapper label, .sweepstakes .pinterest-template .email-wrapper label {
        font-size: 13px;
        font-family: Arial,Helvetica,sans-serif;
        cursor: default;
        font-weight: bold;
        text-transform: uppercase; }
    .sweepstakes .flexible-template .email, .sweepstakes .pinterest-template .email {
      width: 350px;
      font: 13px "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; }
    .sweepstakes .flexible-template .pinterest, .sweepstakes .pinterest-template .pinterest {
      background: url(images/sweepstakes/icon_pinterest.png) 0 0 no-repeat; }
    .sweepstakes .flexible-template .share, .sweepstakes .pinterest-template .share {
      position: absolute;
      left: 17%;
      top: 45%; }
    .sweepstakes .flexible-template .refer-a-friend, .sweepstakes .pinterest-template .refer-a-friend {
      position: absolute;
      top: 45%;
      left: 59%; }
    .sweepstakes .flexible-template .fb-like-box table, .sweepstakes .pinterest-template .fb-like-box table {
      width: 100%;
      border: 0px; }
      .sweepstakes .flexible-template .fb-like-box table td, .sweepstakes .pinterest-template .fb-like-box table td {
        border: 0px;
        width: 50%;
        font-weight: bold; }
  .sweepstakes .instory-template {
    width: 618px;
    margin: 0;
    float: left;
    border: 1px solid #000; }
    .sweepstakes .instory-template .h3 {
      margin-top: 15px;
      margin-bottom: 7px;
      font-family: "TiemposText", serif, "Times New Roman", Times, serif;
      font-size: 20px;
      font-style: italic;
      line-height: normal; }
    .sweepstakes .instory-template p {
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      line-height: 1.5em;
      letter-spacing: .02em; }
      .sweepstakes .instory-template p strong {
        font: bold 13px Arial, Helvetica, sans-serif;
        line-height: 1.5em;
        letter-spacing: .02em; }
    .sweepstakes .instory-template .email-lists {
      float: left;
      width: 300px;
      padding: 10px; }
      .sweepstakes .instory-template .email-lists ul {
        width: 250px;
        margin: 5px 5px 0 0;
        line-height: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal; }
      .sweepstakes .instory-template .email-lists ul li {
        float: left;
        width: 125px; }
        .sweepstakes .instory-template .email-lists ul li label {
          font: normal 13px Arial, Helvetica, sans-serif;
          margin: 0; }
      .sweepstakes .instory-template .email-lists ul input {
        margin: 5px 4px 4px 0; }
      .sweepstakes .instory-template .email-lists div {
        text-transform: uppercase;
        margin-top: 10px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px; }
    .sweepstakes .instory-template .signup {
      text-align: center; }
      .sweepstakes .instory-template .signup input {
        padding: 2px;
        margin-top: 15px;
        margin-bottom: 5px;
        letter-spacing: .05em;
        font: normal 13px Arial, Helvetica, sans-serif;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box; }
      .sweepstakes .instory-template .signup p {
        margin: 5px; }
      .sweepstakes .instory-template .signup .fb-like-box {
        float: left; }
        .sweepstakes .instory-template .signup .fb-like-box table {
          width: 100%;
          border: 0px; }
          .sweepstakes .instory-template .signup .fb-like-box table td {
            border: 0px;
            font-weight: bold; }
    .sweepstakes .instory-template input.submit {
      font: normal 1.05em 'OpenSansSemiBold';
      background-color: #FA574F;
      border: 2px solid #FA574F;
      color: white;
      cursor: pointer;
      display: block;
      overflow: visible;
      height: 29px;
      width: 140px;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font: normal 1.1em 'OpenSansSemiBold';
      border-radius: 25px 25px 25px 25px;
      margin: 20px auto 30px auto;
      -webkit-background-clip: border-box;
      -moz-background-clip: border-box;
      background-clip: border-box; }
      .sweepstakes .instory-template input.submit:hover {
        background-color: white;
        border: 2px solid #FA574F;
        border-radius: 25px 25px 25px 25px;
        color: #FA574F; }
    .sweepstakes .instory-template label a {
      font-family: Arial,Helvetica,sans-serif;
      font-size: 12px;
      text-decoration: none;
      color: #1875bd;
      font-weight: bold;
      cursor: default;
      border: none; }
    .sweepstakes .instory-template .top-header {
      display: block;
      height: 40px;
      width: 618px;
      background-color: black;
      color: white;
      text-align: center;
      line-height: 40px;
      vertical-align: middle; }
    .sweepstakes .instory-template .r29-logo {
      position: absolute;
      background: url(images/sweepstakes/header_refinery29_white.png) 0 0 no-repeat;
      height: 22px;
      width: 211px;
      top: 11px;
      left: 24px; }
    .sweepstakes .instory-template .brand-logo {
      height: 40px;
      width: 350px;
      position: absolute;
      left: 247px; }
    .sweepstakes .instory-template input[type="text"] {
      width: 50%; }
    .sweepstakes .instory-template input[type="checkbox"] {
      width: 15px;
      margin: 5px; }
    .sweepstakes .instory-template .checktext {
      display: inline;
      font-size: 70%; }
    .sweepstakes .instory-template .fbliketext {
      display: inline;
      margin-top: 28px;
      float: left;
      margin-left: 10%; }
    .sweepstakes .instory-template .fb-like-line {
      margin: 24px 20px; }
    .sweepstakes .instory-template .sharetext {
      text-transform: uppercase;
      text-align: center;
      font-style: italic;
      font-size: 20px; }
    .sweepstakes .instory-template form {
      margin-bottom: 0px; }
    .sweepstakes .instory-template .fb-like-box .row {
      margin: 0px; }
    .sweepstakes .instory-template .fb-like-box .row li {
      float: left;
      font-weight: bold;
      margin-right: 20px; }
    .sweepstakes .instory-template .social-buttons {
      margin: 0px;
      display: inline-block; }
      .sweepstakes .instory-template .social-buttons .col, .sweepstakes .instory-template .social-buttons .module-article-full .pb, .module-article-full .sweepstakes .instory-template .social-buttons .pb {
        float: left; }
        .sweepstakes .instory-template .social-buttons .col li, .sweepstakes .instory-template .social-buttons .module-article-full .pb li, .module-article-full .sweepstakes .instory-template .social-buttons .pb li {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 80%;
          margin-right: 15px; }
      .sweepstakes .instory-template .social-buttons .facebook {
        background: url(images/sweepstakes/icon_facebook.png) 0 0 no-repeat;
        display: block;
        width: 63px;
        height: 63px; }
      .sweepstakes .instory-template .social-buttons .twitter {
        background: url(images/sweepstakes/icon_twitter.png) 0 0 no-repeat;
        display: block;
        width: 63px;
        height: 63px;
        margin: 0; }
  .sweepstakes .facebook-simple-template {
    position: relative;
    width: 800px;
    margin: 0 auto; }
    .sweepstakes .facebook-simple-template .social {
      position: absolute;
      top: 316px;
      left: 464px;
      line-height: normal;
      margin: 0; }
    .sweepstakes .facebook-simple-template .fb {
      margin-bottom: 17px; }
    .sweepstakes .facebook-simple-template .email {
      position: absolute;
      top: 411px;
      left: 400px;
      width: 211px;
      height: 21px;
      border: 2px solid #B4B4B4;
      color: #888;
      font-size: 12px;
      margin: 0 0 2px;
      padding: 4px;
      font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
    .sweepstakes .facebook-simple-template .error {
      position: absolute;
      top: 499px;
      left: 447px; }
      .sweepstakes .facebook-simple-template .error p {
        font-size: 1.4em;
        color: red; }
    .sweepstakes .facebook-simple-template .thanks-signup {
      position: absolute;
      top: 442px;
      left: 458px; }
      .sweepstakes .facebook-simple-template .thanks-signup p {
        font-size: 1.5em;
        text-transform: uppercase; }
    .sweepstakes .facebook-simple-template .submit {
      background-color: black;
      border: 2px solid black;
      color: white;
      cursor: pointer;
      display: block;
      height: 31px;
      left: 643px;
      overflow: visible;
      padding: 0;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 411px;
      width: 136px;
      border-radius: 25px 25px 25px 25px;
      font-family: 'OpenSansSemiBold';
      font-size: 1.05em;
      font-weight: normal;
      letter-spacing: 0.1em; }
      .sweepstakes .facebook-simple-template .submit:hover {
        background-color: white;
        border: 2px solid black;
        border-radius: 25px 25px 25px 25px;
        color: black; }
    .sweepstakes .facebook-simple-template .agree {
      position: absolute;
      top: 468px;
      left: 441px;
      width: 345px;
      font-size: 1.1em; }
      .sweepstakes .facebook-simple-template .agree label {
        font-size: 14px;
        font-family: Arial,Helvetica,sans-serif;
        cursor: default; }
    .sweepstakes .facebook-simple-template .terms {
      font-size: .6em;
      font-family: Arial, Helvetica, sans-serif;
      position: absolute;
      top: 522px;
      width: 750px;
      left: 28px;
      text-align: center;
      margin: 0 auto;
      color: black; }
    .sweepstakes .facebook-simple-template .legal {
      width: 100%;
      text-transform: uppercase;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px; }
      .sweepstakes .facebook-simple-template .legal a {
        color: #1875bd;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold; }
    .sweepstakes .facebook-simple-template form {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px; }
    .sweepstakes .facebook-simple-template .stacked-form-elements .form-element {
      font: normal 13px 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
      box-sizing: content-box;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box; }
    .sweepstakes .facebook-simple-template .age-gate {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 1800;
      background: #fff;
      text-align: center; }
      .sweepstakes .facebook-simple-template .age-gate img {
        width: 100%;
        height: auto; }
      .sweepstakes .facebook-simple-template .age-gate button {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        vertical-align: middle;
        padding: 3px 10px;
        border: 2px solid #000;
        background: #000;
        color: white;
        letter-spacing: .2em;
        font: 8px/1.3 "BrownStd", sans-serif;
        -webkit-transition: background-color linear 0.15s;
        -moz-transition: background-color linear 0.15s;
        -ms-transition: background-color linear 0.15s;
        -o-transition: background-color linear 0.15s;
        transition: background-color linear 0.15s;
        width: 150px;
        height: 30px;
        font-size: 16px;
        position: relative;
        bottom: 124px;
        font-weight: bold; }
      .sweepstakes .facebook-simple-template .age-gate button:hover {
        border: 2px solid #000;
        background: #fff;
        color: #000; }
  .sweepstakes .sweeps-legal {
    margin: auto;
    width: 980px; }
    .sweepstakes .sweeps-legal ul {
      list-style-type: none; }
      .sweepstakes .sweeps-legal ul li {
        margin: 15px 0px 15px 0px; }
    .sweepstakes .sweeps-legal h2 {
      font-size: 115%; }
    .sweepstakes .sweeps-legal p {
      text-align: justify;
      margin-bottom: 25px; }

.signup-bg {
  background: #333 url(assets/images/signup/EMAIL_SIGNUP_PAGE.png) repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute; }

.logo-signup {
  background: url(assets/images/signup/logo_signup.png) no-repeat 0 0;
  height: 74px;
  margin: 80px 0;
  background-position: center;
  border: none; }

.signup-page {
  position: relative;
  z-index: 900;
  background: #fff;
  padding: 20px; }
  .signup-page h1, .signup-page h2, .signup-page p {
    font-style: normal;
    text-align: left; }
  .signup-page h1, .signup-page .h1-sign {
    font-family: "BrownStd", sans-serif;
    font-size: 24pt; }
  .signup-page h2 {
    font-family: "BrownStd", sans-serif;
    font-size: 14pt;
    text-transform: uppercase; }
  .signup-page p {
    font-family: "TiemposText", serif;
    font-size: 14pt;
    text-transform: none;
    padding: 20px 0;
    line-height: 1.25;
    border: none; }
  .signup-page div.image {
    padding: 0; }
  .signup-page div.info {
    width: 415px;
    margin: 0;
    float: left;
    margin-left: 38px; }
  .signup-page .submit-box {
    background: none;
    padding: 0px;
    margin-top: 3px;
    width: auto; }
  .signup-page div.see-all {
    background-image: none;
    width: 89px;
    float: right;
    color: #fa574f;
    margin: 120px 0px 0px;
    padding: 6px 35px 0 0; }
    .signup-page div.see-all span {
      font-size: 7pt;
      padding: 5px 9px 6px 6px;
      color: #FFF;
      border-radius: 50%;
      background: #fa574f; }
  .signup-page labeL {
    font-size: 1.2em; }
  .signup-page ul.current {
    margin-left: 43px; }
    .signup-page ul.current li, .signup-page ul.current li:first-child {
      margin: 3px 0;
      font-size: 1.1em;
      letter-spacing: .02em;
      color: #111;
      text-transform: none; }
  .signup-page .submit-box {
    margin: 0px; }
    .signup-page .submit-box input[type="email"] {
      font-family: "BrownStd", sans-serif;
      padding: 7px 7px 7px 25px;
      font-size: 0.9em;
      margin: 5px 0 25px 0;
      width: 350px; }
    .signup-page .submit-box .button {
      float: right; }
  .signup-page .order {
    border-radius: 50%;
    display: inline-block;
    padding: 5px 10px;
    font-family: "BrownStd", sans-serif;
    background: #fa574f;
    font-size: 10pt;
    margin: 9px 20px 0 0;
    color: #fff;
    float: left; }

.search .entries {
  position: relative; }

.search .entries:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 0;
  width: 1px;
  background-image: -webkit-linear-gradient(top, #ebebec 0%, #ebebec 92%, rgba(235, 235, 236, 0) 100%);
  background-image: -moz-linear-gradient(top, #ebebec 0%, #ebebec 92%, rgba(235, 235, 236, 0) 100%);
  background-image: -ms-linear-gradient(top, #ebebec 0%, #ebebec 92%, rgba(235, 235, 236, 0) 100%);
  background-image: -o-linear-gradient(top, #ebebec 0%, #ebebec 92%, rgba(235, 235, 236, 0) 100%);
  z-index: -200;
  background-position: top right; }

.search .two-of-three .module-article {
  background-image: url("../images/layout/ruler.png");
  background-repeat: no-repeat;
  background-position: bottom left; }

.search h4 {
  text-transform: uppercase;
  font-family: "BrownStd", sans-serif;
  font-size: 1.17em;
  padding-top: 60px;
  padding-left: 20px; }

.search .heading {
  float: left;
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 52px 12px 16px 20px;
  margin-bottom: 0px;
  position: relative;
  width: 100%;
  background-image: url("../images/layout/ruler.png");
  background-repeat: no-repeat;
  background-position: bottom left; }

.search .two-of-three .module-article:last-child {
  background-image: none; }

.search .two-of-three .module-article p {
  font-size: 0.875em;
  font-family: "TiemposText", serif;
  width: 382px; }

.search .pagination-black-circles a {
  color: black;
  font-family: "BrownStd-bold", sans-serif;
  font-size: 0.875em;
  margin-bottom: 45px; }

.search .pagination-black-circles .next {
  float: right;
  padding-right: 20px; }
  .search .pagination-black-circles .next .button-prev-next-large {
    letter-spacing: -0.1em; }

.search .pagination-black-circles .prev {
  padding-left: 20px; }
  .search .pagination-black-circles .prev .button-prev-next-large {
    letter-spacing: 0.1em; }

.search .pagination-black-circles .button-prev-next-large {
  padding: 0;
  height: 50px;
  width: 50px;
  border: 3px solid #000;
  text-align: center;
  line-height: 48px !important;
  overflow: hidden;
  font-size: 20px;
  border-radius: 50%;
  background: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .search .pagination-black-circles .button-prev-next-large:hover {
    background: white;
    color: black; }

.search .error {
  padding-top: 45px; }

/* Modal Frame */
.modal {
  font-size: small;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 2600;
  /* Loader Icon */ }
  .modal .content {
    position: absolute;
    padding: 18px; }
    .modal .content .close {
      float: right;
      cursor: pointer; }
    .modal .content .inner {
      padding: 20px;
      background: #ffffff;
      box-shadow: 0 1px 3px #999; }
  .modal .lightbox {
    opacity: 0.6;
    background-color: #ffffff; }
  .modal .spinner {
    display: block;
    float: left;
    margin: 16px; }

/* user/login.html default app */
.modal.login .oauth, .modal.login .or, .modal.login #form_login label {
  display: none; }

.modal.login .modal-header {
  width: 250px; }

.modal.login .close {
  display: none; }

.modal.login #form_login ul {
  list-style: none;
  margin: 0; }
  .modal.login #form_login ul li {
    margin-bottom: 15px; }
    .modal.login #form_login ul li input {
      width: 100%; }
    .modal.login #form_login ul li input#password_login {
      font: 0.9em/1.3 "BrownStd-light", sans-serif;
      padding: 5px 10px;
      border: 1px solid #cccccc;
      margin-right: 1%;
      -webkit-box-shadow: inset 0 1px 5px #dddddd;
      -moz-box-shadow: inset 0 1px 5px #dddddd;
      box-shadow: inset 0 1px 5px #dddddd;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      vertical-align: baseline;
      zoom: 1; }
      .modal.login #form_login ul li input#password_login:focus {
        border-color: #777777;
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }

.modal.login #form_login .error {
  color: #f15851; }

.modal.login #form_login a {
  margin-left: 30px; }

.modal.login #form_login a.button {
  margin-top: 15px;
  margin-left: 50px; }

.modal.forgot .close {
  display: none; }

.modal.forgot #forgot input#email {
  width: 100%;
  margin-bottom: 15px; }
  .modal.forgot #forgot input#email:focus {
    border-color: #777777;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.modal.forgot #forgot .error {
  color: #f15851; }

/*------------------------------LANDING PAGE------------------------------*/
.homeCarouselInfo {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 0px;
  bottom: 20px;
  width: 260px;
  height: 102px;
  background: rgba(0, 0, 0, 0.8);
  padding: 30px 20px 10px;
  left: 0;
  margin-left: 20px; }

.homeCarouselInfo .icon-read-more {
  padding-left: 5px; }

#stores, .stores {
  position: relative; }
  #stores .navigation, .stores .navigation {
    background-color: #fff;
    position: relative;
    width: 980px;
    left: 0;
    height: 91px;
    margin-left: 0; }
    #stores .navigation .logo, .stores .navigation .logo {
      background: url(../../images/store-we-love.png) no-repeat 0 -100px;
      height: 101px;
      width: 368px;
      position: absolute;
      top: 5px;
      z-index: 600;
      float: left; }
    #stores .navigation .locations, #stores .navigation .tags, #stores .navigation .items, .stores .navigation .locations, .stores .navigation .tags, .stores .navigation .items {
      background-color: #fff;
      float: right;
      height: 91px;
      position: relative;
      width: 156px;
      margin-right: 20px; }
    #stores .navigation .tags, .stores .navigation .tags {
      width: 180px; }
    #stores .navigation .items, .stores .navigation .items {
      width: 200px; }
    #stores .navigation .count, .stores .navigation .count {
      font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
      font-size: 60px;
      color: #000;
      position: absolute;
      right: 105px;
      top: 10px;
      font-weight: 700; }
    #stores .navigation .locations .title, #stores .navigation .tags .title, #stores .navigation .items .title, .stores .navigation .locations .title, .stores .navigation .tags .title, .stores .navigation .items .title {
      font-size: 12px;
      color: #000;
      right: 40px;
      text-transform: uppercase;
      position: absolute;
      top: 20px;
      font-family: sans-serif; }
    #stores .navigation .tags .title, .stores .navigation .tags .title {
      right: 50px; }
    #stores .navigation .items .title, .stores .navigation .items .title {
      right: 35px; }
    #stores .navigation .locations .cta, #stores .navigation .items .cta, #stores .navigation .tags .cta, .stores .navigation .locations .cta, .stores .navigation .items .cta, .stores .navigation .tags .cta {
      height: 25px;
      width: 105px;
      border-radius: 15px;
      border: 1px solid #666;
      position: absolute;
      right: -5px;
      top: 40px;
      background-color: #F8F8F8; }
      #stores .navigation .locations .cta:hover, #stores .navigation .items .cta:hover, #stores .navigation .tags .cta:hover, .stores .navigation .locations .cta:hover, .stores .navigation .items .cta:hover, .stores .navigation .tags .cta:hover {
        cursor: pointer; }
    #stores .navigation .locations ul.menu, #stores .navigation .items ul.menu, #stores .navigation .tags ul.menu, .stores .navigation .locations ul.menu, .stores .navigation .items ul.menu, .stores .navigation .tags ul.menu {
      background: #FFF;
      border: 1px solid #666;
      border-radius: 16px;
      padding: 10px 0;
      top: -44px;
      z-index: 600;
      position: relative;
      display: none;
      width: 105px; }
      #stores .navigation .locations ul.menu a, #stores .navigation .items ul.menu a, #stores .navigation .tags ul.menu a, .stores .navigation .locations ul.menu a, .stores .navigation .items ul.menu a, .stores .navigation .tags ul.menu a {
        overflow: hidden;
        display: block;
        height: 20px;
        line-height: 20px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: #6E6E6E;
        font-size: 10px;
        width: 95px;
        white-space: nowrap; }
        #stores .navigation .locations ul.menu a:hover, #stores .navigation .items ul.menu a:hover, #stores .navigation .tags ul.menu a:hover, .stores .navigation .locations ul.menu a:hover, .stores .navigation .items ul.menu a:hover, .stores .navigation .tags ul.menu a:hover {
          text-decoration: underline; }
    #stores .navigation .locations ul.menu, .stores .navigation .locations ul.menu {
      right: -9px;
      overflow-x: hidden;
      overflow-y: auto; }
    #stores .navigation .tags ul.menu, .stores .navigation .tags ul.menu {
      right: -43px; }
    #stores .navigation .items ul.menu, .stores .navigation .items ul.menu {
      right: -63px; }
    #stores .navigation .tags ul.menu li, #stores .navigation .items ul.menu li, .stores .navigation .tags ul.menu li, .stores .navigation .items ul.menu li {
      padding: 5px;
      list-style: none;
      padding: 0 3px 0 5px; }
    #stores .navigation .locations ul.menu, .stores .navigation .locations ul.menu {
      width: 115px; }
    #stores .navigation .locations ul.menu li, .stores .navigation .locations ul.menu li {
      padding: 5px;
      list-style: none;
      padding: 0 3px 0 9px; }
    #stores .navigation .locations .cta .arrow, .stores .navigation .locations .cta .arrow {
      position: absolute;
      right: 7px;
      top: 11px;
      border-color: #666 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 5px 0px 5px;
      padding: 0;
      width: 0;
      height: 0;
      font-size: 0;
      line-height: 0;
      _border-left-color: #dddddd;
      _border-right-color: #dddddd;
      _filter: chroma(color=#dddddd); }
    #stores .navigation .locations .count, .stores .navigation .locations .count {
      right: 115px; }
    #stores .navigation .tags .cta .arrow, #stores .navigation .items .cta .arrow, .stores .navigation .tags .cta .arrow, .stores .navigation .items .cta .arrow {
      position: absolute;
      right: 7px;
      top: 11px;
      border-color: #666 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 5px 0px 5px;
      padding: 0;
      width: 0;
      height: 0;
      font-size: 0;
      line-height: 0;
      _border-left-color: #dddddd;
      _border-right-color: #dddddd;
      _filter: chroma(color=#dddddd); }
    #stores .navigation .locations .cta p, #stores .navigation .tags .cta p, #stores .navigation .items .cta p, .stores .navigation .locations .cta p, .stores .navigation .tags .cta p, .stores .navigation .items .cta p {
      color: #6E6E6E;
      font-family: Arial,sans-serif;
      font-size: 10px;
      margin: 0;
      padding: 3px 0 2px 13px;
      text-transform: uppercase;
      font-weight: 700;
      height: 20px;
      overflow: hidden;
      width: 75px;
      white-space: nowrap; }
    #stores .navigation .locations .cta, .stores .navigation .locations .cta {
      width: 115px; }
      #stores .navigation .locations .cta p, .stores .navigation .locations .cta p {
        width: 85px; }
  #stores .container, .stores .container {
    text-align: center;
    position: relative;
    margin-top: 30px;
    width: 966px;
    left: -14px; }
    #stores .container .article-ad, .stores .container .article-ad {
      float: left;
      position: relative;
      margin-left: 12px;
      margin-bottom: 35px; }
    #stores .container article.small .category, .stores .container article.small .category {
      position: absolute;
      text-align: left;
      z-index: 100;
      right: -5px;
      top: 5px;
      border: none;
      padding: 4px 8px;
      font-size: 75%;
      text-transform: uppercase; }
      #stores .container article.small .category a, .stores .container article.small .category a {
        color: #ffffff; }
      #stores .container article.small .category .wrap, .stores .container article.small .category .wrap {
        position: absolute;
        bottom: -5px;
        right: 0px; }
    #stores .container article.small .text, .stores .container article.small .text {
      background: #ffffff;
      float: left;
      padding: 10px 0px 10px 0px;
      width: 280px;
      text-align: left; }
      #stores .container article.small .text h1, #stores .container article.small .text h1 a, .stores .container article.small .text h1, .stores .container article.small .text h1 a {
        margin: 0;
        font-size: 18px;
        font-weight: normal;
        color: #444444;
        padding: 0 6px 0 6px;
        font-family: 'CreteRoundItalic', serif; }
      #stores .container article.small .text p, .stores .container article.small .text p {
        color: #8F8E8E;
        text-align: left;
        font-size: 11px;
        padding: 0 13px 0 13px;
        line-height: 1em;
        font-family: 'Arial', sans-serif; }
      #stores .container article.small .text a, .stores .container article.small .text a {
        color: #F75352; }
    #stores .container .ad-container, #stores .container .slideshow-ad-container, #stores .container .contest-ad-container, .stores .container .ad-container, .stores .container .slideshow-ad-container, .stores .container .contest-ad-container {
      width: 300px;
      overflow: hidden;
      height: 360px;
      display: block;
      float: right; }
      #stores .container .ad-container .ad-explore, #stores .container .slideshow-ad-container .ad-explore, #stores .container .contest-ad-container .ad-explore, .stores .container .ad-container .ad-explore, .stores .container .slideshow-ad-container .ad-explore, .stores .container .contest-ad-container .ad-explore {
        float: right; }
  #stores .container article.small, .stores .container article.small {
    border: 0;
    box-shadow: none;
    float: left;
    margin: 0 5px 35px 15px;
    width: 300px; }
    #stores .container article.small .category, .stores .container article.small .category {
      background-color: #000;
      opacity: 0.85;
      border: 1px solid #fff;
      text-shadow: none;
      top: -10px; }
    #stores .container article.small .text h1, .stores .container article.small .text h1 {
      font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
      font-size: 24px;
      line-height: 36px;
      color: #000;
      padding: 0;
      margin: 0; }
      #stores .container article.small .text h1 a, .stores .container article.small .text h1 a {
        font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
        font-size: 24px;
        line-height: 36px;
        color: #000;
        padding: 0;
        margin: 0; }
    #stores .container article.small .text p, .stores .container article.small .text p {
      font-family: "TiemposText", serif;
      font-size: 14px;
      line-height: 20px;
      color: #000;
      padding: 0; }
    #stores .container article.small .text b, .stores .container article.small .text b {
      font-family: "BrownStd-bold", sans-serif;
      font-size: 11px;
      line-height: 20px;
      color: #f75352;
      display: inline-block;
      text-transform: uppercase;
      padding-left: 7px; }
    #stores .container article.small .readArrow, .stores .container article.small .readArrow {
      background: url(../../images/store-we-love.png) no-repeat 0 -70px;
      height: 10px;
      width: 13px;
      display: inline-block;
      margin: 0 0 -3px 5px; }

/*------------------------------LANDING PAGE------------------------------*/
/*------------------------------ENTRY PAGE------------------------------*/
.stores {
  position: relative; }
  .stores .entry {
    position: relative;
    top: 0px; }
    .stores .entry .head {
      background: #f3f3ee;
      height: 105px;
      width: 930px;
      position: relative;
      left: -20px;
      padding: 15px 25px; }
      .stores .entry .head h1 {
        margin: 0; }
        .stores .entry .head h1 a {
          font-family: 'CreteRoundRegular', serif;
          font-size: 31px;
          font-weight: normal; }
      .stores .entry .head p, .stores .entry .head p a {
        color: #8d8b86;
        padding-left: 2px; }
      .stores .entry .head .tags {
        display: block;
        position: relative;
        margin: 0 2px 0 2px;
        max-width: 550px; }
        .stores .entry .head .tags li {
          list-style: none;
          float: left;
          margin: 3px;
          background: #ffffff;
          color: #6f6f6f;
          font-size: 11px;
          padding: 1px 9px 1px 9px;
          font-weight: normal;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          border-radius: 15px;
          -webkit-background-clip: border-box;
          -moz-background-clip: border-box;
          background-clip: border-box;
          white-space: nowrap;
          box-shadow: 0 0 5px 0px #E9E8E8; }
      .stores .entry .head .social-media {
        float: right;
        position: relative;
        bottom: 20px; }
        .stores .entry .head .social-media .facebook, .stores .entry .head .social-media .twitter, .stores .entry .head .social-media .su, .stores .entry .head .social-media .pin {
          display: inline; }
        .stores .entry .head .social-media .facebook {
          position: relative;
          top: -3px; }
        .stores .entry .head .social-media .twitter {
          margin-right: -20px; }
        .stores .entry .head .social-media .su {
          margin-right: 15px; }
    .stores .entry .body {
      padding: 10px 0 20px 0;
      display: block;
      position: relative; }
      .stores .entry .body img {
        padding: 20px 0 15px 0 !important;
        float: left; }
      .stores .entry .body .store-info {
        float: right;
        width: 280px;
        margin-left: 15px; }
        .stores .entry .body .store-info #map_canvas {
          width: 280px;
          height: 122px; }
        .stores .entry .body .store-info .address h1, .stores .entry .body .store-info .hours h1, .stores .entry .body .store-info .contact h1 {
          font-weight: normal;
          font-size: 11px;
          text-transform: uppercase;
          font-family: 'OpenSansBold', sans-serif;
          color: #3b3b3b;
          padding: 0;
          margin: 0px; }
          .stores .entry .body .store-info .address h1 a, .stores .entry .body .store-info .hours h1 a, .stores .entry .body .store-info .contact h1 a {
            color: #6fb1e1;
            font-weight: normal; }
        .stores .entry .body .store-info .address p, .stores .entry .body .store-info .hours p, .stores .entry .body .store-info .contact p {
          font-weight: normal;
          font-size: 11px;
          font-family: 'OpenSansLight', sans-serif;
          color: #4d4d4d;
          margin: .5em 0 !important;
          padding: 0 !important; }
        .stores .entry .body .store-info .address {
          padding-top: 13px; }
        .stores .entry .body .store-info .contact {
          display: block; }
          .stores .entry .body .store-info .contact .phone, .stores .entry .body .store-info .contact .website {
            display: inline-block;
            float: left; }
          .stores .entry .body .store-info .contact .phone {
            position: relative;
            left: -1px;
            top: -1px; }
          .stores .entry .body .store-info .contact .website {
            position: relative;
            left: -2px;
            top: -1px; }
          .stores .entry .body .store-info .contact p {
            float: left;
            margin: 0 !important; }
        .stores .entry .body .store-info.portrait-image {
          padding-top: 20px; }
      .stores .entry .body .left {
        float: left;
        width: 640px; }
        .stores .entry .body .left .body-text {
          width: 630px;
          position: relative;
          float: left;
          margin-right: 10px; }
        .stores .entry .body .left .tag-container {
          margin-top: 30px;
          margin-right: 20px;
          width: 600px;
          position: relative;
          float: left;
          -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
          border-radius: 25px;
          -webkit-background-clip: border-box;
          -moz-background-clip: border-box;
          background-clip: border-box;
          background: #f4f4ef;
          min-height: 30px;
          padding-top: 7px;
          padding-bottom: 5px;
          padding-left: 5px;
          display: block;
          box-shadow: inset 0 0 5px 0 #E9E8E8; }
          .stores .entry .body .left .tag-container .tags {
            float: left;
            display: block;
            position: relative;
            margin: 0 2px 0 2px;
            max-width: 520px; }
            .stores .entry .body .left .tag-container .tags li {
              list-style: none;
              float: left;
              margin: 3px;
              background: #ffffff;
              color: #6f6f6f;
              font-size: 11px;
              padding: 1px 9px 1px 9px;
              font-weight: normal;
              -webkit-border-radius: 15px;
              -moz-border-radius: 15px;
              border-radius: 15px;
              -webkit-background-clip: border-box;
              -moz-background-clip: border-box;
              background-clip: border-box;
              white-space: nowrap; }
          .stores .entry .body .left .tag-container p {
            position: relative;
            top: 4px;
            padding-right: 15px;
            float: right;
            color: #a3a399;
            font-family: Arial, sans-serif;
            margin: 0 !important; }
        .stores .entry .body .left .social-media {
          display: block;
          float: left;
          position: relative;
          top: 20px;
          left: 2px; }
          .stores .entry .body .left .social-media .facebook, .stores .entry .body .left .social-media .twitter, .stores .entry .body .left .social-media .su, .stores .entry .body .left .social-media .pin {
            display: inline; }
          .stores .entry .body .left .social-media .facebook {
            position: relative;
            top: -3px; }
          .stores .entry .body .left .social-media .twitter {
            margin-right: -20px; }
          .stores .entry .body .left .social-media .su {
            margin-right: 15px; }
    .stores .entry .related {
      border-top: 1px dotted #939393;
      margin-top: 50px;
      padding-top: 20px;
      display: block;
      position: relative; }
      .stores .entry .related h2 {
        font-family: 'CreteRoundRegular', serif;
        font-size: 18px;
        color: #828282;
        position: absolute;
        font-weight: normal;
        background: #ffffff;
        text-transform: uppercase;
        left: 410px;
        top: -10px;
        border-left: 10px solid #fff;
        border-right: 10px solid #fff; }

#container .storesInner .body-content {
  margin: 20px 0;
  overflow: hidden; }
  #container .storesInner .body-content .entry {
    border: 0; }

.module-article-full h1:before, .module-article-full h1:after, .module-article-full h1:after {
  background: none; }

/* Instagram widget */
.instagram-widget-container .instagram-classic {
  width: 600px;
  background: black;
  margin: 20px 0 20px 0; }
  .instagram-widget-container .instagram-classic .top {
    border-bottom: 1px solid #292929;
    height: 350px; }
    .instagram-widget-container .instagram-classic .top .col1 {
      float: left;
      width: 300px; }
      .instagram-widget-container .instagram-classic .top .col1 .brand {
        height: 150px;
        width: 300px;
        overflow: hidden;
        float: left;
        position: relative; }
      .instagram-widget-container .instagram-classic .top .col1 .details {
        padding: 20px;
        display: block;
        position: relative;
        float: left; }
        .instagram-widget-container .instagram-classic .top .col1 .details h1 {
          color: white;
          font-family: "BrownStd-bold", sans-serif;
          font-weight: normal;
          font-size: 30px;
          text-transform: uppercase;
          letter-spacing: 0.05em; }
        .instagram-widget-container .instagram-classic .top .col1 .details h2 {
          color: #f54b8a;
          font-family: Helvetica;
          font-size: 18px;
          font-weight: bold; }
        .instagram-widget-container .instagram-classic .top .col1 .details p {
          color: #e2e2e2;
          font-family: "BrownStd", sans-serif;
          font-size: 12px;
          line-height: 17px; }
    .instagram-widget-container .instagram-classic .top .col2 {
      float: right;
      width: 300px; }
      .instagram-widget-container .instagram-classic .top .col2 .prev, .instagram-widget-container .instagram-classic .top .col2 .next {
        height: 300px;
        width: 30px;
        background: gray;
        position: absolute;
        z-index: 100; }
        .instagram-widget-container .instagram-classic .top .col2 .prev:hover, .instagram-widget-container .instagram-classic .top .col2 .next:hover {
          cursor: pointer; }
      .instagram-widget-container .instagram-classic .top .col2 .prev {
        right: 300px;
        background: url("../images/widgets/instagram/previous_arrow.png") no-repeat 8px 140px; }
        .instagram-widget-container .instagram-classic .top .col2 .prev:hover {
          background: url("../images/widgets/instagram/previous_arrow_hover.png") no-repeat 8px 140px; }
      .instagram-widget-container .instagram-classic .top .col2 .next {
        right: 30px;
        background: transparent url("../images/widgets/instagram/next_arrow.png") no-repeat 8px 140px; }
        .instagram-widget-container .instagram-classic .top .col2 .next:hover {
          background: transparent url("../images/widgets/instagram/next_arrow_hover.png") no-repeat 8px 140px; }
      .instagram-widget-container .instagram-classic .top .col2 .submission-container {
        float: right;
        width: 300px;
        height: 350px;
        overflow: hidden;
        position: relative;
        right: 0px; }
        .instagram-widget-container .instagram-classic .top .col2 .submission-container .slides {
          width: 2000px;
          height: 350px !important;
          position: relative;
          left: 0;
          padding: 0 !important; }
          .instagram-widget-container .instagram-classic .top .col2 .submission-container .slides .submission {
            float: left;
            position: relative;
            width: 300px;
            height: 350px; }
            .instagram-widget-container .instagram-classic .top .col2 .submission-container .slides .submission img {
              width: 300px;
              height: 300px; }
            .instagram-widget-container .instagram-classic .top .col2 .submission-container .slides .submission .sub-info {
              width: 270px;
              height: 40px;
              overflow: hidden;
              border-left: 1px solid #292929;
              position: relative;
              max-height: 45px;
              padding: 5px 15px 5px 15px;
              display: block; }
              .instagram-widget-container .instagram-classic .top .col2 .submission-container .slides .submission .sub-info p {
                color: #e2e2e2;
                font-family: "BrownStd", sans-serif;
                margin: 0em !important;
                display: inline;
                float: left;
                text-align: left;
                line-height: 1em; }
                .instagram-widget-container .instagram-classic .top .col2 .submission-container .slides .submission .sub-info p.username {
                  color: #f54b8a;
                  font-size: 13px;
                  font-family: "BrownStd", sans-serif;
                  line-height: 1em; }
  .instagram-widget-container .instagram-classic .more_subs {
    background: #000000 url("../images/widgets/instagram/see_more.png") no-repeat center;
    border-bottom: 1px solid #292929;
    height: 27px; }
    .instagram-widget-container .instagram-classic .more_subs:hover {
      cursor: pointer;
      background-color: #292929; }
    .instagram-widget-container .instagram-classic .more_subs.showing {
      background: #000000 url("../images/widgets/instagram/hide.png") no-repeat center; }
  .instagram-widget-container .instagram-classic .bottom {
    height: 373px;
    background: #000000;
    padding: 10px;
    overflow: hidden; }
    .instagram-widget-container .instagram-classic .bottom .gallery {
      overflow: scroll;
      height: 400px;
      width: 585px;
      position: relative;
      left: 20px; }
      .instagram-widget-container .instagram-classic .bottom .gallery .submission {
        width: 120px;
        max-height: 152px;
        float: left;
        margin: 10px 8px 20px 8px;
        overflow: hidden; }
        .instagram-widget-container .instagram-classic .bottom .gallery .submission img {
          width: 116px;
          height: 116px;
          padding: 1px;
          border: 1px solid black; }
        .instagram-widget-container .instagram-classic .bottom .gallery .submission p {
          color: #e2e2e2;
          font-family: "BrownStd", sans-serif;
          margin: 0em !important;
          display: inline;
          float: left;
          text-align: left;
          font-size: 11px; }
          .instagram-widget-container .instagram-classic .bottom .gallery .submission p.username {
            color: #f54b8a;
            font-family: "BrownStd-bold", sans-serif;
            line-height: 8px; }
        .instagram-widget-container .instagram-classic .bottom .gallery .submission.selected img {
          border: 1px solid #F54B8A; }

.instagram-widget-container .instagram-hero-and-grid {
  width: 620px; }
  .instagram-widget-container .instagram-hero-and-grid .header {
    background: #6ad98a url("../images/widgets/instagram/pattern-stripe-green.png") repeat;
    width: auto;
    height: 40px;
    margin-bottom: 25px; }
    .instagram-widget-container .instagram-hero-and-grid .header h1 {
      /*@extend .opensansbold;*/
      text-transform: uppercase;
      font-size: 120%;
      text-align: center;
      padding-top: 10px; }
  .instagram-widget-container .instagram-hero-and-grid .main {
    width: 610px;
    height: 400px;
    margin: 0 auto; }
  .instagram-widget-container .instagram-hero-and-grid .col1 {
    width: 300px;
    float: left; }
    .instagram-widget-container .instagram-hero-and-grid .col1 img {
      width: 300px;
      height: 300px; }
  .instagram-widget-container .instagram-hero-and-grid .col2 {
    float: left;
    width: 310px;
    overflow-x: hidden;
    position: relative; }
    .instagram-widget-container .instagram-hero-and-grid .col2 img {
      width: 80px;
      height: 80px; }
  .instagram-widget-container .instagram-hero-and-grid .gallery {
    overflow: scroll;
    width: 350px;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden; }
  .instagram-widget-container .instagram-hero-and-grid .submission-container {
    overflow: hidden;
    position: relative; }
  .instagram-widget-container .instagram-hero-and-grid .submission {
    float: left;
    overflow: hidden; }
  .instagram-widget-container .instagram-hero-and-grid .slides {
    min-height: 0;
    height: 380px;
    padding: 0px;
    position: relative; }
  .instagram-widget-container .instagram-hero-and-grid .baby-slide {
    margin: 0 9px 22px 9px;
    overflow: hidden;
    border: 3px solid white; }
    .instagram-widget-container .instagram-hero-and-grid .baby-slide p {
      display: none; }
    .instagram-widget-container .instagram-hero-and-grid .baby-slide selected {
      border: 3px solid #fb8681; }
  .instagram-widget-container .instagram-hero-and-grid .mama-slide {
    width: 300px; }
    .instagram-widget-container .instagram-hero-and-grid .mama-slide p {
      display: inline; }
    .instagram-widget-container .instagram-hero-and-grid .mama-slide .sub-info {
      margin-top: 15px; }
  .instagram-widget-container .instagram-hero-and-grid .sub-info {
    font-size: 105%; }
  .instagram-widget-container .instagram-hero-and-grid .username {
    font-weight: bold;
    color: #fb8681; }
  .instagram-widget-container .instagram-hero-and-grid .nav {
    /*@extend .opensansbold;*/
    margin: 15px auto 0;
    width: 95px;
    text-transform: uppercase; }
    .instagram-widget-container .instagram-hero-and-grid .nav div {
      float: left; }
  .instagram-widget-container .instagram-hero-and-grid .next {
    /*@include main-sprite(arrow_grey_down);*/
    margin-left: 5px;
    margin-top: 4px; }
  .instagram-widget-container .instagram-hero-and-grid .prev {
    /*@include main-sprite(arrow_grey_up);*/
    margin-right: 5px;
    margin-top: 4px; }
  .instagram-widget-container .instagram-hero-and-grid .selected {
    border: 3px solid #fb8681; }

/* STYLE FOR CALLOUTS.JS MODULE  */
.callouts {
  position: relative;
  float: left; }
  .callouts td {
    padding: 0px;
    border: 0px; }
  .callouts .info {
    z-index: 500;
    display: none; }

.callout {
  background-color: #fa574f;
  border-radius: 3px;
  color: white;
  display: none;
  position: absolute;
  left: 0%;
  top: 0%;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }

.share-button, .collection-hero-share-button, .share-button-email, .index-share-email, .share-button-pinterest, .index-share-pinterest, .share-button-twitter, .share-button-reddit, .share-button-facebook, .index-share-facebook {
  display: inline-block; }

.module-article-full a.share-button-email, .module-article-full a.index-share-email {
  color: #FFF;
  font-size: 15px; }

.comments-count-p {
  text-align: center;
  margin: 0px;
  height: 40px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EBEBEC; }

.comment-bubble {
  color: #363380;
  line-height: 59px;
  cursor: pointer; }

.comment-count-text {
  font-family: "BrownStd-light", sans-serif;
  font-size: 10px;
  line-height: 59px;
  color: #777;
  letter-spacing: 1px;
  padding-left: 4px;
  vertical-align: top;
  text-transform: uppercase;
  cursor: pointer; }

.byline-shares {
  font: 14px "BrownStd-light", sans-serif;
  color: #CCC;
  margin: 15px 15px 0px 0px; }

.horizontal-borders.slideshow-social-byline {
  border-right: 1px solid #EBEBEC; }

ul.horizontal-li {
  padding-left: 0px; }
  ul.horizontal-li li {
    float: right;
    display: block;
    padding: 0px; }

.ad-rt {
  float: right;
  position: relative;
  z-index: 200; }

header.full .byline {
  width: 100%; }

header.full .horizontal-borders {
  width: 100%; }
  header.full .horizontal-borders .divider-lft.first {
    margin-left: 700px; }

.popular-stories-container {
  width: 320px;
  height: 634px;
  border-left: 1px solid #EBEBEC;
  float: right; }
  .popular-stories-container .popular-banner {
    display: block;
    font-family: "BrownStd", sans-serif;
    text-transform: uppercase;
    color: #000;
    font-size: 25px;
    letter-spacing: 2px;
    text-align: center;
    padding: 27px 0px 11px 0px; }
    .popular-stories-container .popular-banner .icon, .popular-stories-container .popular-banner .comment-bubble, .popular-stories-container .popular-banner .price-tag, .popular-stories-container .popular-banner .email-signup-overlay-icon-mail, .popular-stories-container .popular-banner .pinterest-overlay-logo, .popular-stories-container .popular-banner .product-save-star {
      color: #6AD98A; }
  .popular-stories-container ol {
    float: right;
    color: #6AD98A;
    font-size: 15px;
    font-family: "BrownStd-bold", sans-serif;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 5px; }
    .popular-stories-container ol li {
      width: 255px;
      line-height: 28px;
      height: 104px;
      display: table; }
    .popular-stories-container ol a {
      color: #000;
      font-family: "BrownStd", sans-serif;
      display: table-cell;
      vertical-align: middle; }
      .popular-stories-container ol a .icon-read-more:before {
        color: #F75352; }
      .popular-stories-container ol a em {
        font-family: "BrownStd", sans-serif; }
      .popular-stories-container ol a span.popular-number {
        color: #6AD98A;
        font-family: "BrownStd-bold", sans-serif;
        display: block;
        float: left;
        margin-left: -20px; }
  .popular-stories-container .popular-divider {
    width: 272px;
    margin-left: -20px; }

.one-related-entry {
  width: 630px;
  height: 42px;
  border-top: 2px solid #6AD98A;
  border-bottom: 2px solid #6AD98A;
  overflow: hidden;
  margin: 0px 0px 24px 20px; }
  .one-related-entry p {
    text-transform: uppercase;
    font-family: "BrownStd-bold", sans-serif;
    color: #6AD98A;
    letter-spacing: 1.5px;
    font-size: 14px;
    padding-top: 9px;
    display: inline-block; }
  .one-related-entry a.one-related-link {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "BrownStd", sans-serif;
    color: #000;
    letter-spacing: 0px;
    font-size: 13px;
    padding-left: 9px;
    max-width: 430px;
    overflow: hidden;
    display: inline-block;
    height: 20px;
    vertical-align: top; }
    .one-related-entry a.one-related-link em {
      font-family: "BrownStd", sans-serif; }
  .one-related-entry .icon-arrow-right {
    color: #6AD98A;
    font-size: 10px;
    letter-spacing: -1px;
    display: inline; }
  .one-related-entry .icon-read-more {
    display: inline-block;
    vertical-align: top; }

.three-related-entries {
  background: #FFF;
  clear: both;
  float: left; }
  .three-related-entries ul {
    list-style: none;
    margin: 17px 0px 0px 0px; }
  .three-related-entries li {
    padding: 0;
    display: block; }
  .three-related-entries li:hover p {
    color: #6AD98A; }
  .three-related-entries .read-these-next {
    height: 40px;
    text-transform: uppercase;
    font-family: "BrownStd-bold", sans-serif;
    color: #6AD98A;
    letter-spacing: 1.5px; }
  .three-related-entries a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "BrownStd", sans-serif;
    color: #000; }
  .three-related-entries img {
    float: left;
    padding: 0 15px 0 0; }
  .three-related-entries .icon-arrow-right {
    color: #6AD98A;
    font-size: 10px;
    letter-spacing: -1px; }

.related-entry {
  max-width: 35%;
  float: right; }
  .related-entry img {
    float: left; }
  .related-entry h4 {
    color: #000; }
  .related-entry .main-nav-condensed-title {
    max-width: 75%; }

@media only screen and (max-width: 1050px) {
  .related-entry {
    display: none; } }

.related-text {
  width: 160px;
  height: 113px;
  overflow: hidden;
  position: relative;
  display: table;
  float: left;
  font-size: 13px;
  line-height: 22px; }

.shareButtons {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  color: #f75352;
  float: right;
  margin: 0;
  padding: 0; }

.iconSocialButton {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-left: 5px; }
  .iconSocialButton.iconSocialButtonSmall {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
    height: 30px;
    width: 30px;
    font-size: 16px; }
  .iconSocialButton.iconSocialButtonFacebook {
    background: #3b5998;
    outline: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
    width: 30px; }
  .iconSocialButton.iconSocialButtonSmall:before {
    width: 35px;
    line-height: 35px; }
  .iconSocialButton.iconSocialButtonFacebook:before {
    text-indent: 0;
    white-space: normal;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    content: "\66";
    text-transform: none;
    font-family: Refinery29;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    width: 30px; }
  .iconSocialButton.iconSocialButtonPinterest {
    background: #d62229;
    outline: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
    width: 30px; }
  .iconSocialButton.iconSocialButtonPinterest:before {
    text-indent: 0;
    white-space: normal;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    content: "\70";
    text-transform: none;
    font-family: Refinery29;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 33px;
    width: 30px; }
  .iconSocialButton.iconSocialButtonEmail {
    background: #6cd88c;
    outline: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
    width: 30px; }
  .iconSocialButton.iconSocialButtonEmail:before {
    text-indent: 0;
    white-space: normal;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    content: "\65";
    text-transform: none;
    font-family: Refinery29;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 31px;
    width: 30px; }

section.carouselVideo {
  position: relative;
  clear: both;
  min-height: 530px; }
  section.carouselVideo .oo-player {
    width: 100%;
    height: 100%; }
    section.carouselVideo .oo-player .innerWrapper {
      z-index: 900 !important; }
  section.carouselVideo .index-video-play-button {
    pointer-events: none;
    width: 115px;
    height: 115px;
    margin: -65px 0 0 -65px;
    z-index: 2100; }
    section.carouselVideo .index-video-play-button .index-video-play-triangle {
      width: 0;
      height: 0;
      margin-top: -20px;
      margin-left: -12px; }
      section.carouselVideo .index-video-play-button .index-video-play-triangle .icon-play {
        font-size: 40px; }
  section.carouselVideo .oo_promo {
    background-color: #FFF !important; }
    section.carouselVideo .oo_promo div.oo_start_button {
      display: none; }
  section.carouselVideo img {
    display: block; }
  section.carouselVideo > header {
    position: relative;
    margin: 0 auto 15px auto; }
    section.carouselVideo > header h1, section.carouselVideo > header h2.h1 {
      float: left;
      width: 97%;
      margin: 0 0 15px 20px;
      padding: 0; }
    section.carouselVideo > header h1.no-margin, section.carouselVideo > header span.h1.no-margin {
      margin: 0; }
    section.carouselVideo > header h2 .icon, section.carouselVideo > header h2 .comment-bubble, section.carouselVideo > header h2 .price-tag, section.carouselVideo > header h2 .email-signup-overlay-icon-mail, section.carouselVideo > header h2 .pinterest-overlay-logo, section.carouselVideo > header h2 .product-save-star {
      margin-right: 5px; }
    section.carouselVideo > header:after {
      clear: both;
      content: '';
      display: block; }
    section.carouselVideo > header hr {
      margin: 0 0 20px 0; }
  section.carouselVideo .wrapper {
    margin: 0 auto;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out; }
  section.carouselVideo ul {
    width: 2000px;
    margin: 0;
    padding: 0;
    position: relative; }
    section.carouselVideo ul li {
      float: left;
      list-style: none; }
      section.carouselVideo ul li h2 {
        margin: 0;
        line-height: 30px;
        height: 72px; }
    section.carouselVideo ul:after {
      content: '';
      clear: both;
      display: block; }
  section.carouselVideo.tiles > li {
    position: relative; }
  section.carouselVideo.tiles > li.collapsed .info {
    background: #000;
    background-color: rgba(0, 0, 0, 0.7); }
  section.carouselVideo.tiles .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    -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; }
    section.carouselVideo.tiles .info.collapsible, section.carouselVideo.tiles .info.cover {
      top: 0; }
      section.carouselVideo.tiles .info.collapsible:before, section.carouselVideo.tiles .info.cover:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
        margin-right: -0.4em; }
  section.carouselVideo.vertical .player {
    margin: 0 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  section.carouselVideo.vertical .wrapper {
    position: relative; }
    section.carouselVideo.vertical .wrapper ul {
      width: 217px; }
      section.carouselVideo.vertical .wrapper ul > li {
        float: none;
        max-height: 183px; }
  section.carouselVideo.videos .player {
    width: 690px;
    height: 388px; }
    section.carouselVideo.videos .player h2 {
      margin: 10px 0 0 0; }
      section.carouselVideo.videos .player h2 a {
        color: #222; }
    section.carouselVideo.videos .player p {
      line-height: 1.5; }
    section.carouselVideo.videos .player h2, section.carouselVideo.videos .player p {
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
  section.carouselVideo.videos .right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    left: 40px;
    top: 0; }
    section.carouselVideo.videos .right .selection:before {
      content: '';
      position: absolute;
      left: -5px;
      top: 60px;
      height: 0;
      width: 0;
      font-size: 0;
      line-height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: 5px solid #6AD98A; }
    section.carouselVideo.videos .right .selection {
      position: absolute;
      background-color: #6AD98A;
      height: 185px;
      width: 230px;
      top: 282px;
      left: 0; }
    section.carouselVideo.videos .right h4 {
      margin: 4px 0 8px 0;
      text-align: right; }
  section.carouselVideo.videos ul p {
    font-size: 14px;
    font-family: "BrownStd", sans-serif;
    line-height: 118px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase; }
  section.carouselVideo.videos ul li {
    padding: 3px;
    background: #FFF; }
    section.carouselVideo.videos ul li.isSelected {
      background: #6AD98A; }
      section.carouselVideo.videos ul li.isSelected .preview-playhead-small {
        display: none; }
  section.carouselVideo.videos ul img {
    display: block;
    width: 210px; }
    section.carouselVideo.videos ul img.preview-playhead-small {
      -webkit-transition: opacity ease 700ms;
      -moz-transition: opacity ease 700ms;
      -ms-transition: opacity ease 700ms;
      -o-transition: opacity ease 700ms;
      transition: opacity ease 700ms;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 400;
      margin: -40px 0 0 -26px;
      width: auto;
      opacity: .8; }
    section.carouselVideo.videos ul img.isHovered {
      opacity: 1; }
  section.carouselVideo.videos ul h3 {
    font: 12px/15px "BrownStd", sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 0;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 1px; }
    section.carouselVideo.videos ul h3[maxlines="3"] {
      height: 45px; }
  section.carouselVideo.videos ul p {
    line-height: 1.5; }
  section.carouselVideo.videos ul li {
    cursor: pointer;
    margin-bottom: 10px; }
    section.carouselVideo.videos ul li .thumbnail {
      padding: 0; }
    section.carouselVideo.videos ul li h3 {
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      -ms-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
    section.carouselVideo.videos ul li.selected h3 {
      color: #000; }

/*
  Touch alterations
*/
.touch section.carousel.videos .right:before, .touch section.carousel.videos .right:after {
  display: none; }

.infinitescroll-spinner {
  position: relative; }

.infinitescroll-spinner .infinitescrollSpinner-spinner {
  display: block;
  outline: 0;
  white-space: nowrap;
  overflow: hidden;
  height: 45px;
  width: 100%;
  background: transparent url("../images/logos/refinery29-grey-noborder.png") center center no-repeat; }

.infinitescroll-spinner .infinitescrollSpinner-spinner:after {
  -webkit-animation: rotate .6s infinite linear;
  -moz-animation: rotate 0.6s linear 0s infinite;
  background-image: url("../images/video/outerring.png");
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  -webkit-filter: invert(34%);
  filter: invert(100%);
  background-position: center;
  background-size: 80%; }

.product-img-size, div.product-overlay, .product-item-container:hover .product-overlay-link, .product-img-container {
  width: 134px;
  height: 160px; }

.products {
  margin: 0 auto;
  font-family: "BrownStd", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left; }

.shop-this-slideshow {
  font-size: 16px;
  letter-spacing: 1px;
  margin: 0px 0px 30px 0px;
  vertical-align: top;
  width: 960px; }

.price-tag {
  color: #6AD98A;
  font-size: 18px;
  margin-right: 7px;
  padding-left: 8px; }

.product-list {
  list-style: none;
  margin: 0px; }

.product-item-container {
  position: relative;
  width: 134px;
  height: 283px;
  margin-right: 21px;
  margin-bottom: 30px;
  padding-top: 20px;
  border-bottom: 1px solid #ccc; }

div.product-overlay {
  display: none;
  position: absolute;
  z-index: 500; }

.product-item-container:hover .product-overlay {
  display: table;
  background-color: rgba(0, 0, 0, 0.6); }

.product-item-container:hover .product-overlay-link {
  display: block;
  position: absolute;
  z-index: 700; }

.product-buy-container {
  width: 134px; }

.product-overlay-retailer {
  width: 100px;
  margin: 10px auto 22px auto; }

a.product-links {
  color: #F75352;
  text-decoration: none; }

.product-img-container {
  display: block; }

.product-img {
  height: auto;
  max-width: 134px;
  max-height: 160px;
  display: block;
  margin: 0px auto; }

.product-info {
  font-size: 11px;
  text-align: center;
  line-height: 14px;
  margin-top: 10px;
  color: #000; }

.product-retailer {
  padding-top: 5px;
  height: 28px;
  overflow-y: hidden;
  display: block; }

.product-description {
  font-family: "BrownStd-bold", sans-serif;
  display: block;
  height: 37px;
  padding: 6px 0px 6px 0px;
  overflow-y: hidden; }

.has-special-price .product-price {
  text-decoration: line-through; }

.product-price,
.product-special-price {
  font-family: "BrownStd-bold", sans-serif;
  display: inline-block;
  padding-top: 5px; }

.product-special-price {
  color: #F75352; }

.module-article-full a.product-overlay-retailer {
  color: #F75352;
  text-decoration: none; }

.product-sponsored {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  font-size: 10px;
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #777; }

section.carousel {
  position: relative;
  overflow: hidden;
  clear: both; }
  section.carousel img {
    display: block; }
  section.carousel > header {
    position: relative;
    margin: 37px auto 37px; }
    section.carousel > header h1, section.carousel > header h2.h1 {
      font-weight: normal;
      font-size: 26px;
      font-family: "BrownStd-light", sans-serif;
      text-transform: uppercase;
      float: left;
      letter-spacing: 1px;
      margin: 0 0 0 20px;
      padding: 0; }
    section.carousel > header h1.no-margin, section.carousel > header span.h1.no-margin {
      margin: 0; }
    section.carousel > header h2 {
      font-weight: normal;
      font-size: 26px;
      font-family: "BrownStd", sans-serif;
      text-transform: uppercase;
      float: left;
      letter-spacing: 1px;
      margin: 0; }
    section.carousel > header menu {
      float: right; }
    section.carousel > header:after {
      clear: both;
      content: '';
      display: block; }
  section.carousel .wrapper {
    overflow: hidden;
    height: 407px;
    max-width: 1690px;
    margin: 0 auto;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out; }
  section.carousel .default {
    opacity: 0; }
  section.carousel .shown {
    opacity: 1; }
  section.carousel menu[type=toolbar] {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none; }
    section.carousel menu[type=toolbar] > li {
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      border-radius: 24px;
      -webkit-background-clip: border-box;
      -moz-background-clip: border-box;
      background-clip: border-box;
      list-style: none;
      background-color: #F75352;
      margin-left: 10px;
      display: inline-block; }
    section.carousel menu[type=toolbar] .previous a, section.carousel menu[type=toolbar] .next a {
      position: static;
      display: inline-block;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      border-radius: 24px;
      -webkit-background-clip: border-box;
      -moz-background-clip: border-box;
      background-clip: border-box;
      -webkit-transition: background-color 0.3s ease-out;
      -moz-transition: background-color 0.3s ease-out;
      -ms-transition: background-color 0.3s ease-out;
      -o-transition: background-color 0.3s ease-out;
      transition: background-color 0.3s ease-out;
      width: 24px;
      height: 24px;
      background: #F75352;
      border: 3px solid #F75352;
      color: #FFF;
      text-align: center;
      text-decoration: none; }
      section.carousel menu[type=toolbar] .previous a:before, section.carousel menu[type=toolbar] .next a:before {
        line-height: 25px;
        font-family: 'refinery29';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 0.7em; }
      section.carousel menu[type=toolbar] .previous a:hover, section.carousel menu[type=toolbar] .next a:hover {
        background-color: #FFF;
        color: #F75352; }
    section.carousel menu[type=toolbar] .next a:before {
      content: "\6c";
      margin-right: -1px; }
    section.carousel menu[type=toolbar] .previous a:before {
      content: "\72";
      margin-right: 4px; }
  section.carousel.fading ul .inside {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  section.carousel.fading ul > li:not(.selected):not(.past):not(.future) .info {
    background: #000;
    background-color: rgba(0, 0, 0, 0.4); }
  section.carousel.compact {
    padding: 0; }
    section.carousel.compact > header {
      margin-top: 0;
      margin-bottom: 0; }
      section.carousel.compact > header menu {
        height: 0; }
      section.carousel.compact > header .carrot {
        width: 146px;
        height: 52px;
        position: absolute;
        z-index: 200;
        margin-left: -20px; }
        section.carousel.compact > header .carrot .caret {
          width: 15px;
          height: 10px;
          position: absolute;
          left: 107px;
          top: 33px; }
      section.carousel.compact > header h2 {
        background-color: #000;
        font-family: "BrownStd-bold", sans-serif;
        font-size: 10px;
        padding: 11px;
        position: absolute;
        left: 0px;
        z-index: 400; }
    section.carousel.compact menu[type=toolbar] .previous a, section.carousel.compact menu[type=toolbar] .next a {
      width: 48px;
      height: 48px;
      z-index: 500;
      border: 0;
      cursor: pointer;
      position: absolute;
      top: 179.5px;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.4);
      background-repeat: no-repeat;
      background-position: center;
      list-style: none; }
      section.carousel.compact menu[type=toolbar] .previous a:hover, section.carousel.compact menu[type=toolbar] .next a:hover {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.7); }
      section.carousel.compact menu[type=toolbar] .previous a:before, section.carousel.compact menu[type=toolbar] .next a:before {
        display: none; }
    section.carousel.compact menu[type=toolbar] .previous a {
      left: -24px; }
      section.carousel.compact menu[type=toolbar] .previous a .icon-previous {
        width: 16px;
        height: 18px;
        top: 15px;
        position: absolute;
        left: 15px; }
    section.carousel.compact menu[type=toolbar] .next a {
      right: -24px; }
      section.carousel.compact menu[type=toolbar] .next a .icon-next {
        width: 16px;
        height: 18px;
        top: 15px;
        position: absolute;
        left: 15px; }
  section.carousel.up-next ul li h2 {
    padding: 0 20px; }
  section.carousel ul {
    width: 2000px;
    margin: 0;
    padding: 0;
    position: relative; }
    section.carousel ul li {
      float: left;
      list-style: none; }
      section.carousel ul li#ad-bi-hero .picture img {
        width: 340px; }
      section.carousel ul li h2 {
        margin: 0;
        line-height: 30px;
        height: 72px; }
      section.carousel ul li .replacable .inside.more h2 {
        height: 72px;
        overflow: hidden; }
    section.carousel ul:after {
      content: '';
      clear: both;
      display: block; }
  section.carousel.vertical .player {
    margin: 0 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  section.carousel.vertical .wrapper {
    position: relative; }
    section.carousel.vertical .wrapper ul {
      width: 230px; }
      section.carousel.vertical .wrapper ul > li {
        float: none;
        max-height: 183px; }
  section.carousel.gapped ul > li {
    width: 300px;
    margin-right: 40px; }
  section.carousel.gapped .info .inside {
    width: 100%; }
  section.carousel.gapped .wrapper {
    height: 360px;
    margin: 0 auto 60px auto; }
  section.carousel.gapped ul > li {
    width: 300px;
    margin-right: 40px; }
  section.carousel ul.tiles span.icon-read-more {
    line-height: 2em;
    font-size: 11px;
    text-transform: uppercase;
    overflow: hidden;
    display: block; }
  section.carousel.products {
    text-transform: uppercase; }
    section.carousel.products ul
.picture {
      width: 300px;
      height: 360px; }
    section.carousel.products .info .inside {
      overflow: hidden;
      width: 100%;
      white-space: nowrap;
      line-height: 1.5; }
    section.carousel.products .info strong {
      font-size: 11px; }
    section.carousel.products .info h2, section.carousel.products .info p, section.carousel.products .info strong {
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
    section.carousel.products .info strong, section.carousel.products .info p {
      line-height: 2em; }
    section.carousel.products .info h2 {
      font-size: 20px;
      font-family: "BrownStd-light", sans-serif;
      display: inline-block;
      line-height: 28px;
      max-width: 260px;
      height: 28px; }
    section.carousel.products .info span.icon-read-more {
      display: inline;
      opacity: 1;
      max-height: 30px;
      margin-left: 5px;
      position: relative; }
    section.carousel.products .info strong, section.carousel.products .info p {
      font-family: "BrownStd-bold", sans-serif; }
    section.carousel.products .info p {
      font-size: 11px;
      margin: 0 0 0 0;
      padding: 0 0 0 25px;
      display: inline; }
    section.carousel.products .info span.shop-this-price {
      margin-left: -25px; }

ul.tiles > li {
  position: relative; }

ul.tiles > li.collapsed .info {
  background: #000;
  background-color: rgba(0, 0, 0, 0.7); }

ul.tiles > li.collapsed span.icon-read-more {
  opacity: 1;
  max-height: 30px; }

ul.tiles > li.collapsed .replacable.info {
  top: 297px; }

ul.tiles > li.collapsed .replacable .inside {
  opacity: 1; }

ul.tiles .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  -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; }
  ul.tiles .info.collapsible, ul.tiles .info.cover {
    top: 0; }
    ul.tiles .info.collapsible:before, ul.tiles .info.cover:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 0;
      margin-right: -0.4em; }
  ul.tiles .info.replacable .inside {
    padding: 20px 20px 0;
    position: absolute;
    top: 0;
    opacity: 0; }
  ul.tiles .info .inside {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    ul.tiles .info .inside .red {
      white-space: normal;
      color: #F75352; }

/*
    Homepage Hero image resize
*/
#hero-stories img {
  width: 339px;
  height: 407px; }

/*
    "Up Next" Carousel
*/
section.carousel.up-next .wrapper {
  max-width: 980px; }

section.carousel.up-next > header h2 .icon, section.carousel.up-next > header h2 .comment-bubble, section.carousel.up-next > header h2 .price-tag, section.carousel.up-next > header h2 .email-signup-overlay-icon-mail, section.carousel.up-next > header h2 .pinterest-overlay-logo, section.carousel.up-next > header h2 .product-save-star {
  font-size: 80%; }

/*
  Touch alterations
*/
.touch section.carousel.fading menu[type=toolbar]:before, .touch section.carousel.fading menu[type=toolbar]:after {
  display: none; }

.category-page-wrapper {
  margin: 0 auto; }
  .category-page-wrapper .share-button-pinterest, .category-page-wrapper .index-share-pinterest {
    position: absolute;
    margin: 0;
    right: 30px;
    bottom: 16px; }
  .category-page-wrapper .icon, .category-page-wrapper .comment-bubble, .category-page-wrapper .price-tag, .category-page-wrapper .email-signup-overlay-icon-mail, .category-page-wrapper .pinterest-overlay-logo, .category-page-wrapper .product-save-star {
    font-size: 28px;
    margin-right: 8px; }
  .category-page-wrapper .one-of-four, .category-page-wrapper .one-of-three, .category-page-wrapper .one-of-two, .category-page-wrapper .two-of-three, .category-page-wrapper .one-of-one {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
  .category-page-wrapper a {
    color: #000; }
  .category-page-wrapper .share-button.small, .category-page-wrapper .small.collection-hero-share-button, .category-page-wrapper .small.share-button-email, .category-page-wrapper .small.index-share-email, .category-page-wrapper .small.share-button-pinterest, .category-page-wrapper .small.index-share-pinterest, .category-page-wrapper .small.share-button-twitter, .category-page-wrapper .small.share-button-reddit, .category-page-wrapper .small.share-button-facebook, .category-page-wrapper .small.index-share-facebook,
  .category-page-wrapper .small.share-button-email,
  .category-page-wrapper .small.index-share-email,
  .category-page-wrapper .small.share-button-pinterest,
  .category-page-wrapper .small.index-share-pinterest {
    margin: 0 0 0 10px;
    color: #FFF; }
  .category-page-wrapper .small.share-button-facebook, .category-page-wrapper .small.index-share-facebook {
    margin-left: 0; }

.category-page-grid {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.category-page-social-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .category-page-social-list li {
    line-height: 1; }
  .category-page-social-list a {
    color: #FFF; }

.category-page-social-count {
  letter-spacing: 1px;
  color: #999;
  display: none;
  margin-right: 10px; }
  .category-page-social-count h3, .category-page-social-count p {
    margin: 0;
    font-family: "BrownStd-light", sans-serif; }
  .category-page-social-count p {
    font-size: 16px;
    line-height: 2.2; }
  .category-page-social-count h3 {
    font-size: 20px;
    margin-right: 5px;
    line-height: 1.6; }

a.category-page-twitter-btn {
  background-color: #4099ff;
  outline: none;
  border: none;
  cursor: pointer;
  color: #fff;
  margin: 0 0 0 10px;
  line-height: 30px;
  display: inline-block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  text-align: center;
  padding: 0;
  height: 30px;
  width: 30px; }

.category-page-email-btn {
  font-size: 12px; }

.category-page-module-name {
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #999; }

.category-page-contributor {
  text-transform: uppercase;
  display: inline-block;
  font-family: "BrownStd-bold", sans-serif;
  margin-right: 5px; }

.category-page-author-prefix {
  display: block; }

.category-page-read-more {
  display: table;
  text-transform: uppercase;
  color: #FFF;
  font-family: "BrownStd-bold", sans-serif;
  font-size: 14px; }

.category-page-read-more-arrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 5px solid #F75352;
  border-bottom: 5px solid transparent;
  display: inline-block;
  margin-left: 8px; }

.category-page-ad-wrapper .window {
  height: 370px;
  width: 820px; }

.category-page-ad-wrapper .polar {
  height: 470px;
  width: 820px; }

.beauty-wrapper .category-page-grid {
  background-color: #FFF;
  position: relative;
  padding-top: 24px;
  width: 1280px; }

.category-page-hero {
  width: 100%;
  position: relative;
  color: #FFF; }
  .category-page-hero img {
    width: 100%;
    height: 525px; }
  .category-page-hero a {
    color: #FFF;
    display: block;
    width: 100%; }
  .category-page-hero:hover .category-page-hero-header {
    color: #6ad98a;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out; }

.category-page-hero-info {
  top: 0;
  right: 0;
  width: 610px;
  height: 370px; }

.category-page-hero-header,
.category-page-hero-text {
  font-size: 16px;
  z-index: 900;
  position: relative;
  font-family: "TiemposText", serif; }

.category-page-hero-header {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  font-size: 45px;
  line-height: 49px;
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif; }

.triangle-topright {
  top: 0;
  right: 0;
  border-top: 330px solid #000;
  border-left: 840px solid transparent;
  z-index: 0; }

.vertical-hero-container {
  max-width: 1500px;
  height: 530px;
  position: relative;
  min-width: 1280px;
  margin: 0 auto; }
  .vertical-hero-container .category-page-vertical-hero {
    position: absolute;
    color: #000; }
    .vertical-hero-container .category-page-vertical-hero img {
      position: absolute;
      width: 950px;
      height: auto;
      margin: 0 auto; }
    .vertical-hero-container .category-page-vertical-hero a {
      display: block;
      width: 950px;
      margin: 0 auto;
      color: #000; }
  .vertical-hero-container .category-page-read-more-arrow {
    border-left: 14px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin-bottom: 6px;
    margin-left: 5px; }

.category-page-vertical-hero-info {
  position: absolute;
  max-width: 441px;
  margin: 15px 0px 0px 927px; }
  .category-page-vertical-hero-info a {
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #000; }

.category-page-vertical-hero-header,
.category-page-hero-text {
  position: relative;
  width: 100%;
  z-index: 900;
  font-size: 16px;
  font-family: "TiemposText", serif; }

.category-page-vertical-hero-header {
  max-height: 430px;
  font-size: 60px;
  line-height: 72px;
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  overflow: hidden; }

.category-page-read-more {
  margin-left: 40px;
  margin-top: 9px;
  font-size: 35px;
  letter-spacing: .15em;
  color: black; }

.vertical-hero-byline {
  display: inline-block;
  margin-left: 40px;
  font-size: 15px;
  font-family: "BrownStd-light", sans-serif;
  color: #999; }
  .vertical-hero-byline a {
    float: none;
    color: #999; }

.vertical-hero-contributor {
  display: inline-block;
  color: #999;
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  letter-spacing: .05em; }
  .vertical-hero-contributor:first-of-type {
    padding: 0 2px; }

.category-page-feed {
  width: 300px;
  margin-top: -40px;
  background: #FFF;
  position: relative;
  text-align: center;
  padding: 5px 25px; }

.category-page-feed-header {
  font-family: "BrownStd-light", sans-serif;
  font-size: 26px;
  color: #FFF;
  background: #000;
  padding: 12px 30px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  left: 0px;
  top: -90px;
  letter-spacing: 1px;
  margin: 0; }
  .category-page-feed-header span {
    font-family: "BrownStd-bold", sans-serif; }

.category-page-feed-timeline {
  list-style: none;
  border-left: 1px solid #F9F9F9;
  text-transform: uppercase;
  text-align: left;
  border-top: 20px solid #FFF;
  border-bottom: 20px solid #FFF; }
  .category-page-feed-timeline li {
    position: relative; }
  .category-page-feed-timeline li:first-child {
    margin-top: -20px; }
  .category-page-feed-timeline li:last-child {
    margin-bottom: 0;
    margin-top: -20px; }
    .category-page-feed-timeline li:last-child .category-page-feed-item {
      top: 23px; }
    .category-page-feed-timeline li:last-child .category-page-feed-date,
    .category-page-feed-timeline li:last-child .category-page-feed-circle {
      top: 100%; }

.category-page-feed-ad-item {
  width: 300px;
  margin-left: -81px;
  margin-bottom: 0; }

.category-page-feed-ad-wrapper {
  width: 300px;
  background: #fff; }

.category-page-feed-content {
  line-height: 1; }

.category-page-feed-item {
  color: #000;
  display: block;
  position: relative; }

.category-page-feed-title {
  font-family: "BrownStd-bold", sans-serif;
  line-height: 1.3;
  margin: 0 0 15px;
  font-size: 14px;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out; }
  .category-page-feed-title em {
    font-family: "BrownStd-light", sans-serif; }
  .category-page-feed-title strong {
    font-family: "BrownStd", sans-serif; }

.category-page-feed-date {
  margin-top: -12px;
  top: 50%;
  left: -75px;
  font-size: 10px;
  line-height: 20px;
  font-family: "BrownStd", sans-serif;
  color: #b9b9b9;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out; }

.category-page-feed-circle {
  margin-top: -5px;
  top: 50%;
  left: -24px;
  width: 5px;
  height: 5px;
  background: #FFF;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  display: block; }

.category-page-feed-thumb {
  margin-bottom: 8px;
  border: 1px solid #EBEBEC; }

.with-thumb .category-page-feed-date,
.with-thumb .category-page-feed-circle {
  top: 0;
  margin-top: 0; }

.with-thumb .category-page-feed-date {
  margin-top: -5px; }

.category-page-feed-content:hover .category-page-feed-item,
.category-page-feed-content:hover .category-page-feed-date {
  cursor: pointer;
  color: #6AD98A; }

.category-page-feed-content:hover .category-page-feed-circle {
  background: #6AD98A;
  border: 1px solid #6AD98A; }

.category-page-feed:before {
  content: "";
  top: -140px;
  left: 0;
  border-bottom: 141px solid #FFF;
  border-right: 350px solid transparent;
  width: 0;
  height: 0; }

.vertical-hero-feed .category-page-feed:before {
  display: none; }

.vertical-hero-feed .category-page-feed {
  padding-top: 8px;
  margin-top: 0; }

.vertical-hero-feed .category-page-feed-header {
  left: 28px;
  padding: 14px 25px;
  top: 0px; }

.vertical-hero-feed .category-page-feed-timeline {
  margin-left: 76px;
  margin-top: 85px;
  border-top: 12px solid #FFF; }

.vertical-hero-feed .category-page-feed-date {
  left: -68px; }

.category-page-circlestory {
  width: 470px;
  position: relative;
  font-family: brownstd-light, sans-serif;
  margin-left: -40px;
  margin-right: 90px; }

.category-page-circlestory-img-wrapper {
  width: 470px;
  height: 470px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  border: 1px solid #EBEBEC; }
  .category-page-circlestory-img-wrapper a {
    display: block; }

.category-page-circlestory-info-wrapper {
  position: relative;
  margin-top: -25%;
  display: table;
  margin-left: 40px; }

.category-page-circlestory-title-wrapper {
  width: 240px;
  position: relative;
  padding: 25px 0;
  min-height: 150px;
  display: table;
  table-layout: fixed; }
  .category-page-circlestory-title-wrapper a {
    color: #FFF; }

.category-page-circlestory-title-wrapper:before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 25px solid #6AD98A;
  border-right: 60px solid transparent;
  width: 180px;
  height: 0;
  opacity: 0.8; }

.category-page-circlestory-title-wrapper:after {
  content: "";
  bottom: 0;
  left: 0;
  border-top: 25px solid #6AD98A;
  border-left: 60px solid transparent;
  width: 180px;
  height: 0;
  opacity: 0.8; }

.category-page-circlestory-title {
  background: rgba(106, 215, 137, 0.8);
  margin: 0;
  color: #FFF;
  padding: 5px 15px;
  font-size: 28px;
  font-family: brownstd-light, sans-serif;
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

.category-page-circlestory-author-wrapper {
  display: table-cell;
  vertical-align: bottom;
  font-size: 12px;
  color: #000; }

.category-page-circlestory-comments-count {
  color: #000;
  display: block;
  font-weight: normal;
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 11px; }

.icon-bubble, .comment-bubble {
  width: 15px;
  height: 15px;
  vertical-align: bottom;
  color: #363380;
  font-size: 14px;
  margin-right: 4px; }

.category-page-singlestory {
  width: 818px;
  border: 1px solid #EBEBEC;
  position: relative; }
  .category-page-singlestory em {
    font-family: "BrownStd-bold", sans-serif; }

.category-page-singlestory-image-wrapper {
  width: 400px;
  position: relative; }

.category-page-singlestory-info-wrapper {
  width: 378px;
  bottom: 0;
  right: 0;
  top: 0;
  font-family: "BrownStd-light", sans-serif; }
  .category-page-singlestory-info-wrapper span {
    font-size: 12px; }

.shop-this a {
  color: #6AD98A;
  font-size: 14px; }

.category-page-singlestory-title {
  font-family: "BrownStd-light", sans-serif;
  color: #000; }

.category-page-singlestory-body {
  font-family: "TiemposText", serif;
  line-height: 1.5;
  font-size: 16px; }

.category-page-singlestory-social {
  bottom: 10px; }
  .category-page-singlestory-social .share-button-facebook, .category-page-singlestory-social .index-share-facebook {
    margin-left: 0; }

.category-page-singlevideo {
  border: 1px solid #EBEBEC; }

.category-page-singlevideo-video-wrapper {
  position: relative;
  width: 818px;
  height: 470px; }

.category-page-singlevideo-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }
  .category-page-singlevideo-cover img {
    height: 100%; }

.category-page-singlevideo-video-container {
  position: relative;
  z-index: 1;
  height: 470px; }

.category-page-singlevideo-play-btn {
  display: inline-block;
  width: 140px;
  height: 140px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -70px 0 0 -70px;
  cursor: pointer; }

.category-page-singlevideo-triangle {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 35px solid #FFF;
  border-bottom: 20px solid transparent;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -13px; }

.category-page-singlevideo-info-wrapper {
  position: relative;
  width: 100%; }

.category-page-singlevideo-title {
  font-family: "BrownStd-light", sans-serif;
  width: 500px;
  margin: 0;
  color: #000; }

.category-page-singlevideo-social {
  right: 0;
  top: 32%; }

.category-page-featured-editors {
  text-transform: uppercase;
  width: 820px; }

.category-page-featured-editors-item {
  text-align: center;
  margin-top: -30px; }

.category-page-featured-editors-title {
  font-family: "BrownStd-light", sans-serif; }

img.category-page-featured-editors-thumb {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  display: inline-block;
  margin-bottom: 10px; }

.category-page-featured-editors-name {
  color: #000;
  font-size: 12px;
  font-family: "BrownStd-bold", sans-serif;
  display: block; }

.category-page-featured-editors-role {
  display: block;
  font-size: 10px;
  font-family: "BrownStd-light", sans-serif; }

.category-page-three-stories {
  width: 818px; }
  .category-page-three-stories em {
    font-family: "BrownStd-bold", sans-serif; }

.category-page-doublestory {
  border: 1px solid #EBEBEC;
  font-family: "BrownStd-light", sans-serif; }

.category-page-doublestory-wrapper[data-order="1"] {
  padding-right: 10px; }

.category-page-doublestory-wrapper[data-order="2"] {
  padding-left: 10px; }

.category-page-doublestory-image-wrapper {
  position: relative; }

.category-page-doublestory-info-wrapper {
  padding: 20px;
  position: relative;
  min-height: 335px; }
  .category-page-doublestory-info-wrapper span {
    font-size: 12px; }

.category-page-doublestory-title {
  font-family: "BrownStd-light", sans-serif;
  color: #000;
  line-height: 1.1; }

.category-page-instagram,
.category-page-instagram-small,
.category-page-instagram-large {
  position: relative; }

.instagram-one-of-one,
.instagram-one-of-two,
.instagram-one-of-three,
.instagram-one-of-four,
.instagram-two-of-three {
  position: relative; }
  .instagram-one-of-one img,
  .instagram-one-of-two img,
  .instagram-one-of-three img,
  .instagram-one-of-four img,
  .instagram-two-of-three img {
    float: left; }

.category-page-instagram-small {
  width: 820px;
  height: 412px;
  text-align: center; }

.category-page-instagram-large {
  width: 1240px;
  text-align: center; }

.category-page-instagram-title {
  font-family: "BrownStd-light", sans-serif;
  text-transform: uppercase;
  margin: 0 20px 20px 0;
  line-height: 1.2;
  font-size: 28px; }
  .category-page-instagram-title a {
    color: #363380; }

.category-page-instagram-title.small {
  margin-bottom: 5px; }

.category-page-instagram-description {
  font-family: "TiemposText", serif; }
  .category-page-instagram-description a {
    color: #363380; }

.category-page-instagram-description.large {
  float: left;
  margin: 0;
  line-height: 2.6em; }

.category-page-instagram-description.small {
  clear: both; }

.category-page-instagram img {
  width: 100%; }

.category-page-instagram-large-img,
.category-page-instagram-large-img img {
  height: 412px; }

.category-page-instagram-medium-img img {
  height: 206px; }

.category-page-instagram-small-img img {
  height: 103px; }

.category-page-instagram-user {
  position: relative;
  display: inline-block;
  background: #FFF;
  bottom: 60px;
  padding: 8px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  font-family: "TiemposText", serif; }

.category-page-editors {
  font-family: "BrownStd-light", sans-serif; }
  .category-page-editors .category-page-read-more {
    color: #F75352;
    margin-left: 0px; }

.category-page-editors-img-wrapper {
  width: 820px;
  position: relative; }

.category-page-editors-img-wrapper img {
  width: 820px;
  height: 981px; }

.category-page-editors-img-wrapper a {
  display: block; }

.category-page-editors-markup {
  font-family: "BrownStd-bold", sans-serif;
  font-size: 16px;
  position: absolute;
  top: 40px;
  left: 40px;
  background: #FFF;
  padding: 8px 50px;
  text-transform: uppercase;
  letter-spacing: 2px; }

.category-page-editors-info-wrapper span {
  font-size: 12px; }

.category-page-editors-title {
  font-family: "BrownStd-light", sans-serif;
  font-size: 46px;
  text-transform: uppercase;
  margin-top: 70px;
  color: #000; }

.category-page-editors-description {
  font-family: "TiemposText", serif;
  line-height: 1.6;
  font-size: 16px; }

.category-page-ootd {
  width: 820px;
  position: relative; }
  .category-page-ootd ul, .category-page-ootd li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .category-page-ootd ul {
    width: 10000px; }

.ootd-touch-only {
  display: none; }

.category-page-ootd-main {
  width: 100%;
  height: 400px;
  position: relative; }

.category-page-ootd-main-img-wrapper {
  width: 400px;
  max-height: 400px;
  overflow: hidden;
  position: relative; }
  .category-page-ootd-main-img-wrapper img {
    width: auto;
    height: 400px;
    z-index: 100; }

.category-page-ootd-img-list li {
  width: 400px;
  height: 400px; }

.category-page-ootd-main-info-wrapper {
  width: 298px;
  text-align: center;
  font-family: "BrownStd-light", sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #EBEBEC; }
  .category-page-ootd-main-info-wrapper img:not([height]) {
    max-width: 300px; }

.category-page-ootd-date {
  font-family: "BrownStd-bold", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 25px; }

.category-page-ootd-description {
  font-family: "TiemposText", serif;
  line-height: 1.5;
  font-size: 15px;
  height: 200px; }
  .category-page-ootd-description a {
    color: #363380; }

.ootd-arrow-left,
.ootd-arrow-right {
  display: inline-block;
  position: absolute;
  top: 36px;
  font-size: 24px;
  color: #6AD98A;
  cursor: pointer;
  z-index: 1800; }

.ootd-arrow-left.disabled,
.ootd-arrow-right.disabled {
  color: #EBEBEC;
  cursor: default; }

.ootd-arrow-left {
  left: 20px; }

.ootd-arrow-right {
  right: 20px; }

.category-page-ootd-info-list-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }

.category-page-ootd-info-list li {
  width: 298px; }

ul[data-transition='fade'] li {
  display: none; }

.category-page-ootd-related {
  position: relative;
  width: 100%;
  overflow: hidden; }

.category-page-ootd-related-section {
  width: 100%;
  padding: 0; }
  .category-page-ootd-related-section > div:last-child {
    border: none; }
  .category-page-ootd-related-section a {
    color: #000;
    display: block;
    min-height: 125px; }
  .category-page-ootd-related-section .product-sponsored {
    position: absolute;
    left: 122px;
    font-size: 10px;
    text-align: left; }

.category-page-ootd-related-section a {
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

.no-touch .category-page-ootd-related-item:hover span.category-page-ootd-related-overlay {
  display: block; }

.no-touch .category-page-ootd-related-item:hover span.category-page-ootd-related-brand,
.no-touch .category-page-ootd-related-item:hover span.category-page-ootd-related-name,
.no-touch .category-page-ootd-related-item:hover span.category-page-ootd-price,
.no-touch .category-page-ootd-related-item:hover span.category-page-ootd-special-price {
  z-index: 200;
  color: #FFF; }

.no-touch .category-page-ootd-related-item:hover .ootd-touch-only {
  display: block; }

.touch .ootd-touch-only {
  display: inline-block;
  font-size: 11px;
  width: auto; }

.touch .category-page-ootd-related-overlay-retailer {
  display: block; }

ul.category-page-ootd-related-list {
  height: 128px;
  overflow: hidden; }
  ul.category-page-ootd-related-list li {
    width: 818px;
    height: 128px; }

.category-page-ootd-related-item {
  padding: 0 10px;
  position: relative; }
  .category-page-ootd-related-item img {
    width: 85px;
    max-height: 125px;
    display: inline-block;
    margin-right: 25px; }
  .category-page-ootd-related-item span {
    display: inline-block;
    text-transform: uppercase;
    width: 140px;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 3px;
    position: relative;
    z-index: 1800; }

span.category-page-ootd-related-name {
  margin-top: 8px;
  margin-bottom: 20px;
  font-family: "BrownStd-bold", sans-serif; }

span.category-page-ootd-price {
  font-family: "BrownStd-bold", sans-serif; }

span.category-page-ootd-related-item.with_special_price span.category-page-ootd-price {
  text-decoration: line-through;
  font-family: "BrownStd-bold", sans-serif; }

span.category-page-ootd-special-price {
  color: #F75352;
  font-family: "BrownStd-bold", sans-serif; }

span.category-page-ootd-related-brand {
  margin-top: 17px;
  font-family: "BrownStd", sans-serif;
  color: #000; }

span.category-page-ootd-related-overlay {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100; }

span.category-page-ootd-related-overlay-buy-btn,
span.category-page-ootd-related-overlay-save-btn {
  position: absolute;
  left: 10px;
  width: 100px;
  height: 40px;
  margin: 0px auto;
  font-size: 11px;
  font-family: "BrownStd", sans-serif;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-transition: background 300ms ease-in-out;
  -moz-transition: background 300ms ease-in-out;
  -ms-transition: background 300ms ease-in-out;
  -o-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out; }

span.category-page-ootd-related-overlay-buy-btn {
  top: 10px;
  background-color: #F75352; }

span.category-page-ootd-related-overlay-save-btn {
  top: 75px;
  background: #FFF;
  color: #000;
  cursor: pointer; }

span.category-page-ootd-related-overlay-save-btn.active {
  background: #000;
  color: #FFF; }

span.category-page-ootd-related-overlay-retailer {
  position: absolute;
  top: 55px;
  max-width: 130px;
  font-size: 11px;
  font-family: "BrownStd", sans-serif;
  text-align: center;
  color: #F75352; }

span.category-page-ootd-related-overlay-save-btn .icons-star-save-small {
  display: inline-block; }

span.product-save-text {
  float: none;
  width: 30px; }

/* Over-photo Triangle Styles */
.triangle-topleft {
  top: 0;
  left: 0;
  border-top: 37px solid #FFF;
  border-right: 95px solid transparent;
  z-index: 900; }

.category-page-polar {
  width: 818px;
  border: 1px solid #EBEBEC;
  position: relative;
  margin-bottom: 60px; }

.category-page-polar-img-wrapper {
  position: relative; }
  .category-page-polar-img-wrapper a, .category-page-polar-img-wrapper img {
    display: block; }
  .category-page-polar-img-wrapper img {
    width: 100%; }

.category-page-polar-info-wrapper {
  font-family: "BrownStd-light", sans-serif;
  width: 778px; }
  .category-page-polar-info-wrapper span {
    font-size: 12px; }

.category-page-polar-title {
  font-family: "BrownStd-light", sans-serif; }

.category-page-polar-description {
  width: 530px;
  font-family: "TiemposText", serif;
  clear: both; }

.category-page-polar-logos {
  text-transform: uppercase;
  font-family: "BrownStd-bold", sans-serif; }

.category-page-polar-social {
  margin-top: 35px; }

/* Internet Explorer 8 (and below) Message */
#message_ie8 {
  position: absolute;
  display: none;
  z-index: 2300;
  padding: 30px 0;
  top: 0;
  left: 0;
  width: 100%;
  background: #333;
  text-align: center;
  -webkit-animation: blinkText 1.5s ease-in-out;
  -moz-animation: blinkText 1.5s ease-in-out;
  -ms-animation: blinkText 1.5s ease-in-out;
  -o-animation: blinkText 1.5s ease-in-out;
  animation: blinkText 1.5s ease-in-out; }
  #message_ie8.show {
    display: block; }
  #message_ie8 p {
    font-size: 24px;
    color: #FFF;
    text-shadow: 0 2px 4px #000; }

.ie8 .slideshows-container .slides .slide {
  display: none; }

.campaign-branding-primary {
  padding: 20px 0 0  0;
  width: 640px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: -20px;
  display: none; }
  .campaign-branding-primary > div {
    display: inline-block;
    vertical-align: middle; }
  .campaign-branding-primary .icon-refinery29-plus-primary {
    float: none;
    width: 149px;
    height: 17px;
    margin-right: 10px; }
  .campaign-branding-primary .sponsor-logo-primary {
    display: inline-block;
    margin-right: 10px; }
  .campaign-branding-primary .presents-primary {
    font-style: italic;
    font-size: 1.1em; }

.campaign-branding-secondary {
  border: 1px solid gray;
  padding: 20px 0 0 0;
  width: 640px;
  text-align: right;
  vertical-align: middle;
  margin-bottom: -30px;
  display: none; }
  .campaign-branding-secondary > div {
    display: inline-block;
    vertical-align: middle; }
  .campaign-branding-secondary .icon-refinery29-plus-secondary {
    float: none;
    width: 119px;
    height: 13px;
    margin-right: -20px; }
  .campaign-branding-secondary .sponsor-logo-secondary {
    margin-right: 8px; }
    .campaign-branding-secondary .sponsor-logo-secondary img {
      max-width: 80%; }
    .campaign-branding-secondary .sponsor-logo-secondary .presents-secondary {
      display: block;
      width: 100%;
      margin: 5px 6px 10px 0;
      font-style: italic; }
    .campaign-branding-secondary .sponsor-logo-secondary .campaign-branding-small {
      border-left: 1px solid #ebebec;
      padding-left: 10px; }

.common-modal-view {
  position: absolute;
  top: 150px;
  left: 0px;
  z-index: 2600;
  background-color: #fff;
  width: 740px;
  height: 450px;
  position: fixed; }

.email-signup-overlay-container {
  width: 293px;
  float: right;
  margin: 140px 118px 0px 0px; }

.email-signup-overlay-success-mode {
  display: none; }

.email-signup-overlay-close-button {
  position: absolute;
  right: 20px;
  top: 30px;
  color: #0e837b;
  cursor: pointer;
  width: 50px;
  height: 50px; }
  .email-signup-overlay-close-button .icon-close {
    padding: 15px; }

.email-signup-overlay-title {
  font-family: "BrownStd-bold", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px; }

.email-signup-overlay-copy {
  font-family: "PlayfairDisplay-bold", "Georgia", sans-serif;
  text-align: center;
  width: 290px;
  color: #fff;
  margin-bottom: 40px; }

.email-signup-overlay-form {
  position: relative; }

input.email-signup-overlay-input {
  width: 286px;
  height: 55px;
  border: 2px solid #0e837b;
  padding-left: 50px;
  margin-bottom: 20px;
  text-transform: uppercase; }

.email-signup-overlay-icon-mail {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #F75352; }

.email-signup-overlay-submit-button {
  font-family: "BrownStd-light", sans-serif;
  background-color: #ffff47;
  color: #000;
  width: 124px;
  height: 48px;
  border: none;
  font-size: 18px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box; }

.email-signup-overlay-error {
  position: absolute;
  top: -50px;
  left: 0px;
  display: none; }

.email-signup-overlay-error-message {
  background-color: #F75352;
  color: #FFF;
  font-family: "BrownStd-bold", sans-serif;
  font-size: 13px;
  line-height: 13px;
  padding: 11px 9px;
  margin-top: 16px; }

.email-signup-overlay-triangle-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 6px 0 6px;
  border-color: #f75252 transparent transparent transparent;
  margin-left: 20px; }

.terms-privacy {
  font: 11px "BrownStd", sans-serif;
  margin-top: 30px;
  text-align: right;
  margin-right: -100px;
  text-transform: uppercase; }
  .terms-privacy li {
    display: inline-block;
    margin-left: 10px; }
    .terms-privacy li a {
      color: #FFF; }

.pinterest-overlay-close-button {
  position: absolute;
  right: 20px;
  top: 30px;
  color: #7f7f7f;
  cursor: pointer;
  width: 50px;
  height: 50px; }
  .pinterest-overlay-close-button .icon-close {
    padding: 15px; }

.pinterest-overlay-logo {
  font-size: 55px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 55px;
  height: 55px; }

.pinterest-overlay-title {
  font-family: "BrownStd-light", sans-serif;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 4px;
  font-size: 41px;
  margin-top: 65px; }

.pinterest-overlay-copy {
  font-family: "TiemposText", serif;
  color: #000000;
  text-align: left;
  font-size: 18px;
  margin-top: 43px;
  margin-left: 55px;
  float: left; }

.pinterest-overlay-button {
  display: flex;
  display: -webkit-flex;
  margin-top: 55px;
  padding-left: 45px; }

.centered-email-signup-overlay-close-button {
  position: absolute;
  right: 0px;
  top: 30px;
  color: #776b2d;
  cursor: pointer;
  width: 50px;
  height: 50px; }
  .centered-email-signup-overlay-close-button .icon-close {
    padding: 15px; }

.centered-email-signup-overlay-success-mode {
  display: none; }

.centered-email-signup-overlay-title {
  font-family: "BrownStd-light", sans-serif;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  font-size: 25px;
  margin-top: 100px; }

.centered-email-signup-overlay-copy {
  font-family: "TiemposText", serif;
  color: #000000;
  text-align: center;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 65px; }

.centered-email-signup-overlay-form {
  position: relative;
  margin-bottom: 55px; }

input.centered-email-signup-overlay-input {
  width: 286px;
  height: 55px;
  margin-bottom: 20px;
  text-align: center;
  color: #F75352;
  margin: 0 auto;
  display: block; }

.centered-email-signup-overlay-submit-button {
  font-family: "BrownStd-light", sans-serif;
  font-size: 18px;
  background-color: #F75352;
  color: #FFF;
  width: 124px;
  height: 48px;
  border: none;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box; }

.centered-email-signup-overlay-error {
  position: absolute;
  top: -50px;
  left: 227px;
  display: none; }

.centered-email-signup-overlay-error-message {
  background-color: #F75352;
  color: #FFF;
  font-family: "BrownStd-bold", sans-serif;
  font-size: 13px;
  line-height: 13px;
  padding: 11px 9px;
  margin-top: 16px; }

.centered-email-signup-overlay-triangle-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 6px 0 6px;
  border-color: #f75252 transparent transparent transparent;
  margin-left: 20px; }

.centered-terms-privacy {
  font: 11px "BrownStd", sans-serif;
  margin-top: 40px;
  text-align: center;
  text-transform: uppercase; }
  .centered-terms-privacy li {
    display: inline-block;
    margin: 0px 10px; }
    .centered-terms-privacy li a {
      color: #000; }

.new-header-nav .loggedout {
  display: table-cell;
  vertical-align: middle;
  float: right; }
  .new-header-nav .loggedout .main-nav-user-link {
    display: table;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "BrownStd-light",sans-serif;
    padding-top: 3px; }

.new-header-nav .loggedin {
  float: right;
  position: relative;
  z-index: 20000; }
  .new-header-nav .loggedin img {
    border-radius: 50%; }
  .new-header-nav .loggedin .main-nav-user-link {
    padding-bottom: 21px;
    display: table; }
    .new-header-nav .loggedin .main-nav-user-link:hover {
      border-bottom: #F75352 1px solid; }
  .new-header-nav .loggedin .main-nav-username {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "BrownStd-light",sans-serif;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle; }
  .new-header-nav .loggedin .main-nav-user-submenu-list a {
    color: #FFF; }
  .new-header-nav .loggedin .main-nav-user-submenu-list:hover .main-nav-user-link {
    border-bottom: #F75352 1px solid; }
  .new-header-nav .loggedin .main-nav-submenu-list, .new-header-nav .loggedin .main-nav-user-submenu-list {
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #000;
    font-family: "BrownStd", sans-serif;
    font-size: 11px;
    position: relative;
    left: 12px;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    word-spacing: normal;
    font-weight: normal; }
  .new-header-nav .loggedin .main-nav-submenu-item {
    display: block;
    color: inherit;
    padding: 10px;
    cursor: pointer; }
    .new-header-nav .loggedin .main-nav-submenu-item:hover {
      color: #6AD98A; }

.new-header-nav .main-nav-user-link {
  font-size: 11px;
  display: table; }

.new-header-nav .main-nav-username {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px; }

.new-header-nav .main-nav-user-submenu {
  display: none;
  position: absolute;
  z-index: 1900;
  right: 0px; }
  .new-header-nav .main-nav-user-submenu:before {
    display: block;
    text-align: center;
    line-height: 6px;
    font-size: 16px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.new-header-nav #r29-monorail-login-ux {
  float: right;
  text-transform: uppercase;
  height: 48px;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative; }

.old-header-nav .loggedout {
  display: table-cell;
  vertical-align: middle;
  float: right; }
  .old-header-nav .loggedout .main-nav-user-link {
    display: table;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "BrownStd-light",sans-serif;
    padding-top: 15px; }

.old-header-nav .loggedin {
  float: right;
  position: relative;
  z-index: 20000; }
  .old-header-nav .loggedin img {
    border-radius: 50%; }
  .old-header-nav .loggedin .main-nav-user-link {
    padding-bottom: 5px;
    display: table; }
  .old-header-nav .loggedin .main-nav-username {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "BrownStd-light",sans-serif;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle; }
  .old-header-nav .loggedin .main-nav-user-submenu-list a {
    color: #FFF; }
  .old-header-nav .loggedin .main-nav-submenu-list, .old-header-nav .loggedin .main-nav-user-submenu-list {
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #000;
    margin: 0; }
  .old-header-nav .loggedin .main-nav-submenu-item {
    font-family: "BrownStd-light", sans-serif;
    font-size: 16px;
    line-height: normal;
    display: block;
    color: inherit;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    cursor: pointer; }
    .old-header-nav .loggedin .main-nav-submenu-item:hover {
      background-color: #FFF;
      color: #000; }

.old-header-nav .main-nav-user-link {
  font-size: 11px;
  display: table; }

.old-header-nav .main-nav-username {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px; }

.old-header-nav .main-nav-user-submenu {
  display: none;
  position: absolute;
  z-index: 1900;
  right: 0px; }
  .old-header-nav .main-nav-user-submenu:before {
    display: block;
    text-align: center;
    line-height: 6px;
    font-size: 16px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.old-header-nav #r29-monorail-login-ux {
  float: right;
  text-transform: uppercase;
  height: 48px;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative; }

#r29monorail-ux-overlay {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: none; }

.r29monorail-ux {
  display: none;
  z-index: 100000; }
  .r29monorail-ux p {
    font-family: "BrownStd-light", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0 20px 0px;
    line-height: 1.5em;
    letter-spacing: 0.5px;
    color: #333; }
  .r29monorail-ux #r29monorail-ux-popup-outer {
    width: 360px;
    background-color: #fff;
    padding: 11px 20px 20px 20px;
    font-family: "BrownStd-light", sans-serif;
    color: #333;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    background: #FFFFFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #fbfbfb), color-stop(100%, #cbcaca));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #fbfbfb 50%, #cbcaca 100%); }
    .r29monorail-ux #r29monorail-ux-popup-outer p a, .r29monorail-ux #r29monorail-ux-popup-outer ul a, .r29monorail-ux #r29monorail-ux-popup-outer ol a, .r29monorail-ux #r29monorail-ux-popup-outer dl a {
      font-family: "BrownStd", sans-serif; }
    .r29monorail-ux #r29monorail-ux-popup-outer p, .r29monorail-ux #r29monorail-ux-popup-outer ul, .r29monorail-ux #r29monorail-ux-popup-outer ol, .r29monorail-ux #r29monorail-ux-popup-outer dl, .r29monorail-ux #r29monorail-ux-popup-outer table {
      font-size: 1em;
      line-height: 2em; }
    .r29monorail-ux #r29monorail-ux-popup-outer .icon-close {
      text-transform: none;
      font-size: 14px;
      color: inherit;
      text-align: center; }
    .r29monorail-ux #r29monorail-ux-popup-outer .r29monorail-action {
      cursor: pointer; }
    .r29monorail-ux #r29monorail-ux-popup-outer .logo {
      font-size: 42px;
      line-height: 50px; }
    .r29monorail-ux #r29monorail-ux-popup-outer .icon-logo, .r29monorail-ux #r29monorail-ux-popup-outer .pinterest-overlay-logo {
      font-size: 42px;
      line-height: 70px;
      margin-left: 45%;
      color: #000; }
    .r29monorail-ux #r29monorail-ux-popup-outer div {
      position: relative; }
    .r29monorail-ux #r29monorail-ux-popup-outer h2 {
      text-align: center;
      text-transform: uppercase;
      font-family: "BrownStd-light", sans-serif;
      font-size: 25px;
      margin: 15px 0 5px;
      color: #333;
      letter-spacing: 2px; }
    .r29monorail-ux #r29monorail-ux-popup-outer .confirmUnsubscribe {
      text-transform: none;
      color: #6D6E71;
      font-family: "TiemposText", sans-serif; }
    .r29monorail-ux #r29monorail-ux-popup-outer .emailSubscription {
      margin-left: 0px; }
      .r29monorail-ux #r29monorail-ux-popup-outer .emailSubscription li {
        font-size: 14px;
        display: inline-block;
        width: 102%; }
      .r29monorail-ux #r29monorail-ux-popup-outer .emailSubscription .emailSubscriptionCities {
        width: 49%; }
    .r29monorail-ux #r29monorail-ux-popup-outer #unsubscription_question {
      text-transform: none;
      text-align: left;
      font-size: 15px;
      font-family: "TiemposText", sans-serif;
      color: #6d6e71; }
    .r29monorail-ux #r29monorail-ux-popup-outer .unsubscription_questions {
      margin-left: 30px; }
      .r29monorail-ux #r29monorail-ux-popup-outer .unsubscription_questions li {
        font-size: 15px;
        font-family: "TiemposText", sans-serif;
        color: #6d6e71;
        list-style-type: none; }
    .r29monorail-ux #r29monorail-ux-popup-outer p.terms {
      margin: 10px 0 10px 0px; }
      .r29monorail-ux #r29monorail-ux-popup-outer p.terms a {
        font-size: 12px;
        color: #333;
        font-family: "BrownStd-light", sans-serif;
        letter-spacing: 0.5px;
        padding-bottom: 4px;
        border-bottom: 1px solid #333; }
        .r29monorail-ux #r29monorail-ux-popup-outer p.terms a.termsAndConditions {
          margin-right: 30px; }
    .r29monorail-ux #r29monorail-ux-popup-outer .error_message a {
      color: #fff;
      font-family: "BrownStd", sans-serif;
      font-size: 16px;
      text-decoration: none;
      border-bottom: 1px solid #fff; }
  .r29monorail-ux a.r29monorail-popup-close {
    display: block;
    float: right;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color: #666;
    padding-top: 5px;
    padding-right: 5px; }
  .r29monorail-ux .emailLogin,
  .r29monorail-ux .changePassword {
    list-style: none;
    display: block;
    margin: 25px 0px 0px;
    padding: 0px 15px; }
    .r29monorail-ux .emailLogin li,
    .r29monorail-ux .changePassword li {
      margin: 15px 0px; }
    .r29monorail-ux .emailLogin input,
    .r29monorail-ux .changePassword input {
      width: 100%;
      padding: 10px;
      font-family: Playfair Display Bold;
      height: 44px;
      font-size: 1.1em;
      letter-spacing: 0.25px; }
  .r29monorail-ux #r29-monorail-password-input,
  .r29monorail-ux #r29-monorail-old-password-input,
  .r29monorail-ux #r29-monorail-new-password-input {
    border: 1px solid #CCC;
    margin-right: 1%;
    -webkit-box-shadow: inset 0 1px 5px #ddd;
    -moz-box-shadow: inset 0 1px 5px #ddd;
    box-shadow: inset 0 1px 5px #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .r29monorail-ux #r29-monorail-password-input:focus,
    .r29monorail-ux #r29-monorail-old-password-input:focus,
    .r29monorail-ux #r29-monorail-new-password-input:focus {
      border-color: #777;
      outline: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .r29monorail-ux .facebookButton {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 55px;
    padding: 0 27.5px;
    -webkit-border-radius: 27.5px;
    -moz-border-radius: 27.5px;
    border-radius: 27.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #3B5998;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    width: 270px;
    display: block;
    margin: 25px auto 5px;
    cursor: hand;
    letter-spacing: 2px;
    outline: none; }
    .r29monorail-ux .facebookButton:before {
      content: "f";
      text-transform: none;
      font-family: "Refinery29";
      font-size: 25px;
      color: inherit;
      text-align: center;
      line-height: 25px;
      width: 25px; }
    .r29monorail-ux .facebookButton:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .facebookButtonSmall {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 50px;
    padding: 0 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #3B5998;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    width: 185px;
    display: block;
    margin: 5px auto 35px;
    outline: none; }
    .r29monorail-ux .facebookButtonSmall:before {
      content: "f";
      text-transform: none;
      font-family: "Refinery29";
      font-size: 25px;
      color: inherit;
      text-align: center;
      line-height: 25px;
      width: 25px; }
    .r29monorail-ux .facebookButtonSmall:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .signInEmailButton {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 45px;
    padding: 0 22.5px;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #F06565;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    width: 135px;
    display: block;
    margin: 5px auto 5px;
    cursor: hand; }
    .r29monorail-ux .signInEmailButton:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .emailLoginSubmit,
  .r29monorail-ux .changePasswordUpdate,
  .r29monorail-ux .userProfileUpdate,
  .r29monorail-ux .resetPasswordUpdate,
  .r29monorail-ux .emailSubscriptionUpdate {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 45px;
    padding: 0 22.5px;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #F06565;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    width: 132px;
    display: block;
    margin: 25px auto 5px;
    text-align: center; }
    .r29monorail-ux .emailLoginSubmit:before,
    .r29monorail-ux .changePasswordUpdate:before,
    .r29monorail-ux .userProfileUpdate:before,
    .r29monorail-ux .resetPasswordUpdate:before,
    .r29monorail-ux .emailSubscriptionUpdate:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .unsubscribeButton {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    line-height: 45px;
    padding: 0 22.5px;
    -webkit-border-radius: 22.5px;
    -moz-border-radius: 22.5px;
    border-radius: 22.5px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    vertical-align: 5px;
    background: #35317f;
    color: #FFF;
    font-family: "BrownStd-light", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    width: 132px;
    display: block;
    margin: 25px auto 5px;
    text-align: center; }
    .r29monorail-ux .unsubscribeButton:before {
      margin-right: 10px;
      vertical-align: middle; }
  .r29monorail-ux .forgotPass {
    display: block;
    position: relative;
    float: right;
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
    margin: -42px 0px;
    right: 2%;
    border: none;
    letter-spacing: 0.25px; }
  .r29monorail-ux .changePhoto {
    display: block;
    position: relative;
    float: right;
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
    margin: 10px 50px;
    border: none; }
  .r29monorail-ux hr {
    width: 100%;
    position: absolute;
    border: 0;
    height: 1px;
    background: #e2e2e2; }
  .r29monorail-ux .loginNote {
    color: #627BAD;
    text-align: center;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "BrownStd-light", sans-serif; }
  .r29monorail-ux .orLine {
    position: relative;
    text-align: center;
    display: table;
    white-space: nowrap;
    width: 100%;
    margin: 20px 0;
    font-family: "BrownStd-light", sans-serif;
    letter-spacing: 1px;
    color: #333; }
    .r29monorail-ux .orLine:before, .r29monorail-ux .orLine:after {
      border-top: 1px solid #cfcece;
      content: '';
      display: table-cell;
      position: absolute;
      top: 0.6em;
      width: 44%; }
    .r29monorail-ux .orLine:after {
      left: 56%; }
    .r29monorail-ux .orLine span {
      width: 50px;
      top: 10px;
      position: absolute;
      left: 50%;
      margin-left: -25px; }
  .r29monorail-ux .subscriptionSpan {
    font-size: 16px;
    outline: none;
    font-family: "BrownStd-light", sans-serif;
    letter-spacing: 0.5px;
    font-size: 15px; }
    .r29monorail-ux .subscriptionSpan:before {
      content: "e";
      text-transform: none;
      font-family: "Refinery29";
      font-size: 14px;
      color: inherit;
      text-align: center;
      line-height: 14px;
      width: 14px; }
  .r29monorail-ux .disconnectFbSpan {
    font-size: 13px;
    color: #6D6E71; }
  .r29monorail-ux .user-profile-label {
    text-align: left;
    font-size: 14px;
    padding-left: 10px;
    margin: 20px 0px 25px;
    letter-spacing: 1px;
    font-family: "BrownStd-bold", sans-serif; }
  .r29monorail-ux .greenCheckbox {
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    margin: 25px 0 15px 0; }
    .r29monorail-ux .greenCheckbox.left {
      margin: 15px 0 15px 0;
      text-align: left;
      left: 0px; }
      .r29monorail-ux .greenCheckbox.left .checkbox {
        left: 0;
        top: 5px;
        margin-left: 0px; }
    .r29monorail-ux .greenCheckbox.newsletters {
      margin: 5px 0px; }
    .r29monorail-ux .greenCheckbox.questions {
      margin: 5px 0px;
      text-transform: none; }
    .r29monorail-ux .greenCheckbox span {
      padding-left: 20px; }
    .r29monorail-ux .greenCheckbox .align {
      padding-left: 39px; }
    .r29monorail-ux .greenCheckbox .checkbox {
      width: 18px;
      position: relative;
      float: left;
      left: 50%;
      margin-left: -120px; }
      .r29monorail-ux .greenCheckbox .checkbox input[type=checkbox] {
        visibility: hidden; }
      .r29monorail-ux .greenCheckbox .checkbox label {
        cursor: pointer;
        position: absolute;
        width: 18px;
        height: 18px;
        top: 0;
        left: 0;
        background: #eee;
        border: 1px solid #bbb; }
        .r29monorail-ux .greenCheckbox .checkbox label:after {
          opacity: 0;
          content: '';
          position: absolute;
          width: 9px;
          height: 5px;
          background: transparent;
          top: 3px;
          left: 4px;
          border: 3px solid #FFF;
          border-top: none;
          border-right: none;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .r29monorail-ux .greenCheckbox .checkbox label:hover::after {
          opacity: 0.5; }
    .r29monorail-ux .greenCheckbox input[type=checkbox]:checked + label {
      background: #6AD98A;
      border: 1px solid #6AD98A; }
    .r29monorail-ux .greenCheckbox input[type=checkbox]:checked + label:after {
      opacity: 1; }
  .r29monorail-ux .profile-picture-background {
    height: 130px;
    margin: 25px -20px 50px;
    background-color: #65da87; }
    .r29monorail-ux .profile-picture-background .profile-picture-container {
      width: 128px;
      height: 128px;
      -webkit-border-radius: 65px;
      -moz-border-radius: 65px;
      border-radius: 65px;
      -webkit-background-clip: border-box;
      -moz-background-clip: border-box;
      background-clip: border-box;
      margin: 0 auto;
      top: 20px; }
      .r29monorail-ux .profile-picture-background .profile-picture-container img {
        border-radius: 50%; }
      .r29monorail-ux .profile-picture-background .profile-picture-container.no-image {
        background-color: #999999; }
      .r29monorail-ux .profile-picture-background .profile-picture-container .profile-picture-container-label {
        padding-top: 55px;
        font-size: 12px;
        color: #fff; }
  .r29monorail-ux .additionalPopupInfo {
    font-family: "BrownStd-light", sans-serif;
    margin: -10px 0 10px 0px;
    color: #6D6E71;
    font-size: 1em; }
  .r29monorail-ux .successMessage {
    margin: 0px;
    color: #FC7A85;
    margin-top: -10px; }
  .r29monorail-ux .error_message {
    background-color: #00EDDB;
    color: #FFF;
    font-family: "BrownStd", sans-serif;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0 0 -4px 0;
    display: inline-block; }
    .r29monorail-ux .error_message.fb_page {
      margin: 0px 20px -4px; }
  .r29monorail-ux .error_message_pointer {
    background-color: #00EDDB;
    width: 15px;
    height: 15px;
    margin: -3px 0px 0px 25px;
    position: absolute !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
    .r29monorail-ux .error_message_pointer.fb_pointer {
      margin: -3px 0px 0px 145px; }
  .r29monorail-ux .oops_pointer {
    margin: 3px 0px 0px 44%; }
  .r29monorail-ux .oops {
    padding: 10px;
    margin: 0 20px -10px 20px; }
  .r29monorail-ux .hidden {
    display: none; }
  .r29monorail-ux .disabled {
    pointer-events: none;
    cursor: default; }
  .r29monorail-ux .newsletterLine {
    border-top: 1px solid #cfcece;
    width: 50%;
    display: block;
    margin: 0px 0px 0px 25%; }

#r29monorail-ux-mobile-inner {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  -ms-transition: -ms-transform .3s;
  -o-transition: -o-transform .3s;
  transition: transform .3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #d1d3d4;
  position: absolute;
  padding: 28px 0 0;
  min-height: 100%;
  width: 100%;
  left: 0; }
  #r29monorail-ux-mobile-inner .orLine span {
    background-color: #d1d3d4; }
  #r29monorail-ux-mobile-inner .orLine hr {
    width: 70%;
    margin: 0 15%;
    position: absolute;
    border: 0;
    height: 2px;
    background: #bbb; }
  #r29monorail-ux-mobile-inner a.r29monorail-action {
    font-family: "BrownStd", sans-serif; }
  #r29monorail-ux-mobile-inner .emailSubscription {
    margin-left: 25px; }
    #r29monorail-ux-mobile-inner .emailSubscription .emailSubscriptionCities {
      width: 100%; }
  #r29monorail-ux-mobile-inner .unsubscription_question {
    text-transform: none;
    text-align: center; }

#r29monorail-ux-mobile-inner:after {
  border-top: 1px solid #BCBEC0;
  content: '';
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  bottom: 0; }

.content-container {
  width: 100%; }

#main-nav {
  -webkit-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.08); }

section.carouselVideo .index-video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  background: rgba(153, 153, 153, 0.4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  cursor: pointer; }

section.carouselVideo .index-video-play-button .index-video-play-triangle {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  color: #FFF; }

.product-overlay-retailer {
  display: block;
  text-align: center;
  font-size: 10px;
  font-family: "BrownStd-bold", sans-serif;
  line-height: 1; }

.product-buy-button,
.product-save-button {
  display: block;
  width: 100px;
  height: 40px;
  margin: 0px auto;
  font-size: 11px;
  font-family: "BrownStd", sans-serif;
  text-align: center;
  line-height: 40px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-transition: background 300ms ease-in-out;
  -moz-transition: background 300ms ease-in-out;
  -ms-transition: background 300ms ease-in-out;
  -o-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out; }

.product-buy-button {
  background-color: #F75352;
  color: #FFF; }

.product-save-button {
  background-color: #FFF;
  color: #000;
  cursor: pointer; }

.product-save-button.active {
  background-color: #000;
  color: #FFF;
  cursor: pointer; }

.product-save-star {
  left: -4px; }

.product-save-star:before {
  vertical-align: -1px;
  font-size: 12px; }

.top-left-corner,
.bottom-right-corner {
  position: absolute;
  z-index: 100; }

.top-left-corner {
  top: 0;
  left: 0;
  border-top: 95px solid #FFF;
  border-right: 145px solid transparent; }

.bottom-right-corner {
  bottom: 0;
  right: 0;
  border-bottom: 95px solid #FFF;
  border-left: 145px solid transparent; }

.index-type-icon {
  position: absolute;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px auto 10px -25px;
  border-radius: 50%;
  background-color: #FFF;
  text-align: center; }

.shopping-message-banner-article {
  width: 1280px;
  top: 0;
  left: 0;
  right: 0;
  color: white;
  font-family: "BrownStd", sans-serif;
  text-transform: uppercase;
  padding: 5px 0;
  z-index: 1800;
  display: none;
  position: fixed;
  margin: 0px auto; }

.shopping-message-banner--saving {
  background: #6AD98A;
  text-align: center; }
  .shopping-message-banner--saving.saved .shopping-message-banner--saving__saved {
    display: block; }
  .shopping-message-banner--saving.removed .shopping-message-banner--saving__removed {
    display: inline-block; }

.shopping-message-banner--saving__saved, .shopping-message-banner--saving__removed {
  display: none; }

.product-review {
  position: relative;
  float: left;
  width: 400px;
  overflow: hidden;
  height: 685px;
  margin: 15px 103px 0 17px; }

.product-review-container {
  display: block;
  width: 340px;
  margin: 0 auto; }

.product-review-header {
  max-height: 52px;
  overflow: hidden;
  font-family: "BrownStd-bold", sans-serif;
  font-size: 26px;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 3px;
  background: #FFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFF 0%, #FFF 50%, #6AD98A 51%, #6AD98A 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FFF), color-stop(50%, #6AD98A));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFF 0%, #FFF 50%, #6AD98A 51%, #6AD98A 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFF 0%, #FFF 50%, #6AD98A 51%, #6AD98A 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFF 0%, #FFF 50%, #6AD98A 51%, #6AD98A 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FFF 0%, #FFF 50%, #6AD98A 51%, #6AD98A 100%);
  /* W3C */
  filter: progid:XImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$end',GradientType=0 );
  /* IE6-9 */ }

.product-review-items-list {
  overflow: hidden;
  width: 340px; }

.product-review-item {
  width: 340px;
  height: 632px; }

.product-item-header {
  margin: 20px 0 12px 0;
  font-family: "BrownStd-light", sans-serif;
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 1.2;
  word-break: break-word; }

.product-item-image {
  display: block;
  margin: 10px auto 0 auto;
  max-width: 340px;
  max-height: 407px; }

.product-item-description {
  font-size: 15px;
  line-height: 1.6; }

.product-arrow-left,
.product-arrow-right {
  position: absolute;
  top: 244px;
  font-size: 24px;
  cursor: pointer; }
  .product-arrow-left.disabled,
  .product-arrow-right.disabled {
    cursor: auto;
    color: #999; }

.product-arrow-left {
  left: 0; }

.product-arrow-right {
  right: 0; }

.pagination {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  margin: 0px auto 15px auto;
  font-family: "BrownStd-bold", sans-serif; }

.pagination-back,
.pagination-next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 50px;
  text-transform: uppercase;
  font-size: 14px;
  color: #999;
  letter-spacing: 1px; }
  .pagination-back span,
  .pagination-next span {
    position: relative;
    top: 3px; }

.pagination-back {
  padding-right: 35px;
  border-right: 2px solid #EBEBEC;
  text-align: right; }
  .pagination-back .icon-arrow-left {
    padding-right: 20px;
    font-size: 18px;
    line-height: 46px; }

.pagination-next {
  padding-left: 35px; }
  .pagination-next .icon-arrow-right {
    padding-left: 20px;
    font-size: 18px;
    line-height: 46px; }

/*
    This file is reserved to include all the sass files inside /plugins
*/
span.placeholder {
  position: absolute;
  font-size: 75%;
  color: #999;
  font-family: sans-serif;
  padding: 4px 3px;
  z-index: 100;
  cursor: text; }

span.placeholder-hide-except-screenreader {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

span.placeholder-hide {
  display: none; }

/* overwrite for the HTML5 Boilerplate way to hide labels */
label.visuallyhidden-with-placeholder {
  /*clip: auto !important;*/
  height: auto !important;
  overflow: visible !important;
  position: absolute !important;
  left: -999em; }

/* loading styles */
.go-to-archives {
  width: 130px;
  margin: 30px auto 0px; }

.show-more-container {
  min-width: 120px;
  margin: 0 auto;
  line-height: 9px;
  display: block;
  text-align: center;
  padding: 0;
  overflow: hidden;
  clear: both; }

.show-more-container > .button-cta {
  margin: 20px 0 40px; }

.infinite-scroll-container > .button-cta {
  top: 33px;
  z-index: 600;
  position: relative;
  display: none; }

.show-more-container > .widget-gutter {
  position: absolute;
  top: -20px;
  opacity: 0; }

.show-more-container .image-sprite {
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../images/plugins/more-button-image-sprite.png);
  background-repeat: no-repeat;
  width: 269px;
  height: 52px; }

.image-sprite.off {
  top: 0px;
  background-position: 0px 0px;
  z-index: 100; }

.image-sprite.on {
  opacity: 0;
  background-position: 0px -52px;
  z-index: 200; }

.show-more-container:hover .image-sprite.off {
  opacity: 0; }

.show-more-container:hover .image-sprite.on {
  opacity: 1; }

/* CSS3 Version of more button for newer browsers */
.see-more-text-arrow-container {
  width: 100%;
  text-align: center;
  top: 21px;
  position: absolute;
  z-index: 500;
  white-space: nowrap;
  color: #999999;
  text-align: center;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s; }

.show-more-container:hover .see-more-text-arrow-container {
  color: #f75352; }

.see-more-text-arrow-container >
.see-more-text {
  font-family: "BrownStd",sans-serif;
  font-size: 10px;
  margin: 0px auto;
  border: 0;
  border-radius: 50%;
  white-space: nowrap;
  padding: 0px 7px 0px 7px;
  z-index: 300;
  position: relative;
  text-align: center;
  vertical-align: middle;
  background: none; }

.see-more-text-arrow-container >
.icon-more-down {
  display: block;
  clear: both;
  margin-top: 7px;
  font-size: 14px; }

.left-gradient-taper {
  background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, white, rgba(255, 255, 255, 0));
  width: 40px;
  height: 46px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 300; }

.right-gradient-taper {
  background-image: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), white);
  width: 40px;
  height: 46px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 300; }

.top-half {
  width: 269px;
  height: 40px;
  box-shadow: 0px 2px 5px rgba(98, 98, 98, 0.17);
  position: relative;
  z-index: 100; }

.half-circle {
  margin: 0 auto;
  display: block;
  width: 269px;
  height: 25px;
  position: relative;
  width: 66px;
  padding: 0px 5px 5px;
  overflow: hidden; }

.half-circle .circle {
  position: absolute;
  bottom: 5px;
  width: 66px;
  height: 66px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 2px 5px rgba(98, 98, 98, 0.17);
  z-index: 200; }

/* infinite scroller styles */
.infinite-series-content .two-of-three:first-child, .infinite-scroll-container .two-of-three:first-child {
  background: none; }

.infinite-scroll-container {
  position: relative;
  text-align: center;
  width: 100%;
  height: 40px;
  display: block; }

.infinite-scroll-container > .widget-gutter {
  position: relative;
  opacity: 1; }

.r29-animated-loader {
  z-index: 500;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  margin-top: 20px;
  -webkit-transition-duration: 1s;
  -webkit-transform: scale(0.9);
  -moz-transition-duration: 1s;
  -moz-transform: rotate(9000deg) scale(0.9);
  border: 1px solid white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJENEFFRUU2QjMwMTExRTI4QTNEQzk5MjE1OTBGQ0ZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJENEFFRUU3QjMwMTExRTI4QTNEQzk5MjE1OTBGQ0ZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkQ0QUVFRTRCMzAxMTFFMjhBM0RDOTkyMTU5MEZDRkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkQ0QUVFRTVCMzAxMTFFMjhBM0RDOTkyMTU5MEZDRkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65zUdCAAAFw0lEQVR42uxabWiXVRR/tv2tNs0ltaTMXlBptqRPlpVuDj/YCGJBSdALjiEofRkR0mhGUSlFH6xRkBazL0PXm1CICgn5sjn0Qwbm1nzJ0Wr2ZkvXsvbSueM8cPp1z/Pc5z7Pf9PowA/+z/8595xzn3vvebn3FgTZUhFhIaGSUEEoJ9xEmEaYyjyDhPOE04QuwlHCXsIhwkhwEZHpTA2hlTBAGPPEAMuoYZmTRiWEBkJfis5o6GPZJb7GFXi0KSTUEzYQrlZ4zhDaear1EM7yiBgqJcwgzOOpeg9hpiLnZ0Ij4V3CaD5H6TbCQeUrH2MjKjzkVnDbY4rsg6w7L7SSFz4q3UmoylBPFctEPYNsQ6bOodmi6EvCkjzOjiWsA/U2Z+FcLiO0geBhQhMhNwEOyuhYxzqlDW1sm/dIYaf6CYsnwQMvZt3YOa+Rw+l3nDBnEsPLHLYBp2Uid28WaYt4PkG4l924oWscR864+N8I3xG+z6BzJiwcgA9cR9ji6tIHYfrhSC31CLo/ELYSajkWphm5fvCWsaGgEOLUsDIyPh2T+IpQnXLNDUOci/xYq8CAJoUvbcfGOOF9KkXn1oG8VVG5308Qp7Jw6Vfx+nzB4tkMHk0RCmScM7YX2xgbQGE+gu8VhLdAzy/sjHyDuJTVgF7RxINewvX8vItwXwIF8zgVuo4Xczfhc667bGQ6t0Y8v0h4juVUsh2/s3vfQzgXodukX8v5t/G+N8q6rgZ67pr7mSJyh7KGzvE6sAXRaTDtvyV8psgZIrwSUcJUAX+NfNkKWboLlbMLj3MSWox5LaGzOczr1UayKmiVqZOsfBsdF+5RUGxqrv2EkxajbNP6fqUDZgp2KCXMJ4o9jVCJj8+SRdDYpZ56CNq0gEdawYVh+H67RcYCi+FGznTg+Rp4qpV6TvKYPgVrIctwoc3whWxu9lNYQ7apLI1pV1K8cgjGLYpNMpSszcEItTt2rJO9X8BGD1l4TkKMtOV9to+F1MW7WOFILVRsMrY/GI5gjr+IFOJC7zg6l5BOWd7fDc+nI2T1it+lCo+0vbyQXXZIPRkFYhOPlonnDyxVxSOW5FajW8TvswpPD4Sh8SAazs3ajDq2AzKLGfC+3uI4Dikx7w5wRJsUnbWCZzwxiPM4Pps+UuaT8P4Bduk2V7+NUAbT9RvgWarorQa+TDtm0plfhbx9XE4UsZFtls6MwvNfXNb0WngPROj+R8dy7N2mxixMpNsJLykOoxQWegf/P93CbwLuG4QPxXtj03wL74hl9APFqQyi/69z7FjaemyYd5LDNTWXOzka0ebVGJvqMB53ij/W57ljfxDeJtyqyL2BveWb0O4I4fIYm9YL/s4c+/87LbEnikxQfl3kmqtFUToAiW89Z/OGpvC+R3eEXDMtnxb//Ul4jHAhQdzs8k2ptATU4HF4/zC8PyPqvrgvP8b2uVA/tvFJgmWMuSDafqTwbbR4tylKbTUi+PY7bopiEnyXb9kS8Jz/ArbXyiK2yjtA+UbL3kgvBNm5HrNmQH4Mn0LzZTA0LmuZDVXzGJc3IW2Fd2sSzBxroemzNbAIpsx7jgYsB5d+nmPWE6B/V+B+KBm5NWCGTh657owQVGIp/vo59dEg87vnoW03b4PLSnxWgtGSZ2l9tjXpuv3W7BG/tsNH3B3Bm2SfUd1+k1TssGG6zDMw49ZAGccs5Hs/qw1TafgQe5dNYr/hGcgJixKkXVqhaOhHjm97wYYtCWQ2so3yeSjtoURWhNPfrJFrHQ8lRpIcShhyOUbKigq4upad2xMTlL2OkbRi8Xig38VIS1dyWS/1bVB4Zwb/PtVcmVThRB7VLmAHE+Jjws2WkXI+qo2i/+zhepjj2a5DPBtM3HWIpiDj6xBy5GxB+UhwCV9gQYeiXTmqzFDPhF05wlBwSVwS+/9an5Jb5vsiZnEwiXRRXp0tyEMnfS47m4P4w0GGl53/FmAAe4WBBEOd6bsAAAAASUVORK5CYII=); }

.r29-animated-loader.continue {
  -webkit-animation-name: rotate-linear;
  -webkit-animation-duration: 3.1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-linear;
  -moz-animation-duration: 3.1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal; }

.r29-animated-loader.rotate-it {
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.3, 0, 1, 0.26);
  -webkit-animation-direction: alternate;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: cubic-bezier(0.3, 0, 1, 0.26);
  -moz-animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-direction: alternate; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.9); }
  25% {
    -webkit-transform: rotate(750deg) scale(1.1); }
  100% {
    -webkit-filter: blur(6px);
    -webkit-transform: rotate(3000deg) scale(1.1); } }

@-webkit-keyframes rotate-linear {
  0% {
    -webkit-filter: blur(6px);
    -webkit-transform: rotate(5000deg) scale(1.1);
    opacity: .8; }
  100% {
    -webkit-filter: blur(6px);
    -webkit-transform: rotate(10000deg) scale(1.1);
    opacity: .8; } }

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg) scale(0.9); }
  25% {
    -moz-transform: rotate(750deg) scale(1.1); }
  100% {
    -moz-filter: blur(6px);
    -moz-transform: rotate(3000deg) scale(1.1); } }

@-moz-keyframes rotate-linear {
  0% {
    -moz-filter: blur(6px);
    -moz-transform: rotate(5000deg) scale(1.1);
    opacity: .8; }
  100% {
    -moz-filter: blur(6px);
    -moz-transform: rotate(10000deg) scale(1.1);
    opacity: .8; } }

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(0.9); }
  25% {
    transform: rotate(750deg) scale(1.1); }
  100% {
    filter: blur(6px);
    transform: rotate(3000deg) scale(1.1); } }

@keyframes rotate-linear {
  0% {
    filter: blur(6px);
    transform: rotate(5000deg) scale(1.1);
    opacity: .8; }
  100% {
    filter: blur(6px);
    transform: rotate(10000deg) scale(1.1);
    opacity: .8; } }

.right-nav-toolbar-container {
  position: absolute;
  top: 0;
  margin: 0px 0px 0px 8px;
  background: #ffffff;
  border: 1px solid #ffffff;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition: 0.3s margin-left;
  -moz-transition: 0.3s margin-left;
  -o-transition: 0.3s margin-left;
  -ms-transition: 0.3s margin-left;
  transition: 0.3s margin-left; }

.right-nav-toolbar-container.compact {
  margin-left: 80px; }
  .right-nav-toolbar-container.compact.collapsed .nav-title {
    width: 41px;
    color: #000000;
    overflow: hidden;
    margin-right: -30px; }
  .right-nav-toolbar-container.compact .nav-title {
    color: #ffffff;
    overflow: hidden; }
  .right-nav-toolbar-container.compact div.nav-icon-text {
    -webkit-transition: .2s linear width, .1s linear background;
    -moz-transition: .2s linear width, .1s linear background;
    -ms-transition: .2s linear width, .1s linear background;
    -o-transition: .2s linear width, .1s linear background;
    transition: .2s linear width, .1s linear background;
    border-top: 1px solid #6ad98a;
    border-right: 1px solid #6ad98a; }
  .right-nav-toolbar-container.compact.inverse-color div.nav-icon-text {
    border-top: 1px solid #555555;
    border-right: 1px solid #555555; }
  .right-nav-toolbar-container.compact .nav-icon-square {
    width: 40px; }
  .right-nav-toolbar-container.compact ul.right-nav-list > li {
    border-right: none;
    width: 100%; }
  .right-nav-toolbar-container.compact a.nav-widget-link:hover > div.nav-icon-text {
    width: 67px !important;
    -webkit-transition: .15s ease-in width;
    -moz-transition: .15s ease-in width;
    -ms-transition: .15s ease-in width;
    -o-transition: .15s ease-in width;
    transition: .15s ease-in width; }
  .right-nav-toolbar-container.compact ul.right-nav-list li:not(.back-to-top-item):hover {
    width: 108px;
    background-color: #6ad98a;
    -webkit-transition: .12s ease-in width;
    -moz-transition: .12s ease-in width;
    -ms-transition: .12s ease-in width;
    -o-transition: .12s ease-in width;
    transition: .12s ease-in width; }
  .right-nav-toolbar-container.compact .nav-icon-square.icon-arrow-up {
    /*
    -webkit-transition: .1s linear background;
    -moz-transition: .1s linear background;
    -ms-transition: .1s linear background;
    -o-transition: .1s linear background;
    transition: .1s linear background;
*/
    width: 39px; }
  .right-nav-toolbar-container.compact a.nav-back-to-top div.nav-icon-text {
    border-right: none; }

.nav-widget-link.active .right-nav-left-arrow {
  position: absolute;
  top: 11px;
  left: -7px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #6ad98a; }

.nav-widget-link.active .left-nav-right-arrow {
  position: absolute;
  top: 11px;
  left: 100%;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #6ad98a; }

ul.right-nav-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #6ad98a; }

ul.right-nav-list > li {
  clear: both;
  position: relative;
  display: block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  border-right: 1px solid #6ad98a; }

.nav-title {
  position: relative;
  display: block;
  margin: 0;
  background: #000000;
  height: 38px;
  font-weight: normal;
  color: #ffffff;
  font-size: 13px;
  font-family: "BrownStd",sans-serif;
  text-align: center;
  line-height: 38px;
  border-bottom: 1px solid #ffffff;
  z-index: 200;
  overflow: hidden; }

.nav-icon-square {
  width: 41px;
  height: 38px;
  border-bottom: 1px solid #ffffff;
  background: #6ad98a;
  color: #ffffff;
  float: left;
  vertical-align: middle;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  font-weight: 500; }

.nav-icon-square.icon-signal,
.nav-icon-square.icon-camera {
  font-size: 14px; }

.nav-icon-text {
  padding-left: 12px;
  line-height: 40px;
  width: 67px;
  height: 38px;
  color: #454545;
  background: #ffffff;
  display: block;
  border-bottom: 1px solid #6ad98a;
  font-family: "BrownStd",sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  float: left;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden; }

.nav-widget-link:hover .nav-icon-square,
.nav-widget-link.active .nav-icon-square {
  color: #000000; }

.nav-widget-link:hover .nav-icon-text,
.nav-widget-link.active .nav-icon-text {
  background: #6ad98a;
  color: #000000;
  border-bottom: #ffffff; }

.nav-back-to-top:hover > * {
  background: none;
  color: #000000; }

.back-to-top-item {
  background: #ffffff;
  border-left: 1px solid #6ad98a;
  border-top: 1px solid #6ad98a;
  top: -1px; }
  .back-to-top-item .nav-icon-text {
    border-bottom: none; }
  .back-to-top-item .nav-icon-square {
    height: 39px; }

.back-to-top-item:hover,
.back-to-top-item:hover .icon-arrow-up {
  background: #6ad98a;
  color: #000000; }

.nav-back-to-top {
  display: block;
  position: relative;
  height: 39px;
  font-weight: bold;
  padding: 0;
  width: 119px;
  margin: 0px 0px -2px 0px;
  outline: none;
  border: none;
  border-bottom: 1px solid #6ad98a; }

a::-moz-focus-inner {
  border: 0; }

a:focus {
  outline: none; }

button::-moz-focus-inner {
  border: 0; }

.nav-back-to-top .icon-arrow-up {
  color: #6ad98a;
  background: #ffffff;
  border-bottom: none;
  font-size: 22px;
  line-height: 40px;
  width: 39px;
  border-right: 1px solid #6ad98a;
  margin-right: -12px; }

.nav-to-text {
  opacity: 1;
  width: 20px;
  overflow: hidden;
  display: inline; }

.nav-go-text {
  padding-right: 6px;
  display: inline; }

.right-line {
  position: absolute;
  top: 0px;
  width: 1px;
  bottom: 1px;
  right: 0px;
  background: #6ad98a;
  overflow: hidden;
  z-index: 100; }

.collapsed .expand-icon-container {
  opacity: 1;
  display: block;
  pointer-events: auto; }

.expand-icon-container {
  position: absolute;
  left: 11px;
  top: 11px;
  opacity: 0;
  pointer-events: none;
  display: none;
  width: 18px;
  height: 17px; }

.expand-icon-container > div {
  opacity: 0.98;
  border-left: 2px solid #fff;
  border-right: 13px solid #fff;
  margin: 2px 0px 3px 0px;
  display: block;
  width: 3px;
  height: 2px; }

/* for inverse color scheme */
.right-nav-toolbar-container.inverse-color {
  background: #000000;
  border: 1px solid #555555; }
  .right-nav-toolbar-container.inverse-color .nav-title {
    border-bottom: 1px solid #555;
    /*
    border-top: 1px solid #555555;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
*/ }
  .right-nav-toolbar-container.inverse-color ul.right-nav-list > li {
    border-right: 0px solid #555555; }
  .right-nav-toolbar-container.inverse-color.compact ul.right-nav-list > li {
    border-right: none;
    width: 100%; }
  .right-nav-toolbar-container.inverse-color.compact ul.right-nav-list > li:hover {
    background-color: #555555; }
  .right-nav-toolbar-container.inverse-color .nav-icon-square {
    border-bottom: 1px solid #000000;
    background: #555555; }
  .right-nav-toolbar-container.inverse-color .nav-widget-link.active .left-nav-right-arrow {
    border-left: 7px solid #555555; }
  .right-nav-toolbar-container.inverse-color .nav-widget-link:hover .nav-icon-text,
  .right-nav-toolbar-container.inverse-color .nav-widget-link.active .nav-icon-text {
    background: #555555;
    color: #6ad98a;
    border-bottom: #000000 1px solid; }
  .right-nav-toolbar-container.inverse-color .nav-widget-link:hover .nav-icon-square, .right-nav-toolbar-container.inverse-color .nav-widget-link.active .nav-icon-square {
    color: #6ad98a; }
  .right-nav-toolbar-container.inverse-color .right-line {
    width: 0px; }
  .right-nav-toolbar-container.inverse-color .nav-icon-text {
    width: 67px;
    color: #ffffff;
    background: #000000;
    border-bottom: 1px solid #555555; }
  .right-nav-toolbar-container.inverse-color a:hover > .nav-icon-text {
    color: #6ad98a;
    background: #555555;
    border-bottom: 1px solid #555555; }
  .right-nav-toolbar-container.inverse-color.compact ul.right-nav-list > li.back-to-top-item,
  .right-nav-toolbar-container.inverse-color.compact .nav-back-to-top {
    width: 40px; }
  .right-nav-toolbar-container.inverse-color ul.right-nav-list > li.back-to-top-item {
    background: #000000;
    border-left: 1px solid #555;
    border-top: 1px solid #555;
    top: -1px;
    margin-left: -1px;
    margin-right: 0px;
    left: 0px;
    width: 120px;
    border-right: none; }
  .right-nav-toolbar-container.inverse-color .back-to-top-item .nav-icon-square {
    border-bottom: none;
    border-right: none; }
  .right-nav-toolbar-container.inverse-color .nav-back-to-top:hover > * {
    background: none;
    color: #6ad98a; }
  .right-nav-toolbar-container.inverse-color .back-to-top-item .nav-icon-text {
    border-bottom: 1px solid #000000; }
  .right-nav-toolbar-container.inverse-color .nav-back-to-top {
    border-bottom: 1px solid #000000;
    width: 120px; }
    .right-nav-toolbar-container.inverse-color .nav-back-to-top .nav-icon-square {
      border-right: none; }
  .right-nav-toolbar-container.inverse-color .nav-back-to-top:hover {
    background: #555555;
    border-bottom: #555555 1px solid; }
  .right-nav-toolbar-container.inverse-color.compact .nav-icon-square.icon-arrow-up {
    width: 42px; }
  .right-nav-toolbar-container.inverse-color .nav-icon-square.icon-arrow-up {
    color: #ffffff;
    background: none; }
  .right-nav-toolbar-container.inverse-color a:hover > .nav-icon-square.icon-arrow-up {
    background: none;
    color: #6ad98a; }

/* social score chart & score */
.social-score {
  position: absolute;
  display: block;
  opacity: 0.0;
  padding: 12px 12px 12px 16px;
  white-space: nowrap;
  top: 23px;
  right: 0px; }

.social-score.paginated-article .tooltip {
  margin-right: 0;
  top: 19px; }

.social-score.paginated-article .social-options.show.last {
  border-right: 0; }

.slideshow-social-score.social-score {
  height: 85px;
  top: 0;
  position: absolute;
  width: 33.33333%;
  display: none;
  margin-right: -55px; }
  .slideshow-social-score.social-score .score-chart {
    display: none; }
  .slideshow-social-score.social-score ul.indicator-bars {
    display: none; }
  .slideshow-social-score.social-score .channels-container {
    pointer-events: none;
    display: none;
    padding: 0;
    margin: 0;
    height: 66px;
    position: absolute;
    top: -24px;
    left: 50px; }
  .slideshow-social-score.social-score ul.channels-list > li {
    display: block;
    float: left;
    width: 85px;
    height: 64px;
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    vertical-align: middle;
    position: relative; }
  .slideshow-social-score.social-score .social-options.show.last {
    border-right: none; }
  .slideshow-social-score.social-score .social-options {
    bottom: 0px;
    left: 0px;
    top: 0px;
    right: 0px;
    position: absolute;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-right: 1px solid #EBEBEC;
    border-left: none; }
  .slideshow-social-score.social-score .social-sprites.count {
    background-position: 0px 0px;
    margin-left: 7px; }

.social-score .fb-entry {
  margin-top: 12px; }

.two-of-three .social-score {
  top: 22px;
  right: 0px; }

.one-of-two .social-score {
  top: 30px;
  right: 0px; }

.one-of-one .social-score {
  top: 405px;
  right: 5px; }

.one-of-four .social-score {
  top: 16px;
  right: -12px; }

.one-of-one.paginated-article .social-score {
  top: 25px; }

.social-score .gutter {
  padding: 0px;
  margin: 0px; }

.social-score .score-chart {
  font-family: "BrownStd-light", sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #999999;
  float: right;
  padding-left: 4px;
  line-height: 10px; }

ul.indicator-bars {
  display: inline-block;
  float: right;
  height: 10px;
  list-style: none outside none;
  margin: 0;
  overflow-y: hidden;
  padding: 0; }

ul.indicator-bars > li {
  display: inline-block;
  width: 3px;
  float: left;
  background: #dddddd;
  margin-right: 2px;
  bottom: 0px; }

.bar-1 {
  height: 2px;
  margin-top: 8px; }

.bar-2 {
  height: 4px;
  margin-top: 6px; }

.bar-3 {
  height: 6px;
  margin-top: 4px; }

.bar-4 {
  height: 8px;
  margin-top: 2px; }

.bar-5 {
  height: 10px; }

/* older browsers container */
.social-score-container {
  display: none;
  font-family: "BrownStd-light", sans-serif;
  height: 84px;
  margin-right: 100%;
  margin-top: -50%;
  padding: 8px 19px 8px 11px;
  position: absolute;
  right: -22px;
  top: 17px;
  min-width: 10px; }

ul.channels-list {
  list-style: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0px 0px 0px -1px;
  padding: 0px;
  white-space: nowrap;
  position: relative;
  z-index: 1000; }

ul.channels-list > li {
  display: block;
  float: left;
  width: 72px;
  height: 66px;
  margin: 0px;
  padding: 10px 0px;
  /* background: rgba(255,255,255,.3); */
  text-align: center;
  vertical-align: middle;
  position: relative; }

/* beginning of actual css */
.social-sprites, .social-button {
  background: transparent url(../images/plugins/social-score-image-sprite.png) center center no-repeat;
  background-size: 232px 240px;
  border: none;
  padding: 0px;
  margin: 0px auto;
  display: block; }

.social-sprites.count {
  position: relative;
  background-position: 0px 0px;
  font-size: 12px;
  font-weight: 200;
  width: 72px;
  height: 38px;
  line-height: 35px;
  padding: 0px;
  margin: 0px;
  display: block;
  color: #747474;
  margin-bottom: 4px;
  opacity: 0.0; }

li:hover > .social-sprites.count.comment {
  background-position: 0px -40px; }

li:hover > .social-sprites.count.tumblr {
  background-position: 0px -80px; }

li:hover > .social-sprites.count.twitter {
  background-position: 0px -120px; }

li:hover > .social-sprites.count.pinterest {
  background-position: 0px -160px; }

li:hover > .social-sprites.count.facebook {
  background-position: 0px -200px; }

.social-sprites.count.show {
  opacity: 1.0; }

.social-score-container .shadow {
  display: inline; }

.shadow-left {
  position: absolute;
  left: 3px;
  top: 0px;
  background-position: -130px 0px;
  width: 11px;
  height: 100px; }

.shadow .shadow-middle {
  position: absolute;
  left: 11px;
  right: 19px;
  top: 0px;
  height: 100px;
  margin: 0px 3px;
  background: transparent url(../images/plugins/social-score-tooltip-filler.png) center center repeat-x;
  background-size: 100% 100px; }

.shadow-right {
  position: absolute;
  right: 3px;
  top: 0px;
  background-position: -142px 0px;
  width: 19px;
  height: 100px; }

/* SOCIAL BUTTON STYLES */
.social-button {
  background-position: -73px 0px;
  width: 56px;
  height: 20px;
  cursor: pointer;
  margin: 0px auto;
  margin-top: 53px; }

.social-options {
  bottom: 0px;
  left: 0px;
  top: 0px;
  right: 0px;
  position: absolute;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-left: 1px solid #ebebec; }

.social-button.facebook {
  background-position: -73px -80px;
  width: 55px; }

.social-button.pinterest {
  background-position: -73px -60px;
  width: 40px; }

.social-button.twitter {
  background-position: -73px -40px; }

.social-button.tumblr {
  background-position: -73px -20px; }

.social-button.comment {
  background-position: -73px -0px; }

/* TOOLTIP STYLES */
.tooltip {
  display: block;
  font-family: "BrownStd", sans-serif;
  height: 84px;
  margin-right: 100%;
  margin-top: -50%;
  position: absolute;
  right: 0px;
  top: 28px;
  min-width: 60px;
  z-index: 1800; }
  .slideshow-social-score .tooltip {
    margin-top: 0; }

.tip {
  width: 8px;
  height: 8px;
  overflow: hidden; }

.tooltip-content-shadow {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #EBEBEC;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  height: 100%;
  left: 0;
  margin: 0 -1px 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 900; }

.tooltip-content-shadow.social-score-timing {
  -webkit-transition: box-shadow 300ms, border 300ms, margin-top 300ms;
  -moz-transition: box-shadow 300ms, border 300ms, margin-top 300ms;
  -o-transition: box-shadow 300ms, border 300ms, margin-top 300ms;
  -ms-transition: box-shadow 300ms, border 300ms, margin-top 300ms;
  transition: box-shadow 300ms, border 300ms, margin-top 300ms; }

.tooltip-content-shadow.remove-shadow {
  box-shadow: 0 0 10px 0 transparent;
  border: 1px solid #ffffff;
  margin-top: -18px; }

.tooltip .arrow {
  opacity: 0; }

.tooltip .arrow, .tooltip .shadow {
  width: 16px;
  height: 16px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -8px;
  margin-top: -8px;
  z-index: 1000; }

.tooltip .shadow {
  right: -9px;
  margin-top: -10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 800;
  border: 1px solid #efefef;
  width: 18px;
  height: 18px; }

.shadow, .social-options, .tooltip-content-shadow {
  opacity: 0; }

.social-options.show {
  opacity: 1; }

.social-options.show.last {
  border-right: 1px solid #ebebec; }

.channels-container {
  pointer-events: none;
  /* border: 1px solid red; */
  display: none;
  padding: 0px 65px 0px 0px;
  margin: 0;
  height: 66px;
  position: absolute;
  top: -50%;
  left: 0px; }

/*
    This file is reserved to include all the sass files inside /theme
*/
body.debug header.block:after {
  position: absolute;
  pointer-events: none;
  content: '';
  top: 0;
  left: 50%;
  height: 100%;
  width: 1021px;
  margin-left: -510px;
  background-image: url(../images/sample/header.png);
  opacity: 0.5;
  z-index: 100000;
  background-repeat: no-repeat;
  background-position: 20px top; }

body.debug footer.block > div + div:before {
  position: absolute;
  pointer-events: none;
  content: '';
  bottom: 0;
  left: 50%;
  height: 225px;
  width: 1021px;
  margin-left: -510px;
  background-image: url(../images/sample/footer.png);
  opacity: 0.5;
  z-index: 100000;
  background-repeat: no-repeat;
  background-position: 20px top; }

body.debug:before {
  position: fixed;
  pointer-events: none;
  content: '';
  left: 50%;
  top: 0;
  height: 100%;
  z-index: 100;
  width: 1021px;
  margin-left: -510px;
  background-image: url(../images/sample/grid.png);
  background-repeat: repeat-y;
  background-position: left; }

.animations.block {
  font-size: 0; }
  .animations.block > div {
    max-width: 1020px;
    padding: 0; }
  .animations.block label {
    width: 100px;
    display: inline-block;
    line-height: 30px; }
  .animations.block h2 {
    padding-left: 20px; }
  .animations.block fieldset {
    font-size: 16px;
    width: 25%;
    min-width: 250px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top; }
  .animations.block input[type=number] {
    width: 70px; }