/******************************************************************
Site Name:
Author: MTV

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
@import url("../fonts/HelveticaNeueLTStd-Bd/styles.css");
@import url("../fonts/TradeGothicLTStd-BdCn20/styles.css");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
body * {
	/*font-family: "HelveticaNeueLTStd-Bd", sans-serif;*/
	font-family: "TradeGothicLTStd-BdCn20", sans-serif;
}
body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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 {
  -moz-box-sizing: content-box;
  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; }

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: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

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

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; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #428bca;
  text-decoration: none; }
  a:hover, a:focus {
    color: #2a6496;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999999; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

cite {
  font-style: normal; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

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

.text-muted {
  color: #999999; }

.text-primary {
  color: #428bca; }

a.text-primary:hover {
  color: #3071a9; }

.text-success {
  color: #3c763d; }

a.text-success:hover {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #428bca; }

a.bg-primary:hover {
  background-color: #3071a9; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline {
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }
.dl-horizontal dd:after {
  clear: both; }
@media (min-width: 880px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #999999; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

blockquote:before,
blockquote:after {
  content: ""; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

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

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

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

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

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

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

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

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

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

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

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

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

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

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

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

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

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

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

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

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

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

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

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

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

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

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

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

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

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

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

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

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

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

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

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

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

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

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

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

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

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

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

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

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

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

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

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

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

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

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

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

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

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

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

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

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

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

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

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

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

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

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

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

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

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

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

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

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

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

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

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

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

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

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

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

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

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

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

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

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

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

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

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

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

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

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

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

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

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

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

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

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

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

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

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

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

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

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

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

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

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

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

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

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1200px) {
  .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.33333%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-lg-offset-12 {
    margin-left: 100%; } }
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999999; }
  .form-control::-webkit-input-placeholder {
    color: #999999; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1; }

textarea.form-control {
  height: auto; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857 \0; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn {
    line-height: 46px; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled], fieldset[disabled]
input[type="checkbox"],
.radio[disabled], fieldset[disabled]
.radio,
.radio-inline[disabled], fieldset[disabled]
.radio-inline,
.checkbox[disabled], fieldset[disabled]
.checkbox,
.checkbox-inline[disabled], fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d; }
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }
.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b; }
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }
.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442; }
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }
.has-error .form-control-feedback {
  color: #a94442; }

.form-control-static {
  margin-bottom: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .input-group, .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .navbar-form .input-group .input-group-btn,
    .form-inline .input-group .form-control,
    .navbar-form .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label, .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }
.form-horizontal .form-control-static {
  padding-top: 7px;
  padding-bottom: 7px; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd; }
  .btn-primary .badge {
    color: #428bca;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #999999;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
    .btn-group > .btn:focus,
    .btn-group-vertical > .btn:focus {
      outline: 0; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }
.btn-group-vertical > .btn-group:after {
  clear: both; }
.btn-group-vertical > .btn-group > .btn {
  float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #999999; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #999999;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #428bca; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #428bca; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }
.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 880px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }
.navbar-header:after {
  clear: both; }
@media (min-width: 880px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 880px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 880px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 880px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 880px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  @media (min-width: 880px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 880px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 879px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 880px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; }
      .navbar-nav.navbar-right:last-child {
        margin-right: -15px; } }

@media (min-width: 880px) {
  .navbar-left {
    float: left !important; }

  .navbar-right {
    float: right !important; } }
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (max-width: 879px) {
    .navbar-form .form-group {
      margin-bottom: 5px; } }
  @media (min-width: 880px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .navbar-form.navbar-right:last-child {
        margin-right: -15px; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 880px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; }
      .navbar-text.navbar-right:last-child {
        margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 879px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #999999; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #999999; }
  .navbar-inverse .navbar-nav > li > a {
    color: #999999; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 879px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #999999; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #999999; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #999999; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #999999; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: gray; }

.label-primary {
  background-color: #428bca; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #3071a9; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.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;
  visibility: hidden !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *	`em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *	user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0; }

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

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

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

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *	code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0; }

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

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *	and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *	`input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *	Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *	Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, 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; }

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

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves 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; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

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

dfn, em, .em {
  font-style: italic; }

small, .small {
  font-size: 75%; }

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

dd {
  margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }

/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
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 {
  -moz-box-sizing: content-box;
  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;
}
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: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
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;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1200px; }

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

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

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

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

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

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

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

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

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

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

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

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

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

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

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

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

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

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

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: 0%; }

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

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

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

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

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

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

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

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: 0%; }

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

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

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

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

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

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

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

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

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

@media (min-width: 660px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

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

  .col-sm-11 {
    width: 91.66666667%; }

  .col-sm-10 {
    width: 83.33333333%; }

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

  .col-sm-8 {
    width: 66.66666667%; }

  .col-sm-7 {
    width: 58.33333333%; }

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

  .col-sm-5 {
    width: 41.66666667%; }

  .col-sm-4 {
    width: 33.33333333%; }

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

  .col-sm-2 {
    width: 16.66666667%; }

  .col-sm-1 {
    width: 8.33333333%; }

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

  .col-sm-pull-11 {
    right: 91.66666667%; }

  .col-sm-pull-10 {
    right: 83.33333333%; }

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

  .col-sm-pull-8 {
    right: 66.66666667%; }

  .col-sm-pull-7 {
    right: 58.33333333%; }

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

  .col-sm-pull-5 {
    right: 41.66666667%; }

  .col-sm-pull-4 {
    right: 33.33333333%; }

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

  .col-sm-pull-2 {
    right: 16.66666667%; }

  .col-sm-pull-1 {
    right: 8.33333333%; }

  .col-sm-pull-0 {
    right: 0%; }

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

  .col-sm-push-11 {
    left: 91.66666667%; }

  .col-sm-push-10 {
    left: 83.33333333%; }

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

  .col-sm-push-8 {
    left: 66.66666667%; }

  .col-sm-push-7 {
    left: 58.33333333%; }

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

  .col-sm-push-5 {
    left: 41.66666667%; }

  .col-sm-push-4 {
    left: 33.33333333%; }

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

  .col-sm-push-2 {
    left: 16.66666667%; }

  .col-sm-push-1 {
    left: 8.33333333%; }

  .col-sm-push-0 {
    left: 0%; }

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

  .col-sm-offset-11 {
    margin-left: 91.66666667%; }

  .col-sm-offset-10 {
    margin-left: 83.33333333%; }

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

  .col-sm-offset-8 {
    margin-left: 66.66666667%; }

  .col-sm-offset-7 {
    margin-left: 58.33333333%; }

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

  .col-sm-offset-5 {
    margin-left: 41.66666667%; }

  .col-sm-offset-4 {
    margin-left: 33.33333333%; }

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

  .col-sm-offset-2 {
    margin-left: 16.66666667%; }

  .col-sm-offset-1 {
    margin-left: 8.33333333%; }

  .col-sm-offset-0 {
    margin-left: 0%; } }
@media (min-width: 980px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

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

  .col-md-11 {
    width: 91.66666667%; }

  .col-md-10 {
    width: 83.33333333%; }

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

  .col-md-8 {
    width: 66.66666667%; }

  .col-md-7 {
    width: 58.33333333%; }

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

  .col-md-5 {
    width: 41.66666667%; }

  .col-md-4 {
    width: 33.33333333%; }

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

  .col-md-2 {
    width: 16.66666667%; }

  .col-md-1 {
    width: 8.33333333%; }

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

  .col-md-pull-11 {
    right: 91.66666667%; }

  .col-md-pull-10 {
    right: 83.33333333%; }

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

  .col-md-pull-8 {
    right: 66.66666667%; }

  .col-md-pull-7 {
    right: 58.33333333%; }

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

  .col-md-pull-5 {
    right: 41.66666667%; }

  .col-md-pull-4 {
    right: 33.33333333%; }

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

  .col-md-pull-2 {
    right: 16.66666667%; }

  .col-md-pull-1 {
    right: 8.33333333%; }

  .col-md-pull-0 {
    right: 0%; }

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

  .col-md-push-11 {
    left: 91.66666667%; }

  .col-md-push-10 {
    left: 83.33333333%; }

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

  .col-md-push-8 {
    left: 66.66666667%; }

  .col-md-push-7 {
    left: 58.33333333%; }

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

  .col-md-push-5 {
    left: 41.66666667%; }

  .col-md-push-4 {
    left: 33.33333333%; }

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

  .col-md-push-2 {
    left: 16.66666667%; }

  .col-md-push-1 {
    left: 8.33333333%; }

  .col-md-push-0 {
    left: 0%; }

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

  .col-md-offset-11 {
    margin-left: 91.66666667%; }

  .col-md-offset-10 {
    margin-left: 83.33333333%; }

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

  .col-md-offset-8 {
    margin-left: 66.66666667%; }

  .col-md-offset-7 {
    margin-left: 58.33333333%; }

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

  .col-md-offset-5 {
    margin-left: 41.66666667%; }

  .col-md-offset-4 {
    margin-left: 33.33333333%; }

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

  .col-md-offset-2 {
    margin-left: 16.66666667%; }

  .col-md-offset-1 {
    margin-left: 8.33333333%; }

  .col-md-offset-0 {
    margin-left: 0%; } }
/* @media (min-width: 1200px) {
  .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-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
} */
@-ms-viewport {
  width: device-width; }
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 979px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 981px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 980px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }
@media print {
  .hidden-print {
    display: none !important; } }
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
SITE SPECIFIC FUNCTIONS
*********************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*@font-face {
	font-family: 'Akzidenz-Grotesque';
	src: url('../fonts/akzidenz-grotesk-super-italic/web-fonts/akzidgrostdsupwebfont.eot');
	src: url('../fonts/akzidenz-grotesk-super-italic/web-fonts/akzidgrostdsupwebfont.woff') format('woff'),
		url('../fonts/akzidenz-grotesk-super-italic/web-fonts/akzidgrostdsupwebfont.ttf') format('truetype'),
		url('../fonts/akzidenz-grotesk-super-italic/web-fonts/akzidgrostdsupwebfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/*
	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
			font-family: 'Font Name';
			src: url('library/fonts/font-name.eot');
			src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
			     url('library/fonts/font-name.woff') format('woff'),
			     url('library/fonts/font-name.ttf') format('truetype'),
			     url('library/fonts/font-name.svg#font-name') format('svg');
			font-weight: normal;
			font-style: normal;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

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

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

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

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/*********************
BORDER RADIUS
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include border-radius(4px 4px 0 0);
*/
/*********************
TRANISTION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
BOX SHADOWS
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include box-shadow(inset 0 0 4px rgba(0,0,0,0.22));
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/******************************************************************
FLUX WIDGET STYLES
******************************************************************/
.flux4Widget {
  font-size: 100%; }

.flux4Widget .sentimentTags li {
  background: #1a1a1a; }
  .flux4Widget .sentimentTags li:hover {
    background: #333; }

.sub-footer {
  width: 100%;
  background-color: #ccc;
  clear: both;
  text-align: center;
  font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 2em;
  text-transform: lowercase;
  padding-top: 4px; }
  .sub-footer span.icon-logo-mtv {
    font-color: #1a1a1a;
    padding: 5px;
    margin-top: 10px;
    display: inline;
    vertical-align: middle; }
  .sub-footer .flux4Widget .follow .siteFollowView .followedObject i:before, .sub-footer .flux4Widget .follow .siteFollowView .followedObject h2.secondaryHeadline, .sub-footer .flux4Widget .follow .siteFollowView .followedObject span.counter {
    color: #1a1a1a;
    padding-left: 2px;
    font-size: 1.5rem; }
  .sub-footer .flux4Widget .follow .siteFollowView .followedObject .arrow {
    border-top-color: #1a1a1a; }
  .sub-footer .flux4Widget .follow .siteFollowView .expandableMenu.expanded .followedObject .arrow {
    border-bottom-color: #1a1a1a; }

aside .flux4Widget .follow .siteFollowView .expandableMenu .followedObject .secondaryHeadline, aside .flux4Widget .follow .siteFollowView .expandableMenu .followedObject .counter, #main .flux4Widget .follow .siteFollowView .expandableMenu .followedObject .secondaryHeadline, #main .flux4Widget .follow .siteFollowView .expandableMenu .followedObject .counter {
  color: #1a1a1a; }
aside .flux4Widget .follow .siteFollowView .expandableMenu .followedObject .arrow, #main .flux4Widget .follow .siteFollowView .expandableMenu .followedObject .arrow {
  display: none !important; }
aside .flux4Widget .follow .siteFollowView .expandableMenu .followServices, #main .flux4Widget .follow .siteFollowView .expandableMenu .followServices {
  width: 300px;
  padding-top: 24px; }
aside .flux4Widget .follow .siteFollowView .expandableMenu h2, #main .flux4Widget .follow .siteFollowView .expandableMenu h2 {
  font-size: 2em !important;
  font-weight: 800;
  letter-spacing: -1px; }
aside .flux4Widget .follow .siteFollowView .expandableMenu .sm4IconFacebook:before, #main .flux4Widget .follow .siteFollowView .expandableMenu .sm4IconFacebook:before {
  color: #fafafa;
  border-radius: 50%;
  background-color: #3b5a97;
  padding: 8px; }
aside .flux4Widget .follow .siteFollowView .expandableMenu .sm4IconTwitter, #main .flux4Widget .follow .siteFollowView .expandableMenu .sm4IconTwitter {
  margin: 0px 3px 0 3px; }
aside .flux4Widget .follow .siteFollowView .expandableMenu .sm4IconTwitter:before, #main .flux4Widget .follow .siteFollowView .expandableMenu .sm4IconTwitter:before {
  border-radius: 50%;
  padding: 8px;
  background-color: #00acec;
  color: #fafafa; }

.sub-footer .sm4FollowWidget {
  margin-left: 10px;
  top: 10px;
  /*display: inline-table;*/
  padding-right: 10px; }

body.home #main .sm4FollowWidget, body.archive #main .sm4FollowWidget {
  display: table; }

aside .sm4FollowWidget, #main .sm4FollowWidget {
  background-color: #fafafa;
  padding: 10px 10px 13px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0 2px rgba(255, 255, 255, 0.15);
  border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  max-width: 300px;
  text-align: center;
  margin: 15px auto 0; }
  aside .sm4FollowWidget:hover, #main .sm4FollowWidget:hover {
    background-color: #eeeeee; }
  aside .sm4FollowWidget .follow .siteFollowView .expandableMenu .followedObject, #main .sm4FollowWidget .follow .siteFollowView .expandableMenu .followedObject {
    padding: 0; }
  aside .sm4FollowWidget .serviceList li, #main .sm4FollowWidget .serviceList li {
    width: 280px;
    padding-top: 2px; }

.flux4Widget .follow .siteFollowView .expandableMenu .followServices .serviceList > li {
  border-top: none; }

.sm4FollowWidget .sm4IconEnvelope {
  display: none; }
.sm4FollowWidget .flux4 .buttonWithCounter a.button {
  width: 60px; }

.flux4Widget .share .responsive.pinned {
  z-index: 1; }

.flux4Widget.sm4ShareWidget {
  padding: 0 0 10px 0; }
  .flux4Widget.sm4ShareWidget .share .actionItem {
    background: none;
    background-color: #eee; }
  .flux4Widget.sm4ShareWidget .share .actionCount:before, .flux4Widget.sm4ShareWidget .share .actionCount:after {
    content: ''; }
  .flux4Widget.sm4ShareWidget .share .actionItem {
    border: 1px solid rgba(255, 255, 255, 0) !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset; }
    .flux4Widget.sm4ShareWidget .share .actionItem .sm4IconTwitter {
      left: 0px; }
    .flux4Widget.sm4ShareWidget .share .actionItem.facebook {
      padding: 6px 6px;
      background: none;
      background-color: #3B5998; }
    .flux4Widget.sm4ShareWidget .share .actionItem.twitter {
      padding: 6px 6px;
      background: none;
      background-color: #00ACED; }
    .flux4Widget.sm4ShareWidget .share .actionItem.more, .flux4Widget.sm4ShareWidget .share .actionItem.comments {
      padding: 6px 6px;
      background: none;
      background-color: #1a1a1a; }
      .flux4Widget.sm4ShareWidget .share .actionItem.more .actionIcon:before, .flux4Widget.sm4ShareWidget .share .actionItem.more .actionCount, .flux4Widget.sm4ShareWidget .share .actionItem.comments .actionIcon:before, .flux4Widget.sm4ShareWidget .share .actionItem.comments .actionCount {
        color: #fafafa; }
  .flux4Widget.sm4ShareWidget .share ul.shareActions > li.hoverItem .actionItem.facebook {
    background: none;
    background-color: #324c82; }
  .flux4Widget.sm4ShareWidget .share ul.shareActions > li.hoverItem .actionItem.twitter {
    background: none;
    background-color: #0096ce; }
  .flux4Widget.sm4ShareWidget .share ul.shareActions > li.hoverItem .actionItem.more, .flux4Widget.sm4ShareWidget .share ul.shareActions > li.hoverItem .actionItem.comments {
    background: none;
    background-color: #333; }

#commentsContainer {
  padding: 20px 10px 0 10px; }

.sm4CommentsWidget .comments {
  border: none;
  padding: 0;
  border-top: 5px solid #1a1a1a; }
  .sm4CommentsWidget .comments .thereIsNothing {
    margin: 20px 0 0px 0; }
  .sm4CommentsWidget .comments .secondaryButton {
    text-transform: lowercase;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset;
    cursor: pointer;
    display: inline-block;
    font-weight: 900;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
    text-transform: lowercase;
    vertical-align: middle;
    background: none;
    background-color: #1a1a1a;
    color: #fafafa; }
    .sm4CommentsWidget .comments .secondaryButton:hover {
      background-color: #333; }
  .sm4CommentsWidget .comments .sorterContainer.dropdownMode .dropDownContainer {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    text-transform: lowercase;
    background: #fafafa;
    border: none; }
    .sm4CommentsWidget .comments .sorterContainer.dropdownMode .dropDownContainer:hover {
      background: #fafafa;
      border: 1px solid #ccc; }
    .sm4CommentsWidget .comments .sorterContainer.dropdownMode .dropDownContainer a {
      font-size: 18px; }
  .sm4CommentsWidget .comments .sorterContainer.dropdownMode .dropdownPointerDown {
    border-left: none; }
  .sm4CommentsWidget .comments .sorterContainer.dropdownMode:after {
    color: #777;
    background-color: #fafafa; }
  .sm4CommentsWidget .comments .mainHeader {
    border: none;
    padding: 0px;
    background: none; }
  .sm4CommentsWidget .comments h2 {
    font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: -1px; }
  .sm4CommentsWidget .comments .details * {
    font-size: 17px; }
  .sm4CommentsWidget .comments .timestamp {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sm4CommentsWidget .comments a, .sm4CommentsWidget .comments .link {
    font: normal 17px "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1a1a1a;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    text-transform: lowercase; }
  .sm4CommentsWidget .comments .actions a {
    text-transform: lowercase; }
  .sm4CommentsWidget .comments .actions .replyLink {
    margin: 0 10px 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: lowercase; }
  .sm4CommentsWidget .comments .activity {
    border-top: 1px dotted #000;
    padding: 20px 0; }
    .sm4CommentsWidget .comments .activity .quote {
      color: #1a1a1a;
      font-family: "freight-sans-pro";
      font-size: 1.7rem;
      line-height: 2.5rem; }
    .sm4CommentsWidget .comments .activity .showMore {
      text-transform: lowercase; }
  .sm4CommentsWidget .comments .secondaryHeadline {
    margin: 0px 0 10px;
    color: #ff3b00;
    font-size: 27px;
    font-weight: 800; }
  .sm4CommentsWidget .comments .btnPost {
    background-color: #000;
    background: #000;
    color: #fff;
    text-transform: lowercase; }
  .sm4CommentsWidget .comments .filter li + li {
    border-left: none; }
  .sm4CommentsWidget .comments .filter li a.tabLink {
    text-transform: lowercase;
    color: #1a1a1a;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em; }
  .sm4CommentsWidget .comments .filter li.select:before {
    border-top-color: #ff3b00; }
  .sm4CommentsWidget .comments .filter li.select a {
    color: #ff3b00; }

.flux4Widget > .comments .mainHeader:first-child {
  margin: 0; }

/*********************
VMN A/B TABOOLA, ZERGNET
*********************/
/*********************
VMNAB Testing Modules
*********************/
.poweredby {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #aaa;
  text-transform: lowercase;
  font-weight: normal;
  display: block; }

.zerglayoutcl {
  min-height: 310px; }

.zergentity {
  display: inline-table;
  width: 100%;
  padding-right: 20px;
  position: relative; }
  .zergentity img {
    width: 100%; }
  .zergentity > a {
    position: relative;
    padding-right: 10px;
    width: 40%;
    display: block;
    max-height: 200px;
    overflow: hidden;
    float: left; }

.zergheadline {
  font-weight: 800;
  letter-spacing: -1px;
  font-size: 1.7rem;
  line-height: 2.0rem; }

.zergsitename {
  font-size: 1.2rem;
  color: #aaa;
  text-transform: lowercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: normal; }

/*
.taboola {
	li {
		min-height:115px;
		border-bottom: 1px dotted;
	}
}
.cropped-image {
	float:left;
	height:105px !important;
	width:105px !important;
	padding-right: 5px !important;
}


.zergentity {
	border-bottom: 1px dotted;
	width:100% !important;
	text-align:left !important;
	float:none !important;
	padding-bottom:10px !important;
	padding-top:7px !important;

	.zergheadline {
		margin-top: 0px !important;
		font-size:14px;
		.zergsitename {
			text-transform:lowercase;
		}
	}

	img {
		float:left;
		width:105px !important;
		height:105px !important;
		padding-right:5px !important;
	}
}

#ab_test_wrapper {
	.wrap {
		width:100%;
	}
}

.mdl.taboola {
	.newsHeadlineContainer {
		font-weight: bold;
		font-size: .86em;
		line-height: 19px;
		color:$black !important;
		&:hover {
			color:$link-color !important;
		}
	}
}
.source, .newsHeadlineContainer {
	position: relative;
	left: 5px;
}
.source {
	font-size: 12px !important;
}

.taboola, .zergnet {
	h2 {
		border-bottom: 5px solid #ea14d5;
		color: #ea14d5;
		font-size: 1.438em;
		text-transform:lowercase;
	}
	.last {
		float: none;
		border-bottom: none;
	}
	a:link, a:visited {
		font-family:$nimbus-sans !important;
		font-size:15px !important;
	}
}

#vmnabtest-outer {
	.sponsored {
		padding: 10px 0 0 0 !important;;
	}
	ol {
		margin:0;
	}
	li {
		border-bottom: 1px dotted;
		min-height: 105px;
		padding: 10px 0;
		width:100% !important;
	}
	.cropped-image {
		float:left;
		width: 105px;
		height: 105px;
	}
	.title2 {
		line-height:12px;
	}
	.taboola .cropped-image {
		margin-right:5px;
	}
}

.zergentity {
	font-size: 16px;

	a:link,a:visited {
		color:$black !important;
	}
	a:hover {
		color:$link-hover !important;
	}
}

.VMNABTestingWidget {
	width:100%;
}

#zerglayout {
	width:100% !important;
}

.VMNABTestingWidget #zerglayout {
	.zergentity {
		width:100% !important;
		margin-right: 0 !important;

		border-bottom: 1px dotted;
		min-height: 105px;
		padding: 10px 0;

		img {
			float:left;
			width:105px !important;
			height:105px !important;
		}
		.zergheadline {
			margin-top: 0px !important;
		}
	}
}*/
/*********************
POST SPONSORSHIPS
*********************/
body.home article.tag-sponsored {
  background-color: #f2f2f2; }

body.home article.tag-sponsored .category {
  display: none; }

/*********************
ACT WIDGET
*********************/
/* There was clearfix code originally defined in this file,
but it was removed in light of IRB themes later version of
it.  If the widget is used on another site, the clearfix
css should be re-added */
/* Take Action Widget MOBILE+ */
.mtv_action_box {
  background-color: #EAEAEA;
  color: #3B3B3B;
  margin: 1em 0; }

.mtv_action_box .mtv_action_head {
  position: relative;
  background-color: #777777; }

.mtv_action_box h2 {
  padding: 0.5em 0.75em;
  margin: 0;
  color: #FFFFFF;
  font-size: 1.5em;
  line-height: 2.0rem; }

.mtv_action_box .mtv_content_wrapper {
  margin: 1em; }

.mtv_action_box img.mtv_image {
  float: left;
  height: auto;
  margin: 0 0.85em 0 0; }

.mtv_action_box h3 {
  color: #000000;
  margin: 0;
  font-size: 1.25em; }

.mtv_action_box p {
  font-size: 0.9em;
  margin: 0.25em 0;
  line-height: 1.2em; }

.mtv_action_box .mtv_button_box {
  margin: 1em; }

.mtv_action_box .mtv_center {
  text-align: center;
  margin: 0 auto; }
  .mtv_action_box .mtv_center a.btn-primary {
    color: #fafafa !important;
    background-color: #1a1a1a; }

.mtv_action_box .mtv_center .icon-chevron-right {
  position: relative;
  font-size: 14px;
  left: 5px;
  top: 1px;
  font-weight: bold; }

.mtv_action_box .mtv_clicks {
  border-left: 2px solid #F39999;
  margin: 0 0 0 0.5em;
  padding: 0 0 0 0.5em;
  font-weight: normal; }

/* Take Action Widget DESKTOP */
@media only screen and (min-width: 481px) {
  .mtv_action_box {
    height: 100%;
    min-height: 100%;
    position: relative;
    display: table; }

  .mtv_action_box .mtv_action_head {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 19%;
    height: 100%; }

  .mtv_action_box .mtv_action_content {
    display: table-cell;
    margin: 1em; }

  .mtv_action_box .mtv_content_wrapper {
    padding-right: 1em;
    border-right: 1px dotted #000000; }

  .mtv_action_box .mtv_button_box {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    height: 100%;
    margin: 1em 0; } }
/* END min-width: 481px; */
/*********************
MTV UI KIT CSS
*********************/
/* postcard -------------------- */
.postcard-left, .postcard-left-wrap, .postcard-right, .postcard-right-wrap {
  clear: both;
  margin-bottom: 15px; }

.postcard-left > div, .postcard-right > div {
  display: table-cell; }

.postcard-left-wrap > div:first-child, .postcard-left > div:first-child {
  float: left;
  margin-right: 10px; }

.postcard-right-wrap > div:first-child, .postcard-right > div:first-child {
  float: right;
  margin-left: 15px; }

[class*="postcard-"] [class*="span"] {
  margin: 0; }

/* grid-view -------------------- */
.grid-view .span2:nth-child(5n+1) {
  margin-left: 0; }

.grid-view .span3:nth-child(4n+1) {
  margin-left: 0; }

.grid-view .span4:nth-child(3n+1) {
  margin-left: 0; }

/* item ----------------------- */
.item, .item-wrap {
  position: relative; }

.item .media {
  margin-bottom: 0;
  min-width: 70px;
  background-color: #e6e6e6;
  width: 100%; }

.item .header span {
  font-weight: 700; }

.item .sub-header span {
  font-weight: normal; }

.item.item-small {
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 20px; }

/* photo-block ------------------------*/
.photo-block .media {
  display: table;
  width: 100%;
  background-color: transparent; }

.photo-block .media > div {
  width: 27%;
  display: table-cell;
  float: right;
  background-color: red; }

.photo-block .media > div:first-child {
  width: 72%;
  float: left;
  margin-right: 1%; }

.photo-block .media > div:last-child {
  margin-top: 1%; }

.photo-block .container4x3:before {
  padding-top: 76.25%; }

.photo-block .container1x1 .content img {
  height: 102%; }

/*.photo-block [class*="container"] > .content img{
    margin-top: -3px;
    height: 104%;
    margin-left: -165%;
}*/
/* article-block ------------------------*/
.article-block[class*="postcard-"] .media {
  width: 100%; }

/* Promo-block */
.item .header {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  top: auto; }

.item .header > span {
  display: block;
  font-weight: 900;
  padding: 10px 10px 2px 0;
  background-color: #fafafa; }

/* ratios ------------------------*/
.container1x1:before {
  padding-top: 100%; }

.container4x3:before {
  padding-top: 75%; }

.container16x9:before {
  padding-top: 56.5%; }

.container1x1:before, .container16x9:before, .container4x3:before {
  content: "";
  display: block; }

.container1x1, .container16x9, .container4x3 {
  position: relative;
  width: 100%;
  overflow: hidden; }

[class*="container"] .content {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  bottom: 0; }

/*[class*="container"] .content img {
    height: 100%;
    left: 100%;
    margin-left: -200%;
    max-width: none;
    position: relative;
}*/
.container16x9 .content img {
  width: 100%;
  height: auto; }

.container16x9 .content {
  bottom: inherit; }

/* buttons.css -------------------*/
.btn {
  background-color: #E6E6E6;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset;
  cursor: pointer;
  display: inline-block;
  font-weight: 900;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
  text-transform: lowercase;
  vertical-align: middle;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

.btn > span {
  display: block;
  padding: 5px 10px 6px;
  transition-duration: 0.2s; }

.btn:hover > span, .btn:active > span, .btn.active > span {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15); }

.btn:focus {
  outline: medium none;
  outline-offset: -2px; }

.btn.active, .btn:active {
  background-image: none;
  box-shadow: 0 0 2px #CCCCCC;
  outline: 0 none; }

.btn.disabled, .btn[disabled] {
  background-image: none;
  box-shadow: none;
  cursor: default;
  opacity: 0.65; }

input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
  width: 100%; }

.btn-primary {
  background-color: #00BBEF;
  border-color: transparent;
  color: #FFFFFF; }

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: #FFFFFF; }

.btn-primary.active {
  color: rgba(255, 255, 255, 0.75); }

.btn-secondary {
  background-color: #000000;
  color: #FFFFFF; }

.btn-secondary:hover > span, .btn-secondary:active > span, .btn-secondary.active > span {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFFFFF; }

.btn-inactive {
  color: rgba(0, 0, 0, 0.35); }

.btn-inactive:hover > span, .btn-inactive:active > span, .btn-inactive.active > span {
  background: none repeat scroll 0 0 transparent;
  color: rgba(0, 0, 0, 0.35); }

.btn-social, .btn-social:hover {
  color: #FFFFFF;
  margin-bottom: 5px; }

.btn-social > span {
  display: table-cell;
  height: 45px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 45px; }

.btn.btn-social [class*="icon-"] {
  font-size: 18px;
  margin: 0; }

.btn-social.btn-facebook {
  background-color: #3B5998;
  font-size: 20px; }

.btn-social.btn-twitter {
  background-color: #00ACED; }

.btn-social.btn-tumblr {
  background-color: #2C4762; }

.btn-inverse {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #000000; }

.btn-inverse:hover > span, .btn-inverse:active > span, .btn-inverse.active > span {
  background-color: rgba(0, 0, 0, 0.02);
  color: #000000; }

.btn-cta {
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  font-weight: 900;
  padding: 5px 10px 6px;
  text-align: center;
  vertical-align: middle; }

.btn-cta [class*="icon-"], .btn [class*="icon-"] {
  margin: 0 0 0 3px; }

.btn-cta:hover, .btn-cta:active {
  background-color: #000000; }

.btn[class*="span"] {
  margin-bottom: 10px; }

.btn-large > span {
  font-size: 150%;
  padding: 10px 15px 12px; }

.btn-large [class*="icon-"] {
  margin-left: 5px; }

.btn-small > span {
  border-radius: 2px 2px 2px 2px;
  font-size: 85%;
  padding: 3px 8px 4px; }

.btn.span12 + .btn.span12 {
  margin-top: 5px; }

/*********************
DATE PICKER CSS
*********************/
.picker__box {
  padding: 0 1em; }

.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

.picker__month, .picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999;
  font-size: .8em;
  font-style: italic; }

.picker__select--month, .picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month, .picker__select--year {
    margin-top: -.5em; } }
.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus, .picker__select--year:focus {
  border-color: #0089ec; }

.picker__nav--next, .picker__nav--prev {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  top: -.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next, .picker__nav--prev {
    top: -.33em; } }
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }
.picker__nav--next:before, .picker__nav--prev:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: .75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: .75em solid #000; }

.picker__nav--next:hover, .picker__nav--prev:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb; }

.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
  cursor: default;
  background: 0 0;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }
.picker__table td {
  margin: 0;
  padding: 0; }

.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500; }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  color: #0089ec;
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: .5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--selected, .picker__day--selected:hover {
  border-color: #0089ec; }

.picker__day--highlighted {
  background: #b1dcfb; }

.picker__day--disabled:before {
  border-top-color: #aaa; }

.picker__day--outfocus {
  color: #ddd; }

.picker__day--infocus:hover, .picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb; }

.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover {
  background: #0089ec;
  color: #fff; }

.picker__day--disabled, .picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb; }

.picker__footer {
  text-align: center; }

.picker__button--clear, .picker__button--today {
  border: 1px solid #fff;
  background: #fff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: 700;
  width: 50%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--clear:hover, .picker__button--today:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--clear:focus, .picker__button--today:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: 0; }

.picker__button--clear:before, .picker__button--today:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before {
  content: " ";
  margin-right: .45em;
  top: -.05em;
  width: 0;
  border-top: .66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  content: "\D7";
  margin-right: .35em;
  top: -.1em;
  color: #e20;
  vertical-align: top;
  font-size: 1.1em; }

.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.picker__input {
  cursor: default; }

.picker__input.picker__input--active {
  border-color: #0089ec; }

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

                                                                                                                                                                                                                                                                                                                                                          /*!
* Classic picker styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
*/
.picker {
  width: 100%; }

.picker__holder {
  position: absolute;
  background: #fff;
  border: 1px solid #aaa;
  border-top-width: 0;
  border-bottom-width: 0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition: -webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;
  -moz-transition: -moz-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;
  transition: transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s; }

.picker__frame {
  padding: 1px; }

.picker__wrap {
  margin: -1px; }

.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  -webkit-transition: -webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
  -moz-transition: -moz-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
  transition: transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); }

/*********************
GENERAL NEWS STYLES
*********************/
aside.sidebar li.widget {
  list-style-type: none; }

html {
  font-size: 62.5%; }

body {
  background-color: #fafafa; }

html.svg .png-fallback {
  display: none; }

html.no-svg .svg-image {
  display: none; }

div.category {
  position: relative;
  font-weight: bold;
  text-transform: lowercase;
  white-space: nowrap;
  font-size: 1.4rem;
  color: #fafafa; }
  div.category a:link, div.category a:visited {
    color: #fafafa;
    padding: 2px 5px;
    background-color: #00bbef; }
  div.category a:hover {
    background-color: #007fa3; }
  div.category.sponsored {
    display: table; }
    div.category.sponsored a {
      color: #fafafa;
      padding: 2px 5px;
      background-color: #B349F7; }
      div.category.sponsored a:hover {
        color: #fafafa; }

img {
  max-width: 100%; }

#page_root {
  position: relative; }

body.home, body.archive {
  font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

#content {
  position: relative;
  padding-top: 10px; }

.ad_tile, .vmn_coda_ad-tile {
  margin: 10px auto;
  max-width: 300px; }
  .ad_tile.vmn_coda_ajax_ad, .vmn_coda_ad-tile.vmn_coda_ajax_ad {
    margin-bottom: 20px; }

.vmn_coda_ajax_ad {
  text-align: center;
  margin-bottom: 20px; }

.date {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #999;
  display: block;
  padding-top: 5px; }

/********************
RESPONSIVE PLAYERS
********************/
.video-container {
  position: relative;
  margin: auto;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.square-container {
  margin: auto;
  padding-bottom: 120%;
  position: relative;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .square-container iframe, .square-container object, .square-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

body.single .player_container {
  margin: 1.5em auto; }

body.single-format-video .player_container {
  margin: 0 auto;
  top: -3px; }

.player_container {
  overflow: hidden;
  width: 100% !important;
  height: auto; }
  .player_container iframe {
    width: 100%;
    /*height: auto;*/ }
  .player_container object {
    height: 100%; }
  .player_container .light_player .play_overlay_icon {
    background: url(http://www.mtv.com/news/wp-content/themes/news-2014/library/images/play_btn.svg) no-repeat;
    cursor: pointer;
    height: 39px;
    width: 54px;
    opacity: 0.8; }
  .player_container .light_player .play_overlay_icon:hover {
    fill: #00bbef; }
  .player_container .light_player img {
    height: auto;
    width: 100%; }
  .player_container .light_player object, .player_container .light_player embed {
    height: 100%; }

body.single-format-video .player_container {
  background-color: #1a1a1a;
  top: -3px;
  position: relative; }

/*********************
LINK STYLES
*********************/
a, a:visited {
  text-decoration: none;
  color: #1a1a1a;
  /* on click */
  /* mobile tap color */ }/*
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #00bbef; }*/
  a:link, a:visited:link {
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
  font-weight: 900;
  line-height: 3.6rem;
  font-size: 3.7rem;
  margin: 0; }

h2, .h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4rem;
  margin-bottom: 0.375rem;
  padding: 5px 5px 5px 0px;
  margin: 0; }

h3, .h3 {
  font-weight: 800;
  letter-spacing: -1px;
  font-size: 2.0rem;
  line-height: 2.0rem;
  margin: 0; }

h4, .h4 {
  font-size: 1.1rem;
  font-weight: 700; }

h5, .h5 {
  font-size: 0.846rem;
  line-height: 0.846rem;
  text-transform: uppercase;
  letter-spacing: 2px; }

/*********************
HEADER SYTLES
*********************/
span.sitename {
  text-transform: lowercase; }

span.icon-logo-mtv {
  display: block;
  font-size: 40px; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

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

#nav-close {
  margin-left: 5px; }

.navbar #ad-container {
  padding: 5px 0;
  border-bottom: solid 1px #333;
  position: relative;
  z-index: 5001; }
.navbar .ad-banner {
  width: 300px;
  margin: auto;
  min-height: 50px; }
.navbar span.icon-logo-mtv {
  padding: 1px 10px 0 10px;
  color: #fafafa;
  float: left; }
.navbar #navbar-inner {
  position: relative;
  z-index: 5001;
  background: #1a1a1a; }
  .navbar #navbar-inner .container {
    max-width: 1200px;
    height: 48px;
    position: relative; }
    .navbar #navbar-inner .container .sitename {
      font-size: 3.2rem;
      color: #fafafa;
      font-weight: bold;
      white-space: nowrap;
      line-height: 1.5; }

/*********************
UI KIT OVERRIDES
*********************/
.item-md.postcard-left {
  margin-bottom: 0; }

.item.item-small {
  margin-bottom: 0; }

.col-sm-6, .col-sm-12 {
  padding: 0 10px; }

.trending-block[class*="postcard-"] .media {
  width: 33%; }

.item .media {
  background-color: transparent; }

.icon-arrow-dropdown {
  position: relative;
  top: 10px;
  right: 15px; }

/*********************
HOME PAGE STYLES
*********************/
/* UI Kit override */
.item .header {
  position: relative;
  /*display: block;*/
  top: -17px; }
.item.item-sm h3 {
  font-size: 1.5rem;
  line-height: 1.7rem; }

/*.post-1 .media img {*/
#main > .row > div.post:first-child .media img {
  border-top: 5px solid #ff3b00; }

body.home article:last-child {
  border-bottom: none; }
body.home article .item-small .section-header {
  position: relative;
  top: -18px; }
body.home article .postcard-left .category {
  clear: both; }
body.home article .item .category {
  top: -2px; }
body.home article .item-sm .category {
  top: -2px; }

body.home aside article .item .category {
  top: 2px; }

body.home article.mtv_advertorial_post .category.sponsored a, article.mtv_advertorial_post div.story .category.sponsored a, article.mtv_advertorial_post article.mtv_advertorial_post .category.sponsored a {
  background-color: #B349F7; }
  body.home article.mtv_advertorial_post .category.sponsored a:hover, article.mtv_advertorial_post div.story .category.sponsored a:hover, article.mtv_advertorial_post article.mtv_advertorial_post .category.sponsored a:hover {
    color: #fafafa; }

body.home div.ad_tile, body.archive div.ad_tile {
  padding-top: 10px; }

body.home #main .sub-header {
  padding-top: 5px; }

/*********************
CATEGORY & TAG PAGE STYLES
*********************/
body.category #main > .row > .post-1 .postcard-left > div, body.category #main > .row > .post-1 .postcard-right > div {
  display: block; }
body.category #main > .row > .post-1 .media {
  width: 100%; }
body.category #main > .row > .post-1 h3 {
  font-size: 2.3rem;
  line-height: 2.6rem; }
  body.category #main > .row > .post-1 h3 a {
    top: 5px;
    position: relative; }

body.archive nav.wp-prev-next li.archives {
  display: none; }
body.archive .icon-arrow-dropdown {
  color: #1a1a1a; }
body.archive div.category {
  display: none; }
  body.archive div.category.sponsored {
    display: table;
    top: -2px; }
    body.archive div.category.sponsored a {
      background-color: #B349F7; }
      body.archive div.category.sponsored a:hover {
        color: #fafafa; }
body.archive .item .header {
  top: 0; }
  body.archive .item .header h3 {
    line-height: 2.0rem;
    font-size: 1.7rem; }
  body.archive .item .header span {
    padding: 0 5px 5px 0; }
    body.archive .item .header span .date {
      padding-top: 5px; }
body.archive .article-block[class*="postcard-"] .media {
  width: 30%; }
body.archive article.summary .entry-content {
  padding: 0px 0px 10px 0px; }

body.term-post-format-video div.category {
  display: block; }

div[class*='mtvn-ajax-placeholder'] .category_sticky_post {
  display: none; }

h1.archive-title {
  text-transform: lowercase;
  color: #ff3b00;
  margin: 0 10px 20px 10px;
  padding: 5px 0;
  border-bottom: 5px solid #1a1a1a;
  font-size: 2.7em;
  letter-spacing: -1px; }

body.archive input.datepicker {
  display: none; }
body.archive a.archivedate {
  cursor: pointer; }

body.page .header h2 {
  font-size: 3.2rem;
  padding: 15px 0 15px 0;
  letter-spacing: -1px;
  border-bottom: 5px #1a1a1a solid;
  color: #ff3b00;
  font-weight: 800; }
body.page div.story {
  max-width: 800px;
  padding-left: 30px; }
body.page section {
  padding-top: 20px; }

/*********************
POSTS & CONTENT STYLES
*********************/
.lead-image {
  top: -3px; }
  .lead-image .container-lead-image {
    padding-top: 52.5%; }
    .lead-image .container-lead-image img {
      width: 100%;
      height: auto; }
    .lead-image .container-lead-image .content {
      overflow: hidden; }
  .lead-image .photocredit {
    top: -15px; }

.photocredit {
  position: relative;
  float: right;
  color: #777777;
  padding-right: 10px;
  font-size: 1.1rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* post link color */
.single section.entry-content a, .single section.entry-content a:visited {
  color: #ff3b00; }
.single section.entry-content a:hover {
  color: #00bbef; }

.single article.post div.story section.entry-content {
  background-color: #fafafa; }
  .single article.post div.story section.entry-content iframe {
    margin: auto !important;
    max-width: 100%; }
  .single article.post div.story section.entry-content .CodaAdWidget iframe {
    height: 250px; }
  .single article.post div.story section.entry-content .photo {
    position: relative;
    text-align: center; }
    .single article.post div.story section.entry-content .photo .photocredit {
      bottom: 2px;
      background-color: #fafafa;
      padding: 0 5px;
      position: absolute;
      right: 0; }

.single article.no_lead_image div.story .category {
  top: -24px;
  left: -10px;
  position: relative; }
.single article.no_lead_image .small_lead_image {
  position: relative;
  top: -3px;
  margin-left: -10px;
  margin-right: -10px; }
  .single article.no_lead_image .small_lead_image img {
    width: 100%; }
  .single article.no_lead_image .small_lead_image .photocredit {
    top: 35px;
    right: 0;
    position: absolute; }
.single article.no_lead_image .header .headline {
  background-color: #fafafa; }
.single article.no_lead_image div.story {
  margin-top: 0; }
.single article.no_lead_image #commentsContainer {
  padding: 20px 10px 0 0; }

body.single .header {
  background-color: #fafafa; }
  body.single .header span.headline {
    top: -6px;
    position: relative; }
    body.single .header span.headline h1 {
      letter-spacing: -1px;
      font-family: "nimbus-sans-condensed"; }
body.single .byline .date {
  padding-left: 10px;
  display: inline;
  font-size: 1.4rem; }
body.single div.story .category {
  top: -23px;
  left: -10px; }
body.single .entry-content {
  padding: 0; }
body.single .mtv_advertorial_post .byline.sponsored {
  font-weight: 800;
  font-size: 1.7rem;
  font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777; }
  body.single .mtv_advertorial_post .byline.sponsored .date {
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.single-interactive .header {
  padding-top: 12px;
  background: none; }
body.single-interactive .sm4CommentsWidget .comments {
  padding: 10px;
  background-color: #fafafa; }
body.single-interactive li.SM4MostPopularWidget h2 {
  margin-bottom: 0; }
body.single-interactive li.SM4MostPopularWidget .trending-list {
  background-color: #fff;
  padding: 10px;
  min-height: 650px; }

img.js-srcset-img {
  width: 100%;
  height: auto; }

.single div.story section, .page div.story section {
  font-family: "freight-sans-pro";
  font-size: 1.7rem;
  line-height: 2.5rem; }
.single p:first-child, .page p:first-child {
  margin-top: 0; }

.single div.story section > p {
  margin-top: 0; }
.single div.story section .hr {
  border-top: 5px solid #1a1a1a; }
.single div.story section .byline {
  position: relative;
  top: -16px;
  background-color: #fafafa;
  padding-right: 15px;
  font-size: 1.4rem;
  text-transform: lowercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .single div.story section .byline a:link, .single div.story section .byline a:visited {
    font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 1.7rem;
    color: #1a1a1a !important; }
  .single div.story section .byline a:hover {
    color: #00bbef !important; }
  .single div.story section .byline .author {
    font-weight: 800;
    font-size: 1.7rem;
    font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.subhead {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.7rem;
  font-weight: normal;
  line-height: 2.0rem;
  margin: 0;
  padding: 10px 0 20px 0; }
  .subhead p {
    margin: 1rem 0 1.5rem 0; }

div.author {
  min-height: 120px;
  font-weight: bold;
  font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  padding-top: 15px;
  border-top: 1px dotted #1a1a1a;
  font-size: 1.7rem; }
  div.author a:link, div.author a:visited {
    color: #1a1a1a;
    text-transform: lowercase; }
  div.author .description {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    font-weight: normal; }
  div.author .oval {
    width: 25px;
    height: 25px; }
    div.author .oval .icon {
      color: #ffffff;
      font-size: 16px;
      width: 16px;
      margin-top: -1px; }

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

.twitter {
  background: #00bbef; }

.oval {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 30px / 30px;
  top: 0px;
  right: 0px;
  text-align: center;
  margin-right: 5px;
  float: left; }

.circle_crop {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  float: left;
  margin-right: 10px;
  margin-bottom: 50px; }

big {
  font-size: 2.4rem;
  line-height: 2.2rem;
  margin-bottom: 6px;
  display: inline-block;
  font-family: "nimbus-sans-condensed"; }

.single-format-video .story, .single-format-video aside {
  -webkit-transition: margin 0.5s ease-out; }

/*********************
ARTICLE FOOTER STYLES
*********************/
.VMNRelatedContent {
  width: 100%; }

footer.article-footer {
  font-size: 2.7em;
  font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f2f2f2;
  border-top: 5px solid #e6e6e6;
  padding: 15px 0; }
  footer.article-footer .tags {
    line-height: 3.0rem;
    padding-bottom: 10px;
    text-transform: lowercase;
    display: block; }
    footer.article-footer .tags a {
      padding-right: 10px; }
  footer.article-footer .tags, footer.article-footer .header {
    font-weight: 800;
    color: #ff3b00;
    padding-left: 0 !important; }
    footer.article-footer .tags a:link, footer.article-footer .tags a:visited, footer.article-footer .header a:link, footer.article-footer .header a:visited {
      color: #1a1a1a; }
    footer.article-footer .tags a:hover, footer.article-footer .header a:hover {
      color: #00bbef; }
  footer.article-footer h3 {
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 2.0rem;
    font-size: 1.7rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  footer.article-footer .section {
    padding: 0; }
  footer.article-footer div.header {
    background-color: transparent; }
  footer.article-footer .media {
    width: 40%;
    float: left;
    padding-right: 10px; }
  footer.article-footer article {
    padding: 0 20px 10px 0; }
    footer.article-footer article div.header {
      padding: 0; }
  footer.article-footer section {
    padding-left: 0; }
  footer.article-footer .date {
    font-size: 1.0rem;
    font-weight: normal; }
  footer.article-footer p {
    margin: 0; }
  footer.article-footer .header span.headline {
    top: 6px; }
  footer.article-footer .latest-news {
    padding-top: 10px; }
    footer.article-footer .latest-news .sub-header {
      padding-top: 4px; }
    footer.article-footer .latest-news .date {
      background-color: transparent;
      color: #1a1a1a;
      display: inline;
      font-weight: normal; }
    footer.article-footer .latest-news .vmn_coda_ad-tile {
      margin: 0;
      min-height: 315px;
      padding-left: 0; }
    footer.article-footer .latest-news .category {
      top: 2px; }
      footer.article-footer .latest-news .category a:link, footer.article-footer .latest-news .category a:visited {
        color: #fafafa; }
  footer.article-footer .latest-news-holder-0 .date {
    background-color: #ffff00;
    padding: 3px; }
  footer.article-footer .container16x9:before {
    padding-top: 100% !important; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
nav {
  font-size: 1.7rem; }

.js .show-more {
  display: block;
  clear: both;
  text-align: center;
  font-size: 1.7rem;
  max-width: 300px;
  margin: auto;
  padding: 5px 0px; }

.prev-link a:link, .prev-link a:active, .prev-link a:visited, .next-link a:link, .next-link a:active, .next-link a:visited {
  color: #fafafa;
  padding: 5px 10px;
  width: 300px; }

.wp-prev-next .btn:hover {
  background-color: #333; }

.show-more {
  display: none; }

.prev-link.noscript {
  float: left; }

.next-link.noscript {
  float: right; }

/*********************
SIDEBARS & ASIDES
*********************/
li {
  list-style-type: none; }

.widgettitle {
  letter-spacing: -1px; }

.MTVNAdvertorialsSponsoredPost .widgettitle {
  background-color: #fafafa;
  color: #777;
  padding: 11px 0px; }
.MTVNAdvertorialsSponsoredPost .sub-header a:link, .MTVNAdvertorialsSponsoredPost .sub-header a:visited, .MTVNAdvertorialsSponsoredPost .sub-header a {
  color: #777; }

.sidebar {
  /*text-align:center;*/
  min-width: 300px; }
  .sidebar h2 {
    margin: 0px; }
  .sidebar .widgettitle {
    border-bottom: 5px solid #1a1a1a; }
  .sidebar li {
    /* display:inline-block;*/ }
    .sidebar li.MTVNCodaAdWidget {
      margin: auto;
      max-width: 300px;
      display: block;
      padding: 0 !important;
      margin: 0 !important; }

h2.widgettitle {
  font-weight: 800;
  font-size: 2.3rem;
  padding: 10px 12px;
  color: #1a1a1a;
  background-color: #ffff00;
  margin-bottom: 15px; }

/* Trending list in bottom fixed position */
/*aside li.widget_trending_stories {
  position:fixed;
  left:0px;
  bottom:0px;
  max-height:38px;
  z-index: 1;
  border-top: 1px solid #bbb;
  width:100%;
  background-color: #ddd;
  &.active {
    max-height:720px;
    z-index: 10;
  }
}*/
/* right rail modules */
aside li {
  text-align: left;
  padding-top: 10px; }
  aside li article {
    padding-bottom: 10px; }
    aside li article .content {
      padding-right: 10px; }
    aside li article .container16x9 {
      width: 110px;
      height: 110px;
      float: left; }
  aside li .category {
    top: 2px;
    left: 0;
    padding-bottom: 8px; }

/* Interstitials in blog roll */
.interstitial.data {
  padding-bottom: 20px; }
  .interstitial.data h2 {
    letter-spacing: -1px;
    font-size: 2.0rem;
    border-bottom: 5px solid #1a1a1a; }
  .interstitial.data .textwidget img.thumb {
    float: left;
    padding-right: 15px;
    width: 33.33333%;
    height: auto; }
  .interstitial.data .textwidget .headline {
    font-weight: 800;
    letter-spacing: -1px;
    font-size: 2.7rem;
    line-height: 2.7rem; }
  .interstitial.data .textwidget .subhead {
    display: block;
    padding-top: 0; }
  .interstitial.data .category {
    display: none; }

/*.interstitial {
  opacity:0;
  -webkit-transform: translateY(300px);
  -moz-transform: translateY(300px);
  -o-transform: translateY(300px);
  transform: translateY(300px);
  -webkit-transition:-webkit-transform 1s ease-in, opacity 1s ease-in;
  -moz-transition:-moz-transform 1s ease-in, opacity 1s ease-in;
  -o-transition:-o-transform 1s ease-in, opacity 1s ease-in;
  transition:transform 1s ease-in, opacity 1s ease-in;

  &.data {
    opacity:1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}*/
.trending-list .trend-box {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  /*    background-image: linear-gradient(to bottom, red, red 50%, white 50%);*/ }
.trending-list p.trend-val {
  display: none; }

.trending-list span.headline, aside li span.headline {
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1.7rem;
  letter-spacing: -1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.interstitial .container16x9 {
  width: 33.33333%;
  float: left; }
  .interstitial .container16x9 img {
    padding-right: 10px; }

body.home #main .trending-list article {
  padding-bottom: 10px; }
body.home #main .trending-list .meta-wrap {
  padding: 0px 3px 10px 5px; }

.instagram img {
  height: auto; }

/*=================================
=            variables            =
=================================*/
/*-----  End of variables  ------*/
/*==============================
=            mixins            =
==============================*/
a {
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: none; }

body.home article .item-md .category, body.home .post-1 article .category, .item-md .category, article .item-sm .category, body.home article .item .category {
  top: 0 !important; }

body.home article .item-md .category a, body.home .post-1 article .category a, .item-md .category a, article .item-sm .category a, .story .category a:link, .story .category a:visited {
  background-color: #00bbef;
  -webkit-transition: background-color 400ms ease-out;
  -moz-transition: background-color 400ms ease-out;
  -ms-transition: background-color 400ms ease-out;
  -o-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out; }
  body.home article .item-md .category a:hover, body.home .post-1 article .category a:hover, .item-md .category a:hover, article .item-sm .category a:hover, .story .category a:link:hover, .story .category a:visited:hover {
    background-color: #ff6699;
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -ms-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out; }

/*-----  End of mixins  ------*/
#page_root {
  overflow-x: hidden; }

.container {
  max-width: 980px; }

#content {
  margin-top: 2em !important; }

.magz-meta {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #aaaaaa; }

/*===========================================
=            theme colors update            =
===========================================*/
#main > .row > div.post:first-child .media img {
  border-top-color: #ff6699; }

.single section.entry-content a, .single section.entry-content a:visited, .single section.entry-content a, .single section.entry-content a:visited {
  color: #ff6699;
  -webkit-transition: color 400ms ease-out;
  -moz-transition: color 400ms ease-out;
  -ms-transition: color 400ms ease-out;
  -o-transition: color 400ms ease-out;
  transition: color 400ms ease-out; }
  .single section.entry-content a:hover, .single section.entry-content a:visited:hover, .single section.entry-content a:hover, .single section.entry-content a:visited:hover {
    color: #00cccc;
    -webkit-transition: color 400ms ease-out;
    -moz-transition: color 400ms ease-out;
    -ms-transition: color 400ms ease-out;
    -o-transition: color 400ms ease-out;
    transition: color 400ms ease-out; }

div.meta-wrap div.header span.headline h3.h3 a {
  color: black;
  -webkit-transition: color 400ms ease-out;
  -moz-transition: color 400ms ease-out;
  -ms-transition: color 400ms ease-out;
  -o-transition: color 400ms ease-out;
  transition: color 400ms ease-out; }
  div.meta-wrap div.header span.headline h3.h3 a:hover {
    color: #00bbef;
    -webkit-transition: color 400ms ease-out;
    -moz-transition: color 400ms ease-out;
    -ms-transition: color 400ms ease-out;
    -o-transition: color 400ms ease-out;
    transition: color 400ms ease-out; }

/*-----  End of theme colors update  ------*/
/*==================================
=            new header            =
==================================*/
#page_header {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  padding-top: 10px;
  background-color: #f04824;
  background-image: url(../../library/images/default-bg.jpg); }
  #page_header:before, #page_header:after {
    content: " ";
    display: table; }
  #page_header:after {
    clear: both; }

.leaderboard {
  display: block;
  max-width: 980px;
  margin: auto; }
  .leaderboard > * {
    display: block;
    margin: 12px auto; }

.navbar-wrapper {
  display: block;
  width: 100%;
  min-height: 96px !important;
  margin: 0;
  padding-top: 4px;
  background-color: black; }
  .navbar-wrapper nav {
    font-size: 16px; }
  .navbar-wrapper .navbar {
    max-width: 980px;
    height: 100%;
    min-height: 96px;
    margin: auto;
    overflow: auto;
    background-color: black;
    background-color: transparent;
    border-color: black;
    border-color: transparent; }
    .navbar-wrapper .navbar:before, .navbar-wrapper .navbar:after {
      content: " ";
      display: table; }
    .navbar-wrapper .navbar:after {
      clear: both; }
    .navbar-wrapper .navbar .navbar-brand {
      padding: 0;
      margin-left: 0 !important; }
      @media screen and (max-width: 880px) {
        .navbar-wrapper .navbar .navbar-brand {
          width: 50%;
          margin-top: 10px;
          margin-left: 10px; } }
    @media screen and (min-width: 768px) {
      .navbar-wrapper .navbar ul.navbar-nav {
        margin-top: 1.5em; } }
    .navbar-wrapper .navbar ul.navbar-nav li {
      line-height: 2.75;
      margin-right: 1em; }
      .navbar-wrapper .navbar ul.navbar-nav li a {
        padding: 0 0 0 1.25em;
        line-height: 2.75;
        font-family: "futura-pt", sans-serif;
        font-weight: 700;
        color: white;
        -webkit-transition: color 400ms ease-out;
        -moz-transition: color 400ms ease-out;
        -ms-transition: color 400ms ease-out;
        -o-transition: color 400ms ease-out;
        transition: color 400ms ease-out;
        background-color: black;
        background-color: transparent; }
        .navbar-wrapper .navbar ul.navbar-nav li a:hover {
          color: #eb4e25;
          -webkit-transition: color 400ms ease-out;
          -moz-transition: color 400ms ease-out;
          -ms-transition: color 400ms ease-out;
          -o-transition: color 400ms ease-out;
          transition: color 400ms ease-out; }
      @media screen and (max-width: 768px) {
        .navbar-wrapper .navbar ul.navbar-nav li:first-child a {
          padding-top: 1em;
          border-top: 0 none !important; } }
      .navbar-wrapper .navbar ul.navbar-nav li.active a {
        color: #eb4e25;
        -webkit-transition: color 400ms ease-out;
        -moz-transition: color 400ms ease-out;
        -ms-transition: color 400ms ease-out;
        -o-transition: color 400ms ease-out;
        transition: color 400ms ease-out; }
        .navbar-wrapper .navbar ul.navbar-nav li.active a:focus, .navbar-wrapper .navbar ul.navbar-nav li.active a:hover {
          background-color: black;
          background-color: transparent; }
      .navbar-wrapper .navbar ul.navbar-nav li + li:before {
        content: " | ";
        float: left;
        color: #39c0c3; }
      .navbar-wrapper .navbar ul.navbar-nav li ul.sub-menu {
        display: none; }

.navbar-form {
  background-color: #fff;
  padding: 0; }

.btn {
  padding-top: 4px;
  padding-bottom: 4px;
  height: 28px;
  background-image: url(../../library/images/cerca.png);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: 999;
  color: transparent;
  text-indent: 999; }
  .btn:hover {
    background-color: #fff;
    color: transparent; }

.form-control {
  height: 28px;
  padding: 6px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  text-transform: lowercase; }

@media screen and (min-width: 881px) {
  .form-inline .form-control, .navbar-form .form-control, .navbar-form .form-control {
    width: 140px; } }

.form-control, .btn {
  border: 0 none #000;
  background-color: white;
  -moz-box-shadow: 0px 0px 0px #000000;
  /*FF 3.5+*/
  -webkit-box-shadow: 0px 0px 0px #000000;
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0px 0px 0px #000000;
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  -moz-border-radius: 0px;
  /*Firefox*/
  -webkit-border-radius: 0px;
  /*Safari, Chrome*/
  border-radius: 0px; }

.navbar-toggle {
  border: 0px solid #000000;
  -moz-border-radius: 0px;
  /*Firefox*/
  -webkit-border-radius: 0px;
  /*Safari, Chrome*/
  border-radius: 0px; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: 0 none; }

@media screen and (min-width: 881px) {
  .mobile-search {
    display: none; } }
@media screen and (max-width: 880px) {
  nav {
    font-size: 20px !important; }

  .navbar-collapse {
    padding-left: 0; }

  .navbar-right {
    display: none; }

  .navbar-default .navbar-toggle {
    float: left;
    margin-left: 18px;
    margin-top: 24px;
    border-color: #000;
    border: 0 none;
    background-color: #333;
    border: 1px solid #333;
    padding-left: 12px;
    padding-right: 12px;
    -moz-border-radius: 6px;
    /*Firefox*/
    -webkit-border-radius: 6px;
    /*Safari, Chrome*/
    border-radius: 6px; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff; }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #444; }

  ul.navbar-nav li {
    text-align: center;
    margin-right: 0;}
    ul.navbar-nav li + li:before {
      display: none; } }
  @media screen and (max-width: 880px) and (max-width: 768px) {
    ul.navbar-nav li {
      margin-right: 0 !important; } }

@media screen and (max-width: 880px) {
  /* mobile search form*/ }
/*-----  End of new header  ------*/
/*===============================
=            gallery            =
===============================*/
div[id^="gallery"]:before, div[id^="gallery"]:after, .gallery:before, .gallery:after {
  content: " ";
  display: table; }
div[id^="gallery"]:after, .gallery:after {
  clear: both; }
div[id^="gallery"] br, .gallery br {
  display: none; }
div[id^="gallery"] .gallery-item, .gallery .gallery-item {
  width: 33.333333%;
  max-height: 98px;
  float: left;
  text-align: center;
  padding: 0.25em;
  overflow-y: hidden; }
  @media screen and (max-width: 400px) {
    div[id^="gallery"] .gallery-item, .gallery .gallery-item {
      width: 50%; } }
  div[id^="gallery"] .gallery-item a, .gallery .gallery-item a {
    display: block; }
    div[id^="gallery"] .gallery-item a img, .gallery .gallery-item a img {
      display: block; }

/*-----  End of gallery  ------*/
/*===============================
=            sidebar            =
===============================*/
aside {
  font-family: "futura-pt", sans-serif !important; }
  aside h1, aside .h1, aside h2, aside .h2, aside h3, aside .h3, aside h4, aside .h4, aside h5, aside .h5 {
    font-family: "futura-pt", sans-serif !important; }
  aside > li {
    padding-top: 0; }
  aside .blogroll li {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 2px solid #e5e5e5; }
    aside .blogroll li a {
      font-family: "futura-pt", sans-serif;
      font-size: 16px;
      font-weight: 700;
      text-decoration: none; }
      aside .blogroll li a img {
        float: right; }
    aside .blogroll li:after {
      content: "";
      display: block;
      clear: both; }

.block-small {
  margin-bottom: 1em; }

h2.widgettitle, span.widget-title, h3#reply-title {
  display: block;
  margin-bottom: 15px;
  padding: 10px 12px;
  font-weight: 800;
  font-size: 2.3rem;
  font-family: 'futura-pt', sans-serif;
  text-transform: capitalize;
  /*color: #FFFFFF;
  background-color: #F78620;*/
  border-bottom: 5px solid #1a1a1a; }

/*-----  End of sidebar  ------*/
.next-link .btn {
  background-image: none; }
  .next-link .btn.btn-secondary {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #333;
    color: #fff; }
    .next-link .btn.btn-secondary:hover {
      background-color: #999;
      color: #333; }

/*===============================
=            article            =
===============================*/
body.single .headline h1 {
  font-family: 'futura-pt', sans-serif !important;
  font-size: 3.5em; }
  @media screen and (max-width: 768px) {
    body.single .headline h1 {
      font-size: 3em; } }
  @media screen and (max-width: 568px) {
    body.single .headline h1 {
      margin-top: 0.5em;
      font-size: 2em;
      line-height: 3rem; } }
body.single div.story {
  margin-top: 0 !important; }
  @media screen and (max-width: 568px) {
    body.single div.story {
      padding: 0 1em; } }

/*-----  End of article  ------*/
/*==========================================
=            mobile search form            =
==========================================*/
#openclose {
  display: none;
  position: absolute;
  right: 18px;
  border: 1px solid #333;
  -moz-border-radius: 6px;
  /*Firefox*/
  -webkit-border-radius: 6px;
  /*Safari, Chrome*/
  border-radius: 6px;
  padding: 10px 24px;
  max-width: 40px;
  z-index: 10000;
  background-image: url(../../library/images/cerca.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
  text-indent: 999;
  color: transparent; }
  @media screen and (max-width: 880px) {
    #openclose {
      display: block;
      top: 126px; } }
  @media screen and (max-width: 667px) {
    #openclose {
      top: 132px; } }
  @media screen and (max-width: 666px) {
    #openclose {
      top: 36px; } }

@media screen and (max-width: 568px) {
  #page_header > div:first-child {
    display: none; } }
.mobile-search {
  display: none;
  margin-bottom: 10px;
  border-bottom: 8px solid black; }

.mobile-search-form button {
  padding: 17px 10px;
  float: right;
  text-indent: 999;
  color: transparent; }
  .mobile-search-form button:hover {
    background-color: #fff;
    color: transparent; }
.mobile-search-form .form-group {
  width: 260px !important;
  margin-bottom: 0; }
  .mobile-search-form .form-group input {
    width: 100%;
    padding: 9px !important;
    border: 0; }

/*-----  End of mobile search form  ------*/
/*==========================================
=            new social buttons            =
==========================================*/
.mtvn-social {
  overflow: auto;
  margin: 1em 0 2em;
  font-size: 0.5em; }

.mtvn-social > a {
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 0 2.5%;
  padding: 0.5em;
  width: 20%;
  height: auto;
  color: white !important; }

.mtvn-social > a i.fa-2x {
  line-height: 1.5; }

.mtvn-social > a:hover {
  color: white; }

.mtvn-social i.count {
  font-size: 2em;
  float: right;
  line-height: 1.25; }

.mtvn-social a.fb {
  background-color: #3b5998; }

.mtvn-social a.tw {
  background-color: #4099ff; }

.mtvn-social a.gp {
  background-color: #d34836; }

.mtvn-social a.pi {
  background-color: #c92228; }

.mtvn-social a.comments {
  background-color: #00bbef; }

/*-----  End of new social buttons  ------*/
.next-link .btn.btn-secondary {
  font-family: 'futura-pt', Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #ff6699;
  -webkit-transition: background-color 400ms ease-out;
  -moz-transition: background-color 400ms ease-out;
  -ms-transition: background-color 400ms ease-out;
  -o-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out; }
  .next-link .btn.btn-secondary:hover {
    color: #fff;
    background-color: #00bbef;
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -ms-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out; }

@media screen and (min-width: 620px) {
  .with-logo > img {
    display: block !important;
    float: none !important; } }
.related-content, .widget_tag_cloud {
  font-family: 'futura-pt', Arial, Helvetica, sans-serif; }
  .related-content a, .widget_tag_cloud a {
    font-family: 'futura-pt', Arial, Helvetica, sans-serif; }

.widget_tag_cloud a {
  font-weight: 700; }

/*====================================
=            comment form            =
====================================*/
label {
  width: 80px;
  font-family: 'futura-pt', sans-serif !important;
  font-size: 1.25em; }

.respond-form {
  margin-top: 1em;
  border-top: 3px solid #e5e5e5;
  font-family: 'futura-pt', sans-serif; }
  .respond-form h3 {
    padding-top: 1em; }
  .respond-form textarea {
    width: 45%; }
    .collapsable .respond-form textarea {
      width: 55%; }
  .respond-form button, .respond-form select, .respond-form input, .respond-form textarea {
    font-family: 'futura-pt', sans-serif; }
  .respond-form #submit {
    padding: 4px 10px;
    margin-left: 200px !important;
    border: 0;
    font: 700 1em "futura-pt", Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #00bbef;
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -ms-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out; }
    .respond-form #submit:hover {
      color: #fff;
      background-color: #ff6699;
      -webkit-transition: background-color 400ms ease-out;
      -moz-transition: background-color 400ms ease-out;
      -ms-transition: background-color 400ms ease-out;
      -o-transition: background-color 400ms ease-out;
      transition: background-color 400ms ease-out; }

/*-----  End of comment form  ------*/
/*================================
=            comments            =
================================*/
.comment {
  display: block;
  position: relative;
  margin-bottom: 2em;
  padding: 0 0 1em 60px;
  border-bottom: 1px solid #ddd;
  font-family: 'futura-pt', sans-serif;
  font-size: 1.125em; }
  .comment:before, .comment:after {
    content: " ";
    display: table; }
  .comment:after {
    clear: both; }
  .comment.inset2 {
    margin-left: 4em; }
  .comment.inset3, .comment.int3 {
    margin-left: 8em; }
  .comment.inset4, .comment.int4 {
    margin-left: 12em; }
  .comment .foo {
    margin: 0;
    width: 0;
    display: none; }
  .comment > div .comment-author .avatar {
    position: absolute;
    top: 0;
    left: 0; }
  .comment > div .comment-author cite {
    font-weight: 700; }
  .comment > div .reply {
    margin-top: 1em; }
    .comment > div .reply a {
      display: inline-block;
      padding: 0.5em 1em;
      color: #fff;
      font-weight: 700;
      background-color: #00bbef;
      -webkit-transition: background-color 400ms ease-out;
      -moz-transition: background-color 400ms ease-out;
      -ms-transition: background-color 400ms ease-out;
      -o-transition: background-color 400ms ease-out;
      transition: background-color 400ms ease-out; }
      .comment > div .reply a:hover {
        background-color: #ff6699;
        -webkit-transition: background-color 400ms ease-out;
        -moz-transition: background-color 400ms ease-out;
        -ms-transition: background-color 400ms ease-out;
        -o-transition: background-color 400ms ease-out;
        transition: background-color 400ms ease-out; }

/*-----  End of comments  ------*/
/*============================
=            tags            =
============================*/
@media screen and (max-width: 568px) {
  footer.article-footer .tags {
    font-size: 2.25rem !important;
    line-height: 3rem; } }

/*-----  End of tags  ------*/
/*=================================
=            pagination            =
=================================*/
.pagination li {
  float: left;
  height: 30px;
  width: 30px;
  margin: 4px;
  padding: 4px;
  text-align: center;
  background-color: #00bbef;
  -webkit-transition: background-color 400ms ease-out;
  -moz-transition: background-color 400ms ease-out;
  -ms-transition: background-color 400ms ease-out;
  -o-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out; }
  .pagination li:hover, .pagination li.active {
    color: #fff;
    cursor: pointer;
    background-color: #ff6699;
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -ms-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out; }
  .pagination li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 700; }

/*-----  End of pagination  ------*/
/*============================================
=            a>img in post fixing            =
============================================*/
/*.entry-content a[rel] { display: block; } */
  .entry-content a[rel] img {
    display: block; }

/*-----  End of a>img in post fixing  ------*/
/*==========  light box gallery  ==========*/
@media screen and (max-width: 568px) {
  dt.gallery-icon {
    display: block;
    width: 100%;
    height: auto;
    max-height: 77px; } }
.lb-details {
  display: none !important; }

/*===========================================
=            replay comment form            =
===========================================*/
.reply .replycommentform {
  display: none; }
  .reply .replycommentform:first-child {
    display: block; }

.collapsable {
  display: none; }

.replycommentform textarea {
  width: 100%; }
.replycommentform .button {
  display: inline-block;
  margin-left: 200px !important;
  padding: 0.5em 1em;
  color: #fff;
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  border-width: 0;
  border-color: transparent;
  background-color: #00bbef;
  -webkit-transition: background-color 400ms ease-out;
  -moz-transition: background-color 400ms ease-out;
  -ms-transition: background-color 400ms ease-out;
  -o-transition: background-color 400ms ease-out;
  transition: background-color 400ms ease-out; }
  .replycommentform .button:hover {
    background-color: #ff6699;
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -ms-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out; }
.replycommentform a {
  color: black !important;
  font-weight: 400 !important;
  background: transparent !important; }
  .replycommentform a:hover {
    background-color: transparent; }

/*-----  End of replay comment form  ------*/
/*=====================================
=            more ........            =
=====================================*/
.entry-content {
  font-family: 'futura-pt', sans-serif; }

.article-block[class*="postcard-"] .media {
  width: 40% !important; }

body.category #main > .row > .post-1 .header h3 {
  font-size: 2.3rem !important;
  line-height: 2.6rem !important; }

.mtvn-inner-col.mtvn-inner-col-b div.ad_300x250 {
  position: relative !important;
  top: auto;
  bottom: auto; }

/*-----  End of more ........  ------*/
@media screen and (max-width: 568px) {
  .post.col-xs-12 {
    margin-bottom: 1em; } }

textarea {
  width: 45% !important; }
  @media (max-width: 568px) {
    textarea {
      width: 48% !important; } }

.collapsable textarea {
  width: 55% !important; }
  @media (max-width: 568px) {
    .collapsable textarea {
      width: 59% !important; } }

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name:
  Author:
  Stylesheet: 481px and Up Stylesheet

  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  ******************************************************************/
  /*********************
  RESPONSIVE STYLES
  *********************/
  /* INSTAGRAM not Responsive at desktop size */
  .square-container {
    padding-bottom: 115%; }

  .portrait.p3x4 {
    max-width: 80%; }
  .portrait.p9x16 {
    max-width: 60%; } }
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 660px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Tablet & Small Desktop Stylesheet

  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!

  ******************************************************************/
  /*********************
  RESPONSIVE STYLES
  *********************/
  /* INSTAGRAM not Responsive at desktop size */
  .square-container {
    padding-bottom: 685px; }
    .square-container iframe {
      width: 618px; }

  /*********************
  HOME STYLES
  *********************/
  .item-md.postcard-left {
    margin-bottom: 15px; }
  .item-md .header {
    margin-left: -137px;
    margin-top: 100px; }
  .item-md span.headline {
    padding: 10px;
    border-bottom: 6px solid #1a1a1a; }

  .item-sm .header {
    margin-top: -50px; }
    .item-sm .header h3 {
      font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

  .item-lg .header {
    margin-top: -80px; }
  .item-lg span.headline {
    min-height: 100px;
    font-size: 1.7rem; }

  .item .header {
    position: relative;
    display: block;
    top: auto; }
  .item.promo-block .header {
    max-width: 85%; }

  .single article.no_lead_image .small_lead_image {
    margin-top: -5%;
    margin-bottom: -15%;
    z-index: -1;
    top: 5px;
    left: 0; }
  .single article.no_lead_image .header {
    width: 85%; }
    .single article.no_lead_image .header .headline {
      background-color: #fafafa; }

  /*********************
  POST STYLES
  *********************/
  .single section {
    font-size: 1.9rem;
    line-height: 2.8rem; }
  .single h1 {
    line-height: 4.5rem;
    font-size: 5.0rem; }
  .single .subhead {
    line-height: 2.4rem;
    font-size: 2.0rem;
    padding: 10px 0 10px 0; }

  big {
    font-size: 2.7rem; }

  /*********************
  INTERSTITIAL STYLES
  *********************/
  .interstitial span.headline {
    font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    line-height: 1.7rem; }
  .interstitial h2 {
    display: table;
    font-size: 2.3rem; }
  .interstitial .container16x9 {
    width: 100%;
    float: none; }
    .interstitial .container16x9 img {
      padding-right: 0; }
  .interstitial .textwidget a > img {
    width: auto; }
  .interstitial h2.widgettitle {
    border-bottom: none;
    margin-bottom: 0; }
  .interstitial .trending-list .trend-box {
    position: absolute;
    top: 100%;
    margin-top: -24px; }

  body.category #main .trending-list .meta-wrap, body.home #main .trending-list .meta-wrap {
    padding: 8px 3px 10px 5px; }

  body.home #main .trending-list {
    padding: 0;
    background-color: transparent; }
    body.home #main .trending-list article {
      background-color: transparent;
      padding-bottom: 0; }

  aside span.headline {
    font-size: 1.7rem;
    line-height: 1.9rem; }

  aside li article {
    padding-bottom: 10px; }
    aside li article .container16x9 {
      width: 118px;
      height: 118px; }

  /*********************
  UI KIT STYLES
  *********************/
  .article-block[class*="postcard-"] .media {
    width: 68%; }

  .postcard-left > div, .postcard-right > div {
    display: table-cell; }

  /*********************
  ARCHIVE STYLES
  *********************/
  body.archive #main > .row > .post-1 .header h3 {
    font-size: 3.7rem;
    line-height: 3.9rem; }
  body.archive #main > .row > .post-1 .header .headline {
    padding: 0 10px 2px 0; }

  body.archive article.summary .header h3 {
    font-size: 2.3rem;
    line-height: 2.6rem; }
  body.archive article.summary .entry-content {
    padding: 0px 0px 30px 0px; }

  /*********************
  GENERAL STYLES
  *********************/
  div.col-xs-6 article.summary .entry-content {
    padding: 0px 0px 15px 0px; }

  article.summary .entry-content {
    padding: 0px 0px 20px 0px; }
    article.summary .entry-content h3 {
      font-weight: 800;
      letter-spacing: -1px; }
    article.summary .entry-content .item-lg h3 {
      font-size: 3.7rem;
      line-height: 3.7rem; }
    article.summary .entry-content .item-md h3 {
      font-size: 2.7rem;
      line-height: 2.7rem; }
    article.summary .entry-content .item-sm h3 {
      font-size: 2.0rem;
      line-height: 2.0rem; }

  footer.article-footer h3 {
    font-size: 1.7rem;
    line-height: 2.0rem; }
  footer.article-footer .date {
    font-size: 1.2rem; }
  footer.article-footer .related-content .date {
    padding-top: 5px; }

  footer.article-footer .container16x9:before {
    padding-top: 56.5% !important; }
  footer.article-footer div.header {
    padding-bottom: 5px !important; }
  footer.article-footer .latest-news .meta-wrap div.header {
    top: -27px;
    position: relative; }
  footer.article-footer .zergheadline {
    position: relative;
    display: inline-table; }
  footer.article-footer .zergentity {
    float: left;
    width: 33.33333333%; }
    footer.article-footer .zergentity img {
      width: 100%;
      margin-top: -50px; }
    footer.article-footer .zergentity a {
      padding-right: 0;
      width: 100%; }
  footer.article-footer .meta-wrap {
    max-height: 300px; }
  footer.article-footer .media {
    width: 100%;
    clear: both;
    float: none;
    padding: 0; }
  footer.article-footer article {
    padding-bottom: 0;
    min-height: 300px; }
  footer.article-footer .poweredby {
    display: inline; }

  body.home article .item-md .category, body.home .post-1 article .category {
    top: -2px; }

  body.single .lead-image {
    top: -40px; }
    body.single .lead-image .container-lead-image {
      padding-top: 56.5%; }
    body.single .lead-image .photocredit {
      margin-top: -8%; }
  body.single div.story {
    position: relative;
    margin-top: -16%; }
    body.single div.story .category {
      top: -2px;
      left: 0px;
      position: relative; }
    body.single div.story section {
      padding: 0 10px; }
  body.single div.header {
    padding: 15px 10px 10px 10px; }
  body.single article.no_lead_image div.story .category {
    top: -2px;
    left: 0; }

  .player_container:hover .play_overlay_icon {
    opacity: 0.9; }

  .player_container .light_player .play_overlay_icon {
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5); } }
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Tablet & Small Desktop Stylesheet

  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!

  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  .navbar .ad-banner {
    width: auto;
    display: table;
    min-height: 90px; }

  body.single .lead-image .photocredit {
    margin-top: -10%; }

  #nav-close {
    margin-left: 15px; }

  body.home #main div.articles article, body.archive #main div.articles article {
    border-bottom: none; }
    body.home #main div.articles article .thumb, body.archive #main div.articles article .thumb {
      float: none; }

  .sub-footer .sm4FollowWidget {
    margin-left: 10px;
    top: 10px;
    position: relative; }

  .widget_trending_stories.sticky {
    width: 300px; }

  .item-md .header.video_header {
    margin-left: 0;
    margin-top: 10px; }
    .item-md .header.video_header span.headline {
      padding: 10px 0; }

  .item .header.video_header, .item-lg .header.video_header, .item-sm .header.video_header {
    position: relative;
    margin-top: 22px;
    max-width: 100%; }

  .header {
    -webkit-transition: margin 0.3s ease-out,width 0.3s ease-out;
    -moz-transition: margin 0.3s ease-out,width 0.3s ease-out;
    -o-transition: margin 0.3s ease-out,width 0.3s ease-out;
    transition: margin 0.3s ease-out,width 0.3s ease-out; } }
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 980px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Desktop Stylsheet

  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.

  ******************************************************************/
  /* General Styles */
  #content {
    margin: 10px;
    padding-top: 0; }

  div.story {
    padding-right: 20px; }

  ul.widgets {
    margin-top: 0; }

  body.single article aside {
    margin-top: -40px; }

  body.single article.no_lead_image aside {
    margin-top: 0px; }

  body.single-interactive #main .sm4FollowWidget {
    margin-top: 0; }

  .sidebar {
    min-height: 900px; }

  aside li {
    width: 300px;
    margin: auto; }
  aside .sm4FollowWidget .follow .siteFollowView .expandableMenu .followedObject {
    padding: 0 0 8px 0; }
  aside li.widget_trending_stories {
    border-top: none;
    padding: 20px 0 0 0;
    position: static;
    background-color: transparent;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }

  body.single h1 {
    font-size: 5.0rem;
    line-height: 4.5rem; }
  body.single .subhead {
    font-size: 2.0rem;
    line-height: 2.4rem; }
  body.single .trend-box p.trend-val {
    top: 0px; }

  footer.article-footer .zergheadline {
    position: relative;
    /*top: 10px;*/
    font-size: 2.0rem;
    line-height: 2.0rem; }
  footer.article-footer .container {
    padding-left: 60px; }
  footer.article-footer h3 {
    font-size: 2.0rem;
    line-height: 2.0rem;
    font-family: "Akzidenz-Grotesque", "nimbus-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  footer.article-footer .zergentity, footer.article-footer .latest-news article, footer.article-footer .vmn_coda_ad-tile {
    max-height: 300px; }

  .zergentity > a {
    clear: both; }

  .interstitial h2 {
    margin-left: -25px; }

  body.home div.ad_tile, body.archive div.ad_tile {
    padding: 0; }
  body.home #main, body.archive #main {
    padding-right: 0; }

  body.single .lead-image .container-lead-image {
    padding-top: 44.5%; }
  body.single .lead-image .photocredit {
    top: -15px;
    margin-top: 0; }

  body.single article.no_lead_image .header, body.single article.no_lead_image section {
    padding-left: 0; }
  body.single article.no_lead_image .small_lead_image {
    margin-left: 0;
    margin-right: 0; }

  body.single div.story section {
    font-size: 1.9rem;
    line-height: 2.8rem; }
  body.single #main {
    padding-left: 70px; }
  body.single #content {
    margin: 0; }

  .ad_tile {
    margin: 0 auto;
    max-width: 300px; }

  .sidebar {
    padding: 0 0; }

  body.single-format-video > #page_root > .player_container {
    top: -110px; }
  body.single-format-video #content {
    top: -70px;
    position: relative; }

  .mtvn_media_player_container {
    margin: auto; }

  .sub-footer {
    display: inline-block; }
    .sub-footer .sm4FollowWidget {
      display: inline-table; }

  div.sm4ShareWidget {
    position: absolute;
    top: 15px;
    margin-left: 25px; }

  .flux4Widget.sm4ShareWidget .share .actionItem.facebook {
    padding: 10px 6px; }
  .flux4Widget.sm4ShareWidget .share .actionItem.twitter {
    padding: 10px 6px; }

  /*********************
  ARCHIVE STYLES
  *********************/
  body.category #main > .row > .post-1 .header h3 {
    font-size: 3.3rem;
    line-height: 3.6rem; }

  body.archive .item .header h3 {
    line-height: 2.3rem;
    font-size: 2.0rem; }
  body.archive #main .article-block[class*="postcard-"] .media {
    width: 40%; } }
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1200px) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Super Large Monitor Stylesheet

  You can add some advanced styles here if you like. This kicks in
  on larger screens.

  ******************************************************************/ }
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Retina Screens & Devices Stylesheet

  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.

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

  EXAMPLE
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:

  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }

  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the same icon, but at double the resolution, meaning
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go.

  */ }
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .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; }

  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; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }
@media screen and (min-width: 320px) and (max-width: 360px) {
  .touch .mobile-search-form .form-group {
    width: 300px; }

  .touch .mobile-search-form .form-group input {
    border: 0;
    padding: 6px; }

  .touch textarea {
    width: 89% !important; }

  .touch .collapsable textarea {
    width: 86% !important;
    margin-left: 0; }

  .touch .collapsable.replycommentform .button {
    margin-left: 0 !important; } }


#execphp-47 .media-section > h3{
  margin-top: 30px;
}

.execphpwidget .media-section h3{
  margin-top: 26px;
}

#page_header {
   z-index: 100;
}

/* new menu */
#header_mtv *,
footer * {
	font-family: "HelveticaNeueLTStd-Bd", sans-serif;
}
@media screen and (min-width: 992px) {
	.container{max-width: 1020px;}
}
.svg {
	display: block;
	shape-rendering: geometricPrecision;
}
.svg path {
	stroke-width: 0;
}
.svg.arrow path,
.svg.stroke path,
.svg#ico-menu-testi-canzoni path,
.svg#ico-arrow path {
	stroke-width: 2;
}
#head > .container > .row {padding:10px 0; background-color:#262425;}
#header_mtv {background-color:#000000;}
#header_mtv > .container > .row {background-color:#000000;}
.navbar {min-height:0;}
.navbar-header {height:52px;}
.navbar-toggle {float:left;}
.navbar-toggle .icon-bar {
  display: block;
  width: 26px;
  height: 3px;
  border-radius: 0;
  background-color:#FFFFFF !important;
}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 5px;}
.navbar-collapse > ul:last-child {clear:left;}
.navbar-default {background-color:transparent; border:none; margin:0;}
.navbar-brand {height:52px; width:57px; padding:0;}
.nav.navbar-nav > li:last-child {border-bottom:none;}
.navbar-nav > li > a {padding:0 15px; margin:0; display:inline-block;}
.navbar-nav.hidden-xs > li > a {border-left:1px solid #666;}
.navbar-nav > li:first-child > a {border-left:none;}
.nav.navbar-nav.menu {font-size:20px; font-style: normal;}
.nav.navbar-nav.menu > .dropdown > .dropdown-menu {background-color:#333; border:none;}
.nav.navbar-nav.menu > .dropdown > .dropdown-menu > li {text-transform:none; font-style:normal;}
.nav.navbar-nav.menu > .dropdown > .dropdown-menu > li > a {background-color:transparent; font-weight:bold;}

.dropdown > .menu2 > ul {padding:0 10px; text-transform:none; font-style:normal; color:#666;}
.dropdown > .menu2 > ul:first-child {font-size:20px; text-transform:uppercase;}
.dropdown > .menu2 > ul > li {list-style:none;}

@media (max-width: 767px) {
	.navbar-toggle {position:absolute; left:0;}
	.navbar-brand {position:absolute; left:50%; margin-left:-28.5px;}
	.nav.navbar-nav.menu > .dropdown > .dropdown-menu {display:none;}
}
@media (min-width: 768px) {
	.navbar-collapse {float:left; padding-left:0;}
}
@media (min-width: 992px) {
	.dropdown > .menu2 > ul {width:980px; top:34px;}
	#music {left:-92px;}
	#tv {left:-192px;}
	#news {left:-252px;}
	#games {left:-349px;}
}
#head {
	background-color: #333333;
}
#header_mtv .content-spacing > .row {
	margin: 0 -20px;
}
#header_mtv .container {
	background: transparent;
}
#menu-testi-canzoni {
	background: #333333;
}
.logoMTV.svg {
	width: 50px;
	height: 50px;
}
.logoMTV.svg path {
	fill: #ffffff;
}
.navbar-nav {
	margin-top: 0;
	margin-bottom: 0;
}
#header_mtv .container-fluid:first-of-type {
	padding-top: 5px;
	padding-bottom: 5px;
}
#header_mtv .navbar-header button {
	width: 60px;
	height: 60px;
}
#header_mtv .navbar-header button,
#header_mtv #search-menu {
	margin-top: -5px;
}
#header_mtv .navbar-header button {
	margin-left: 5px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	height: 50px;
	padding: 0 16px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
.navbar-collapse {box-shadow: none;}
.nav.navbar-nav.menu a {color:#ffffff;position: relative;}

.search-header {
	width: 100%;
	height: 32px;
	font-size: 16px;
	color: #666;
	background-color: transparent;
	border: 2px solid #666;
	border-radius: 16px;
	padding: 0 22px;
	display: block;
	opacity: 1;
}
/* hover, focus */
.search-header:focus {
	color: #f7f908;
	border-color: #f7f908;
}
.search-header::-moz-placeholder {opacity: 1;text-transform: uppercase;}

.search-header::-webkit-input-placeholder {color: #666; opacity: 1;text-transform: uppercase;} 
.search-header:-moz-placeholder {color: #666; opacity: 1;text-transform: uppercase;} 
.search-header:-ms-input-placeholder { color: #666; opacity: 1;text-transform: uppercase;}

.search-header:focus::-webkit-input-placeholder {color: #f7f908;} 
.search-header:focus:-moz-placeholder {color: #f7f908;} 
.search-header:focus:-ms-input-placeholder { color: #f7f908; }

.search-header:focus::-moz-placeholder {opacity: 0;}
.search-header:focus::-webkit-input-placeholder {opacity: 0;}
.search-header:focus:-moz-placeholder {opacity: 0;} 
.search-header:focus:-ms-input-placeholder {opacity: 0;}

#search-collapse button {
	background-color: transparent;
	border: none;
	position: absolute;
}
#ico-search {
	width: 19px;
	height: 19px;
}
#ico-search path {
	fill: #666666;
	stroke: #666666;
}
.search-header:focus + button #ico-search path {
	fill: #f7f908;
	stroke: #f7f908;
}
#search-menu {
	width: 60px;
	height: 60px;
	background-color: #333333;
	top: 0;
	left: auto;
	right: 0;
	padding-top: 2px;
	padding-left: 20px;
}
#ico-menu-search {
	width: 22px;
	height: 23px;
}
#ico-menu-search path {
	fill: #ffffff;
	stroke: #ffffff;
}
.navbar-default #search-menu.navbar-toggle.collapsed #ico-menu-search path,
.navbar-default #search-menu.navbar-toggle.collapsed:hover #ico-menu-search path,
.navbar-default #search-menu.navbar-toggle.collapsed:focus #ico-menu-search path {
	fill: #000000;
	stroke: #000000;
}
#ico-arrow {
	width: 16px;
	height: 16px;
	margin: 1px 4px 4px;
	transform: rotate(-90deg);
}
#ico-arrow path {
	fill: transparent;
	stroke: #666666;
}
.search-header:focus + button #ico-arrow path {
	stroke: #f7f908;
}
#menu-testi-canzoni .col-xs-12 {
	padding: 0;
}
#menu-testi-canzoni .col-xs-12 .dropdown {
	font-size: 20px;
}
#menu-testi-canzoni .col-xs-12 .dropdown button {
	height: auto;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	color: #f7f908;
	padding: 10px 20px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: block;
	position: relative;
}
#menu-testi-canzoni .col-xs-12 .dropdown button #ico-menu-testi-canzoni {
	position: absolute;
	top: 15px;
	right: 25px;
	padding: 0;
}
#menu-testi-canzoni .col-xs-12 .dropdown li a {
	font-size: 20px;
	color: #ffffff;
	background-color: transparent;
}
#menu-testi-canzoni button {
	background-color: transparent;
	border: none;
}
#menu-testi-canzoni button #ico-menu-testi-canzoni {
	width: 18px;
	height: 18px;
}
#menu-testi-canzoni #drop_btn #ico-menu-testi-canzoni {
	transform: rotate(-180deg);
}
#menu-testi-canzoni #drop_btn.collapsed #ico-menu-testi-canzoni {
	transform: rotate(0deg);
}
#menu-testi-canzoni button #ico-menu-testi-canzoni path {
	fill: transparent;
	stroke: #f7f908;
}
#menu-testi-canzoni #drop_item {
	background-color: #444444;
	border: none;
	border-radius: 0;
	position: static;
	float: none;
}
#menu-testi-canzoni #drop_item li {
	list-style: none;
}
#menu-testi-canzoni .container {
	position: relative;
}
#menu-testi-canzoni .col-xs-12 .dropdown #drop_item {
	padding: 0;
	margin: 0;
}
#menu-testi-canzoni .col-xs-12 .dropdown #drop_item li a {
	padding: 10px 20px;
	display: block;
}
#menu-testi-canzoni .col-xs-12 .dropdown #drop_item li a:hover {
	color: #f7f908;
}

