@charset "utf-8";
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url(http://fonts.googleapis.com/css?family=Lusitana:400,700);
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 {
  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;
}
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================================
   Gallery View
   ========================================================================== */
#GalleryView {
  clear: both;
  float: left;
  width: 1100px;
  position: relative;
}
#GalleryView #Interstitial {
  display: none;
  height: 60px;
}
#GalleryView #Interstitial .dc_ad {
  height: 50px;
  margin-bottom: 10px;
  width: 1100px;
  text-align: center;
}
#GalleryView #Interstitial .takeover {
  background: #FFF;
  height: 500px;
  left: 0px;
  position: absolute;
  width: 1100px;
  z-index: 100;
  text-align: center;
}
#GalleryView #Interstitial .countdown {
  background: none repeat scroll 0 0 #000000;
  font-size: 14px;
  color: #FFFFFF;
  display: block;
  height: 35px;
  line-height: 35px;
  opacity: 0.7;
  text-align: center;
  width: 1100px;
  font-weight: 600;
}
#GalleryView #Interstitial .close {
  /*	
			background:url("@{image-path}close-interstitial.jpg") no-repeat;
		*/
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  display: none;
  height: auto;
  position: absolute;
  right: 10px;
  top: 7px;
  width: auto;
}
#GalleryView #imageLoaderGif {
  left: 360px;
  padding: 20px;
  position: absolute;
  top: 200px;
}
#GalleryView #featured-photo {
  clear: both;
  background: none repeat scroll 0 0 #ffffff;
  position: relative;
  display: none;
  vertical-align: middle;
  width: 1100px;
  min-height: 670px;
  z-index: 0;
}
#GalleryView #featured-photo #previousPageImage {
  position: absolute;
  top: 50%;
  left: 0;
  background: url("../images/sprite.png") no-repeat scroll 0px -44px transparent;
  width: 35px;
  height: 35px;
}
#GalleryView #featured-photo #nextPageImage {
  position: absolute;
  top: 50%;
  right: 0;
  background: url("../images/sprite.png") no-repeat scroll -37px -44px transparent;
  width: 35px;
  height: 35px;
}
#GalleryView #prevImage,
#GalleryView #prevImage a {
  position: absolute;
  cursor: pointer;
  width: 550px;
  height: 100%;
  left: 0;
  z-index: 500;
}
#GalleryView #nextImage,
#GalleryView #nextImage a {
  position: absolute;
  cursor: pointer;
  width: 550px;
  height: 100%;
  right: 0;
  z-index: 500;
}
#GalleryView #prevImage.video-detected,
#GalleryView #nextImage.video-detected {
  height: 0 !important;
}
#GalleryView #selectedImage {
  text-align: center;
}
#GalleryView #selectedImage img {
  max-width: 1100px;
}
#GalleryView #photo-description {
  clear: both;
  background-color: #fff;
  opacity: 0.7;
  padding: 15px;
  width: 1070px;
}
#GalleryView #photo-description #imageDescription {
  color: #000;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  text-align: center;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.wp-caption {
  background: 0 none;
  border: 0 none;
  margin: 0;
  padding: 0 0 15px;
  text-align: center;
  width: 730px !important;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
  max-width: 730px;
  max-height: 486px;
}
.wp-caption + p {
  margin-top: 0 !important;
}
.wp-caption-text {
  font-size: 12px !important;
  font-style: italic;
  color: #989898;
  margin: 5px 0 1em;
  width: 670px !important;
  text-align: left;
}
.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}
.sticky {
  background: #f7f7f7;
  padding: 0 10px 10px;
}
.sticky h2 {
  padding-top: 10px;
}
.gallery-caption {
  /* failed in theme checker */
}
.bypostauthor {
  /* failed in theme checker */
}
@font-face {
  font-family: 'Futura';
  src: url('../fonts/FuturaStd-Medium.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/FuturaStd-Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/FuturaStd-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/AvenirStd-Black.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/AvenirStd-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/AvenirStd-Black.woff') format('woff'), /* Modern Browsers */ url('../fonts/AvenirStd-Black.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/AvenirStd-Black.svg#AvenirStd-Black') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'BebasRegular';
  src: url('../fonts/BEBAS___-webfont.eot');
  src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BEBAS___-webfont.woff') format('woff'), url('../fonts/BEBAS___-webfont.ttf') format('truetype'), url('../fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
}
body {
  background: #f4f4f4 none;
  color: #6f6f6f;
  font-family: Helvetica, Arial, sans-serif;
}
a,
a:visited {
  text-decoration: none;
  color: #000;
}
a:hover {
  color: #ae0303;
}
#photo-description a,
#photo-description a:visited {
  color: #ae0303;
}
.pad-top {
  padding-top: 15px !important;
}
.pad-bottom {
  padding-bottom: 15px !important;
}
.margin-top {
  margin-top: 15px !important;
}
.margin-bottom {
  margin-bottom: 15px !important;
}
.no-bg {
  background: 0 none !important;
}
.text-center {
  text-align: center;
}
.show {
  display: block !important;
  visibility: visible;
}
.hide {
  display: none !important;
}
.grindadops-tracking {
  display: none;
  visibility: hidden;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  cursor: default;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 999999999;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
.popup {
  position: relative;
  background: url("../images/promo-hot-100.png?v=1") no-repeat scroll 0 0;
  width: 790px;
  height: 770px;
  display: inline-block;
  left: 50%;
  opacity: 0;
  position: fixed;
  text-align: justify;
  top: 50%;
  visibility: hidden;
  z-index: 9999999999;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
.popup .close-btn {
  position: absolute;
  top: 71px;
  right: 80px;
  width: 50px;
  height: 46px;
  z-index: 100;
}
.popup .hot-100 {
  position: absolute;
  top: 83px;
  right: 97px;
  width: 595px;
  height: 597px;
  z-index: 10;
}
#TakeoverBackground {
  overflow: hidden;
  width: 100%;
  -moz-background-size: 1920px 1200px;
  -ms-background-size: 1920px 1200px;
  -o-background-size: 1920px 1200px;
  -webkit-background-size: 1920px 1200px;
  background-size: 1920px 1200px;
}
#TakeoverBridge {
  width: 1140px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
#TakeoverBridge img {
  width: 1140px;
  height: 140px;
}
#SuperHeader {
  width: 1140px;
  height: 250px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
