/*
	Theme Name: Eminor 2015
	Description: Lost At E Minor - Site Theme Rebuild Oct 2015
	Author: Artur Kot
	Version: 1.0
*/


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

    Project: Lost At E Minor
    Author:
    Last updated: Mon Sep 28 2015 22:00:12

    1. Fonts
    2. Icomoon
    3. Print
    4. Slick
    5. Grid
    6. Base
    7. Typography
    8. Utilities
    9. Wordpress
    10. Site-header
    11. Site-nav
    12. Panel
    13. Header-list
    14. Header-search
    15. Social-buttons
    16. Round-social-buttons
    17. Button
    18. Hero-image
    19. Thumb-list
    20. Post
    21. Sidebar
    22. Newsletter-form
    23. Newsletter-banner
    24. Widget
    25. Media
    26. Category-link
    27. Horizontal-ad
    28. Big-ad & trigger skins
    29. Radios
    30. Description-box
    31. Media-blocks
    32. Tile
    33. Site-footer
    34. Spaced-list
    35. Slideshow
    36. Comments
    37. Horizontal-list
    38. Megamenu
    39. Lazy image loading
    40. Google Ads
    41. Gform styles
    42. Embeds
    43. Scroll Widget

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


/* Fonts
   ========================================================================= */


/* Fonts are loaded via JS using external CSS */

/* Icomoon
   ========================================================================= */

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.icon-arrow-right:before {
  content: "\e610";
}

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

.icon-x:before {
  content: "\e60d";
}

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

.icon-play-square:before {
  content: "\e60b";
}

.icon-plus-square:before {
  content: "\e609";
}

.icon-x-square:before {
  content: "\e60a";
}

.icon-logotype-rect:before {
  content: "\e608";
}

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

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

.icon-mail:before {
  content: "\e605";
}

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

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

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

.icon-flipboard:before {
  content: "\e911";
}

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

/* Video icon for use in headlines */
.icon-video:before {
   content: "\e910";
}

/* Play icon for use overlayed on images */
.icon-PlayButtonv06:before {
   content: "\e904";
}

.icon-snapchat:before {
   content: "\e215";
}

.icon-logotype:before {
  content: "\e600";
}

/* Print
   ========================================================================= */


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    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) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    border: 1px solid #999;
    page-break-inside: avoid;

  }

   blockquote {
    border-left: 4px solid #bbb;
    padding-left: 18px;
    font-size: 1.01em;
    font-weight: 700;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,sans-serif;
    page-break-inside: avoid;

  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

}

/* Slick
   ========================================================================= */


/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
  text-align: -webkit-center;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  outline: none;
  margin-left: auto;
  margin-right: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: hidden;
}

/* .slick-loading .slick-slide {
  visibility: hidden;
} */

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Grid
   ========================================================================= */


.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1194px;
  min-width: 1024px;
}

.container:before,
.container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (max-width: 1120px) {
  .container--main {
    background: #fff;
  }

}