@media screen and (max-width: 767px) {
	#header_mtv .col-xs-12 {
		padding: 0;
	}
	#header_mtv .row {
		margin: 0;
	}
	#header_mtv #menu-testi-canzoni {
		margin-top: -2px;
	}
	#header_mtv #menu-testi-canzoni .col-xs-12 {
		padding-right: 0;
	}
	#bs-example-navbar-collapse-1 {margin-top: 3px; margin-bottom: -5px; padding: 0 5px;}
	#bs-example-navbar-collapse-1.navbar-collapse {background-color: #333333;}
	#bs-example-navbar-collapse-1 a {text-align: left; display: block;}
	#header_mtv #search-menu {
		text-align: left;
		margin-right: 5px;
	}
	#menu-testi-canzoni {
		padding: 0 10px;
	}
	#menu-testi-canzoni .col-xs-12 .dropdown button {
		width: 100%;
	}
	.navbar-default .navbar-toggle {
		background-color: #333333;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #333333;
	}
	.navbar-default .navbar-toggle.collapsed,
	.navbar-default .navbar-toggle.collapsed:hover,
	.navbar-default .navbar-toggle.collapsed:focus {
		background-color: #000000;
	}
	.navbar-default #search-menu.navbar-toggle.collapsed,
	.navbar-default #search-menu.navbar-toggle.collapsed:hover,
	.navbar-default #search-menu.navbar-toggle.collapsed:focus {
		background-color: #f7f908;
	}
	.navbar-nav > li > a {padding:15px 20px;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #000000; background-color: #f7f908;}
	#search-collapse {
		width: 100%;
		background-color: #333333;
		padding: 15px;
		float: left;
		position: relative;
		margin-top: 3px;
		margin-bottom: -5px;
	}
	#ico-search {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.nav.navbar-nav.menu a:hover:after {
		content: "";
		width: 100%;
		height: 3px;
		background-color: #f7f908;
		display: block;
		position: absolute;
		bottom: 6px;
		left: 0;
	}
	#header_mtv #bs-example-navbar-collapse-1 {display: block; height: auto !important;}
	#header_mtv .navbar-header .navbar-toggle {display: none;}
	#header_mtv #search-menu {display: none;}
	#header_mtv #search-collapse {display: block; height: auto !important; font-size: 16px;}
	#header_mtv .col-xs-12 {
		padding-left: 20px;
		padding-right: 0;
	}
	#header_mtv #menu-testi-canzoni .col-xs-12 {
		padding-left: 0;
	}
	#menu-testi-canzoni .col-xs-12 .dropdown button #ico-menu-testi-canzoni {
		left: 160px;
	}
	#header_mtv .navbar-header {
		float: left;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding: 15px 4px;
	}
	#bs-example-navbar-collapse-1 {
		width: calc(100% - 360px);
	}
	#bs-example-navbar-collapse-1 .nav.navbar-nav.menu {
		width: 100%;
		display: flex;
  		justify-content: space-between;
	}
	.dropdown {
		font-size: 16px;
	}
	.search-header {
		width: 280px;
		margin-top: 9px;
	}
	#search-collapse button {
		top: 16px;
		right: 25px;
	}
	#ico-arrow {
		display: none;
	}
	#menu-testi-canzoni ul li {
		width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width: 992px) {
	.search-header {
		width: 300px;
	}
	#bs-example-navbar-collapse-1 {
		width: calc(100% - 380px);
	}
	.dropdown {
		font-size: 20px;
	}
	#menu-testi-canzoni ul li {
		width: 980px;
	}
}
@media screen and (min-width: 1200px) {
	#menu-testi-canzoni ul li {
		width: 1020px;
	}
}