#PageContainer {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.container {
  background: #f4f4f4 none;
  width: 1100px;
  height: 100%;
  padding: 0 20px;
  margin: 0 auto;
  *zoom: 1;
  /* For IE 6/7 only */
}
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container:after {
  clear: both;
}
.wide {
  clear: both;
  background-color: #fff;
  width: 1100px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
.wide.features {
  background-color: #f4f4f4;
}
.wide.features .left {
  background-color: #fff;
  border-left: 1px solid #eee;
  margin-left: 90px;
  width: 820px;
}
.wide.features .left h1,
.wide.features .left h2 {
  text-align: center;
}
.wide.features .left h2 {
  padding: 30px;
  font-size: 14px;
}
.wide.features .left .post-date {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  padding: 30px 0 10px;
}
.wide.features .left .features-img {
  position: relative;
  width: 1100px;
  margin: 30px 0 0 -90px;
}
.wide.features .left .features-img .author__twitter {
  position: absolute;
  left: 60px;
  bottom: 20px;
}
.wide.features .left .features-quote {
  float: right;
  width: 260px;
  padding: 30px 0 30px 40px;
  font-weight: 500;
  font-family: Futura;
  color: #000;
  text-transform: uppercase;
  line-height: 16px;
  font-size: 16px;
}
.wide.features .left .features-video {
  float: left;
  padding: 30px;
}
.wide.features .left .features-divider {
  border-top: 3px solid #eee;
  width: 240px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.wide.features .left p {
  padding: 0 30px;
  font-size: 13px;
}
.wide.features .left p:first-of-type:first-letter {
  color: #000;
  float: left;
  font-size: 400%;
  height: 54px;
  margin: -15px 13px 10px 0;
}
.wide.features .left #gallery-content {
  width: 910px;
  margin: 30px 0 30px -90px;
  background-color: #ccc;
}
.wide.features .left #gallery-content p {
  margin: 0;
  padding: 0;
  height: 0;
}
.wide.features .left #gallery-content #imageLoaderGif {
  margin: 0 auto;
  padding-top: 240px;
  width: 220px;
}
.wide.features .left #gallery-content #main-photo {
  position: relative;
}
.wide.features .left #gallery-content #featured-photo {
  clear: both;
  background: none repeat scroll 0 0 #ffffff;
  position: relative;
  display: none;
  vertical-align: middle;
  width: 910px;
  z-index: 0;
}
.wide.features .left #gallery-content #featured-photo #selectedImage {
  text-align: center;
}
.wide.features .left #gallery-content #featured-photo #selectedImage img {
  max-width: 910px;
}
.wide.features .left #gallery-content #featured-photo #previousPageImage {
  position: absolute;
  top: 50%;
  left: 0;
  background: url("../images/sprite.png") no-repeat scroll 0px -44px transparent;
  width: 35px;
  height: 35px;
}
.wide.features .left #gallery-content #featured-photo #nextPageImage {
  position: absolute;
  top: 50%;
  right: 0;
  background: url("../images/sprite.png") no-repeat scroll -37px -44px transparent;
  width: 35px;
  height: 35px;
}
.wide.features .left #gallery-content #featured-photo #prevImage,
.wide.features .left #gallery-content #featured-photo #prevImage a {
  position: absolute;
  cursor: pointer;
  width: 455px;
  height: 100%;
  left: 0;
  z-index: 500;
}
.wide.features .left #gallery-content #featured-photo #nextImage,
.wide.features .left #gallery-content #featured-photo #nextImage a {
  position: absolute;
  cursor: pointer;
  width: 455px;
  height: 100%;
  right: 0;
  z-index: 500;
}
.wide.features .left #gallery-content #photo-description {
  padding: 15px 10px 0 10px;
  width: 190px;
  position: absolute;
  right: -210px;
  bottom: 0;
}
.wide.features .left #gallery-content #photo-description #imageDescription {
  font-size: 10px;
  font-style: italic;
  line-height: 20px;
  margin: 0;
  height: auto;
}
.wide.features .left #gallery-content #photo-description #imageDescription:first-letter {
  color: #6f6f6f;
  float: none;
  font-size: 100%;
  height: auto;
  margin: 0;
}
.wide.features .left #gallery-content + p {
  clear: both;
}
.wide.features .right {
  margin-top: 635px;
}
#main {
  clear: both;
  float: left;
}
#sidebar {
  clear: both;
  float: right;
}
/* PO.st sharing */
#r1-custom-widget a {
  cursor: pointer;
}
#r1-custom-widget .pw-icon {
  display: none!important;
}
#r1-custom-widget .pw-layout-vertical .pw-button {
  margin-bottom: 1px !important;
}
#r1-custom-widget .pw-box-counter {
  width: 60px;
  height: 30px;
  text-align: center;
  font-family: 'Futura', sans-serif;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  line-height: 30px;
  color: white;
  font-weight: 100;
}
.pw-button-facebook + .pw-box-counter {
  background: #5A5A5A;
}
.pw-button-twitter + .pw-box-counter {
  background: #9C9C9C;
}
.po-st.bottom {
  background: #fff;
  border-top: 10px solid #f4f4f4;
  float: left;
  height: 30px;
  padding: 20px;
  width: 100%;
}
.po-st.bottom .pw-widget {
  margin-top: 0px !important;
}
.po-st.bottom a {
  float: left;
  margin-right: 0px !important;
}
.po-st.bottom img {
  margin-right: 1px !important;
}
.po-st.bottom .pw-box-counter {
  float: left;
  margin-right: 10px !important;
  margin-bottom: 0px !important;
}
/* jQuery stickit */
.stickit-container {
  float: left;
  margin-bottom: 10px;
}
.stickit-container .stickit {
  position: fixed;
  top: 66px;
}
.stickit-container .stickit.addthis-wrapper {
  position: fixed;
}
.stickit-container .wide {
  float: left;
}
/* Swipe.js */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe .swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe .swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}
/* Header */
#header-728 {
  min-height: 166px;
  display: block;
}
#header-728 p {
  float: left;
  padding: 0 100px;
  margin-top: 80px;
  color: #000;
  width: 506px;
  font-size: 18px;
  font-family: Futura;
  font-weight: 500;
  text-align: right;
  text-transform: uppercase;
  line-height: 22px;
  position: relative;
}
#header-728 p span {
  position: absolute;
  right: 80px;
  bottom: -18px;
  font-size: 9px;
  color: #ae0303;
}
#header-728 .header__logo {
  float: left;
  height: 101px;
  width: 255px;
  margin-top: 39px;
}
#header-728 .header__subscribe {
  float: right;
  background: transparent url("../images/subscribe-magazine.jpg") no-repeat scroll 0 0;
  width: 112px;
  height: 165px;
  padding: 0 11.5px;
  position: relative;
}
#header-728 .header__subscribe .print {
  position: absolute;
  top: 27px;
  right: 45px;
  width: 70px;
  height: 16px;
}
#header-728 .header__subscribe .digital {
  position: absolute;
  top: 40px;
  right: 45px;
  width: 70px;
  height: 16px;
}
#header-728 .header__subscribe .newsletter {
  position: absolute;
  top: 53px;
  right: 42px;
  width: 75px;
  height: 16px;
}
#header-728 .header__subscribe img {
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 120px;
  height: 92px;
}
#header-728 .subscribe_links {
  background: none repeat scroll 0 0 #FFFFFF;
  float: right;
  height: 33px;
  position: relative;
  text-align: center;
  width: 280px;
}
#header-728 .subscribe_links span,
#header-728 .subscribe_links a {
  color: #000;
  display: inline-block;
  font-family: Futura;
  font-size: 11px;
  font-weight: 500;
  line-height: 33px;
  padding: 0 5px;
  text-transform: uppercase;
}
#header-728 .subscribe_links span {
  color: #ae0303;
}
#header-728 .ad-728 {
  float: right;
  margin-top: 20px;
}
/* Navigation */
.no-superheader #header-728 {
  display: block !important;
}
.load-superheader {
  width: 1140px !important;
}
.load-superheader #SuperHeader {
  display: block !important;
}
.load-superheader #header-728 {
  display: none !important;
}
.load-superheader [role="navigation"] {
  width: 1140px !important;
}
.load-superheader [role="navigation"] li.l1 {
  display: block;
}
.takeover-bg,
.load-takeoverbg {
  width: 1140px !important;
}
.takeover-bg #SuperHeader.preview,
.load-takeoverbg #SuperHeader.preview {
  display: block !important;
}
.takeover-bg [role="navigation"],
.load-takeoverbg [role="navigation"] {
  width: 1140px !important;
}
#js-nav-holder.on {
  height: 60px;
  width: 1100px;
  float: left;
}
#js-nav-holder.off {
  height: 0px;
  width: 0px;
  float: left;
}
[role='navigation'] {
  clear: both;
  background-color: #fff;
  height: 60px;
  width: 100%;
  line-height: 60px;
  z-index: 999 !important;
}
[role='navigation'].sticky-on {
  position: fixed;
  top: 0;
  z-index: 9999999;
  background-color: #000;
}
[role='navigation'].sticky-on .l1 {
  display: block !important;
}
[role='navigation'].sticky-on .container {
  background-color: #000;
}
[role='navigation'].sticky-on .container a.nav-logo {
  background: url("../images/surfer-wht.png?v=2015") no-repeat scroll 0 0;
}
[role='navigation'] .container {
  background-color: #fff;
  z-index: 999 !important;
  position: relative;
}
[role='navigation'] .container a.nav-logo {
  background: url("../images/surfer-blk.png?v=2015") no-repeat scroll 0 0;
  display: block;
  height: 29px;
  margin: 17px 0;
  width: 84px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
[role='navigation'] .container a.nav-logo.animate-logo {
  opacity: 0;
  width: 0px;
  height: 29px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
[role='navigation'] ul {
  float: left;
  padding: 0;
  margin: 0;
  height: 60px;
  width: auto;
}
[role='navigation'] li {
  float: left;
  list-style-type: none;
  padding: 0 12px;
}
[role='navigation'] li.l1 {
  padding-left: 0;
  display: none;
}
[role='navigation'] li a {
  color: #969494;
  font-size: 11px;
  font-weight: bold;
  font-family: Futura;
  text-transform: uppercase;
  padding: 0;
}
[role='navigation'] li a:hover,
[role='navigation'] li a.selected {
  color: #ae0303;
}
[role='navigation'] li a:first-child {
  padding-left: 0;
}
[role='navigation'] li.on {
  background: #95949a;
}
[role='navigation'] li.on a {
  color: #fff !important;
}
[role='navigation'] li.on ul.sub-menu {
  display: block;
  background: #95949a none;
}
[role='navigation'] .sub-menu {
  display: none;
  background: none repeat scroll 0 0 #95949a;
  height: 40px;
  left: 0;
  position: absolute;
  top: 60px;
  width: 160px;
  z-index: 100;
}
[role='navigation'] .sub-menu li {
  line-height: 40px;
  padding: 0 12px;
}
[role='navigation'] .search {
  float: right;
  position: relative;
}
[role='navigation'] .search.animate-search form#searchform {
  width: 220px;
  height: 30px;
}
[role='navigation'] .search.animate-search form#searchform input[type='text'] {
  float: right;
  font-size: 12px;
  border: 1px solid #ececec;
  padding: 5px;
  height: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 206px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
[role='navigation'] .search form#searchform {
  height: 30px;
  position: absolute;
  right: 0;
  top: 16px;
  width: 0px;
}
[role='navigation'] .search #searchglass {
  cursor: pointer;
  font-size: 0.9em;
  padding: 4px;
  position: absolute;
  right: 5px;
  top: 21px;
  z-index: 999999;
}
[role='navigation'] .search input[type='text'] {
  float: right;
  font-size: 12px;
  border: 0px solid #ececec;
  padding: 0px;
  height: 25px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  width: 0px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home.page [role='navigation'].sticky-on .l1 {
  display: block !important;
}
/* Just In, Trending, Featured Ajax module */
.js-trending {
  width: 169px;
  background-color: #fff;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  height: 444px;
}
.js-trending ul {
  border-top: 6px solid #000;
  border-bottom: 1px solid #dedede;
  width: 168px;
  padding: 20px 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}
.js-trending ul a,
.js-trending ul a:visited {
  text-transform: uppercase;
  color: #7c7c7c;
  font-family: Avenir;
  font-size: 12px;
}
.js-trending ul a:hover,
.js-trending ul a:visited:hover {
  color: #b90000;
}
.js-trending ul a.selected,
.js-trending ul a:visited.selected {
  color: #000;
  border-left: 6px solid #b90000;
  border-right: 6px solid #b90000;
}
.js-trending ul li:first-of-type .selected {
  padding-left: 55px;
  padding-right: 54px;
}
.js-trending ul li:nth-of-type(2) .selected,
.js-trending ul li:last-of-type .selected {
  padding: 0 46px;
}
.js-trending p {
  text-align: center;
  padding: 0 20px !important;
}
.js-trending .p1 {
  padding: 20px 0 5px !important;
  margin: 0 !important;
  font-size: 8px !important;
}
.js-trending .desc {
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px !important;
  margin: 0 !important;
  font-size: 12px !important;
}
.js-trending .desc a,
.js-trending .desc a:visited {
  color: #7c7c7c !important;
}
.js-trending > div p:last-of-type {
  border-bottom: 0 none !important;
}
.js-trending .ajax-loader {
  width: 110px;
  margin: 100px 30px 0;
}
/* We Know You'll Like module */
.we-know-you-like {
  width: 326px;
  background-color: #fff;
  border-left: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  padding: 15px;
  height: 414px;
}
.we-know-you-like div > a,
.we-know-you-like div > a:visited {
  width: 327px;
  height: 173px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.we-know-you-like div > a .p1,
.we-know-you-like div > a:visited .p1 {
  padding: 0;
  margin: 0;
  line-height: 18px;
  font-size: 10px !important;
  text-transform: uppercase;
}
.we-know-you-like div > a .p4,
.we-know-you-like div > a:visited .p4 {
  font-family: Futura;
  font-size: 18px !important;
  line-height: 22px;
  text-transform: uppercase;
  margin: 0;
  color: #000;
}
.we-know-you-like img {
  margin-bottom: 3px;
}
.we-know-you-like p {
  padding: 0 !important;
  font-size: 11px !important;
}
.we-know-you-like .p1 a,
.we-know-you-like .p1 a:visited {
  color: #c12020;
}
.we-know-you-like .desc a,
.we-know-you-like .desc a:visited {
  color: #6f6f6f !important;
}
.we-know-you-like .p2 {
  margin-top: 0;
  text-align: center;
}
.we-know-you-like ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.we-know-you-like ul li {
  float: left;
  width: 155px;
}
.we-know-you-like ul li:nth-of-type(odd) {
  padding-right: 16px;
}
.we-know-you-like ul li .p1 {
  padding: 20px 0 2px !important;
  margin: 0;
  font-size: 8px !important;
}
.we-know-you-like ul li .p2 {
  font-size: 13px !important;
  margin-top: 0;
}
.we-know-you-like ul li .desc {
  padding-bottom: 15px !important;
  margin: 0;
  color: #6f6f6f !important;
}
/* WP Pagenavi */
.wp-pagenavi {
  clear: both;
  background: #fff none;
  text-align: center;
  padding: 15px 0;
  font-family: Futura;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase;
  moz-box-shadow: -3px 3px 5px #ececec;
  -webkit-box-shadow: -3px 3px 5px #ececec;
  box-shadow: -3px 3px 5px #ececec;
}
.wp-pagenavi a,
.wp-pagenavi a:visited {
  text-decoration: none;
  padding: 2px 7px;
  margin: 0 5px;
  border: 1px solid #6f6f6f;
  font-family: Futura;
  font-size: 11px;
  text-transform: uppercase;
}
.wp-pagenavi a:hover {
  color: #000;
  text-decoration: underline;
}
.wp-pagenavi span.pages {
  background-color: #FFFFFF;
  padding: 5px;
}
.wp-pagenavi span.current {
  text-decoration: none;
  padding: 2px 7px;
  margin: 0 5px;
  border: 1px solid #b90000;
  font-family: Futura;
  font-size: 11px;
  text-transform: uppercase;
  color: #000;
}
/* Blogs, Search, Author, Tag */
.page .main,
.category .main,
.search .main,
.author .main,
.tag .main,
.error404 .main {
  float: left;
  width: 730px;
  margin-right: 15px;
}
.page .main.error,
.category .main.error,
.search .main.error,
.author .main.error,
.tag .main.error,
.error404 .main.error {
  background-color: #fff;
}
.page .main h1,
.category .main h1,
.search .main h1,
.author .main h1,
.tag .main h1,
.error404 .main h1 {
  font-family: Futura;
  color: #3e3e3e;
  font-size: 30px;
  margin: 0 0 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.page .main .alert,
.category .main .alert,
.search .main .alert,
.author .main .alert,
.tag .main .alert,
.error404 .main .alert {
  background-color: #fff;
  padding: 15px;
  color: #c12020;
}
.page .main .item .excerpt img,
.category .main .item .excerpt img,
.search .main .item .excerpt img,
.author .main .item .excerpt img,
.tag .main .item .excerpt img,
.error404 .main .item .excerpt img {
  max-width: 680px;
}
.page .main {
  background-color: #fff;
  padding: 15px;
  width: 700px;
}
.page .main.wide {
  margin-right: 0;
  width: 1070px;
}
.item {
  float: left;
  background-color: #fff;
  padding: 20px 25px !important;
  margin: 0 15px 15px 0;
  width: 680px;
  position: relative;
}
.item .post_toolbox {
  position: absolute;
  top: 15%;
  left: -90px;
  background-color: none;
  border-radius: 0;
  padding: 0px 4px 0;
  width: 60px;
}
.item .post_toolbox a,
.item .post_toolbox a:visited {
  margin-bottom: 0;
}
.item .post_toolbox img {
  width: 60px;
  height: 30px;
}
.item p {
  font-size: 12px;
}
.item .p1 {
  margin: 0 0 7px;
}
.item .title {
  margin: 0;
  line-height: 25px;
  max-height: 60px;
  overflow: hidden;
}
.item .title a,
.item .title a:visited {
  font-family: Futura;
  font-size: 28px;
  line-height: 28px;
  color: #3e3e3e;
  text-transform: uppercase;
}
.item .sub-title {
  font-size: 13px;
  color: #969494;
  font-weight: bold;
  margin-top: 0;
}
.item .exerpt {
  color: #5c5c5c;
}
.item .exerpt img {
  max-width: 590px;
  margin-top: 15px;
}
.item .more {
  float: right;
}
.item .more a,
.item .more a:visited {
  font-family: Future;
  color: #b90000;
  text-transform: uppercase;
  font-weight: bold;
}
.item .more:hover {
  text-decoration: underline;
}
/* Author Bio */
.author-bio img.photo {
  float: left;
  padding: 0 15px 15px;
}
.author-bio p.bio {
  margin: 0 0 10px;
  font-size: 12px;
}
.author-bio h2.name {
  font-size: 36px;
  padding: 5px 0 10px 0;
  margin: 0;
  color: #000;
  font-family: Futura;
  font-weight: normal;
  text-transform: uppercase;
}
.author-bio .social-bio p {
  margin-bottom: 5px;
  font-size: 12px;
}
.author-bio .social-bio a {
  color: #4E74A5;
  padding-right: 5px;
}
.author-bio .social-bio img.rss,
.author-bio .social-bio .social img.fb {
  width: 16px;
}
.author-bio .social-bio img {
  padding-right: 3px;
}
/* Related Slider Widget */
.related__slider {
  position: relative;
  background-color: #fff;
  padding: 15px 0 0;
}
.related__slider img {
  width: 355px;
  height: 200px;
  margin-top: 10px;
}
.related__slider #bullets {
  position: absolute;
  top: 0;
  background: #dcdbdb none;
  border: 0;
  height: 5px;
  width: 300px !important;
  margin: 5px 25px;
  padding: 0;
  list-style-type: none;
}
.related__slider #bullets li {
  float: left;
  width: 50px;
  height: 5px;
  cursor: pointer;
}
.related__slider #bullets .on {
  background: #b90000 none;
}
.related__slider .data {
  padding: 15px 20px;
  width: 315px;
}
.related__slider .data .p2 {
  margin: 0 0 3px;
}
.related__slider .data .p3 {
  margin: 0;
  max-height: 60px;
  overflow: hidden;
}
.related__slider .scroll-pane {
  overflow: auto;
  width: 100%;
  float: left;
}
.related__slider .scroll-pane .scroll-content {
  width: 2130px;
  float: left;
}
.related__slider .scroll-pane .scroll-content-item {
  width: 355px;
  height: 350px;
  float: left;
}
.related__slider .scroll-pane .scroll-content-item img {
  width: 355px;
  height: 200px;
}
.related__slider .scroll-pane .scroll-bar-wrap {
  clear: left;
  padding: 0 4px 18px 2px;
  margin: 0 20px -1px 20px;
}
.related__slider .scroll-pane .scroll-bar-wrap .ui-slider {
  background: #dcdbdb none;
  border: 0;
  height: 3px;
  width: 100% !important;
  margin: 5px auto 0;
}
.related__slider .scroll-pane .scroll-bar-wrap .ui-handle-helper-parent {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.related__slider .scroll-pane .scroll-bar-wrap .ui-slider-handle {
  top: -1px;
  height: 5px;
  border: 0 none;
  border-radius: 0;
  background: #b90000;
  cursor: pointer;
}
.related__slider .scroll-pane .scroll-bar-wrap .ui-slider-handle .ui-icon {
  display: none;
}
.related__slider.single-video .scroll-content {
  width: 1830px;
  height: 300px;
}
.related__slider.single-video .scroll-content-item {
  height: 300px;
  width: 360px;
  margin: 0 2.5px;
}
.related__slider.single-video .scroll-content-item img {
  width: 360px;
  height: 160px;
}
.related__slider.single-video .scroll-content-item .data {
  width: 320px;
}
.related__slider.single-video .scroll-content-item .data .p1,
.related__slider.single-video .scroll-content-item .data .p2,
.related__slider.single-video .scroll-content-item .data .p3 {
  padding: 0;
}
.related__slider.single-video .scroll-content-item .data .p3 {
  font-size: 11px;
}
/* Mantle Image Slider */
#slider__mantle-image {
  position: relative;
}
#slider__mantle-image .p1 {
  position: absolute;
  top: 10px;
  left: 43%;
}
#slider__mantle-image .swipe__prev {
  background: transparent url("../images/sprite.png") no-repeat scroll -84px -47px;
  position: absolute;
  top: 250px;
  left: 230px;
  width: 35px;
  height: 35px;
}
#slider__mantle-image .swipe__next {
  background: transparent url("../images/sprite.png") no-repeat scroll -137px -47px;
  position: absolute;
  top: 250px;
  right: 230px;
  width: 35px;
  height: 35px;
}
/* Mantle Video Slider */
#slider__mantle-video {
  position: relative;
}
#slider__mantle-video ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#slider__mantle-video a,
#slider__mantle-video a:visited {
  float: left;
  width: 542px;
  height: 325px;
}
#slider__mantle-video .swipe__prev {
  background: transparent url("../images/sprite.png") no-repeat scroll -7px -47px;
  position: absolute;
  top: 147px;
  left: 8px;
  width: 25px;
  height: 30px;
}
#slider__mantle-video .swipe__next {
  background: transparent url("../images/sprite.png") no-repeat scroll -40px -47px;
  position: absolute;
  top: 146px;
  right: 13px;
  width: 25px;
  height: 30px;
}
/* Home Page */
.home .js-trending {
  float: left;
}
.home .we-know-you-like {
  float: right;
}
.p1 {
  color: #c12020;
  font-size: 10px;
  text-transform: uppercase;
  font-family: Avenir;
  letter-spacing: 2px;
}
.p1 span {
  color: #000;
}
.p2,
.p2 a {
  font-family: Futura;
  text-transform: uppercase;
  font-weight: 500;
  color: #000;
  font-size: 13px;
}
.p3 {
  font-size: 11px;
}
.desc {
  font-size: 12px;
  font-style: italic;
}
.js-more-button {
  font-family: Futura;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
}
.js-more-button a,
.js-more-button a:visited {
  color: #969494;
}
#posts {
  clear: both;
}
#posts .alert {
  float: left;
  margin: 0 35%;
  padding-bottom: 15px;
  color: red;
}
.list-4 .textwidget {
  float: left;
  width: 100%;
}
.list-4 section {
  background-color: #fff;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px !important;
  height: 260px !important;
  width: 264px;
}
.list-4 section#wir a {
  display: none;
}
.list-4 section > a img {
  width: 264px;
  height: 150px;
}
.list-4 section p {
  padding: 0 20px;
  margin: 5px 0 0;
}
.list-4 section .p1 {
  padding-top: 5px;
  padding-bottom: 2px;
}
.list-4 section .p2 {
  max-height: 37px;
  overflow: hidden;
}
.list-4 section .p3 {
  max-height: 32px;
  overflow: hidden;
  margin-top: 0px !important;
  color: #6f6f6f;
}
.list-4 section .op-ed {
  border-top: 6px solid #000;
  padding: 5px 15px 15px;
  height: 234px;
  width: 234px;
}
.list-4 section .op-ed p:first-of-type {
  margin-top: 5px;
}
.list-4 section .op-ed p,
.list-4 section .op-ed a,
.list-4 section .op-ed a:visited {
  font-size: 11px;
  margin: 10px 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #6f6f6f;
}
.list-4 section .op-ed p .title,
.list-4 section .op-ed a .title,
.list-4 section .op-ed a:visited .title {
  font-weight: bold;
}
.list-4 section .op-ed .p1 a,
.list-4 section .op-ed .p1 a:visited {
  font-family: Avenir;
  color: #000;
  margin-top: 0;
}
.list-4 section .height-90 {
  height: 90px;
}
.list-4 section.design-forum__image {
  margin-right: 0;
}
.list-4 section.design-forum__image img {
  height: 260px;
}
.list-4 section.js-design-forum__content {
  width: 219px;
  padding: 0 30px;
  overflow: hidden;
}
.list-4 section.js-design-forum__content p {
  font-size: 11px;
  border-bottom: 1px solid #ececec;
  padding: 5px 5px 7px;
}
.list-4 section.js-design-forum__content p:last-of-type {
  border-bottom: 0 none;
}
.list-4 section.js-design-forum__content p a,
.list-4 section.js-design-forum__content p a:visited {
  color: #6f6f6f;
}
.list-4 section.js-design-forum__content p .title {
  font-weight: bold;
}
.list-4 section.js-design-forum__content p:first-of-type {
  padding-top: 15px;
}
.list-4 section.surfer-guides {
  width: 263px;
  height: 260px;
  overflow: hidden;
}
.list-4 section.surfer-guides iframe {
  float: left;
}
.list-4 section.surfer-guides .p1 {
  margin: 5px 0 10px !important;
  color: #000;
  font-size: 12px;
  padding-left: 10px;
}
.list-4 section.surfer-guides .textwidget {
  float: none;
}
.list-4 section.surfer-guides .swipe__prev {
  background: transparent url("../images/sprite.png") no-repeat scroll -11px -6px;
  position: absolute;
  top: 3px;
  right: 30px;
  width: 25px;
  height: 25px;
}
.list-4 section.surfer-guides .swipe__next {
  background: transparent url("../images/sprite.png") no-repeat scroll -47px -6px;
  position: absolute;
  top: 3px;
  right: 5px;
  width: 25px;
  height: 25px;
}
.list-4 section.surfer-guides .swipe {
  height: 224px;
}
.list-4 section.surfer-guides .swipe a img {
  float: left;
  width: 263px;
  height: 224px;
}
.list-4 > section:last-child {
  margin-right: 0;
  width: 263px;
  position: relative;
}
.list-4 > section:last-child .sneak-peak {
  margin: 15px 0;
}
.list-4 > section:last-child .box-subscribe {
  background-color: #000;
  padding: 20px 0;
  width: 263px;
  font-family: Futura;
  margin-right: 0;
  text-transform: uppercase;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.list-4 > section:last-child .box-subscribe span {
  color: #c14343;
  font-weight: bold;
  margin: 0 6px 0 8px;
}
.list-4 > section:last-child .box-subscribe a {
  font-family: Futura;
  color: #fff;
  margin: 0 4px;
}
.box-shadow {
  float: left;
  background-color: #fff;
  -moz-box-shadow: -3px 3px 5px #ececec;
  -webkit-box-shadow: -3px 3px 5px #ececec;
  box-shadow: -3px 3px 5px #ececec;
  padding: 10px 0;
}
.list-2 section {
  float: left;
  width: 542px;
}
.list-2 section .col-left {
  float: left;
  width: 168px;
  background-color: #fff;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  margin-right: 15px;
  height: 444px;
}
.list-2 section .col-left p {
  text-align: center;
  padding: 0 20px;
}
.list-2 section .col-left .p1 {
  padding: 20px 0 5px;
  margin: 0;
  font-size: 8px;
}
.list-2 section .col-left .desc {
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
  margin: 0;
}
.list-2 section .col-left .desc a,
.list-2 section .col-left .desc a:visited {
  color: #6f6f6f;
}
.list-2 section .col-left > div p:last-of-type {
  border-bottom: 0 none;
}
.list-2 section .col-right {
  float: right;
  width: 326px;
  background-color: #fff;
  border-left: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  padding: 15px;
  height: 414px;
}
.list-2 section .col-right p {
  font-size: 11px;
}
.list-2 section .col-right .p1 {
  padding: 20px 0 2px;
  margin: 0;
  font-size: 8px;
}
.list-2 section .col-right .p2 {
  font-size: 13px;
  margin-top: 0;
}
.list-2 section .col-right .desc {
  padding-bottom: 15px;
  margin: 0;
}
.list-2 section .col-right ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list-2 section .col-right ul li {
  float: left;
  width: 155px;
}
.list-2 section .col-right ul li:nth-of-type(odd) {
  padding-right: 16px;
}
.list-2 section.interview {
  position: relative;
  height: 325px;
}
.list-2 section.interview img {
  width: 542px;
  height: 325px;
}
.list-2 section.interview #eos-link {
  display: block;
  float: right;
  height: 325px;
  width: 365px;
}
.list-2 section.interview #eos-link img {
  width: 365px;
  height: 325px;
}
.list-2 section.interview .interview__box {
  background-color: #F16B25;
  height: 305px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 159px;
}
.list-2 section.interview .interview__box img {
  width: 162px;
  height: 129px;
}
.list-2 section.interview .interview__box a,
.list-2 section.interview .interview__box a:visited {
  color: #f7af1d !important;
}
.list-2 section.interview .interview__box a:hover,
.list-2 section.interview .interview__box a:active,
.list-2 section.interview .interview__box a.on {
  color: #fff !important;
}
.list-2 section.interview .interview__box .p2 {
  color: #6f6f6f;
  font-size: 9px;
  margin: 0;
}
.list-2 section.interview .interview__box .p2.interviewer {
  color: #000;
  font-weight: normal;
  font-size: 20px;
}
.list-2 section.interview .interview__box .p2.other {
  margin-top: 20px;
  border-bottom: 2px solid #ececec;
  padding-bottom: 5px;
}
.list-2 section.interview .interview__box .p2.border {
  margin: 20px;
  border-bottom: 2px solid #ececec;
}
.list-2 section.interview .interview__box .p2.interviews {
  font-weight: normal;
  line-height: 20px;
}
.list-2 section.cat-photos {
  width: 684px;
  height: 486px;
}
.list-2 section.cat-photos .mantle__image {
  width: 684px;
  height: 338px;
}
.list-2 section.cat-photos .mantle__info {
  width: 604px;
}
.list-2 section.cat-photos #slider__mantle-image .p1 {
  position: absolute;
  left: 44%;
  top: 10px;
}
.list-2 section.cat-photos #slider__mantle-image .swipe__prev {
  top: 280px;
  left: 300px;
}
.list-2 section.cat-photos #slider__mantle-image .swipe__next {
  top: 280px;
  right: 300px;
}
.list-2 section.cat-photos:last-of-type {
  background-color: #fff;
  padding: 0 15px;
  width: 371px;
  height: 483px;
}
.list-2 section.cat-photos:last-of-type .textwidget .p2 {
  text-align: center;
}
.list-2 section.cat-photos:last-of-type .textwidget a,
.list-2 section.cat-photos:last-of-type .textwidget a:visited {
  float: left;
  text-align: center;
  margin-bottom: 15px;
  height: 205px;
  width: 371px;
}
.list-2 section.cat-photos:last-of-type .p1 {
  margin: 70px 0 0;
  line-height: 18px;
}
.list-2 section.cat-photos:last-of-type .p4 {
  font-family: Futura;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  margin: 0;
}
.list-2 section.cat-videos .swipe {
  height: 325px;
  position: relative;
}
.list-2 section.cat-videos .swipe ul {
  padding: 0;
  margin: 0;
}
.list-2 section.cat-videos .swipe a img {
  width: 542px;
  height: 325px;
}
.list-2 section.cat-videos .swipe .swipe__prev {
  background: #000 url("../images/sprite.png") no-repeat scroll -6px -44px;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 25px;
  height: 38px;
  opacity: .5;
}
.list-2 section.cat-videos .swipe .swipe__next {
  background: #000 url("../images/sprite.png") no-repeat scroll -42px -42px;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 25px;
  height: 38px;
  opacity: .5;
}
.list-2 > section:first-child {
  margin-right: 15px;
}
.mantle__image {
  width: 542px;
  height: 300px;
}
.mantle__video {
  width: 542px;
  height: 325px;
}
.mantle__info {
  padding: 10px 40px;
  text-align: center;
  height: 125px;
  width: 462px;
}
.mantle__info .title a,
.mantle__info a:visited {
  text-transform: uppercase;
  color: #232323;
  line-height: 18px;
  font-size: 16px;
}
.mantle__info .desc {
  max-height: 50px;
  overflow: hidden;
}
.list-1 section .box-shadow {
  width: 1060px;
  padding: 0 20px;
}
.list-1 section .box-shadow .p2 {
  float: left;
}
.list-1 section .box-shadow .text {
  float: left;
  font-size: 11px;
  line-height: 18px;
  margin-left: 25px;
}
.js-related-content {
  float: left;
  width: 837px;
}
.js-related-content section:last-of-type {
  width: 264px;
}
.js-related-content .js-more-button {
  width: 264px;
  margin: 0 279px;
  padding: 15px 0;
  font-weight: 500;
  cursor: pointer;
}
.ads__home {
  float: right;
  width: 263px;
  padding-bottom: 15px;
}
/* Category Page */
.category .js-trending {
  float: left;
}
.category .we-know-you-like {
  float: right;
}
/* Page */
.page .addthis-wrapper {
  float: left;
  width: 730px;
  position: relative;
}
.page .addthis-wrapper .post_toolbox {
  position: absolute;
  top: 0;
  left: -90px;
  background-color: none;
  border-radius: 0;
  padding: 0px 6px 0 2px;
  width: 60px;
}
.page .addthis-wrapper .post_toolbox a,
.page .addthis-wrapper .post_toolbox a:visited {
  margin-bottom: 0;
}
.page .addthis-wrapper .post_toolbox img {
  width: 60px;
  height: 30px;
}
/* Single Post */
.single-post h1 {
  color: #3e3e3e;
  text-transform: uppercase;
  font-family: Futura;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  padding: 0 30px;
  margin: 0;
  max-height: 60px;
  overflow: hidden;
}
.single-post h2 {
  padding: 0 30px;
  color: #969494;
  font-size: 13px;
  font-weight: bold;
}
.single-post .post-featured {
  padding: 15px 0;
}
.single-post .excerpt {
  padding-bottom: 20px;
}
.single-post .author__twitter {
  float: left;
  background-color: #575757;
  color: #fff;
  font-style: italic;
  font-size: 10px;
  text-transform: uppercase;
  margin: 5px 5px 15px 30px;
  padding: 3px 42px 3px 5px;
  position: relative;
}
.single-post .author__twitter a,
.single-post .author__twitter a:visited {
  color: #fff;
}
.single-post .author__twitter .icon {
  float: left;
  background: transparent url("../images/sprite.png") no-repeat scroll -86px -11px;
  width: 30px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #9d9d9d;
}
.single-post .author__date {
  float: left;
  font-style: italic;
  font-size: 10px;
  text-transform: uppercase;
  margin: 5px 0 15px;
  padding: 3px 5px;
}
.single-post .author__date span {
  padding: 0 7px;
}
.single-post .addthis-wrapper {
  float: left;
  width: 730px;
  position: relative;
}
.single-post .addthis-wrapper .post_toolbox {
  position: absolute;
  top: 0;
  left: -90px;
  background-color: none;
  border-radius: 0;
  padding: 0px 6px 0 2px;
  width: 60px;
}
.single-post .addthis-wrapper .post_toolbox a,
.single-post .addthis-wrapper .post_toolbox a:visited {
  margin-bottom: 0;
}
.single-post .addthis-wrapper .post_toolbox img {
  width: 60px;
  height: 30px;
}
.single-post .main {
  float: left;
  background-color: #fff;
  width: 730px;
  font-size: 13px;
  padding-top: 30px;
  margin-right: 15px;
  position: relative;
  overflow: hidden;
}
.single-post .main p {
  margin: 13px 30px;
  font-size: 13px;
}
.single-post .main p a,
.single-post .main p a:visited {
  color: #ae0303;
}
.single-post .main p img {
  max-width: 670px;
  max-height: 377px;
}
.single-post .main .p1 {
  margin: 0 0 5px;
  font-size: 11px;
  padding: 0 30px;
}
.single-post .main .pagination {
  clear: both;
  background-color: #f4f4f4;
  padding: 10px 0;
}
.single-post .main .pagination .pagination__prev {
  text-transform: uppercase;
  font-size: 10px;
  background-color: #fff;
  float: left;
  width: 320px;
  text-align: right;
  padding: 20px;
  border-right: 10px solid #f4f4f4;
  position: relative;
}
.single-post .main .pagination .pagination__prev .arrow__prev {
  position: absolute;
  top: 29%;
  left: 10px;
  width: 25px;
  height: 38px;
  background: transparent url("../images/sprite.png") no-repeat scroll -7px -43px;
}
.single-post .main .pagination .pagination__prev .text {
  font-size: 10px;
  font-family: Avenir;
  color: #969494;
}
.single-post .main .pagination .pagination__prev a,
.single-post .main .pagination .pagination__prev a:visited {
  display: inline-block;
  width: 320px;
  font-family: Futura;
  color: #000;
  font-size: 16px;
  overflow: hidden;
}
.single-post .main .pagination .pagination__next {
  text-transform: uppercase;
  font-size: 10px;
  background-color: #fff;
  float: right;
  width: 320px;
  text-align: left;
  padding: 20px;
  position: relative;
}
.single-post .main .pagination .pagination__next .arrow__next {
  position: absolute;
  top: 29%;
  right: 10px;
  width: 25px;
  height: 38px;
  background: transparent url("../images/sprite.png") no-repeat scroll -40px -43px;
}
.single-post .main .pagination .pagination__next .text {
  font-size: 10px;
  font-family: Avenir;
  color: #969494;
}
.single-post .main .pagination .pagination__next a,
.single-post .main .pagination .pagination__next a:visited {
  display: inline-block;
  width: 320px;
  font-family: Futura;
  color: #000;
  font-size: 16px;
  overflow: hidden;
}
.single-post .main .related {
  float: left;
  width: 360px;
  margin: 15px 0;
}
.single-post .main .related .box-shadow {
  padding: 20px;
}
.single-post .main .related .box-shadow .p1 {
  margin: 1em 0;
  line-height: 8px;
  padding: 0;
}
.single-post .main .related .box-shadow .p2 {
  padding: 0;
  margin: 0 0 3px;
}
.single-post .main .related .box-shadow .p3 {
  margin: 0;
  padding: 0;
  font-size: 11px;
  max-height: 60px;
  overflow: hidden;
}
.single-post .main .related.first {
  margin-right: 10px;
}
.single-post .main .comments {
  clear: both;
  float: left;
  border-top: 7px solid #898989;
  padding: 0 15px 15px;
  width: 700px;
}
.single-post .main .comments textarea {
  width: 694px;
}
.single-post .videos,
.single-post .photos {
  height: auto;
  width: 1100px;
}
.single-post .photos {
  margin-bottom: 10px;
}
.single-post .container__the-stats .the-stats {
  width: 100%;
  padding-bottom: 30px;
}
.single-post .container__the-stats .wide {
  background: url("http://www.surfermag.com/files/2011/07/jbayBG.jpg") no-repeat fixed center top;
}
.single-post .container__the-stats .the-stats-text {
  color: #FFFFFF;
  font-size: 12px;
  letter-spacing: .4px;
  margin: 5px 0 40px 20px;
  width: 450px;
}
.single-post .wide-post .post-content {
  margin: 0 auto;
  width: 960px;
  padding-bottom: 20px;
  padding-top: 1px;
}
.single-post .wide-post .post-content p {
  font-size: 13px;
}
.single-post .wide-post .post-content p .pagebuilderEmbedContainer {
  width: 960px !important;
  height: 540px !important;
  position: relative;
}
.single-post .wide-post .post-content p .pagebuilderEmbedContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.single-post .wide-post .post-content iframe {
  max-width: 960px !important;
}
.single-post .wide-post .main.bottom {
  padding-top: 0;
}
.single-post .narrow-post .post-content p .pagebuilderEmbedContainer {
  width: 730px !important;
  height: 411px !important;
  margin-left: -30px;
  position: relative;
}
.single-post .narrow-post .post-content p .pagebuilderEmbedContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.single-post .narrow-post .post-content p.no-margin {
  margin: 13px 0px;
}
#disqus_thread {
  padding: 20px;
}
/* Blogs */
.blogs__landing {
  background-color: #fff;
  padding: 20px 25px;
  margin-right: 15px;
  width: 680px;
}
.blogs__landing h1 {
  font-family: Futura;
  color: #3e3e3e;
  font-size: 30px;
  margin: 0 0 30px;
  font-weight: 500;
  text-transform: uppercase;
}
.blogs__landing section {
  float: left;
  width: 318px;
}
.blogs__landing section:nth-of-type(odd) {
  margin-right: 44px;
}
.blogs__landing section .info + p {
  color: #969494;
  font-size: 13px;
  margin: 0;
}
.blogs__landing section .post {
  margin: 0;
  line-height: 16px;
}
.blogs__landing section .post a,
.blogs__landing section .post a:visited {
  font-family: Futura;
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
  font-size: 12px;
}
.blogs__landing section .post span {
  color: #6f6f6f;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  margin-left: 7px;
}
.blogs__landing section .exerpt {
  font-size: 11px;
  color: #6f6f6f;
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 0;
  max-height: 62px;
  overflow: hidden;
}
.blogs__landing .divider {
  float: left;
  clear: both;
  border-top: 3px solid #ebe9e9;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 25px;
}
.blogs__filter {
  float: left;
  width: 730px;
  margin-right: 15px;
  position: relative;
}
.blogs__filter .blogs__filter-nav {
  float: left;
  width: 78px;
  margin-right: 10px;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.blogs__filter .blogs__filter-nav ul {
  border-top: 6px solid #000;
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}
.blogs__filter .blogs__filter-nav ul li {
  float: left;
  background-color: #fff;
  border-bottom: 1px solid #ececec;
  height: auto;
  display: table-cell;
  width: 68px;
  vertical-align: middle;
  text-align: center;
  line-height: 10px;
  padding: 8px 5px;
}
.blogs__filter .blogs__filter-nav ul li.p1 {
  color: #000;
  font-size: 11px;
}
.blogs__filter .blogs__filter-nav ul li a,
.blogs__filter .blogs__filter-nav ul li a:visited {
  font-family: Avenir;
  color: #7d7c7c;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
}
.blogs__filter .blogs__filter-nav ul li .icon {
  background: transparent url("../images/sprite.png") no-repeat scroll -170px -12px;
  width: 20px;
  height: 15px;
  display: block;
  margin: 0 auto;
}
.blogs__filter .blogs__filter-nav ul li.selected {
  background-color: #3e3d3d;
}
.blogs__filter .blogs__filter-nav ul li.selected a,
.blogs__filter .blogs__filter-nav ul li.selected a:visited {
  color: #fff;
}
.blogs__filter .blogs__filter-nav ul li.selected .icon {
  background: transparent url("../images/sprite.png") no-repeat scroll -187px -12px;
}
.blogs__filter .blogs__filter_content {
  float: right;
  width: 640px;
}
.blogs__filter .blogs__filter_content .item-header {
  height: 60px;
  padding: 5px 25px !important;
}
.blogs__filter .blogs__filter_content .item-header p {
  float: left;
  width: 432px;
  font-size: 1.3em;
  margin: 18px 0 0;
  text-transform: uppercase;
}
.blogs__filter .blogs__filter_content .item-header .header-ad {
  float: right;
  width: 157px;
  height: 60px;
}
.blogs__filter .blogs__filter_content .item {
  margin: 0 15px 15px 0;
  width: 590px;
}
.blogs__filter .blogs__filter_content .item .post_toolbox {
  top: 15%;
  left: -175px;
}
.blogs__filter .blogs__filter_content .wp-pagenavi {
  width: 640px;
}
.blogs__contributors {
  clear: both;
  background-color: #fff;
  padding: 20px;
}
.blogs__contributors .textwidget {
  clear: none !important;
  border-right: 0 none !important;
  padding: 0;
  margin: 0;
  width: 315px;
}
.blogs__contributors .title {
  font-family: Futura;
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  font-weight: 500;
}
.blogs__contributors .info {
  font-size: 10px;
  text-align: center;
  margin: 0 0 30px;
}
.blogs__contributors div {
  float: left;
  width: 125px;
  min-height: 70px;
  padding: 0 15px;
  text-align: center;
}
.blogs__contributors div:nth-of-type(odd) {
  clear: both;
  border-right: 2px solid #c5c5c5;
}
.blogs__contributors div .name {
  margin: 0;
}
.blogs__contributors div a,
.blogs__contributors div a:visited {
  color: #000;
  font-family: Futura;
  text-transform: uppercase;
  font-size: 11px;
}
.blogs__contributors div .exerpt {
  font-size: 11px;
  margin-top: 0;
}
/* Blogs: EOS */
.single-post .eos .main {
  padding-top: 0px;
}
.single-post .eos-post {
  border-left: 30px solid #F16B25;
  float: left;
  width: 96%;
}
.single-post .eos-post .eos-logo {
  padding: 5px;
}
.eos-post h1 {
  color: #F16B25;
  float: left;
  height: 55px;
  max-height: 80px;
  overflow: hidden;
  padding: 20px 0 5px;
  text-align: center;
  width: 560px;
  font-size: 26px;
}
.eos-post h1 span {
  border-bottom: 2px solid #E0941A;
  border-top: 2px solid #E0941A;
  display: inline-block;
  height: 34px;
  line-height: 36px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  width: auto;
}
.eos-post h2.oe {
  margin: 0;
  padding: 0 0 0 130px !important;
  text-align: center;
}
.single-post .eos-post .post-featured {
  padding: 5px 0;
}
.single-post .eos-post .post-featured img {
  max-width: 700px;
}
.single-post .eos-post .author__twitter {
  clear: left;
  margin: 5px 5px 15px 0;
}
.single-post .eos-post .see-also h2 {
  color: #994111;
  font-size: 16px;
  margin: 0;
  padding: 0 30px;
  text-transform: uppercase;
}
.eos-post .see-also {
  padding-bottom: 10px;
}
.single-post .main .eos-post .see-also p {
  padding: 0;
  margin: 0;
}
.single-post .main .eos-post .see-also p a,
.single-post .main .eos-post .see-also p a:visited {
  background: none repeat scroll 0 0 #994111;
  border-top: 1px solid #D6B3A0;
  color: #F7AF1D;
  display: block;
  margin: 0 30px 2px 5px;
  padding: 4px 25px;
}
.eos-post .see-also a:hover {
  color: #fff !important;
}
.eos-post .see-also br {
  display: none;
}
.eos .blogs__filter .blogs__filter_content .item {
  border-left: 10px solid #F16B25;
}
.eos .ad-200-big {
  margin-left: 50px !important;
}
/* Magazine */
.magazine {
  padding-top: 0 !important;
  background-color: #f4f4f4 !important;
}
.magazine .col-left {
  float: left;
  height: 532px;
  width: 544px;
  background-color: #fff;
  margin-right: 15px;
  position: relative;
}
.magazine .col-left h1 {
  padding: 25px 30px 10px;
  font-size: 25px;
  line-height: 25px;
}
.magazine .col-left img {
  max-width: 459px;
  max-height: 392px;
}
.magazine .col-left .magazine__subscribe {
  background-color: #232323;
  font-family: Futura;
  text-transform: uppercase;
  font-size: 12px;
  color: #5c5c5c;
  padding: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 514px;
}
.magazine .col-left .magazine__subscribe span {
  color: #c14343;
  font-weight: bold;
  margin-right: 28px;
}
.magazine .col-left .magazine__subscribe a,
.magazine .col-left .magazine__subscribe a:visited {
  color: #fff;
  margin: 0 25px;
  position: relative;
}
.magazine .col-left .magazine__subscribe a:first-of-type,
.magazine .col-left .magazine__subscribe a:visited:first-of-type {
  margin-left: 20px;
}
.magazine .col-left .magazine__subscribe a:first-of-type .icon,
.magazine .col-left .magazine__subscribe a:visited:first-of-type .icon {
  left: 68px;
}
.magazine .col-left .magazine__subscribe a:last-of-type .icon,
.magazine .col-left .magazine__subscribe a:visited:last-of-type .icon {
  left: 77px;
}
.magazine .col-left .magazine__subscribe a .icon,
.magazine .col-left .magazine__subscribe a:visited .icon {
  background: transparent url("../images/sprite.png") no-repeat scroll -133px -7px;
  width: 20px;
  height: 25px;
  position: absolute;
  top: -8px;
  left: 50px;
}
.magazine .js-trending {
  float: right;
  height: 531px;
}
.magazine .js-trending .p1 {
  padding-top: 25px !important;
}
.magazine .js-trending .desc {
  padding-bottom: 30px !important;
}
.magazine .col-right {
  float: right;
  width: 169px;
  background-color: #fff;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  height: 531px;
}
.magazine .col-right.js-trending .p1 {
  padding-top: 25px !important;
}
.magazine .col-right.js-trending .desc {
  padding-bottom: 30px !important;
}
.magazine .list-2 {
  float: left;
  height: 445px;
  width: 360px;
  background-color: #fff;
  margin-top: 15px;
}
.magazine .list-2.first {
  margin-right: 10px;
  border-bottom: 1px solid #ececec;
  height: 444px;
  overflow: hidden;
}
.magazine .list-2.first ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.magazine .list-2.first ul li {
  position: relative;
}
.magazine .list-2.first ul li .arrow {
  position: absolute;
  top: 30%;
  right: 10px;
  background: transparent url("../images/sprite.png") no-repeat scroll -43px -46px;
  width: 22px;
  height: 32px;
  padding: 0;
}
.magazine .list-2.first ul li .p2 a,
.magazine .list-2.first ul li .p2 a:visited {
  color: #000;
}
.magazine .list-2.first p {
  margin: 0;
  padding-left: 20px;
}
.magazine .list-2.first .p1 {
  padding-top: 25px;
  padding-bottom: 20px;
}
.magazine .list-2.first .p3 {
  font-size: 11px;
  margin-bottom: 15px;
}
.magazine .list-2 .we-know-you-like .desc a,
.magazine .list-2 .we-know-you-like .desc a:visited {
  color: #ae0303;
}
.magazine .cover-archives {
  clear: both;
  float: left;
  text-align: center;
  background-color: #fff;
  padding: 20px 0;
  position: relative;
  width: 730px;
}
.magazine .cover-archives .p1 {
  padding-bottom: 10px;
}
.magazine .cover-archives .swipe__prev {
  background: url("../images/sprite.png") no-repeat scroll -83px -46px transparent;
  height: 36px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 36px;
  z-index: 999;
}
.magazine .cover-archives .swipe__next {
  background: url("../images/sprite.png") no-repeat scroll -137px -46px transparent;
  height: 36px;
  right: 0;
  position: absolute;
  top: 50%;
  width: 36px;
  z-index: 999;
}
.magazine .cover-archives .swipe-wrap {
  padding: 0;
  margin: 0 47px !important;
}
.magazine .cover-archives .swipe-wrap div {
  width: 636px;
  height: 112px;
}
.magazine .cover-archives .swipe-wrap div a,
.magazine .cover-archives .swipe-wrap div a:visited {
  float: left;
  width: 96px;
  height: 112px;
  margin-right: 12px;
}
.magazine .cover-archives .swipe-wrap div a img,
.magazine .cover-archives .swipe-wrap div a:visited img {
  width: 96px;
  height: 112px;
}
/* About Page */
.page-about {
  width: 1100px;
  height: 100%;
  padding: 0 20px !important;
  margin: 0 auto !important;
}
.page-about *,
.page-about *:before,
.page-about *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.page-about .about-header {
  font-size: 1em;
  margin-left: -20px;
  margin-right: -20px;
}
.page-about .about-header h1 {
  font-size: 4rem !important;
  line-height: 1.1 !important;
  margin-bottom: 0;
  color: #fff;
}
.page-about .about-body h2 {
  font-size: 4rem !important;
}
.page-about .about-body h2 small {
  font-size: 1.4rem !important;
  color: #aaa;
}
.page-about .about-body .team-list li .content h3 {
  font-size: 1.1em !important;
  line-height: 1.8em !important;
}
/* Contact Page */
.page-contact {
  width: 1100px;
  height: 100%;
  padding: 10px 20px 20px !important;
  margin: 0 auto !important;
}
.page-contact *,
.page-contact *:before,
.page-contact *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.page-contact > h1 {
  margin: 0 !important;
}
.page-contact .contact-body .contact-info .section-title {
  margin-top: 10px;
}
/* Apps Page */
.page-apps {
  background-color: #fff !important;
  width: 1100px;
  height: 100%;
  padding: 10px 20px 20px !important;
  margin: 0 auto !important;
}
.page-apps *,
.page-apps *:before,
.page-apps *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.page-apps .main .apps-header {
  background: url("../images/apps-header.png?v=2015") no-repeat bottom #000;
  height: 300px;
  float: none;
  padding: 0;
  margin-left: -20px;
  margin-right: -20px;
}
.page-apps .main .apps-header h1 {
  color: #fff;
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
}
.page-apps .main .apps-header p {
  color: #fff;
  font-size: 12px;
  padding: 0 180px;
}
.page-apps .main .apps-container .app-block .app-data > p {
  font-size: 12px;
  font-style: italic;
}
/* Newsletter Page */
.newsletter-page {
  background-color: #fff !important;
  width: 1100px;
  height: 100%;
  padding: 20px !important;
  margin: 20px auto !important;
}
.newsletter-page *,
.newsletter-page *:before,
.newsletter-page *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
/* Magazine Page */
.magazine-detail {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  background-color: #fff !important;
  width: 1100px;
  height: 100%;
  padding: 20px 75px !important;
  margin: 20px auto !important;
}
.magazine-detail *,
.magazine-detail *:before,
.magazine-detail *:after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.magazine-detail .magazine-cover-scroll #magCoverContainer .magazine-cover-content {
  width: auto !important;
  height: 153px;
  margin: 0 5px !important;
}
.magazine-detail .magazine-cover-scroll #magCoverContainer .magazine-cover-content img {
  width: auto !important;
  height: 135px !important;
}
.magazine-detail .magazine-info .magazine-data {
  /* .magazine-details {

				h2 {
					font-size: 16px;
					font-weight: normal;
				}
			} */
}
.magazine-detail .magazine-info .magazine-data .magazine-meta .magazine-current .sub-btn {
  font-size: 14px;
}
.magazine-detail .magazine-info .magazine-data .magazine-meta .magazine-current .sub-btn p {
  margin-top: 0;
}
.magazine-detail .magazine-info .magazine-data .magazine-meta .magazine-links footer {
  background-color: transparent;
  height: auto;
}
.magazine-detail .magazine-image-scroll h2 {
  /* font-size: 23px;
			font-weight: 800; */
}
.magazine-detail .magazine-cover-scroll h2 {
  /* font-size: 23px;
			font-weight: 800; */
}
/* Sidebar */
.sidebar {
  float: left;
  width: 355px;
  /* Instagram mod */
}
.sidebar .related {
  background-color: #fff;
  padding-top: 5px;
}
.sidebar .related img {
  width: 355px;
  height: 200px;
}
.sidebar .related .box-shadow {
  padding: 20px;
  width: 315px;
}
.sidebar .related .box-shadow .p2 {
  margin: 0 0 3px;
}
.sidebar .related .box-shadow .p3 {
  margin: 0;
  max-height: 60px;
  overflow: hidden;
}
.sidebar .related .list-2 {
  padding: 20px;
}
.sidebar .related .list-2 ul {
  padding: 0;
  list-style-type: none;
}
.sidebar .related .list-2 ul li {
  float: left;
  width: 150px;
}
.sidebar .related .list-2 ul li:first-of-type {
  margin-right: 15px;
}
.sidebar .related .list-2 ul li .p2 {
  max-height: 37px;
  overflow: hidden;
}
.sidebar .related .list-2 ul li .p3 {
  max-height: 59px;
  overflow: hidden;
}
.sidebar .instagram {
  background: none repeat scroll 0 0 #fff;
  margin: 0 auto 10px;
  padding-bottom: 10px !important;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  width: 335px;
}
.sidebar .instagram .spredfast-ig {
  overflow: auto;
  height: 300px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.sidebar .instagram .sidebar-instagram h3.list-title {
  color: #000;
  font-family: Futura;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.sidebar .instagram a.follow {
  color: #fff;
  font-family: Futura;
  font-size: 12px;
  font-weight: 500;
  background: none repeat scroll 0 0 #000;
  display: block;
  width: 100%;
  padding: 1%;
  width: 98%;
  text-align: center;
  text-transform: uppercase;
}
.sidebar .instagram .insta-thumbs > li img {
  height: auto;
  width: 108px;
}
/* DoubleClick Ads */
#takeover-background.pagebuilder_ad {
  display: none;
}
.ad-200-small {
  clear: both;
  background: transparent url("../images/bg-ad-200-small.jpg") no-repeat scroll 0 0;
  height: 132px;
  width: 263px;
  text-align: center;
}
.ad-200-big {
  clear: both;
  background: transparent url("../images/bg-ad-200-big.jpg") no-repeat scroll 0 0;
  height: 600px;
  width: 263px;
  text-align: center;
}
.ad-300x250 {
  clear: both;
  background: transparent url("../images/bg-ad-300x250.jpg") no-repeat scroll 0 0;
  height: 250px;
  width: 355px;
  text-align: center;
}
.ad-300x250 .ad-content {
  width: 300px;
  padding: 0 27.5px;
}
.ad-300x225 {
  clear: both;
  background: transparent url("../images/bg-ad-300x225.jpg") no-repeat scroll 0 0;
  width: 355px;
  text-align: center;
}
.ad-300x225 .ad-content {
  width: 300px;
  padding: 0 27.5px;
}
.ad-300x600 {
  height: 600px;
  width: 300px;
  padding: 0 27.5px;
  text-align: center;
}
.ad-160x600 {
  height: 600px;
  width: 160px;
  padding: 0 97.5px;
  text-align: center;
}
.ad-728 {
  height: 90px;
  width: 728px;
  text-align: center;
}
.ad-157x60 {
  float: right;
  height: 60px;
  margin: 0 20px 20px;
  width: auto;
}
.week-in-review #ad-1100x90 {
  height: auto;
  margin: 0 -15px 20px;
  width: 1100px;
}
.wide.features .ad-157x60 {
  margin-top: 20px;
}
.eos .ad-300x600 {
  background: transparent url("../images/bg-ad-300x600.png") no-repeat scroll 0 0;
}
.eos .ad-200-big {
  margin: 0 auto;
}
/* Footer */
.footer.container.load-takeoverbg {
  max-width: 1140px;
}
footer {
  background-color: #070707;
  height: 175px;
  position: relative;
}
footer .container {
  background: 0 none;
  position: relative;
  overflow: visible;
}
footer .container.load-takeoverbg {
  max-width: 1140px !important;
}
footer .container .footer__subscribe {
  float: left;
  background: transparent url("../images/subscribe-magazine-footer.jpg?v=2") no-repeat scroll 0 0;
  width: 285px;
  height: 175px;
  position: relative;
}
footer .container .footer__subscribe .print {
  position: absolute;
  top: 86px;
  left: 8px;
  width: 97px;
  height: 21px;
}
footer .container .footer__subscribe .digital {
  position: absolute;
  top: 116px;
  left: 8px;
  width: 97px;
  height: 21px;
}
footer .container .footer__subscribe .newsletter {
  position: absolute;
  top: 146px;
  left: 8px;
  width: 97px;
  height: 21px;
}
footer .container .footer__subscribe img {
  position: absolute;
  right: 0;
  bottom: 0;
}
footer .container .footer__info {
  float: left;
  width: 590px;
  padding: 0 45px;
}
footer .container .footer__info ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
footer .container .footer__info ul li {
  float: left;
  width: 100px;
  height: 16px;
}
footer .container .footer__info ul li a {
  font-size: 9px;
  color: #fff;
}
footer .container .footer__info .col-left {
  float: left;
  height: 120px;
  width: 240px;
  margin-top: 35px;
  padding-left: 35px;
  border-left: 1px solid #575757;
}
footer .container .footer__info .col-left .p1 {
  margin-bottom: 0;
}
footer .container .footer__info .col-right {
  float: left;
  height: 130px;
  width: 300px;
  margin-top: 35px;
  border-right: 1px solid #575757;
}
footer .container .footer__info .col-right .p1 {
  margin-bottom: 0;
}
footer .container .footer__social {
  float: left;
  margin-top: 30px;
}
footer .container .footer__social .icons {
  background: transparent url("../images/bg-footer-social.jpg") no-repeat scroll 0 0;
  width: 120px;
  height: 125px;
  position: relative;
}
footer .container .footer__social .icons a,
footer .container .footer__social .icons a:visited {
  display: block;
  width: 56px;
  height: 53px;
  position: absolute;
}
footer .container .footer__social .icons .facebook {
  top: 7px;
  left: 0;
}
footer .container .footer__social .icons .twitter {
  top: 7px;
  right: 0;
}
footer .container .footer__social .icons .google-plus {
  right: 0;
  bottom: 6px;
}
footer .container .footer__social .icons .instagram {
  left: 0;
  bottom: 6px;
}
.footer__copyright {
  clear: both;
  background-color: #5c5c5c;
  height: 45px;
  line-height: 45px;
}
.footer__copyright .container {
  background-color: #5c5c5c;
}
.footer__copyright p {
  color: #9b9b9b;
  font-style: italic;
  font-size: 10px;
  float: right;
  margin: 0;
}
/* Featured Posts - Across Site */
.category .list-4 section.js-related-content a img {
  width: 264px;
  height: auto;
}
.list-4.featured-posts {
  position: relative;
  overflow: visible;
}
.list-4.featured-posts ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.list-4.featured-posts ul li {
  float: left;
  height: 308px;
  width: 1100px;
}
.list-4.featured-posts ul li section {
  height: 293px;
}
.list-4.featured-posts ul li section:last-child {
  margin-right: 0;
  width: 263px;
  position: relative;
}
.list-4.featured-posts ul li .post-meta {
  background-color: #f4f4f4;
  text-align: center;
  max-height: 33px;
}
.list-4.featured-posts ul li .post-meta p,
.list-4.featured-posts ul li .post-meta a {
  display: inline-block;
  font-size: 10px;
  padding: 3px 0;
  color: #000;
}
.list-4.featured-posts ul li .post-meta a {
  color: #C12020;
}
.list-4.featured-posts ul li .post-meta .p1 {
  color: #969494;
  font-weight: 500;
}
.list-4.featured-posts .swipe__prev {
  background: url("../images/sprite.png") no-repeat scroll -83px -46px transparent;
  height: 36px;
  left: -20px;
  position: absolute;
  top: 50%;
  width: 36px;
  z-index: 999;
}
.list-4.featured-posts .swipe__next {
  background: url("../images/sprite.png") no-repeat scroll -137px -46px transparent;
  height: 36px;
  right: -20px;
  position: absolute;
  top: 50%;
  width: 36px;
  z-index: 999;
}
.category .list-4 .pagination {
  background: none repeat scroll 0 0 transparent;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.category .list-4 .pagination .more-button {
  float: none;
  margin: 0 auto;
  padding: 10px;
  width: 240px;
}
.category .list-4 .pagination .more-button a {
  color: #969494;
  font-family: Futura;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
/* Week In Review */
/* ------------------------------------------------------------------------------------------------------------------ */
.week-in-review {
  padding: 20px 85px;
  width: 930px;
}
.week-in-review a,
.week-in-review a:visited {
  color: #f07057;
}
.week-in-review .left,
.week-in-review .right {
  width: 465px;
  text-align: center;
}
.week-in-review .left h4,
.week-in-review .right h4 {
  font-size: 23px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0px;
  max-height: 30px;
  overflow: hidden;
  color: #000;
}
.week-in-review .left p,
.week-in-review .right p {
  margin-bottom: 7px;
  max-height: 50px;
  overflow: hidden;
  font-size: 14px;
}
.week-in-review .right {
  width: 450px;
}
.week-in-review .p1 {
  text-align: center;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  padding: 12px 0;
}
.week-in-review .p2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  font-family: 'BebasRegular', Arial, sans-serif;
  letter-spacing: 1px;
  word-spacing: 5px;
  color: #F07057;
}
.week-in-review .p3 {
  margin-top: 5px;
}
/* Week In Review 2 */
/* ------------------------------------------------------------------------------------------------------------------ */
article.wir2 .week-in-review {
  padding: 0 15px;
}
article.wir2 .wir-header {
  position: relative;
  margin-bottom: 20px;
}
article.wir2 .wir-header p {
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 42px;
  letter-spacing: 2px;
  overflow: hidden;
  padding: 0 5%;
  position: absolute;
  text-transform: uppercase;
  top: 275px;
  width: 90%;
}
article.wir2 img {
  height: auto !important;
}
article.wir2 p {
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
}
article.wir2 .left,
article.wir2 .right {
  margin-bottom: 20px;
}
article.wir2 h4 {
  margin: 0 0 15px !important;
  font-size: 20px !important;
}
article.wir2 .divider,
article.wir2 .border-top {
  margin: 0 0 20px;
}
article.wir2 .big-divider {
  background-color: #000;
  clear: both;
  height: 15px;
  margin: 0 -15px 20px !important;
  width: 1100px;
}
article.wir2 .sidebar-instagram {
  margin: 0 0 10px !important;
}
article.wir2 .sidebar-instagram h3 {
  display: none;
}
article.wir2 .sidebar-instagram img {
  height: auto;
  width: 130px;
}
article.wir2 .sidebar-instagram .insta-thumbs {
  margin: 0 auto;
  width: 402px;
}
article.wir2 .ng-gallery-embed {
  padding-bottom: 0;
  margin: 0 0 10px !important;
  max-height: 440px !important;
  max-width: 520px;
  overflow: hidden;
}
article.wir2 .ng-gallery-embed img {
  height: auto;
  max-height: 400px !important;
}
article.wir2 .ng-gallery-embed .ng-embed-carousel {
  display: none;
}
article.wir2 .ng-gallery-embed .flexslider {
  margin-bottom: 0px;
  max-height: 400px !important;
}
article.wir2 .ng-gallery-embed .flex-next,
article.wir2 .ng-gallery-embed .flex-prev {
  opacity: 1 !important;
}
article.wir2 .ng-gallery-embed .photo-caption {
  position: relative;
  bottom: -18px;
  height: 30px;
  color: #6F6F6F !important;
  font-size: 1em;
  line-height: 1.4;
}
.dropdown2 {
  height: 225px;
  width: 257px;
  position: absolute;
  bottom: -224px;
  left: 342px;
  text-align: center;
  display: none;
}
.dropdown2 ul {
  float: left;
  width: 257px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06f56', endColorstr='#e9513b');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f06f56), to(#e9513b));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #f06f56, #e9513b);
  /* for firefox 3.6+ */
}
.dropdown2 ul li {
  float: left;
  width: 87.5px;
  height: 45px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 20px 0;
  border-bottom: 1px solid #e16149;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06f56', endColorstr='#e9513b');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f06f56), to(#e9513b));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #f06f56, #e9513b);
  /* for firefox 3.6+ */
}
.dropdown2 ul li:nth-of-type(odd) {
  border-right: 1px solid #e65640;
}
.dropdown2 ul li:nth-of-type(even) {
  border-left: 1px solid #f08264;
}
table.heading td h2 {
  padding: 0 20px;
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  font-family: 'BebasRegular', Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  word-spacing: 5px;
  color: #000;
}
table.heading td p {
  text-align: center;
  margin-top: 7px;
  font-style: italic;
  color: #000;
}
span.caption {
  font-style: italic;
  color: #666;
  line-height: 14px;
  clear: both;
  display: block;
  padding-top: 5px;
}
.border-right {
  border-right: 1px solid #aeaeae;
  padding-right: 14px;
}
tr.tweets {
  background-color: #000;
}
tr.tweets td {
  padding: 40px 10px;
  color: #f07057;
  text-align: center;
  vertical-align: top;
}
#position {
  position: absolute;
  left: 416px;
  top: 507px;
  width: 257px;
  height: 118px;
}
.dropdown {
  height: 225px;
  width: 257px;
  position: absolute;
  top: 626px;
  left: 417px;
  text-align: center;
  display: none;
}
.dropdown ul {
  float: left;
  width: 257px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06f56', endColorstr='#e9513b');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f06f56), to(#e9513b));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #f06f56, #e9513b);
  /* for firefox 3.6+ */
}
.dropdown ul li {
  float: left;
  width: 87.5px;
  height: 45px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 20px 0;
  border-bottom: 1px solid #e16149;
  font-size: 12px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06f56', endColorstr='#e9513b');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f06f56), to(#e9513b));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #f06f56, #e9513b);
  /* for firefox 3.6+ */
}
.dropdown ul li:nth-of-type(odd) {
  border-right: 1px solid #e65640;
}
.dropdown ul li:nth-of-type(even) {
  border-left: 1px solid #f08264;
}
.week-in-review-wrapper a,
.week-in-review-wrapper a:visited {
  color: #ae0303;
}
.week-in-review-wrapper .border-top {
  background-color: #000;
  width: 1100px;
  height: 15px;
  margin: 20px auto;
}
.week-in-review-wrapper .border-right {
  border-right: 1px solid #aeaeae;
  padding-right: 14px;
  width: 520px;
}
.week-in-review-wrapper .divider {
  clear: both;
  border-bottom: 2px solid #000;
  width: 1070px;
  margin: 30px 0;
}
.week-in-review-wrapper .week-in-review {
  padding: 15px;
  width: 1070px;
}
.week-in-review-wrapper .week-in-review .p2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  font-family: 'BebasRegular', Arial, sans-serif;
  letter-spacing: 1px;
  word-spacing: 5px;
  color: #000;
  padding: 0 15px;
  margin: 0;
}
.week-in-review-wrapper .week-in-review .p3 {
  margin: 5px 0 0;
}
.week-in-review-wrapper .week-in-review .tweets .p2,
.week-in-review-wrapper .week-in-review .tweets a,
.week-in-review-wrapper .week-in-review .tweets a:visited {
  color: #F07057;
}
.week-in-review-wrapper table.heading td h2 {
  padding: 0 20px;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  line-height: 37px;
  font-family: 'BebasRegular', Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  word-spacing: 5px;
  color: #000;
  margin: 0;
}
.week-in-review-wrapper table.heading td p {
  font-size: 12px;
}
.week-in-review-wrapper .left,
.week-in-review-wrapper .right {
  width: 520px;
  text-align: center;
}
.week-in-review-wrapper .left img,
.week-in-review-wrapper .right img {
  width: 520px;
  height: 293px;
}
.week-in-review-wrapper .left h4,
.week-in-review-wrapper .right h4 {
  font-size: 23px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0px;
  max-height: 30px;
  overflow: hidden;
  color: #000;
}
.week-in-review-wrapper .left p,
.week-in-review-wrapper .right p {
  margin-bottom: 7px;
  max-height: 50px;
  overflow: hidden;
  font-size: 12px;
  color: #000;
}
.week-in-review-wrapper .still-more {
  background-color: #000;
  margin-top: 30px;
}
.week-in-review-wrapper .still-more p {
  text-align: center;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  padding: 12px 0;
  margin: 0;
}
.lt-ie9 .list-4 section.ie-last {
  position: relative;
  width: 263px;
  margin-right: 0;
}
.lt-ie9 .list-4 section.ie-last .sneak-peak {
  margin: 15px 0;
}
.lt-ie9 .list-4 section.ie-last .box-subscribe {
  background-color: #000;
  padding: 20px 0;
  width: 263px;
  font-family: Futura;
  margin-right: 0;
  text-transform: uppercase;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.lt-ie9 .list-4 section.ie-last .box-subscribe span {
  color: #c14343;
  font-weight: bold;
  margin: 0 7px 0 9px;
}
.lt-ie9 .list-4 section.ie-last .box-subscribe a {
  font-family: Futura;
  color: #fff;
  margin: 0 10px;
}
.lt-ie9 .we-know-you-like ul li.ie-odd {
  padding-right: 16px;
}
.lt-ie9 .cat-photos.ie-first {
  margin-right: 15px;
}
.lt-ie9 .cat-photos.ie-last {
  background-color: #fff;
  padding: 0 15px;
  width: 371px;
  height: 483px;
}
.lt-ie9 .cat-photos.ie-last .textwidget .p2 {
  text-align: center;
}
.lt-ie9 .cat-photos.ie-last .textwidget a,
.lt-ie9 .cat-photos.ie-last .textwidget a:visited {
  float: left;
  text-align: center;
  margin-bottom: 15px;
  height: 205px;
  width: 371px;
}
.lt-ie9 .cat-photos.ie-last .p1 {
  margin: 70px 0 0;
  line-height: 18px;
}
.lt-ie9 .cat-photos.ie-last .p4 {
  font-family: Futura;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  margin: 0;
}
.lt-ie9 .blogs__landing section.ie-odd {
  margin-right: 44px;
}
@-moz-document url-prefix() {
  .list-4 > section:last-child .box-subscribe span {
    margin-left: 11px;
  }
  .wide.features .left p:first-of-type:first-letter {
    margin: 4px 13px 10px 0;
  }
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.wallpapers {
  padding: 5px 30px 15px 26px !important;
  color: #000;
  font-size: 12px;
}
.wallpapers img {
  margin-bottom: 5px;
}
.wallpapers a,
.wallpapers a:visited {
  color: #000;
}
.cover-archive {
  font-size: 12px;
  color: #000;
}
.cover-archive a,
.cover-archive a:visited {
  color: #000;
}
.cover-archive > div {
  padding: 0 45px !important;
}
.cover-archive .img {
  padding: 0 27px !important;
}
/**** Magazine ****/
.magazine section.first img {
  display: none;
}
.magazine ul li h2 {
  margin: 0;
  padding-left: 20px;
  font-size: 13px;
  font-family: Futura;
  text-transform: uppercase;
  font-weight: 500;
  color: #000;
}
.magazine ul li h2 + p {
  font-size: 11px !important;
  margin-bottom: 15px !important;
}
/**** Surf Reports and Forecasts ****/
#regionLinks {
  width: 930px;
}
#wavewatch_logo {
  float: right;
  margin: 0;
  padding: 8px 30px 0 0;
}
.articletitle_v2 {
  color: #B30901;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 0;
  text-decoration: none;
}
.location-header {
  background: url("../images/tab_repeat.gif") repeat scroll 0 0 transparent;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  margin: 5px 5px 20px 0;
  padding-left: 10px;
}
.location a {
  font-size: 12px;
}
#swellRegion {
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 10px 3px;
}
#regionLinks h2 {
  color: #B30901;
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0 5px;
}
#forecast_chart {
  height: 400px;
  width: 930px;
}
#forecast_cams_container {
  border: 1px solid #000000;
  margin: 0 0 5px;
  padding: 5px;
  text-align: left;
  width: 912px;
}
#forecast_map {
  float: right;
  padding: 0;
  width: 630px;
}
.contact h1 {
  clear: both;
  font-family: arial, sans-serif;
  font-size: 22px !important;
  font-weight: normal !important;
  text-transform: uppercase;
  margin: 0 !important;
}
.contact h2 {
  font-size: 18px;
}
div.editorial ul {
  float: left;
  width: 190px;
  list-style-type: none;
}
div.editorial ul li {
  margin-bottom: 20px;
}
div.editorial ul p {
  margin: 0;
}
ul.advertising {
  list-style-type: none;
}
ul.advertising li {
  float: left;
  margin: 0 0 5px 15px;
  width: 264px;
}
ul.advertising p {
  margin: 0;
}
ul.cus-service {
  list-style-type: none;
}
ul.cus-service li {
  margin: 0 0 61px 15px;
}
ul.cus-service p {
  margin: 0;
}
.divider {
  border-bottom: 1px solid #cecdcd;
  clear: both;
  float: left;
  margin: 15px 0 40px;
  width: 100%;
}
/* Comments */
/* ----------------------------------------------------- */
.comment-list,
.comment-form {
  clear: both;
  float: left;
  margin-top: 25px;
  width: 100%;
}
.comment-list p,
.comment-form p {
  padding: 0 !important;
  margin: 0 !important;
}
.comment-list {
  border-top: 1px solid #EBEAEA;
}
.comment-list .bd,
.comment-form .bd {
  float: left;
  width: 100%;
}
.comment {
  clear: both;
}
.comment-meta {
  background: url("../images/comment-author.gif") no-repeat scroll 0 0 transparent;
  font-size: 11px;
  font-style: italic;
  line-height: 15px;
  float: left;
  margin: 10px 0px 0px;
  padding: 0px;
  width: 120px;
}
.comment-meta a {
  float: left;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
}
.comment-text {
  background: #fff none;
  float: right;
  border: 1px solid #bbb;
  width: 551px;
  min-height: 50px;
  padding: 10px;
  margin: 10px 0px 0px;
}
.comment-list div.odd .comment-text {
  background: #F8F8F8 none;
}
.comment-form h1,
.comment-list h1 {
  font-size: 15px;
  line-height: 15px;
  margin: 15px 0 5px;
  padding: 0;
  text-transform: uppercase;
}
.comment-form p label {
  font-weight: bold;
  width: 110px;
  padding-right: 10px;
  text-align: right;
  margin: 10px 0px 0px;
}
.comment-form input,
.comment-form textarea {
  border: 1px solid #bbb;
  font-family: arial, sans-serif;
  font-size: 12px;
  width: 444px;
  height: 17px;
  padding: 2px;
  margin: 10px 0px 0px;
}
.comment-form textarea {
  height: 160px;
}
.comment-form input#submit {
  background-color: #000;
  border: 0 none;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  width: auto;
  height: auto;
  margin: 10px 0px 0px;
  padding: 3px 5px;
}
.comment-form .disclaimer {
  padding: 20px 0 0;
}
/* VOD custom overwrites */
/* ----------------------------------------------------- */
.category-vod .vod-picks .vod-video-entry .vod-video-entry-content .vod-content h3 {
  margin-bottom: 10px!important;
}
.category-vod .vod-all .vod-video-entry .vod-video-entry-content .vod-content .vod-user {
  margin-bottom: 5px !important;
  line-height: 16px !important;
}
.category-vod .vod-picks .vod-video-entry .vod-video-entry-content .vod-content .vod-user {
  line-height: 16px !important;
}
.category-vod .vod-picks .vod-video-entry .vod-video-entry-content .vod-content .vod-excerpt {
  margin-bottom: 0 !important;
  line-height: 21px !important;
}
.category-vod p {
  margin: 0 0 10px !important;
}
/* Instagram billboard  */
.spredfast-ig-billboard {
  overflow: auto;
  float: left;
  width: 96%;
  height: 180px;
  padding: 2%;
}
/* Micro Sections within the Site */
/* ----------------------------------------------------- */
/* ==========================================================================
   Salted Magazine
   ========================================================================== */
