.hidden-desktop {
  display: inherit !important
}

.visible-desktop {
  display: none !important
}

.visible-phone {
  display: inherit !important
}

.hidden-phone {
  display: none !important
}

@media screen and (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important
  }

  .visible-desktop {
    display: none !important
  }

  .visible-tablet {
    display: inherit !important
  }

  .hidden-tablet {
    display: none !important
  }
}

@media screen and (min-width: 980px) {
  .visible-phone {
    display: none !important
  }

  .visible-tablet {
    display: none !important
  }

  .hidden-desktop {
    display: none !important
  }

  .visible-desktop {
    display: inherit !important
  }
}

html {
  box-sizing: border-box
}

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

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

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

[hidden] {
  display: none
}

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

html, button, input, select, textarea {
  font-family: sans-serif
}

body {
  margin: 0
}

a:focus {
  outline: thin dotted
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: 700
}

h1 {
  font-size: 2em;
  line-height: 1.4;
  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.67em;
  margin: 2.33em 0
}

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

b, strong {
  font-weight: 700
}

blockquote {
  margin: 1em 40px
}

dfn {
  font-style: italic
}

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

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

p, pre {
  margin: 1em 0
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

q {
  quotes: none
}

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

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
}

dl, menu, ol, ul {
  margin: 1em 0
}

dd {
  margin: 0 0 0 40px
}

menu, ol, ul {
  padding: 0 0 0 40px
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

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

figure {
  margin: 0
}

form {
  margin: 0
}

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

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button, input {
  line-height: normal
}

button, select {
  text-transform: none
}

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

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

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}

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
}

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

textarea {
  overflow: auto;
  vertical-align: top
}

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

@font-face {
  font-family: 'museo-webfont';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/museo/museo-regular-500.eot");
  src: url("../fonts/museo/museo-regular-500.eot?#iefix") format("embedded-opentype"), url("../fonts/museo/museo-regular-500.svg#svgFontName") format("svg"), url("../fonts/museo/museo-regular-500.woff2") format("woff2"), url("../fonts/museo/museo-regular-500.woff") format("woff"), url("../fonts/museo/museo-regular-500.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-webfont';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/museo/museo-italic-500.eot");
  src: url("../fonts/museo/museo-italic-500.eot?#iefix") format("embedded-opentype"), url("../fonts/museo/museo-italic-500.svg#svgFontName") format("svg"), url("../fonts/museo/museo-italic-500.woff2") format("woff2"), url("../fonts/museo/museo-italic-500.woff") format("woff"), url("../fonts/museo/museo-italic-500.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-webfont';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/museo/museo-regular-700.eot");
  src: url("../fonts/museo/museo-regular-700.eot?#iefix") format("embedded-opentype"), url("../fonts/museo/museo-regular-700.svg#svgFontName") format("svg"), url("../fonts/museo/museo-regular-700.woff2") format("woff2"), url("../fonts/museo/museo-regular-700.woff") format("woff"), url("../fonts/museo/museo-regular-700.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-webfont';
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/museo/museo-italic-700.eot");
  src: url("../fonts/museo/museo-italic-700.eot?#iefix") format("embedded-opentype"), url("../fonts/museo/museo-italic-700.svg#svgFontName") format("svg"), url("../fonts/museo/museo-italic-700.woff2") format("woff2"), url("../fonts/museo/museo-italic-700.woff") format("woff"), url("../fonts/museo/museo-italic-700.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-webfont';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/museo/museo-regular-900.eot");
  src: url("../fonts/museo/museo-regular-900.eot?#iefix") format("embedded-opentype"), url("../fonts/museo/museo-regular-900.svg#svgFontName") format("svg"), url("../fonts/museo/museo-regular-900.woff2") format("woff2"), url("../fonts/museo/museo-regular-900.woff") format("woff"), url("../fonts/museo/museo-regular-900.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-webfont';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/museo/museo-italic-900.eot");
  src: url("../fonts/museo/museo-italic-900.eot?#iefix") format("embedded-opentype"), url("../fonts/museo/museo-italic-900.svg#svgFontName") format("svg"), url("../fonts/museo/museo-italic-900.woff2") format("woff2"), url("../fonts/museo/museo-italic-900.woff") format("woff"), url("../fonts/museo/museo-italic-900.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-sans-webfont';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/museo-sans/museo-sans-regular-500.eot");
  src: url("../fonts/museo-sans/museo-sans-regular-500.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museo-sans-regular-500.svg#svgFontName") format("svg"), url("../fonts/museo-sans/museo-sans-regular-500.woff2") format("woff2"), url("../fonts/museo-sans/museo-sans-regular-500.woff") format("woff"), url("../fonts/museo-sans/museo-sans-regular-500.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-sans-webfont';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/museo-sans/museo-sans-italic-500.eot");
  src: url("../fonts/museo-sans/museo-sans-italic-500.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museo-sans-italic-500.svg#svgFontName") format("svg"), url("../fonts/museo-sans/museo-sans-italic-500.woff2") format("woff2"), url("../fonts/museo-sans/museo-sans-italic-500.woff") format("woff"), url("../fonts/museo-sans/museo-sans-italic-500.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-sans-webfont';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/museo-sans/museo-sans-regular-700.eot");
  src: url("../fonts/museo-sans/museo-sans-regular-700.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museo-sans-regular-700.svg#svgFontName") format("svg"), url("../fonts/museo-sans/museo-sans-regular-700.woff2") format("woff2"), url("../fonts/museo-sans/museo-sans-regular-700.woff") format("woff"), url("../fonts/museo-sans/museo-sans-regular-700.ttf") format("truetype")
}

@font-face {
  font-family: 'museo-sans-webfont';
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/museo-sans/museo-sans-italic-700.eot");
  src: url("../fonts/museo-sans/museo-sans-italic-700.eot?#iefix") format("embedded-opentype"), url("../fonts/museo-sans/museo-sans-italic-700.svg#svgFontName") format("svg"), url("../fonts/museo-sans/museo-sans-italic-700.woff2") format("woff2"), url("../fonts/museo-sans/museo-sans-italic-700.woff") format("woff"), url("../fonts/museo-sans/museo-sans-italic-700.ttf") format("truetype")
}

html, button, input, select, textarea {
  font-family: "museo-sans-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif
}

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-font-smoothing: subpixel-antialiased
}

body {
  background: #F6F4F2 url(../img/chevron-bg.gif);
  background-size: 12px;
  color: #666;
  font-family: "museo-sans-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.813em;
  font-weight: 500;
  line-height: 1.6
}

::-moz-selection, ::selection {
  background: #188CB4;
  color: #FFFFFF;
  text-shadow: none
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px dashed #E5E5E5;
  margin: 2em 0;
  padding: 0
}

img {
  vertical-align: middle
}

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

textarea {
  resize: vertical
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::placeholder {
  font-weight: 400;
  line-height: 1;
  color: #aaa
}

.hidden {
  display: none
}

strong {
  font-weight: 700
}

iframe, object, embed {
  max-width: 100% !important
}

.fb-comments, .fb-comments iframe[style], .fb-comments span, .fb-comments iframe span[style] {
  width: 100% !important
}

.fb-like {
  max-width: 100% !important;
  width: 100% !important
}

.fb-like iframe[style] {
  width: 100% !important
}

.fb-like span {
  width: 100% !important
}

.fb-like iframe span[style] {
  width: 100% !important
}

.right {
  float: right
}

.left {
  float: left
}

.clear {
  clear: both
}

.border-wrap {
  border: 5px solid #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.shadow {
  position: relative
}

.shadow:before, .shadow:after {
  -webkit-transition: all 50ms linear;
  -moz-transition: all 50ms linear;
  transition: all 50ms linear;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 5px;
  width: 50%;
  top: 80%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2)
}

.shadow:after {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 5px;
  left: auto
}

.border-wrap.shadow:before, .border-wrap.shadow:after {
  bottom: 10px
}

.margin {
  margin: 1em
}

.margin2 {
  margin: 2em
}

.no-margin-left {
  margin-left: 0
}

.no-margin-right {
  margin-right: 0
}

.no-margin-top {
  margin-top: 0
}

.no-margin-btm {
  margin-btm: 0
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  float: left;
  margin-right: 2.08%
}

.col1 {
  width: 6.25%
}

.col2 {
  width: 14.58%
}

.col3 {
  width: 22.91%
}

.col4 {
  width: 31.24%
}

.col5 {
  width: 39.57%
}

.col6 {
  width: 47.9%
}

.col7 {
  width: 56.23%
}

.col8 {
  width: 64.56%
}

.col9 {
  width: 72.89%
}

.col10 {
  width: 81.22%
}

.col11 {
  width: 89.55%
}

.col12 {
  width: 97.88%
}

.small {
  font-size: .8em
}

.large {
  font-size: 1.2em
}

.container {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  position: relative
}

.container::after {
  clear: both;
  content: "";
  display: table
}

.container.main-container {
  background: #FFFFFF;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
  z-index: 1
}

#wrapper {
  position: relative;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
  z-index: 999
}

#wrapper.nav-is-visible {
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px)
}

#wrapper.user-nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px)
}

@media screen and (min-width: 980px) {
  #wrapper {
    z-index: 10
  }
}

@media screen and (min-width: 980px) {
  #wrapper.nav-is-visible, #wrapper.user-nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
}

a {
  color: #188CB4;
  font-weight: 700;
  text-decoration: underline
}

a:hover {
  text-decoration: none
}

.left-ad {
  background: transparent;
  margin: 0 auto 2em auto;
  width: 160px;
  height: 600px;
  overflow: hidden
}

.box {
  border-radius: 3px;
  background: #E5EEF0;
  padding: 1em;
  margin: 1em 0
}

.ballot-progress-bar {
  background: #38718C url(../img/dark-blue-texture-bg.png);
  background-size: 25px 25px;
  color: #C1D4DC;
  display: none;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2)
}

.ballot-progress-bar p {
  display: inline-block;
  padding: 1em 2em;
  margin: 0
}

.ballot-progress-bar p span {
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  font-size: 12px;
  height: 22px;
  width: 22px;
  line-height: 21px;
  border: 2px solid #C1D4DC;
  border-radius: 100%;
  position: relative;
  top: -1px;
  margin-right: .25em
}

.ballot-progress-bar p.current {
  color: #FFF
}

.ballot-progress-bar p.current span {
  color: #FFF;
  border: 2px solid #FFF
}

.ballot-progress-bar a {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  color: #FFF;
  text-decoration: none
}

.ballot-progress-bar a:hover {
  border-bottom: 1px dashed #FFF
}

@media screen and (min-width: 768px) {
  .ballot-progress-bar {
    display: block
  }

  .ballot-progress-bar p {
    padding: 1em 2em
  }
}

@media screen and (min-width: 980px) {
  .ballot-progress-bar p {
    padding: 1em 4em
  }
}

.addthis_native_toolbox .addthis_button_google_plusone {
  max-width: 74px
}

.addthis_native_toolbox .addthis_button_tweet {
  max-width: 92px
}

.error_notification {
  color: red;
  font-weight: 700;
  background: #FFC0CB;
  padding: 15px 15px 0;
  margin: 0;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif
}

#error_explanation {
  color: red;
  background: #FFC0CB;
  padding: 0 15px 15px;
  margin: 0 0 1em 0
}

#error_explanation ul {
  margin: 0;
  padding: 0 0 0 30px
}

#flash_alert {
  color: red;
  font-weight: 700;
  margin: 1em 0;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif
}

.button, .modal-dialog-buttons button {
  border: none;
  box-shadow: none;
  border-radius: .25em;
  color: #FFFFFF !important;
  display: inline-block;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 900;
  line-height: 1;
  padding: 15px;
  margin-bottom: 0px;
  cursor: pointer;
  background: #188CB4;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
  position: relative;
  text-decoration: none !important;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2)
}

.button:focus, .modal-dialog-buttons button:focus {
  outline: none
}

.no-touch .button:hover, .no-touch .modal-dialog-buttons button:hover, .modal-dialog-buttons .no-touch button:hover {
  background: #1b9ecb;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
  top: 1px;
  padding-bottom: 14px;
  margin-bottom: 1px
}

.button.button-caps, .modal-dialog-buttons button.button-caps {
  text-transform: uppercase;
  letter-spacing: .05em
}

.button.button-large, .modal-dialog-buttons button.button-large {
  font-size: 1.2em
}

.button.button-small, .modal-dialog-buttons button.button-small {
  padding: 5px 10px
}

.no-touch .button.button-small:hover, .no-touch .modal-dialog-buttons button.button-small:hover, .modal-dialog-buttons .no-touch button.button-small:hover {
  padding-bottom: 4px
}

.button.button-full, .modal-dialog-buttons button.button-full {
  width: 100%;
  text-align: center
}

.button.button-pink, .modal-dialog-buttons button.button-pink {
  background: #EA4C89
}