/* ----- */
/* hacks */
/* ----- */
/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) {
		#search-collapse button {top: 14px;}
	}
}

/* Chrome 51+ */
@supports (-webkit-tap-highlight-color:currentcolor) and (min-width: 768px) and (not (-webkit-background-composite:clear)) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) {
	#search-collapse button {top: 15px;}
}
/* --------- */
/* hacks end */
/* --------- */

@media screen and (max-width: 767px) {
	#search-collapse button {
		top: 22px;
		right: 15px;
	}
}

/* new footer */
.footer {
	margin-top: 20px;
}
.footer * {
	transition: all 0.3s;
	-webkit-font-smoothing: antialiased;
}
.footer .row {
	margin-left: -15px;
	margin-right: -15px;
}
#page404 + .container-fluid .footer {
	margin-top: 0;
}
.footer-top {
	color: #666666;
	background-color: #000000;
	padding: 40px 20px;
}
.footer-top a {
	display: inline-block;
	color: #666666;
}
.footer-top a:visited {
	display: inline-block;
	color: #666666;
}
.footer-top a:active {
	display: inline-block;
	color: #666666;
}
.footer-top a:hover {
	color: #f7f908;
}
.footer-top .logoMTV {
	width: 86px;
	height: auto;
}
.footer-top .footer-link {
	margin: auto;
}
.footer-top .footer-link .social {
	max-width: 356px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto;
}
.footer-top .footer-link .svg {
	width: auto;
	height: 26px;
}
.footer-top .footer-link .svg path {
	fill: #ffffff;
	stroke: #ffffff;
	transition: 0.5s all;
}
.footer-top .footer-link .social a:hover .svg path {
	fill: #f7f908;
	stroke: #f7f908;
}
.footer-top .footer-link ul {
	margin: 0 auto;
	padding: 0;
}
.footer-top .footer-link ul li {
	font-size: 12pt;
	text-transform: capitalize;
	list-style: none;
	padding: 0 12px;
	display: inline-block;
}
.footer-top .footer-link ul li {
	margin-top: 3px;
	margin-left: 3px;
	position: relative;
}
.footer-top .footer-link ul li:after {
	content: "";
	width: 2px;
	height: 80%;
	background-color: #cccccc;
	position: absolute;
	top: 10%;
	right: 0;
	display: block;
}
.footer-top .footer-link ul li:last-of-type {
	border-right: none;
}
.footer-top .footer-link ul li:last-of-type:after {
	display: none;
}
.footer-top .footer-link ul li a {
	display: block;
}
.footer-bottom {
	color: #999999;
	background-color: #333333;
	padding: 25px 20px;
}
.footer-bottom p {
	font-size: 8pt;
	margin: 0 0 22px;
}
.footer-bottom .svg {
	width: 48px;
	height: auto;
}
.footer-bottom .svg path:first-of-type {
	fill: #ffffff;
	stroke: transparent;
}
.footer-bottom .svg path:last-of-type {
	stroke: #ffffff;
	stroke-width: 2;
	fill: transparent;
}
.footer-bottom a {
	margin-top: 20px;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.footer-bottom .img-responsive.center-block {
		max-width: 50%
	}
}
@media screen and (min-width: 768px) {
	.footer-bottom .img-responsive.center-block {
		max-width: 40%
	}
}
@media screen and (min-width: 992px) {
	.footer-bottom .img-responsive.center-block {
		max-width: 33%
	}
}
@media screen and (min-width: 1200px) {
	.footer-bottom .img-responsive.center-block {
		max-width: 21.6%
	}
}

