@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url(../../default/fonts/Lato/Lato-Hairline.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(../../default/fonts/Lato/Lato-Light.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(../../default/fonts/Lato/Lato-Regular.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(../../default/fonts/Lato/Lato-Bold.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url(../../default/fonts/Lato/Lato-Black.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url(../../default/fonts/Lato/Lato-HairlineItalic.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url(../../default/fonts/Lato/Lato-LightItalic.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(../../default/fonts/Lato/Lato-Italic.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url(../../default/fonts/Lato/Lato-BoldItalic.ttf); }

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url(../../default/fonts/Lato/Lato-BlackItalic.ttf); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../../default/fonts/OpenSans/OpenSans-Regular.ttf); }

@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: 400;
  src: url(../../default/fonts/Helvetica/Helvetica.ttf); }

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url(../../default/fonts/Quicksand/Quicksand_light.otf); }

@font-face {
  font-family: 'Impact';
  font-style: normal;
  font-weight: 400;
  src: url(../../default/fonts/Impact/Impact.ttf); }

/************************************** classes *****************************************/
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left; }

.row-flex {
  display: flex;
  flex-wrap: wrap; }

.row-flex:before {
  padding: 0;
  margin: 0;
  display: block;
  content: ""; }

.btn-sm {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem; }

.hint-box {
  padding: 8px;
  background-color: rgba(255, 249, 111, 0.24);
  color: #292929;
  margin-bottom: 20px; }

.striped-rows .row {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top: 1px solid lightgray; }
  .striped-rows .row div:first-child, .striped-rows .row div:last-child {
    padding: 0; }

.striped-rows .row:first-child {
  border-top: none;
  padding-top: 0; }

.bounce {
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
  animation: bounce 2s infinite; }

blockquote {
  text-align: left;
  border: none;
  font-style: italic;
  padding: 0; }
  blockquote .quote {
    width: 50px; }
    blockquote .quote i {
      color: rgba(0, 0, 0, 0.1);
      text-align: center;
      width: 100%;
      font-size: 20px; }
  blockquote p {
    margin-left: 50px;
    font-size: 15px;
    text-align: left; }
  blockquote p.source {
    margin-top: 6px;
    font-size: 13px;
    color: #777; }

a {
  cursor: pointer; }

.gold-bar:after {
  background-color: #df9e13;
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 3px; }

.bg-our-primary {
  background-color: #292929 !important; }

.bg-our-secondary {
  background-color: #f7d1cc !important; }

.btn-primary {
  background: #292929 linear-gradient(180deg, #494949, #292929) repeat-x;
  border-color: #292929; }
  .btn-primary:hover {
    background: #161616 linear-gradient(180deg, #363636, #161616) repeat-x;
    border-color: #101010; }

.btn-secondary {
  background: #f7d1cc linear-gradient(180deg, #f8d8d4, #f7d1cc) repeat-x;
  border-color: #f7d1cc; }
  .btn-secondary:hover {
    background: #f2b3ab linear-gradient(180deg, #f1bcb5, #f2b3ab) repeat-x;
    border-color: #f0a9a0; }

.btn-gold {
  background: #ca8c04 linear-gradient(180deg, #d29d2a, #ca8c04) repeat-x;
  border-color: #ca8c04; }
  .btn-gold:hover {
    background: #a47203 linear-gradient(180deg, #af8426, #a47203) repeat-x;
    border-color: #986903; }

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem; }

.panel-primary {
  border-color: #292929; }
  .panel-primary .panel-heading {
    border-color: #292929;
    background: #292929 linear-gradient(180deg, #494949, #292929) repeat-x; }
  .panel-primary .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #292929; }

.panel-secondary {
  border-color: #292929; }
  .panel-secondary .panel-heading {
    border-color: #292929;
    background: #f7d1cc linear-gradient(180deg, #f8d8d4, #f7d1cc) repeat-x; }
  .panel-secondary .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f7d1cc; }

ul.list-style-none {
  list-style: none; }

img {
  opacity: 1;
  transition: opacity 0.3s; }

img[data-src] {
  opacity: 0; }

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

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(0.7); }
  100% {
    -webkit-transform: scale(1); } }

.red {
  color: #ce3a1e !important; }

.green {
  color: #5cb85c !important; }

.gold {
  color: #FFD01B !important; }

.beat {
  -webkit-animation-name: heartbeat;
  -webkit-animation-duration: 200ms;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-timing-function: linear;
  color: #d43f3a !important; }

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

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

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

.margin-top-lg {
  margin-top: 50px !important; }

.margin-bottom-lg {
  margin-bottom: 50px !important; }

.margin-10 {
  margin: 10px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-left-10 {
  margin-left: 10px !important; }

.margin-right-10 {
  margin-right: 10px !important; }

.margin-20 {
  margin: 20px !important; }

.margin-bottom {
  margin-bottom: 15px !important; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

.margin-top-20 {
  margin-top: 20px !important; }

.margin-left-20 {
  margin-left: 20px !important; }

.margin-right-20 {
  margin-right: 20px !important; }

.margin-top {
  margin-top: 15px !important; }

.margin-top-lg {
  margin-top: 40px !important; }

.no-margin {
  margin: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.padding-left {
  margin-left: 15px !important; }

.padding-5 {
  padding: 5px !important; }

.padding-10 {
  padding: 10px !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.padding-top-10 {
  padding-top: 10px !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.padding-right-10 {
  padding-right: 10px !important; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.margin-right {
  margin-right: 15px; }

.hr-spacer {
  height: 1px;
  background-color: #d4d4d4; }

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

.no-padding {
  padding: 0; }

.no-left-padding {
  padding-left: 0; }

.page-alert {
  position: fixed;
  top: 80px;
  right: 100px;
  z-index: 99999;
  box-shadow: 0 0 23px 5px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  line-height: 20px;
  padding: 15px 20px; }
  .page-alert button.close {
    margin-left: 15px; }

.hint {
  background: #fff;
  color: #000;
  padding: 8px 10px;
  position: relative;
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  border-radius: 3px;
  line-height: 20px; }

.hint.hint-left {
  margin-left: 6px; }

.hint.hint-left:after {
  display: block;
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  border-right-color: #3986ac;
  top: 50%;
  margin-top: -6px;
  right: 100%;
  content: '';
  width: 0;
  height: 0; }

.hint.hint-right:after {
  display: block;
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  border-left-color: #3986ac;
  top: 50%;
  margin-top: -6px;
  right: -12px;
  content: '';
  width: 0;
  height: 0; }

.input-error {
  color: #ce3a1e; }

.hint-red {
  background-color: #7f302f;
  color: #fff; }

.hint-blue {
  background-color: #3986ac;
  color: #fff; }

.navbar-default .navbar-nav > li.upgrade > a > span {
  color: #c97b15;
  height: 100%;
  background-color: gold;
  font-weight: bold;
  border-radius: 5px;
  padding: 10px;
  display: inline !important; }

select.select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(../img/15xvbd5.png), -webkit-linear-gradient(#fff, #fff 20%, #f9f9f9);
  background-position: right center;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  color: #555;
  margin: 0px;
  overflow: hidden;
  padding: 4px 4px;
  padding-right: 38px;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 0;
  outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }
  select.select option {
    cursor: pointer; }

select.select:focus {
  border: 1px solid #ccc;
  outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.btn-edit {
  margin: 0px 5px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: 0;
  opacity: .5;
  border-width: 1px;
  display: inline;
  outline: none; }
  .btn-edit .btn-txt {
    opacity: 0; }

.btn-edit.active, .btn-edit:hover {
  border-color: #ccc;
  opacity: 1;
  cursor: pointer;
  background: #efefef;
  background: linear-gradient(#fff, #ebebeb);
  color: #3f4752; }
  .btn-edit.active .btn-txt, .btn-edit:hover .btn-txt {
    opacity: 1; }

.btn-edit.active {
  background: linear-gradient(#ebebeb, #fff); }

p {
  font-family: Lato,sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #336B87;
  margin-bottom: 10px; }
  p:last-child {
    margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0; }

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

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

/************************************** bootsrap overrides *******************************/
.tab-content {
  padding: 0px; }

.pagination {
  margin: 0; }

.navbar {
  margin-bottom: 0; }
  .navbar .navbar-brand {
    height: 40px;
    padding: 0;
    margin: 0;
    margin-top: 6px;
    max-width: 50%; }
    .navbar .navbar-brand img {
      max-height: 100%; }
  .navbar .mainMenu {
    margin-top: 4px; }
    .navbar .mainMenu li > a {
      color: #777;
      text-transform: uppercase; }
    .navbar .mainMenu li > a:hover, .navbar .mainMenu li > a:focus, .navbar .mainMenu li#signin > a {
      background-color: #ef3a61 !important;
      color: #fff; }

.div {
  position: relative;
  height: 21px;
  overflow: hidden; }
  .div hr {
    margin-top: 10px;
    margin-bottom: 10px; }

.div::after {
  content: attr(data-title);
  top: 0px;
  left: 15px;
  position: absolute;
  background-color: #fff;
  padding: 0 10px;
  font-size: 13px; }

/************************************** main layout **************************************/
html, body {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%; }

html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

body {
  background-color: #f9f9f9;
  color: #2A3132;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px; }

body.modal-open {
  padding-right: 0 !important; }

/* FORCE FOOTER TO BOTTOM OF PAGE */
.layout {
  position: relative;
  min-height: 100%; }
  .layout .page {
    padding: 0;
    padding-top: 50px;
    padding-bottom: 144px; }
  .layout .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 144px; }

.section {
  margin: 0 auto;
  width: 100%;
  float: left;
  display: block;
  height: auto;
  position: relative;
  padding: 10px 0 30px 0; }
  .section.section-slim {
    padding: 15px 0; }
  .section.color1 {
    background-color: #fff; }
    .section.color1 h1, .section.color1 h2, .section.color1 p {
      color: #777; }
  .section.color2 {
    background-color: #eee; }
  .section.color3 {
    background-color: #292929; }

.section.subheader {
  position: relative;
  /* min-height: 75px; */
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  background-color: #292929; }
  .section.subheader.sthin {
    padding: 12px; }
  .section.subheader h1 {
    text-align: left;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 45px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #ffffff; }
    .section.subheader h1 a {
      color: #fff;
      text-decoration: none; }
      .section.subheader h1 a:hover {
        color: #f1f1f1; }
        .section.subheader h1 a:hover span {
          color: #fff; }
    .section.subheader h1 span {
      letter-spacing: 0em;
      font-weight: bold;
      text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.25); }
  .section.subheader .navbar-nav li a {
    color: #fff !important;
    padding-top: 12px;
    padding-bottom: 10px; }

.footer {
  font-size: 13px;
  background-color: #333; }
  .footer .footer-top {
    padding-top: 15px;
    padding-bottom: 15px; }
    .footer .footer-top ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .footer .footer-top ul li {
        margin: 0;
        padding: 4px 0; }
        .footer .footer-top ul li a {
          text-decoration: none;
          line-height: 13px;
          font-size: 13px;
          color: #fff;
          -webkit-transition: all 0.5s all ease;
          -moz-transition: all 0.5s all ease;
          -o-transition: all 0.5s all ease;
          -ms-transition: all 0.5s all ease;
          transition: all 0.5s all ease; }
        .footer .footer-top ul li a:hover {
          color: #027bef; }
  .footer .footer-bottom {
    background-color: #333;
    border-top: 1px solid #555;
    padding-top: 15px;
    padding-bottom: 15px; }
    .footer .footer-bottom .copy {
      margin: 0;
      line-height: 30px;
      color: #f1f1f1; }
    .footer .footer-bottom .social ul {
      list-style-type: none;
      margin: 0;
      margin-right: 20px;
      padding: 0; }
      .footer .footer-bottom .social ul li {
        display: inline-block;
        margin: 0;
        padding: 0; }
        .footer .footer-bottom .social ul li a {
          display: block;
          color: #8c8d91;
          margin-left: 12px; }
          .footer .footer-bottom .social ul li a i {
            line-height: 30px;
            font-size: 1.2em; }
        .footer .footer-bottom .social ul li a:hover {
          color: #fff; }

/************************************** landing page styles **************************************/
ul.vids {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.vids li {
    display: inline-block;
    margin-right: 15px;
    overflow: hidden;
    text-align: center; }
    ul.vids li .thumbnail {
      border: 0;
      box-shadow: none; }
    ul.vids li img {
      width: 310px;
      height: auto; }
    ul.vids li a {
      cursor: pointer;
      text-decoration: none; }
    ul.vids li:last-child {
      margin-right: 0; }

.card.card-thin {
  padding: 15px; }

.card.card-clean {
  background-color: transparent;
  border: 0; }

.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6 {
  margin: 0;
  padding: 0; }

#main-profile .nav-pills > li > a {
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: #ddd;
  color: #00A4D6;
  margin-bottom: -1px; }

#main-profile .nav-pills > li.active > a {
  border-bottom-color: #fff; }

#main-profile .tab-content {
  background-color: #fff; }

.feature-list {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-top: 50px; }
  .feature-list .feature {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin: 0 20px;
    text-align: center; }
    .feature-list .feature .icon {
      width: 150px;
      height: 150px;
      border: 2px solid #454545;
      border-radius: 75px;
      margin: 0 auto;
      margin-bottom: 30px; }
      .feature-list .feature .icon i {
        margin-top: 30px;
        font-size: 80px;
        color: #333;
        text-align: center; }
    .feature-list .feature .info {
      padding: 15px 0;
      color: #333;
      font-size: 15px; }

/************************************** main page styles **************************************/
h1, h2 {
  font-family: 'Lato', sans-serif;
  color: #763626;
  text-align: center;
  font-size: 36px;
  line-height: 36px;
  font-weight: 300;
  margin: 0px 0 15px 0;
  letter-spacing: 2px; }

h2 {
  font-size: 32px;
  line-height: 32px; }

.panel:last-child {
  margin-bottom: 0; }

.lifted:before {
  content: '';
  background: url(../img/lifted_paper.png) no-repeat center top;
  position: absolute;
  top: 0;
  height: 18px;
  left: 0;
  right: 0; }

.sunken:after {
  content: '';
  background: url(../img/lifted_paper.png) no-repeat center top;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  bottom: 0;
  height: 18px;
  left: 0;
  right: 0; }

.lifted.lindent:before {
  top: 5px; }

.sunken.sindent:after {
  bottom: 5px; }

/************************************** subheader ********************************************/
.subheader h1 {
  white-space: nowrap; }

/**************************************  page *******************************************/
.thumbnail {
  padding: 3px;
  border: 1px solid #ddd;
  border-radius: 3px; }

.thumbnail .caption {
  font-size: 15px;
  padding-top: 12px;
  color: #8ab459;
  text-decoration: none; }

.thumbnail:hover .caption {
  color: #bae489; }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0; }
  5% {
    -webkit-transform: translateY(-100%);
    opacity: 0; }
  15% {
    -webkit-transform: translateY(0);
    padding-bottom: 5px; }
  30% {
    -webkit-transform: translateY(-50%); }
  40% {
    -webkit-transform: translateY(0%);
    padding-bottom: 6px; }
  50% {
    -webkit-transform: translateY(-30%); }
  70% {
    -webkit-transform: translateY(0%);
    padding-bottom: 7px; }
  80% {
    -webkit-transform: translateY(-15%); }
  90% {
    -webkit-transform: translateY(0%);
    padding-bottom: 8px; }
  95% {
    -webkit-transform: translateY(-10%); }
  97% {
    -webkit-transform: translateY(0%);
    padding-bottom: 9px; }
  99% {
    -webkit-transform: translateY(-5%); }
  100% {
    -webkit-transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1; } }

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(-100%);
    opacity: 0; }
  5% {
    -moz-transform: translateY(-100%);
    opacity: 0; }
  15% {
    -moz-transform: translateY(0);
    padding-bottom: 5px; }
  30% {
    -moz-transform: translateY(-50%); }
  40% {
    -moz-transform: translateY(0%);
    padding-bottom: 6px; }
  50% {
    -moz-transform: translateY(-30%); }
  70% {
    -moz-transform: translateY(0%);
    padding-bottom: 7px; }
  80% {
    -moz-transform: translateY(-15%); }
  90% {
    -moz-transform: translateY(0%);
    padding-bottom: 8px; }
  95% {
    -moz-transform: translateY(-10%); }
  97% {
    -moz-transform: translateY(0%);
    padding-bottom: 9px; }
  99% {
    -moz-transform: translateY(-5%); }
  100% {
    -moz-transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1; } }

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
    -o-transform: translateY(-100%);
    opacity: 0; }
  5% {
    -o-transform: translateY(-100%);
    opacity: 0; }
  15% {
    -o-transform: translateY(0);
    padding-bottom: 5px; }
  30% {
    -o-transform: translateY(-50%); }
  40% {
    -o-transform: translateY(0%);
    padding-bottom: 6px; }
  50% {
    -o-transform: translateY(-30%); }
  70% {
    -o-transform: translateY(0%);
    padding-bottom: 7px; }
  80% {
    -o-transform: translateY(-15%); }
  90% {
    -o-transform: translateY(0%);
    padding-bottom: 8px; }
  95% {
    -o-transform: translateY(-10%); }
  97% {
    -o-transform: translateY(0%);
    padding-bottom: 9px; }
  99% {
    -o-transform: translateY(-5%); }
  100% {
    -o-transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1; } }

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
    transform: translateY(-100%);
    opacity: 0; }
  5% {
    transform: translateY(-100%);
    opacity: 0; }
  15% {
    transform: translateY(0);
    padding-bottom: 5px; }
  30% {
    transform: translateY(-50%); }
  40% {
    transform: translateY(0%);
    padding-bottom: 6px; }
  50% {
    transform: translateY(-30%); }
  70% {
    transform: translateY(0%);
    padding-bottom: 7px; }
  80% {
    transform: translateY(-15%); }
  90% {
    transform: translateY(0%);
    padding-bottom: 8px; }
  95% {
    transform: translateY(-7%); }
  97% {
    transform: translateY(0%);
    padding-bottom: 9px; }
  99% {
    transform: translateY(-3%); }
  100% {
    transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1; } }

/************************************** signin page  ******************************************/
form[name=signin] .form-group:last-child, form[name=signup] .form-group:last-child, form[name=reset] .form-group:last-child {
  margin-bottom: 0; }

form[name="signup"] .dob {
  display: flex;
  justify-content: space-evenly; }
  form[name="signup"] .dob .form-group {
    margin-bottom: 0; }

.forgot {
  margin-top: 10px; }
  .forgot a {
    font-size: 0.9em; }

.intro {
  margin-bottom: 20px; }
  .intro p {
    font-size: 0.9em;
    text-align: center; }

.outro {
  margin-top: 20px; }
  .outro p {
    font-size: 0.8em; }
    .outro p span {
      color: #666; }

/************************************** signup stages  ******************************************/
.plus {
  font-size: 26px;
  color: #ccc;
  border: 2px dashed #dee2e6;
  padding: 40px;
  padding-top: 65px;
  height: 160px; }

.title {
  color: red;
  font-weight: bold; }

.sub-title {
  color: #6e60aa; }

.search_box {
  display: none;
  background: #ced4da;
  padding-left: 35px; }

.form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa; }

.btn_div button {
  font-size: 20px;
  padding: 7px; }

.new-header {
  height: fit-content; }

.profile-card {
  height: fit-content; }

.bs-wizard {
  margin-top: -20px; }

.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative; }

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px; }

.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px; }

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #fbe8aa;
  top: 45px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%; }

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: ' ';
  width: 14px;
  height: 14px;
  background: #fbe8aa;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px; }

.bs-wizard > .bs-wizard-step > .bs-wizard-dot.dot-darker:after {
  background: #F5F7FA; }

.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0; }

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #fbe8aa; }

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%; }

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%; }

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%; }

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%; }

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #f5f5f5; }

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0; }

.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%; }

.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%; }

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none; }

/************************************** profile edit page  ******************************************/
.notificationMenu {
  width: 300px; }
  .notificationMenu .notification {
    padding: 6px 12px; }
  .notificationMenu .notification.unread {
    background-color: #f6f6f6; }

form.save .form-group:last-child {
  margin-bottom: 0; }

.datalist {
  display: none;
  position: absolute;
  z-index: 100;
  top: 46px;
  box-sizing: border-box;
  min-width: 260px;
  border: 1px solid #c4c7cc;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  text-align: left; }
  .datalist .scroll {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 300px; }
    .datalist .scroll .options {
      width: 100%;
      padding: 5px 0;
      margin: 0; }
      .datalist .scroll .options .option {
        position: relative;
        padding: 8px 10px;
        margin: 0;
        cursor: pointer;
        text-decoration: none;
        text-overflow: ellipsis;
        font: 1em/1 Arial,sans-serif; }
      .datalist .scroll .options .option:hover {
        background-color: #eee; }
  .datalist .helper {
    background-color: #e7e8e9;
    border-top: 1px solid #d4d4d4;
    color: #999;
    font-size: 0.8em;
    padding: 4px 8px;
    text-align: center; }

.datalist:before {
  position: absolute;
  top: -6px;
  left: 10px;
  width: 10px;
  height: 10px;
  content: '';
  border: 1px solid #c4c7cc;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-radius: 100% 0 0 0;
  background: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.profile-image {
  position: relative;
  padding: 0px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden; }
  .profile-image img {
    width: 100%;
    height: auto; }
  .profile-image .actions {
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0; }
  .profile-image:hover .actions {
    opacity: 1; }
  .profile-image .top-overlay {
    position: absolute;
    top: 1px;
    left: 5px; }
  .profile-image .bottom-overlay {
    position: absolute;
    bottom: 5px;
    left: 5px; }

ul.profileLinks {
  list-style-type: none;
  padding: 0px;
  margin-top: 0px; }
  ul.profileLinks li {
    padding: 4px 8px;
    border-bottom: 1px solid #d1d1d1; }
  ul.profileLinks li:last-child {
    border-bottom: 0px; }

ul.list {
  list-style-type: none;
  padding: 0px;
  margin-top: 0px; }
  ul.list li {
    padding: 4px 8px; }
  ul.list li:last-child {
    border-bottom: 0px; }

ul.list-arrows li:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f178";
  display: inline-block;
  padding-right: 5px; }

.askQuestion {
  position: relative;
  margin-bottom: 10px; }

ul.questions {
  list-style-type: none;
  padding: 0;
  margin: 0;
  word-break: break-all; }
  ul.questions > li {
    margin: 0;
    padding: 10px 10px;
    border-bottom: 1px solid #d1d1d1; }
    ul.questions > li .tools {
      margin-top: 5px; }
      ul.questions > li .tools ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 13px; }
        ul.questions > li .tools ul li {
          display: inline;
          margin: 0;
          margin-right: 6px;
          padding: 0; }
          ul.questions > li .tools ul li a {
            text-decoration: none;
            cursor: pointer; }
        ul.questions > li .tools ul li:last-child {
          margin-right: 0; }
        ul.questions > li .tools ul li[name=saveQuestion], ul.questions > li .tools ul li[name=cancelQuestion] {
          display: none; }
    ul.questions > li .question {
      margin-bottom: 6px;
      color: #ce3a1e; }
    ul.questions > li .answer-wrapper {
      font-style: italic;
      margin-bottom: 0;
      margin-top: 10px; }
      ul.questions > li .answer-wrapper .answer-question {
        display: none; }
        ul.questions > li .answer-wrapper .answer-question textarea {
          padding: 0px;
          margin-bottom: 0px;
          border-radius: 0px;
          border: 0px solid #ddd;
          background-color: #fff;
          color: gray;
          display: block;
          width: 100%;
          height: 100px;
          outline: none;
          resize: none;
          line-height: 22px;
          height: 80px;
          background-color: #f1f2f3; }
    ul.questions > li .qtime {
      font-size: 13px;
      margin-top: 8px; }
      ul.questions > li .qtime .asked {
        margin-right: 5px; }
  ul.questions > li:last-child {
    border-bottom: 0; }
  ul.questions > li.editing .answer-wrapper .answer {
    display: none; }
  ul.questions > li.editing .answer-wrapper .answer-question {
    display: block; }
  ul.questions > li.editing .tools ul li[name=saveQuestion], ul.questions > li.editing .tools ul li[name=cancelQuestion] {
    display: inline; }
  ul.questions > li.editing .tools ul li[name=editQuestion], ul.questions > li.editing .tools ul li[name=deleteQuestion] {
    display: none; }

.paginationBox {
  margin-top: 15px;
  text-align: center;
  height: 29px; }

.profile-photos {
  position: relative;
  margin-bottom: -15px; }

.profile {
  margin-bottom: 15px; }
  .profile .profile-section:last-child {
    margin-bottom: 0; }
  .profile .profile-section {
    margin-bottom: 20px; }
    .profile .profile-section .profile-section-head h2 {
      font-size: 18px;
      display: inline-block;
      margin-top: 0;
      padding: 1px 0 2px;
      color: #00A4D6; }
    .profile .profile-section .profile-section-view {
      opacity: 1;
      display: block; }
    .profile .profile-section .profile-section-edit {
      opacity: 0;
      display: none;
      position: relative;
      margin: 15px -30px 0 -30px;
      padding: 30px;
      border-top: 1px solid #ededed;
      border-bottom: 1px solid #ededed;
      background-color: #fafafa; }
      .profile .profile-section .profile-section-edit form .form-group {
        margin-bottom: 8px; }
        .profile .profile-section .profile-section-edit form .form-group:last-child {
          margin: 0; }
    .profile .profile-section .profile-section-edit:before {
      position: absolute;
      top: -10px;
      margin-left: 25px;
      width: 20px;
      height: 20px;
      content: '';
      border: 1px solid #ededed;
      border-top: 1px solid transparent;
      border-left: 1px solid transparent;
      border-radius: 100% 0 0 0;
      background-color: #fafafa;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .profile .profile-section.editing .profile-section-view {
    opacity: 0;
    display: none; }
  .profile .profile-section.editing .profile-section-edit {
    opacity: 1;
    display: block; }
    .profile .profile-section.editing .profile-section-edit textarea {
      min-height: 150px; }

.profile-clean-edit .profile-section-edit {
  margin: 0 !important;
  padding: 15px !important;
  border: 1px solid #ededed !important;
  background-color: #fff !important; }
  .profile-clean-edit .profile-section-edit:before {
    background-color: #fff !important; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

ul.savedSearches {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.savedSearches li {
    padding: 5px 0px; }
    ul.savedSearches li a.strong {
      font-weight: 700; }

ul.searchFields {
  list-style: none;
  padding: 0; }
  ul.searchFields li {
    background-color: #fff; }
    ul.searchFields li .searchFieldHeader {
      display: block;
      padding: 8px 10px;
      color: #00A4D6;
      cursor: pointer; }
    ul.searchFields li .searchFieldBody {
      padding-left: 20px;
      padding-right: 10px;
      display: block; }
      ul.searchFields li .searchFieldBody:last-child {
        padding-bottom: 5px; }
    ul.searchFields li .searchFieldEdit {
      border-left: 2px solid #00A4D6;
      padding-left: 10px;
      padding-right: 10px;
      display: none; }
      ul.searchFields li .searchFieldEdit:last-child {
        padding-bottom: 5px; }
    ul.searchFields li .caret {
      border-top: 4px solid transparent;
      border-left: 4px solid;
      border-right: none;
      border-bottom: 4px solid transparent; }
    ul.searchFields li:hover .searchFieldHeader {
      color: #00A4D6;
      padding-left: 9px;
      border-left: 1px solid #00A4D6; }
    ul.searchFields li.active .searchFieldHeader {
      border-left: 2px solid #00A4D6;
      padding-left: 8px;
      font-weight: 700;
      color: #00A4D6; }
    ul.searchFields li.active .searchFieldBody {
      display: none; }
    ul.searchFields li.active .searchFieldEdit {
      display: block; }
    ul.searchFields li.active .caret {
      border-top: 4px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      border-bottom: none; }

.card-table {
  margin: 0; }
  .card-table tr:first-child td, .card-table tr:first-child th {
    border-top: 0; }

.card-tab {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.p_table .p_title {
  width: 100%;
  color: #aaadb2; }

.p_table .p_value {
  width: auto;
  margin-bottom: 14px; }

.p_table.inline div {
  position: relative; }
  .p_table.inline div .p_title {
    width: 150px; }
  .p_table.inline div .p_value {
    margin-left: 120px;
    margin-bottom: 0; }
    .p_table.inline div .p_value span {
      font-style: italic;
      color: #aaadb2; }
  .p_table.inline div .p_match {
    width: 18px;
    position: absolute;
    right: 0;
    top: 0;
    color: silver; }

/************************************** image upload page  ******************************************/
ul.myalbums {
  list-style-type: none;
  padding: 0px;
  text-align: left;
  margin: 0px; }
  ul.myalbums li {
    position: relative;
    display: inline-block;
    margin: 0 18px 18px 0;
    padding: 1px;
    background-color: #f1f1f1;
    border: 1px solid #d4d4d4;
    vertical-align: top; }
    ul.myalbums li a {
      display: block;
      font-size: 16px;
      line-height: 30px;
      text-decoration: none; }
    ul.myalbums li a:hover {
      cursor: pointer; }
    ul.myalbums li .img-container {
      width: 180px;
      height: 180px;
      overflow: hidden; }
      ul.myalbums li .img-container img {
        width: 180px;
        height: 180px; }
    ul.myalbums li .info {
      height: 30px;
      font-size: 14px;
      line-height: 30px;
      padding: 0 8px; }
    ul.myalbums li .actions {
      height: 30px;
      background-color: #fff;
      margin-top: 1px; }
      ul.myalbums li .actions div {
        width: 45px;
        text-align: center; }
        ul.myalbums li .actions div a {
          display: block;
          font-size: 16px;
          line-height: 30px;
          text-decoration: none; }
        ul.myalbums li .actions div a:hover {
          background-color: #f1f2f3;
          cursor: pointer;
          text-decoration: none; }
        ul.myalbums li .actions div a.main {
          color: #3C763D; }
        ul.myalbums li .actions div a.delete {
          color: #A94442; }
        ul.myalbums li .actions div a.privacy {
          color: #eb9316; }
  ul.myalbums li:nth-child(3n) {
    margin-right: 0px; }

.photo-count, .album-count {
  margin-bottom: 20px;
  font-size: 14px; }

ul.myphotos {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  text-align: left;
  /*
	li:nth-child(6n) {
		margin-right: 0px;
	}
*/ }
  ul.myphotos li {
    position: relative;
    display: inline-block;
    margin: 0 18px 18px 0;
    background-color: #f1f1f1;
    vertical-align: top; }
    ul.myphotos li .img-container {
      margin: 0 auto;
      width: 134px;
      max-height: 134px;
      overflow: hidden; }
      ul.myphotos li .img-container img {
        width: 100%;
        height: auto; }
      ul.myphotos li .img-container .img-overlay {
        position: absolute;
        top: 0;
        left: 0px;
        color: white;
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 2px;
        width: 100%;
        text-align: center; }
    ul.myphotos li .info {
      height: 30px;
      font-size: 14px;
      line-height: 30px;
      font-style: italic;
      padding: 0 8px; }

ul.myvideos {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }
  ul.myvideos li {
    position: relative;
    margin: 0; }

.vid-container video {
  width: 100%    !important;
  height: auto   !important; }

ul.myphotos .actions, ul.myvideos .actions {
  position: relative;
  padding: 5px; }

ul.press-images .img-container img {
  width: 134px;
  height: 89px;
  object-fit: contain;
  object-position: center; }

.photo_box_heading .uploadPhoto {
  font-size: 13px;
  color: #797979;
  cursor: pointer; }
  .photo_box_heading .uploadPhoto:hover {
    color: #000; }

.profile-left-column {
  width: 300px; }

.profile-right-column {
  margin-left: 320px; }
  .profile-right-column .username {
    margin: 0;
    margin-left: 15px;
    font-size: 37px;
    line-height: 37px;
    color: #CE3A1E; }

.corner-ribbon {
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

/* Custom styles */
.corner-ribbon.sticky {
  position: fixed; }

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

/* Different positions */
.corner-ribbon.top-left {
  top: 15px;
  left: -70px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.corner-ribbon.top-right {
  top: 15px;
  right: -70px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.corner-ribbon.bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.corner-ribbon.bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

/* Colors */
.corner-ribbon.white {
  background: #f0f0f0;
  color: #555; }

.corner-ribbon.black {
  background: #333; }

.corner-ribbon.grey {
  background: #999; }

.corner-ribbon.blue {
  background: #39d; }

.corner-ribbon.green {
  background: #2c7; }

.corner-ribbon.turquoise {
  background: #1b9; }

.corner-ribbon.purple {
  background: #95b; }

.corner-ribbon.red {
  background: #e43; }

.corner-ribbon.orange {
  background: gold;
  color: #c97b15; }

.corner-ribbon.yellow {
  background: #ec0; }

.user-column {
  vertical-align: top;
  font-size: 12px;
  line-height: 1.5; }

.user-card {
  width: 100%;
  margin: 0;
  padding: 10px;
  text-align: left;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-bottom: 1px solid #eee; }
  .user-card:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px; }
  .user-card.premium-card:before {
    background-color: #df9e13; }
  .user-card:last-child {
    border: 0; }
  .user-card a {
    text-decoration: none; }
  .user-card .profile-image {
    float: left;
    width: 108px;
    height: 108px;
    border-radius: 0;
    border: 0; }
  .user-card .info-container {
    height: 108px;
    margin-left: 108px;
    overflow: hidden;
    margin: 0px;
    display: block;
    padding: 10px 15px;
    vertical-align: top;
    font-size: 18px;
    line-height: 22px;
    color: #777;
    word-wrap: break-word;
    width: auto; }
    .user-card .info-container .username {
      margin: 0;
      margin-bottom: 6px;
      line-height: 1em; }
      .user-card .info-container .username a {
        color: #535a5e;
        text-decoration: none;
        font-size: 0.7em; }
    .user-card .info-container .location {
      font-size: 15px;
      margin-bottom: 4px; }
    .user-card .info-container .tagline {
      font-size: 15px;
      font-style: italic; }
    .user-card .info-container .requests {
      margin-top: 25px;
      font-size: 15px; }
      .user-card .info-container .requests a {
        font-size: 13px;
        font-weight: bold; }
    .user-card .info-container .lastLogin {
      position: absolute;
      right: 15px;
      top: 5px;
      font-size: 11px; }
    .user-card .info-container .compatibility {
      font-size: 11px;
      font-weight: bold; }
    .user-card .info-container .favourite {
      position: absolute;
      right: 15px;
      top: 30px;
      font-size: 15px; }
    .user-card .info-container .invite {
      position: absolute;
      right: 40px;
      top: 30px;
      font-size: 15px; }

.qabox {
  position: relative;
  width: 100%;
  background-color: #fff;
  min-height: 50px; }
  .qabox .loader, .qabox .complete {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
    background-color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding-top: 10px; }
  .qabox .complete {
    display: none; }
  .qabox .question {
    font-size: 15px;
    font-weight: bold;
    color: #666;
    text-align: center;
    margin-bottom: 15px; }
  .qabox .answers {
    margin-bottom: 15px;
    text-align: center; }
  .qabox .qanda-answer, .qabox .qanda-next, .qabox .qanda-skip2 {
    margin-left: 5px; }
  .qabox .qanda-reset {
    cursor: pointer; }

.qabox.display ul.questions {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .qabox.display ul.questions li {
    margin-bottom: 10px;
    border-bottom: 1px solid #f1f2f3; }
    .qabox.display ul.questions li .question {
      font-size: 15px;
      font-weight: bold;
      color: #666;
      text-align: left;
      margin-bottom: 15px; }
    .qabox.display ul.questions li .answer {
      margin-bottom: 15px;
      text-align: left;
      margin-right: 20px;
      font-size: 15px; }
    .qabox.display ul.questions li .choices {
      color: #ccc;
      font-size: 14px; }
      .qabox.display ul.questions li .choices span {
        color: #ec0;
        font-size: 18px; }
    .qabox.display ul.questions li:last-child {
      border-bottom: 0;
      margin-bottom: 0; }
      .qabox.display ul.questions li:last-child .answer {
        margin-bottom: 0; }

.advmc {
  font-size: 13px;
  text-indent: 5px;
  padding: 0;
  padding-left: 15px; }
  .advmc label {
    font-weight: normal; }
  .advmc input {
    position: absolute;
    left: -6px; }

ul.advsearches {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  ul.advsearches li {
    margin-bottom: 6px; }
    ul.advsearches li:last-child {
      margin-bottom: 0; }

.profile-header .tagline {
  position: relative;
  text-align: center;
  height: 67px; }
  .profile-header .tagline .tagline-view span[name=tagline] {
    font-size: 17px;
    line-height: 67px;
    position: relative;
    margin: 0;
    font-style: italic;
    color: #ffffff; }
  .profile-header .tagline .btn-edit i {
    color: #ca8c04; }
  .profile-header .tagline .btn-edit .btn-txt {
    opacity: 1;
    color: #ca8c04; }
  .profile-header .tagline .tagline-edit {
    display: none;
    width: 100%;
    padding-top: 15px;
    overflow: hidden;
    position: relative;
    border-collapse: separate; }
    .profile-header .tagline .tagline-edit input {
      display: table-cell;
      background: #ffffff;
      /* Old browsers */
      border: 1px solid #e1e2e3;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      color: #333;
      font-style: italic;
      margin: 0px;
      overflow: hidden;
      padding: 0px 14px;
      width: 100%;
      height: 38px;
      line-height: 38px;
      font-size: 18px;
      outline: none;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important; }
    .profile-header .tagline .tagline-edit span {
      display: table-cell;
      background: #ffffff;
      border: 1px solid #e1e2e3;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      border-left: 0;
      color: #333;
      font-style: italic;
      margin: 0px;
      overflow: hidden;
      padding: 0px 14px;
      width: 10%;
      height: 36px;
      line-height: 36px;
      font-size: 18px;
      margin-left: -5px;
      cursor: pointer;
      outline: none;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important; }

.profile-header .tagline.editing .tagline-view {
  display: none; }

.profile-header .tagline.editing .tagline-edit {
  display: table; }

ul.testimonials {
  list-style-type: none;
  padding: 0;
  margin: 0;
  word-break: break-all; }
  ul.testimonials > li {
    margin: 0;
    padding: 10px 10px;
    border-bottom: 1px solid #d1d1d1; }
    ul.testimonials > li .t-tools {
      margin-top: 5px; }
      ul.testimonials > li .t-tools ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 13px; }
        ul.testimonials > li .t-tools ul li {
          display: inline;
          margin: 0;
          margin-right: 6px;
          padding: 0; }
          ul.testimonials > li .t-tools ul li a {
            text-decoration: none;
            cursor: pointer; }
        ul.testimonials > li .t-tools ul li:last-child {
          margin-right: 0; }
        ul.testimonials > li .t-tools ul li[name=saveQuestion], ul.testimonials > li .t-tools ul li[name=cancelQuestion] {
          display: none; }
    ul.testimonials > li .t-header {
      margin-bottom: 6px;
      color: #ce3a1e; }
    ul.testimonials > li .t-answer-wrapper {
      font-style: italic;
      margin: 0; }
    ul.testimonials > li .t-details {
      font-size: 13px;
      margin-top: 8px; }
      ul.testimonials > li .t-details span {
        color: #ce3a1e; }
      ul.testimonials > li .t-details .t-by {
        margin-right: 5px; }
  ul.testimonials > li:last-child {
    border-bottom: 0; }

.quicklinks {
  margin-bottom: 15px; }
  .quicklinks a {
    text-decoration: none; }

.paymentoptions {
  display: none; }

.sub {
  display: none; }

.plan {
  position: relative;
  border: 1px solid #292929;
  min-height: 100px;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 20px; }
  .plan .head {
    padding: 12px 16px;
    background: #292929;
    color: #fff; }
    .plan .head h1, .plan .head h2, .plan .head h3 {
      padding: 0;
      margin: 0;
      font-weight: 500;
      color: #fff; }
  .plan .price {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 80%; }
    .plan .price h3 {
      margin: 15px 0;
      font-size: 62px;
      vertical-align: middle;
      line-height: 1; }
      .plan .price h3 span.symbol {
        font-size: 32px;
        vertical-align: bottom;
        position: relative;
        margin-bottom: 4px;
        display: inline-block; }
      .plan .price h3 span.pm {
        font-size: 22px;
        vertical-align: bottom;
        position: relative;
        margin-bottom: 4px;
        display: inline-block; }
    .plan .price p {
      text-align: center;
      margin-bottom: 10px;
      font-size: 15px; }
  .plan .btn {
    margin-bottom: 15px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 500; }

div.selectBox {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 200px;
  background-image: url(../img/15xvbd5.png), -webkit-linear-gradient(#fff, #fff 20%, #f9f9f9);
  background-position: right center;
  background-repeat: no-repeat;
  background-color: white;
  border: 1px solid #ccc;
  color: #555;
  margin: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 0; }
  div.selectBox span.selectedOption {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 42px 0 10px;
    line-height: 28px;
    z-index: 1; }
  div.selectBox div.selectOptions {
    position: absolute;
    bottom: 29px;
    left: -1px;
    width: 200px;
    border: 1px solid #ccc;
    border-bottom: 0;
    overflow: hidden;
    background-color: #fff;
    display: none; }
    div.selectBox div.selectOptions span.selectOption a {
      display: block;
      line-height: 20px;
      padding: 5px 10px;
      color: #333;
      text-decoration: none; }
      div.selectBox div.selectOptions span.selectOption a:hover {
        background: #f1f1f1; }
  div.selectBox.selectBox-sm {
    width: 100px; }
    div.selectBox.selectBox-sm div.selectOptions {
      width: 100px; }
  div.selectBox.selectBox-down div.selectOptions {
    top: 29px;
    bottom: auto;
    z-index: 999;
    border-top: 0;
    border-bottom: 1px solid #ccc; }

/* adjust body when menu is open */
body.slide-active {
  overflow-x: hidden; }

/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
  margin-top: 0px !important; }

/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
  position: relative;
  padding-top: 70px;
  left: 0; }

#page-content.slide-active {
  padding-top: 0; }

.navbar-default {
  background-color: #fff !important; }

/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
  cursor: pointer;
  position: relative;
  line-height: 0;
  float: left;
  margin: 0;
  margin-right: 15px;
  width: 30px;
  height: 40px;
  padding: 10px 0 0 0;
  border: 0;
  background: transparent; }

/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
  width: 100%;
  display: block;
  height: 3px;
  margin: 5px 0 0 0; }

#slide-nav .navbar-toggle.slide-active .icon-bar {
  background: #a4b9be; }

.navbar-header {
  position: relative; }

/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
  position: relative; }

#slide-nav .navbar-nav li span {
  display: none; }

/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width: 767px) {
  #slide-nav .navbar-nav li span {
    display: inline; }
  #slide-nav .container {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%; }
  #slide-nav .navbar-header {
    padding: 0 15px; }
  #slide-nav .navbar.slide-active {
    position: absolute;
    width: 80%;
    top: -1px;
    z-index: 1001; }
  #slide-nav #slidemenu {
    background: #fff;
    left: -100%;
    width: 80%;
    min-width: 0;
    position: absolute;
    padding-left: 15px;
    z-index: 998;
    top: 0px;
    margin: 0; }
  #slide-nav #slidemenu .navbar-nav {
    min-width: 0;
    width: 100%;
    margin: 0; }
  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
    min-width: 0;
    width: 80%;
    white-space: normal; }
  #slide-nav {
    border-top: 0; }
  #slide-nav.navbar-inverse #slidemenu {
    background: #333; }
  /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
  #navbar-height-col {
    position: fixed;
    top: 0;
    height: 100%;
    bottom: 0;
    width: 80%;
    left: -80%;
    background: #fff;
    z-index: 997; }
  #navbar-height-col.inverse {
    background: #333;
    z-index: 997;
    border: 0; }
  #slide-nav .navbar-form {
    width: 100%;
    margin: 8px 0;
    text-align: center;
    overflow: hidden;
    /*fast clearfixer*/ }
  #slide-nav .navbar-form .form-control {
    text-align: center; }
  #slide-nav .navbar-form .btn {
    width: 100%; } }

@media (min-width: 768px) {
  #page-content {
    left: 0 !important; }
  .navbar.navbar-fixed-top.slide-active {
    position: fixed; }
  .navbar-header {
    left: 0 !important; } }

h2.photo_box_title {
  font-size: 18px;
  display: inline-block;
  padding: 1px 0 2px;
  color: #00A4D6; }

.photo_box {
  margin: 0px -30px 15px -30px;
  position: relative;
  height: 120px;
  background-color: #f9f9f9; }
  .photo_box .photo_box_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 9999;
    text-align: center; }
    .photo_box .photo_box_overlay .gp {
      position: relative;
      color: #fff; }
      .photo_box .photo_box_overlay .gp a {
        display: block;
        font-size: 18px;
        height: 90px;
        color: #FFD01B;
        margin: 0 auto;
        margin-top: 15px;
        width: 60%;
        padding: 20px;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.9);
        cursor: pointer; }
        .photo_box .photo_box_overlay .gp a:hover {
          text-decoration: none;
          background-color: black; }
  .photo_box ul.photo_box_slider {
    list-style: none outside none;
    padding: 0;
    margin: 0; }
    .photo_box ul.photo_box_slider li {
      width: 120px;
      height: 120px;
      padding: 0;
      margin: 0;
      text-align: center; }

.photo_box .photo_box_count {
  position: absolute;
  top: 5px;
  right: 5px; }

.profile-actions {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .profile-actions li {
    display: block;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #fff; }
    .profile-actions li a {
      color: #000;
      cursor: pointer; }

.profile-data {
  margin-top: 20px; }

.pro-username {
  font-family: 'Lato', sans-serif;
  color: #f7d1cc;
  font-size: 42px;
  line-height: 80px;
  font-weight: 600;
  margin: 0 0 5px 0;
  letter-spacing: 2px; }

.pro-vip {
  font-size: 12px;
  line-height: 22px;
  color: #ca8c04; }

.pro-tagline {
  font-size: 17px;
  line-height: 67px;
  position: relative;
  margin: 0;
  text-align: center;
  font-style: italic;
  color: #ffffff; }

.pro-title {
  font-weight: bold;
  margin-bottom: 4px;
  color: #ffffff; }

.pro-value {
  color: #ffffff; }

ul.nav-links {
  list-style: none;
  padding: 0;
  display: block; }
  ul.nav-links li a {
    display: block;
    padding: 8px 20px;
    background-color: #fff;
    color: #00A4D6; }
  ul.nav-links li:hover a {
    padding-left: 19px;
    color: #00A4D6;
    border-left: 1px solid #00A4D6; }
  ul.nav-links li.active a {
    padding-left: 18px;
    font-weight: 700;
    color: #00A4D6;
    border-left: 2px solid #00A4D6; }

ul.headlines {
  list-style-type: none;
  padding: 0; }

ul.headlines li {
  margin-bottom: 10px; }

ul.headlines li p {
  margin-bottom: 0px; }

.readmore {
  cursor: pointer; }

.readmore span {
  opacity: 0.5;
  color: #333;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
  margin-left: 15px; }

.readmore:hover span {
  opacity: 1; }

.snippet {
  margin-top: 10px;
  display: none; }

blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: none; }

ul.facts {
  list-style-type: none;
  padding: 0; }

ul.facts li {
  margin-bottom: 0px; }

ul.faq {
  list-style-type: none; }

ul.faq li {
  margin-bottom: 15px; }

ul.faq li strong {
  margin-bottom: 15px;
  display: block; }

form.toggle .ios-toggle > input:checked + label::before,
.public-private-toggle .ios-toggle > input:checked + label::before, form.toggle .ios-toggle > input:active + label::before,
.public-private-toggle .ios-toggle > input:active + label::before {
  width: 60%;
  left: 20%;
  top: 30%;
  height: 40%;
  opacity: 0; }

form.toggle,
.public-private-toggle {
  display: inline-block;
  margin-bottom: 20px; }
  form.toggle span.pl,
  .public-private-toggle span.pl {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal; }
  form.toggle .ios-toggle,
  .public-private-toggle .ios-toggle {
    position: relative;
    display: inline-block;
    width: 1.7em;
    height: 1em;
    margin: auto;
    border-radius: 1em;
    background: #ccc;
    vertical-align: middle;
    margin: 0 5px;
    cursor: pointer;
    white-space: nowrap; }
    form.toggle .ios-toggle > input,
    .public-private-toggle .ios-toggle > input {
      appearance: none;
      opacity: 0;
      width: 100%;
      height: 100%;
      position: absolute; }
      form.toggle .ios-toggle > input:checked + label,
      .public-private-toggle .ios-toggle > input:checked + label {
        background: #519251; }
        form.toggle .ios-toggle > input:checked + label::after,
        .public-private-toggle .ios-toggle > input:checked + label::after {
          right: 0;
          left: 0.7em; }
      form.toggle .ios-toggle > input:active + label::after,
      .public-private-toggle .ios-toggle > input:active + label::after {
        right: 0.5em;
        left: 0; }
      form.toggle .ios-toggle > input:active:checked + label::after,
      .public-private-toggle .ios-toggle > input:active:checked + label::after {
        right: 0;
        left: 0.5em; }
    form.toggle .ios-toggle > label,
    .public-private-toggle .ios-toggle > label {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 1em;
      font-size: 11px;
      font-weight: normal;
      text-indent: 30px;
      transition: background 0.125s; }
      form.toggle .ios-toggle > label::before, form.toggle .ios-toggle > label::after,
      .public-private-toggle .ios-toggle > label::before,
      .public-private-toggle .ios-toggle > label::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 1em;
        border-radius: inherit;
        transition: all 0.2s;
        font-size: 15px; }
      form.toggle .ios-toggle > label::before,
      .public-private-toggle .ios-toggle > label::before {
        background: #ca7474;
        width: 100%; }
      form.toggle .ios-toggle > label::after,
      .public-private-toggle .ios-toggle > label::after {
        background: #fff;
        transform: scale(1.1);
        right: 0.7em;
        box-shadow: 0 0.125em rgba(0, 0, 0, 0.05), inset 0 -1em 1em -1em rgba(0, 0, 0, 0.1); }

.dashboard-button {
  font-size: 15px;
  text-align: center;
  line-height: 1em;
  margin: 0.5em 0; }

.dashboard-button b {
  white-space: nowrap; }

.question {
  font-size: 1.5em; }

.compare-table td:nth-child(2) {
  background-color: rgba(255, 249, 111, 0.24); }

.compare-table td:nth-child(3) {
  background-color: rgba(255, 249, 111, 0.48); }

/* ---------------------------------------------------------------------- */
/*	Version 1200px
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*	Version 1200px
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*	Version 992px
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*	Mobile Version 768px
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*	Mobile Version 600px
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*	Mobile Version 320px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 400px) {
  .navbar-brand {
    width: 200px; }
  h2 {
    font-size: 22px;
    line-height: 24px; }
  p {
    font-size: 14px;
    line-height: 19px; } }