.no-touch .button.button-pink:hover, .no-touch .modal-dialog-buttons button.button-pink:hover, .modal-dialog-buttons .no-touch button.button-pink:hover {
  background: #ec5a92
}

.button.button-teal, .modal-dialog-buttons button.button-teal {
  background: #3C9EAE
}

.no-touch .button.button-teal:hover, .no-touch .modal-dialog-buttons button.button-teal:hover, .modal-dialog-buttons .no-touch button.button-teal:hover {
  background: #40a8b9
}

.button.button-green, .modal-dialog-buttons button.button-green {
  background: #27C3A5
}

.no-touch .button.button-green:hover, .no-touch .modal-dialog-buttons button.button-green:hover, .modal-dialog-buttons .no-touch button.button-green:hover {
  background: #2ad0b0
}

.button.button-dark-blue, .modal-dialog-buttons button.button-dark-blue {
  background: #38646B
}

.no-touch .button.button-dark-blue:hover, .no-touch .modal-dialog-buttons button.button-dark-blue:hover, .modal-dialog-buttons .no-touch button.button-dark-blue:hover {
  background: #38646B
}

.button.button-grey, .modal-dialog-buttons button.button-grey, .modal-dialog-buttons button[name='cancel'], .button.button-gray, .modal-dialog-buttons button.button-gray {
  background: #B7B7B7;
  color: #FFF;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1)
}

.no-touch .button.button-grey:hover, .no-touch .modal-dialog-buttons button.button-grey:hover, .modal-dialog-buttons .no-touch button.button-grey:hover, .no-touch .modal-dialog-buttons button[name='cancel']:hover, .modal-dialog-buttons .no-touch button[name='cancel']:hover, .no-touch .button.button-gray:hover, .no-touch .modal-dialog-buttons button.button-gray:hover, .modal-dialog-buttons .no-touch button.button-gray:hover {
  background: #CCC
}

.button.button-success, .modal-dialog-buttons button.button-success {
  background: #27C3A5
}

.no-touch .button.button-success:hover, .no-touch .modal-dialog-buttons button.button-success:hover, .modal-dialog-buttons .no-touch button.button-success:hover {
  background: #2ad0b0
}

.button.button-alert, .modal-dialog-buttons button.button-alert {
  background: #EA4C89
}

.no-touch .button.button-alert:hover, .no-touch .modal-dialog-buttons button.button-alert:hover, .modal-dialog-buttons .no-touch button.button-alert:hover {
  background: #ec5a92
}

.button.button-disabled, .modal-dialog-buttons button.button-disabled {
  background: #CCC;
  cursor: default
}

.no-touch .button.button-disabled:hover, .no-touch .modal-dialog-buttons button.button-disabled:hover, .modal-dialog-buttons .no-touch button.button-disabled:hover {
  background: #CCC;
  top: 0;
  padding-bottom: 10px
}

.input-wrapper {
  margin: 1em 0;
  position: relative
}

label {
  display: block;
  color: #38646B;
  font-size: 1.2em;
  font-weight: 700
}

form abbr {
  display: none
}

input[type=text], input[type=password], select, textarea {
  border: 1px solid #E5E5E5;
  border-radius: .25em;
  background-color: #F8F8F8
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
  outline: none
}

input[type=text], input[type=password], textarea {
  line-height: 1.6;
  padding: .7em 1em .5em 1em;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.03);
  width: 100%
}

input[type=text].success, input[type=password].success, textarea.success {
  border-color: #27C3A5;
  box-shadow: 0 0 6px rgba(39, 195, 165, 0.2)
}

input[type=text].alert, input[type=password].alert, textarea.alert {
  border-color: #EA4C89;
  box-shadow: 0 0 6px rgba(234, 76, 137, 0.2)
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  border-color: #188CB4;
  box-shadow: 0 0 6px rgba(24, 140, 180, 0.2)
}

input[type=radio], input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0
}

.radio-label, .checkbox-label {
  padding-left: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  top: 1px;
  color: #38646B;
  font-size: 1em
}

.radio-label::before, .radio-label::after, .checkbox-label::before, .checkbox-label::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.radio-label::before, .checkbox-label::before {
  background: #FFF;
  left: 0;
  border: 1px solid #E5E5E5;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.03)
}

.radio-label::after, .checkbox-label::after {
  left: 3px;
  top: 8px;
  content: '\f00c';
  color: #FFFFFF;
  font-family: fontawesome;
  font-size: 11px;
  display: none
}

.radio-label::before {
  border-radius: 50%
}

.checkbox-label::before {
  border-radius: 3px
}

input[type=radio]:checked + label::before, input[type=checkbox]:checked + label::before {
  background-color: #188CB4;
  border: none;
  box-shadow: none
}

input[type=radio]:checked + label.checkbox-label-boy::before, input[type=checkbox]:checked + label.checkbox-label-boy::before {
  background-color: #47B0DF;
  border: none;
  box-shadow: none
}

input[type=radio]:checked + label.checkbox-label-girl::before, input[type=checkbox]:checked + label.checkbox-label-girl::before {
  background-color: #EA4C89;
  border: none;
  box-shadow: none
}

input[type=radio]:checked + label::after, input[type=checkbox]:checked + label::after {
  display: block
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  line-height: 1.6;
  padding: .7em 2.5em .5em 1em;
  cursor: pointer;
  width: 100%
}

select::-ms-expand {
  display: none
}

.select-wrapper {
  position: relative
}

.select::after, .select-wrapper::after {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '\f107';
  font-family: fontawesome;
  line-height: 1;
  position: absolute;
  z-index: 1;
  right: .5em;
  top: 54%;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
  z-index: 5
}

.select-group::after {
  clear: both;
  content: "";
  display: table
}

.select-group .select-wrapper {
  float: left;
  width: auto;
  margin-right: 4px
}

h1, h2, h3, h4, h5, h6 {
  color: #38646B;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1.2
}

h1, .h1 {
  border-bottom: 1px dashed #E5E5E5;
  font-size: 2.4em;
  margin: 0 0 .6em 0;
  padding: 0 0 .5em 0
}

h1.has-subtitle, .h1.has-subtitle {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: .25em
}

h2 {
  color: #666;
  font-size: 1.8em
}

h3 {
  font-size: 1.8em;
  margin: 0
}

h5 {
  color: #666;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin: 0
}

h6 {
  font-size: 1.8em;
  margin: 0
}

.subtitle {
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 700;
  margin-top: 0;
  border-bottom: 1px dashed #E5E5E5;
  margin-bottom: 2em;
  padding-bottom: 1em
}

.right-subtitle {
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 700;
  margin-top: .9em
}

@media screen and (min-width: 768px) {
  .right-subtitle {
    float: right;
    margin-top: .9em
  }
}

.modal-dialog {
  background: #FFF;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  color: #333;
  min-width: 260px;
  max-width: 500px;
  padding: 20px;
  position: absolute;
  z-index: 9999;
  outline: none
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    min-width: 400px
  }
}

.modal-dialog .input-wrapper::after {
  clear: both;
  content: "";
  display: table
}

.modal-dialog .input-wrapper label.select-label {
  float: left;
  margin-right: .5em;
  margin-top: .5em
}

.modal-dialog .select-wrapper {
  float: left
}

.modal-dialog select {
  margin-left: 0
}

.modal-dialog-bg {
  background: #E5EEF0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999
}

.modal-dialog-title {
  border-bottom: 1px dashed #E5E5E5;
  color: #38646B;
  font-size: 1.8em;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  padding: 0 1em 0 0;
  position: relative;
  _zoom: 1
}

.modal-dialog-title-close {
  cursor: pointer;
  background-image: none;
  position: absolute;
  line-height: 1;
  font-size: .7em;
  right: 0;
  top: 0;
  height: 1em;
  width: 1em;
  text-align: right
}

.modal-dialog-title-close:after {
  content: '\f00d';
  color: #cccccc;
  font-family: fontAwesome;
  position: absolute;
  right: 0;
  left: 0
}

.modal-dialog-title-close:hover:after {
  color: #666
}

.modal-dialog-content {
  margin: 15px 0
}

.modal-dialog-buttons {
  border-top: 1px dashed #E5E5E5;
  padding-top: 20px
}

.modal-dialog-buttons button[name='cancel'] {
  float: right
}

#footer {
  background: url(../img/baby-tile-bg.jpg) 50px 130px;
  background-size: 164px 252px
}

#footer::after {
  clear: both;
  content: "";
  display: table
}

#footer .footer-inner {
  padding: 2em 15px 0;
  background: -moz-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(30%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%)
}

@media screen and (min-width: 768px) {
  #footer .footer-inner {
    padding: 1em 3em
  }
}

#footer .footer-nav {
  overflow: hidden
}

#footer .col {
  width: 100%
}

#footer .col a {
  color: #666;
  display: inline-block;
  font-size: .9em;
  font-weight: 500;
  padding: .25em 0;
  text-decoration: none
}

#footer .col a:hover {
  color: #188CB4;
  text-decoration: underline
}

@media screen and (min-width: 768px) {
  #footer .col a {
    color: #999;
    padding: 0
  }
}

#footer .col ul {
  overflow: hidden
}

#footer .col ul li {
  float: left
}

#footer .col ul li:after {
  content: '\b7';
  color: #999;
  display: inline-block;
  padding: 0 .5em
}

#footer .col ul li:last-child:after {
  display: none
}

#footer .col ul li img {
  display: none
}

@media screen and (min-width: 768px) {
  #footer .col {
    border-left: 1px dashed #E5E5E5;
    padding: 1em 15px 0 15px;
    float: left;
    width: 20%
  }

  #footer .col ul li {
    float: none
  }

  #footer .col ul li:after {
    display: none
  }

  #footer .col.first, #footer .col.first-child {
    border-left: none;
    padding-left: 0
  }

  #footer .col.first ul li, #footer .col.first-child ul li {
    float: left;
    margin: 0;
    padding-right: 10px;
    width: 50%
  }
}

#footer .footer_header {
  color: #38646B;
  display: inline-block;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.1em;
  font-weight: 900;
  letter-spacing: .03em;
  line-height: 1.2;
  margin-bottom: .5em;
  text-transform: uppercase
}

#footer ul {
  margin: 0 0 1em 0;
  padding: 0
}

#footer ul li {
  list-style: none;
  margin: 0;
  padding: 0
}

#footer .copyright {
  padding: 1em 0 2em 0
}

@media screen and (min-width: 768px) {
  #footer .copyright {
    padding-bottom: 3em;
  }
}

#footer .copyright img {
  display: inline-block;
  float: left;
  /* width: 4em; */
  height: 40px;
  margin-right: .8em
}

#footer .copyright span {
  color: #999;
  display: inline-block;
  font-size: .8em;
  line-height: 1.4;
  margin-top: .5em;
}
#footer .copyright div {
    font-size: .7em;
}

@media screen and (min-width: 450px) {
  #footer .copyright span {
    /* margin-top: 1.8em */
  }

  #footer .copyright span br {
    display: none
  }
}

#footer ul.footer-social {
  float: right;
  padding: 1.8em 0 0 0
}

#footer ul.footer-social li {
  float: left;
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0
}

#footer ul.footer-social li a {
  background: #188CB4;
  border-radius: 3px;
  color: white;
  font-size: 1.6em;
  display: block;
  line-height: 1.7;
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.1)
}

#footer ul.footer-social li a:hover {
  opacity: .8
}

#footer ul.footer-social li.twitter a {
  background: #43C6EE
}

#footer ul.footer-social li.facebook a {
  background: #4965A2
}

#footer ul.footer-social li.googleplus a {
  background: #D84A28
}

#header {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
  background: #188CB4 url(../img/blue-texture-bg.png);
  background-size: 25px 25px;
  box-shadow: INSET 0 -1px 1px rgba(0, 0, 0, 0.2);
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  overflow: hidden
}

#header::after {
  clear: both;
  content: "";
  display: table
}

@media screen and (min-width: 768px) {
  #header {
    height: 60px
  }
}

@media screen and (min-width: 980px) {
  #header {
    box-shadow: none;
    padding: 15px;
    position: relative;
    height: auto;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.05);
    background: url(../img/baby-tile-bg.jpg) 50px 130px;
    background-size: 164px 252px;
    overflow: auto
  }
}

#header.nav-is-visible {
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px)
}

#header.user-nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px)
}

@media screen and (min-width: 980px) {
  #header.nav-is-visible, #header.user-nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
}

#logo {
  display: block;
  margin: 0 auto;
  width: 156px;
  position: relative;
  top: 9px
}

#logo img {
  display: block;
  width: 100%
}

#logo img.desktop {
  display: none
}

#logo img.mobile {
  display: block
}

@media screen and (min-width: 768px) {
  #logo {
    width: 180px;
    top: 12px
  }
}