.row {
  margin-left: -12px;
  margin-right: -12px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row--table-layout {
  width: 100%;
  width: calc(100% + 24px);
  display: table;
  table-layout: fixed;
}

.row--table-layout [class*=col-] {
  vertical-align: middle;
  float: none;
  display: table-cell;
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  float: left;
}

.col-lg-1 {
  width: 8.3333333333%;
}

.col-lg-2 {
  width: 16.6666666667%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-4 {
  width: 33.3333333333%;
}

.col-lg-5 {
  width: 41.6666666667%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-7 {
  width: 58.3333333333%;
}

.col-lg-8 {
  width: 66.6666666667%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-10 {
  width: 83.3333333333%;
}

.col-lg-11 {
  width: 91.6666666667%;
}

.col-lg-12 {
  width: 100%;
}

.col-lg-pull-0 {
  right: auto;
}

.col-lg-pull-1 {
  right: 8.3333333333%;
}

.col-lg-pull-2 {
  right: 16.6666666667%;
}

.col-lg-pull-3 {
  right: 25%;
}

.col-lg-pull-4 {
  right: 33.3333333333%;
}

.col-lg-pull-5 {
  right: 41.6666666667%;
}

.col-lg-pull-6 {
  right: 50%;
}

.col-lg-pull-7 {
  right: 58.3333333333%;
}

.col-lg-pull-8 {
  right: 66.6666666667%;
}

.col-lg-pull-9 {
  right: 75%;
}

.col-lg-pull-10 {
  right: 83.3333333333%;
}

.col-lg-pull-11 {
  right: 91.6666666667%;
}

.col-lg-pull-12 {
  right: 100%;
}

.col-lg-push-0 {
  left: auto;
}

.col-lg-push-1 {
  left: 8.3333333333%;
}

.col-lg-push-2 {
  left: 16.6666666667%;
}

.col-lg-push-3 {
  left: 25%;
}

.col-lg-push-4 {
  left: 33.3333333333%;
}

.col-lg-push-5 {
  left: 41.6666666667%;
}

.col-lg-push-6 {
  left: 50%;
}

.col-lg-push-7 {
  left: 58.3333333333%;
}

.col-lg-push-8 {
  left: 66.6666666667%;
}

.col-lg-push-9 {
  left: 75%;
}

.col-lg-push-10 {
  left: 83.3333333333%;
}

.col-lg-push-11 {
  left: 91.6666666667%;
}

.col-lg-push-12 {
  left: 100%;
}

.col-lg-offset-0 {
  margin-left: 0%;
}

.col-lg-offset-1 {
  margin-left: 8.3333333333%;
}

.col-lg-offset-2 {
  margin-left: 16.6666666667%;
}

.col-lg-offset-3 {
  margin-left: 25%;
}

.col-lg-offset-4 {
  margin-left: 33.3333333333%;
}

.col-lg-offset-5 {
  margin-left: 41.6666666667%;
}

.col-lg-offset-6 {
  margin-left: 50%;
}

.col-lg-offset-7 {
  margin-left: 58.3333333333%;
}

.col-lg-offset-8 {
  margin-left: 66.6666666667%;
}

.col-lg-offset-9 {
  margin-left: 75%;
}

.col-lg-offset-10 {
  margin-left: 83.3333333333%;
}

.col-lg-offset-11 {
  margin-left: 91.6666666667%;
}

.col-lg-offset-12 {
  margin-left: 100%;
}

/* Base
   ========================================================================= */


/*
  Common - Base
  ------------------------------------------------------------------------------
*/

body,
html {
  min-width: 1024px;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

html *,
html *:before,
html *:after {
  box-sizing: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  margin: 0;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.4;
}

a {
  color: #444;
  -webkit-transition-property: color, border-bottom;
  transition-property: color, border-bottom;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  text-decoration: none;
}

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

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
  background: transparent;
  border: 0 none;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="search"],
input[type="email"],
input[type="text"] {
  -webkit-appearance: none;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/* Typography
   ========================================================================= */


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;
  color: #000;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #1700D2;
}

h1,
.h1 {
  font-size: 48px;
  line-height: 1;
  margin: 0 0 24px;
}

h2,
.h2 {
  font-size: 26px;
  line-height: 30px;
  margin: 0 0 12px;
}

h3,
.h3 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 24px;
}

h4,
.h4 {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 24px;
}

h5,
.h5 {
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 24px;
}

h6,
.h6 {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 24px;
}

p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 24px;
}

.header-rect {
  font-size: 36px;
  line-height: 1;
  padding: 16px 24px;
  margin: 0;
  display: inline-block;
  background: #000;
  color: #fff;
}

.header-underlined {
  display: inline-block;
  font-size: 26px;
  line-height: 30px;
  border-bottom: 4px solid #1700D2;
  margin-bottom: 48px;
}

.header-underlined--negative {
  color: #fff;
  border-color: #34E5FF;
}

/* Utilities
   ========================================================================= */


.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@media (max-width: 1194px) {
  .hide-tablet {
    display: none !important;
  }

}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.wp-user-avatar,
.avatar,
.img-circle {
  border-radius: 50%;
}

/* Wordpress
   ========================================================================= */


.alignnone {
  margin: auto;
  display: block;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 24px 24px;
}

.alignleft {
  float: left;
  margin: 5px 24px 24px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto 24px;
}

a img.alignright {
  float: right;
  margin: 5px 0 24px 24px;
}

a img.alignleft {
  float: left;
  margin: 5px 24px 24px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.size-full {
  /*max-width: 800px;
  min-width: 640px;
  width: 62vw;*/
  height: auto;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.wp-caption {
  margin: 0 0 24px;
  width: 100%;
  text-align: center;
  max-width: 100%;
}

.wp-caption.aligncenter {
  margin: 5px auto 24px auto;
}

.wp-caption.alignnone {
  margin: 5px auto 24px auto;
}

.wp-caption.alignleft {
  margin: 5px 24px 24px 0;
}

.wp-caption.alignright {
  margin: 5px 0 24px 24px;
}

.wp-caption img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-text {
  margin: 0;
  padding: 0 4px 5px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;
  font-style: italic;
  color: #6f6f6f;
  line-height: 19px;
}

/* Site-header
   ========================================================================= */

#mobswitcher {
  height: 66px;
  width: 100%;
  z-index: 200;
  background: #51ACBC;
  font-size: 24px;
  text-align: center;
  line-height: 66px;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  color: #fff;
  background: #000;
  border-bottom: 1px solid #000;
}

.site-header > .container {
  position: relative;
}

.site-header [class^="col-"] {
  position: relative;
  height: 74px;
}

.site-header a {
  color: #fff;
}

.site-header a:hover {
  color: #34E5FF;
}

.site-header-logo {
  -webkit-transition-property: color, hidden, opacity;
  transition-property: color, hidden, opacity;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  visibility: hidden;
  opacity: 0;
  position: relative;
  width: 30px;
  height: 30px;
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
}

.site-header-logo.is-visible {
  visibility: visible;
  opacity: 1;
}

.site-header-logo .icon-logo {
  position: absolute;
  left: 0;
  top: 0;
  border:2px solid #fff;
}

.site-header-logotype,
.site-header-title {
  -webkit-transition-property: visibility, opacity;
  transition-property: visibility, opacity;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}

.site-header-logotype {
  height: 27px;
  text-align: center;
  margin: 0;
  -webkit-transform: translateZ(0);
}

.site-header-logotype.is-hidden {
  visibility: hidden;
  opacity: 0;
}

.site-header-logotype a {
  display: block;
  font-size: 27px;
  height: 27px;
}

.site-header-title {
  visibility: hidden;
  opacity: 0;
  text-align: center;
  position: absolute;
  top: -56px;
  left: 9%;
  right: 40px;
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #000;
  font-size: 18px;
}

.site-header-title-wrapper {
  position: relative;
}

.site-header-title.is-visible {
  visibility: visible;
  opacity: 1;
}

.site-header-placeholder {
  margin-bottom: 24px;
  height: 140px;
}

/* Site-nav
  ========================================================================== */


.site-nav {
  -webkit-transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  position: fixed;
  z-index: 999;
  display: table;
  top: 74px;
  width: 100%;
  height: 66px;
  background: #fff;
  background: rgba(255, 255, 255, 1.0);
  border-bottom: 1px solid #dadada;
  text-align: center;
  font-size: 0;
}

.site-nav.is-visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.site-nav ul {
  display: table-cell;
  vertical-align: middle;
}

.site-nav li {
  padding: 0 12px;
  display: inline-block;
}

.site-nav a {
  -webkit-transition: border-bottom-color 0.2s;
  transition: border-bottom-color 0.2s;
  border-bottom: 5px solid transparent;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}

.site-nav a:hover,
.site-nav .active a {
  border-bottom-color: #FD4017;
}

/* Panel
  ========================================================================== */


.panel {
  padding-top: 48px;
  padding-bottom: 48px;
}

.panel + .panel {
  border-top: 1px solid #dadada;
}

.panel--dark {
  color: #fff;
  background: #262626;
}

.panel--light-grey {
  background: #E5E5E5;
}

.panel--violet {
  color: #fff;
  background: #7C00DB;
}

/* Header-list
  ========================================================================== */


.header-list {
  text-align: right;
}

.header-list li {
  font-size: 20px;
  display: inline-block;
}

.header-list li + li {
  margin-left: 10px;
}

.header-list [class^="icon-"],
.header-list .button,
.header-list .header-search-open {
  vertical-align: middle;
}

a:hover .header-list-tooltip:before {
  border-right-color: #34E5FF;
}

.header-list .button {
  text-transform: uppercase;
  font-size: 11px;
  color: #fff;
  padding-top: 3px;
  padding-bottom: 3px;
}

.header-list .button:hover {
  opacity: 1;
}

.header-list-tooltip {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
  padding: 1px 6px;
  border: 2px solid;
  font-size: 14px;
  font-weight: bold;
}

.header-list-tooltip:before,
.header-list-tooltip:after {
  width: 0;
  height: 0;
  top: 50%;
  right: 100%;
  position: absolute;
  content: "";
}

.header-list-tooltip:before {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  margin-top: -10px;
  border-right: 8px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.header-list-tooltip:after {
  margin-top: -6px;
  border-right: 5px solid #000;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

header.skin-fix {
    background-color: #FFF;
    margin-left: -24px;
    padding-left: 24px;
    padding-right: 24px;
    margin-right: -24px;
    padding-top: 12px;
}

/* Header-search
  ========================================================================== */


.header-search {
  -webkit-transition-property: visibility, -webkit-transform;
  transition-property: visibility, transform;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  visibility: hidden;
  -webkit-transform: translateY(-66px);
  -ms-transform: translateY(-66px);
  transform: translateY(-66px);
  position: absolute;
  right: 0;
  top: -53px;
  background: #000;
}

.header-search.is-visible {
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.header-search input {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  background: none;
  border: 0 none;
  border-bottom: 3px solid #fff;
  text-align: center;
  width: calc(100% - 24px - 65px - 48px);
  float: left;
  font-size: 18px;
  color: #fff;
  padding: 5px 10px;
}

.header-search input::-webkit-input-placeholder {
  opacity: .8;
  color: #fff;
}

.header-search input::-moz-placeholder {
  opacity: .8;
  color: #fff;
}

.header-search input:-moz-placeholder {
  opacity: .8;
  color: #fff;
}

.header-search input:-ms-input-placeholder {
  opacity: .8;
  color: #fff;
}

.header-search input:focus {
  outline: 0 none;
  border-bottom-color: #34E5FF;
}

.header-search .button:hover,
.header-search-close:hover {
  opacity: 1;
  color: #34E5FF;
}

.header-search .button {
  position: absolute;
  right: 48px;
  bottom: 0;
  width: 65px;
  padding: 2px 0;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.header-search-wrapper {
  position: relative;
}

.header-search-close {
  position: absolute;
  right: 12px;
  bottom: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.header-search-close .icon-x {
  position: absolute;
  left: 0;
  top: 0;
}

.header-search-close .icon-x:active, .header-search-close .icon-x:focus {
  outline:none !important;
}

.header-search-open {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  position: relative;
  display: inline-block;
  padding: 0;
  width: 24px;
  height: 24px;
}

.header-search-open:hover {
  color: #34E5FF;
}

.header-search-open:active,.header-search-open:focus{
  outline:none !important;
}

.header-search-open .icon-search {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
}

/* Social-buttons
  ========================================================================== */


.social-buttons {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0;
  color: #fff;
}

.social-buttons > li {
  display: inline-block;
  vertical-align: top;
}

.social-buttons > li + li {
  margin-left: 12px;
}

.social-buttons--group {
  display: table;
  width: 100%;
}

.social-buttons--group > li {
  position: relative;
  width: 25%;
  margin: 0;
  text-align: center;
  display: table-cell;
}

.social-buttons--group a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.social-buttons--group [class^="button"] {
  height: 42px;
  padding-top: 10px;
  padding-bottom: 9px;
}

.social-buttons--group .icon-facebook {
  font-size: 17px;
}

.social-buttons--group .icon-twitter {
  font-size: 14px;
}

.social-buttons--group .icon-pinterest {
  font-size: 16px;
}

.social-buttons--group .icon-mail {
  font-size: 12px;
}

/* Round-social-buttons
  ========================================================================== */


.round-social-buttons {
  font-size: 0;
  padding: 0 12px;
  margin: 24px 0 36px;
}

.round-social-buttons > li {
  display: inline-block;
  padding: 12px;
  width: 50%;
  text-align: center;
  vertical-align: top;
}

/* Snapcode div
  ========================================================================== */

.snapcode-div {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index:-100;
  transition: opacity 0.3s;
  width:87.5%;
  height:87.5%;
  margin-left:6.25%;
}

.snapcode-div img {
  width:100%;
  margin:auto;
}

.round-social-buttons {
  position: relative;
}

/* Button
  ========================================================================== */


.button {
  -webkit-transition-property: color, opacity;
  transition-property: color, opacity;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  display: inline-block;
  border: 2px solid;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
  background: transparent;
}

.post-list .button {
  margin: auto;
  display: block;
  margin-top: 15px;
}

.button:hover {
  opacity: .5;
}

.button-facebook,
.button-twitter,
.button-pinterest,
.button-mail,
.button-square-facebook,
.button-square-twitter,
.button-square-instagram,
.button-square-pinterest,
.button-round-facebook,
.button-round-twitter,
.button-round-pinterest,
.button-round-snapchat,
.button-round-instagram,
.button-round-flipboard  {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}

/*.button-twitter:hover,*/
.button-facebook:hover,
.button-pinterest:hover,
.button-mail:hover,
.button-square-facebook:hover,
.button-square-twitter:hover,
.button-square-instagram:hover,
.button-square-pinterest:hover,
.button-round-facebook:hover,
.button-round-twitter:hover,
.button-round-pinterest:hover,
.button-round-instagram:hover,
.button-round-flipboard:hover {
  opacity: .8;
}

.button-round-snapchat:hover {
  opacity: 1!important;
}

.button-round-snapchat:hover .snapcode-div {
  display:block;
  opacity: 1;
  z-index:1;
  cursor: none;
}

.button-round-snapchat {
  background: #FFFD66;
}

.button-round-snapchat .icon-snapchat:before {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}


.button-facebook,
.button-twitter,
.button-pinterest,
.button-flipboard,
.button-mail {
  min-width: 50px;
  height: 26px;
  padding: 3px 5px 0;
}

.button-facebook > span,
.button-twitter > span,
.button-pinterest > span,
.button-flipboard > span,
.button-mail > span {
  margin-left: 5px;
  font-size: 16px;
  font-weight: bold;
}

.button-facebook {
  position: relative;
  font-size: 14px;
  background: #2B488A;
  cursor: default;
}

.button-facebook.no-fb:hover,
.button-facebook.is-fb-loaded:hover {
  opacity: 1;
}

.button-facebook .fb-like {
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;
  height: 100%;
  background: #fff;
  text-align: center;
}

.button-twitter .twitter-share-button,
.button-facebook .fb-like,
.button-facebook .fb-like iframe {
  -webkit-transition-property: visibility, opacity;
  transition-property: visibility, opacity;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  visibility: hidden !important;
}

.button-facebook .fb-like span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-facebook.hover .fb-like,
.button-facebook.hover .fb-like iframe {
  visibility: visible !important;
  opacity: 1;
}

.button-facebook-constrain-size {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
}

.button-facebook.no-fb .button-facebook-constrain-size {
  visibility: hidden;
}

.button-facebook-constrain-size .fb-like {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -24px;
  width: 48px;
  height: 20px;
  overflow: hidden;
  background: transparent;
}

.button-facebook.hover .button-facebook-constrain-size {
  display: block;
}

.button-twitter {
  position: relative;
  font-size: 11px;
  background: #00C4FF;
}

.button-twitter .twitter-share-button {
  opacity: 0;
  position: absolute !important;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 100% !important;
  background: #fff;
  text-align: center;
  padding: 10px 0px;
}

.button-twitter:hover .twitter-share-button {
  opacity: 1;
  visibility: visible !important;
}

.button-pinterest {
  font-size: 14px;
  background: #DE252C;
}

.button-flipboard {
  font-size: 14px;
  background: #F52828;
}

.button-mail {
  font-size: 11px;
  background: #858585;
}

.button-square-facebook,
.button-square-twitter,
.button-square-instagram,
.button-square-pinterest {
  position: relative;
  width: 60px;
  height: 60px;
}

.button-square-facebook [class^="icon"],
.button-square-twitter [class^="icon"],
.button-square-instagram [class^="icon"],
.button-square-pinterest [class^="icon"] {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

.button-square-facebook {
  font-size: 33px;
  background: #2B488A;
}

.button-square-twitter {
  font-size: 29px;
  background: #00C4FF;
}

.button-square-instagram {
  font-size: 34px;
  background: #262626;
}

.button-square-pinterest {
  font-size: 38px;
  background: #DE252C;
}

.button-round-facebook,
.button-round-twitter,
.button-round-pinterest,
.button-round-flipboard,
.button-round-snapchat,
.button-round-instagram {
  font-size: 16px;
  width: 116px;
  height: 116px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}

.button-round-facebook:hover,
.button-round-twitter:hover,
.button-round-pinterest:hover,
.button-round-instagram:hover,
.button-round-flipboard:hover {
  opacity: .8;
}

.button-round-facebook [class^="icon-"],
.button-round-twitter [class^="icon-"],
.button-round-pinterest [class^="icon-"],
.button-round-flipboard [class^="icon-"],
.button-round-snapchat [class^="icon-"],
.button-round-instagram [class^="icon-"] {
  display: block;
  margin-bottom: 6px;
}

.button-round-facebook {
  background: #2B488A;
}

.button-round-facebook [class^="icon-"] {
  margin-top: 28px;
  font-size: 36px;
}

.button-round-twitter {
  background: #00C4FF;
}

.button-round-twitter [class^="icon-"] {
  margin-top: 32px;
  font-size: 32px;
}

.button-round-flipboard {
  background: #DE252C;
}

.button-round-pinterest {
  background: #DE252C;
}

.button-round-pinterest [class^="icon-"] {
  margin-top: 25px;
  font-size: 45px;
}

.button-round-flipboard {
  background: #F52828;
}

.button-round-flipboard [class^="icon-"] {
  margin-top: 25px;
  font-size: 45px;
}

.button-round-instagram {
  background: #262626;
}

.button-round-instagram [class^="icon-"] {
  display: block;
  margin-top: 38px;
  margin-bottom: 6px;
  font-size: 38px;
}

.button-round-snapchat [class^="icon-"] {
  margin-top: 38px;
  font-size: 36px;
}

/* Hero-image
  ========================================================================== */


.hero-image {
  overflow: hidden;
  max-height: 618px;
}

.hero-image img {
  display: block;
  width: 100%;
  height: auto;
}

.hero--header {
    margin-top: -120px;
    background-color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

/* Thumb-list
  ========================================================================== */


.thumb-list {
  margin: 0 -6px;
}

.thumb-list li {
  float: left;
  max-width: 20%;
  padding: 0 6px;
}

.thumb-list a {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: block;
  width: 100%;
}

.thumb-list a:hover,
.thumb-list a.is-active {
  opacity: .5;
}

.thumb-list img {
  display: block;
  width: 100%;
  height: auto;
}


/* Post
  ========================================================================== */


.post {
  position: relative;
  background: #fff;
}

.post:before,
.post:after {
  content: " ";
  display: table;
}

.post:after {
  clear: both;
}

.post + .post {
  margin-top: 24px;
  border-top: 1px solid #dadada;
  padding-top: 24px;
}

.post > a {
  display: block;
}

.post > a:before,
.post > a:after {
  content: " ";
  display: table;
}

.post > a:after {
  clear: both;
}

.post .thumb-list {
  position: absolute;
  bottom: 0;
  width: calc(55.3% - 24px);
}

.post .thumb-list a {
  border-bottom: 0 none;
}

.post-time {
  margin-top: 12px;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;
  display: block;
}

.post-time--upper-right {
  position: absolute;
  right: 0;
  top: 14px;
  font-size: 14px;
  color: #929292;
}

.post--featured,
.post--hero {
  padding: 24px 24px 0;
  margin-left: 24px;
}

.post--featured p {
  margin-bottom: 0;
}

.post--hero .post-time--upper-right,
.post--featured .post-time--upper-right {
  right: 24px;
}

.post-list,
.post--article {
  float: left;
  position: relative;
  padding-right: 24px;
  width: 70%;
  width: calc(100% - 318px);
}

.post-list {
  margin: -94px 0 24px;
}

.post-list .rest-of-posts {
  padding-top: 24px;
  background-color: #FFF;
  padding-right: 24px;
  margin-right: -24px;
}

.post-list .rest-of-posts > .post {
  padding-top:24px;
}

.post--article {
  background: none;
}

.post-author,
.post-excerpt,
.post-body {
  font-family: "PT Serif", "Georgia", serif;
}

.post-body.skin-fix {
  background-color: #FFF;
  padding-top: 30px;
  margin-top: -30px;
  padding-left: 24px;
  margin-left: -24px;
  margin-right: -24px;
  padding-right: 24px;
  padding-bottom:1px;
}

.post-body .btyb-strip {
  max-width: 368px;
  height: auto;
}

.post-body blockquote {
    border-left: 4px solid #bbb;
    padding-left: 18px;
    font-size: 1.01em;
    font-weight: 700;
    font-family: "Proxima Nova","Helvetica Neue",Helvetica,sans-serif;
    page-break-inside: avoid;

  }

.post-author a,
.post-excerpt a,
.post-body a {
  border-bottom: 4px solid #8E9BFF;
}

.post-author a:hover,
.post-excerpt a:hover,
.post-body a:hover {
  border-bottom-color: rgba(142, 155, 255, 0.5);
}

.post-author,
.post .media {
  float: left;
  margin-right: 24px;
}

.post .media {
  min-height: 182px;
}

.post .media a {
  position: relative;
}

.post-author {
  margin-bottom: 24px;
  width: 19%;
  font-size: 14px;
}

.post-author--bigger {
  width: 170px;
  font-size: 16px;
}

.post-author-image-container {
  max-height:75px;
  max-width: 75px;
  overflow:hidden;
  border-radius:50%;
  margin-bottom: 12px;
}

.post-author .post-author-image-container img {
  border-radius: 0;
  display: block;
  width:100%;
  height:100%;
}

.post-author-name {
  display: block;
  padding-bottom: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
}


.post-author .social-buttons {
  margin-top: 24px;
}

.post-author [class^="button"] {
  padding: 9px 8px;
  height: 40px;
}

.post-author [class^="button"] {
  border: 0 none;
}

.post-author ~ .post-well {
  float: right;
  width: calc(81% - 24px);
}

.post-author--bigger ~ .post-well {
  width: calc(100% - 170px - 24px);
}

.post .media {
  float: left;
  width: 44.7%;
}

.post .media .tile-play-icon {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    left:148px;
    left: calc(50% - 32px);
    top: 102px;
    top: calc(50% - 32px);
    color:#FFF;
    font-size:68px;
    opacity:0.55;
}

.video-prefix {
  margin-right:8px;
  position:relative;
  top:1px;
}

.icon-PlayButtonv06.tile-play-icon::before {
  position:relative;
  top:-2px;
  left:-2px;
}

.media ~ .post-excerpt {
  float: right;
  width: calc(55.3% - 24px);
}

.post-excerpt .social-buttons {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 14px;
}

.post-excerpt p {
  margin-bottom: 17px;
}

.post-excerpt .presented-by {
  display:none;
}

.post-body ul,
.post-body ol {
  margin: 0 0 1em 24px;
}

.post-body ul > li {
  list-style: disc;
}

.post-body ol > li {
  list-style: decimal;
}

.post-footer {
  border-top: 1px solid #dadada;
  padding-top: 48px;
  padding-bottom: 24px;
  background-color:#FFF;
  padding-left: 24px;
  margin-left: -24px;
  margin-right: -24px;
  padding-right: 24px;
  margin-top:0;
}

/* Styling for eminor brightcove embed */
.eminor-video-unit-container {
  margin:auto;
}

/* Embeds
  ========================================================================== */

.media-embed iframe {
  position: relative;
  margin-bottom: 24px;
  width: 62vw;
  height: auto;
}

.twitter-tweet,
.instagram-media
 {
  margin-bottom: 24px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.embed iframe,
.video iframe,
.videowrap iframe {
	display: block;
	position: relative;
	width: 100%;
}

.rtv-video .video-container { display: block; position: relative; }
.rtv-video .video-container:after { padding-top: 56.25%; display: block; content: ''; }
.rtv-video .video-container iframe, .rtv-video .video-container .video-js { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; }

.video-container .autoplay-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0,0,0,0.2);
  pointer-events: none;
}

.video-container .autoplay-message-container {
  margin-top: 54px;
}

.video-container .autoplay-message-container p {
  font-size: 38px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}

.video-container .autoplay-countdown-container {
  margin-top: 12px;
}

.video-container .autoplay-countdown-container p {
  font-size: 38px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}

.video-container .autoplay-stop-container {
  margin-top: 12px;
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  pointer-events: all;
  background-color: rgba(0,0,0,0.3);
  cursor: pointer;
  transition:background-color 0.2s;
}

.video-container .autoplay-stop {
  font-size: 22px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 12px;
}

.video-container .autoplay-stop-container:hover{
  background-color: rgba(0,0,0,0.6);
}

/* endscreen/playlist styles */
.vjs-endscreen {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #646464; /* IE8 fallback */
	background-color: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.4;
}
.vjs-endscreen a {
	text-decoration: none;
	display: block;
}
.vjs-endscreen .vjs-endscreen-replay {
	font-size: 2em;
	margin-top: 0.8em;
}
.vjs-endscreen p, .vjs-endscreen div {
	margin: 1em 2em 0;
}
.vjs-endscreen-next {
	border-top: 1px solid #999;
}
.vjs-endscreen-next ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/* this is a really simplistic way to extend off screen */
	width: 400%;
}
.vjs-endscreen-next li {
	float: left;
	/* these %s are 20/2.5 divided by 4 to match the 400% above */
	width: 5%;
	margin: 0.625%;
}
.vjs-endscreen-next img {
	display: block;
	max-width: 100%;
	margin: 0 auto 0.3em;
}
.vjs-endscreen-next a {
	font-size: 0.9em;
}
/* this is just a breakpoint that suits the content; adjust to suit */
@media (max-width:580px) {
	.vjs-endscreen {
	  overflow: scroll;
	}
	.vjs-endscreen .vjs-endscreen-replay {
	  font-size: 1.4em;
	}
	.vjs-endscreen-next ul {
	  width: 100%;
	}
	.vjs-endscreen-next li {
	  width: 45%;
	  margin: 2.5%;
	}
	.vjs-endscreen-next a {
	  font-size: 0.8em;
	}
}

.roar-custom-play {top:50%;left:50%;margin-left:-40px;margin-top:-40px;width:80px;height:80px;border-radius:50px;background:rgba(0,0,0,.45);cursor:pointer;position:absolute;z-index:10;display:none}
.roar-custom-play:before {font-size:60px;line-height:10px;opacity:none;width:50px;content:'\e001';color:#fff;display:block;font-family:VideoJS;margin:36px auto;text-align:center}
.roar-custom-play:focus {outline:0}
.roar-custom-play:focus,.roar-custom-play:hover {box-shadow:0 0 15px 3px #FFF}

.article-callout {margin-top:24px;background:#F5F5F5;margin-bottom:24px;padding:24px;}
.article-callout a {border-bottom:4px solid #8E9BFF;}

.post .presented-by {font-size:14px;}
.post .presented-by span {font-family: "Proxima Nova","Helvetica Neue",Helvetica,sans-serif;color: #a6a8ab;text-transform:uppercase;vertical-align:middle;}
.post .presented-by img {margin-left:5px;vertical-align:middle;}
.post .presented-by a {border:none;}

.headline-prefix {
  font-size: 0.95em;
  position: relative;
  top: 2px;
}

/* Sidebar
  ========================================================================== */

.sidebar {
  float: right;
  width: 318px;
  margin-bottom: 24px;
  background-color: #FFF;
}

.sidebar--push-down {
  margin-top: 40px;
}

.post-list + .sidebar {
  margin-top: 24px;
}

/* Newsletter-form
  ========================================================================== */


.newsletter-form h3,
.newsletter-form.widget h3 {
  font-size: 26px;
  line-height: 1;
  margin-bottom: 12px;
}

.newsletter-form input,
.newsletter-form .button {
  vertical-align: middle;
}

.newsletter-form input[type="email"],
.newsletter-form input[type="text"] {
  width: 58%;
  float: left;
  height: 45px;
  font-size: 16px;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  padding: 10px 15px;
  background: #F5F5F5;
  border: 2px solid #F5F5F5;
  color: #000;
}

.newsletter-form input[type="email"]::-webkit-input-placeholder,
.newsletter-form input[type="text"]::-webkit-input-placeholder {
  color: #4b4b4b;
}

.newsletter-form input[type="email"]::-moz-placeholder,
.newsletter-form input[type="text"]::-moz-placeholder {
  color: #4b4b4b;
}

.newsletter-form input[type="email"]:-moz-placeholder,
.newsletter-form input[type="text"]:-moz-placeholder {
  color: #4b4b4b;
}

.newsletter-form input[type="email"]:-ms-input-placeholder,
.newsletter-form input[type="text"]:-ms-input-placeholder {
  color: #4b4b4b;
}

.newsletter-form input[type="email"]:focus,
.newsletter-form input[type="text"]:focus {
  border-color: #1700D2;
  outline: 0 none;
}

.newsletter-form .button {
  width: 40%;
  float: right;
  height: 45px;
  font-size: 16px;
  color: #1700D2;
}

.newsletter-form .radios {
  clear: both;
  padding-top: 12px;
}

/* Newsletter-banner
  ========================================================================== */


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

.newsletter-banner-form {
  position: relative;
  margin-top: 24px;
  display: inline-block;
}

.newsletter-banner-form .radios {
  margin-top: 10px;
  float: left;
  font-size: 16px;
  color: #fff;
}

.newsletter-banner-form input[type="email"],
.newsletter-banner-form input[type="text"] {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  color: #000;
  border: 2px solid #fff;
  height: 45px;
  width: 405px;
  padding: 10px 48px 10px 15px;
  height: 45px;
  margin-left: 24px;
  float: left;
}

.newsletter-banner-form input[type="email"]::-webkit-input-placeholder,
.newsletter-banner-form input[type="text"]::-webkit-input-placeholder {
  opacity: 1;
  color: #4b4b4b;
}

.newsletter-banner-form input[type="email"]::-moz-placeholder,
.newsletter-banner-form input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #4b4b4b;
}

.newsletter-banner-form input[type="email"]:-moz-placeholder,
.newsletter-banner-form input[type="text"]:-moz-placeholder {
  opacity: 1;
  color: #4b4b4b;
}

.newsletter-banner-form input[type="email"]:-ms-input-placeholder,
.newsletter-banner-form input[type="text"]:-ms-input-placeholder {
  opacity: 1;
  color: #4b4b4b;
}

.newsletter-banner-form input[type="email"]:focus,
.newsletter-banner-form input[type="text"]:focus {
  outline: 0 none;
}

.newsletter-banner-form input[type="email"]:focus + .icon-mail,
.newsletter-banner-form input[type="text"]:focus + .icon-mail {
  color: #7C00DB;
}

.newsletter-banner-form .button {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  color: #fff;
  font-size: 20px;
  height: 45px;
}

.newsletter-banner-form .button:hover {
  color: #8E9BFF;
  opacity: 1;
}

.newsletter-banner-form .icon-mail {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  font-size: 22px;
  position: absolute;
  top: 50%;
  margin: -11px 0 0 -40px;
  color: #dadada;
}

/* Widget
  ========================================================================== */


.widget + .widget {
  margin-top: 24px;
}

.widget h3 {
  color: #000;
  font-size: 26px;
  line-height: 1;
  margin: 0 0 24px;
}

.widget h3 i {
  position: relative;
  top: 3px;
  color: #FE245F;
  font-size: 21px;
  float: right;
}

.widget h4 {
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 22px;
}

.widget img {
  display: block;
  width: 100%;
}

.widget--ad {
  background: #fff;
}


.widget--ad--active {
  border: 9px solid #dadada;
}

.widget--ad--inactive {
  display: none;
}

.widget--ad--inactive:first-child + .widget {
  margin-top: 0;
}

.widget--size-300-250 + .halfpage--mrec--overflow {
  background-color: #FFF;
  margin-top: 0px;
  padding-top: 24px;
}

.widget--size-300-600 + .halfpage--mrec--overflow {
  display: none;
}

.widget--ad iframe {
  display: block;
}

.widget--posts .media {
  margin-bottom: 12px;
}

.widget--posts .category-link {
  margin-bottom: 6px;
}

.widget--posts .button {
  font-size: 18px;
  color: #1700D2;
  text-align: center;
  display: block;
}

.widget--watching iframe {
  width:100%;
}

.widget--watching .media {
  margin-bottom: 12px;
}

.widget--watching h4 {
  margin: 0 0 10px;
}

.widget--watching p {
  font-family: "PT Serif", "Georgia", serif;
  font-size: 14px;
}

.widget--attach-top {
  position: fixed;
  top: 74px;
  width: 318px;
}

.widget--attach-bottom {
  position: absolute;
  bottom: 24px;
  width: 318px;
}

/* Media
  ========================================================================== */


.media {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  min-height: 1px;
  position: relative;
}

.media > a {
  display: block;
}

.media > a:hover > img {
  opacity: .7;
}

.media img {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: block;
  width: 100%;
  height: auto;
}

.media > [class^="button"] {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.media .icon-play-square {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 35px;
  background: #000;
  color: #F5F5F5;
  /* Truncate black border */
  width: 34.5px;
  height: 34px;
  overflow: hidden;
}

.media .icon-play-square:before {
  position: absolute;
  top: -1px;
}

.media--video:before,
.media--video:after {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
}

.media--video:before {
  margin: -36px 0 0 -36px;
  width: 72px;
  height: 72px;
  border: 7px solid #fff;
  border-radius: 50%;
}

.media--video:after {
  margin: -16px 0 0 -8px;
  width: 0;
  height: 0;
  border-left: 22px solid #fff;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}

.media--video:hover:before,
.media--video:hover:after {
  opacity: .5;
}
.media--video:hover a img {
  opacity: 1;
}

.media--stretch {
  overflow: hidden;
}

.media--stretch img {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

.media.is-loading {
  opacity: .5;
}

/* Category-link
  ========================================================================== */

a[rel="category tag"],
.category-link , .promoted{
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 10px;
  color: #1700D2;
}

.category-link:hover {
  color: #000;
}

.promoted {
  font-weight: normal;
  color: #a6a8ab;
   margin-left: 6px;
}

header .trending-meta {
  font-size: 14px;
  float:right;
  color:#FB235C;
  font-weight:bold;
}

/* Horizontal-ad
  ========================================================================== */

#billboard-1{
  position:relative;
  z-index:1;
}

.horizontal-ad {
  /*max-width: 1146px;*/
  margin: auto;
  width: 100%;
}

.horizontal-ad2 {
  margin: auto;
}

.horizontal-ad--border-bottom {
  border-bottom: 1px solid #dadada;
}

.horizontal-ad iframe {
  /*display: block;*/
  margin: 0 auto;
}

/* Big-ad & Trigger Skins
  ========================================================================== */

.big-ad {
  margin-top: -24px;
  position: relative;
  height: 138px;
}

.big-ad--taller {
  height: 250px;
}

@media (max-width: 1120px) {
  .big-ad--taller {
    max-height: 240px;
  }
}

.big-ad--leaderboard {
  padding-top: 0;
}

.big-ad-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

@media (max-width: 1120px) {
  .big-ad-wrapper {
    max-height: 240px;
  }
}

.big-ad-wrapper img,
.big-ad-wrapper iframe {
  position: relative;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  left: 50%;
  display: block;
}

@media (max-width: 1120px) {
  .big-ad--taller .big-ad-wrapper {
    max-height: 352px;
  }
}

.big-ad .horizontal-ad {
  position: relative;
  z-index: 1;
}

#triggerskins {position:relative;}
#triggerskins-top{position:relative;height:147px;border:1px solid #dbdbdb;margin:0 auto 24px auto;background:#fff;}
#triggerskins-lefttext{position:absolute;top:19px;left:24px}
#triggerskins-righttext{position:absolute;top:19px;right:14px}
#triggerskins ul{margin:0;padding:0;list-style:none;position:absolute;top:19px;right:128px}
#triggerskins ul li{margin:0 0 0 24px;padding:0;float:left;display:inline}
#triggerskins ul li a{display:block;overflow:hidden;transition:none}
#triggerskins ul li a img{display:block}
#triggerskins ul li a.selected{border:3px solid #0078D7}
#triggerskins ul li a.selected img{margin:-3px}
#triggerskins-image{display:none;height:0;padding-bottom:20.512820512820512820512820512821%;margin-bottom:24px;}
#triggerskins-image img{display:block;width:100%;}

@media (max-width: 1194px) {
    #triggerskins ul li {margin:0 0 0 6px;}
    #triggerskins-lefttext {left:12px;}
    #triggerskins-righttext {right:0;}
    #triggerskins ul {right:108px;}
}


/* Radios
  ========================================================================== */


.radios {
  font-size: 14px;
  margin: 0;
}

.radios label {
  display: inline-block;
}

.radios label + label {
  margin-left: 12px;
}

.radios label {
  position: relative;
  padding-left: 20px;
  float: left;
}

.radios input {
  position: absolute;
  left: 0;
  top: 3px;
  margin: 0;
  padding: 0;
}

.radios label {
  margin-left: 5px;
}

/* Description-box
  ========================================================================== */


.description-box {
  padding: 24px;
  text-align: left;
  background: #3D3D3D;
  color: #fff;
}

.description-box h3,
.description-box h4,
.description-box a {
  color: #fff;
}

.description-box h3 {
  margin: 0 0 12px;
  font-size: 23px;
  line-height: 28px;
}

.description-box h3 a:hover {
  color: #8E9BFF;
}

.description-box h4 {
  margin: 0;
  font-size: 18px;
  line-height: 20px;
}

.description-box p {
  margin: 0;
  font-family: "PT Serif", "Georgia", serif;
}

.description-box p a {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  border-bottom: 4px solid #8E9BFF;
}

.description-box p a:hover {
  border-color: rgba(142, 155, 255, 0.5);
}

/* Media-blocks
  ========================================================================== */


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

.media-blocks-list li + li {
  margin-top: 24px;
}

@media (max-width: 1194px) {
  .media-blocks-list li:last-child {
    display: none;
  }

}

.media-blocks-list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ie9 .media-blocks-list a,
.ie10 .media-blocks-list a {
  display: table;
  table-layout: fixed;
}

.media-blocks-list a:hover h4 {
  color: #8E9BFF;
}

.media-blocks-list .media,
.media-blocks-list .description-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  vertical-align: middle;
  min-height: 111px;
}

.ie9 .media-blocks-list .media,
.ie10 .media-blocks-list .media,
.ie9 .media-blocks-list .description-box,
.ie10 .media-blocks-list .description-box {
  display: table-cell;
}


.media-blocks-list h4 {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.media-blocks-list .media {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 37%;
}

.ie9 .media-blocks-list .media img,
.ie10 .media-blocks-list .media img {
  .media-blocks-list .media img {
  -ms-transform: translate(-50%, 0);
}

}

/* Tile
  ========================================================================== */


.tile {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  -webkit-transition-duration: 0.5s, 0.2s;
  transition-duration: 0.5s, 0.2s;
  position: relative;
  float: left;
  margin-bottom: 24px;
  padding: 0 12px;
  width: 33.3333333333%;
  text-align: left;
  height: 325px;
}

.tile:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.tile.is-invisible {
  opacity: 0;
}

.tile .media {
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  height: 72.3%;
}

.tile:hover .media > a > img {
  opacity: .7;
}

.tile h3 {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  position: absolute;
  height: 27.7%;
  left: 12px;
  right: 12px;
  bottom: 0;
  background: #f5f5f5;
  margin: 0;
}

@media (max-width: 1130px) {
  .tile h3 {
    font-size: 18px;
  }

}

.tile h3 a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 5% 12px 0;
  overflow: hidden;
  height: 3.5em;
}

@media (max-width: 1130px) {
  .tile h3 a {
    height: 3.6em;
  }

}

.tile:hover h3 a {
  color: #1700D2;
}

.tile--ad {
  height: 325px;
}

.tile--ad-big {
  height: 699px;
}

.tile--ad-big + .tile + .tile + .tile + .tile + .tile {
  clear: left;
}

.post-list .jsload-more-tile-preloader {
  margin-top: 20px;
}

.post-list .jsload-more-tile-preloader,
.tile-section {
  color: #929292;
  text-align: center;
  padding-bottom: 24px;
}

.tile-list {
  margin: 0 -12px 24px -12px;
}

.tile-list:before,
.tile-list:after {
  content: " ";
  display: table;
}

.tile-list:after {
  clear: both;
}

.tile--white h3 {
  background: #ffffff;
}

.tile-half{
  width: 16.666666666%;
  }

.tile-half .media {
  height: 175px;
}

.tile-half p {
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  height: 48%;
  left: 12px;
  right: 12px;
  bottom: 0;
  margin: 0;
  padding: 0 6px;
  background: #ffffff;
}

.tile-half p a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 4% 12px;
  overflow: hidden;
  height: 9.5em;
}

.tile-half:hover p a {
  color: #1700D2;
}

.tile-ad-container {
  background: #f5f5f5;
  padding: 37px calc( (100% - 300px) / 2);
}

.tile-ad-container iframe {
  display: block;
}

.tile .media .tile-play-icon {
  position: absolute;
  z-index: 10;
  width: 64px;
  height: 64px;
  background-color: rgba(0,0,0,.5);
  border-radius: 50%;
  min-width: 0;
  min-height: 0;
  top: 50%;
  left: 50%;
}

/* Site-footer
  ========================================================================== */


.site-footer {
  border-top: 1px solid #dadada;
  padding-top: 48px;
  background-color:#FFF;
  position: relative;
}

.site-footer-logo {
  display: inline-block;
  margin-bottom: 24px;
  color: #000;
  font-size: 66px;
  line-height: 1;
}

.site-footer-logo:hover {
  color: #1700D2;
}

.site-footer-bottom-section {
  font-size: 0;
  margin-top: 48px;
  border-top: 1px solid #dadada;
  text-align: center;
}

.site-footer-bottom-section ul {
  margin: 12px 0;
}

.site-footer-bottom-section li {
  margin: 0 6px;
  font-size: 12px;
  display: inline-block;
}

.site-footer-bottom-section a:hover {
  color: #FD4017;
}

/* Spaced-list
  ========================================================================== */


.spaced-list li {
  margin-top: 12px;
}

.spaced-list a:hover {
  color: #FD4017;
}

/* Slideshow
  ========================================================================== */


.slideshow {
  margin-bottom: 12px;
  min-height: 400px;
  border: 9px solid #dadada;
  /* background-image: url("data:image/gif;base64,R0lGODlhEAAQAPQAAP///wAAAPDw8IqKiuDg4EZGRnp6egAAAFhYWCQkJKysrL6+vhQUFJycnAQEBDY2NmhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA=="); */
  background-color: #262626;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.slideshow:hover .slick-wing-arrow {
  opacity: 1;
}

.slideshow .slick-wing {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.slideshow .slick-wing-prev {
  left: 0;
  right: 66%;
  cursor: w-resize;
}

.slideshow .slick-wing-next {
  right: 0;
  left: 33%;
  cursor: e-resize;
}

.slideshow .slick-wing-arrow {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
  position: absolute;
  top: 50%;
  color: #fff;
  -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
  font-size: 36px;
  margin-top: -18px;
  width: 20px;
  height: 36px;
  padding: 0;
}

.slideshow .slick-wing-arrow [class^="icon"] {
  position: absolute;
  top: -2px;
  left: 0;
}

.slideshow .slick-wing-arrow-next:focus,
.slideshow .slick-wing-arrow-prev:focus {
  outline: 0 none;
}

.slideshow .slick-wing-arrow-next {
  right: 15px;
}

.slideshow .slick-wing-arrow-prev {
  left: 15px;
}

.slideshow .slick-dots {
  position: absolute;
  right: -9px;
  bottom: -29px;
  font-size: 0;
}

.slideshow .slick-dots > li {
  display: inline-block;
  margin-left: 6px;
}

.slideshow .slick-dots button {
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  padding: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dadada;
}

.slideshow .slick-dots .slick-active button {
  background: #858585;
}

.slideshow img {
  // width: 100%;
  // height: auto;
  display: block;
}

.slideshow img.slick-loading {
  display: none;
}

/* Comments
  ========================================================================== */


.comments {
  clear: both;
  padding: 24px 0;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.comments-button-list {
  height: 42px;
  position: relative;
}

.comments-section {
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  overflow: hidden;
  opacity: 0;
  height: 0;
  visibility: hidden;
}

.comments-section.is-visible {
  height: auto;
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

.comments-section .facebook-header {
  margin-bottom: 0;
  margin-top: 16px;
}

.comments-section .comments-fb-comments {
  margin-top: 4px;
  padding-bottom: 8px;
}

.comments-show,
.comments-hide {
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  position: absolute;
  /*
    IE specific
    Remove "push" effect when a button has been pressed.
    */
}

.comments-show.is-visible,
.comments-hide.is-visible {
  visibility: visible;
  opacity: 1;
}

.comments-show:focus span,
.comments-show:focus [class^="icon"],
.comments-show:active span,
.comments-show:active [class^="icon"],
.comments-hide:focus span,
.comments-hide:focus [class^="icon"],
.comments-hide:active span,
.comments-hide:active [class^="icon"] {
  position: relative;
  top: 0;
  left: 0;
}

.comments-show span,
.comments-hide span {
  display: inline-block;
  vertical-align: middle;
}

.comments-show [class^="icon"],
.comments-hide [class^="icon"] {
  margin-right: 12px;
  vertical-align: middle;
}

.comments-show {
  display: inline-block;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  color: #000;
  font-size: 20px;
  line-height: 24px;
}

.comments-show:hover {
  color: #FD4017;
}

.comments-show .icon-plus-square {
  color: #FD4017;
  font-size: 42px;
}

.comments-hide {
  top: 50%;
  margin-top: -12px;
  color: #858585;
}

.comments-hide:hover,
.comments-hide:hover .icon-x-square {
  color: #FD4017;
}

.comments-hide span {
  font-weight: bold;
}

.comments-hide .icon-x-square {
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  font-size: 24px;
  color: #c2c2c2;
}

.comments-form {
  margin: 12px 0 24px;
}

.comments-form input,
.comments-form textarea {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  display: block;
  border: 2px solid #dadada;
  padding: 11px 12px;
}

.comments-form input::-webkit-input-placeholder,
.comments-form textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #c2c2c2;
}

.comments-form input::-moz-placeholder,
.comments-form textarea::-moz-placeholder {
  opacity: 1;
  color: #c2c2c2;
}

.comments-form input:-moz-placeholder,
.comments-form textarea:-moz-placeholder {
  opacity: 1;
  color: #c2c2c2;
}

.comments-form input:-ms-input-placeholder,
.comments-form textarea:-ms-input-placeholder {
  opacity: 1;
  color: #c2c2c2;
}

.comments-form input:focus,
.comments-form textarea:focus {
  outline: 0 none;
  border-color: #1700D2;
}

.comments-form input {
  margin-bottom: 12px;
  width: 270px;
}

.comments-form textarea {
  width: 624px;
  height: 108px;
  margin-bottom: 24px;
  resize: vertical;
}

.comments-form .button {
  color: #1700D2;
  border-color: #1700D2;
  padding: 6px 20px;
  font-size: 18px;
}

.comments-list,
.comments-fb-comments {
  margin-top: 24px;
  max-width: calc(100% - 318px);
}

.comments-list img {
  width: 48px;
  height: 48px;
  margin-right: 12px;
  float: left;
}

.comments-list ul {
  margin-left: 60px;
}

.comments-list li li,
.comments-list li + li {
  margin-top: 24px;
}

.comments-wrapper {
  overflow: hidden;
}

.comments-header h4,
.comments-header time {
  margin-bottom: 6px;
  display: inline-block;
}

.comments-header h4 {
  margin-right: 12px;
}

.comments-header time {
  color: #858585;
  font-size: 14px;
}

.comments-body {
  overflow: hidden;
}

.comments-logout,
.comments-body a {
  border-bottom: 4px solid #8E9BFF;
}

.comments-body a:hover {
  border-bottom-color: rgba(142, 155, 255, 0.5);
}

.comments-body p {
  margin-bottom: 6px;
}

.comment-reply-link,
.comments-reply {
  margin-left: 60px;
  color: #858585;
  font-size: 14px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

.comments-reply:hover {
  color: #1700D2;
}

/* Horizontal-list
  ========================================================================== */


.horizontal-list {
  margin: 0 -24px;
  font-family: "PT Serif", "Georgia", serif;
}

.horizontal-list > li {
  max-width: 33.3333333333%;
  width: 223px;
  float: left;
  padding: 0 24px;
}

.horizontal-list img {
  max-width: 100%;
}

.horizontal-list p {
  margin: 0;
}

/* Megamenu
  ========================================================================== */

  .megamenu {
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  padding: 66px 0 77px;
  background-image: -webkit-linear-gradient(287deg, #221091 4%, #6909C5 74%);
  background-image: linear-gradient(163deg, #221091 4%, #6909C5 74%);
  background-color: #221091;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
  color: #fff;
}
.megamenu.is-visible {
  visibility: visible;
  opacity: 1;
}
.megamenu a {
  color: #fff;
}
.megamenu .icon-logotype-rect {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: block;
  margin-bottom: 40px;
  font-size: 91.37px;
}
.megamenu .icon-logotype-rect:hover {
  opacity: .5;
}
.megamenu .button {
  text-align: center;
  width: 212px;
}
.megamenu > .container {
  position: relative;
}
.megamenu-list li {
  line-height: 1;
  font-weight: bold;
  font-size: 30px;
}
.megamenu-list li + li {
  margin-top: 24px;
}
.megamenu-list a {
  border-bottom: 4px solid transparent;
  padding-bottom: 4px;
}
.megamenu-list a:hover,
.megamenu-list .active > a {
  border-bottom: 4px solid #fff;
}
.megamenu-social {
  margin-top: 40px;
  font-size: 0;
}
.megamenu-social li {
  display: inline-block;
  vertical-align: middle;
}
.megamenu-social li + li {
  margin-left: 24px;
}
.megamenu-social .icon-facebook {
  font-size: 34px;
}
.megamenu-social .icon-twitter {
  font-size: 30px;
}
.megamenu-social .icon-instagram {
  font-size: 38px;
}
.megamenu-social .icon-pinterest {
  font-size: 38px;
}
.megamenu-social .icon-mail {
  font-size: 29px;
}
.megamenu-social a {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.megamenu-social a:hover {
  opacity: .5;
}

.megamenu-open {
  display: inline-block;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  margin-right: 10px;
  padding: 0;
  height: 19px;
  font-size: 18px;
  vertical-align: middle;
}

.megamenu-open:hover {
  color: #34E5FF;
}

.megamenu-close {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 26px;
  height: 26px;
  font-size: 26px;
  position: absolute;
  top: -42px;
  right: 24px;
}
.megamenu-close:hover {
  opacity: .5;
}
.megamenu-close .icon-x {
  position: absolute;
  left: 0;
  top: 0;
}
.megamenu-open:active,.megamenu-open:focus {
  outline:none !important;
}
.megamenu-close .icon-x:active, .megamenu-close .icon-x:focus {
  outline:none !important;
}

/* Lazy image loading
  ========================================================================== */


img {
  opacity: 1;
}

img.lazy {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
}

/* Google Ads
  ========================================================================== */

/* Banner at the top of the page */
#billboard-1 {
  padding-top: 20px;
  min-height:92px;
}
#takeover {
  min-height:134px;
}


#takeover.fixed .horizontal-ad  {
  position: fixed;
  z-index: 999;
  width: 100%;
  max-width: none;
  background-color: rgba(255,255,255,0.925);
  border-bottom:1px solid #DDD;
  top:75px;
}

.big-ad-wrapper {
  margin-top:70px!important;
  position:fixed;
  transition: position 0.5s;
}

.big-ad-wrapper.fixed {
  position:fixed;
}

.big-ad-wrapper.finished {
  position:absolute;
  top:1864px;
  z-index:0;
}

#takeover.on-feature .big-ad-wrapper.finished {
  position:absolute;
  top:1864px;
  z-index:0;
}

.horizontal-ad.fixed #billboard-1 {
  margin: auto;
  max-width: 1146px;
}

.viewability-ad-container {
  position:relative;
  height:618px;
}

.viewability-ad-container + div {
  /*margin-top:600px;*/
  margin-top:972px;
}

.viewability-ad-container.fixed {
  position:fixed;
  top:145px;
  width:318px;
}

.viewability-ad-container.fixed.billboard-fix {
  top:395px;
}

.viewability-ad-container.fixed.billboard-fix-small {
  top:245px;
}

.viewability-ad-container.fixed + div {
  margin-top: 1590px;
}

.viewability-ad-container.finished {
  position:relative;
  top:940px;
}

/* Gform styles
  ========================================================================== */

.gform_body,
.gform_footer {
  color: #464646;
  font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, sans-serif;
}

.gform_wrapper .gform_body .top_label .gfield_label {
  margin-top: 1em;
  font-weight: normal;
}

.gform_wrapper .gform_body input[type=text],
.gform_wrapper .gform_body input[type=url],
.gform_wrapper .gform_body input[type=email],
.gform_wrapper .gform_body input[type=tel],
.gform_wrapper .gform_body input[type=number],
.gform_wrapper .gform_body input[type=password],
.gform_wrapper .gform_body textarea {
  -webkit-appearance: none;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  display: block;
  border: 2px solid #999;
  padding: 11px 12px;
}

.gform_wrapper .gform_body input[type=text]:focus,
.gform_wrapper .gform_body input[type=url]:focus,
.gform_wrapper .gform_body input[type=email]:focus,
.gform_wrapper .gform_body input[type=tel]:focus,
.gform_wrapper .gform_body input[type=number]:focus,
.gform_wrapper .gform_body input[type=password]:focus,
.gform_wrapper .gform_body textarea:focus {
  outline: 0 none;
  border-color: #1700D2;
  color: #000;
}

.gform_wrapper .gform_body .top_label input.medium,
.gform_wrapper .gform_body .top_label select.medium,
.gform_wrapper .gform_body .top_label textarea.medium {
  width: 270px;
}

.gform_wrapper .gform_body .top_label input.large,
.gform_wrapper .gform_body .top_label select.large {
  width: 624px;
}

.gform_wrapper .gform_body .top_label textarea {
  max-width: 624px;
}

.gfield_description {
  font-style: italic;
}

.gform_wrapper form li, .gform_wrapper li {

  margin-bottom: 18px;

}

.gform_footer .button {
  color: #1700D2;
  border-color: #1700D2;
  padding: 10px 20px;
  font-size: 18px;
  width: 270px;
}

/* Newsletter signup form styling */

#gform_wrapper_5 form .gform_body .gfield {
  clear:left;
  margin-bottom: 20px;
}

#gform_wrapper_5 form .gform_body li .ginput_container input, #gform_wrapper_5 form .gform_footer .button {
  width: 360px;
}

#gform_wrapper_5 form .gform_footer {
  padding-top: 0;
}

.newsletter-image-container {
  float: right;
  padding-left: 20px;
}

/* LAEM TV Video Callout styling */

.eminor-video-unit-container h3 {

  margin-left: 0px;
  padding-left: 10px;
}



/* Scroll-Widget
  ========================================================================== */
#scroll-menu {
    position:fixed;
    left:0;
    height:60px;
    width:100%;
    z-index:500;
    transition: bottom 0.25s;
  }
  #scroll-menu.is-visible {
    bottom:0;
  }
  #scroll-menu.is-hidden {
    bottom:-60px;
  }
  #scroll-menu .inner {
    max-width:1210px;
    width:100%;
    height:100%;
    margin:auto;
    padding-left:8px;
    padding-right:8px;
  }
  #scroll-menu .social-btns {
    float: left;
    height:60px;
    display:inline-block;
  }
  #scroll-menu .social-btns ul {
    list-style:none;
    height:100%;
  }
  #scroll-menu .social-btns li {
    display:inline-block;
    width:auto;
    height:100%;
    line-height:60px;
    margin-right:22px;
  }
  #scroll-menu .up-next-story {
    float: right;
    height: 60px;
    width: 480px;
    text-align:right;
    display:table;
  }
  #scroll-menu .up-next-story .up-next-thumbnail {
    display:table-cell;
    height:50px;
    margin-top:4px;
    margin-bottom:4px;
    vertical-align: middle;
    float:right;
    text-align:right;
    border-left: 1px solid #221091;
    padding-left:4px;
  }
  #scroll-menu .up-next-story .up-next-thumbnail img {
    height:100%;
  }
  #scroll-menu .up-next-story .up-next-text {
    display:table-cell;
    height:60px;
    width: 400px;
    vertical-align: middle;
    padding-left:12px;
    padding-right:12px;
  }
  #scroll-menu .up-next-story .up-next-title {
    font-size:16px;
    line-height:18px;
    margin:0;
    padding:0;
    max-height: 36px;
    overflow: hidden;
    text-align:left;
  }
  #scroll-menu .up-next-story .up-next-arrow {
    display:table-cell;
    height:60px;
    width: 18px;
    vertical-align: middle;
    font-size:44px;
    font-weight:bold;
    color:#221091;
  }
  #scroll-menu .bar-facebook, #scroll-menu .bar-facebook {
    transition: color 0.25s;
  }
  #scroll-menu .bar-facebook:hover {
    color:#2B488A;
  }
  #scroll-menu .bar-twitter:hover {
    color:#00C4FF;
  }