.salted h1 {
  text-transform: uppercase;
  padding-left: 0;
  padding-bottom: 15px;
}
.salted .p1 {
  color: #00a9eb;
}
.salted .floating-bar {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  height: 30px;
  background-color: #000;
}
.salted .floating-bar .content {
  margin: 0 auto;
  width: 900px;
}
.salted .floating-bar a,
.salted .floating-bar a:visited {
  float: left;
  margin-top: 1px;
}
.salted .container {
  background-color: #fff;
  width: 964px;
  padding: 0 88px;
}
.salted .container .item {
  margin: 0 0 15px;
  width: 850px;
}
.salted .container .item .exerpt img {
  max-width: 850px;
}
.salted .container .addthis-wrapper .addthis_toolbox {
  left: -58px !important;
}
.salted .container .single-salted,
.salted .container .wp-caption img {
  max-width: 900px;
  max-height: 663px;
}
.salted [role='header'] {
  padding: 25px 32px;
}
.salted [role='header'] img {
  margin-top: 39px;
}
.salted .nav {
  float: right;
  margin-top: 85px;
  width: 287px;
}
.salted .nav a,
.salted .nav a:visited {
  display: inline-block;
  background: url("../images/sprite-salted.png?v=1") no-repeat scroll 0 -5px;
  height: 25px;
  margin-left: 14px;
  -webkit-transition: background-position 0.5s ease-in-out;
  -moz-transition: background-position 0.5s ease-in-out;
  -o-transition: background-position 0.5s ease-in-out;
  transition: background-position 0.5s ease-in-out;
}
.salted .nav .nav__about {
  width: 50px;
}
.salted .nav .nav__about:hover {
  background-position: 0 -31px;
}
.salted .nav .nav__download {
  background-position: -68px -5px;
  width: 76px;
}
.salted .nav .nav__download:hover {
  background-position: -68px -31px;
}
.salted .nav .nav__buy {
  background-position: -163px -5px;
  width: 35px;
}
.salted .nav .nav__buy:hover {
  background-position: -163px -31px;
}
.salted .nav .nav__archive {
  background-position: -216px -5px;
  width: 56px;
}
.salted .nav .nav__archive:hover {
  background-position: -216px -31px;
}
.salted #slider__salted-image {
  position: relative;
}
.salted #slider__salted-image .swipe-wrap {
  width: 900px;
  padding: 0 32px;
}
.salted #slider__salted-image .swipe-wrap img {
  width: 900px;
  height: 663px;
}
.salted #slider__salted-image .swipe__prev {
  position: absolute;
  background-color: #000;
  top: 50%;
  left: 0;
  display: block;
  width: 23px;
  height: 43px;
  color: #fff;
}
.salted #slider__salted-image .swipe__next {
  position: absolute;
  background-color: #000;
  top: 50%;
  right: 0;
  display: block;
  width: 23px;
  height: 43px;
}
.salted .salted-footer {
  position: relative;
  padding: 0 32px;
}
.salted .salted-footer a,
.salted .salted-footer a:visited {
  display: inline-block;
  background: url("../images/sprite-salted.png?v=2") no-repeat scroll 0 0;
  width: 20px;
  height: 20px;
  -webkit-transition: background-position 0.5s ease-in-out;
  -moz-transition: background-position 0.5s ease-in-out;
  -o-transition: background-position 0.5s ease-in-out;
  transition: background-position 0.5s ease-in-out;
}
.salted .salted-footer .newsstands {
  position: absolute;
  top: 23px;
  left: 208px;
  width: 310px;
  height: 50px;
  background: 0 none;
}
.salted .salted-footer .instagram {
  position: absolute;
  top: 35px;
  right: 98px;
  background-position: -7px -62px;
}
.salted .salted-footer .instagram:hover {
  background-position: -7px -87px;
}
.salted .salted-footer .twitter {
  position: absolute;
  top: 35px;
  right: 63px;
  background-position: -43px -61px;
}
.salted .salted-footer .twitter:hover {
  background-position: -43px -87px;
}
/* ==========================================================================
   Surfer Poll
   ========================================================================== */