@media screen and (min-width: 980px) {
  #logo {
    top: 0;
    width: 277px;
    height: 63px;
    margin: 0 auto 1em
  }

  #logo img.desktop {
    display: block
  }

  #logo img.mobile {
    display: none
  }
}

@media screen and (min-width: 1050px) {
  #logo {
    top: 0;
    float: left;
    width: 277px;
    height: 63px;
    margin: 15px 0
  }
}

@media screen and (min-width: 1120px) {
  #logo {
    margin: 15px 0 10px 15px
  }
}

.header-ad {
  background: transparent;
  overflow: hidden;
  position: relative;
  max-height: 90px;
  max-width: 970px;
  margin: 0 auto;
  display: none
}

@media screen and (min-width: 980px) {
  .header-ad {
    display: block;
    max-height: 90px;
    max-width: 970px
  }
}

@media screen and (min-width: 1050px) {
  .header-ad {
    float: right;
    margin: 0;
    max-height: 90px;
    max-width: 970px;
  }
}

.header-ad-mobile {
  background: transparent;
  overflow: hidden;
  position: relative;
  max-height: 50px;
  max-width: 320px;
  margin: 0 auto 1em;
  display: block;
  position: relative;
  top: 1em
}

@media screen and (min-width: 768px) {
  .header-ad-mobile {
    max-height: 90px;
    max-width: 970px;
  }
}

@media screen and (min-width: 980px) {
  .header-ad-mobile {
    display: none
  }
}

.nav-trigger, .user-nav-trigger {
  color: #FFFFFF;
  float: left;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  line-height: 54px;
  width: 50px;
  height: 50px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
  outline: none !important
}

@media screen and (min-width: 768px) {
  .nav-trigger, .user-nav-trigger {
    height: 60px;
    width: 60px;
    font-size: 25px;
    line-height: 64px
  }
}

@media screen and (min-width: 980px) {
  .nav-trigger, .user-nav-trigger {
    display: none
  }
}

.nav-trigger:hover, .user-nav-trigger:hover {
  background: rgba(255, 255, 255, 0.1)
}

.nav-trigger i.close, .user-nav-trigger i.close {
  display: none
}

.nav-trigger {
  border-right: 1px solid #1781A6;
  box-shadow: 1px 0 rgba(255, 255, 255, 0.06)
}

.nav-trigger:hover {
  border-right: 1px solid #157EA2;
  box-shadow: INSET 0 -1px 1px rgba(0, 0, 0, 0.2), 1px 0 rgba(255, 255, 255, 0.06)
}

.user-nav-trigger {
  float: right;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: -1px 0 #1781A6
}

.user-nav-trigger:hover {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: INSET 0 -1px 1px rgba(0, 0, 0, 0.2)
}

.nav-is-visible .nav-trigger i.open, .user-nav-is-visible .user-nav-trigger i.open {
  display: none
}

.nav-is-visible .nav-trigger i.close, .user-nav-is-visible .user-nav-trigger i.close {
  display: inline-block
}

.nav-bar {
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
  background: #188CB4 url(../img/blue-texture-bg.png);
  background-size: 25px 25px;
  clear: both;
  margin-top: 50px;
  position: relative;
  z-index: 999
}

.nav-bar::after {
  clear: both;
  content: "";
  display: table
}

@media screen and (min-width: 768px) {
  .nav-bar {
    margin-top: 60px
  }
}

@media screen and (min-width: 980px) {
  .nav-bar {
    margin-top: 0;
    height: 50px;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto
  }

  .nav-bar::after {
    clear: both;
    content: "";
    display: table
  }
}

@media screen and (min-width: 1126px) {
  .nav-bar {
    left: -3px
  }
}

.nav-bar.nav-is-visible {
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px)
}

.nav-bar.user-nav-is-visible {
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px)
}

@media screen and (min-width: 980px) {
  .nav-bar.nav-is-visible, .nav-bar.user-nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
  }
}

@media screen and (min-width: 980px) {
  .nav-bar.stuck {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
  }
}

@media screen and (min-width: 1126px) {
  .nav-bar.stuck {
    left: -3px;
    right: 3px
  }
}

.mobile-view .sticky-wrapper, .tablet-view .sticky-wrapper {
  height: auto !important
}

@media screen and (min-width: 980px) {
  #navigation i.mobile {
    display: none
  }

  #navigation i.desktop {
    display: inline-block
  }

  #navigation > ul {
    float: left;
    margin: 0;
    padding: 0
  }

  #navigation > ul > li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
  }

  #navigation > ul > li:first-child a:hover {
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1)
  }
}

@media screen and (min-width: 980px) and (min-width: 1126px) {
  #navigation > ul > li:first-child a {
    padding-left: 1.6em
  }

  #navigation > ul > li:first-child a::after {
    background: url(../img/tan-edge-vertical.gif) repeat-y;
    background-position: -3px 3px;
    background-size: 6px auto;
    content: '';
    position: absolute;
    left: 0;
    height: 50px;
    width: 3px
  }
}

@media screen and (min-width: 980px) {
  #navigation > ul > li > a {
    color: #FFFFFF;
    display: block;
    font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 1em;
    font-weight: 900;
    height: 50px;
    letter-spacing: .05em;
    line-height: 53px;
    padding: 0 1.5em;
    text-decoration: none;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    background: transparent url(../img/nav-divider.png) right repeat-y;
    background-size: 2px auto
  }
}

@media screen and (min-width: 980px) and (min-width: 1000px) {
  #navigation > ul > li > a {
    padding: 0 .8em
  }
}

@media screen and (min-width: 980px) and (min-width: 980px) {
  #navigation > ul > li > a {
    padding: 0 .9em
  }
}

@media screen and (min-width: 980px) and (min-width: 1080px) {
  #navigation > ul > li > a {
    padding: 0 1.5em
  }
}

@media screen and (min-width: 980px) {
  #navigation > ul > li > a:hover, #navigation > ul > li > a.hover {
    background-color: #38718C;
    background-image: url(../img/dark-blue-texture-bg.png);
    background-size: 25px 25px;
    box-shadow: -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1)
  }
}

@media screen and (min-width: 980px) {
  #navigation li.has-dropdown > a:hover, #navigation li.has-dropdown.hover > a {
    background-color: #38718C;
    background-image: url(../img/dark-blue-texture-bg.png);
    background-size: 25px 25px;
    box-shadow: -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1)
  }

  #navigation li.has-dropdown:hover > .nav-dropdown {
    display: block
  }
}

@media screen and (min-width: 980px) {
  .nav-dropdown {
    background: #38718C url(../img/dark-blue-texture-bg.png);
    background-size: 25px 25px;
    border-radius: 0 0 3px 3px;
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0px;
    padding: 1em 3em;
    z-index: 999;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    display: none
  }

  .nav-dropdown::after {
    clear: both;
    content: "";
    display: table
  }
}

@media screen and (min-width: 980px) and (min-width: 1126px) {
  .nav-dropdown {
    left: 3px;
    right: -3px
  }
}

@media screen and (min-width: 980px) {
  .nav-dropdown.lists ul {
    float: left;
    width: 60%;
    overflow: hidden
  }

  .nav-dropdown.lists ul li {
    width: 33.333%;
    float: left
  }

  .nav-dropdown.lists .list-title {
    width: 100%;
    float: none
  }

  .nav-dropdown.lists .list-feature {
    float: left;
    width: 40%;
    margin: 2em 0
  }

  .nav-dropdown.lists .list-feature a {
    display: block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1)
  }

  .nav-dropdown.lists .list-feature a img {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 3px
  }

  .nav-dropdown.lists .list-feature a:hover {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2)
  }

  .nav-dropdown .go-back {
    display: none
  }

  .nav-dropdown .col {
    float: left;
    width: 20%
  }

  .nav-dropdown ul {
    margin: 2em 0;
    padding: 0
  }

  .nav-dropdown ul li {
    margin: 0;
    padding: 0
  }

  .nav-dropdown ul li.list-title {
    color: #FFF;
    font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-weight: 900;
    text-transform: uppercase
  }

  .nav-dropdown a {
    color: #FFF;
    font-size: .9em;
    font-weight: 700;
    text-decoration: none
  }

  .nav-dropdown a:hover {
    color: #FFF;
    text-decoration: underline
  }
}

@media screen and (max-width: 979px) {
  .nav-wrapper, .user-nav-wrapper {
    background: #38718C url(../img/dark-blue-texture-bg.png);
    background-size: 25px 25px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    width: 260px;
    height: 100%;
    min-height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s
  }

  .nav-wrapper.moves-out #navigation, .user-nav-wrapper.moves-out #navigation {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  .user-nav-wrapper {
    right: 0;
    left: auto;
    box-shadow: inset 1px 0 2px rgba(0, 0, 0, 0.4)
  }

  .user-nav-wrapper.user-nav-is-visible {
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    visibility: visible
  }

  .nav-wrapper {
    right: auto;
    left: 0;
    box-shadow: inset -1px 0 2px rgba(0, 0, 0, 0.4)
  }

  .nav-wrapper.nav-is-visible {
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    visibility: visible
  }

  #navigation, #user_nav {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
  }

  #navigation i.desktop, #user_nav i.desktop {
    display: none
  }

  #navigation i.mobile, #user_nav i.mobile {
    display: inline-block
  }

  #navigation img.desktop, #user_nav img.desktop {
    display: none
  }

  #navigation img.mobile, #user_nav img.mobile {
    display: inline-block;
    height: 1.1em;
    position: relative;
    top: -0.1em
  }

  #navigation .fa-angle-right.mobile, #user_nav .fa-angle-right.mobile {
    float: right;
    line-height: 48px
  }

  #navigation .go-back a, #user_nav .go-back a {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em
  }

  #navigation a, #user_nav a {
    outline: none;
    font-size: 1.3em;
    font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    height: 50px;
    line-height: 54px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: 700;
    color: #FFF;
    display: block;
    padding: 0 1em;
    text-decoration: none;
    white-space: pre
  }

  #navigation a:hover, #user_nav a:hover {
    background: #2C5E75;
    box-shadow: 0 -1px #254F63
  }

  #navigation .nav-dropdown, #user_nav .nav-dropdown {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    -webkit-transition: visibility 0.3s;
    -moz-transition: visibility 0.3s;
    transition: visibility 0.3s
  }

  #navigation .nav-dropdown.moves-in, #user_nav .nav-dropdown.moves-in {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    position: absolute;
    visibility: visible
  }

  #navigation .nav-dropdown .list-title, #user_nav .nav-dropdown .list-title {
    display: none
  }

  #navigation .nav-dropdown .list-feature, #user_nav .nav-dropdown .list-feature {
    display: none
  }

  #navigation ul, #user_nav ul {
    margin: 0;
    padding: 0
  }

  #navigation ul li, #user_nav ul li {
    list-style: none;
    margin: 0;
    padding: 0
  }

  #navigation ul li:last-child, #user_nav ul li:last-child {
    margin-bottom: 50px
  }

  #user_nav {
    margin: 0;
    padding: 0
  }

  #user_nav li {
    list-style: none
  }

  #user_nav img {
    display: none
  }
}

.nav-special-offer {
  background: #27C3A5 url(../img/green-texture-bg.png);
  background-size: 20px 20px;
  clear: both;
  min-width: 334px;
  text-align: center;
  position: relative;
  z-index: 999
}

@media screen and (min-width: 980px) {
  .nav-special-offer {
    clear: none;
    right: 0;
    position: absolute
  }
}

@media screen and (min-width: 1126px) {
  .nav-special-offer {
    right: -6px;
    position: absolute
  }
}

.nav-special-offer a {
  color: #FFF;
  display: block;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.1em;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1.4;
  padding: .6em .5em .5em;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase
}

@media screen and (min-width: 980px) {
  .nav-special-offer a {
    padding: 0 .5em;
    height: 50px;
    line-height: 53px
  }

  .nav-special-offer a::before {
    background: url(../img/blue-edge-vertical.gif) repeat-y;
    background-position: -3px 3px;
    background-size: 5px auto;
    content: '';
    position: absolute;
    left: 0;
    height: 50px;
    width: 3px
  }
}

@media screen and (min-width: 1126px) {
  .nav-special-offer a::after {
    background: url(../img/tan-edge-vertical.gif) repeat-y;
    background-position: 0 3px;
    background-size: 6px auto;
    content: '';
    position: absolute;
    right: 0;
    height: 50px;
    width: 3px
  }
}

.nav-special-offer a:hover {
  background: #2ad0b0
}

.nav-special-offer a .gift-icon {
  width: 28px;
  position: relative;
  top: 0px;
  margin-right: 2px
}

.nav-special-offer a i {
  position: relative;
  top: -1px
}

#supfooter {
  background: #F6F4F2;
  display: table
}

@media screen and (min-width: 768px) {
  #supfooter {
    border-left: 3px solid #FFF;
    border-right: 3px solid #FFF
  }
}