/* Scroll-Widget Newsletter
  ========================================================================== */
#scroll-menu.newsletter {
    position:fixed;
    left:0;
    height:90px;
    width:100%;
    z-index:500;
    transition: bottom 0.25s;
    min-width: 1000px;
  }
  #scroll-menu.newsletter.is-visible {
    bottom:0;
  }
  #scroll-menu.newsletter.is-hidden {
    bottom:-132px;
  }
  #scroll-menu.newsletter .inner {
    position: relative;
    max-width:1180px;
    width:100%;
    height:100%;
    margin:auto;
    padding-left:18px;
    padding-right:18px;
    padding-top:22px;
  }
  #scroll-menu.newsletter .inner .scroller-closer {
    position: absolute;
    top:8px;
    right:8px;
    cursor: pointer;
    color: #DDD;
    transition: color 0.25s;
  }
  #scroll-menu.newsletter .inner .upper-bar {
    width: 292px;
    height:82px;
    display: inline-block;
    vertical-align:top;
    overflow:hidden;
  }
  #scroll-menu.newsletter .inner .lower-bar {
    width: calc(100% - 292px);
    height:82px;
    display: inline-block;
  }
  #scroll-menu.newsletter .inner .scroller-closer:hover {
    color: #111;
  }
  #scroll-menu.newsletter .inner .upper-bar, #scroll-menu.newsletter .inner .lower-bar {
    height:60px;
  }
  #scroll-menu.newsletter .inner .upper-bar .rhs {
    display: inline-block;
    vertical-align:top;
    height:100%;
  }
  #scroll-menu.newsletter .inner .upper-bar .rhs p {
    font-size: 16px;
  }
  #scroll-menu.newsletter .inner .upper-bar .rhs p strong {
    font-size: 25px;
  }
  #scroll-menu.newsletter .inner .upper-bar p {
    margin: 0;
    text-align: left;
    line-height: 44px;
  }
  #scroll-menu.newsletter .inner .upper-bar div {
    display:inline-block;
  }
  #scroll-menu.newsletter .inner .lower-bar ul {
    margin: auto;
    text-align: left;
  }
  #scroll-menu.newsletter .inner .lower-bar ul li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
  }
  #scroll-menu.newsletter .inner .lower-bar .li-btn {
    width: 88px;
  }
  #scroll-menu.newsletter .inner .lower-bar .li-submit {
    width: 162px;
  }
  #scroll-menu.newsletter .inner .lower-bar .li-submit button {
    width: 188px;
    height:45px;
    line-height:45px;
  }
  #scroll-menu.newsletter .inner .lower-bar .li-input {
    width: calc(100% - (88px + 88px + 188px + 8px + 8px));
    padding-left:8px;
    padding-right:8px;
  }
  #scroll-menu.newsletter .inner .lower-bar input[type="email"] {
    width: 100%;
    float: left;
    height: 45px;
    font-size: 16px;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    padding: 10px 15px;
    background: #FFF;
    border: 2px solid #D5D5D5;
    color: #000;
  }
  #scroll-menu.newsletter .inner .lower-bar input[type="email"]:focus {
    outline-color: #6909C5;
  }
  #scroll-menu.newsletter .inner .lower-bar .radio-label {
    display: inline-block;
    border: 2px solid #6909C5;
    font-size: 16px;
    padding: 0px 10px;
    background: transparent;
    transition: background-color 0.25s;
    width: 100%;
    height: 45px;
    text-align:center;
    cursor: pointer;
  }
  .li-submit button {
    padding-top: 0;
    padding-bottom: 0;
  }
  .li-btn .radio-label p, .li-submit button p {
    margin-top: 0;
    margin-bottom: 0;
    line-height:41px;
  }
  #scroll-menu.newsletter .inner .lower-bar input[type="radio"] {
    display: none;
  }
  #scroll-menu.newsletter .inner .lower-bar input[type="radio"]:checked+label .radio-label {
    font-weight:bold;
    background-color: #6909C5;
    color: #FFF;
  }
  #scroll-menu.newsletter .inner .lower-bar input[type="radio"]+label .radio-label:hover {
    background-color: #B787E3;
  }
  #scroll-menu.newsletter .inner .lower-bar input[type="radio"]:checked+label .radio-label:hover {
    background-color: #6909C5;
  }