/* paginator */
.paginator {
	text-align: center;
}
.paginator ul.page-numbers li {
	display: inline-block;
	list-style: none;
	margin-bottom: 5px;
}
.paginator ul.page-numbers li + li {
	margin-left: 8px;
}
.paginator ul.page-numbers li .page-numbers {
	width: 48px;
	height: 46px;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	background-color: #cccccc;
	display: block;
	padding: 5px;
	transition: all 0.4s;
	line-height: 36px;
}
.paginator ul.page-numbers li .prev,
.paginator ul.page-numbers li .next {
	width: auto;
	padding-left: 24px;
	padding-right: 24px;
}
.paginator ul.page-numbers li .prev svg,
.paginator ul.page-numbers li .next svg {
	width: 16px;
	height: 9px;
	vertical-align: middle;
	margin-top: -2px;
}
.paginator ul.page-numbers li .prev svg {
	transform: rotate(90deg);
}
.paginator ul.page-numbers li .next svg {
	transform: rotate(-90deg);
}
.paginator ul.page-numbers li .prev path,
.paginator ul.page-numbers li .next path {
	fill: transparent;
	stroke: #000000;
	stroke-width: 2;
}
.paginator ul.page-numbers li .current {
	color: #ffffff;
	background-color: #000000;
}
.paginator ul.page-numbers li a.page-numbers:hover {
	background-color: #f6f91e;
}
@media screen and (max-width: 659px) {
	.paginator ul.page-numbers li .prev span,
	.paginator ul.page-numbers li .next span {
		display: none;
	}
}