#supfooter .col {
  border-bottom: 3px solid #FFF;
  padding: 2em 15px
}

@media screen and (min-width: 768px) {
  #supfooter .col {
    display: table-cell;
    border-bottom: none;
    border-right: 3px solid #FFF;
    padding: 2em 3em;
    width: 50%
  }
}

#supfooter .col:last-child {
  border-right: none
}

@media screen and (min-width: 768px) {
  #supfooter.three-col .col {
    display: block;
    border-bottom: 3px solid #FFF;
    border-right: none;
    width: 100%
  }
}

@media screen and (min-width: 980px) {
  #supfooter.three-col .col {
    display: table-cell;
    border-bottom: 0;
    width: 33.333%;
    border-right: 3px solid #FFF
  }

  #supfooter.three-col .col:last-child {
    border-right: none
  }
}

#supfooter article .supfooter-header {
  color: #38646B;
  display: block;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.3em
}

#supfooter article img {
  border: 5px solid #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  float: right;
  margin: 0 0 1em 1em;
  width: 100px
}

#supfooter article p, #supfooter article ul {
  font-size: .9em;
  margin: .5em 0
}

#supfooter article .read-more a {
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 900;
  color: #666
}

#supfooter article .read-more a:hover {
  text-decoration: underline;
  color: #188CB4
}

#supheader {
  background: #E5EEF0;
  box-shadow: INSET 0 -1px 1px #CCE3EB;
  display: none;
  height: 40px
}

#supheader::after {
  clear: both;
  content: "";
  display: table
}

@media screen and (min-width: 980px) {
  #supheader {
    display: block
  }
}

#supheader .container {
  background: transparent;
  border: none
}

#supheader ul {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  background: transparent url(../img/supheader-divider.png) right repeat-y;
  background-size: 2px auto
}

#supheader ul li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0
}

#supheader ul li a {
  color: #3D788A;
  display: block;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  height: 40px;
  line-height: 43px;
  padding: 0 2em;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  background: url(../img/supheader-divider.png) repeat-y;
  background-size: 2px auto
}

#supheader ul li a:hover {
  color: #38646B;
  background: rgba(56, 100, 107, 0.05) url(../img/supheader-divider.png) repeat-y;
  background-size: 2px auto
}

#supheader #network-nav li.active, #supheader #network-nav li:hover {
  position: relative
}

#supheader #network-nav li.active a::after, #supheader #network-nav li:hover a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  background: url(../img/supheader-btm-angle.png) no-repeat;
  background-size: 18px 7px;
  height: 7px;
  width: 18px;
  margin-left: -9px;
  z-index: 10
}

#supheader #network-nav li.active img {
  opacity: 1
}

#supheader #network-nav li.active a:hover {
  color: #69858E;
  cursor: default;
  background-color: transparent
}

#supheader #network-nav a {
  color: #69858E;
  line-height: 1;
  overflow: hidden
}

#supheader #network-nav a img {
  display: block;
  width: auto;
  height: 15px;
  opacity: .6
}

#supheader #network-nav a:hover {
  color: #3C626E
}

#supheader #network-nav a:hover img {
  opacity: 1
}

#supheader #network-nav span {
  display: block;
  width: 100%;
  font-style: italic;
  font-size: 9px;
  margin-top: 7px;
  margin-bottom: 2px;
  line-height: 1;
  text-align: center
}

#supheader #network-nav li.kinde-offer img {
  float: left;
  margin: 8px 10px 0 0;
  height: 24px
}

#supheader #network-nav li.kinde-offer span {
  float: left;
  margin: 0;
  line-height: 46px;
  width: auto;
  font-size: 13px
}

#supheader #user_nav {
  float: right
}

#supheader #user_nav a img {
  display: inline-block;
  height: 1.2em;
  position: relative;
  top: -2px;
  opacity: .8
}

#supheader #user_nav a img.mobile {
  display: none
}

#supheader #user_nav a:hover {
  color: #38646B
}

#supheader #user_nav a:hover img {
  opacity: 1
}

#main {
  margin-bottom: 1em;
  padding: 1em 15px;
  display: table;
  width: 100%;
  min-height: 30em
}

#main img {
  max-width: 100%
}

.left-col {
  display: none;
  padding: 1em 15px 2em 0;
  width: 175px;
  vertical-align: top;
  box-sizing: border-box
}

@media screen and (min-width: 1100px) {
  .left-col {
    display: table-cell
  }
}

.right-col {
  clear: both;
  padding: 1em 0 2em;
  margin: 0;
  vertical-align: top;
  display: block
}

@media screen and (min-width: 768px) {
  .right-col {
    border-top: 0;
    clear: none;
    display: table-cell;
    width: 315px;
    border-left: 1px dashed #E5E5E5;
    padding-right: 0;
    padding: 1em 0 2em 15px
  }
}

.center-col {
  display: block
}

.center-col::after {
  clear: both;
  content: "";
  display: table
}

@media screen and (min-width: 768px) {
  .center-col {
    display: table-cell;
    vertical-align: top
  }
}

.center-left-col {
  border-bottom: 1px dashed #E5E5E5;
  margin: 1em 0;
  padding: 0 15px 0 0
}

@media screen and (min-width: 768px) {
  .center-left-col {
    border-bottom: none
  }
}

@media screen and (min-width: 1100px) {
  .center-left-col {
    float: left
  }
}

.main-col {
  border-bottom: 1px dashed #E5E5E5;
  margin: 0 0 2em;
  padding: 1em 0
}

@media screen and (min-width: 768px) {
  .main-col {
    border-bottom: none;
    padding-right: 15px
  }
}

@media screen and (min-width: 1100px) {
  .main-col {
    border-left: 1px dashed #E5E5E5
  }
}

.main-col .ad {
  background: transparent;
  margin: 3.5em auto 2em auto;
  max-width: 300px;
  max-height: 250px;
  overflow: hidden
}

.content-layout .main-col {
  margin-bottom: 1em
}

@media screen and (min-width: 1100px) {
  .content-layout .main-col {
    padding-left: 15px
  }
}

.signup-layout .main-col {
  margin-bottom: 1em
}

@media screen and (min-width: 1100px) {
  .signup-layout .main-col {
    padding-left: 15px
  }
}

.three-col-simple-layout .right-col {
  border: none;
  display: none;
  display: table-cell;
  width: 33.333%;
  padding: 0
}

@media screen and (min-width: 768px) {
  .three-col-simple-layout .right-col {
    display: table-cell
  }
}

.three-col-simple-layout .center-col {
  display: table-cell;
  width: 100%
}

@media screen and (min-width: 768px) {
  .three-col-simple-layout .center-col {
    width: 33.333%
  }
}

.three-col-simple-layout .main-col {
  border: none
}

.three-col-simple-layout .left-col {
  border: none;
  display: none;
  width: auto;
  width: 33.333%;
  padding: 0
}

@media screen and (min-width: 768px) {
  .three-col-simple-layout .left-col {
    display: table-cell
  }
}

@media screen and (min-width: 900px) {
  .list-page-layout .center-left-col {
    width: 25%;
    float: left
  }
}

@media screen and (min-width: 900px) {
  .list-page-layout .main-col {
    border-left: 1px dashed #E5E5E5;
    padding: 1em 15px;
    float: right;
    width: 75%
  }
}

.name-page-layout .header-ad-mobile {
  margin-bottom: 0
}

.name-page-layout #main {
  padding-left: 0;
  padding-right: 0
}

@media screen and (min-width: 768px) {
  .name-page-layout #main {
    padding-right: 15px
  }
}

@media screen and (min-width: 1100px) {
  .name-page-layout #main {
    padding-left: 15px
  }
}

.name-page-layout .main-col {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  border-left: none;
  margin-bottom: 0
}

.name-page-layout .right-col {
  border-left: none;
  padding-left: 15px;
  padding-right: 15px
}

@media screen and (min-width: 768px) {
  .name-page-layout .right-col {
    padding-right: 0
  }
}

.right-col {
  position: relative;
  z-index: 1
}

.right-col .module {
  margin: 2em auto
}

.right-col .module:last-child {
  margin-bottom: 0
}

.right-col .module:first-child {
  margin-top: 0
}

.right-col .module-blue {
  background: #E5EEF0;
  border-radius: 3px;
  padding: 15px;
  color: #38646B
}

.module.module-ad {
  margin: 0 auto;
  max-width: 300px
}

.module.module-ad .adunit {
  background: transparent;
  max-width: 300px;
  max-height: 250px;
  overflow: hidden;
  margin: 0 auto
}

.module.module-search {
  background: #E5EEF0;
  border-radius: 3px;
  padding: 15px
}

.module.module-search header {
  display: block;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: .9em;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .03em;
  color: #53727C;
  margin-bottom: 5px;
  text-transform: uppercase
}

.module.module-search .filter-search {
  position: relative
}

.module.module-search .filter-search::after {
  content: '\f002';
  font-family: fontAwesome;
  font-size: .8em;
  color: #8E8E8E;
  position: absolute;
  top: .8em;
  bottom: 0;
  left: 0;
  width: 3em;
  text-align: center
}

.module.module-search input[type=text] {
  border-color: #D8E3E6;
  margin: 0;
  position: relative;
  padding-left: 2em;
  background: #FFFFFF
}

.module.module-game {
  background: #F6F4F2;
  color: #38646B;
  border-radius: 3px;
  padding: 30px
}

@media screen and (min-width: 768px) {
  .module.module-game {
    padding: 30px 15px
  }
}

.module.module-game .game-logo {
  float: left;
  margin-right: .5em;
  width: 40px
}

.module.module-game header {
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.2em;
  font-weight: 900;
  letter-spacing: .03em;
  line-height: 1.2;
  text-transform: uppercase;
  margin: .1em 0 0
}

.module.module-game p {
  font-size: .9em;
  font-weight: 700;
  margin: 1em 0;
  font-style: italic
}

.module.module-game .button, .module.module-game .modal-dialog-buttons button, .modal-dialog-buttons .module.module-game button {
  margin-right: .5em
}

.module.module-game .see-how {
  color: #EA4C89;
  font-size: .9em;
  text-decoration: none;
  white-space: pre
}

.module.module-game .see-how:hover {
  text-decoration: underline
}

.module.module-prize {
  background: #F6F4F2;
  border-radius: 3px;
  padding: 15px
}

.module.module-prize header {
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.2em;
  font-weight: 900;
  height: 32px;
  line-height: 34px;
  float: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #3C9EAE;
  color: #FFF;
  padding: 0 15px 0 20px;
  margin-left: -20px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  position: relative
}

.module.module-prize header:after {
  content: '';
  display: block;
  height: 5px;
  width: 5px;
  position: absolute;
  overflow: hidden;
  top: 32px;
  left: 0px;
  z-index: -1;
  border-top: 45px solid #1B8873;
  border-left: 45px solid transparent
}

.module.module-prize .callout {
  float: right;
  font-size: .8em;
  font-style: italic;
  margin-top: .8em
}

.module.module-prize .prize-details {
  clear: both;
  margin: 1em 0
}

.module.module-prize .prize-details::after {
  clear: both;
  content: "";
  display: table
}

.module.module-prize .prize-details .prize-image {
  border: 5px solid #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  float: left;
  width: 4em;
  margin-right: .5em
}

.module.module-prize .prize-details .prize-detail-inner {
  padding-left: 5em
}

.module.module-prize .prize-details p {
  margin: 0
}

.module.module-prize .prize-details .prize-name {
  font-weight: 700;
  padding-top: .25em
}

.module.module-prize .prize-details .prize-text {
  font-size: .9em;
  line-height: 1.5;
  margin-bottom: 0
}

.module.module-prize .prize-details h2.prize-winner {
  color: #38646B;
  font-weight: 700;
  font-size: 1.3em;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0
}

.module.module-prize .button, .module.module-prize .modal-dialog-buttons button, .modal-dialog-buttons .module.module-prize button {
  margin-right: .5em
}

.module.module-prize .view-details {
  color: #3C9EAE;
  font-size: .9em;
  text-decoration: none;
  white-space: pre
}

.module.module-prize .view-details:hover {
  text-decoration: underline
}

.module.module-prize-winner .prize-details {
  margin-bottom: 0
}

.module.module-social {
  width: 300px;
  margin-left: auto;
  margin-right: auto
}

.module.module-social .googleplus {
  margin: 0 15px 5px
}

.module.module-social .twitter {
  margin: 5px 15px 0
}

.baby-name-news {
  font-size: .9em;
  max-width: auto
}

.baby-name-news h2 {
  font-size: 1.5em;
  font-weight: 900;
  line-height: 1;
  margin-top: 0;
  letter-spacing: .01em;
  text-transform: uppercase
}

.baby-name-news .news-title {
  display: block;
  font-size: 1em;
  font-weight: 900;
  text-transform: uppercase;
  color: #38646B;
  letter-spacing: .01em;
  line-height: 1.4;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif
}