.surfer-poll ul,
.surfer-poll li,
.surfer-poll h2,
.surfer-poll h3,
.surfer-poll p,
.surfer-poll a {
  font-family: "Adobe Caslon Pro", "Times New Roman", serif !important;
  font-size: 15.4px !important;
}
.category-surfer-poll .surfer-poll h3,
.category-surfer-poll .surfer-poll p,
.category-surfer-poll .surfer-poll a {
  font-size: 13px !important;
}
.category-surfer-poll .surfer-poll .list-4 section {
  height: 270px !important;
}
.category-surfer-poll .surfer-poll .list-4 section .height-90 {
  width: 100%;
  height: 105px;
}
.footer.container h3,
.footer.container p,
.footer.container a {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
}
.site-footer .theme-footer .footer-social a {
  font-size: 25px !important;
}
.sp-homepage .sp-results {
  float: left;
  padding: 2% 4%;
  width: 92%;
}
.sp-homepage .sp-results ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0 10%;
  text-align: center;
  width: 30%;
}
.sp-homepage .sp-results ul.col2 p:first-of-type {
  font-size: 1em !important;
}
.sp-homepage .sp-results ul li {
  padding-bottom: 10px;
}
.sp-homepage .sp-results ul li h2 {
  font-size: 1.2em !important;
  font-weight: normal;
  letter-spacing: 2px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.sp-homepage .sp-results ul li h3 {
  font-style: italic;
  font-weight: normal;
  margin: 0;
  text-transform: capitalize;
}
.sp-homepage .sp-results ul li p {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.sp-homepage .sp-results ul li p:first-of-type {
  font-size: 0.8em !important;
  font-weight: normal;
  padding-bottom: 10px;
}
.sp-homepage iframe {
  margin-bottom: 20px;
}
.sp-homepage .category-surfer-poll {
  width: 792px;
  text-align: center;
  padding-bottom: 55px !important;
}
.sp-homepage .category-surfer-poll .p1 {
  color: #000;
  letter-spacing: 0.2em;
  margin: 0;
  padding: 0 0 25px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Adobe Caslon Pro", "Times New Roman", serif !important;
  font-size: 15.4px !important;
}
.sp-homepage .category-surfer-poll.list-4 section {
  margin-right: 0px;
  background-color: #fff;
  height: 246px !important;
  overflow: hidden !important;
}
.sp-homepage .category-surfer-poll.list-4 section .box-shadow {
  box-shadow: none !important;
  width: 244px;
  padding: 10px;
}
.sp-homepage .category-surfer-poll.list-4 section p {
  padding: 0;
}
.sp-homepage .category-surfer-poll.list-4 section .p1 {
  display: none;
}
.sp-homepage .category-surfer-poll.list-4 section .p2 {
  font-weight: bold;
  margin: 0;
  text-transform: none;
  max-height: 44px;
}
.sp-homepage .category-surfer-poll.list-4 section .p3 {
  max-height: 42px;
}
.sp-homepage .category-surfer-poll .see-more-sp a {
  background-color: #000;
  color: #fff;
}
.sp-homepage .category-surfer-poll .see-more-sp a:hover {
  background-color: #000;
  color: #fff !important;
}
.surfer-poll__home-container {
  float: left;
  background-color: #fff;
  margin-top: 15px;
  padding-bottom: 10px;
  position: relative;
  display: none;
}
.surfer-poll__home-container .divider {
  width: 1060px;
  margin: -15px 20px;
  border-width: 2px;
  border-color: #bbb;
}
.surfer-poll__home-container .name-email-img {
  position: absolute;
  top: 292px;
  left: 16px;
}
.surfer-poll__home-container .hdr-text {
  float: left;
  margin: 13px 35px 0 45px;
}
.surfer-poll__home-container .sg-survey-form {
  float: left;
  width: 663px;
  margin: 10px 0 0;
  position: relative;
}
.surfer-poll__home-container .sg-header {
  display: none;
}
.surfer-poll__home-container .sg-content {
  padding: 0;
}
.surfer-poll__home-container label[for="sgE-1374779-1-49-element"],
.surfer-poll__home-container lable[for="sgE-1374779-1-59-element"] {
  color: #000;
  font-size: 0.7em;
  margin-right: 10px;
}
.surfer-poll__home-container .sg-question {
  float: left;
  clear: none;
  border: 0 none;
  margin: 5px 0;
}
.surfer-poll__home-container .sg-question input[type="text"] {
  width: 110px;
  font-size: 10px;
  padding: .2em .4em;
  color: #747474;
  border-radius: 0;
  border-color: #c9c9c9;
}
.surfer-poll__home-container .sg-button {
  background-color: #000;
  width: 120px;
  height: 18px;
  padding: 15px 57px !important;
  background-image: none;
  color: #fff;
  font-size: 100% !important;
  border: 0 none !important;
}
.surfer-poll__home-container #sgE-1374779-1-48-box {
  clear: both;
  margin: 12px 0 15px 225px;
  width: 100%;
}
.surfer-poll__home-container #sgE-1374779-1-49-element,
.surfer-poll__home-container #sgE-1374779-1-59-element {
  width: 220px;
}
.surfer-poll__home-container .sg-question-set {
  margin: 0;
  overflow: visible;
}
.surfer-poll__home-container .sg-question-options {
  padding: 0 5px;
}
.surfer-poll__home-container .sg-question-title {
  display: none;
}
.surfer-poll__home-container .sg-footer {
  position: absolute;
  top: -16px;
  right: -232px;
}
.sp-sponsors-home {
  background: transparent url("../images/surfer-poll/sponsors-home.png?v=1");
  float: left;
  width: 358px;
  height: 19px;
  margin: 0px 10px 5px 20px;
}
.sp-sponsors-home a,
.sp-sponsors-home a:visited {
  display: inline-block;
  width: 31px;
  height: 20px;
  margin-right: 3px;
}
.sp-sponsors {
  background: transparent url("../images/surfer-poll/sponsors-2014v4.png?v=1");
  width: 679px;
  height: 28px;
  margin: 5px 10px;
}
.sp-sponsors a,
.sp-sponsors a:visited {
  display: inline-block;
  height: 30px;
}
.sp-sponsors .one {
  width: 54px;
  margin-right: 19px;
}
.sp-sponsors .two {
  width: 45px;
  margin-right: 19px;
}
.sp-sponsors .three {
  width: 80px;
  margin-right: 17px;
}
.sp-sponsors .four {
  width: 54px;
  margin-right: 26px;
}
.sp-sponsors .five {
  width: 42px;
  margin-right: 22px;
}
.sp-sponsors .six {
  width: 61px;
  margin-right: 17px;
}
.sp-sponsors .seven {
  width: 66px;
  margin-right: 17px;
}
.sp-sponsors .eight {
  width: 45px;
  margin-right: 22px;
}
.sp-sponsors .nine {
  width: 35px;
  margin-right: 0px;
}
#sp-collapse,
#sp-expand {
  background: transparent url("../images/surfer-poll/mixmax-sprite.jpg") -26px 0;
  position: absolute;
  width: 18px;
  height: 18px;
  right: -10px;
  top: 15px;
}
#sp-collapse {
  background-position: -26px 0;
}
#sp-expand {
  background-position: 1px 0;
}
.surfer-poll {
  color: #000;
}
.surfer-poll .container {
  padding: 0;
  background: #fff none repeat scroll 0 0;
}
.surfer-poll .container section.po-st {
  text-align: center;
  padding: 20px;
}
.surfer-poll .container section.po-st a.pw-button {
  padding: 0 10px !important;
}
.surfer-poll .sg-required-icon {
  color: #F48069;
}
.surfer-poll .floating-bar {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  height: 50px;
  background-color: #000;
}
.surfer-poll .floating-bar .sp-nav {
  margin: 0 auto;
  width: 1100px;
}
.surfer-poll .floating-bar .sp-nav a,
.surfer-poll .floating-bar .sp-nav a:visited {
  letter-spacing: .5em;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 14px;
  float: left;
}
.surfer-poll .floating-bar .sp-nav a.mens-womens,
.surfer-poll .floating-bar .sp-nav a:visited.mens-womens {
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}
.surfer-poll .floating-bar .sp-nav a.a1,
.surfer-poll .floating-bar .sp-nav a:visited.a1 {
  padding-top: 0px;
}
.surfer-poll .floating-bar .sp-nav a:hover,
.surfer-poll .floating-bar .sp-nav a:active {
  color: #ffeb27 !important;
}
.surfer-poll .sp-header-logo {
  padding-top: 50px;
  margin: 0 auto;
  width: 1140px;
}
.surfer-poll .sp-header2 {
  margin: 0 auto;
  width: 1140px;
  background: #fff none repeat scroll 0 0;
}
.surfer-poll .sp-header2 .sp-webcast {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}
.surfer-poll .sp-header2 .sp-webcast iframe {
  width: 100%;
  float: left;
}
.surfer-poll .sp-header2 .sp-sponsors {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #ccc;
  clear: left;
  height: 60px;
  margin: 0 0 20px;
  overflow: hidden;
  text-align: center;
  width: 100%;
  padding: 10px 0;
}
.surfer-poll .sp-header2 .sp-sponsors img {
  max-height: 60px;
  padding: 0 10px;
}
.surfer-poll .sp-header2 .ad-1100x50 {
  padding-bottom: 20px;
  text-align: center;
}
.surfer-poll .mens-vote {
  float: left;
  width: 45%;
  margin: 0;
}
.surfer-poll .womens-vote {
  float: right;
  text-align: right;
  width: 45%;
  margin: 0;
}
.surfer-poll .sg-question {
  border: 0 none;
  margin: 0;
}
.surfer-poll .sg-question input[type="text"] {
  width: 370px;
  margin-left: 24px;
  border: 0 none;
}
.surfer-poll .sg-question label {
  text-transform: uppercase;
  font-size: .9em;
}
.surfer-poll .sg-question-title {
  display: none;
}
.surfer-poll .sg-question-options {
  padding: .6em 0;
}
.surfer-poll .sg-type-group-contact {
  clear: both;
  border-top: 3px solid #363434;
  padding-top: 35px;
  overflow: hidden;
}
.surfer-poll .sg-question-title-show {
  text-align: center;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .8em;
}
.surfer-poll .sg-type-group .sg-group-item {
  padding: 0;
}
.surfer-poll .font-garamond {
  letter-spacing: .5em;
}
.surfer-poll .font-garamond.mens-womens {
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}
.surfer-poll .sg-button {
  background-color: #000;
  background-image: none;
  border: 0 none !important;
  color: #fff;
  font-size: 14px !important;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 93%;
}
.surfer-poll .surferpoll-footer {
  padding: 20px 0;
  overflow: hidden;
}
.surfer-poll .surferpoll-footer .ad-728 {
  float: none;
  width: 728px;
  height: 90px;
  margin: 0 auto;
}
.surfer-poll .surferpoll-footer .see-more-sp {
  float: right;
  height: 90px;
  width: 362px;
  background-color: #ffeb27;
  text-align: center;
}
.surfer-poll .surferpoll-footer .see-more-sp a,
.surfer-poll .surferpoll-footer .see-more-sp a:visited {
  color: #000;
  text-transform: uppercase;
  font-size: .8em;
  padding: 28px 0 0 135px;
  font-weight: bold;
  float: left;
}
.surfer-poll .sg-footer {
  clear: both;
}
.surfer-poll .thank-you {
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 90px 0;
  text-align: center;
  color: #000;
  font-weight: bold;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 1.5em;
}
.surfer-poll.sp-post [role="header"] {
  padding-top: 0 !important;
}
.surfer-poll.sp-post [role="header"] .nav {
  top: 0 !important;
}
.surfer-poll.sp-post [role="header"] .nav ul a,
.surfer-poll.sp-post [role="header"] .nav ul a:visited {
  color: #fff !important;
}
.surfer-poll.sp-post [role="header"] .nav .sub-nav {
  background-color: transparent !important;
  padding: 0px !important;
}
#InstagramGallery {
  clear: both;
  width: 1100px;
  height: 100%;
  margin: 0 auto;
}
#InstagramGallery .p1 {
  font-size: 1.3em;
  color: #000;
  letter-spacing: 0.2em;
  margin: 0;
  padding: 0 0 5px;
  text-align: center;
  text-transform: uppercase;
}
#InstagramGallery .p2 {
  font-style: italic;
  letter-spacing: 0.2em;
  margin: 0;
  padding: 0 0 10px;
  text-align: center;
  text-transform: lowercase;
}
#InstagramGallery .flexslider.filmstrip {
  margin: 10px auto;
  border: none;
}
#InstagramGallery .item {
  margin-right: 16px !important;
  padding: 0 !important;
  width: 150px !important;
}
#InstagramGallery #main-content {
  float: left;
  position: relative;
  display: none;
  padding: 10px;
  width: 1080px;
  background-color: #fff;
}
#main-content #featured-content {
  position: relative;
  float: left;
}
#main-content #featured-image {
  border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 20px;
}
#main-content #imageLoader {
  position: absolute;
  top: 150px;
  left: 175px;
  display: none;
}
#main-content #featured-image img {
  width: 550px;
  height: 550px;
}
#main-content #photo-info {
  float: left;
  width: 450px;
  max-height: 580px;
  margin-left: 20px;
  overflow: hidden;
}
#photo-info .profile {
  min-height: 57px;
}
#photo-info .profile img {
  float: left;
  margin: 0 10px 7px 0;
  width: 50px;
  height: 50px;
}
#photo-info .profile h2 {
  font-size: 14px;
  color: #1F292F;
  line-height: 20px;
  text-transform: uppercase;
}
#photo-info p.time {
  color: #959595;
  margin-bottom: 7px;
}
#photo-info p.caption {
  background: #F1F1F1 none;
  padding: 5px;
  margin-bottom: 7px;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  font-weight: bold;
}
#photo-info .profile span {
  display: inline-block;
  color: #959595;
  font-size: 12px;
}
#photo-info p.comments {
  background-position: 0 -27px !important;
  text-transform: uppercase;
}
#photo-info p.likes {
  background-position: 0 -2px !important;
  text-transform: uppercase;
  margin-bottom: 7px;
}
#photo-info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#photo-info ul li {
  padding: 5px 0;
}
#photo-info ul li span.from {
  font-weight: bold;
  margin-right: 5px;
}
#insta-thumbs {
  clear: both;
  height: 200px;
  padding: 0;
  position: relative;
  border-top: 40px solid black;
  border-bottom: 5px solid black;
}
#insta-carousel ul {
  margin: 0;
  padding: 0;
}
#insta-carousel ul li {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 200px;
  text-align: center;
  margin-right: 2px;
}
#insta-carousel ul li img {
  float: left;
  position: relative;
  background: #fff none;
  padding: 0 2px;
  width: 200px;
  height: 200px;
  cursor: pointer;
  z-index: 100;
}
#insta-carousel div.hover {
  background-color: #000;
  color: #FFFFFF;
  cursor: pointer;
  opacity: 0.7;
  display: none;
  font-size: 14px;
  height: 182px;
  width: 182px;
  left: 2px;
  padding: 9px;
  position: absolute;
  text-align: left;
  top: 2px;
  z-index: 200;
}
#insta-carousel div.overlay-text {
  height: 156px;
  overflow: hidden;
}
#insta-carousel div.overlay-text p {
  font-size: 11px;
  margin-top: 3px;
}
#insta-carousel div.hover .time {
  color: #959595;
  font-size: 11px;
}
#insta-carousel div.overlay {
  background-color: #000000;
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
  z-index: 1;
}
#photo-info p.likes,
#photo-info p.comments {
  background: url('../images/sprite.png') no-repeat scroll 0 0 transparent;
  text-indent: 25px;
  color: #959595;
}
.surfer-poll #insta-thumbs .prev {
  background: url('../images/surfer-poll/sprite.png') no-repeat scroll -2px -177px transparent !important;
  position: absolute;
  z-index: 200;
  top: 45px;
  left: 0;
  width: 30px;
  height: 98px;
}
.surfer-poll #insta-thumbs .next {
  background: url('../images/surfer-poll/sprite.png') no-repeat scroll 0px -280px transparent !important;
  position: absolute;
  z-index: 200;
  top: 45px;
  right: 0;
  width: 30px;
  height: 98px;
}
.close-photo-info {
  position: absolute;
  top: 0;
  right: 0;
}
#sp-past-winners {
  margin: 40px auto;
  width: 800px;
}
#sp-past-winners span {
  display: block;
  float: left;
  height: 180px;
  margin: 0;
  padding: 0 28px;
  width: 344px;
}
#sp-past-winners span p.p1 {
  color: #000;
  font-size: 15.4px;
  letter-spacing: 0.2em;
  margin: 0;
  padding: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
}
#sp-past-winners span p.p2 {
  font-size: 15.4px;
  line-height: 19pt;
  margin: 0;
  text-transform: none;
}
#sp-past-winners span p.p2 a {
  color: #f48069 !important;
  text-transform: none;
}
.see-more-sp {
  text-align: center;
}
.see-more-sp a {
  background-color: #ffeb27;
  border: medium none;
  border-radius: 0;
  display: inline-block;
  font-size: 12px !important;
  font-weight: 200;
  letter-spacing: 0.35em;
  line-height: 1.6;
  margin-top: 10px;
  padding: 15px 40px 10px;
  text-transform: uppercase;
  transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
}
.see-more-sp a:hover {
  background-color: #000;
  color: #fff !important;
}
/* ==========================================================================
   The Now
   ========================================================================== */