#sponsored_post>.container--main {margin-top:24px;}


/* Styles for Roar article cards - Testing with video inserts */
.article-card-image-container { position: relative; transition: margin 0.5s; }
.article-card-image-container .inner { max-width: 540px; margin:auto; position:relative; }
.article-card-image-container img {width: 100%; margin:auto;}
.article-info-overlay {
  transition: margin 0.4s, top 0.4s;
  border: 1px solid #F2F2F2;
    padding: 22px 4% 12px 4%;
    position: relative;
    top: -20px;
    background-color: #FFF;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom:-20px;
}
.article-info-overlay-category {
  text-align:center;
  position: absolute;
    width: 100%;
    top:-12px;
    left:0;
}
.article-info-overlay-category a {
  text-decoration: none;
}
.article-info-overlay-category .inner {
  display:inline;
  background-color: #323232;
  color: #FFF;
  padding-left: 14px;
    padding-right: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-size: 14px;
}
.article-info-overlay .card-expert-title {text-align: center;margin-bottom:8px;display:block;}
.card-expert-metadata { text-align: center;}
.card-expert-metadata .video-length {color: #A4A4A4;font-weight: bold;}
.card-expert-metadata .post-date {margin: 0;font-weight:300;}

/* Roar TV Latest Videos Strip */
#content .strip-videos-container .cat-header, .strip-videos-container .cat-header { font-weight:bold; padding-bottom:18px; }
.strip-videos-latest {overflow-x: scroll; overflow-y:hidden; width: 100%; white-space: nowrap; padding-top:6px;padding-bottom: 12px;margin-left: -12px; margin-right: -12px; width: calc(100% + 18px); -webkit-overflow-scrolling: touch;}
.strip-videos-latest .latest-video {display: inline-block;max-width:80%; width: 23%; margin-right:12px; position:relative; vertical-align:top;transition: opacity 0.2s;}
.strip-videos-latest .latest-video:hover { opacity:0.75; }
.strip-videos-latest .latest-video:first-child { margin-left: 1%;}
.strip-videos-latest .latest-video:last-child { margin-right: 1%;}
.strip-videos-latest .latest-video a {text-decoration: none;color:#111;}
.strip-videos-latest .latest-video .title-container {white-space:normal; text-align:center;text-decoration:none;}
.strip-videos-latest .latest-video .title-container .card-expert-title { text-decoration:none;font-weight:bold; font-size: 14px; font-family: "Proxima Nova","Helvetica Neue",Helvetica,sans-serif; }


.video-insert-link {
  cursor:pointer;
  transition:color 0.2s;
}

.video-insert-link:hover {
  color:#1700D2;
}