.baby-name-news a.news-title {
  color: #38646B;
  text-decoration: none
}

.baby-name-news a.news-title:hover {
  color: #188CB4
}

.baby-name-news p {
  margin-top: 0
}

.baby-name-news .more-link {
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 900;
  color: #666
}

.baby-name-news .more-link:hover {
  text-decoration: underline;
  color: #188CB4
}

.selectedNames {
  margin: 2em 0;
  border-radius: 3px;
  background: #E5EEF0;
  padding: 15px 15px 15px
}

.selectedNames p {
  font-size: .9em
}

.selectedNames .bn-namesarea-caption {
  font-weight: 900;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  color: #38646B;
  text-transform: uppercase;
  letter-spacing: .01em;
  font-size: 1.2em
}

.selectedNames .bn-namesarea-namescontainer {
  overflow: hidden;
  margin-bottom: .5em
}

.selectedNames .bn-selectedcontainer {
  float: left;
  width: 50%;
  padding: .5em;
  outline: none
}

.selectedNames .bn-selectedcontainer:first-child {
  padding-left: 0
}

.selectedNames .bn-selectedcontainer-caption {
  font-weight: 900;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  padding: .25em;
  border-bottom: 1px dotted #FFF
}

.selectedNames .bn-selectedcontainer-caption.boy {
  color: #47B0DF
}

.selectedNames .bn-selectedcontainer-caption.girl {
  color: #EA4C89
}

.selectedNames .bn-selectedname {
  border-bottom: 1px dotted #FFF;
  padding: .25em;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700
}

.selectedNames .bn-selectedname-delete {
  float: right;
  cursor: pointer;
  font-size: .8em;
  margin-top: .2em
}

.selectedNames .bn-selectedname-delete:hover {
  color: red
}

.module.module-shadow {
  position: relative
}

.module.module-shadow:before, .module.module-shadow:after {
  -webkit-transition: all 50ms linear;
  -moz-transition: all 50ms linear;
  transition: all 50ms linear;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 5px;
  width: 50%;
  top: 80%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1)
}

.module.module-shadow:after {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 5px;
  left: auto
}

.side-navigation {
  margin-bottom: 2em
}

.side-navigation h2 {
  margin: 0 0 .25em 0;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .01em;
  color: #38646B;
  font-size: 1.5em
}

.side-navigation ul {
  margin: 0;
  padding: 0
}

.side-navigation ul li {
  list-style: none;
  margin: 0 0 2px 0;
  padding: 0
}

.side-navigation ul li a {
  border-radius: 3px;
  display: block;
  line-height: 1.2;
  padding: .7em .5em .6em;
  text-decoration: none
}

.side-navigation ul li a:hover {
  background: #E5EEF0
}

.side-navigation ul li.current a {
  background: #188CB4;
  color: #FFF;
  cursor: default
}

.page-ballot .addthis_sharing_toolbox {
  float: right
}

.page-ballot .ballot-ad {
  margin: 0 auto;
  padding: 0;
  max-width: 300px
}

.page-ballot .ballot-ad .adunit {
  background: transparent;
  max-height: 250px;
  max-width: 300px;
  margin: 1em auto 1em;
  display: block
}

@media screen and (min-width: 768px) {
  .page-ballot .ballot-ad {
    display: none
  }
}

.page-ballot section {
  margin-bottom: 2em
}

.page-ballot section header {
  color: #38646B;
  font-weight: 700;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.5em
}

section.comments {
  margin-right: 2em
}

section.vote-for header {
  border-bottom: 1px dashed #E5E5E5;
  padding-bottom: .5em;
  font-size: 1em;
  font-weight: 900
}

section.vote-for header span {
  font-size: 1.5em
}

section.vote-for header i {
  background: #188CB4;
  color: #FFFFFF;
  border-radius: 50%;
  content: '\f221';
  font-family: FontAwesome;
  font-weight: 900;
  text-align: center;
  position: relative;
  width: 2em;
  height: 2em;
  line-height: 2.1;
  top: -.2em
}

section.vote-for.boy-names header {
  color: #47B0DF
}

section.vote-for.boy-names header i {
  background: #47B0DF
}

section.vote-for.girl-names header {
  color: #EA4C89
}

section.vote-for.girl-names header i {
  background: #EA4C89;
  text-indent: 1px
}

.names-results.ballot-view {
  margin-bottom: 2em
}

.names-results.ballot-view li {
  padding: 1em;
  position: relative;
  overflow: hidden
}

.names-results.ballot-view .result-btn {
  float: left;
  margin-right: 1em
}

.names-results.ballot-view .result-desc {
  max-width: 40%
}

.names-results.ballot-view .result-comments {
  float: right
}

.names-results.ballot-view .result-btn {
  min-width: 85px
}

.names-results.ballot-view .result-comments {
  position: absolute;
  right: 1em
}

.names-results.ballot-view .odd .result-comments {
  box-shadow: -5px 0 5px 5px #FFF
}

.names-results.ballot-view .even .result-comments {
  box-shadow: -5px 0 5px 5px #F6F4F2
}

.bn-votednamecomments {
  padding: .5em 1em
}

.bn-votednamecomments .button, .bn-votednamecomments .modal-dialog-buttons button, .modal-dialog-buttons .bn-votednamecomments button, .bn-votednamecomments .button:hover, .bn-votednamecomments .modal-dialog-buttons button:hover, .modal-dialog-buttons .bn-votednamecomments button:hover {
  margin: .5em 0 !important;
  padding: 10px 15px !important;
  top: 0 !important
}

.campaign-avatar {
  margin-bottom: 2em
}

.campaign-avatar .campaign-image {
  margin-bottom: .5em;
  width: 100%
}

.campaign-avatar .campaign-image .campaign_image {
  border: 5px solid #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  display: block;
  width: 84px;
  margin: 0
}

@media screen and (min-width: 1100px) {
  .campaign-avatar .campaign-image .campaign_image {
    margin: 0 auto
  }
}

.campaign-avatar .campaign-image a.change_image {
  margin-top: .5em;
  text-decoration: none;
  display: block;
  text-align: left;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 700
}

@media screen and (min-width: 1100px) {
  .campaign-avatar .campaign-image a.change_image {
    text-align: center
  }
}

.campaign-avatar .campaign-image a.change_image:hover {
  text-decoration: underline
}

.campaign-avatar .no-image {
  max-width: 200px
}

.campaign-avatar .no-image .campaign_image {
  border-radius: 3px;
  display: block;
  width: 100%;
  margin-bottom: .5em
}

.campaign-avatar .no-image .change_image {
  border: 5px solid #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  background: #B7B7B7;
  border-radius: 3px;
  display: block;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: .5em;
  padding: 3em 15px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  max-width: 10em
}

.campaign-avatar .no-image .change_image:after {
  position: absolute;
  content: '\f007';
  font-family: fontAwesome;
  line-height: 1.1;
  font-size: 11em;
  color: #ACACAC;
  text-shadow: none;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center
}

.campaign-avatar .no-image .change_image:hover:after {
  color: #999
}

.campaign-avatar .no-image .change_image span {
  position: relative;
  z-index: 10
}

.campaign-avatar .no-image span {
  display: block;
  font-size: .9em;
  line-height: 1.4
}

.tabbed-list {
  margin-bottom: 2em
}

.tabbed-list ul {
  margin: 0;
  padding: 0
}

.tabbed-list ul li {
  list-style: none;
  margin: 0 0 2px 0;
  padding: 0
}

.tabbed-list a {
  background: #E5EEF0;
  color: #38646B;
  border-radius: 3px;
  display: block;
  padding: 10px 15px;
  text-decoration: none
}

.tabbed-list a:hover {
  background: #38646B;
  color: #FFF
}

.tabbed-list a i {
  float: left;
  font-size: 2em;
  margin-right: .5em
}

.tabbed-list a .title {
  font-size: 1.2em;
  font-weight: 700;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1
}

.tabbed-list a em {
  display: block;
  font-size: .8em;
  line-height: 1;
  font-style: normal
}

.new_url_section {
  margin: 2em 0;
  overflow: hidden
}

.new_url_section h3 {
  font-size: 1.2em;
  font-weight: 900
}

.new_url_section span {
  float: right;
  font-size: .8em;
  margin-top: .2em
}

.new_url_section #copy {
  float: right;
  font-size: .8em;
  text-decoration: none;
  margin-top: .5em
}

.module.module-suggest-names {
  background: #F6F4F2;
  border-radius: 3px;
  padding: 15px;
  text-align: center
}

.module.module-suggest-names h1 {
  font-weight: 900;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1.4em;
  text-transform: uppercase;
  letter-spacing: .01em
}

.module.module-suggest-names p {
  font-size: .9em;
  margin: em 0;
  line-height: 1.4
}

.module.module-suggest-names p:last-child {
  margin-bottom: 0
}

.activities .bn-activitycontainer {
  margin: 2em 0
}

.activities .bn-activitycontainer-date {
  color: #38646B;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 900;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: .01em;
  border-bottom: 2px solid #E5E5E5
}

.activities .bn-activity {
  margin: 1em 0
}

.activities .bn-activity-date {
  float: right;
  font-size: .8em;
  color: #999
}

.activities .bn-activity-comment {
  margin-left: 1em;
  padding: .5em 1em;
  font-style: italic;
  font-size: .9em;
  border-left: 2px solid #E5E5E5
}

.page-categories h1 {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

ul.names-results.category-view li a {
  display: block;
  padding: 1em
}

ul.names-results.category-view li a:before {
  color: #DADADA;
  content: '\f105';
  font-family: FontAwesome;
  font-size: 1.2em;
  line-height: 1;
  display: block;
  position: absolute;
  right: 1em
}

ul.names-results.category-view li a:hover:before {
  color: #666666
}

ul.names-results.category-view li a span {
  font-size: 1.3em
}

.home-page #main {
  padding-top: 0
}

.home-page #main .header-ad {
  margin: 1em auto
}

.home-welcome {
  background-color: #38718C;
  background-image: url(../img/dark-blue-texture-bg.png);
  background-size: 25px 25px;
  color: #FFFFFF;
  padding: 1em 2em;
  position: relative;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  position: relative
}

.home-welcome::after {
  clear: both;
  content: "";
  display: table
}

@media screen and (min-width: 768px) {
  .home-welcome {
    padding: 2.5em 3.5em
  }
}

.home-welcome:before {
  content: '';
  background: url(../img/white-jagged-btm-bg.gif) bottom repeat-x;
  background-size: 5px auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px
}

.home-welcome .video {
  border: 5px solid #FFF;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 2em;
  overflow: hidden;
  display: none;
  position: relative
}

.home-welcome .video:before, .home-welcome .video:after {
  -webkit-transition: all 50ms linear;
  -moz-transition: all 50ms linear;
  transition: all 50ms linear;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 5px;
  width: 50%;
  top: 80%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2)
}

.home-welcome .video:after {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 5px;
  left: auto
}

@media screen and (min-width: 768px) {
  .home-welcome .video {
    display: block
  }
}

@media screen and (min-width: 768px) {
  .home-welcome .video {
    float: left;
    display: block;
    margin-right: 2.125051083%;
    width: 40.4270535349%;
    margin-bottom: 0
  }

  .home-welcome .video:last-child {
    margin-right: 0
  }
}

.home-welcome .message {
  font-weight: 500
}

@media screen and (min-width: 768px) {
  .home-welcome .message {
    float: left;
    display: block;
    margin-right: 2.125051083%;
    width: 57.4478953821%;
    padding-left: 1em
  }

  .home-welcome .message:last-child {
    margin-right: 0
  }
}

.home-welcome .message .button, .home-welcome .message .modal-dialog-buttons button, .modal-dialog-buttons .home-welcome .message button {
  margin-bottom: .25em
}

.home-welcome .message ol {
  margin: 1.5em 0;
  padding: 0
}

.home-welcome .message ol li {
  clear: left;
  font-size: 1em;
  line-height: 1.2;
  list-style: none;
  margin: 0 0 .5em 0;
  padding: 0
}

@media screen and (min-width: 980px) {
  .home-welcome .message ol li {
    font-size: 1.25em
  }
}

.home-welcome .message ol li span {
  display: block;
  float: left;
  font-size: .8em;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 900;
  height: 1.8em;
  width: 1.8em;
  line-height: 1.7;
  border: 2px solid #FFF;
  border-radius: 100%;
  position: relative;
  top: -.2em;
  margin-right: .5em;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: .5em
}

.home-welcome .message ol li a {
  color: #FFF;
  font-style: italic;
  text-decoration: none;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2)
}

.home-welcome .message ol li a:hover {
  border-bottom: 1px dashed #FFF
}

.home-welcome header {
  margin: 1em 0 1em
}

.home-welcome header span {
  display: none
}

.home-welcome header img {
  display: bock;
  width: 100%
}