.the-now .hide {
  display: none;
}
.the-now h1 {
  text-transform: uppercase;
  padding-left: 0;
  padding-bottom: 15px;
}
.the-now .p1 {
  color: #3E3E3E;
  font-family: times new roman;
}
.the-now #js-nav-holder {
  float: left;
  height: 60px !important;
  width: 1100px;
}
.the-now [role="navigation"] {
  background-color: #000000 !important;
  position: fixed !important;
  top: 0 !important;
}
.the-now [role="navigation"] .container {
  background-color: #000000 !important;
  padding-left: 10px;
  padding-right: 10px;
}
.the-now [role="navigation"] .container .l1 {
  display: block !important;
}
.the-now [role="navigation"] .container li {
  padding: 0;
}
.the-now [role="navigation"] .container li a {
  padding-right: 19px;
}
.the-now [role="navigation"] .container .nav-logo {
  background: url("../images/surfer-wht.png?v=2015") no-repeat scroll 0 0 !important;
  display: block !important;
  left: 0px;
  position: relative;
  top: 0px;
  margin-right: 19px;
  padding-right: 0;
}
.the-now .container {
  background-color: #f4f4f4;
}
.the-now .container .item {
  margin: 0 0 15px;
  width: 850px;
}
.the-now .container .item .exerpt img {
  max-width: 850px;
}
.the-now .container .addthis-wrapper .addthis_toolbox {
  top: 8px;
  padding: 4px 4px 0;
}
.the-now .container .single-the-now,
.the-now .container .wp-caption img {
  max-width: 900px;
  max-height: 663px;
}
.the-now .container .the-now-wide {
  width: 100%;
  margin: 0px;
}
.the-now .container .the-now-wide .item.d1 {
  background: none repeat scroll 0 0 transparent;
  padding: 0 !important;
  width: 1100px;
}
.the-now .container .the-now-wide .item.d1 p {
  margin: 0;
}
.the-now .container .the-now-wide .item.d1 .addthis_floating_style .at300b,
.the-now .container .the-now-wide .item.d1 .addthis_floating_style .at300bo,
.the-now .container .the-now-wide .item.d1 .addthis_floating_style .at300m {
  padding: 0;
}
.the-now .container .item.d2 {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 16px solid #000000;
  margin: 0 0 26px;
  padding: 0 0 10px 0 !important;
  width: 99%;
}
.the-now .container .item.d2 .title {
  float: left;
  margin: 0;
}
.the-now .container .item.d2 .sub-title {
  color: #3E3E3E;
  float: left;
  font-family: times new roman;
  letter-spacing: 2px;
  line-height: 38px;
  margin: 0;
  padding-left: 20px;
  text-transform: uppercase;
}
.the-now .container .item.d2 .exerpt {
  clear: both;
  float: left;
}
.the-now [role='header'] img {
  padding: 20px 0;
}
.the-now #GalleryView {
  min-height: 600px;
}
.the-now .ads__home .ad-200-small {
  background: url("../images/bg-ad-200-small.jpg") no-repeat scroll 0 50px transparent;
  height: auto;
}
.the-now .ads__home .instagram {
  background: none repeat scroll 0 0 #000000;
  margin: 0 auto;
  padding: 10px 8px;
  text-align: center;
  width: 184px;
}
.the-now .ads__home .instagram a {
  color: #fff;
}
.the-now .ads__home .instagram p {
  font-family: inherit;
  margin-bottom: 10px;
}
.the-now .ads__home .instagram .instapress-shortcode .instapress-shortcode-image img {
  height: auto !important;
}
.the-now .ads__home .instagram .flex-direction-nav {
  display: none;
}
.the-now .ads__home .instagram .flexslider.filmstrip .item {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 165px !important;
}
.the-now .ads__home .instagram .flexslider .slides img {
  display: block;
  height: auto;
  width: 165px;
}
.the-now .footer.container {
  display: none !important;
}
/* ==========================================================================
   Hot 100
   ========================================================================== */