.home-welcome .offer {
  margin-left: .5em;
  font-style: italic;
  white-space: pre
}

.home-welcome .set-started {
  float: left;
  overflow: hidden
}

.home-welcome .addthis_sharing_toolbox {
  clear: left;
  padding: 1em 0 0;
  text-shadow: none
}

@media screen and (min-width: 600px) {
  .home-welcome .addthis_sharing_toolbox {
    clear: none;
    float: right;
    margin: 1em 0 0 .5em;
    padding: 0
  }
}

.home-welcome .addthis_sharing_toolbox .at_flat_counter {
  background: #FFF !important
}

.home-welcome .addthis_sharing_toolbox .at_flat_counter:after {
  border-color: transparent #FFF transparent transparent !important
}

.home-press {
  border-bottom: 1px dashed #E5E5E5;
  padding: 2em 0;
  margin: 0 15px;
  margin-bottom: 1em
}

@media screen and (min-width: 768px) {
  .home-press {
    padding: 2em 3em
  }
}

.home-press img {
  display: block;
  width: 100%
}

.by-letter {
  margin: 1em 0;
  overflow: hidden
}

.by-letter a {
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1;
  margin: 0 .6% .6% 0;
  padding: 5px 0 4px;
  text-align: center;
  text-decoration: none;
  width: 10.49%
}

@media screen and (min-width: 768px) {
  .by-letter a {
    width: 7.092307692%;
    padding: 4px 0 3px
  }
}

@media screen and (min-width: 980px) {
  .by-letter a {
    padding: 3px 0 2px
  }
}

.by-letter a:hover {
  background: #188CB4;
  border-color: #188CB4;
  color: #FFFFFF
}

.by-letter a.active {
  background: #188CB4;
  border-color: #188CB4;
  color: #FFFFFF;
  cursor: default
}

.filter-bar {
  background: #E5EEF0;
  border-radius: 3px;
  margin: 1em 0 0 0;
  padding: .5em 1em 1em;
  overflow: hidden
}

.filter-bar .input-wrapper {
  float: left;
  margin: .5em 1em 1em 0;
  padding: 0
}

@media screen and (min-width: 440px) {
  .filter-bar .input-wrapper {
    margin-bottom: 0
  }
}

.filter-bar label a {
  text-decoration: none;
  font-weight: 500;
  color: #666
}

.filter-bar .addthis_sharing_toolbox {
  clear: left;
  height: 20px;
  margin: 1em 0 0 0
}

@media screen and (min-width: 420px) {
  .filter-bar .addthis_sharing_toolbox {
    clear: none;
    float: right;
    margin: .5em 0 0 .5em
  }
}

.filter-bar .addthis_sharing_toolbox .at_flat_counter {
  background: #FFF !important
}

.filter-bar .addthis_sharing_toolbox .at_flat_counter:after {
  border-color: transparent #FFF transparent transparent !important
}

ul.names-results {
  margin: 0 0 1em 0;
  padding: 0
}

ul.names-results.listing-view li a {
  display: block;
  padding: 1em
}

ul.names-results.listing-view li a:before {
  color: #DADADA;
  content: '\f105';
  font-family: FontAwesome;
  font-size: 1.2em;
  line-height: 1;
  display: block;
  position: absolute;
  right: 1em;
  top: 1.2em
}

ul.names-results.listing-view li a:hover:before {
  color: #666666
}

ul.names-results li {
  border-radius: 3px;
  list-style: none;
  line-height: 1;
  margin: 0;
  padding: 0;
  overflow: hidden
}

ul.names-results li.even {
  background: #F6F4F2
}

ul.names-results li.list-ad {
  margin: 0 auto;
  padding: 0;
  max-width: 300px
}

ul.names-results li.list-ad .adunit {
  background: transparent;
  max-height: 250px;
  max-width: 300px;
  margin: 1em auto 1em;
  display: block
}

@media screen and (min-width: 768px) {
  ul.names-results li.list-ad {
    display: none
  }
}

ul.names-results li a {
  color: #38646B;
  position: relative;
  text-decoration: none;
  overflow: hidden
}

ul.names-results li .result-gender {
  float: left;
  position: relative;
  margin-right: .5em
}

ul.names-results li .result-gender:before {
  background: #188CB4;
  color: #FFFFFF;
  border-radius: 50%;
  content: '\f221';
  font-family: FontAwesome;
  text-align: center;
  display: block;
  position: relative;
  width: 2em;
  height: 2em;
  line-height: 2.1
}

ul.names-results li .result-gender.boy:before {
  background: #47B0DF;
  content: '\f222'
}

ul.names-results li .result-gender.girl:before {
  background: #EA4C89;
  content: '\f221';
  text-indent: .15em
}

ul.names-results li .result-gender.boygirl:before {
  background: #27C3A5;
  content: '\f228';
  text-indent: .1em
}

ul.names-results li .result-name {
  display: block;
  float: left;
  font-size: 1.3em;
  margin-right: 1em;
  margin-top: .3em;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif
}

@media screen and (min-width: 480px) {
  ul.names-results li .result-name {
    width: 23%
  }
}

ul.names-results li .result-desc {
  color: #666;
  display: block;
  float: left;
  font-size: .9em;
  font-style: italic;
  font-weight: 500;
  margin-right: 1em;
  margin-top: .5em;
  padding-right: 2px;
  line-height: 1.4;
  overflow: hidden;
  max-width: 55%;
  white-space: nowrap;
  text-overflow: ellipsis
}

ul.names-results li .result-select {
  position: absolute;
  right: 1em;
  margin-top: 2px !important;
  top: 1em !important;
  padding: 5px !important
}

ul.names-results li.odd .result-select {
  box-shadow: 0 0 5px 5px #FFF
}

ul.names-results li.even .result-select {
  box-shadow: 0 0 5px 5px #F6F4F2
}

.pagination {
  margin: 2em 0 1em;
  overflow: hidden
}

@media screen and (min-width: 980px) {
  .pagination {
    margin: 2em 0
  }
}

.pagination ul {
  border-spacing: 2px;
  display: table;
  margin: 0;
  padding: 0;
  width: 100%
}

.pagination ul li {
  display: table-cell;
  list-style: none;
  margin: 0;
  padding: 0
}

.pagination ul li a {
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  display: block;
  padding: .75em .5em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  min-width: 2em
}

.pagination ul li a:hover {
  background: #188CB4;
  border-color: #188CB4;
  color: #FFFFFF
}

.pagination ul li.current a {
  background: #188CB4;
  border-color: #188CB4;
  color: #FFFFFF
}

.pagination ul li.disabled a {
  background: #FFF;
  border: 1px solid #E8E8E8;
  color: #999999;
  cursor: default
}

.names-list {
  font-size: .9em;
  margin-bottom: 2em
}

.names-list h3 {
  font-size: 1.5em;
  font-weight: 900;
  line-height: 1;
  margin-top: 0;
  text-transform: uppercase
}

.names-list h2 {
  font-size: 1em;
  font-weight: 900;
  text-transform: uppercase
}

.names-list ul {
  margin: 0 0 1em 0;
  padding: 0;
  overflow: hidden
}

.names-list ul li {
  display: inline-block;
  list-style: none;
  padding: 0
}

.names-list ul li:after {
  content: '\b7';
  color: #999;
  display: inline-block;
  padding: 0 .5em
}

.names-list ul li:last-child:after {
  display: none
}

@media screen and (min-width: 900px) {
  .names-list ul li {
    display: block
  }

  .names-list ul li:after {
    display: none
  }
}

.names-list a {
  display: inline-block;
  font-weight: 500;
  padding: .25em 0;
  color: #666;
  white-space: pre;
  text-decoration: none
}

.names-list a:hover {
  color: #188CB4;
  text-decoration: underline
}

@media screen and (min-width: 900px) {
  .names-list a {
    display: inline;
    float: none;
    padding: 0;
    margin: 0;
    white-space: inherit
  }
}

.name-page-layout .right-col .module-game {
  display: block
}

@media screen and (min-width: 980px) {
  .name-page-layout .right-col .module-game {
    display: none
  }
}

.name-info {
  background: #E5EEF0;
  padding: 2em 0 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
  top: 0;
  margin-top: 1em;
  border-radius: 3px 3px 0 0
}

@media screen and (min-width: 768px) {
  .name-info {
    margin-left: 15px
  }
}

@media screen and (min-width: 980px) {
  .name-info {
    top: -1em;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0
  }
}

.name-info:before {
  content: '';
  background: url(../img/white-jagged-btm-bg.gif) bottom repeat-x;
  background-size: 5px auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px
}

.name-info .name-info-left, .name-info .name-info-right {
  margin-bottom: 1em;
  padding: 0 15px
}

@media screen and (min-width: 980px) {
  .name-info .name-info-left, .name-info .name-info-right {
    float: left;
    width: 50%
  }

  .name-info .name-info-right {
    width: 50%
  }
}

.name-info .name {
  display: inline-block;
  border-bottom: 2px dotted #FFFFFF;
  color: #38646B;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  font-size: 2.4em;
  line-height: 1.2;
  margin: 0 0 .25em;
  padding: 0
}

.name-info .result-gender {
  background: #188CB4;
  color: #FFFFFF;
  border-radius: 50%;
  content: '\f221';
  font-family: FontAwesome;
  font-weight: 700;
  font-size: .4em;
  text-align: center;
  display: inline-block;
  position: relative;
  width: 2em;
  height: 2em;
  line-height: 2.1;
  top: -.5em
}

.name-info .result-gender.boy {
  background: #47B0DF
}

.name-info .result-gender.boy:after {
  content: '\f222'
}

.name-info .result-gender.girl {
  background: #EA4C89;
  text-indent: .15em
}

.name-info .result-gender.girl:after {
  content: '\f221'
}

.name-info .result-gender.boygirl {
  background: #27C3A5;
  text-indent: .1em
}

.name-info .result-gender.boygirl:after {
  content: '\f228'
}

.name-info .addthis_sharing_toolbox {
  margin: .75em 0
}

.name-info .addthis_sharing_toolbox .at_flat_counter {
  background: #FFF !important
}

.name-info .addthis_sharing_toolbox .at_flat_counter:after {
  border-color: transparent #FFF transparent transparent !important
}

.name-info dl {
  margin: 0;
  padding: 0;
  line-height: 1.2
}

.name-info dl dt {
  color: #38646B;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 900;
  letter-spacing: .01em;
  margin: 0 0 .25em 0;
  padding: 0;
  text-transform: uppercase
}

.name-info dl dd {
  margin: 0 0 .5em;
  padding: 0
}

.name-info .module.module-game {
  background: #FFF;
  margin: .5em 0 1em 0;
  display: none
}

@media screen and (min-width: 980px) {
  .name-info .module.module-game {
    display: block
  }
}

.name-buttons {
  clear: both;
  border-top: 2px dotted #FFF;
  margin-top: 2em;
  padding: 1em 15px 1em;
  overflow: hidden;
  text-align: center
}

.name-buttons a {
  color: #FFF;
  background: #188CB4;
  border-radius: 3px;
  padding: .5em 1em;
  display: block;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 900;
  line-height: 1.2;
  text-decoration: none;
  overflow: hidden;
  text-align: left;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1)
}

.name-buttons a:hover {
  background: #1b9ecb
}

.name-buttons a i {
  float: left;
  margin-right: .25em;
  position: relative
}

@media screen and (min-width: 480px) {
  .name-buttons a i {
    top: .35em;
    font-size: 1.2em;
    margin-right: 0.5em
  }
}

.name-buttons a div {
  float: left
}

.name-buttons a span {
  display: block;
  font-size: .8em;
  white-space: pre;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.4
}

.name-buttons a em {
  display: block;
  white-space: pre;
  font-size: 1em;
  font-style: normal;
  line-height: 1;
  margin-top: .1em
}

@media screen and (min-width: 480px) {
  .name-buttons a em {
    margin-top: 0
  }
}

.name-buttons a .mobile {
  display: block
}

.name-buttons a .desktop {
  display: none
}

@media screen and (min-width: 480px) {
  .name-buttons a .mobile {
    display: none
  }

  .name-buttons a .desktop {
    display: block
  }
}

.name-buttons .back-to {
  float: left
}

.name-buttons .next-to {
  float: right;
  text-align: right
}

.name-buttons .next-to i {
  float: right;
  margin-right: 0;
  margin-left: .25em
}

@media screen and (min-width: 480px) {
  .name-buttons .next-to i {
    margin-left: .5em
  }
}

.name-buttons .random {
  float: right;
  text-align: right
}

.name-buttons .random i {
  float: right;
  margin-right: 0;
  margin-left: .25em
}

@media screen and (min-width: 480px) {
  .name-buttons .random i {
    margin-left: .5em
  }
}

.name-more-info {
  overflow: hidden;
  padding: 15px 15px 0;
  margin-top: 1em
}

@media screen and (min-width: 768px) {
  .name-more-info {
    border-right: 1px dashed #E5E5E5
  }
}

@media screen and (min-width: 980px) {
  .name-more-info {
    padding-top: 0;
    margin-top: 0;
    border-left: 1px dashed #E5E5E5
  }
}

.name-more-info .name-more-info-btm {
  clear: both
}

@media screen and (min-width: 980px) {
  .name-more-info .name-more-info-left, .name-more-info .name-more-info-right {
    padding: 15px 0
  }

  .name-more-info .name-more-info-left {
    float: left;
    width: 62%;
    padding-right: 15px
  }

  .name-more-info .name-more-info-right {
    float: left;
    width: 38%;
    border-left: 1px dashed #E5E5E5;
    padding-left: 15px
  }
}

.name-more-info article {
  margin-bottom: 2em
}

@media screen and (min-width: 980px) {
  .name-more-info article {
    margin-bottom: 3em
  }
}

.name-more-info h5 {
  color: #38646B;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  font-size: 1.4em
}

.name-more-info p {
  margin-top: .5em
}

.name-more-info .name-chart {
  margin-bottom: 0
}

.name-more-info #popularity_chart {
  overflow: hidden;
  margin-bottom: 1em
}

.name-more-info #famous_names em {
  font-style: normal;
  font-size: .9em
}

.name-more-info #famous_names a {
  text-decoration: none
}

.name-more-info #famous_names a:hover {
  text-decoration: underline
}

.name-more-info #famous_names p {
  margin-bottom: .5em
}

.name-more-info .name-like h5 {
  margin-bottom: .5em
}

.name-more-info .name-discussions {
  margin-bottom: 0
}

.name-more-info .bottom-content-ad {
  clear: both
}

.module-create-list {
  background: #F6F4F2;
  color: #38646B;
  border-radius: 3px;
  padding: 30px;
  margin: 2em auto;
  position: relative
}

.module-create-list:before, .module-create-list:after {
  -webkit-transition: all 50ms linear;
  -moz-transition: all 50ms linear;
  transition: all 50ms linear;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 5px;
  width: 50%;
  top: 80%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2)
}

.module-create-list:after {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 5px;
  left: auto
}

@media screen and (min-width: 768px) {
  .module-create-list {
    padding: 15px;
    margin: 0 0 5px 0
  }
}

@media screen and (min-width: 980px) {
  .module-create-list {
    background: #FFF
  }
}

.module-create-list .logo {
  float: left;
  margin-right: .5em;
  width: 40px
}

.module-create-list header {
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1.4em;
  font-weight: 900;
  letter-spacing: .03em;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 0
}

.module-create-list header.boy span {
  color: #199DC8
}

.module-create-list header.girl span {
  color: #EF4A88
}

.module-create-list header.boygirl span {
  color: #27C3A5
}

.module-create-list .create-list-names {
  overflow: hidden;
  padding: 10px 0 15px 0;
  clear: both
}

.module-create-list .create-list-names-boys, .module-create-list .create-list-names-girls {
  float: left;
  width: 45%;
  margin-right: 5%
}

.module-create-list .create-list-caption {
  font-weight: 900;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  padding: .25em;
  line-height: 1
}

.module-create-list .create-list-caption.boys {
  color: #47B0DF
}

.module-create-list .create-list-caption.girls {
  color: #EA4C89
}

.module-create-list .create-list-names-name {
  border-bottom: 1px dashed #E5E5E5;
  border-top: 1px dashed #E5E5E5;
  height: 1.75em;
  font-weight: 700;
  padding: .25em;
  line-height: 1.2
}

ul.press_releases {
  margin: 2em 0 3em .5em;
  padding: 0
}

ul.press_releases li {
  list-style: none;
  margin: 0 0 .5em;
  padding: 0;
  overflow: hidden
}

ul.press_releases .press_item_date {
  float: left;
  width: 60px;
  font-weight: bold;
  text-align: right;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif
}

ul.press_releases .press_item_link {
  padding-left: 80px
}

.press_article {
  float: left;
  display: block;
  margin-right: 2.125051083%;
  width: 48.9374744585%;
  list-style: none;
  margin: 0 0 1em;
  padding: 15px
}

.press_article:last-child {
  margin-right: 0
}

.press_article:nth-child(2n) {
  clear: left
}

.press_article_image {
  text-align: center;
  margin-bottom: .5em;
  height: 4em
}

.press_article_image img {
  display: inline-block;
  max-width: 100%;
  max-height: 4em
}

.press_article_link {
  text-align: center;
  line-height: 1.4
}

.press_article_link a {
  text-decoration: none
}

.press_article_link a:hover {
  text-decoration: underline
}

.press_back_to_top {
  clear: both
}

.prize-content img.right {
  max-width: 50% !important;
  display: block
}

.prize-content .prize-image {
  margin: 1em 0;
  text-align: center
}

.prize-content .prize-image img {
  display: inline-block;
  max-width: 100%
}

.prize-content .how-to-win-box {
  overflow: hidden;
  color: #38646B;
  font-weight: 700;
  margin-top: 2em;
  position: relative
}

.prize-content .how-to-win-box:before, .prize-content .how-to-win-box:after {
  -webkit-transition: all 50ms linear;
  -moz-transition: all 50ms linear;
  transition: all 50ms linear;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 5px;
  width: 50%;
  top: 80%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2)
}

.prize-content .how-to-win-box:after {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 5px;
  left: auto
}

.prize-content .how-to-win-box p {
  font-size: 1.1em;
  line-height: 1.4;
  margin: .5em 0 0 0;
  text-align: center;
  font-style: italic
}

@media screen and (min-width: 550px) {
  .prize-content .addthis_sharing_toolbox {
    float: right
  }
}

.connect_to .gmail {
  display: inline-block;
  background: url(../assets/gmail.png) no-repeat;
  text-indent: -5000em;
  height: 22px;
  width: 77px;
  cursor: pointer;
  position: relative;
  top: -2px
}

.show_registry_article {
  overflow: hidden;
  border-top: 1px dashed #E5E5E5;
  margin: 2em 0 0;
  padding: 2em 0 0
}

.show_registry_article .left {
  float: left;
  display: block;
  margin-right: 2.125051083%;
  width: 31.9166326114%;
  text-align: center
}

.show_registry_article .left:last-child {
  margin-right: 0
}

.show_registry_article .left img {
  margin-bottom: .5em
}

.show_registry_article .left a {
  text-decoration: none;
  color: #999
}

.show_registry_article .left a:hover {
  color: #188CB4
}

.show_registry_article .right {
  float: left;
  display: block;
  margin-right: 2.125051083%;
  width: 65.9583163057%;
  margin-right: 0
}

.show_registry_article .right:last-child {
  margin-right: 0
}

.signup {
  overflow: hidden
}

.signup label {
  font-weight: 900
}

.signup .input-wrapper {
  float: left;
  width: 100%;
  margin: .5em 0
}

.signup .input-wrapper.select {
  width: auto;
  clear: none
}

.signup .input-wrapper.check-group {
  margin: .25em 0 1em 0;
  clear: none
}

.signup .input-wrapper.check-wrapper {
  clear: none;
  width: auto;
  margin-right: 1em
}

.signup .input-wrapper.check-group {
  clear: left
}

.signup .actions {
  clear: left;
  overflow: hidden
}

.signup .terms {
  clear: left;
  overflow: hidden
}

@media screen and (min-width: 600px) {
  .signup label {
    float: left;
    display: block;
    margin-right: 2.125051083%;
    width: 31.9166326114%;
    text-align: right;
    padding-right: .5em;
    margin-top: .5em;
    line-height: 1
  }

  .signup label:last-child {
    margin-right: 0
  }

  .signup label.checkbox-label {
    text-align: left;
    line-height: 1
  }

  .signup input[type=text], .signup input[type=password], .signup .select-wrapper {
    float: left;
    display: block;
    margin-right: 2.125051083%;
    width: 48.9374744585%
  }

  .signup input[type=text]:last-child, .signup input[type=password]:last-child, .signup .select-wrapper:last-child {
    margin-right: 0
  }

  .signup .input-wrapper {
    float: left;
    clear: left;
    width: 100%
  }

  .signup .actions {
    margin-left: 34.0416836943%
  }

  .signup .terms {
    margin-left: 34.0416836943%;
    overflow: hidden
  }

  .signup .terms label {
    white-space: pre;
    font-weight: 500;
    color: #666
  }
}

.signup-benefits {
  color: #38646B;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1;
  max-width: 500px;
  margin: 1em auto 2em
}

.signup-benefits br {
  display: none
}

@media screen and (min-width: 768px) {
  .signup-benefits {
    margin-top: 7em
  }

  .signup-benefits br {
    display: block
  }

  .signup-benefits .two-line i {
    top: .2em
  }

  .signup-benefits .one-line i {
    top: -.15em
  }
}

.signup-benefits p {
  font-size: 1.6em;
  clear: both;
  margin-top: 0
}

.signup-benefits i {
  color: #EA4C89;
  float: left;
  font-size: 1.3em;
  margin-bottom: .25em;
  margin-right: .25em;
  position: relative;
  top: -.2em
}

.signup-quote {
  border-radius: 3px;
  position: relative;
  padding: 1em 2em;
  background: #E5EEF0;
  color: #38646B;
  max-width: 500px;
  margin: 0 auto
}

.signup-quote:before, .signup-quote:after {
  -webkit-transition: all 50ms linear;
  -moz-transition: all 50ms linear;
  transition: all 50ms linear;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 5px;
  width: 50%;
  top: 80%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2)
}

.signup-quote:after {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 5px;
  left: auto
}

.signup-quote p {
  font-size: 1.2em;
  font-style: italic;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1.4
}

.signup-quote p .source {
  display: block;
  font-weight: 900;
  font-family: "museo-webfont", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-style: normal;
  margin-top: .25em
}

.modal-dialog .login {
  margin-bottom: 20px;
}

.modal-dialog .login td.validation_error {
  position: relative;
}

.modal-dialog .login .error {
  display: none;
}

.modal-dialog .login td.validation_error input {
  border: 1px solid red;
}

.modal-dialog .login td.validation_error .error {
  color: red;
  display: block;
  position: absolute;
  left: 0;
  top: 66px;
}

.bn-namecomment-username {
  color: #188CB4;
}

.modal-dialog input.error {
  border: 1px solid red;
}

.demovideo {
  background: #FFF;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  color: #333;
  /* min-width: 260px; */
  /* max-width: 500px; */
  padding: 13px;
  position: absolute;
  z-index: 9999;
  outline: none;
}

.demovideo select {
}

.demovideo-bg {
  background: #E5EEF0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.demovideo-title-close {
  cursor: pointer;
  background-image: none;
  position: absolute;
  line-height: 1;
  font-size: 17px;
  right: 5px;
  top: 5px;
  height: 1em;
  width: 20px;
  text-align: right;
}

.demovideo-title-close::after {
  content: '\f00d';
  color: #cccccc;
  font-family: fontAwesome;
  position: absolute;
  right: 0;
  left: 0;
}

.demovideo-content {
  padding: 12px;
  width: 640px;
  height: 400px;
}

.demovideo-buttons {
  display: none;
}

.goog-inline-block {
  display: inline-block;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for toolbars and toolbar items.
 *
 * @author attila@google.com (Attila Bodis)
 */

/*
 * Styles used by goog.ui.ToolbarRenderer.
 */

.goog-toolbar {
  /* Client apps may override the URL at which they serve the image. */
  background: #fafafa url(//ssl.gstatic.com/editor/toolbar-bg.png) repeat-x bottom left;
  border-bottom: 1px solid #d5d5d5;
  cursor: default;
  font: normal 12px Arial, sans-serif;
  margin: 0;
  outline: none;
  padding: 2px;
  position: relative;
  zoom: 1; /* The toolbar element must have layout on IE. */
}

/*
 * Styles used by goog.ui.ToolbarButtonRenderer.
 */

.goog-toolbar-button {
  margin: 0 2px;
  border: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #333;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: none;
}

/* Pseudo-rounded corners. */
.goog-toolbar-button-outer-box,
.goog-toolbar-button-inner-box {
  border: 0;
  vertical-align: top;
}

.goog-toolbar-button-outer-box {
  margin: 0;
  padding: 1px 0;
}

.goog-toolbar-button-inner-box {
  margin: 0 -1px;
  padding: 3px 4px;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* Pre-IE7 BiDi fixes. */
* html .goog-toolbar-button-rtl .goog-toolbar-button-outer-box {
  /* @noflip */
  left: -1px;
}

* html .goog-toolbar-button-rtl .goog-toolbar-button-inner-box {
  /* @noflip */
  right: auto;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* IE7 BiDi fix. */
*:first-child + html .goog-toolbar-button-rtl .goog-toolbar-button-inner-box {
  /* @noflip */
  left: 1px;
  /* @noflip */
  right: auto;
}

/* Safari-only hacks. */
::root .goog-toolbar-button,
::root .goog-toolbar-button-outer-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-toolbar-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* Disabled styles. */
.goog-toolbar-button-disabled {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

.goog-toolbar-button-disabled .goog-toolbar-button-outer-box,
.goog-toolbar-button-disabled .goog-toolbar-button-inner-box {
  /* Disabled text/border color trumps everything else. */
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */
  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */
  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}

/* Only draw borders when in a non-default state. */
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-selected .goog-toolbar-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}

.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}

/* Hover styles. */
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  /* Hover border style wins over active/checked/selected. */
  border-color: #a1badf !important;
}

/* Active/checked/selected styles. */
.goog-toolbar-button-active,
.goog-toolbar-button-checked,
.goog-toolbar-button-selected {
  /* Active/checked/selected background color always wins. */
  background-color: #dde1eb !important;
}

.goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-outer-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
  border-color: #729bd1;
}