.clear:after {
  content: "";
  display: table;
  clear: both;
}
.hot-100,
.hot-100-page {
  /*.footer.container {
		display:none !important;
	}*/
}
.hot-100 *,
.hot-100-page *,
.hot-100 *:before,
.hot-100-page *:before,
.hot-100 *:after,
.hot-100-page *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.hot-100 nav[role="navigation"],
.hot-100-page nav[role="navigation"] {
  background-color: #000000 !important;
  position: fixed !important;
  top: 0 !important;
}
.hot-100 nav[role="navigation"] .container,
.hot-100-page nav[role="navigation"] .container {
  background-color: #000000 !important;
}
.hot-100 nav[role="navigation"] .container .l1,
.hot-100-page nav[role="navigation"] .container .l1 {
  display: block !important;
}
.hot-100 nav[role="navigation"] .container li,
.hot-100-page nav[role="navigation"] .container li {
  padding: 0;
}
.hot-100 nav[role="navigation"] .container li a,
.hot-100-page nav[role="navigation"] .container li a {
  padding-right: 19px;
}
.hot-100 nav[role="navigation"] .container .nav-logo,
.hot-100-page nav[role="navigation"] .container .nav-logo {
  background: url("../images/surfer-wht.png?v=2015") no-repeat scroll 0 0 !important;
  display: block !important;
  left: 0px;
  position: relative;
  top: 0px;
  margin-right: 19px;
  padding-right: 0;
}
.hot-100 nav[role="navigation"] .search,
.hot-100-page nav[role="navigation"] .search {
  display: none;
}
.hot-100 nav[role="navigation"] + #js-nav-holder,
.hot-100-page nav[role="navigation"] + #js-nav-holder {
  float: none;
  height: 60px;
  width: 100%;
}
.hot-100 .container,
.hot-100-page .container {
  width: 1200px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: #fff;
}
.hot-100 header[role="header"],
.hot-100-page header[role="header"] {
  min-width: 1200px;
  padding: 40px 0;
  background-color: #ff4e00;
  text-align: center;
}
.hot-100 nav.hot-nav,
.hot-100-page nav.hot-nav {
  width: 1200px;
  text-align: center;
  padding: 20px 0;
  margin: 0 auto;
  background-color: #fff;
}
.hot-100 nav.hot-nav ul,
.hot-100-page nav.hot-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hot-100 nav.hot-nav ul li,
.hot-100-page nav.hot-nav ul li {
  list-style: none;
  display: inline-block;
  margin: 0 1em;
  font-weight: 700;
  color: #000;
}
.hot-100 nav.hot-nav ul li a,
.hot-100-page nav.hot-nav ul li a {
  text-transform: uppercase;
  display: block;
}
.hot-100 .sticky,
.hot-100-page .sticky {
  position: fixed;
  top: 70px;
}
.hot-100 .container.hot-100-content {
  /*padding-left: 0 !important;
			padding-right: 0 !important;*/
}
.hot-100 .container .surfer-list {
  clear: both;
  list-style: none;
  margin: 40px 0 20px;
  padding: 0;
  counter-reset: surfer-counter;
}
.hot-100 .container .surfer-list:after {
  content: "";
  display: table;
  clear: both;
}
.hot-100 .container .surfer-list > li {
  position: relative;
  list-style: none;
  background-color: #ff4e00;
  float: left;
  display: block;
  height: 90px;
  width: calc(33.33333333333% - (10px / 3));
  margin: 0 5px 20px 0;
  overflow: hidden;
}
.hot-100 .container .surfer-list > li.surfer-item:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 5px;
  width: 80px;
  font-size: 48px;
  line-height: 80px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #eee;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 40px;
}
.hot-100 .container .surfer-list > li.rank-1:before {
  background-image: url('../images/hot-100/ranks/w/01.png');
}
.hot-100 .container .surfer-list > li.rank-2:before {
  background-image: url('../images/hot-100/ranks/w/02.png');
}
.hot-100 .container .surfer-list > li.rank-3:before {
  background-image: url('../images/hot-100/ranks/w/03.png');
}
.hot-100 .container .surfer-list > li.rank-4:before {
  background-image: url('../images/hot-100/ranks/w/04.png');
}
.hot-100 .container .surfer-list > li.rank-5:before {
  background-image: url('../images/hot-100/ranks/w/05.png');
}
.hot-100 .container .surfer-list > li.rank-6:before {
  background-image: url('../images/hot-100/ranks/w/06.png');
}
.hot-100 .container .surfer-list > li.rank-7:before {
  background-image: url('../images/hot-100/ranks/w/07.png');
}
.hot-100 .container .surfer-list > li.rank-8:before {
  background-image: url('../images/hot-100/ranks/w/08.png');
}
.hot-100 .container .surfer-list > li.rank-9:before {
  background-image: url('../images/hot-100/ranks/w/09.png');
}
.hot-100 .container .surfer-list > li.rank-10:before {
  background-image: url('../images/hot-100/ranks/w/10.png');
}
.hot-100 .container .surfer-list > li.rank-11:before {
  background-image: url('../images/hot-100/ranks/w/11.png');
}
.hot-100 .container .surfer-list > li.rank-12:before {
  background-image: url('../images/hot-100/ranks/w/12.png');
}
.hot-100 .container .surfer-list > li.rank-13:before {
  background-image: url('../images/hot-100/ranks/w/13.png');
}
.hot-100 .container .surfer-list > li.rank-14:before {
  background-image: url('../images/hot-100/ranks/w/14.png');
}
.hot-100 .container .surfer-list > li.rank-15:before {
  background-image: url('../images/hot-100/ranks/w/15.png');
}
.hot-100 .container .surfer-list > li.rank-16:before {
  background-image: url('../images/hot-100/ranks/w/16.png');
}
.hot-100 .container .surfer-list > li.rank-17:before {
  background-image: url('../images/hot-100/ranks/w/17.png');
}
.hot-100 .container .surfer-list > li.rank-18:before {
  background-image: url('../images/hot-100/ranks/w/18.png');
}
.hot-100 .container .surfer-list > li.rank-19:before {
  background-image: url('../images/hot-100/ranks/w/19.png');
}
.hot-100 .container .surfer-list > li.rank-20:before {
  background-image: url('../images/hot-100/ranks/w/20.png');
}
.hot-100 .container .surfer-list > li.rank-21:before {
  background-image: url('../images/hot-100/ranks/w/21.png');
}
.hot-100 .container .surfer-list > li.rank-22:before {
  background-image: url('../images/hot-100/ranks/w/22.png');
}
.hot-100 .container .surfer-list > li.rank-23:before {
  background-image: url('../images/hot-100/ranks/w/23.png');
}
.hot-100 .container .surfer-list > li.rank-24:before {
  background-image: url('../images/hot-100/ranks/w/24.png');
}
.hot-100 .container .surfer-list > li.rank-25:before {
  background-image: url('../images/hot-100/ranks/w/25.png');
}
.hot-100 .container .surfer-list > li.rank-26:before {
  background-image: url('../images/hot-100/ranks/w/26.png');
}
.hot-100 .container .surfer-list > li.rank-27:before {
  background-image: url('../images/hot-100/ranks/w/27.png');
}
.hot-100 .container .surfer-list > li.rank-28:before {
  background-image: url('../images/hot-100/ranks/w/28.png');
}
.hot-100 .container .surfer-list > li.rank-29:before {
  background-image: url('../images/hot-100/ranks/w/29.png');
}
.hot-100 .container .surfer-list > li.rank-30:before {
  background-image: url('../images/hot-100/ranks/w/30.png');
}
.hot-100 .container .surfer-list > li.rank-31:before {
  background-image: url('../images/hot-100/ranks/w/31.png');
}
.hot-100 .container .surfer-list > li.rank-32:before {
  background-image: url('../images/hot-100/ranks/w/32.png');
}
.hot-100 .container .surfer-list > li.rank-33:before {
  background-image: url('../images/hot-100/ranks/w/33.png');
}
.hot-100 .container .surfer-list > li.rank-34:before {
  background-image: url('../images/hot-100/ranks/w/34.png');
}
.hot-100 .container .surfer-list > li.rank-35:before {
  background-image: url('../images/hot-100/ranks/w/35.png');
}
.hot-100 .container .surfer-list > li.rank-36:before {
  background-image: url('../images/hot-100/ranks/w/36.png');
}
.hot-100 .container .surfer-list > li.rank-37:before {
  background-image: url('../images/hot-100/ranks/w/37.png');
}
.hot-100 .container .surfer-list > li.rank-38:before {
  background-image: url('../images/hot-100/ranks/w/38.png');
}
.hot-100 .container .surfer-list > li.rank-39:before {
  background-image: url('../images/hot-100/ranks/w/39.png');
}
.hot-100 .container .surfer-list > li.rank-40:before {
  background-image: url('../images/hot-100/ranks/w/40.png');
}
.hot-100 .container .surfer-list > li.rank-41:before {
  background-image: url('../images/hot-100/ranks/w/41.png');
}
.hot-100 .container .surfer-list > li.rank-42:before {
  background-image: url('../images/hot-100/ranks/w/42.png');
}
.hot-100 .container .surfer-list > li.rank-43:before {
  background-image: url('../images/hot-100/ranks/w/43.png');
}
.hot-100 .container .surfer-list > li.rank-44:before {
  background-image: url('../images/hot-100/ranks/w/44.png');
}
.hot-100 .container .surfer-list > li.rank-45:before {
  background-image: url('../images/hot-100/ranks/w/45.png');
}
.hot-100 .container .surfer-list > li.rank-46:before {
  background-image: url('../images/hot-100/ranks/w/46.png');
}
.hot-100 .container .surfer-list > li.rank-47:before {
  background-image: url('../images/hot-100/ranks/w/47.png');
}
.hot-100 .container .surfer-list > li.rank-48:before {
  background-image: url('../images/hot-100/ranks/w/48.png');
}
.hot-100 .container .surfer-list > li.rank-49:before {
  background-image: url('../images/hot-100/ranks/w/49.png');
}
.hot-100 .container .surfer-list > li.rank-50:before {
  background-image: url('../images/hot-100/ranks/w/50.png');
}
.hot-100 .container .surfer-list > li.rank-51:before {
  background-image: url('../images/hot-100/ranks/w/51.png');
}
.hot-100 .container .surfer-list > li.rank-52:before {
  background-image: url('../images/hot-100/ranks/w/52.png');
}
.hot-100 .container .surfer-list > li.rank-53:before {
  background-image: url('../images/hot-100/ranks/w/53.png');
}
.hot-100 .container .surfer-list > li.rank-54:before {
  background-image: url('../images/hot-100/ranks/w/54.png');
}
.hot-100 .container .surfer-list > li.rank-55:before {
  background-image: url('../images/hot-100/ranks/w/55.png');
}
.hot-100 .container .surfer-list > li.rank-56:before {
  background-image: url('../images/hot-100/ranks/w/56.png');
}
.hot-100 .container .surfer-list > li.rank-57:before {
  background-image: url('../images/hot-100/ranks/w/57.png');
}
.hot-100 .container .surfer-list > li.rank-58:before {
  background-image: url('../images/hot-100/ranks/w/58.png');
}
.hot-100 .container .surfer-list > li.rank-59:before {
  background-image: url('../images/hot-100/ranks/w/59.png');
}
.hot-100 .container .surfer-list > li.rank-60:before {
  background-image: url('../images/hot-100/ranks/w/60.png');
}
.hot-100 .container .surfer-list > li.rank-61:before {
  background-image: url('../images/hot-100/ranks/w/61.png');
}
.hot-100 .container .surfer-list > li.rank-62:before {
  background-image: url('../images/hot-100/ranks/w/62.png');
}
.hot-100 .container .surfer-list > li.rank-63:before {
  background-image: url('../images/hot-100/ranks/w/63.png');
}
.hot-100 .container .surfer-list > li.rank-64:before {
  background-image: url('../images/hot-100/ranks/w/64.png');
}
.hot-100 .container .surfer-list > li.rank-65:before {
  background-image: url('../images/hot-100/ranks/w/65.png');
}
.hot-100 .container .surfer-list > li.rank-66:before {
  background-image: url('../images/hot-100/ranks/w/66.png');
}
.hot-100 .container .surfer-list > li.rank-67:before {
  background-image: url('../images/hot-100/ranks/w/67.png');
}
.hot-100 .container .surfer-list > li.rank-68:before {
  background-image: url('../images/hot-100/ranks/w/68.png');
}
.hot-100 .container .surfer-list > li.rank-69:before {
  background-image: url('../images/hot-100/ranks/w/69.png');
}
.hot-100 .container .surfer-list > li.rank-70:before {
  background-image: url('../images/hot-100/ranks/w/70.png');
}
.hot-100 .container .surfer-list > li.rank-71:before {
  background-image: url('../images/hot-100/ranks/w/71.png');
}
.hot-100 .container .surfer-list > li.rank-72:before {
  background-image: url('../images/hot-100/ranks/w/72.png');
}
.hot-100 .container .surfer-list > li.rank-73:before {
  background-image: url('../images/hot-100/ranks/w/73.png');
}
.hot-100 .container .surfer-list > li.rank-74:before {
  background-image: url('../images/hot-100/ranks/w/74.png');
}
.hot-100 .container .surfer-list > li.rank-75:before {
  background-image: url('../images/hot-100/ranks/w/75.png');
}
.hot-100 .container .surfer-list > li.rank-76:before {
  background-image: url('../images/hot-100/ranks/w/76.png');
}
.hot-100 .container .surfer-list > li.rank-77:before {
  background-image: url('../images/hot-100/ranks/w/77.png');
}
.hot-100 .container .surfer-list > li.rank-78:before {
  background-image: url('../images/hot-100/ranks/w/78.png');
}
.hot-100 .container .surfer-list > li.rank-79:before {
  background-image: url('../images/hot-100/ranks/w/79.png');
}
.hot-100 .container .surfer-list > li.rank-80:before {
  background-image: url('../images/hot-100/ranks/w/80.png');
}
.hot-100 .container .surfer-list > li:not(.ad-break):nth-of-type(3n) {
  margin-right: 0;
}
.hot-100 .container .surfer-list > li:nth-of-type(3n + 1) {
  clear: left;
}
.hot-100 .container .surfer-list > li.ad-break {
  clear: left;
  display: block;
  width: 100%;
  height: auto;
  margin: 10px 0 30px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}