/* Pill (collapsed border) styles. */
.goog-toolbar-button-collapse-right,
.goog-toolbar-button-collapse-right .goog-toolbar-button-outer-box,
.goog-toolbar-button-collapse-right .goog-toolbar-button-inner-box {
  margin-right: 0;
}

.goog-toolbar-button-collapse-left,
.goog-toolbar-button-collapse-left .goog-toolbar-button-outer-box,
.goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
  margin-left: 0;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
  left: 0;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-button-collapse-left
.goog-toolbar-button-inner-box {
  left: 0;
}

/*
 * Styles used by goog.ui.ToolbarMenuButtonRenderer.
 */

.goog-toolbar-menu-button {
  margin: 0 2px;
  border: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #333;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: none;
}

/* Pseudo-rounded corners. */
.goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-inner-box {
  border: 0;
  vertical-align: top;
}

.goog-toolbar-menu-button-outer-box {
  margin: 0;
  padding: 1px 0;
}

.goog-toolbar-menu-button-inner-box {
  margin: 0 -1px;
  padding: 3px 4px;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-menu-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* Pre-IE7 BiDi fixes. */
* html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-outer-box {
  /* @noflip */
  left: -1px;
}

* html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-inner-box {
  /* @noflip */
  right: auto;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-menu-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* IE7 BiDi fix. */
*:first-child + html .goog-toolbar-menu-button-rtl
.goog-toolbar-menu-button-inner-box {
  /* @noflip */
  left: 1px;
  /* @noflip */
  right: auto;
}

/* Safari-only hacks. */
::root .goog-toolbar-menu-button,
::root .goog-toolbar-menu-button-outer-box,
::root .goog-toolbar-menu-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-toolbar-menu-button-caption,
::root .goog-toolbar-menu-button-dropdown {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* Disabled styles. */
.goog-toolbar-menu-button-disabled {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

.goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-inner-box {
  /* Disabled text/border color trumps everything else. */
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-menu-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */
  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child + html .goog-toolbar-menu-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */
  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}

/* Only draw borders when in a non-default state. */
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}

.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}

/* Hover styles. */
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
  /* Hover border color trumps active/open style. */
  border-color: #a1badf !important;
}

/* Active/open styles. */
.goog-toolbar-menu-button-active,
.goog-toolbar-menu-button-open {
  /* Active/open background color wins. */
  background-color: #dde1eb !important;
}

.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
  border-color: #729bd1;
}

/* Menu button caption style. */
.goog-toolbar-menu-button-caption {
  padding: 0 4px 0 0;
  vertical-align: middle;
}

/* Dropdown style. */
.goog-toolbar-menu-button-dropdown {
  width: 7px;
  /* Client apps may override the URL at which they serve the sprite. */
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
  vertical-align: middle;
}

/*
 * Styles used by goog.ui.ToolbarSeparatorRenderer.
 */

.goog-toolbar-separator {
  margin: 0 2px;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #f7f7f7;
  padding: 0;
  width: 0;
  text-decoration: none;
  list-style: none;
  outline: none;
  vertical-align: middle;
  line-height: normal;
  font-size: 120%;
  overflow: hidden;
}

/*
 * Additional styling for toolbar select controls, which always have borders.
 */

.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}

.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}

.goog-toolbar-select .goog-toolbar-menu-button-outer-box,
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border-color: #bfcbdf;
}

/*
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Editor toolbar styles.
 *
 * @author attila@google.com (Attila Bodis)
 */

/* Common base style for all icons. */
.tr-icon {
  width: 16px;
  height: 16px;
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat;
  vertical-align: middle;
}

.goog-color-menu-button-indicator .tr-icon {
  height: 14px;
}

/* Undo (redo when the chrome is right-to-left). */
.tr-undo,
.goog-toolbar-button-rtl .tr-redo {
  background-position: 0;
}

/* Redo (undo when the chrome is right-to-left). */
.tr-redo,
.goog-toolbar-button-rtl .tr-undo {
  background-position: -16px;
}

/* Font name. */
.tr-fontName .goog-toolbar-menu-button-caption {
  color: #246;
  width: 16ex;
  height: 16px;
  overflow: hidden;
}

/* Font size. */
.tr-fontSize .goog-toolbar-menu-button-caption {
  color: #246;
  width: 8ex;
  height: 16px;
  overflow: hidden;
}

/* Bold. */
.tr-bold {
  background-position: -32px;
}

/* Italic. */
.tr-italic {
  background-position: -48px;
}

/* Underline. */
.tr-underline {
  background-position: -64px;
}

/* Foreground color. */
.tr-foreColor {
  height: 14px;
  background-position: -80px;
}

/* Background color. */
.tr-backColor {
  height: 14px;
  background-position: -96px;
}

/* Link. */
.tr-link {
  font-weight: bold;
  color: #009;
  text-decoration: underline;
}

/* Insert image. */
.tr-image {
  background-position: -112px;
}

/* Insert drawing. */
.tr-newDrawing {
  background-position: -592px;
}

/* Insert special character. */
.tr-spChar {
  font-weight: bold;
  color: #900;
}

/* Increase indent. */
.tr-indent {
  background-position: -128px;
}

/* Increase ident in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-indent {
  background-position: -400px;
}

/* Decrease indent. */
.tr-outdent {
  background-position: -144px;
}

/* Decrease indent in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-outdent {
  background-position: -416px;
}

/* Bullet (unordered) list. */
.tr-insertUnorderedList {
  background-position: -160px;
}

/* Bullet list in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-insertUnorderedList {
  background-position: -432px;
}

/* Number (ordered) list. */
.tr-insertOrderedList {
  background-position: -176px;
}

/* Number list in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-insertOrderedList {
  background-position: -448px;
}

/* Text alignment buttons. */
.tr-justifyLeft {
  background-position: -192px;
}

.tr-justifyCenter {
  background-position: -208px;
}

.tr-justifyRight {
  background-position: -224px;
}

.tr-justifyFull {
  background-position: -480px;
}

/* Blockquote. */
.tr-BLOCKQUOTE {
  background-position: -240px;
}

/* Blockquote in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-BLOCKQUOTE {
  background-position: -464px;
}

/* Remove formatting. */
.tr-removeFormat {
  background-position: -256px;
}

/* Spellcheck. */
.tr-spell {
  background-position: -272px;
}

/* Left-to-right text direction. */
.tr-ltr {
  background-position: -288px;
}

/* Right-to-left text direction. */
.tr-rtl {
  background-position: -304px;
}

/* Insert iGoogle module. */
.tr-insertModule {
  background-position: -496px;
}

/* Strike through text */
.tr-strikeThrough {
  background-position: -544px;
}

/* Subscript */
.tr-subscript {
  background-position: -560px;
}

/* Superscript */
.tr-superscript {
  background-position: -576px;
}

/* Insert drawing. */
.tr-equation {
  background-position: -608px;
}

/* Edit HTML. */
.tr-editHtml {
  color: #009;
}

/* "Format block" menu. */
.tr-formatBlock .goog-toolbar-menu-button-caption {
  color: #246;
  width: 12ex;
  height: 16px;
  overflow: hidden;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for menus created by goog.ui.MenuItemRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */

/* State: resting. */
.goog-menuitem {
  color: #000;
  font: normal 13px Arial, sans-serif;
  list-style: none;
  margin: 0;
  /* 28px on the left for icon or checkbox; 7em on the right for shortcut. */
  padding: 4px 7em 4px 28px;
  white-space: nowrap;
}

/* If a menu doesn't have checkable items or items with icons, remove padding. */
.goog-menu-nocheckbox .goog-menuitem,
.goog-menu-noicon .goog-menuitem {
  padding-left: 12px;
}

/*
 * If a menu doesn't have items with shortcuts, leave just enough room for
 * submenu arrows, if they are rendered.
 */
.goog-menu-noaccel .goog-menuitem {
  padding-right: 20px;
}

.goog-menuitem-content {
  color: #000;
  font: normal 13px Arial, sans-serif;
}

/* State: disabled. */
.goog-menuitem-disabled .goog-menuitem-accel,
.goog-menuitem-disabled .goog-menuitem-content {
  color: #ccc !important;
}

.goog-menuitem-disabled .goog-menuitem-icon {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

/* State: hover. */
.goog-menuitem-highlight,
.goog-menuitem-hover {
  background-color: #d6e9f8;
  /* Use an explicit top and bottom border so that the selection is visible
   * in high contrast mode. */
  border-color: #d6e9f8;
  border-style: dotted;
  border-width: 1px 0;
  padding-bottom: 3px;
  padding-top: 3px;
}

/* State: selected/checked. */
.goog-menuitem-checkbox,
.goog-menuitem-icon {
  background-repeat: no-repeat;
  height: 16px;
  left: 6px;
  position: absolute;
  right: auto;
  vertical-align: middle;
  width: 16px;
}

.goog-option-selected .goog-menuitem-checkbox,
.goog-option-selected .goog-menuitem-icon {
  /* Client apps may override the URL at which they serve the sprite. */
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}

/* Keyboard shortcut ("accelerator") style. */
.goog-menuitem-accel {
  color: #999;
  /* Keyboard shortcuts are untranslated; always left-to-right. */
  /* @noflip */
  direction: ltr;
  left: auto;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-align: right;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for menus created by goog.ui.MenuRenderer.
 *
 * @author attila@google.com (Attila Bodis)
 */

.goog-menu {
  background: #fff;
  border-color: #ccc #666 #666 #ccc;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  font: normal 13px Arial, sans-serif;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: absolute;
  z-index: 20000; /* Arbitrary, but some apps depend on it... */
}

.modal-dialog-content .select-wrapper {
  float: none;
}

.slug_used {
  color: red;
}

.arabic-list {
  list-style-type: none;
  counter-reset: list;
  padding-left: 25px;
}

.arabic-list li:before {
  counter-increment: list;
  content: counter(list, decimal) ") ";
}

.roman-list {
  list-style-type: none;
  counter-reset: list;
  padding-left: 25px;
}

.roman-list li:before {
  counter-increment: list;
  content: counter(list, lower-roman) ") ";
}

.names-rank-list-container {
  text-align: center;
}

.names-rank-list {
  text-align: left;
  margin-left: 15px;
  display: inline-block;
  vertical-align: top;
}

.names-rank-list tr {
  width: 150px;
}

.names-rank-list tr:nth-child(odd) {
  background-color: #F6F4F2;
}

#supheader #user_nav #babylistCampaign {
  display: none;
}

#supheader #user_nav a.babylist {
  padding: 0 1em;
  background: none;
}

#supheader #user_nav a.babylist img {
  height: 2.1em;
  margin-left: 3px;
}

.gdpr-notification-banner {
    background: #092D5A;
    color: #fff;
    z-index: 3;
    padding: .8rem 1.2rem;
    line-height: 1.3rem;
    font-size: 1rem;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and (min-width: 45em) {
    .gdpr-notification-banner {
        padding: .5rem 2rem;
    }
}

@media screen and (min-width: 980px) {
    .gdpr-notification-banner {
        max-width: 1120px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 1126px) {
    .gdpr-notification-banner {
        left: -3px;
    }
}

.gdpr-notification-banner__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;

    font-family: "FS Albert Extra Bold",HelveticaNeueBold,HelveticaNeue-Bold,"Helvetica Neue Bold",HelveticaBold,
    Helvetica-Bold,"Helvetica Bold",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}

.gdpr-notification-banner a {
    color: #00ADE7;
    text-decoration: underline;
}

.close-button {
    background: 0 0;
    border: none;
    padding: 0;
}

.close-button .icon-x {
    display: block;
    width: 25px;
    height: 20px;
    fill: #fff;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.gdpr-notification-banner__copy {
    display: inline;
}

.gdpr-notification-banner__image {
    max-width: 100px;
    display: none;
}

@media screen and (min-width: 35em) {
    .gdpr-notification-banner__image {
        display: block;
    }
}