.hot-100 .container .surfer-list > li .surfer-info,
.hot-100 .container .surfer-list > li .surfer-social {
  display: block;
  float: left;
  height: 90px;
}
.hot-100 .container .surfer-list > li .surfer-info {
  width: 76%;
  margin-right: 2%;
  padding-left: 90px;
  color: #fff;
  font-family: 'Lusitana', serif;
}
.hot-100 .container .surfer-list > li .surfer-info h3 {
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 4px;
  margin-top: 1.4em;
}
.hot-100 .container .surfer-list > li .surfer-info span {
  display: block;
  /*width: 100%;*/
  text-transform: uppercase;
  font-size: 11px;
  line-height: 16px;
  /*white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;*/
}
.hot-100 .container .surfer-list > li .surfer-social {
  width: 22%;
  background-color: #404040;
  box-shadow: 0 0 3px #333;
}
.hot-100 .container .surfer-list > li .surfer-social a {
  display: block;
  color: #fff;
  transition: all 300ms ease;
}
.hot-100 .container .surfer-list > li .surfer-social a:hover {
  transform: scale(1.2, 1.2);
}
.hot-100 .container .surfer-list > li .surfer-social > span {
  display: block;
  text-align: center;
  padding: 4px 0;
  margin: 0 3px;
  border-bottom: 1px solid #eee;
  color: #262626;
}
.hot-100 .container .surfer-list > li .surfer-social > span:last-of-type {
  border-bottom: none;
}
.hot-100 .container .surfer-list > li.special-feature {
  background-color: transparent;
  width: calc(33.33333333333% - (10px / 3) - 5px);
  margin-left: 5px;
}
.hot-100 .container .surfer-list > li.special-feature:before {
  color: #404040;
  border-right: 1px solid #404040;
  left: -5px;
}
.hot-100 .container .surfer-list > li.special-feature.rank-1:before {
  background-image: url('../images/hot-100/ranks/b/01.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-2:before {
  background-image: url('../images/hot-100/ranks/b/02.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-3:before {
  background-image: url('../images/hot-100/ranks/b/03.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-4:before {
  background-image: url('../images/hot-100/ranks/b/04.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-5:before {
  background-image: url('../images/hot-100/ranks/b/05.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-6:before {
  background-image: url('../images/hot-100/ranks/b/06.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-7:before {
  background-image: url('../images/hot-100/ranks/b/07.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-8:before {
  background-image: url('../images/hot-100/ranks/b/08.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-9:before {
  background-image: url('../images/hot-100/ranks/b/09.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-10:before {
  background-image: url('../images/hot-100/ranks/b/10.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-11:before {
  background-image: url('../images/hot-100/ranks/b/11.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-12:before {
  background-image: url('../images/hot-100/ranks/b/12.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-13:before {
  background-image: url('../images/hot-100/ranks/b/13.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-14:before {
  background-image: url('../images/hot-100/ranks/b/14.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-15:before {
  background-image: url('../images/hot-100/ranks/b/15.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-16:before {
  background-image: url('../images/hot-100/ranks/b/16.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-17:before {
  background-image: url('../images/hot-100/ranks/b/17.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-18:before {
  background-image: url('../images/hot-100/ranks/b/18.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-19:before {
  background-image: url('../images/hot-100/ranks/b/19.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-20:before {
  background-image: url('../images/hot-100/ranks/b/20.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-21:before {
  background-image: url('../images/hot-100/ranks/b/21.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-22:before {
  background-image: url('../images/hot-100/ranks/b/22.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-23:before {
  background-image: url('../images/hot-100/ranks/b/23.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-24:before {
  background-image: url('../images/hot-100/ranks/b/24.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-25:before {
  background-image: url('../images/hot-100/ranks/b/25.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-26:before {
  background-image: url('../images/hot-100/ranks/b/26.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-27:before {
  background-image: url('../images/hot-100/ranks/b/27.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-28:before {
  background-image: url('../images/hot-100/ranks/b/28.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-29:before {
  background-image: url('../images/hot-100/ranks/b/29.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-30:before {
  background-image: url('../images/hot-100/ranks/b/30.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-31:before {
  background-image: url('../images/hot-100/ranks/b/31.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-32:before {
  background-image: url('../images/hot-100/ranks/b/32.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-33:before {
  background-image: url('../images/hot-100/ranks/b/33.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-34:before {
  background-image: url('../images/hot-100/ranks/b/34.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-35:before {
  background-image: url('../images/hot-100/ranks/b/35.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-36:before {
  background-image: url('../images/hot-100/ranks/b/36.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-37:before {
  background-image: url('../images/hot-100/ranks/b/37.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-38:before {
  background-image: url('../images/hot-100/ranks/b/38.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-39:before {
  background-image: url('../images/hot-100/ranks/b/39.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-40:before {
  background-image: url('../images/hot-100/ranks/b/40.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-41:before {
  background-image: url('../images/hot-100/ranks/b/41.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-42:before {
  background-image: url('../images/hot-100/ranks/b/42.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-43:before {
  background-image: url('../images/hot-100/ranks/b/43.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-44:before {
  background-image: url('../images/hot-100/ranks/b/44.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-45:before {
  background-image: url('../images/hot-100/ranks/b/45.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-46:before {
  background-image: url('../images/hot-100/ranks/b/46.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-47:before {
  background-image: url('../images/hot-100/ranks/b/47.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-48:before {
  background-image: url('../images/hot-100/ranks/b/48.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-49:before {
  background-image: url('../images/hot-100/ranks/b/49.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-50:before {
  background-image: url('../images/hot-100/ranks/b/50.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-51:before {
  background-image: url('../images/hot-100/ranks/b/51.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-52:before {
  background-image: url('../images/hot-100/ranks/b/52.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-53:before {
  background-image: url('../images/hot-100/ranks/b/53.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-54:before {
  background-image: url('../images/hot-100/ranks/b/54.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-55:before {
  background-image: url('../images/hot-100/ranks/b/55.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-56:before {
  background-image: url('../images/hot-100/ranks/b/56.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-57:before {
  background-image: url('../images/hot-100/ranks/b/57.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-58:before {
  background-image: url('../images/hot-100/ranks/b/58.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-59:before {
  background-image: url('../images/hot-100/ranks/b/59.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-60:before {
  background-image: url('../images/hot-100/ranks/b/60.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-61:before {
  background-image: url('../images/hot-100/ranks/b/61.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-62:before {
  background-image: url('../images/hot-100/ranks/b/62.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-63:before {
  background-image: url('../images/hot-100/ranks/b/63.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-64:before {
  background-image: url('../images/hot-100/ranks/b/64.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-65:before {
  background-image: url('../images/hot-100/ranks/b/65.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-66:before {
  background-image: url('../images/hot-100/ranks/b/66.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-67:before {
  background-image: url('../images/hot-100/ranks/b/67.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-68:before {
  background-image: url('../images/hot-100/ranks/b/68.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-69:before {
  background-image: url('../images/hot-100/ranks/b/69.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-70:before {
  background-image: url('../images/hot-100/ranks/b/70.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-71:before {
  background-image: url('../images/hot-100/ranks/b/71.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-72:before {
  background-image: url('../images/hot-100/ranks/b/72.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-73:before {
  background-image: url('../images/hot-100/ranks/b/73.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-74:before {
  background-image: url('../images/hot-100/ranks/b/74.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-75:before {
  background-image: url('../images/hot-100/ranks/b/75.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-76:before {
  background-image: url('../images/hot-100/ranks/b/76.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-77:before {
  background-image: url('../images/hot-100/ranks/b/77.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-78:before {
  background-image: url('../images/hot-100/ranks/b/78.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-79:before {
  background-image: url('../images/hot-100/ranks/b/79.png');
}
.hot-100 .container .surfer-list > li.special-feature.rank-80:before {
  background-image: url('../images/hot-100/ranks/b/80.png');
}
.hot-100 .container .surfer-list > li.special-feature .surfer-info {
  border-top: 1px solid #404040;
  border-bottom: 1px solid #404040;
  color: #404040;
}
.hot-100 .container .surfer-list > li.special-feature .surfer-info a {
  color: #404040;
  display: block;
}
.hot-100 .container .surfer-list > li.special-feature .surfer-info h3 {
  position: relative;
}
.hot-100 .container .surfer-list > li.special-feature .surfer-info h3 > span {
  position: absolute;
  top: -18px;
  left: 0;
  line-height: 1em;
  font-size: 12px;
  text-transform: capitalize;
}
.hot-100 .container .surfer-list > li.special-feature .surfer-social {
  box-shadow: none;
}
.hot-100 .container .breaking-down-youth {
  font-family: 'Lusitana', serif;
}
.hot-100 .container .breaking-down-youth h1 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.hot-100 .container .breaking-down-youth h1 img {
  display: block;
  margin-bottom: 5px;
}
.hot-100 .container .breaking-down-youth h1 small {
  display: block;
  color: #000;
  font-size: 1em;
}
.hot-100 .container .breaking-down-youth .stats-table {
  clear: both;
  margin: 1em auto;
  width: 90%;
}
.hot-100 .container .breaking-down-youth .stats-table:after {
  content: "";
  display: table;
  clear: both;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3 {
  float: left;
  width: 33.333333333%;
  padding: 0 10px;
  border-right: 1px solid #000;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3:last-child {
  border-right: none;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3 h4 {
  margin: 0 0 1em;
  padding: 2px;
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 14px;
  font-weight: 700;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3 h5 {
  font-size: 24px;
  margin: .8em 0 .4em;
  line-height: 18px;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3 h6 {
  font-size: 16px;
  margin: 0 0 .4em;
  line-height: 16px;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3 .span-spacer {
  width: 45%;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3 .span-spacer span {
  float: right;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3 p {
  font-size: 14px;
  color: #000;
  margin-top: 1.4em;
}
.hot-100 .container .breaking-down-youth .stats-table .table-col-3 .tbl-content {
  padding: 0 30px;
}
.hot-100 .container .breaking-down-youth .stats-table .highlight {
  font-weight: bold;
  color: #ff4e00;
}
.hot-100-page .main {
  width: 850px;
  padding-top: 0;
  padding-left: 75px;
  margin-right: 50px;
  font-family: 'Lusitana', serif;
  font-size: 1.1em;
  line-height: 1.8em;
  background-color: transparent;
  color: #000;
}
.hot-100-page .main p {
  margin-top: 0;
  margin-bottom: 1em;
}
.hot-100-page .sidebar {
  width: 300px !important;
}
.hot-100-page .sidebar .ad-300x600 {
  padding: 0;
}
.hot-100-page .hot-vid-embed {
  line-height: 0;
}
.hot-100-page .featured-profile {
  clear: both;
  font-family: 'Lusitana', serif;
  margin-bottom: 50px;
}
.hot-100-page .featured-profile:after {
  content: "";
  display: table;
  clear: both;
}
.hot-100-page .featured-profile .surfer-info,
.hot-100-page .featured-profile .media-info {
  float: left;
  width: 50%;
}
.hot-100-page .featured-profile .surfer-info h1 {
  background-color: #ff4e00;
  margin: 0;
  padding: 15px 0 15px 100px;
  color: #fff;
  font-size: 7em;
  line-height: 0;
  max-height: inherit;
}
.hot-100-page .featured-profile .surfer-info .surfer-heading {
  margin-left: 75px;
}
.hot-100-page .featured-profile .surfer-info .surfer-heading h2 {
  color: #ff4e00;
  font-size: 2.2em;
  padding: 0;
  margin-bottom: 10px;
}
.hot-100-page .featured-profile .surfer-info .surfer-heading h2 span {
  display: block;
  color: #000;
  font-size: .7em;
}
.hot-100-page .featured-profile .surfer-info .surfer-heading p {
  font-style: italic;
  font-size: 1.2em;
}
.hot-100-page .featured-profile .media-info {
  background-color: #404040;
}
.hot-100-page .featured-profile .media-info img {
  width: 400px;
  height: 400px;
  float: left;
}
.hot-100-page .featured-profile .media-info .follow-links {
  color: #fff;
  text-align: center;
  padding: 20px 0 0;
}
.hot-100-page .featured-profile .media-info .follow-links .social-btns {
  list-style: none;
  font-size: 1.6em;
  padding: 0;
}
.hot-100-page .featured-profile .media-info .follow-links .social-btns .fa {
  color: #404040;
}
.hot-100-page .featured-profile .media-info .follow-links .social-btns .fa-inverse {
  color: #fff;
}
.hot-100-page .featured-profile .media-info .follow-links .social-btns li {
  padding: 18px 0;
}
.hot-100-page .featured-profile .media-info .follow-links .social-btns li:first-child {
  padding-top: 0;
}
.hot-100-page .featured-profile .media-info .follow-links .social-btns li:last-child {
  padding-bottom: 0;
}
.category-vimeo-on-demand .footer.container {
  margin-top: 25px;
}
/* ==========================================================================
   REDirect
   ========================================================================== */
.container.redirect-surf {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 1140px;
}
.red-direct .hide {
  display: none;
}
.red-direct h1 {
  border-bottom: 1px solid #707070;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-left: 0;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.05em;
}
.red-direct .p2 {
  color: #fff;
}
.red-direct .p1 {
  color: #ff0105;
  font-family: times new roman;
  text-transform: none;
}
.red-direct #js-nav-holder {
  float: left;
  height: 60px !important;
  width: 1100px;
}
.red-direct [role="navigation"] {
  background-color: #fff !important;
  position: fixed !important;
  top: 0 !important;
}
.red-direct [role="navigation"] .container {
  background-color: #fff !important;
  padding-left: 10px;
  padding-right: 10px;
}
.red-direct [role="navigation"] .container .l1 {
  display: block !important;
}
.red-direct [role="navigation"] .container li {
  padding: 0;
}
.red-direct [role="navigation"] .container li a {
  padding-right: 19px;
}
.red-direct [role="navigation"] .container .nav-logo {
  background: url("../images/surfer-blk.png?v=2015") no-repeat scroll 0 0 !important;
  display: block !important;
  left: 0px;
  position: relative;
  top: 0px;
  margin-right: 19px;
  padding-right: 0;
}
.red-direct .post_toolbox {
  background-color: #000 !important;
}
.red-direct .container {
  background: #000;
}
.red-direct .container article.list-4 section {
  background-color: #000;
  height: 245px !important;
}
.red-direct .container article section.po-st.bottom {
  background: #000 none repeat scroll 0 0;
  border-top: 0 solid #f4f4f4;
  float: left;
  height: 30px !important;
  padding: 10px 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
.red-direct .container article section.po-st.bottom .post_toolbox {
  background-color: #000 !important;
  border-radius: 0;
  left: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  width: 100% !important;
}
.red-direct .container .dates-bg {
  background: url("../images/re-direct-dates-bg.jpg?v=1") no-repeat scroll -2px 0 !important;
  float: left;
  height: 1025px;
  width: 100%;
}
.red-direct .container .item {
  margin: 0 0 15px;
  width: 850px;
}
.red-direct .container .item .exerpt img {
  max-width: 850px;
}
.red-direct .container .addthis-wrapper .addthis_toolbox {
  top: 8px;
  padding: 4px 4px 0;
}
.red-direct .container .single-re-direct,
.red-direct .container .wp-caption img {
  max-width: 900px;
  max-height: 663px;
}
.red-direct .container .re-direct-wide {
  width: 100%;
  margin: 0px;
}
.red-direct .container .re-direct-wide .item.d1 {
  background: none repeat scroll 0 0 transparent;
  padding: 0 !important;
  width: 1100px;
}
.red-direct .container .re-direct-wide .item.d1 p {
  margin: 0;
}
.red-direct .container .re-direct-wide .item.d1 .addthis_floating_style .at300b,
.red-direct .container .re-direct-wide .item.d1 .addthis_floating_style .at300bo,
.red-direct .container .re-direct-wide .item.d1 .addthis_floating_style .at300m {
  padding: 0;
}
.red-direct .container .re-direct-wide.red-landing p.title {
  color: #fff;
  font-family: Futura;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
}
.red-direct .container .re-direct-wide.red-landing p.title,
.red-direct .container .re-direct-wide.red-landing p.sub-title,
.red-direct .container .re-direct-wide.red-landing .intro {
  padding: 0px 60px 15px;
  width: 50%;
}
.red-direct .container .re-direct-wide.red-landing hr {
  border-color: #707070;
  margin: 20px auto 35px;
  width: 980px;
}
.red-direct .container .item.d2 {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 0px solid #000000;
  margin: 0 0 10px;
  padding: 0px !important;
  width: 99%;
}
.red-direct .container .item.d2 .title {
  float: left;
  margin: 0;
  color: #fff;
  font-weight: normal;
  letter-spacing: .07em;
}
.red-direct .container .item.d2 .sub-title {
  color: #ff0105;
  float: left;
  font-family: times new roman;
  letter-spacing: 2px;
  line-height: 15px;
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
  clear: both;
}
.red-direct .container .item.d2 .exerpt {
  color: #707070;
  clear: both;
  float: left;
}
.red-direct .container .item.d2 .exerpt a {
  color: #707070;
  text-decoration: underline;
}
.red-direct [role='header'] {
  float: left;
  text-align: center;
  width: 100%;
}
.red-direct [role='header'] img {
  padding: 10px 0;
}
.red-direct #GalleryView {
  min-height: 600px;
}
.red-direct .ads__home .ad-200-small {
  background: url("../images/bg-ad-200-small-blk.png") no-repeat scroll 0 50px transparent;
  height: auto;
}
.red-direct .ads__home .ad-200-big {
  background: url("../images/bg-ad-200-big-blk.png") no-repeat scroll 0 50px transparent;
  height: auto;
}
.red-direct .ads__home .instagram {
  background: none repeat scroll 0 0 #000000;
  margin: 0 auto;
  padding: 10px 8px;
  text-align: center;
  width: 184px;
  overflow: hidden;
}
.red-direct .ads__home .instagram a {
  color: #fff;
}
.red-direct .ads__home .instagram p {
  font-family: inherit;
  margin-bottom: 10px;
}
.red-direct .ads__home .instagram .instapress-shortcode .instapress-shortcode-image img {
  height: auto !important;
}
.red-direct .ads__home .instagram .flex-direction-nav {
  display: none;
}
.red-direct .ads__home .instagram .flexslider.filmstrip .item {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 165px !important;
}
.red-direct .ads__home .instagram .flexslider .slides img {
  display: block;
  height: auto;
  width: 165px;
}
.red-direct .comments {
  background: #fff none repeat scroll 0 0;
  float: left;
  margin: 0 0 20px 0;
  width: 100%;
}
.red-direct .footer-sponsors {
  margin: 0 0 20px 0;
  text-align: center;
  width: 100%;
}
.red-direct .footer.container {
  display: none !important;
}
.woocommerce .buyers-guide-landing .main.wide {
  width: 1100px;
}
.woocommerce div.product {
  padding: 2%;
}
.woocommerce .pw-button {
  width: 60px !important;
}
.woocommerce a.buy_now_link {
  background: #000;
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #ccc;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 46px;
  text-decoration: none;
  margin-bottom: 20px;
}
.woocommerce article {
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fff, #fff);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fff, #fff);
  /* IE 10 */
  background: -ms-linear-gradient(top, #fff, #fff);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff, #fff);
}
.woocommerce article.main {
  padding: 0;
}
.woocommerce article .as-caption {
  text-transform: uppercase;
  color: #000;
  border-bottom: 1px solid #000;
  width: 90%;
  margin: 6px auto;
  padding: 4px;
  font-size: 1.5em;
}
.woocommerce article .brand-thumbnails {
  padding-left: 2%;
}
.woocommerce article .brand-thumbnails li img {
  max-width: 180px !important;
  height: 75px !important;
}
.woocommerce article span.brand-sponsor {
  position: absolute;
  right: 10px;
  top: 0px;
  color: #eee;
}
.woocommerce article span.brand-sponsor small {
  color: #fff;
}
.woocommerce article span.brand-sponsor img {
  width: auto;
  height: 50px;
}
.woocommerce article .bg-navigation {
  position: relative;
  background: #000;
  width: 100%;
  height: 50px;
  color: #eee;
}
.woocommerce article .bg-navigation .bg-nav.surfboards {
  width: 100%;
  height: 50px;
  position: initial;
  top: auto;
  left: auto;
  padding: 0;
  margin: 0;
}
.woocommerce article .bg-navigation .bg-nav.surfboards li {
  padding: 0 1%;
  border-right: 1px solid #fff;
  display: inline-block;
  line-height: 30px;
  cursor: pointer;
  position: relative;
  top: auto;
  left: auto;
  margin: 10px 0;
}
.woocommerce article .bg-navigation .bg-nav.surfboards li a:after {
  font-family: FontAwesome;
  content: "\f107";
  padding-left: 5px;
}
.woocommerce article .bg-navigation .bg-nav.surfboards li:last-of-type {
  border-right: 0px solid #000;
}
.woocommerce article .bg-navigation .bg-nav.surfboards li:hover .sub-menu {
  display: block !important;
}
.woocommerce article .bg-navigation .bg-nav.surfboards li .sub-menu {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  background: #000;
  width: auto;
  padding: 0px 10px;
  z-index: 9;
}
.woocommerce article .bg-navigation .bg-nav.surfboards li .sub-menu li {
  margin: 0;
  line-height: 30px;
  border-right: 0px solid #000;
}
.woocommerce article .bg-navigation .bg-nav.surfboards li .sub-menu li a:after {
  display: none;
}
.woocommerce article .bg-navigation i.fa.fa-chevron-down {
  color: #fff;
  left: 70px;
  position: absolute;
  top: 15px;
}
.woocommerce article .bg-navigation span.mnu {
  position: absolute;
  left: 10px;
  top: 14px;
  font-size: 1em;
  color: #fff;
}
.woocommerce article .bg-navigation:hover .bg-nav {
  display: block !important;
}
.woocommerce article .bg-navigation .bg-nav {
  display: none;
  float: left;
  background: #000;
  width: auto;
  padding: 0 1%;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 999;
}
.woocommerce article .bg-navigation .bg-nav.surfboards {
  display: block !important;
}
.woocommerce article .bg-navigation .bg-nav a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}
.woocommerce article .bg-navigation .bg-nav ul {
  margin: 0;
  padding: 0;
}
.woocommerce article .bg-navigation .bg-nav ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 4px 0;
}
.woocommerce article .woocommerce ul.products li.product .onsale {
  top: 0;
  right: 0;
  left: auto;
  margin: -0.5em -0.5em 0 0;
}
.woocommerce article #main {
  width: 100%;
}
.woocommerce article #main ul.products {
  text-align: center;
  width: 970px;
  margin: 0 auto;
}
.woocommerce article #main ul.products li.product {
  float: left;
  width: 30%;
  margin: 0 5% 1em 0;
}
.woocommerce article #main ul.products li.product.last {
  margin-right: 0;
}
.woocommerce article #main ul.products li.product .onsale {
  display: none;
}
.woocommerce article #main ul.products li.product .meta-block {
  text-align: left;
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
}
.woocommerce article #main ul.products li.product .meta-block .price {
  color: #000;
  display: block;
  font-weight: 800;
  margin-bottom: .5em;
  font-size: 16px;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content {
  width: 1000px !important;
  color: #000;
  margin-right: 25px;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fff, #fff);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fff, #fff);
  /* IE 10 */
  background: -ms-linear-gradient(top, #fff, #fff);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff, #fff);
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content div.quick-view div.quick-view-image {
  width: 70% !important;
  background: #fff;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content div.quick-view div.quick-view-content {
  width: 28% !important;
  margin: 0px !important;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content div.quick-view div.quick-view-content p {
  font-size: .9em;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content div.quick-view div.quick-view-content table.shop_attributes * {
  border: 0px;
  background: none;
  padding: 0;
  line-height: 1.5em;
  width: auto;
  font-size: .9em;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content h1 {
  margin-bottom: 0;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content h1.product_title {
  margin-bottom: 5px;
  font-size: 1.4em;
  text-transform: uppercase;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content .product-navigation {
  display: none;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content p.brand {
  font-size: 1em;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-top: 0;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content a.brand-url,
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content span.sponsored-by {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content span.sponsored-by {
  width: 100%;
  text-align: center;
  display: inline-block;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content span.sponsored-by a {
  color: #000;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content p.price {
  color: #000 !important;
  font-size: 2.5em!important;
  margin-bottom: 20px;
  margin-top: 20px;
  font-weight: bold;
}
.woocommerce .mfp-wrap .mfp-ajax-holder .mfp-content p.color {
  color: #000 !important;
  font-size: 1.2em!important;
  margin-bottom: 0px;
  font-weight: bold;
}
.mfp-preloader {
  display: none !important;
}
.mfp-wrap .mfp-ajax-holder .mfp-close {
  color: #000 !important;
  right: 0px !important;
  padding-right: 10px;
}
